html{
height: 100%;
width: 100%;
}
body{
//height: 100%;
margin: 0;
padding: 0;
//font-family: 'Roboto', sans-serif;
color: #000000;
font-size: 16px;
line-height: normal;
background: #ffffff;
position: relative;
width: 100%;
//min-height: 100%;
min-width: 320px;
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.badaboom{
display: flex;
flex-direction: column;
min-height: 100%;
}
.bigbadaboom {
flex: 1 0 auto;
}.smallbadaboom {
flex: 0 0 auto;
}
*{
//font-family: 'Montserrat', sans-serif;
//font-family: 'MagistralC';
font-family: 'Exo 2', sans-serif;
}
.cb{clear: both;}
.fl33{width: 33.3%;float: left;}
.fla{float: left;}
.fra{float: right;}
a.btn{background: #009746;display: block; text-decoration: none;border-radius: 20px;text-align:Center; padding: 8px;color: #fff;}
a:hover.btn{background: #1BB756;color: #fff;}
.mabotno{
margin-bottom: 60px;
}
.fla32{float: left;width: 31%;margin-left: 1%;margin-right: 1%;}
.fla25{float: left;width: 18%;margin-left: 1%;margin-right: 1%;}
.fla20{float: left;width: 18%;margin-left: 1%;margin-right: 1%;}
.mobot2{float: left; width: 50%;}
.fr25{float: right; width: 25%}
@media screen and (max-width: 980px) {
body, p{font-size: 16px !important;}
.fla32{width: 48%;}
.fla25{width: 23%;}
.fla20{width: 31%;}
.fr25{float: right; width: 50%}
.mobot2{clear: both; float: none; width: 100%;}
.moce{text-align:center;width: 100%;padding-left: 20px;padding-right: 20px; }
.fl33{width: 100%;float: none;}
.isse{display: none;}
.mobko{display: table; margin: 0 auto;}
.paddmo{padding-left: 20px;padding-right: 20px;}
.b-breadcreambs ul{
padding:0;
padding-bottom: 40px !important;
padding-top: 0px !important;
}
.b-content{margin-top: -0px !important;}
.moko{margin-top: -20px !important}
.mabotno{
margin-bottom: 0px;
}
}
@media screen and (max-width:800px) {
.moko{margin-top: -50px !important}
}
@media screen and (max-width: 680px) {.fla25{width: 31%;}
}
@media screen and (max-width: 480px) {.fla25{width: 48%;}
a.cag{padding-left: 40px;padding-right: 40px;}
.tonal{font-size: 14px !important;}
.b-main-slider .slick-prev{
background: url(/images/arrow-prev.png) #ffffff center no-repeat;
left: -75px;
//opacity: 0.2;
}
.b-main-slider .slick-next{
background: url(/images/arrow-next.png) #ffffff center no-repeat;
right: -75px;
//opacity: 0.2;
}
}
.left{
float: left;
}
.right{
float: right;
}
.clear{
clear: both;
visibility: hidden;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
h1, h2, h3, h4, h5, h6{
margin: 0 0 20px 0;
//font-family: 'Roboto', sans-serif;
}
h2, h2, .h2{
//font-family: 'Roboto', sans-serif;
font-size: 40px;
line-height: 46px;
font-weight: 600;
color: #e1524b;
text-transform: uppercase;
}
h2 span, .h2 span {
display: block;
padding: 5px 0 0 0;
font-size: 13px;
line-height: 15px;
font-weight: 400;
color: #777777;
text-transform: none;
}
p {
margin: 0 0 20px 0;
//font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 23px;
font-weight: 400;
color: #7f8c8c;
}
img{
//display: block;
//max-width: 100%;
}
/*== buttons
---------------------------------*/
button{
margin:0;
padding:0;
border:none;
background:none;
cursor:pointer;
overflow:visible;
width:auto;
outline: none;
}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
.button{
display: block;
margin: 0px 0 10px 0;
color: #fff;
//font-family: 'Roboto', sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 21px;
text-align: center;
text-decoration: none;
background: none;
cursor: pointer;
box-sizing: border-box;
transition: 0.5s;
width: 87px;
height: 33px;
//border: 2px solid black;
border-radius: 5px;
}
.button:active,
.button:hover,
.button:focus{
text-decoration: none;
background: #363138;
color: #ffffff;
border-color: #363138;
}
/*== inputs
---------------------------------*/
input{
outline: none;
}
.input-text,
textarea{
display: block;
margin: 0;
padding: 5px 10px 5px 10px;
height: 38px;
width: 100%;
//font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color:#333333;
resize: none;
outline: none;
border: 1px solid #cacaca;
}
.b-input-text{
display: block;
width: 100%;
height: 54px;
border: 1px solid #d6dfcc;
color: #000;
//font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-input-text::-webkit-input-placeholder{
color: #000;
//font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.b-input-text:-moz-placeholder{
color: #000;
//font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.b-select{
width: 100%;
height: 54px;
border: 1px solid #d6dfcc;
color: #000;
//font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff url(/images/select-arrow.png);
background-position: right 15px center;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none !important;
}
.b-input-text{
outline: none;
}
textarea{
height:80px;
}
.b-input-text:focus,
textarea:focus {
border: 1px solid #76c7c0;
color: #000;
-webkit-box-shadow: 0 0 5px 2px rgba(118, 199, 192, 0.6);
-moz-box-shadow: 0 0 5px 2px rgba(118, 199, 192, 0.6);
box-shadow: 0 0 5px 2px rgba(118, 199, 192, 0.6);
}
#container{
position:relative;
}
/* End Total css ====*/
/* -------------- page index -------------- */
/* ---- b-header ---- */
.b-header{
}
.b-header-top{
background: #f2f2f2;
padding: 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-header-top > .container > .row > div{
//display: flex;
justify-content: space-between;
align-items: center;
}
.b-header-menu{
}
.b-header-menu ul{
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-header-menu ul li{
list-style: none;
margin: 0 50px 0 0;
}
.b-header-menu ul li:last-child{
margin: 0;
}
.b-header-menu ul li a{
display: block;
opacity: 0.6;
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-mobile{
display: none;
}
.b-private{
}
.b-private-content{
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-private__ico{
background: url(/images/loock-img.png);
width: 13px;
height: 20px;
margin: 0 15px 0 0;
}
.b-private-content span{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 2px 0 0 0;
}
.b-header-content{
padding: 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-user{
position: relative;
cursor: pointer;
}
.b-user-menu{
display: none;
position: absolute;
top: 140%;
left: -50px;
width: 170px;
background: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
z-index: 20;
padding: 20px 26px 20px 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-user .b-private-content span{
position: relative;
}
.b-user .b-private-content span:after{
position: absolute;
top: 7px;
right: -12px;
content: "";
background: url(/images/arrow-black.jpg);
width: 8px;
height: 7px;
}
.b-user-menu ul{
padding: 0;
margin: 0;
}
.b-user-menu ul li{
list-style: none;
margin: 15px 0 0 0;
}
.b-user-menu ul li:first-child{
margin: 0;
}
.b-user-menu ul li a{
display: block;
text-align: right;
color: #393682;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-header-content > .container > .row > div{
display: flex;
justify-content: space-between;
align-items: center;
}
.b-logo{
display: block;
float: left;
}
.b-search{
width: 347px;
position: relative;
}
.b-search-input{
width: 100%;
height: 37px;
background: #efefef;
border: 1px solid rgba(194, 194, 194, 0.5);
border-radius: 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 70px 0 20px;
}
.b-search-btn{
width: 66px;
height: 41px;
background: url(/images/b-search-btn__ico.png) center center no-repeat #393682;
border: 1px solid rgba(194, 194, 194, 0.5);
border-radius: 20px;
}
.b-header-contacts{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.b-header-contacts-item{
margin: 0 60px 0 0;
}
.b-header-contacts-item:last-child{
margin: 0;
}
.b-header-contacts-item span{
display: block;
color: #373737;
font-size: 12px;
line-height: 14px;
font-weight: 400;
margin: 0 0 5px 0;
}
.b-header-contacts-item a{
display: block;
color: #373737;
font-size: 16px;
line-height: 18px;
font-weight: 700;
}
.b-cart{
position: relative;
text-align:center;
float: right !important;
}
.b-cart-ico{
background: url(/images/cart-ico.png);
width: 43px;
height: 37px;
margin: 0 0 10px 10px;
}
.b-cart-quantity{
position: absolute;
top: -7px;
left: 10px;
width: 22px;
height: 22px;
background: #393682;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
color: #fffefe;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.b-cart span{
display: block;
text-align: center;
color: #010101;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-transform: uppercase;
}
.b-menu{
background: #019647;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-menu__title{
display: none;
}
.b-menu ul{
padding: 0 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.b-menu ul li{
list-style: none;
display: block;
}
.b-menu ul li a{
display: block;
color: #ffffff;
font-size: 15px;
font-weight: 500;
padding: 12px;
}
/* ---- b-main ---- */
.b-main{
background: url(/images/slide2.jpg) center top no-repeat;
background-size: cover;
height: 450px;
}
.b-main > .container{
height: 100%;
}
.b-main > .container > .row{
height: 100%;
}
.b-main > .container > .row > div{
//display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.b-main b{
display: block;
max-width: 430px;
color: #ffffff;
font-size: 36px;
font-weight: 700;
line-height: 40px;
text-transform: uppercase;
margin: 0 0 50px 0;
}
.btn-show{
width: 200px;
height: 40px;
text-align: left;
padding: 0 0 0 25px;
background: url(/images/arrow-pointing-to-right.png);
background-position: right 25px center;
background-repeat: no-repeat;
border: 1px solid #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 20px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
/* ---- b-subscription ---- */
.b-subscription{
background: url(/images/b-subscription-bg.jpg) center top no-repeat;
background-size: cover;
padding: 50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 100px 0 0 0;
}
.b-subscription-content{
width: 570px;
margin: 0 auto 0;
}
.b-subscription-content span{
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
margin: 0 0 30px 0;
}
.b-subscription-wraper{
position: relative;
}
.b-subscription-input{
width: 100%;
border: none;
color: #ffffff !important;
font-size: 15px;
font-weight: 300;
border-bottom: 1px solid #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
padding: 0 135px 0 0;
}
.b-subscription-input::-webkit-input-placeholder{
color: #ffffff !important;
font-size: 14px;
font-weight: 300;
line-height: 16px;
}
.b-subscription-input:-moz-placeholder{
color: #ffffff !important;
font-size: 14px;
font-weight: 300;
line-height: 16px;
}
.b-subscription-btn{
position: absolute;
top: 1px;
right: 1px;
width: 150px;
height: auto;
display: inline-block;
background: url(/images/left-arrow.png) right center no-repeat;
padding: 0 30px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 16px;
z-index: 100;
cursor: pointer;
}
/* ---- b-info ---- */
.b-info{
padding: 100px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-info-item{
}
.b-info-item__img{
margin: 0 0 10px 0;
}
.b-info-item__img img{
margin: 0 auto 0;
}
.b-info-item span{
display: block;
text-align: center;
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 20px;
margin: 0 0 5px 0;
}
.b-info-item p{
display: block;
text-align: center;
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin: 0;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ---- b-news ---- */
.b-news{
padding: 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-title{
margin: 0 0 50px 0;
}
.b-title-wrapper{
overflow: hidden;
}
h2, .h2{
display: flex;
justify-content: center;
align-items: center;
width: 370px;
height: 40px;
border: 1px solid #019647;
background: #019647;
border-radius: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 20px;
margin: 0 auto 0;
position: relative;
}
.b-title h2:before, .b-title .h2:before{
position: absolute;
top: 50%;
right: 100%;
content: "";
width: 99999px;
height: 1px;
background: #019647;
}
.b-title h2:after, .b-title .h2:after{
position: absolute;
top: 50%;
left: 100%;
content: "";
width: 99999px;
height: 1px;
background: #019647;
}
.b-news-item{
display: flex;
justify-content: space-between;
align-content: flex-start;
}
.b-news-item__text{
width: 270px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.b-news-item__text span{
display: block;
color: #353535;
font-size: 14px;
line-height: 22px;
font-weight: 700;
text-transform: uppercase;
position: relative;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-news-item__text span:after{
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 50px;
height: 1px;
background: #000000;
}
.b-news-item__text p{
color: #353535;
font-size: 14px;
line-height: 22px;
font-weight: 400;
margin: 0;
}
.b-news-item__text a{
display: block;
color: #393682;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
/* ---- b-text ---- */
.b-text{
background: rgba(238, 238, 238, 0.7);
padding: 50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-text span{
display: block;
margin: 0 0 10px 0;
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 18px;
}
.b-text ul{
padding: 0;
margin: 0;
}
.b-text ul li{
color: #373737;
font-size: 14px;
font-style: italic;
line-height: 18px;
list-style: none;
position: relative;
margin: 0 0 10px 0;
padding: 0 0 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-text ul li:before{
position: absolute;
top: 5px;
left: 0;
content: "";
width: 5px;
height: 5px;
background: #5a5a5a;
}
.b-text p{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
/* ---- b-main-popular ---- */
.b-main-slider{
padding: 100px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-main-slider .b-title{
margin: 0 0 50px 0;
}
.b-main-slider .b-catalog-item{
width: 270px;
margin: 0 0 0 20px;
}
.b-main-slider .slick-arrow{
position: absolute;
top: 50%;
margin: -25px 0 0 0;
display: block;
width: 50px;
height: 50px;
background: #ffffff;
border-radius: 100%;
box-shadow: 0.8px 2.9px 10px rgba(0, 0, 0, 0.18);
text-indent: -99999px;
z-index: 100;
}
.b-main-slider .slick-prev{
background: url(/images/arrow-prev.png) #ffffff center no-repeat;
left: -35px;
//opacity: 0.2;
}
.b-main-slider .slick-next{
background: url(/images/arrow-next.png) #ffffff center no-repeat;
right: -35px;
//opacity: 0.2;
}
.b-main-slider:hover .slick-next, .b-main-slider:hover .slick-prev{opacity: 0.8;}
.b-main-slider .slick-prev:hover, .b-main-slider .slick-next:hover{opacity: 1;}
/* ---- b-footer ---- */
.b-footer{
background: rgba(26, 26, 26, 0.9);
padding: 45px 0 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-footer-content{
padding: 0 0 50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-footer-logo{
display: block;
margin: 0 0 20px 0;
}
.b-footer-block .b-footer-logo{
padding: 0;
}
.b-footer-block a{
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding: 0 0 0 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-footer-menu{
}
.b-footer-menu ul{
padding: 0;
margin: 0;
}
.b-footer-menu ul li{
list-style: none;
}
.b-footer-menu ul li a{
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration :none;
text-align: left !important;
}
.b-footer-menu ul li a:hover{
text-decoration :underline;
}
.b-footer-copyright{
background: rgba(15, 15, 15, 0.89);
padding: 12px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-footer-copyright span{
display: block;
text-align: center;
opacity: 0.5;
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
/* --------------- page catalog --------------- */
.b-breadcreambs{
// font-family: 'Open Sans', sans-serif;
}
.b-breadcreambs ul{
padding:0;
padding-bottom: 20px;
padding-top: 20px;
margin: 0;
display: flex;
justify-content: flex-start;
align-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-breadcreambs ul li{
list-style: none;
}
.b-breadcreambs ul li a, .b-breadcreambs ul li{
display: block;
color: #373737;
font-size: 12px;
font-weight: 400;
line-height: 14px;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.b-breadcreambs ul li a:after{
position: absolute;
top: -2px;
right: -10px;
content: "›";
color: #373737;
opacity: 0.4;
font-size: 21px;
font-weight: 800;
line-height: 14px;
}
.b-breadcreambs ul li:first-child a{
padding: 0 8px 0 0;
}
.b-breadcreambs ul li:last-child a:after{
display: none;
}
.b-content{
//padding: 0 0 80px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ---- b-aside ---- */
.b-aside{
font-family: 'Open Sans', sans-serif;
}
.b-aside-menu{
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 50px 0;
}
.b-aside-menu__title{
display: flex;
justify-content: space-between;
align-items: center;
background: #393682;
padding: 20px 20px 20px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 -1px;
}
.b-aside-menu__title__ico{
background: url(/images/b-aside-menu__title__ico.png);
width: 21px;
height: 14px;
}
.b-aside-menu__title span{
color: #ffffff;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
}
.b-aside-menu > ul{
padding: 0 20px;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-aside-menu > ul > li{
list-style: none;
}
.b-aside-menu > ul > li > a.active{
font-weight: 700;
text-decoration: none;
}
.b-aside-menu > ul > li > a{
display: block;
border-top: 1px solid #dbdbdb;
padding: 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-transform: uppercase;
text-decoration: none;
}
.b-aside-menu > ul > li > a:hover{
color: #000000;
}
.b-dropdown-menu{
display: none;
padding: 0 0 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-dropdown-menu > ul{
padding: 0 0 0 15px;
margin: 0;
}
.b-dropdown-menu > ul > li{
list-style: none;
margin: 0 0 5px 0;
}
.b-dropdown-menu > ul > li:last-child{
margin: 0;
}
.b-dropdown-menu > ul > li > a{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-dropdown-menu > ul > li > a:hover{
font-weight: 700;
text-decoration: none;
}
.b-dropdown-menu > ul > li > a:active{
font-weight: 700;
text-decoration: none;
}
.b-dropdown-menu > ul > li > a:focus{
font-weight: 700;
text-decoration: none;
}
/* ---- b-catalog ---- */
.b-catalog{
// font-family: 'Open Sans', sans-serif;
}
.b-catalog-images{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 45px 0;
}
.b-catalog-images img{
width: 50%;
}
h3{
color: #373737;
font-size: 18px;
font-weight: 700;
//line-height: 24px;
// text-transform: uppercase;
margin: 0;
margin-top: 10px !important;
}
.b-catalog-filters{
display: flex;
justify-content: space-between;
align-items: center;
margin: 25px 0 0 0;
}
.b-catalog-filters__left{
//display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.b-catalog-filters__left .b-catalog-filters__select{
margin: 0 30px 0 0;
}
.b-catalog-filters__left .b-catalog-filters__select:last-child{
margin: 0;
}
.b-catalog-filters__select{
display: block;
width: 200px;
height: 35px;
border: 1px solid #dbdbdb;
color: #a7a7a7;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #ffffff url(/images/select-arrow.png);
background-position: right 10px center;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none !important;
}
.b-catalog-filters__item{
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-catalog-filters__item span{
display: block;
margin: 0 10px 0 0;
color: #a7a7a7;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-catalog-filters__item .b-catalog-filters__select{
width: 65px;
color: #393682;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.b-catalog-content{
margin: 30px 0 0 0;
}
.b-catalog-content > .row{
//display: block;
}
.b-catalog-content > .row > div{
min-height: auto;
}
.b-catalog-item{
//font-family: 'Roboto', sans-serif;
border: 1px solid rgba(194, 194, 194, 0.5);
//border-top: 4px solid #ccc;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
// padding: 20px 15px 20px 15px;
// margin: 0 0 30px 0;
padding-top: 5px;
position: relative;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.tonal{font-size: 17px;}
a.cag, a.cag2{color: #000;text-decoration:none; display: block; font-weight: bold;}
.b-catalog-item:hover{
box-shadow: 0 5px 12px rgba(0,0,0,0.3);
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}/*
.b-catalog-item a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
}
.b-catalog-item a:hover{
color: #eee;
}*/
.b-catalog-item__action{
display: inline-block;
position: absolute;
top: 20px;
right: 20px;
padding: 7px 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #e3a165;
border-radius: 15px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
line-height: 14px;
text-transform: uppercase;
}
.b-catalog-item__new{
background: #76d57f;
}
.b-catalog-item__img{
//margin: 0 0 15px 0;
//height: 210px;
//display: flex;
justify-content: center;
align-items: center;
}
.b-catalog-item__img img{
margin: 0 auto 0;
}
.b-catalog-item__content{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.b-catalog-item__name{
display: block;
width: 100%;
text-align: center;
color: #373737;
font-size: 14px;
font-weight: 700;
line-height: 16px;
margin: 0 0 13px 0;
min-height: 45px;
}
a.cag:hover{color: #019647 !important;}
.b-catalog-item__name:hover{
color: #019647 !important;
}
.b-catalog-item__text{
}
.b-catalog-item__text span{
display: block;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.b-catalog-item__text span{
display: block;
color: #373737;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.b-catalog-item__text p{
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 24px;
margin: 0;
}
.btn-cart2{
display: block;
background: #009746;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
transition: 0.1s;
}
.btn-cart2:hover{
transition: 0.5s;
background: #1BB756;
}
.btn-cart{
display: block;
width: 150px;
height: 30px;
background: #009746;
//background: url(/images/btn-cart__ico.png) #393682;
background-position: right 15px center;
background-repeat: no-repeat;
border: 1px solid rgba(194, 194, 194, 0.5);
border-radius: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin: 15px auto 0;
position: relative;
z-index: 3;
transition: 0.1s;
}
.btn-cart:hover{
transition: 0.5s;
//background: url(/images/btn-cart__ico.png) #5550cb;
background: #1BB756;
background-position: right 10px center;
background-repeat: no-repeat;
}
.b-catalog-bottom{
display: flex;
justify-content: center;
align-items: center;
}
.b-pagination{
font-family: 'Open Sans', sans-serif;
}
.b-pagination ul{
padding: 0;
margin: 0;
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-pagination ul li{
list-style: none;
margin: 0 5px 0 0;
}
.b-pagination ul li a{
padding: 2px 9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 18px;
font-weight: 400;
color: #464653;
transition: 0.5s;
text-decoration: none;
}
.b-pagination ul li.active a{
background: #e3e3e3;
}
.b-pagination ul li a:hover{
background: #393682;
color: #ffffff;
transition: 0.5s;
}
.b-catalog-bottom{
margin: 50px 0 0 0;
}
.btn-reload{
position: relative;
color: #393682;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 400;
border-bottom: 1px dashed #393682;
margin: 0 0 0 160px;
}
.btn-reload:before{
position: absolute;
top: -1px;
right: 110%;
content: "";
background: url(/images/reload.png);
width: 20px;
height: 22px;
transition: 1s;
}
.btn-reload:hover:before{
transform: rotate(280deg);
transition: 1s;
}
/* --------------- page card --------------- */
.b-card{
}
.b-card-wrapper{
display: flex;
justify-content: space-between;
align-items: flex-start;
font-family: 'Open Sans', sans-serif;
}
.b-card-slider{
width: 470px;
//margin: 0 20px 0 0;
}
.b-card-slider__big{
width: 100%;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 350px;
padding: 40px 0;
}
.b-card-slider__big__item{
display: flex !important;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.b-card-slider__pager{
margin: 20px 0 0 0;
}
.b-card-slider__pager__item{
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 0 20px;
}
.b-card-slider__pager__item .slick-active{
border: 1px solid #393682;
}
.b-card-content{
}
.b-card-content__top{
margin: 0 0 15px 0;
}
.b-card-content__top span{
display: block;
color: #373737;
font-size: 16px;
font-weight: 700;
line-height: 18px;
margin: 0 0 15px 0;
}
.b-card-content__top p{
color: #373737;
font-size: 12px;
font-weight: 400;
line-height: 14px;
margin: 0;
}
.b-card-content__rating{
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-card-content__rating span{
display: block;
color: #373737;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.b-card-content__rating ul{
padding: 0;
margin: 0 20px 0 10px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-card-content__rating ul li{
list-style: none;
background: url(/images/star-bg.png) no-repeat;
width: 16px;
height: 15px;
}
.b-card-content__rating ul li.b-card-rating__star{
background: url(/images/star-active.png);
}
.btn-rating{
width: 100px;
height: 30px;
background: #003473;
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 14px;
transition: 0.5s;
}
.btn-rating:hover{
transition: 0.5s;
background: #167ffe;
}
.b-card-content__text{
margin: 20px 0;
}
.b-card-content__text p{
color: #373737;
font-weight: 400;
font-size: 14px;
line-height: 20px;
margin: 0 0 13px 0;
opacity: 0.5;
}
.b-card-content__text i{
display: block;
color: #ed6d6d;
font-style: italic;
font-size: 14px;
line-height: 18px;
opacity: 0.5;
}
.b-quantity{
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-quantity span{
margin: 0 0 0 20px;
color: #373737;
font-size: 12px;
font-weight: 400;
line-height: 14px;
}
.b-quantity-content{
display: flex;
justify-content: center;
align-content: center;
max-width: 120px;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-quantity .minus, .b-quantity .plus{background : #eee;}
.b-quantity .minus:hover, .b-quantity .plus:hover{background : #fff;}
.b-quantity .minus{
width: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #373737;
font-size: 30px;
font-weight: 400;
line-height: 35px;
text-align: center;
background: #eee;
}
.b-quantity input{
color: #373737;
font-size: 18px;
font-weight: 400;
line-height: 20px;
width: 40px;
height: 35px;
text-align: center;
border: none;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-quantity .plus{
width: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #373737;
font-size: 24px;
font-weight: 400;
line-height: 26px;
text-align: center;
}
.b-card-price{
background: #f4f4f4;
padding: 20px 0 20px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 20px 0 0 0;
}
.b-card-price-top{
display: flex;
justify-content: center;
align-items: flex-start;
margin: 0 0 20px 0;
}
.b-card-price-item{
padding: 0 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid rgba(55, 55, 55, 0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-card-price-item:last-child{
border: none;
}
.b-card-price-item span{
//display: block;
color: #373737;
//font-family: 'Roboto', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 24px;
}
.b-card-price-item b{
color: #373737;
//font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.b-card-popular .b-catalog-item{
width: 265px;
margin: 0 0 0 25px;
}
/* --------------- page cart --------------- */
.b-cart-page{
font-family: 'Open Sans', sans-serif;
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-cart-table{
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 30px 0 0;
}
.b-cart-table table{
width: 100%;
}
.b-cart-table table .b-cart-table__name{
width: 350px;
}
.b-cart-table table thead tr td{
padding: 25px 20px 25px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #dbdbdb;
}
.b-cart-table table tbody tr td{
padding: 25px 20px 25px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #dbdbdb;
}
.b-cart-table table tbody tr td a{
display: block;
color: #258de6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
text-decoration: underline;
}
.b-cart-table table tbody tr td b{
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.b-cart-table table tbody tr td strong{
color: #373737;
font-size: 18px;
font-weight: 400;
line-height: 20px;
padding: 0 0 0 30px;
}
.btn-delete{
background: url(/images/btn-delete.png) no-repeat;
width: 20px;
height: 20px;
}
.b-container-title{
margin: 0 0 25px 0;
}
.b-container-title > .container > .row > div{
display: flex;
justify-content: space-between;
align-items: center;
}
h4{
font-family: 'Open Sans', sans-serif;
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
margin: 0;
}
.b-cart-form__row{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 30px 0;
}
.b-cart-form__row label {
position: relative;
width: 100%;
margin: 0 30px 0 0;
}
.b-cart-form__row label:last-child{
margin: 0;
}
.b-cart-form__row label span {
position: absolute;
top: 17px;
left: 21px;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #a6a6a6;
cursor: text;
}
.b-cart-form__row__input{
width: 100%;
height: 50px;
background: #ffffff;
border: 1px solid #dbdbdb;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #a6a6a6;
}
.b-cart-form__row__input::-webkit-input-placeholder{
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #a6a6a6;
}
.b-cart-form__row__input:-moz-placeholder{
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #a6a6a6;
}
.b-cart-form__row input:invalid + span:before {
content: attr(placeholder);
position: relative;
color: #a6a6a6;
padding: 0 5px 0 0;
}
.b-cart-form__row input:invalid + span:after {
content: '*';
position: relative;
color: #393682;
}
.b-cart-form{
margin: 30px 0 0 0;
}
.b-cart-form__right{
background: #f4f4f4;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 25px 30px 30px 30px;
margin: 0 0 30px 0;
}
.b-cart-form__right b{
display: block;
text-align: right;
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 20px;
margin: 0 0 30px 0;
}
.b-cart-form__right p{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0 0 25px 0;
}
.b-cart-form__textarea{
width: 100%;
height: 106px;
background: #ffffff;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-cart-form__btn{
display: block;
margin: 0 auto 0;
width: 400px;
height: 60px;
background: url(/images/b-cart-form__btn__ico.png) #009746;
background-position: left 110px top 15px;
background-repeat: no-repeat;
padding: 0 0 0 65px;
//border: 1px solid rgba(194, 194, 194, 0.5);
border-radius: 5px;
color: #ffffff;
//font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
transition: 0.5s;
}
.b-cart-form__btn:hover{
background-color: #1BB756;
transition: 0.5s;
}
/* --------------- page b-search-page --------------- */
.b-search-page{
font-family: 'Open Sans', sans-serif;
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-search-top{
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0 0 40px 0;
}
.b-search-top b{
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
display: block;
margin: 0 30px 0 0;
}
.b-search-top p{
width: 100%;
color: #464653;
font-size: 16px;
line-height: 16px;
font-weight: 400;
margin: 30px 0 0 0;
}
.b-search-top p span{
font-weight: 700;
}
.b-search-page .b-catalog-filters{
margin: 0 0 30px 0;
}
/* --------------- page b-history-orders --------------- */
.b-history-orders{
font-family: 'Open Sans', sans-serif;
padding: 0 0 250px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-history-table{
}
.b-history-table table{
width: 100%;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-history-table table thead{
background: #393682;
text-align: center;
}
.b-history-table table thead tr td{
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 15px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-history-table table tbody tr td{
text-align: center;
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 15px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-right: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
}
/* --------------- page b-personal-area --------------- */
.b-personal-area{
font-family: 'Open Sans', sans-serif;
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-personal-area__wrapper{
display: flex;
justify-content: center;
}
.b-personal-area__wrapper > form{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.b-personal-area__item{
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0 0 20px 0;
}
.b-personal-area__item span{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 16px;
width: 150px;
text-align: right;
margin: 0 15px 0 0;
}
.b-personal-area__item span i{
font-style: normal;
color: #393682;
}
.b-personal-area__input{
width: 570px;
height: 50px;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 0 15px;
}
.b-personal-area__input::-webkit-input-placeholder{
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-personal-area__input:-moz-placeholder{
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-personal-area__btn{
width: 400px;
height: 60px;
background: #393682;
border: 1px solid rgba(194, 194, 194, 0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 30px;
color: #ffffff;
//font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
display: block;
margin: 0 auto 0;
}
.b-personal-area__btn:hover{
background: #0194d7;
transition: 0.5s;
}
.b-personal-area__item__wrapper{
width: 570px;
}
/* --------------- page reviews --------------- */
.b-reviews{
font-family: 'Open Sans', sans-serif;
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-review{
width: 150px;
height: 30px;
background: #393682;
border: 1px solid rgba(194, 194, 194, 0.5);
border-radius: 15px;
color: #ffffff;
//font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-reviews-content{
}
.b-reviews-item{
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0 17px 0;
}
.b-reviews-item__ico{
width: 24px;
height: 27px;
margin: 0 15px 0 0;
position: relative;
}
.b-reviews-item__ico span{
position: absolute;
top: 0;
left: 0;
opacity: 0.1;
color: #373737;
font-size: 72px;
font-weight: 400;
line-height: 60px;
}
.b-reviews-item__text{
width: 98%;
}
.b-reviews-item__text p{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.b-reviews-item__text__bottom{
}
.b-reviews-item__text span{
font-size: 14px;
font-weight: 700;
line-height: 13px;
}
.b-reviews-item__text i{
font-size: 12px;
font-style: italic;
line-height: 13px;
}
/* --------------- page b-contacts --------------- */
.b-contacts{
font-family: 'Open Sans', sans-serif;
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-contacts-left{
background-color: #f4f4f4;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 0 0 30px;
min-height: 740px;
}
.b-contacts-item{
margin: 0 0 30px 0;
}
.b-contacts-item b{
display: block;
color: #373737;
font-weight: 700;
font-size: 14px;
line-height: 16px;
margin: 0 0 8px 0;
}
.b-contacts-item span{
}
.b-contacts-item a{
}
.b-contacts-right{
}
.b-contacts-map{
margin: 0 0 30px 0;
}
#map{
background: grey;
width: 100%;
//height: 310px;
}
.b-contacts-title{
margin: 0 0 15px 0;
}
.b-contacts-title h4{
margin: 0 0 15px 0;
}
.b-contacts-title p{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.b-contacts-form{
}/*
.b-contacts-form__input{
width: 100%;
height: 50px;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 0 15px;
margin: 0 0 20px 0;
}
.b-contacts-form__input::-webkit-input-placeholder{
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-contacts-form__input:-moz-placeholder{
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-contacts-form__textarea{
width: 100%;
height: 126px;
border: 1px solid #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
padding: 15px;
}
.b-contacts-form__textarea::-webkit-input-placeholder{
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.b-contacts-form__textarea:-moz-placeholder{
color: #a6a6a6;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}*/
.b-contacts-form__btn{
display: block;
margin: 30px auto 0;
width: 400px;
height: 60px;
background: #393682;
border: 1px solid rgba(194, 194, 194, 0.5);
border-radius: 30px;
color: #ffffff;
//font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px;
text-transform: uppercase;
transition: 0.5s;
}
.b-contacts-form__btn:hover{
background: #0194d7;
transition: 0.5s;
}
/* --------------- page b-news --------------- */
.b-news-page{
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-news-content > .row{
display: flex;
justify-content: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.b-news-page .b-news-item{
margin: 0 0 50px 0;
}
/* --------------- page b-article --------------- */
.b-article{
padding: 0 0 40px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
.b-article-top{
margin: 0 0 25px 0;
}
.b-article p{
color: #464653;
font-size: 14px;
font-weight: 400;
line-height: 22px;
margin: 0 0 25px 0;
}
.b-article span{
display: block;
font-size: 18px;
font-weight: 700;
line-height: 30px;
margin: 0 0 30px 0;
}
.b-article ul{
margin: 0;
padding: 0 0 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-article ul li{
color: #464653;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.b-article-wrapper{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.b-article-wrapper__img{
width: 50%;
}
.b-article-wrapper__text{
width: 60%;
}
.b-article-item{
background: #f5f5f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: flex-start;
width: 870px;
margin: 0px auto 30px;
padding: 24px 80px 24px 80px;
}
.b-article-item__ico{
position: relative;
margin: 0 20px 0 0;
width: 35px;
height: 28px;
}
.b-article-item__ico strong{
color: #464653;
font-size: 60px;
font-style: italic;
line-height: 62px;
font-weight: 400;
position: absolute;
top: 0;
left: 0;
}
.b-article-item i{
color: #464653;
font-size: 14px;
font-style: italic;
line-height: 22px;
}
/* --------------- page b-login --------------- */
.b-login{
min-height: 400px;
}
/* --------------- page order --------------- */
.b-order-top{
font-family: 'Open Sans', sans-serif;
margin: 0 0 50px 0;
}
.b-order-top__wrapper{
padding: 0 0 0 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-order-title{
margin: 0 0 30px 0;
}
.b-order-title span{
display: block;
color: #373737;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
}
.b-order-top strong{
display: block;
color: #373737;
font-size: 14px;
font-weight: 700;
line-height: 16px;
margin: 0 0 16px 0;
}
.b-order-item{
}
.b-order-item span{
display: block;
font-weight: 400;
line-height: 16px;
color: #373737;
font-size: 14px;
margin: 0 0 5px 0;
}
.b-order-item span b{
font-weight: 700;
line-height: 16px;
color: #373737;
font-size: 14px;
padding: 0 0 0 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-order-bottom{
font-family: 'Open Sans', sans-serif;
padding: 0 0 100px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-order-bottom > .container > .row > div{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.b-order-bottom__right{
}
.b-order-bottom__right ul{
padding: 0;
margin: 0;
}
.b-order-bottom__right ul li{
list-style: none;
color: #373737;
font-size: 14px;
line-height: 20px;
font-weight: 400;
display: flex;
justify-content: flex-start;
align-items: center;
}
.b-order-bottom__right ul li i{
color: #373737;
font-size: 14px;
line-height: 20px;
font-weight: 400;
text-align: right;
font-style: normal;
width: 90px;
display: block;
margin: 0 40px 0 0;
}
.b-order-bottom__right ul li span{
}
.b-order-bottom__right ul li b{
color: #373737;
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
/* --------------- modal-order --------------- */
.modal-order{
font-family: 'Open Sans', sans-serif;
}
.modal-order .modal-dialog{
width: 700px;
background: #ffffff;
padding: 50px 0 50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-modal-title{
}
.b-modal-title span{
display: block;
text-align: center;
color: #383385;
font-size: 30px;
font-weight: 700;
line-height: 32px;
// text-transform: uppercase;
}
.b-modal-order__content{
text-align: center;
}
.b-modal-order__content img{
margin: 0 auto 0;
}
.b-modal-order__content span{
display: block;
color: #373737;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.b-modal-order__content i{
display: block;
color: #ed6d6d;
font-size: 14px;
font-style: italic;
line-height: 20px;
}
.b-modal-order__btns{
//display: flex;
justify-content: center;
align-items: center;
padding: 0 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 40px 0 0 0;
}
.btn-cont{
color: #258de6;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-decoration: underline;
display: block;
margin: 0 50px 0 0;
}
.b-modal-order__btns .b-cart-form__btn{
width: 244px;
height: 40px;
font-size: 16px;
line-height: 18px;
padding: 0px 0 0 27px;
background-position: left 25px top 5px;
}
/* --------------- modal-review --------------- */
.modal-review{
font-family: 'Open Sans', sans-serif;
}
.modal-review .modal-dialog{
width: 740px;
background: #ffffff;
padding: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.btn-close{
background: url(/images/btn-close.png);
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 20px;
}
.b-modal-text{
margin: 30px 0 25px 0;
}
.b-modal-text p{
color: #373737;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
a{
outline: none;
}
button{
outline: none;
}
input{
outline: none;
}
.b-reviews-form{
}
.b-reviews-form__title{
margin: 0 0 40px 0;
text-align: center;
}
.b-contacts-form{
padding: 0 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Стили меню */
#navs {
width:100%;
margin:0 auto;
padding:0;
}
#nav li {
float:left;
//position:relative;
list-style:none;
}
#nav a {
color:#fff;
text-decoration:none;
display:block;
padding:0;
padding: 10px;
padding-right: 25px;
padding-left: 25px;
margin: 0;
font-size: 17px;
}
#nav .current a, #nav li:hover > a {
color:#fff;
border-top:0px solid #f8f8f8;
background:#01b354;
}
#nav ul{}
#nav ul li:hover a, #nav li:hover li a {
border-top: 0;
padding: 10px !important;
background: #fff;
color:#fff;padding-right: 25px !important;
padding-left: 25px !important;
}
#nav ul li a:hover {
background:#eee;
color:#000;
}
#nav ul li:first-child > a {
}
#nav ul li:last-child > a {
}
#nav li:hover > ul {
opacity:1;
visibility:visible;
border-radius: 0;
border: 1px solid #ccc;
border-top: 0;
box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
#nav ul {
opacity:0;
visibility:hidden;
padding:0;
position:absolute;
z-index: 99;
background: #fff;
-moz-transition:opacity .25s linear, visibility .1s linear .1s;
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;
-o-transition:opacity .25s linear, visibility .1s linear .1s;
transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
float:none;
margin:0;
background: #fff;
}
#nav ul a {
font-weight:normal;
}
#nav ul ul {
background: #fff;
border: 1px solid #ccc;
border-top: 0 !important;
border-left: 0;
border-radius: 0;
top: -0px;
}