/*custom font
@import url(https://fonts.googleapis.com/css?family=Montserrat); */

body {
	background: #eee;
	font-family: 'Quicksand', sans-serif;
	padding-right: 0px !important;
	font-size: 14px;
	color:#777;
	margin: 0;
	padding: 0;
}

.stick {
	position : fixed;
	top: -6px;
    	z-index: 99999;
    	width: 1170px;
}

.swiper-container {
	width: 100%;
	height: 100%;
	margin: 20px auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.append-buttons {
	text-align: center;
	margin-top: 20px;
}
.append-buttons a {
	display: inline-block;
	border: 1px solid #007aff;
	color: #007aff;
	text-decoration: none;
	padding: 4px 10px;
	border-radius: 4px;
	margin: 0 10px;
	font-size: 13px;
}

.pagination li a , .pagination li span {min-width: 40px; padding: 6px 5px;}
 .pagination .active span {    border: 1px solid #ddd;}

/*Login Modal*/
.modal-header {    background: url(../img/backgrounds/designer1.jpg); border-radius: 4px; background-size: contain;}
#login {margin:auto;}

/*Cart Modal*/
.cart-item input , .cart-item .custom-dropdown, select {width:100%;} 
.cart-item .custom-dropdown {overflow: hidden;}
.cart-item input {padding: 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 13px;}
.cart-item .price {padding : 6px;font-size:16px}
.cart-item .grand-total h3{margin-top: 10px;}


/* Dashboard */
.dashboard-container{margin-top: 8%;}

.uk-nav-side .uk-nav-divider {
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 #fff;
}

/* Navbar Comonent */
.navbar{opacity: 0.9;height:72px;border-radius: 0px;}
.navbar-header {clear:both;}
.main-nav {top:20px;}
.navbar-toggle {margin-top:13px;}
.navbar-collapse {background-color:inherit;}
.navbar-nav>li>a>img {margin-top:-9px;}

/* Colored Box */
 .card-box-colored{    background-color: #fff;
    max-height: 150px;
    min-height: 150px;
}

.color-div {
    margin-bottom: 20px;
    height: 150px;
    color: #fff;
    text-align: center;
}

.yellow-top {
    background-color: #f9b630;
    height: 66.65%;
    font-size: 56pt;
}

.yellow-bottom {
    background-color: #fac559;
    height: 33.35%;
    line-height: .9;
    padding: 12px;
}

.blue-top {
    background-color: #0071b9;
    height: 66.65%;
    font-size: 56pt;
}

.blue-bottom {
    background-color: #338dc7;
    height: 33.35%;
    line-height: .9;
    padding: 12px;
}

.dark-top {
    background-color: #868584;
    height: 66.65%;
    font-size: 56pt;
}

.dark-bottom {
    background-color: #bbbbba;
    height: 33.35%;
    line-height: .9;
    padding: 12px;
}

.red-top {
    background-color: #c53a3e;
    height: 66.65%;
    font-size: 56pt;
}

.red-bottom {
    background-color: #d49092;
    height: 33.35%;
    line-height: .9;
    padding: 12px;
}
	
.panel-group {
    margin-bottom: 20px;
    margin-top: 1%;
}	
	
.full-size-a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.profile-dash {margin-bottom:30px;}

.button-normal-port-1 {
    padding: 6px 15px;
    border-radius: 4px;
    background-color: #0071B9;
    color: #FFFFFF;
}

.button-medium {
    min-width: 146px !important;
    min-height: 34px !important;
    text-align: center;
    text-transform: uppercase;
	display: inline-block;
    margin-bottom: 10px;
}

.button-normal-port-2 {
    padding: 6px 15px;
    border-radius: 4px;
    background-color: #9DA7B3;
    color: #FFFFFF;
}

.button-medium:hover { color: #FFFFFF !important; }

.prof-form input{width:100%;padding:10px 0px;box-sizing:border-box;background:none;outline:none;resize:none;border:0;transition:all .3s;border-bottom:1px solid #d2d2d2}
.prof-form input:focus{border-bottom:2px solid #78788c}
.prof-form p:before{content:attr(type);display:block;margin:28px 0 0;font-size:14px;color:#5a5a5a}
.prof-form button{float:right;padding:8px 12px;margin:8px 0 0;font-family:'Montserrat',sans-serif;border:2px solid #78788c;background:0;color:#5a5a6e;cursor:pointer;transition:all .3s}
.prof-form button:hover{background:#78788c;color:#fff}
.prof-form span{margin:0 5px 0 15px}

/* top bar */
.topbar {margin-bottom:0px;background-color:#424040;color:white;min-height:10px;max-height:20px;margin-top: 0px !important;padding: 3px 0px;}

/* Utility Clasases */
.inline {display:inline;}
.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}
.team-top {margin-top:10%;}
.display-none {display:none !important;}
.padding-r-20 {padding-right:20px;}
.color-inherit {color:inherit;}
a:hover, a:active, a:focus  {text-decoration:none !important;color:inherit;}
.red {color:#c1130d;}
.margin-auto{margin:auto !important;}
.capitalize {text-transform: capitalize;}

/* Main Slide */
.infMainSlide {height:100vh;overflow:hidden;background: no-repeat center center fixed;    background-size: cover;}
.slide-1 {background-image:url(../img/mainslide/1.jpg);}
.slide-2 {background-image:url(../img/mainslide/2.jpg);}
.slide-3 {background-image:url(../img/mainslide/3.jpg);}


/* Item Detail */
.detail-panel { min-height: 650px;    background-color: #dcdcdc; padding: 10px 15px;}
.gallery-container {height: 650px;margin-left: auto;margin-right: auto;overflow: hidden;}
.gallery-item{background-size: contain; background-position: top center; background-repeat: no-repeat; background-color: white;}
.detail-panel h1 {text-transform: capitalize; }
.detail-panel .selct-box {padding:0px; }
.detail-panel .full-width-btn {width:100%; }
.detail-panel .btn-gold { margin: 100px auto 30px auto;
    background-color: #777777;
    color: #fff;
    line-height: 28px;
    display: block;
    max-width: 200px;}

/* Brands */
.br-img-cont {width:100%;margin: 0px auto; }
.br-hr hr{border-top: 1px solid #d8d8d8 !important;}
.in-line {display:inline-block;}
.visit-st{  text-align: center;
    padding: 5px 0px;
    max-width: 180px;
    border-radius: 4px;    text-transform: uppercase;
    background-color: #d0cfcf;	}
.item-list {display:inline-block;margin-top:50px;}

/* Order */
#order { padding : 0px 15px; }


/* Select */
.square {
  width: .7em;
  height: .7em;
  margin: .5em;
  display: inline-block;
}

/* Custom dropdown */
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px; /* demo only */
}

.custom-input {background-color: #f7f7f7;
    color: #777;
    font-size: inherit;
    padding: .5em;
    width: 105px;
    /* padding-right: 2.5em; */
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 0.01px;
}

.custom-dropdown select {
  background-color: #f7f7f7;
  color: #777;
  font-size: inherit;
  padding: .5em;
      min-width: 110px;
  padding-right: 2.5em;	
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.detail {margin-top:30px;}

.custom-dropdown::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.custom-dropdown::before {
  background-color: rgba(0,0,0,.15);
}

.custom-dropdown::after {
  color: rgba(0,0,0,.4);
}

.color-drop option, .color-drop, select {text-transform:	capitalize;}

/* Item Detail Image Slider */

.gallery-thumbs {
	height: 150px;
	box-sizing: border-box;
	padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
	background-size: cover;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.designer-txt {margin-top:20px;}

/* No Gutter */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.diagonal-seperator {
    border-right: 1px solid #afafaf;
        height: 13px;
    display: inline-block;
    margin: 0 10px;
    transform: skew(-20deg);
    -webkit-transform: skew(-20deg);
}

.team-cont{min-height:500px;clear:both;position: relative;background-size:cover;}
.footer-cont{min-height:400px;clear:both;top: 20px;position: relative;background-size:cover;}
.subscribe {margin-top: 40px;    max-width: 300px;}
.footer-top {    margin-bottom: 5%;margin-top:5%;border-left: 1px #d4cdcd solid;}

    border-left: 1px #d4cdcd solid;

/* Blur Images */
.image-blur-back {-webkit-filter: blur(3px);-moz-filter: blur(3px);-o-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);} 

/* Avatar Component */
.avatar {border-radius:50%;width:200px; height:200px;border: 2px solid #f9f9f9;}
.avatar-div {position: relative;top:70px; text-align: center;}

/* Tile View */
.item-div {background: no-repeat center center;background-color:white;   background-size: cover;position: relative;top: -150px;text-align: center;z-index:-1;height:300px;}
.designer-back-tile {height:500px;background-image:url(../img/backgrounds/designer1.jpg);}
.item-big-div{height:500px;background-size: cover;background-position: 100%;}

.shop-tile-now { position: relative;clear:both;width: 300px;padding: 15px;margin: 25px;font-size: 30px;border: 1px solid #c09d58;text-align: center;color:  #c09d58;}
.shop-tile-des { position: relative;clear:both;width: 300px;padding: 15px;margin: 25px;font-size: 18px;border: 1px solid #424040;text-align: center;color:  #424040;top:50px;}

/* Designer Page */
.designer-row .shop-tile-des { position: relative;clear:both;width: 300px;padding: 15px;margin: 25px;font-size: 14px;border: 1px solid #424040;text-align: center;color:  #424040;top:10px;}
.designer-row .designer-info {margin-top:20px;}
.designer-row .avatar{width:150px;height:150px;}

.designer-row .view-tile-des {
    position: relative;
    clear: both;
    width: 300px;
    padding: 5px;
    margin: 25px;
    font-size: 14px;
    border: 1px solid #58595b;
    text-align: center;
    color: #58595b;
    top: 10px;
}

/* Showcase Items Designs */
.showcase-img {width:100%;}
.show-price {    width: calc(100% - 51px);height:50px;vertical-align:middle;padding-top: 3%;font-size: 25px;text-align: center;}
.show-outer {    border: 1px #000 solid;clear: both;}
.show-designer {font-size:12px;}
.show-name {font-size:14px;}
.cart-img {    margin-right: -1px;}
.showcase:hover .showcase-img {transform: scale(0.9,0.9);-ms-transform: scale(0.9, 0.9);-webkit-transform: scale(0.9, 0.9);}

label {font-weight: 100 !important;}


/* Moibile Devices Portrait*/
@media only screen and (min-device-width: 320px) and (orientation: portrait) 
{
	.navbar-brand {font-size:30px;padding:20px 15px;}	
	.navbar {height: 60px;}
	.topbar {font-size: 12px;}
	#designer {display:none;}
	.navbar-collapse {background-color:rgba(255,255,255, 0.9);border:none;}
	.main-nav {top: 0px;}
	.topbar {display:none;}
	.slide-1 {background-image:url(../img/mobileslide/1.jpg);}
	.slide-2 {background-image:url(../img/mobileslide/2.jpg);}
	.slide-3 {background-image:url(../img/mobileslide/3.jpg);}
	.avatar {width:150px; height:150px;}
	.shop-tile-now {padding: 10px;    font-size: 18px;}
	.dashboard-container, .detail-container{margin-top: 20%;}
	.designer-row .designer-info {margin-bottom: 10%;}
	.detail-panel {       margin: 0px 15px;}
	.d-img {text-align:center;}
	.visit-store , .item-list {margin-top: 10px;}
}

/* Moibile Devices Landscape*/
@media only screen and (min-device-width: 320px) and (orientation: landscape) 
{
	.navbar-brand {font-size:30px;padding:20px 15px;}	
	.navbar {height: 60px;}
	.topbar {font-size: 12px;}
	#contact {float:left;}
	#designer {float:right;}
	.navbar-collapse {background-color:rgba(255,255,255, 0.9);border:none;}
	.topbar {display:block;}
	.main-nav {top: 20px;}
	.slide-1 {background-image:url(../img/landscapeslide/1.jpg);}
	.slide-2 {background-image:url(../img/landscapeslide/2.jpg);}
	.slide-3 {background-image:url(../img/landscapeslide/3.jpg);}
	.dashboard-container, .detail-container{margin-top: 20%;}
	.designer-row .designer-info {margin-bottom: 10%;}
	.detail-panel {       margin: 0px 15px;}
	.d-img {text-align:center;}
	.visit-store , .item-list {margin-top: 10px;}
}


/* Small devices (tablets portrait, 768px and up) */
@media only screen and (min-width : 768px) and (orientation: portrait) 
{ 
	.navbar-brand {    font-size: 25px; padding: 20px 10px;}	
	#contact {float:left;}
	#designer {float:right;}
	#designer {display:block;}
	.navbar-collapse {background-color:inherit;border:none;}
	.navbar-nav>li>a {      margin-top: 5px;  font-size: 12px;}
	.topbar {display:block;}
	.main-nav {top: 20px;}
	.slide-1 {background-image:url(../img/mobileslide/1.jpg);}
	.slide-2 {background-image:url(../img/mobileslide/2.jpg);}
	.slide-3 {background-image:url(../img/mobileslide/3.jpg);}
	
	.avatar {width:200px; height:200px;}
	.item-div {    top: -200px;}
	.dashboard-container, .detail-container{margin-top: 15%;}
	.designer-row .designer-info {margin-bottom: 8%;}
	.detail-panel {       margin: 0px 15px;}
	.d-img {text-align:right;}
	.visit-store , .item-list {margin-top: 0px;}
}


/* Medium devices (Tablets landscape, 1024px and up) */
@media only screen and (min-width : 1024px) and (orientation: landscape) 
{ 
	.navbar-collapse {background-color:inherit;border:none;}
	.navbar-nav>li>a {      margin-top: 5px;  font-size: 12px;}
	
	.slide-1 {background-image:url(../img/mainslide/1.jpg);}
	.slide-2 {background-image:url(../img/mainslide/2.jpg);}
	.slide-3 {background-image:url(../img/mainslide/3.jpg);}
	.item-div {top:0px;height:350px;}
	.shop-tile-now {top:50px;}
	.dashboard-container, .detail-container{margin-top: 11%;}
	.normal-div {
		width: 60%;
	}
	.detail-panel {       margin: 0px 0px;}
	.detail-panel { min-height: 790px;  }
	.cart-item .remove {padding-top:10%;}
	.d-img {text-align:right;}
	.visit-store , .item-list {margin-top: 50px;}
}



/* Large devices (Desktops, 1440px and up) */
@media only screen and (min-width : 1440px) 
{ 
	.cCcIndex .normal-div {
		width: 70%;
	}
	.dashboard-container, .detail-container{margin-top: 110px;}
	.button-medium {padding: 10px 15px;}
	.designer-row .designer-info {margin-bottom: 8%;}
	.cart-item .remove {padding-top:10%;}
	.d-img {text-align:right;}
	.visit-store , .item-list {margin-top: 50px;}
}