html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}input:focus,select:focus,textarea:focus{outline: none;}
body{
font-family: 'Roboto', sans-serif;
background: #efefef;
font-size: 14px;
color: #000;
}
.inner{width: 1140px; margin: 0 auto;}
header{background: url("../img/bg_header.jpg") 50% 0 no-repeat; padding: 28px 0 110px; box-sizing: border-box; height: 740px; font-family: 'Comfortaa', cursive;}
header .logo{float: left; font-size: 24px; color: #424c7b; margin: 7px 0 0;}
header .logo a{color: #424c7b;}
header .contacts{float: right;}
header .contacts ul{float: left; font-weight: 700; margin: 18px 10px 0 0;}
header .contacts ul li{color: #cfcdcd; text-transform: uppercase; float: left; margin: 0 24px 0 0;}
header .contacts ul li a{display: block; padding: 0 0 2px; border-bottom: 1px solid transparent; color: #cfcdcd;}
header .contacts ul li:hover a,header .contacts ul li.active a{border-color: #fe8e2b; color: #424c7b}
header .contacts a.btn{float: right;}
header h1{font-weight: normal; color: #424c7b; font-size: 72px; padding: 245px 0 0; float: left;}
header h1 span{color: #fe8e2b; font-weight: 700;}
header img{float: right; margin: 26px 110px 0 0; display: none;}
#about{background: #fff url("../img/bg_about.jpg") 50% 0 no-repeat; height: 560px; box-sizing: border-box;}
#about .info{max-width: 485px;}
#about .block-title{padding: 95px 0 25px;}
#about p{font-size: 18px; color: #424c7b; line-height: 2;}
#data{padding: 0 0 120px 0; position: relative; z-index: 2; margin-top: -80px;}
#data .left p,#data .right p{font-size: 18px; color: #424c7b; line-height: 2;}
#data .left,#data .right{float: left; width: 49%;}
#data .right{float: right;}
#data .product img{width: 100%; border-radius: 5px;}
#data .product{width: 100%; max-width: 945px; display: inline-block; margin: 0 0 65px; position: relative; box-shadow: 0px 10px 30px 0px rgba(130, 130, 130, 0.25);}
#data .product .arr{position: absolute; top: 210px; right: -77px; background: url("../img/arr.png") 0 0 no-repeat; width: 311px; height: 496px;}
#data .product .wrapper{border-radius: 0 0 5px 5px; background: #fff;}
#data .product .coll{width: 25%; border-right: 1px solid #efefef; font-family: 'Comfortaa', cursive; float: left; box-sizing: border-box; padding: 28px 0; text-align: center; color: #bbbbbb; font-size: 48px; font-weight: 300;}
#data .product .coll.coll-last{border: none;}
#data .product .coll span{font-size: 24px;}
#advantages{background: #fff; padding: 95px 0 0;}
#advantages .block-title{text-align: center; display: none;}
#advantages ul{display: inline-block; width: 100%; background: url("../img/bag_ul.jpg") 50% -25px no-repeat; padding: 48px 0 0;}
#advantages ul li{float: left; width: 50%; min-height: 210px; padding: 0 0 0 260px; box-sizing: border-box; line-height: 1.3; font-size: 24px; color: #424c7b; position: relative;}
#advantages ul li div{position: relative; z-index: 2;}
#advantages ul li:nth-child(2n+1){text-align: right; padding: 0 255px 0 0;}
#advantages ul li span{color: #fff; font-size: 150px; z-index: 1; position: absolute; top: -50px; left: 0; font-weight: 700; font-family: 'Comfortaa', cursive; text-shadow: 0px 10px 20px rgba(148, 148, 148, 0.34);}
#advantages ul li:nth-child(1) span{left: 10px;}
#advantages ul li:nth-child(2) span{left: 400px;}
#advantages ul li:nth-child(3) span{left: 60px;}
#advantages ul li:nth-child(4) span{left: 350px;}
#advantages ul li:nth-child(5) span{left: 170px;}
#advantages ul li:nth-child(6) span{left: 250px;}
#gallery{}
#gallery li{float: left; width: calc(100%/3);}
#gallery li img{width: 100%; height: auto;}
#sales{background: url("../img/bg_sale.jpg") 50% 0 no-repeat; background-size: cover; padding: 80px 0; font-family: 'Comfortaa', cursive;}
#sales .info{float: left; max-width: 480px; font-size: 44px; color: #424c7b; line-height: 1.2;}
#sales .info span{font-weight: 700; color: #fe8e2b}
#sales .thumbnail{float: right; position: relative;}
#sales .thumbnail img{border-radius: 5px; box-shadow: 0px 10px 30px 0px rgba(130, 130, 130, 0.25);}
#sales .arr{width: 506px; height: 302px; background: url("../img/arr_b.png") 50% 50% no-repeat; position: absolute; bottom: -35px; left: -450px;}
#about-r{background: #fff url("../img/bg_about_r.jpg") 50% 0 no-repeat; height: 560px; box-sizing: border-box;}
#about-r .info{max-width: 485px; float: right;}
#about-r .block-title{padding: 95px 0 25px;}
#about-r p{font-size: 18px; color: #424c7b; line-height: 2;}
#products{padding: 75px 0 60px;}
#products li{float: left; width: 360px; position: relative; text-align: center;}
#products li .price{position: absolute; top: 20px; right: 20px; font-size: 28px; color: #424c7b; font-weight: 700; font-family: 'Comfortaa', cursive;}
#products li .price span{display: inline-block; width: 20px; height: 22px; background: url("../img/r.png") 50% 50% no-repeat; margin-left: 10px;}
#products li:nth-child(2){margin: 0 30px;}
#products li img{width: 100%; border-radius: 10px;}
#products li a{margin-top: -55px;}
#pd{padding: 55px 0; background: #fff;}
#pd .delivery,#pd .payment{width: 50%; float: left; box-sizing: border-box; font-size: 18px; line-height: 1.4; color: #424c7b}
#pd .delivery{padding: 0 70px 0 0;}
#pd span{color: #fe8e2b}
#pd .payment span{font-size: 24px; font-weight: 500;}
#pd .block-title{font-size: 36px;}
footer{padding: 0; background: #f5f5f5; text-align: center; border-top: 1px solid #dfdfdf;}
footer li{float: left; padding: 60px 0; width: calc(100%/3); box-sizing: border-box;}
footer li:nth-child(2){border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf}
footer li img{margin: 0 auto;}
footer li img:hover{opacity: 0.8}
.block-title{font-size: 48px; color: #424c7b; font-weight: 700; font-family: 'Comfortaa', cursive; line-height: 1.2; margin-bottom: 35px;}
/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list{background: none;}
.slick-prev,.slick-next{border: none; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 26px; height: 46px; padding: 0; cursor: pointer; margin-top: -23px; opacity: 1;}
.slick-prev,.slick-next{display: block!important; z-index: 10;}
.slick-prev{background: url("../img/arr_l.png") 50% 50% no-repeat; left: 0;}
.slick-next{background: url("../img/arr_r.png") 50% 50% no-repeat; right: 0;}
.slider-partners .slick-prev,.slider-partners .slick-next{display: block!important; z-index: 10; width: 60px; height: 60px; margin-top: -30px; box-sizing: border-box; border: 1px solid #ccc;}
.slider-partners .slick-prev{background: #fff url("../img/arr_l.png") 50% 50% no-repeat; left: -18px;}
.slider-partners .slick-next{background: #fff url("../img/arr_r.png") 50% 50% no-repeat; right: -18px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; opacity: 1;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-prev{display: none;}
.slick-next{display: none;}
.slick-dots{position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0 0 0 -45px; list-style: none; text-align: center;}
.slick-dots li{position: relative; display: inline-block; margin: 0 7px; cursor: pointer;}
.slick-dots li button{font-size: 0; line-height: 0; display: block; box-sizing: border-box; cursor: pointer; color: transparent; border: none; outline: none; background: #fff; border-radius: 50%; padding: 0; width: 20px; height: 20px;}
.slick-dots li button{width: 20px; height: 20px; background: #f3faff; border: 2px solid #ffa200; box-sizing: border-box;}
.slick-dots li.slick-active button{background: #ffa200}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999999; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
.arcticmodal-container_i2 {
width: 100%; height: 300px;
}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
.arcticmodal-overlay{
opacity: 0.95!important; background: #fe8e2b!important; z-index: 99999999!important
}
.box-modal{width: 615px; text-align: center; padding: 35px 30px; border-radius: 7px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 75px; margin-bottom: 75px; position: relative; background: #f5f5f5; text-align: center;}
.arcticmodal-close{font-size: 0; width: 13px; height: 13px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; background-size: 100%; position: absolute; top: 15px; right: 15px;}
.box-modal .block-title{font-weight: normal;}
.box-modal .coll{width: 48%; float: left; position: relative;}
.box-modal .coll a{display: block; position: relative; box-sizing: border-box; height: 42px; line-height: 42px; border-radius: 42px; padding: 0 30px; background: #fff; color: #b3b3b3;}
.box-modal .coll a i{font-style: normal;}
.box-modal .coll a span{border-radius: 50%; width: 10px; height: 10px; display: block; position: absolute; top: 15px; left: 28px}
.box-modal .coll ul{position: absolute; display: none; top: 59px; left: 0; width: 100%; z-index: 2; text-align: left;}
.box-modal .coll ul li{width: 100%; height: 42px; cursor: pointer; line-height: 42px; box-sizing: border-box; background: #fff; border-radius: 42px; margin-bottom: 5px; border: 1px solid #111; padding: 0 30px 0 48px; position: relative;}
.box-modal .coll ul li span{border-radius: 50%; width: 10px; height: 10px; display: block; position: absolute; top: 15px; left: 28px}
.box-modal .coll ul li.rose span,.box-modal .coll a.rose span{background: #e63a72}
.box-modal .coll ul li.blue span,.box-modal .coll a.blue span{background: #a4accb}
.box-modal .coll ul li.gray span,.box-modal .coll a.gray span{background: #cac6c6}
.box-modal .coll.coll-right{float: right;}
.box-modal input[type="text"],.box-modal input[type="tel"]{width: 100%; height: 42px; border-radius: 42px; border: none; padding: 0 30px; margin-bottom: 17px;}
.box-modal textarea{width: 100%; border-radius: 20px; padding: 18px 30px; height: 100px; resize: none; border: none; margin-bottom: 17px;}
.box-modal input[type="submit"]{box-shadow: none; font-family: 'Roboto', sans-serif; width: 245px; height: 42px; padding: 0; border-radius: 42px; font-weight: normal;}
.box-modal input[type="submit"]:hover{box-shadow: 0px 10px 20px 0px rgba(254, 142, 43, 0.35);}
#window-thanks p{font-size: 18px; font-weight: 300;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a{text-decoration: none; transition: all 0.5s ease-out;}
a:hover{transition: all 0.5s ease-out;}
a:focus{outline: none;}
img{display: block;}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out;}
.btn:hover{transition: all 0.5s ease-out;}
.btn-orange{color: #fff; font-weight: 700; font-family: 'Comfortaa', cursive; padding: 14px 29px; border-radius: 42px; background: #fe8e2b; box-shadow: 0px 10px 20px 0px rgba(254, 142, 43, 0.35);}
.btn-orange:hover{box-shadow: none;}
.btn-buy{width: 110px; height: 110px; border-radius: 50%; background-image: url("../img/cart.png"); background-position: 50% 50%; background-repeat: no-repeat;}
.btn-blue{background-color: #a4accb}
.btn-blue:hover{background-color: #8c95b7}
.btn-gray{background-color: #cac6c6}
.btn-gray:hover{background-color: #b7b7b7}
.btn-red{background-color: #ff9d8e}
.btn-red:hover{background-color: #e58273}
input,textarea,select{-webkit-appearance: none; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-size: 14px;}
::-webkit-input-placeholder {color:#b3b3b3;}
::-moz-placeholder {color:#b3b3b3;}
:-moz-placeholder {color:#b3b3b3;}
:-ms-input-placeholder {color:#b3b3b3;}
/*responsive*/
@media screen and (max-width: 1180px){
.inner{width: 100%; padding: 0 2%; box-sizing: border-box;}
#about .info,#about-r .info{max-width: 45%;}
#data .product .arr{right: 0;}
#data .product{display: block; margin: 0 auto; margin-bottom: 30px;}
#advantages{padding: 30px 0 15px;}
#advantages .block-title{display: block;}
#advantages ul{background: none1; padding: 250px 0 0; background-size: 200px auto;}
#advantages ul li{width: 100%!important; padding: 0!important; margin-bottom: 15px; min-height: 0; font-size: 18px; text-align: left!important;}
#advantages ul li br{display: none;}
#advantages ul li span{display: none;}
#sales{padding: 30px 0;}
#sales .info{max-width: 100%; text-align: center; float: none;}
#sales .info br{display: none;}
#sales .arr{display: none;}
#sales .thumbnail{max-width: 100%; margin: 0 auto; float: none; margin-top: 30px;}
#sales .thumbnail img{margin: 0 auto; max-width: 100%;}
#products li{width: 32%;}
#products li:nth-child(2){margin: 0 2%;}
#products li img{max-width: 100%;}
#pd .delivery, #pd .payment{width: 50%; padding: 0 20px!important; box-sizing: border-box;}
#pd .block-title{font-size: 24px;}
}
@media screen and (max-width: 768px){
header{height: auto; background: url("../img/bg_header_m.jpg") 50% 0 no-repeat; padding: 10px 0;}
header .logo,header .contacts{width: 100%; text-align: center;}
header .contacts{margin-top: 15px;}
header .contacts ul li:last-child{margin: 0;}
header h1{font-size: 30px; text-align: center; padding: 60px 0; max-width: 100%; width: 100%;}
header h1 br{display: none;}
header img{max-width: 100%; display: block; margin: 0 auto; float: none;}
#about{height: auto; padding: 0 0 30px; text-align: center; background: none}
#about .info{max-width: 100%;}
#about p{font-size: 16px;}
#about-r{height: auto; padding: 0 0 30px; text-align: center; background: none}
#about-r .info{max-width: 100%;}
#about-r p{font-size: 16px;}
#products{padding: 30px 0;}
#data{margin-top: 20px; padding-bottom: 30px;}
#data .product .coll,#data .product .coll span,#data .left p, #data .right p,#advantages ul li{font-size: 16px;}
#data .product .arr{display: none;}
#data .left, #data .right{width: 100%;}
#sales .info{font-size: 20px;}
#products li{width: 100%; margin-bottom: 20px;}
#products li:nth-child(2){margin: 0 0 20px;}
#products li img{max-width: 100%;}
#pd{padding: 30px 0 15px;}
#pd .delivery, #pd .payment{width: 100%; margin-bottom: 15px;}
footer li{padding: 20px 0;}
#about-r .block-title{padding-top: 0;}
.box-modal{width: 90%;}
.block-title,#about-r .block-title{font-size: 24px; padding-bottom: 20px!important; margin: 0!important; text-align: center;}
.block-title br{display: none;}
.box-modal .coll,.box-modal input[type="submit"]{width: 100%;}
.box-modal .coll a{margin-bottom: 15px;}
.box-modal .coll a span{left: 15px;}
.box-modal .coll ul li{font-size: 12px;}
}
/*responsive*/