/* Import fonts */
@import "../fonts/fonts.css";

#hidden-content {width: 100%; max-width: 580px; color: #fff; line-height: 120%; text-transform: uppercase; text-align: center; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  background: #77b3c2;  
}
#hidden-content .fancybox-close-small {background: transparent;}

body {font-family: 'pnovacondreg'; font-size: 16px; color: #505050; -webkit-font-smoothing: antialiased; min-width: 500px;}
.block {width: 100%; min-width: 500px;}
.pink {color: #fc2561;}
.pink2 {color: #f060a3;}
.yellow {color: #ffdd00;}
.yellow2 {color: #ffe400;}
.white {color: #fff;}
.grey {color: #878788;}
.dgrey {color: #414042;}
.grey2 {color: #636262;}
.grey3 {color: #a7a9ac;}
.blue {color: #0c3e8f;}
.blue2 {color: #d9ffff;}
.blue3 {color: #0b404d;}
.blue4 {color: #86f7f7;}
.orange {color: #ff6000;}
.black {color: #000;}
.brown {color: #ba9555;}
.brown2 {color: #bea67c;}
/* Link Style */
a {text-decoration: none; color: #763030;}
a:hover {text-decoration: none;}

/* Text & font style */
.pnb, b {font-family: 'pnovacondbold';}
.pnr {font-family: 'pnovacondreg';}
.pnl {font-family: 'ProximaNovaLight';}
.aab {font-family: 'AABebasNeue';}

.px12 {font-size: 75%;}
.px16 {font-size: 100%;}
.px18 {font-size: 112.5%;}
.px20 {font-size: 130%;}
.px22 {font-size: 140%;}
.px24 {font-size: 150%;}
.px25 {font-size: 155%;}
.px26 {font-size: 160%;}
.px28 {font-size: 180%;}
.px29 {font-size: 185%;}
.px30 {font-size: 190%;}
.px32 {font-size: 200%;}
.px34 {font-size: 215%;}
.px36 {font-size: 230%;}
.px38 {font-size: 240%;}
.px40 {font-size: 250%;}
.px42 {font-size: 260%;}
.px43 {font-size: 270%;}
.px46 {font-size: 290%;}
.px48 {font-size: 300%;}
.px52 {font-size: 330%;}
.px54 {font-size: 340%;}
.px60 {font-size: 380%;}
.px64 {font-size: 400%;}
.px72 {font-size: 450%;}
.px95 {font-size: 600%;}


.upp {text-transform: uppercase;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.aleft {text-align: left;}
.aright {text-align: right;}
.left  {float: left;}
.rel {position: relative;}
.right {float: right;}
.clear {clear: both;}
.mid {vertical-align: middle;}
.ani {transition: all 0.2s;}
.inline-b {display: inline-block; zoom: 1;}
.nopoint {pointer-events: none;-o-pointer-events: none;-webkit-pointer-events: none;}

.lh100 {line-height: 100%;}
.lh120 {line-height: 120%;}
.lh140 {line-height: 140%;}
.lh180 {line-height: 180%;}

h1 {font-weight: normal;}

/* Flex */
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.flex-between {justify-content:space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;}
.flex-around {justify-content:space-around; -webkit-align-content: space-around;  -ms-flex-line-pack: distribute;}
.flex-center {justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
.flex-left {justify-content: flex-start; -webkit-justify-content: flex-start;  -ms-flex-pack: start;}
.flex-right {justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end;}
.flex-evenly {justify-content:space-evenly; -webkit-box-pack:space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack:space-evenly;}

.flex-top {align-items:flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; }
.flex-mid {align-items:center; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;}
.flex-bot {align-items:flex-end; -webkit-align-items: flex-end; -ms-flex-align: end;}

.flex-wrap {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;}

.flex-column {flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;}
.flex-column-rev {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}
.flex-row {flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row;}
.flex-row-rev {flex-flow: row-reverse;  -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}


/* Wrapper */
#wrapper {width: 100%; background: #fff; margin: 0 auto; }
.container {width: 90%;  margin: 0 auto; position: relative; }
/*====================================================*/

/* Bread */
#navigate {
    padding-left: 12%;
    transition: padding 0.3s;  
    background: #fff url(../images/bg-light-strippped.png);
    border-top: 1px solid #e1e1e1; 
    border-bottom: 1px solid #e1e1e1; 
    margin-top: calc(70px + 3.2vw);

}
#navigate .box {width: 90%; margin: 0 auto; padding: 1.8% 0 1.4%;}
#navigate .box h1 {color: #666; text-shadow: 1px 1px 0 #fff;}

/* Blocks */
.block {width: 100%; position: relative;}

/*====================================================*/
.btn-link {color: #505050; border: 2px solid #0fc2c5; height: 64px; line-height: 60px; width: 100%; max-width: 320px; transition: background 0.2s; padding: 0 5%;}
.btn-link p {width: 60%;}
.btn-link .arr {width: 20%; height:100%; background: url(../images/arr.png) no-repeat 100% 50%; background-size: 80px; transition: all 0.2s;}
.btn-link:hover .arr {width: 30%;}

.header {width: 100%; background: #fff;}
.header .line1 {width: 90%; margin: 0 auto; padding: 2vh 0;}
.header .line1 a.btn {display: block; background: #fff; border: 2px solid #c6c6c6; padding: 5% 0; color: #505050; text-align: center; transition: all 0.2s;}
.header .line1 a.btn:hover {background: #c6c6c6; color: #fff; text-decoration: none;}
.header .left-block {width: 42%;}
.header .right-block {width: 42%;}
.header .order {flex: 2 auto; text-align: center;}
.header .akcia {flex: 4 280px;}
.header .akcia img {display:block; width: 80%; margin: 0 auto;}
.header .akcia-mob {display: none;}


.header .line2 {background: #77b3c2; min-height: 50px;}
.header ul {width: 50%;  margin: 0 auto; position: relative; }
.header .logo {width: 12%; vertical-align: middle;}
.header .logo img {width: 100%;}
.header .mob-head {display: none;}
.header .line2 a {color: #fff;}
.header .line2 a:hover {text-decoration: underline;}
.header .active {color: #d9ffff;}

#mobile {margin-left: 3%; width: 140px; height: 20px; position: relative;}
#mobile #menu {display: none; list-style: none;}
#mobile #menu-toggle {margin-bottom: 10px;}
#mobile #menu-toggle:after {position: absolute; content: ''; text-transform: uppercase; font-size: 18px; color: #fff; padding:2px 0 0 40px;}
#mobile .tb-mobile-menu  {position: relative; z-index: 1000; width: 320px; margin-left: -30px;height: auto; }
#mobile .tb-mobile-menu li a {display: block; font-size: 20px; color: #fff; width: 100%; padding: 8% 0 8% 40px; text-decoration: none; text-align: left;}
#mobile .tb-mobile-menu li {border-top: 1px solid rgba(255,255,255,0.8); background: rgba(119,179,194, 0.95); transition: all 0.3s;}
#mobile .tb-mobile-menu li:hover {background:rgba(255,255,255, 1);}
#mobile .tb-mobile-menu li:hover a {color: rgba(119,179,194, 1);}
#mobile .tb-menu-toggle {border: 0;  position: relative;  background: transparent;  cursor: pointer;}
#mobile .tb-menu-toggle i {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 8%;  -webkit-transition:all .2s;   -moz-transition:all .2s;     -o-transition:all .2s;        transition:all .2s;}
#mobile .tb-menu-toggle i:nth-child(2) {top: 40%;}
#mobile .tb-menu-toggle i:nth-child(3) {top: 80%;}
#mobile .tb-menu-toggle.tb-animate-toggle i:first-child,
#mobile .tb-menu-toggle.tb-animate-toggle i:nth-child(2){top: 40%;  -webkit-transform:rotate(45deg);   -moz-transform:rotate(45deg);    -ms-transform:rotate(45deg);     -o-transform:rotate(45deg);        transform:rotate(45deg);} 
#mobile .tb-menu-toggle.tb-animate-toggle i:nth-child(3){top: 40%;  -webkit-transform:rotate(-45deg);   -moz-transform:rotate(-45deg);    -ms-transform:rotate(-45deg);     -o-transform:rotate(-45deg);        transform:rotate(-45deg);}

#readmore {text-transform: uppercase; color: #000; letter-spacing: 2px; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 1px 1px 2px #fff; position: relative;}
#readmore:before {content: ''; width: 40%; height: 3px; background: #a9946e; position: absolute; bottom: -34%; transition: width 0.3s;}
#readmore img {display: inline-block; vertical-align: top; width: 50px; padding-top: 1%; padding-left: 3%; box-shadow: none;}
#readmore:hover:before {width: 100%;}

.shop #readmore:after {content: ''; width: 40%; height: 100%; background: url(../images/link-arrow.png) no-repeat 100% 44%; background-size: 100%; position: absolute; margin-left: 8%;}

#bread {color: #c2beb7;}
#bread a {color: #c2beb7;}
#bread a:hover {color: #bea67c; text-decoration: underline;}


.catalog .prod a.link {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.prod2 a.link {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.block1 {height: 100vh; min-height: 580px; position: relative;}
.block1 .bxslider li div.slide {height: 100vh ; min-height: 640px; width: 100%; background-size: cover; background-position: 50% 0%; transition: all 0.3s}
.block1 .slide .title {padding: 2% 0 1%;}
.block1 .slide .line {width: 22%; height: 4px; background: #44c7c9; margin: 5% 0;}
.block1 .slide .desc {padding: 1% 0 0 5%;}
.block1 .slide .text {padding-bottom: 8%;}
.block1 .bxslider .container {padding: 0 6%; height: 100%;}
.block1 .bxslider .container .txt {width: 35%; margin-bottom: 5%;}
.block1 .bxslider .container .box {width: 40%;}
.block1 .bxslider .container .box img {width: 100%;}
.block1 .left-nav {position: absolute; left: 3%; height: 100vh; z-index: 100;}
.block1 .left-nav ul {width: 10px;}
.block1 .left-nav ul a {display: block; width: 12px; height: 12px; margin: 3vh 0; background: none; border: 3px solid #fff; border-radius :50%; border-radius: 50%;}
.block1 .left-nav ul a:hover {background: #fff;}
.block1 .left-nav ul a.active {background: #fff;}
.block1 .left-nav .number {-moz-transform: rotate(90deg); -o-transform: rotate(90deg);  -webkit-transform: rotate(90deg);}
.block1 .left-nav .num .line {display: block; width: 4px; height: 20vh; background: #44c7c9; margin-bottom: 3vh;}
.block1 .left-nav .scroll .ico {width: 40px;}
.block1 .left-nav .scroll .ico img {width: 100%;}
.block1 .left-nav .scroll .line {display: block; width: 4px; height: 20vh; background: #44c7c9; margin-top: 3vh;}

.block2 {height: auto; padding: 5% 0 0;}
.block2 .links a {display: block; position: relative; width: 31%; height: 20vw; border-bottom: 4px solid #44c7c9;}
.block2 .links a:after {content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(91,144,157,0.40); transition: all 0.3s}
.block2 .links a:hover:after {background: rgba(255,255,255,0.60);}
.block2 .links a:hover p {color: #44c7c9;}
.block2 .links a:nth-child(1) {background: url(../images/index-pic1.jpg) no-repeat 50% 50%; background-size: cover;}
.block2 .links a:nth-child(2) {background: url(../images/index-pic2.jpg) no-repeat 50% 50%; background-size: cover;}
.block2 .links a:nth-child(3) {background: url(../images/index-pic3.jpg) no-repeat 50% 50%; background-size: cover;}
.block2 .links a .txt {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5;}
.block2 a .line {width: 30%; height: 4px; background: #44c7c9; margin: 3% auto 0;}

.block3 {padding: 5% 0; background: #fff url(../images/text-yuna.png) no-repeat 90% 0; background-size: 40%;}
.block3 .container {padding: 3% 0 0 6%;}
.block3 .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.block3 .txt {width: 54%; padding-left: 6% ;}
.block3 .txt p {padding: calc(10px + 1%) 0;}
.block3 .txt ul li {margin: 4% 0; border-left: 4px solid #92d7d8; padding-left: calc(10px + 1%)}
.block3 .img {width: 44%;}
.block3 .img img {width: 100%;}
.block3 .line2 {width: 16%; min-width: 100px; height: 4px; background: #44c7c9; margin: 2% 0;}

.block4 {padding: 5% 0; background: #5b909d url(../images/LA.png) no-repeat 90% calc(100% + 100px); background-size: 20%;}
.block4 .img {width: 30%;}
.block4 .img .line {position: absolute; top: 5%; left: 5%; width: 0.5%; min-width: 4px; height: 20vh; background: #44c7c9;}
.block4 .img img {width: 100%;}
.block4 .txt {width: 68%;}
.block4 .txt .line {width: 10%; height: 4px; background: #aef9fa; margin: calc(10px + 3%) 0 3%; min-width: 100px;}
.block4 .txt p {padding: calc(10px + 1%) 0;}
.block4 .ava {display: none;}
.block5 {padding: 5% 0; background: #fff url(../images/text-unique.png) no-repeat 8% 0; background-size: 50%;}
.block5 .line-right {position:absolute; width: 0.5vh; background: #d5dfe2; min-width: 2px; height: 22vw; top: -22vw; right: 0;}

.block5 .line {width: 12%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin-bottom: 3%;}
.block5 .title p {width: 80%; }
.block5 .line2 {width: 5%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin :3% 0;}
.block5 .box .img {width: 30%;}
.block5 .box .img img {width:100%;}
.block5 .box .txt {width: 70%;}
.block5 .shagi {margin-top: 5%;}
.block5 .shag {width: 48%; border: 2px solid #44c7c9; padding: 3%;}
.block5 .shag div {background: #fff; position: absolute; bottom: 96%; padding: 0 3%; margin-left: -3%;}

.block6 {padding: 5% 0; min-height: 800px; background: url(../images/index-pic6.jpg) no-repeat 0 50%; background-size: 75%; overflow: hidden;}
.block6 .title {color: #d9ffff;  width: 100%; margin-left: -40%;}
.block6 .txt {width: 50%;}
.block6 .img {width: 50%; position: relative; margin-right: -20%;}
.block6 .img img {width: 100%; position: relative; z-index: 100;}
.block6 .desc {padding: 0 0 6% 0;}

.block6 .main {position: relative; margin-top: 5%; width: 48%;  min-width: 720px; padding: 5% 3%;}
.block6 .top-line {position:absolute; top:0px; left:0px; width:100%; border:1px solid #44c7c9;}
.block6 .left-line {position:absolute; top:0px; left: 0; bottom:0px; height: 16%; border:1px solid #44c7c9;}
.block6 .left-line2 {position:absolute; top:55%; left: 0; bottom:0px; border:1px solid #44c7c9;}    
.block6 .right-line {position:absolute; top:0px; right: 0; bottom:0px; border:1px solid #44c7c9;}
.block6 .topright-line {position:absolute; top:0px; right:0px; width:100px; border:1px solid #44c7c9;}
.block6 .bot-line {position:absolute; bottom:0px; left: 0; width:calc(100% - 2px); border:1px solid #44c7c9;} 
.block6 .line {width: 25%; height: 0.5vh; min-height: 2px; background: #d5dfe2; margin: 5% 0 0 -60%;}

.block6 .btn-link {border: 3px solid #d9ffff; color: #fff;}
.block6 .btn-link .arr {width: 20%; height:100%; background: url(../images/arr2.png) no-repeat 100% 50%; background-size: 80px; transition: all 0.2s;}
.block6 .btn-link:hover .arr {width: 30%;}

.block7 {padding: 5% 0; background: #fff url(../images/text-nano.png) no-repeat 100% 0; background-size: 12%;}
.block7 .line {width: 12%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin-bottom: 3%;}
.block7 .title p {width: 80%; }
.block7 .line2 {width: 5%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin: 3% 0;}
.block7 .img {width: 58%;}
.block7 .img img {width: 100%;}
.block7 .txt {width: 36%;}
.block7 .txt li {margin: 3% 0;}
.block7 .txt span {color: #35ccce; padding-right: 3%;}
.block7 .txt ul {padding-bottom: 3%;}

.block7 .box {position: absolute; width: 500px; right: 10%; top: 30%; }
.block7 .box p:first-child {margin: -5% 0 0 6%;}
.block7 .box p:nth-child(2) {margin: 3% 0 8% 22%;}
.block7 .box p {text-shadow: 0 0 20px rgba(0,117,146, 0.9);}
.block7 .top-line {position:absolute; top:0px; left:0px; width:5%; border:1px solid #fff;}
.block7 .top-line2 {position:absolute; top:0px; left:60%; width:40%; border:1px solid #fff;}
.block7 .left-line {position:absolute; top:0px; left: 0; bottom:0px; border:1px solid #fff;}
.block7 .right-line {position:absolute; top:0px; right: 0; bottom:0px; border:1px solid #fff;}
.block7 .topright-line {position:absolute; top:0px; right:0px; width:100px; border:1px solid #fff;}
.block7 .bot-line {position:absolute; bottom:0px; left: 0; width:calc(100% - 2px); border:1px solid #fff;} 

.block8 {padding: 5% 0; background: #fff;}
.block8 .line {width: 12%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin-bottom: 3%;}
.block8 .line2 {width: 16%; margin: 3% 0; height: 0.5vh; min-height: 4px; background: #44c7c9; margin-bottom: 3%;}
.block8 .line-right {position:absolute; width: 0.5vh; background: #d5dfe2; min-width: 2px; height: 22vw; top: -22vw; right: 0;}

.block8 .p1 {width: 30%;}
.block8 .p1 img {width: 100%;}
.block8 .p2 {width: 30%;}
.block8 .p2 img {width: 100%;}

.block8 .p3 {width: 30%;}
.block8 .p3 p.text {padding: 3% 0;}

.garant {padding: 0 0 5% 0; background: #fff url(../images/text-guarantee.png) no-repeat 75% 0%; background-size: 80%;}
.garant .container {padding: 6% 0 6% 6%;}
.garant .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.garant .txt {width: 72%; padding-left: 6% ;}
.garant .txt p {padding: calc(10px + 1%) 0;}
.garant .txt ul li {margin: 4% 0; border-left: 4px solid #92d7d8; padding-left: calc(10px + 1%)}
.garant .img {width: 25%; }
.garant .img img {width:70%;}
.garant .btn-link {margin: 3% auto; max-width: 380px; padding: 0 2%; background: #77b3c2; border: 2px solid #77b3c2; color: #fff;}
.garant .btn-link p {width: 70%; text-align: center;}
.garant .btn-link .arr {width:15%; height:100%; background: url(../images/arr2.png) no-repeat 100% 50%; background-size: 80px; transition: all 0.2s;}
.garant .btn-link:hover .arr {width: 25%;}
.garant .line2 {position:absolute; width: 0.6vh;  min-width: 2px; height: 5vw; bottom: -4%; right: 0%; background: #44c7c9;}
.garant .ico-left {position: relative; width: 4%; min-width: 45px; margin-left: -6%;}
.garant .ico-left img {width: 100%;}

.step {padding: 0 0 3% 0; background: #fff url(../images/text-steps.png) no-repeat 92% 0%; background-size: 40%;}
.step .container {padding: 6% 0 0% 6%;}
.step .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.step .shag {border: 0.15vw solid #44c7c9; display: inline-block; padding: 0.3vw 0.8vw;}
.step .left-block {width: 20%;}
.step .left-block img {width: 100%;}
.step .right-block {width: 78%;}
.step .step-block {margin: 5% 0;}
.step .btn-link {margin: 3% auto; max-width: 380px; padding: 0 2%; background: #77b3c2; border: 2px solid #77b3c2; color: #fff;}
.step .btn-link p {width: 70%; text-align: center;}
.step .btn-link .arr {width:15%; height:100%; background: url(../images/arr2.png) no-repeat 100% 50%; background-size: 80px; transition: all 0.2s;}
.step .btn-link:hover .arr {width: 25%;}
.step .line2 {position:absolute; width: 0.6vh;  min-width: 2px; height: 5vw; bottom: -4%; right: 0%; background: #44c7c9;}
.step .ico-left {position: relative; width: 4%; min-width: 45px; margin: 5% 0 0 -6%;}
.step .ico-left img {width: 100%;}
.step .steps {color: #124450; column-gap: 2em;}
.step .steps .flex {width: 30%;}
.step .steps div img {width: 100%;}
.step .steps div .img {width: 20%;}
.step .steps div p {width: 80%; padding: 0 0 0 5%;}
.step .info {padding: calc(10px + 0.5%) 0;}
.step ul li {color: #124450; padding: 0.5% 0;}
.step ul li span {color: #35ccce; padding-right: 3%;}
.step ul li span.skidka {color: #5b909d;}

.review {padding: 0 0 5% 0; background: #fff url(../images/text-reviews.png) no-repeat 88% 0%; background-size: 56%;}
.review .container {padding: 6% 0 0 6%;}
.review .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.review .line2 {position:absolute; width: 0.6vh;  min-width: 2px; height: 5vw; bottom: -4%; right: 0%; background: #44c7c9;}
.review .line3 {position: absolute; width: 10%; min-width: 120px; height: 0.6vh; margin: -2.5% 0 0 -7.5%;background: #d5dfe2; }
.review .line4 {position: absolute; width: 10%; min-width: 120px; right: 0; height: 0.6vh; margin: -2.5% 0 0 0;background: #d5dfe2; }

.review .ava {width: 38%;}
.review .ava img {width: 100%;}
.review .text {width: 60%;  background: url(../images/kavychki.png) no-repeat 90% 80%; background-size: 18%;}
.review .rate {width: 26%; padding: 3% 0;}
.review .rate img {width: 100%;}
.review .rev .title {padding-bottom: 3%;}
.review .rev {margin: 5% 0;}
.review .rev1 {margin-left: -8%; margin-right: 8%;}
.review .btn-link {margin: 3% auto; max-width: 380px; padding: 0 2%; background: #77b3c2; border: 2px solid #77b3c2; color: #fff;}
.review .btn-link p {width: 70%; text-align: center;}
.review .btn-link .arr {width:15%; height:100%; background: url(../images/arr2.png) no-repeat 100% 50%; background-size: 80px; transition: all 0.2s;}
.review .btn-link:hover .arr {width: 25%;}
.review .ico-left {position: absolute; width: 4%; min-width: 45px; margin: -6% 0 0 -7.5%;}
.review .ico-left img {width: 100%;}
.review .ico-right {position: absolute; width: 4%; right:0; min-width: 45px; margin: -6% 0% 0 0;}
.review .ico-right img {width: 100%;}


.footer {background: #5b909d; }
.footer .line1 {padding: 2% 0;}
.footer .logo img {width: 240px; }
.footer a.btn {display: block; background: none; border: 2px solid #d9ffff; padding: 10px 3%; color: #fff; text-align: center; transition: all 0.2s;}
.footer a.btn:hover {background: #fff; color: #0b404d; border: 2px solid #fff; text-decoration: none;}
.footer .line2 {background: #fff; color: #578792; padding: 1% 3%; margin: 0 auto;}

::-webkit-input-placeholder {font-size: 100%; letter-spacing: 1px; color:#a0a0a0;}
::-moz-placeholder          {font-size: 100%; letter-spacing: 1px; color:#a0a0a0;}/* Firefox 19+ */
:-moz-placeholder           {font-size: 100%; letter-spacing: 1px; color:#a0a0a0;}/* Firefox 18- */
:-ms-input-placeholder      {font-size: 100%; letter-spacing: 1px; color:#a0a0a0;}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    height: 100%;
    margin-bottom: 0px;
}
#wrapper .bx-wrapper .bx-viewport {height: 100vh!important; min-height: 640px;}
.bx-wrapper .bx-pager {
    bottom: 45px;    
}
.bx-wrapper .bx-controls {
	width: 200px;
	margin: 0 auto;
}

.bx-wrapper .bx-pager {
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
    color: #666;
    padding-top: 0;
}
/*
.bx-wrapper .bx-controls.bx-has-pager {width: 90%; max-width: 1600px; margin: 0 auto;}
*/
.bx-wrapper .bx-pager.bx-default-pager a {
    padding: 10px;
    background: #6d6e71;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}
/*.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {margin: 30px 0;}*/


/*buy*/
.buy1 {padding: 5% 0; background: #fff url(../images/text-unique.png) no-repeat 8% -1%; background-size: 50%;}


.buy1 .title p {width: 70%;}
.buy1 .line {width: 5%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin: 0 0 3% 0;}
.buy1 .box .img {width: 34%;}
.buy1 .box .img img {width:100%;}
.buy1 .box .img .ugol {position: absolute; bottom: -3%; left: -3%; width: 10%; min-width: 50px; }
.buy1 .box .img .ugol img {width: 100%;}

.buy1 .box .txt {width: 66%;}
.buy1 .shag {width: 100%; border: 2px solid #44c7c9; padding: 3%; margin-top: calc(30px + 3%);}
.buy1 .shag .topname { margin-top: calc(-3.5% - 15px); margin-bottom:2%; margin-left: -2%;}
.buy1 .shag .topname span {display: inline-block; background: #fff; padding: 0 2%; }
.buy1 .shag .flex .txt {width: 48%;}
.buy1 .shag .flex .txt p {padding: 0.5% 0 ;}
.buy1 .shag .flex form {width: 48%;}
.buy1 .line2 {width: 10%; height: 0.5vh; min-height: 4px; background: #d5dfe2; margin: 3% 0;}


.buy1 .title .akcia70 {width: 26%;}
.buy1 .title .akcia70 img {width: 100%; max-width: 255px;}
.buy1 .shag form .block-left {width: 48%;}
.buy1 .shag form .block-right {width: 48%;}

.buy1 .shag form .promo {margin: 0 0 2% 0;}

.buy1 .shag form .promo p {width: 20%; }
.buy1 .shag form .promo .code {width: 45%; text-align: center; text-indent: 0; border-right: 0; margin: 0;}
.buy1 .shag form .promo .calc {background: #77b3c2; position: relative;  color: #fff; width: 35%; cursor: pointer;transition: background 0.3s;}
.buy1 .shag form .promo .calc:hover {background: #558d9b;}
.buy1 .shag form .promo-apply  {color: #77b3c2}
.buy1 .shag form .promo-denied {color: #77b3c2}
.buy1 .shag form button {margin-bottom: 0;}
.buy1 .shag form button .arr {margin-left: 3%;}
.buy1 .shag form input {padding: 3% 0; margin: 4% 0 0; line-height: 100%; transition: all 0.3s;}



input {width: 100%; border: 2px solid #dddddd; padding: 3% 0; text-indent: 5%; outline: none; margin: 1% 0;}
button {display: block; width: 100%; border: 2px solid #77b3c2; background: #77b3c2; padding: 2.5% 8%; cursor: pointer; outline: none; color: white; margin: 1% 0; transition: all 0.2s;}
button:hover {background:#fff; color: #77b3c2;}
button .arr {width: 10%; height: 30px; background: url(../images/arr2.png) no-repeat 100% 50%;  background-size: 70px; transition: all 0.2s; top: 0; bottom: 0; right: 0;}
button:hover .arr {background: url(../images/arr.png) no-repeat 100% 50%; background-size: 70px;}
button p {padding-right: 5%;}

.about1 {height: 100vh; min-height: 580px; position: relative;}
.about1 .bxslider li div.slide {height: 100vh ; min-height: 580px; width: 100%; background-size: cover; background-position: 50% 0%; transition: all 0.3s}
.about1 .slide .title {padding: 2% 0 1%;}
.about1 .slide .line {width: 22%; height: 4px; background: #44c7c9; margin: 5% 0;}
.about1 .slide .desc {padding: 1% 0 0 0;}
.about1 .slide .text {padding-bottom: 8%;}
.about1 .bxslider .container {padding: 0 6%; height: 100%;}
.about1 .bxslider .container .txt {width: 50%; margin-bottom: 5%;}
.about1 .bxslider .container .box {width: 42%; margin-right: -5%;}
.about1 .bxslider .container .box img {width: 100%;}
.about1 .left-nav {position: absolute; left: 3%; height: 100vh; z-index: 100;}
.about1 .left-nav ul {width: 10px;}
.about1 .left-nav ul a {display: block; width: 12px; height: 12px; margin: 3vh 0; background: none; border: 3px solid #fff; border-radius :50%; border-radius: 50%;}
.about1 .left-nav ul a:hover {background: #fff;}
.about1 .left-nav ul a.active {background: #fff;}
.about1 .left-nav .number {-moz-transform: rotate(90deg); -o-transform: rotate(90deg);  -webkit-transform: rotate(90deg);}
.about1 .left-nav .num .line {display: block; width: 4px; height: 20vh; background: #44c7c9; margin-bottom: 3vh;}
.about1 .left-nav .scroll .ico {width: 40px;}
.about1 .left-nav .scroll .ico img {width: 100%;}
.about1 .left-nav .scroll .line {display: block; width: 4px; height: 20vh; background: #44c7c9; margin-top: 3vh;}
.about1 ul.list {width: 480px;padding: 4% 5% 4% 0; margin-left: 5%; border-top: 3px solid #44c7c9; border-right: 3px solid #44c7c9; border-bottom: 3px solid #44c7c9;}
.about1 ul.list li {padding: 1.5% 0;}
.about1 .left-line {position:absolute; top:0; left:0; height: 8%; width:3px; background: #44c7c9;}
.about1 .left-line2 {position:absolute; bottom:0; left:0; height: 8%; left:0; width:3px; background: #44c7c9;}

.about2 {padding: 5% 0; background: #fff url(../images/text-unique.png) no-repeat 8% 0; background-size: 50%;}
.about2 .line {width: 12%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin-bottom: 3%;}
.about2 .title p {width: 80%; }
.about2 .line2 {width: 5%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin :3% 0;}
.about2 .box .img {width: 30%;}
.about2 .box .img img {width:100%;}
.about2 .box .txt {width: 70%;}
.about2 .shagi {margin-top: 5%;}
.about2 .shag {width: 48%; border: 2px solid #44c7c9; padding: 3%;}
.about2 .shag div {background: #fff; position: absolute; bottom: 96%; padding: 0 3%; margin-left: -3%;}

.about3 {padding: 0 0 5% 0; background: #fff url(../images/text-yuna.png) no-repeat 5% 100%; background-size: 40%;}
.about3 .container {padding: 3% 0 0 6%;}
.about3 .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.about3 .txt {width: 62%; padding-left: 6% ;}
.about3 .txt p {padding: calc(10px + 1%) 0;}
.about3 .txt ul li {margin: 4% 0; border-left: 4px solid #92d7d8; padding-left: calc(10px + 1%)}
.about3 .img {width: 32%;}
.about3 .img img {width: 100%;}

.about4 {padding: 5% 0; background: #5b909d;}
.about4 .container {width: 100%;}
.about4 .line2 {position:absolute; width: 0.6vh;  min-width: 2px; height: 5vw; top: -8vw; right: 5%; background: #44c7c9;}
.about4 .img {width: 40%;}
.about4 .img img {width: 100%;}
.about4 .txt {width: 56%;}
.about4 .line {width: 10%; height: 4px; background: #aef9fa; margin: calc(10px + 2vh) 0 3vh; min-width: 100px;}
.about4 .txt p {padding: calc(10px + 1%) 0;}
.about4 .box1 {padding-right: 6%;}
.about4 .box2 {padding-left: 11%; padding-top: calc(20px + 2vh);}
.about4 .box2 .p2 {margin-top: -1vw;}

.about5 {padding: 0 0 5% 0; background: #fff;}
.about5 .container {padding: 3% 0 0 6%;}
.about5 .txt {width: 62%; ;}
.about5 .txt p {padding: calc(10px + 1%) 0;}
.about5 .txt ul li {margin: 4% 0; border-left: 4px solid #92d7d8; padding-left: calc(10px + 1%)}
.about5 .img {width:32%;}
.about5 .img img {width: 100%;}
.about5 .img2 {width:48%;}
.about5 .img2 img {width:100%;}
.about5 .txt2 {width:48%;}
.about5 ol {list-style-type: none; counter-reset: num;}
.about5 ol li {position: relative; padding: 5px 0 5px 40px;}
.about5 li::before {content: counter(num) ''; counter-increment: num; color: #5b909d; font-style: bold; position: absolute; left: 0px;}

.about6 {padding: 0 0 3% 0; background: url(../images/about-pic6.jpg) no-repeat 90% 0%; background-size: 42%;}
.about6 .container {padding: 3% 0 0 6%;}
.about6 .title { width: 70%;}
.about6 .title span {background: #fff; padding: 0.5% 0 1%;}
.about6 .line {width: 12%; height: 0.5vh; min-height: 4px; background: #44c7c9; margin-bottom: 3%; position: absolute; left: 0; top: 0;}
.about6 .line2 {position:absolute; width: 0.6vh;  min-width: 2px; height: 5vw; top: -3vw; right: 0; background: #44c7c9;}
.about6 ul {margin-left: 6%; width: 40%;}
.about6 ul li {margin: 6% 0; border-left: 3px solid #92d7d8; padding-left: 30px;}
.about6 .text {position: absolute; width: 35%; right: 6%; bottom: 0;}
.about6 .text img {width: 100%;}

.about7 {padding: 0 0 5% 0; background: #fff;}
.about7 .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.about7 .line2 {position:absolute; height: 0.5vh; min-width: 100px; width:10vw; top: 0; left: 0; background: #d5dfe2;}
.about7 .container {padding: 2% 0 0 6%;}
.about7 .name {color: #5b909d; padding-bottom: calc(10px + 1%);}
.about7 .ing .img {width: 30%; padding: 1% ; border: 0.1vw solid #d5dfe2;}
.about7 .ing .img img {width: 100%;}
.about7 .ing .txt {width: 65%; padding-bottom: 2%;}
.about7 .ing .ico-right {position: absolute; width: 4%; right: 0; bottom: 0; min-width: 45px;}
.about7 .ing .ico-right img {width: 100%;}
.about7 .ing .ico-left {position: absolute; width: 4%; left: -4%; bottom: -4%; min-width: 45px;}
.about7 .ing .ico-left img {width: 100%;}
.about7 .ing {margin-bottom: calc(30px + 3%);}
.about7 .ing ul li {padding-left: 4%; position: relative;}
.about7 .txt span {color: #35ccce;  font-weight: bold; display: block; position: absolute; margin-left :-4%;}

.about8 {padding: 0 0 8% 0; background: #fff;}
.about8 .container {padding: 0 0 0 6%;}
.about8 .img {width: 26%;}
.about8 .img img {width: 100%;}
.about8 .txt {width: 74%;}
.about8 .push {display: inline-block; cursor: pointer;}
.about8 .push span {display: inline-block; border-bottom: 0.2vw solid #44c7c9; content:'Скрыть состав';}
.about8 .push .arr {width: 2vw; min-width: 30px; display: inline-block; vertical-align: middle; margin-left: 2vw; transition: all 0.25s;}
.about8 .push .arr img {width: 100%;}
.about8 .active .push .arr {-moz-transform: rotate(-90deg); /* Для Firefox */
    -ms-transform: rotate(-90deg); /* Для IE */
    -webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-90deg); /* Для Opera */
    transform: rotate(-90deg);}
.about8 .faq-toggle .toggle-answer {display: none; background: #edf3f5; padding: 3%; margin-top: 3%;}
.about8 .faq-toggle {margin-bottom: 6%;}
.about8 .line {width: 12%; height: 0.5vh; min-height: 4px; background: #44c7c9; position: absolute; left: 0; bottom: -5vw;}

.about9 {padding: 5% 0 8%; background: #5b909d;}
.about9 .container {padding: 0 0 0 6%;}
.about9 p {padding: 1% 0;}
.about9 ul {padding-left: 5%;}
.about9 ul li {margin: 2% 0; border-left: 3px solid #92d7d8; padding-left: 30px;}
.about9 .title {padding-bottom: calc(10px + 1%);}
.about9 .txt {width: 52%;}
.about9 .img {width: 46%;}
.about9 .img img {width: 100%;}
.about9 .line2 {width: 12%; height: 0.5vh; min-height: 4px; background: #d9ffff; position: absolute; left: 0; bottom: -5vw;}
.about9 .line {width: 5%; min-width: 60px; height: 4px; background: #aef9fa; margin: 0 0 2%;}
 
.about10 {padding: 5% 0; background: #fff url(../images/text-care.png) no-repeat 92% 0; background-size: 35%;}
.about10 .container {padding: 0 ;}
.about10 .line {width: 5%; min-width: 60px; height: 4px; background: #44c7c9; margin: 2% 0;}
.about10 .img {width: 35%;}
.about10 .img img {width: 100%;}
.about10 .txt {width: 62%;}

.about10 ol li {position: relative; padding: 1.5% 0 1.5% 3%;}
.about10 li.num::before {content: counter(num) ''; counter-increment: num; color: #5b909d; font-weight: bold; position: absolute; left: 0px;}
.about10 ol {list-style-type: none; counter-reset: num;}
.about10 li.dec::before {content: counter(num) ''; counter-increment: num; color: #5b909d; font-weight: bold; position: absolute; left: 0px;}
.about10 ul {list-style-type: lower-latin; color: #5b909d;  margin-left: 3%}
.about10 ul li {padding-left: 2%;}
.about10 ul span {color: #505050;}

.about11 {padding: 0 0 5% 0; background: #fff;}
.about11 .container {padding: 0 0 0 6%;}
.about11 .txt {width: 62%;}
.about11 .img {width: 35%;}
.about11 .img img {width: 100%;}


.about11 .sh1 {width: 120px; margin-bottom: 3%;}
.about11 .sh1 span {display: inline-block; width: 100px; text-align: center; border: 2px solid #44c7c9; padding: 3px 10px;}
.about11 .sh1-1 {width: calc(100% - 140px);}
.about11 .text {border-left: 3px solid #44c7c9; padding-left: 3%; margin-top: 3%;}
.about11 .text p {padding: 1% 0;}
.about11 .text p:last-child {color: #5b909d;}

@media only screen and (max-width: 1800px) {

}

@media only screen and (max-width: 1440px){
.block.header {font-size: 12px;}
.block.block1 .px54 {font-size: 300%; line-height: 100%;}
.block3 .container {padding: 0;}
.block3 .img {width: 300px;}
.block3 .txt {width: calc(96% - 300px);}
.block5 .shag {width: 100%; margin: 0 auto 5%;}
.block5 .shag div {bottom: auto; top: -20px; margin-left: 0;}
.block6 {background-size: cover;}
.block6 .title {margin-left: 0;}
.block6 .line {margin: 5% 0;}
.block6 .main {background: rgba(0,0,0,0.5); width: 100%; min-width: auto; max-width: 720px;}
.block6 {min-height: auto;}
.block6 .txt {width: 65%;}
.block6 .left-line {position:absolute; top:0px; left: 0; bottom:0px; height: 100%; border:1px solid #44c7c9;}
.block6 .left-line2 {display: none;} 

.about2 .shag {width: 100%; margin: 0 auto 5%;}
.about2 .shag div {bottom: auto; top: -20px; margin-left: 0;}

.about9 .txt {width: 100%;}
.about9 .img {width: 100%;}


.step .steps .flex {width: 100%;}
.step .steps div .img {max-width: 80px;}

}

@media only screen and (max-width: 1280px) {
.header .logo {width: 12%;}
.block.header ul {height: 100%; width: 100%;}
.block.header .web-head.flex-between {justify-content: space-around;}
.block.block2 .flex-bot {align-items:flex-start;}

.block8 .p1 {width: 70%; margin: 0 auto 3%;}
.block8 .p2 {width: 40%;}
.block8 .p3 {width: 58%;}

.about5 .img2 {width: 100%;}
.about5 .txt2 {width: 100%;}
.about6 .container {padding: 3% 0 0;}
}

@media only screen and (max-width: 1140px) {

	.header .order {flex: 3 auto;}
	.header .akcia {flex: 4 200px;}

	.buy1 .shag form .promo p {width: 60%; justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
	.buy1 .shag form .promo .code {width: 60%;}
	.buy1 .shag form .promo .calc {width: 40%;}


	.block2 .links a {width: 100%; max-width: 800px; height: 40vw; margin: 0 auto 3vw;}
	.block5 .title p {width: 100%;}
	.block7 .img {width:100%;}
	.block7 .txt {width:100%;}
	.block7 .box {width: 90%;  right: 5%; left: 5%; margin: 0 auto;}
	.about2 .title p {width: 100%;}
	.about6 {background: #fff;}
	.about6 .title{width: 100%;}
	.about6 ul {width: 94%;}
}

@media only screen and (max-width: 980px) {
.block.header ul.px18 {font-size: 14px;}
.block.header .web-head {display: none;}
.block.header ul {padding-left: 0;}
.block.header .mob-head {display: flex;}

.header .akcia {display: none;}
.header .order {flex: 0 0 auto;}
.header .logo {width: 15%;}
.header .akcia-mob {display: block; width: 50%; max-width: 250px;  margin-right: 5%;}
.header .akcia-mob img {width: 100%; display: block;}

.block3 .txt {width: 100%;}
.block3 .img {display: none;}

.block4 .img {display: none;}
.block4 .txt {width: 100%;}
.block4 .ava {display: block; width: 30%;} 
.block4 .ava img {width: 100%;}
.block4 .txt .name {width: 68%; padding :0;}

.block.block6 .box {position: relative; margin-top: 70%; border: 3px solid #b8a47e;width: 100%; background-image: none; background: rgba(36,53,63,0.8); padding: 5%;}
.block.block6 .text {width: auto;  height: auto;  border: 0; background-image: none;   background-size: 100% 3px;  background-position: 0 100%;  background-repeat: no-repeat;    box-sizing: border-box;    padding: 0 0 3px 0;}
.block.block6 .title {position: relative; padding-bottom: 5%;  top: auto; left: auto; text-shadow: none; font-size: 250%;}

.about1 {height: 100%; }
#wrapper .bx-wrapper .bx-viewport {height: auto!important; }
.about1 .bxslider li div.slide {height: auto; padding: 10% 0;}
.about1 .bxslider .container .txt { width: 100%; margin-bottom: 1%; }
.about1 .bxslider .container .box {width: 100%; margin-right: 5%; margin: 10% auto 0;}
.about1 ul.list {width: 98%; margin-left: 0;}

.about3 .container {padding: 0;}
.about3 .txt {padding: 0;}


.about4 .container {width: 90%; margin: 0 auto;}
.about4 .txt {width: 100%; padding-top: 3%;}
.about4 .box1 {padding: 0 0 calc(30px + 3%);}
.about4 .box1 .reverse {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}
.about4 .img {width: 100%;}
.about4 .box2 {padding: 0;}

.about5 {padding: calc(30px + 3%) 0;}
.about5 .container {padding: 0;}

.about10 .img {display: none;}
.about10 .txt {width: 100%;}
.about10 ol li {position: relative; padding: 1.5% 0 1.5% 5%;}

.about11 .txt {width: 100%;}
.about11 .img {display: none;}

.review .ava {width: 100%; padding-bottom: calc(15px + 2%);}
.review .text {width: 100%;}
.review .rev1 {margin: 0;}
.review .line3 {display: none;}
.review .line4 {display: none;}
.review .reverse {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}
}

@media only screen and (max-width: 840px) {
.px54 {font-size: 300%;}
.px60 {font-size: 300%;}
.block1 .bxslider .container {padding-left: 0; align-items:flex-end; -webkit-align-items: flex-end; -ms-flex-align: end;}
.block1 .bxslider .container .txt {width: 50%;}
.block1 .bxslider .container .box {width: 50%;}
.block1 .text {width: 100%;}
.block1 .desc {font-size: 24px; padding:0;}
.block8 .p2 {width: 60%; margin: 0 auto 3%;}
.block8 .p3 {width: 60%; margin: 0 auto;}

.footer .line1 div:last-child {display: none;}
.about5 .txt {width: 100%;}
.about5 .img {width: 100%;}
.about5 .txt2 {padding: calc(15px + 2%) 0;}

.about7 .container {padding: calc(3% + 15px) 0 0;}
.about7 .ing .img {width: 100%; margin-bottom: calc(10px + 2%);}
.about7 .ing .txt {width: 100%;}
.about7 .reverse {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse; margin-bottom: calc(60px + 3%);}


.buy1 .box .img {width: 100%;}
.buy1 .box .txt {width: 100%;}

.buy1 .box .img .ugol {position: absolute; bottom: 3%; left: -3%; width: 8%; min-width: 20px; }
}

@media only screen and (max-width: 768px) {  
 .header .px18 {font-size: 112.5%;}

.block5 .box .img {width: 60%; margin: 0 auto 3%;}
.block5 .box .txt {width: 100%;}
.block5 .shag {padding: calc(3% + 10px);}

.about2 .box .img {width: 60%; margin: 0 auto 3%;}
.about2 .box .txt {width: 100%;}

.about3 .txt {width: 100%; padding: 0;}
.about3 .img {width: 100%; } 

.about7 {padding-bottom: 0;}
.about8 .container {padding: 0;}
.about8 .img {width: 70%; max-width: 400px; margin: 0 auto calc(15px + 3%);}
.about8 .txt {width: 100%;}

.about9 .container {padding: 0;}
.about11 .container {padding: 0;}

.buy1 .shag .flex form {width: 100%;}
.buy1 .shag .flex .txt {width: 100%;}


.footer .line1 div:nth-child(1) {width: 100%; text-align: center;}
.footer .line1 div:nth-child(2) {display: none;}

}

@media screen and (max-height: 768px) , screen and (max-width: 1200px) {
.block.block1 .left-nav {display: none;}
.block1 .bxslider .container {padding: 0 6% 0 0;}
.about1 .left-nav {display: none;}
.about1 .bxslider .container {padding: 0 6% 0 0;}
}

@media screen and (max-height: 768px) , screen and (max-width: 980px) {
.block.block1 .px54 {font-size: 36px;}
.block.block1 .px95 {font-size: 60px;}
.block.block1 .bxslider .container {padding: 0;}
.about1 .bxslider .container {padding: 0;}

}

@media screen and (max-height: 640px) , screen and (max-width: 700px) {

.block.block1 {height: 640px;}
.block.block1 .btn-link {background: rgba(255,255,255,0.2);}
.block.block1 .bxslider li div.slide {height: 640px;}

.block.block1 .px60 {font-size: 32px;}
.block.block1 .px95 {font-size: 48px;}
}

@media only screen and (max-width: 640px) {
.px12,
.px14,
.px16 {font-size: 112.5%;}
.px18,
.px20 {font-size: 130%;}
.px54 {font-size: 260%;}
.px60 {font-size: 260%;}

.header .line1 {justify-content:space-around; -webkit-align-content: space-around;  -ms-flex-line-pack: distribute;}
.header .logo {width: 25%;}

.block.block1 .text {font-size: 24px;}
.block.block1 .px60 {font-size: 28px;}

.block.block2 ul li .left-block {width: 10%; position: relative;}
.block.block2 ul li .right-block {width: 90%; padding-left: 3%;}

.block.block2 ul:nth-child(2) li .left-block {width: 10%; position: relative;}
.block.block2 ul:nth-child(2) li .right-block {width: 90%; padding-right: 3%;}
.block.block2 ul:nth-child(2) .desc .line-d:before {content: ''; width: 60%; height: 4px; background: #bea67c; position: absolute; left: 0; margin-top: 15px;}
.block.block2 .desc .line-d:before {content: ''; width: 60%; height: 4px; background: #bea67c; position: absolute; right: 0; margin-top: 15px;}

.block.block5 ul li:last-child {width: 80%; margin-top: 10%; }
.block.block5 ul li:last-child .lines {position: absolute; margin: -16% 0 0 0%; height: 100px; width: 40%; background: url(../images/rev-lines.png) no-repeat 0 0; background-size: 100%;}
.block.block5 ul li:last-child p:after {content: ''; position: absolute; width: 1px; height: 200px; background: #fff; margin: -200px 0 0 0; right: -8%; }

.block8 .p1 {width: 100%;}
.block8 .p2 {width: 100%; margin: 0 auto 3%;}
.block8 .p3 {width: 100%; margin: 0 auto;} 

.about11 .sh1 {width: 100%; text-align: center; }
.about11 .sh1-1 {width: 100%; text-align: center; padding-bottom: 5%;}

.step .container {padding: 0;}
.step .left-block {width: 100%; margin-bottom: calc(15px + 3%);}
.step .right-block {width: 100%;}


.buy1 .shag form .block-left {width: 100%;}
.buy1 .shag form .block-left .px24 {font-size: 240%;}
.buy1 .shag form .block-right {width: 100%; margin-top: 3%;}
.buy1 .shag form button {margin-top: 3%;}


}

@media only screen and (max-width: 540px) {
	.header .px18 {font-size: 90%;}    
    .header .px30 {font-size: 150%;}
}

@media only screen and (min-width: 2048px) {
  body {font-size: 18px;}
  .container {max-width: 90%;}
  .block.header ul {max-width: 90%;}
  .block.block4 ul {max-width: 85%; width: 85%; margin: 4% auto 0%;}
}

@media only screen and (min-width: 2280px) {
	body {font-size: 20px;}
}

@media only screen and (min-width: 2560px) {
	body {font-size: 22px;}
}

@media only screen and (min-width: 2680px) {
	body {font-size: 24px;}
}