body {
  padding-top: 0rem;
  margin-bottom: 0rem;
  font-family: 'Montserrat', sans-serif; font-size: 12px; color: #5C6470;
}

html {
  position: relative;
  min-height: 100%;
}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #FF4500;
}

/****************************************************/
.row-flex {
    display: flex;
    flex-flow: row wrap;
}


/***************************************************/
/**Header*******************************************/
header .navbar .collapse ul.navbar-nav li.nav-item a {text-transform: uppercase; font-size: 12px;}

header .navbar {padding: .5rem 0}

#headerInfo {border-bottom: 1px solid #EF655B}	

#topInfo {overflow: hidden; color: #FFFFFF; border-bottom: 1px solid #EF655B; border-top: 1px solid #EF655B}	
#topInfo .topLeftInfo {font-size: 12px; color: #FFFFFF; text-transform: uppercase;}
#topInfo .topCenterInfo {font-size: 12px; color: #FFFFFF;}	
ul.social-ico li.nav-item {float: right; list-style: none; }	
ul.social-ico li.nav-item a {color: #fff; }
ul.social-ico li.nav-item a i {font-size: 18px;}	
/********/


#bigIntro .container-fluid {height:580px;} 
#bigIntro .title {padding-top:10px; font-size: 40px; line-height: 130%; font-weight: 400; text-shadow: 2px 1px 1px rgba(0,0,0,0.6);}


h1.introTitle {font-size: 80px; line-height: 1.2; font-weight: 600; text-shadow: 2px 1px 1px #000} 


/*****/	
.searchForm {padding: 0}
.searchForm label {background: #FFFFFF; padding: 0; margin: 0;}
/**/	
.searchForm label.razdel {background: #FFFFFF; border-radius:50px 0 0 50px;}	
.searchForm label.razdel button span
{ display: block; float: right; margin-right:15px; font-size: 18px; margin-top: -2px;
-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);}
.searchForm label.razdel button p {float: right; line-height: 1; font-size: 12px; padding-top: 5px}
.searchForm label.razdel button {background:none; padding: 13px 0px 0px 20px; border: 0; width: 100%; text-align: left !important; margin-top: 1px;}	
/**/	
.searchForm input.search {width: 100%; padding:12px 10px 10px 10px; height: auto; border-radius:0; border: 0; box-shadow: 0 !important}
/**/
.form-control:focus {border-color: none;  outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.0);}	
/**/	
.searchForm label.butSe {background: #3EC2FA; border-radius: 0 50px 50px 0; text-align: right}
.searchForm label.butSe img {width: 60%; margin-top: 5px;}	


.header-right {width: 100%;}
.header-right button.cart { padding: 8px 11px; border-radius: 25px; color:#FFFFFF; background: none; border: 2px solid #fff}
.header-right button.cart span { position: absolute; width: 22px; height: 22px; background: #D42A2A; top: 25px; font-size: 13px; border-radius:50%;}	
	
.header-right button.star { padding: 8px 11px; margin-right: 10px; border-radius: 25px; color:#FFFFFF; background: none; border: 2px solid #fff}
.header-right button.star span { position: absolute; width: 22px; height: 22px; background: #D42A2A; top: 25px; font-size: 13px; border-radius:50%;}


header ul.form-inline li.nav-item a {color: #bbb; }
header ul.form-inline li.nav-item a i {font-size: 16px; color: #eb3e32; margin-right: 5px;}


a.navbar-catalog-button {width: auto; color: #FFFFFF; text-decoration: none; padding: 7px 12px 7px 14px; background: #3EB1E4; border: 2px solid #3EB1E4; border-radius: 25px;}



/*******************/
.bg-red {background: #eb3e32}
.bg-dark-blue {background: #3A7898}
.bg-blue {background: #3EB1E4}
.bg-white {background: #FFFFFF}	
.bg-black {background: #363F4D}
.bg-grey {background: #F3F3F3}
.bg-red-bl {background:#343a40}


/***************************************************/

.edit {overflow: hidden; clear: both}
.edit a {margin-right:1px;}	
.edit a span {text-align: center; border: 0px solid #bbb; background:  #0F82BB; color: #fff; border-radius: 2px; text-transform: uppercase; font-size:9px; padding: 1px 5px;}	
span.button {float: left; margin-right: 5px;}
span.price {float: right; margin-left: 5px; color: #0F82BB; font-weight: bold}	

/***************************************************/
/**intro********************************************/


/****/
#intro .owl-nav {position: absolute; z-index: 9999; bottom: 20px; right: 20px;}
#intro .owl-prev, .owl-next {float: left; padding: 1px 8px; border-radius: 2px; margin-left: 2px;}

#intro .leftIntro .owl-nav .owl-prev {border: 1px solid #FFFFFF; color: #FFFFFF;}
#intro .leftIntro .owl-nav .owl-next {border: 1px solid #FFFFFF; color: #FFFFFF;}

/**intro***************/

#intro .introSlider .item {
    height: 370px;
}

#intro .introSlider .slideText {
    position: absolute;
    top: 15%;
    left: 10%;
    width: 55%;
    text-align: left;
    text-shadow: 0 0 1em black;
}

#intro .introSlider .item .slideText h2 a {
    text-transform: uppercase;
    font-weight: bold;
    color:#fff;
    margin-bottom: 0px;
}

#intro .introSlider .item .slideText p {font-size: 24px;}


/************************************************/

#prodLine .col-md-3 .img {width: 25%; float: left; margin-right: 15px;}
#prodLine .col-md-3 .img img  {}
#prodLine .col-md-3 .imgButik {width: 50%; height: 40px;}
#prodLine .col-md-3 .imgButik img  {height: 100%; }
#prodLine .col-md-3 .title {font-size: 11px; font-weight: bold; color: #777777;}

/***********************************************/

.add-bookmark {position: absolute; right: 25px; margin-top: 0px; font-size: 36px; color: #ff4500!important;}
.add-bookmark input[type=checkbox] {display: none;}	
.add-bookmark label:before {content: ""; font-size: 30px; width: 20px; height: 18px; right: 0px; top: 20px; position: absolute; background: url(../images/heart-inline.png) no-repeat center;}	
.add-bookmark .checkbox label:before {}	
.add-bookmark input[type=checkbox]:checked + label:before {
content: ""; font-size: 30px; width: 20px; height: 18px; right: 0px; top: 20px; position: absolute; background: url(../images/heart-bg.png) no-repeat center;}

/***********************************************/

.cartImgLA {height: 235px;}
.cartImgAW {height: 360px;}
.cartImgAE {height: 235px;}
.cartImgKP {height: 165px;}
.cartImgES {height: 165px;}


/******/
.galleryItem {min-height: 400px;}
.galleryItem a {display:inline-block; min-height: 400px; width: 100%;}

/******/
.looksThumbnail {display:inline-flex; height:200px;}




/***************************************************************/
@media only screen and (max-width: 469px) {
.cartImgLA {height: 225px;}
.cartImgAW {height: 225px;}
.cartImgAE {height: 225px;}
.cartImgKP {height: 225px;}
.cartImgES {height: 165px;}	


#bigIntro .container-fluid {height:460px;}		
h1.introTitle {font-size: 38px !important;
    line-height: 1.2;
    font-weight: 600;
    text-shadow: 2px 1px 1px #000;}		
#bigIntro .title {padding-top:10px; font-size: 26px; line-height: 130%; font-weight: 400; text-shadow: 2px 1px 1px rgba(0,0,0,0.6);}
	

.galleryItem {min-height: 230px;}	
.galleryItem a {display:inline-block; min-height: 230px; width: 100%;}	


/******/
.looksThumbnail {display:inline-flex; height:150px;}	
	
}

/***************************************************************/
@media only screen and (min-width: 470px) and (max-width:929px) {
.cartImgLA {height: 235px;}
.cartImgAW {height: 360px;}
.cartImgAE {height: 235px;}
.cartImgKP {height: 165px;}
.cartImgES {height: 165px;}	
}

/***************************************************************/
@media only screen and (min-width: 929px) and (max-width:1169px) {
.cartImgLA {height: 200px;}
.cartImgAW {height: 300px;}
.cartImgAE {height: 190px;}
.cartImgKP {height: 140px;}
.cartImgES {height: 140px;}	
}

/***************************************************************/
@media only screen and (min-width: 1170px) {
.cartImgLA {height: 235px;}
.cartImgAW {height: 360px;}
.cartImgAE {height: 235px;}
.cartImgKP {height: 165px;}
.cartImgES {height: 165px;}	
}