/*============ WRAPPER ============*/
section {width: 100%; max-width: 1920px; margin: 0 auto;}
.wrap {max-width: 1480px; padding: 0 20px; margin: 0 auto; position: relative;}
/* Text & font style */

/*============ SECTION'S ============*/
#success-send {width: 100%; max-width: 680px; color: #f167ae; font-weight: bold; line-height: 120%; text-align: center; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    background: #fbcdd7;
}
#success-send .line {width: 50%; height: 1px; background: #f167ae; margin: 2% auto;}

#success-send .fancybox-close-small {background: transparent;}

.header {background: #fff; padding: 15px 0 ; box-sizing: border-box;}
.header .logo {width: 188px;}
.header .logo img {max-width: 100%; min-width: 140px;}
.header .slog {width: 35%;}
.header .block-right {max-width: 440px;}

.header .phone {padding: 20px 0 20px 60px; background: url(../images/phone.png) no-repeat 0 15px;}
.header .marker {min-width: 421px; background: url(../images/marker.png) no-repeat 100% 50%; padding: 10px 25px 10px 0;}

.block1 .info {display: none;}

.block.one {background: url('../images/bg/bg1.jpg') 50% 0% no-repeat; padding: calc(20px + 2%) 0 calc(10px + 1%);}
.block.one .label {z-index: 2; position:absolute; top: 220px; right: 77%; box-sizing: border-box; padding: 30px 0 0 10px;  width: 186px; height: 185px; text-align: center; background: url(../images/label.png) 50% no-repeat;}
.block.one .left-packaging {width: 154px; height: 153px; box-sizing: border-box; position: absolute; left: 72%; top: 250px; background: url('../images/lp.png') center no-repeat;}

.block.one .px48 {width: 600px; margin: 0 auto;}
.block.one form {max-width: 300px; margin: 0 auto; overflow: hidden;}
.block.one .akcia {text-shadow: 1px 1px 0px #fff; background: rgba(255,255,255,0.8); padding: 6px 3px; border-radius: 5px;}
.block.one .call {margin-top: 1em;background: rgba(247,96,169,0.8); padding: 6px 3px; border-radius: 5px;}

.block.two {background: #fe8298; }
.block.two .flex {justify-content: space-around;}
.block.two .flex div {padding: 35px 0;}
.block.two .flex div span {color: #fffb00;}
.block.two .flex div:nth-child(1) {padding-left: 60px; background: url(../images/icons/ico1.png) 0 50% no-repeat;}
.block.two .flex div:nth-child(2) {padding-left: 80px; background: url(../images/icons/ico2.png) 0 50% no-repeat;}
.block.two .flex div:nth-child(3) {padding-left: 60px; background: url(../images/icons/ico3.png) 0 50% no-repeat;}
.block.two .flex div:nth-child(4) {padding-left: 40px;  background: url(../images/icons/ico4.png) 0 50% no-repeat;}

.block.three {background: url('../images/bg/bg2.jpg') top center no-repeat; min-height: 747px; padding: 16% 0 30px; }
.block.three .wrap {overflow: hidden;}
.block.three .left-column {float: left; width: 40%; padding-top: 5%;text-align: center;}
.block.three .left-column img {width: 100%; max-width: 498px;}
.block.three .right-column {float: right; width: 58%;}
.block.three .right-column p {padding: 1.5% 0;}
.block.three .right-column p:nth-child(2) {max-width: 740px;}
.block.three .right-column p:nth-child(3) {max-width: 800px;}
.block.three .right-column p.px36 {padding-top: 5%;}

.block.youtube {background: #000; padding: 5% 0;}
.block.youtube .wrap {max-width: 1024px;}
.block.youtube .thumb-wrap {position: relative; padding-bottom: 56.25%;padding-top: 30px;height: 0; overflow: hidden;}
.block.youtube .thumb-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.block.four {background: url('../images/bg/bg3.jpg') top center no-repeat;  max-height: 796px; padding: 2% 0;}
.block.four .title {padding-bottom: 2%;}
.block.four .px24 {width: 70%; margin: 0 auto;}
.block.four img {padding-top: 50px; max-width: 763px; width: 100%; }

.block.five {background: #fff url('../images/bg/bg4.jpg') top center no-repeat; height: auto; overflow: hidden; padding: 3% 0;}
.block.five .wrap {padding: 0 3%;}
.block.five .px45 {padding-bottom: 3%;}
.block.five .title {padding-bottom: 15px;}
.block.five .kol {position: relative; background: url(../images/kol.png) no-repeat 0 0; background-size: 55%; margin: 0 0 0 0; float: left; padding: 5% 0 5% 30%; max-width: 50%;}
.block.five .glina {position: relative; background: url(../images/glina.png) no-repeat 55% 0; background-size: 60%; float: right; margin: 1% 0 0 0; padding: 15% 5% 0 0; max-width: 40%;}
.block.five .gial {position: relative; background: url(../images/gialur.png) no-repeat 100% 0; background-size: 75%; float: left; margin: 1% 0 0 0; padding: 12% 0 0 0; max-width: 40%;}
.block.five .moch {position: relative; background: url(../images/moch.png) no-repeat 0 0; background-size: 42%; float: right; margin: 5% 0 0 0; padding: 2% 0 6% 20%; max-width: 50%;}

.block.six {background: #f2f3f3; padding: 3% 0;}
.block.six .title {margin: 0; padding: 0 0 4%;}
.block.six .responses .pnb {padding-bottom: 15px;}
.block.six .responses img {max-width: 255px; width: 100%; padding-bottom: 3%;}
.block.six .responses div {width: 100%; max-width: 380px; padding:0 1% 3% 1%; }
.block.six .flex {justify-content: space-around;}

.block.slide {background: #fff; padding: 3% 0 0;}
.block.slide .px45 {padding-bottom: 30px;}
.slider {text-align: center;}
.slider .inline-b {display: inline-block; zoom: 1; *display: inline; width: 100%; max-width: 396px; margin: 0 3% 0%; text-align: left; vertical-align: top;}
.slider .she-name {padding: 15px 0 20px;}

.block.flakon {background: #fff; padding: 3% 0;}
.block.flakon .text {max-width: 960px; margin: 0 auto;}
.block.flakon img {display: block; width: 96%; margin: 3% auto 0; max-width: 1093px;}

.block.seven {background: #fe8298; padding: 3% 0;}
.block.seven .dap {width: 1700px; background: url('../images/zakaz.png') center top no-repeat; text-align: center; margin: 0 auto; padding-top: 160px; overflow: hidden;}
.block.seven .px45 {padding-bottom: calc(30px - 1%);}

.block.seven .dap .flex div {max-width: 260px; vertical-align: top;}
.block.seven .ico {display: none; padding-bottom: 10px;}
.block.seven .button {display: block; border: 2px solid #fff; padding: 5px; margin: 6px auto;   width: 100%; background: transparent; outline: none; cursor: pointer;}
.block.seven .button p {background: #81dad6; color: #fff; height: 50px; line-height: 50px; transition: all 0.2s;}
.block.seven .button p sup {font-size: 12px; line-height: 48px; vertical-align: top;}
.block.seven .button:hover p {background: #fff; color: #81dad6; height: 50px; line-height: 50px;}

.block.war {background: #fff; height: auto; padding: 2% 0; text-align: center}
.block.war .marker {min-width: 421px; background: url(../images/marker.png) no-repeat 50% 50%; padding: 10px 0px 10px 0;}

.block.eight {background: url('../images/bg/bg1.jpg') 50% 0% no-repeat; padding: calc(20px + 2%) 0 calc(10px + 1%);}
.block.eight .label {z-index: 2; position:absolute; top: 220px; right: 77%; box-sizing: border-box; padding: 30px 0 0 10px;  width: 186px; height: 185px; text-align: center; background: url(../images/label.png) 50% no-repeat;}
.block.eight .left-packaging {width: 154px; height: 153px; box-sizing: border-box; position: absolute; left: 72%; top: 250px; background: url('../images/lp.png') center no-repeat;}
.block.eight form {max-width: 300px; margin: 0 auto; overflow: hidden;}

/*============ FOOTER ============*/
.footer {background: #0072bb; color: #fff;  padding: 40px 0;}
.footer ul.list li {display: block; padding: 12px 0 14px 50px;}
.footer ul.list li:nth-child(1) {background: url('../images/footer_ico1.png') no-repeat 0 50%;}
.footer ul.list li:nth-child(2) {background: url('../images/footer_ico2.png') no-repeat 0 50%;}
.footer ul.list li:nth-child(3) {background: url('../images/footer_ico3.png') no-repeat 0 50%;}

.footer .title {padding-bottom: 25px;}

.footer ul .f1 {width: 48%; max-width: 600px;}
.footer ul .info {width: 48%; max-width: 600px; padding-top: 50px;}

.footer .cert-block {margin-top: 25px;position: relative; width: 100%; max-width: 340px; background: url(../images/cert-bg.png) no-repeat 50% 50%; background-size :cover; padding: 15px 15px; border-radius: 6px;}
.footer .cert-block .cert {position: absolute; right: 4%; top: -8px;}
.footer .cert-block a {color: #fff; text-decoration: underline;}
.footer .cert-block a:hover {color: #fff; text-decoration: none;}



.contact  {background: #ffdd04; padding: 1% 0;}
.contact p {max-width: 840px; margin: 0 auto;}

button {display: block; border: 2px solid #fff; padding: 10px; margin: 10px auto;   width: 100%; background: transparent; outline: none; cursor: pointer;}
button span {display: block; background: #00abbd; color: #fff; height: 64px; line-height: 64px; transition: all 0.2s;}
button:hover span {display: block; background: #fff; color: #00abbd; height: 64px; line-height: 64px;}

@media only screen and (max-width: 1700px) {
    .block.seven .flex {flex-wrap: wrap; min-height: 640px; align-content: space-between;}
    .block.seven .dap {width: 100%; background: url('../images/dap.png') center top no-repeat; text-align: center; padding-top: 0px;}
    .block.seven .dap .top-side {width: 860px; margin: 0 auto; padding: 120px 0 0 0;}
    }
@media only screen and (max-width: 1200px) {

    .header .marker {min-width: 100%; background: url(../images/marker.png) no-repeat 100% 50%; padding: 10px 10px 8px 20px; background-size: 100%}
    .header .block-right .px30 {font-size: 24px;}
    .header .block-right .px24 {font-size: 20px;}



}
@media only screen and (max-width: 980px) {
    .block.six .flex {flex-wrap: wrap;}
    .block.seven .flex {flex-wrap: wrap; min-height: 500px; justify-content: space-around;}
    .block.seven .flex div {margin-bottom: 7%;}
    .block.seven .dap .top-side {width: 90%; margin: 0 auto; padding: 0;}
    .block.seven .dap {background: none; padding-top: 0px;}
    .block.seven .ico {display: block;}

    .footer ul {width: 100%; max-width: 720px; margin: 0 auto;}
    .footer ul li {margin: 3% auto;}
    .footer ul .f1 {width: 100%;}
    .footer ul .info {width: 100%;}      
    .footer ul .info p {text-align: center;}
    .footer ul .info .cert-block {margin: calc(10px + 3%) auto 0;}
}
@media only screen and (max-width: 860px) {  
    .header {padding-top: 0;}
    .header .wrap{padding: 0;}
    .header .slog {width: 100%; display: block; background: #ffdfe8; margin-bottom: 3%; padding: calc(5px + 2%);}
    .header .flex-between {justify-content:space-around;}

    .block.two .flex {flex-wrap: wrap; max-width: 500px; margin: 0 auto;}
    .block.three {background: #fff; padding: 3% 0;}
    .block.three .left-column {float: none; width: 100%;}
    .block.three .right-column {float: none; width: 100%;}
}
@media only screen and (max-width: 768px) {
        .block1 .info {display: block; background: #53c8d4; padding: 2% 3%;}
        .block1 .info .pink {color: #feff00;}
        .block.one {background: url('../images/bg/bg1m.jpg') 50% 30% no-repeat; background-size: cover;}
        .block.one form {position: absolute; bottom: 0; left:0; right: 0; max-width: 100%; padding: 40px 0 20px; text-align: center; background: rgba(255,112,187,0.7); margin: 0 auto; overflow: hidden;}
        .block.one form input {width: 90%; max-width: 480px; margin: 0% auto 10px; height: 54px; line-height: 54px;}
        .block.one form button {width: 90%; max-width: 480px; margin: 10px auto;}
        .block.one .wrap {padding: 0; height:680px;}
        .block.one .px48 {display: none }
        .block.one .label {z-index: 2; position:absolute; top: 220px; left: 30%; right: auto;box-sizing: border-box; padding: 25px 0 0 0px;  width: 150px; height: 150px; text-align: center; background: url(../images/label.png) 50% no-repeat;background-size: 100%;}
        .block.one .label.px26 {font-size: 20px;}
        .block.one .label .px32 {font-size: 26px;}        
        .block.one .left-packaging {width: 100px; z-index: 3; height: 110px; box-sizing: border-box; position: absolute; left: 50%; top: 140px; background: url('../images/lp.png') center no-repeat; background-size: 100%;}
        ::-webkit-input-placeholder {color:#666;}
		::-moz-placeholder          {color:#666;}/* Firefox 19+ */
		:-moz-placeholder           {color:#666;}/* Firefox 18- */
		:-ms-input-placeholder      {color:#666;}

}
@media only screen and (max-width: 580px) {
    .px45 {font-size: 40px;}
    .header .logo {width: 100%; padding: 0 0 3%; text-align: center;}
    .block.four .px24 {width: 100%;}
    .block.five {background: #faf6f5;}
    .block.five .kol {background: url(../images/kol.png) no-repeat 0 50%; background-size: 28%; margin: 0; float: none; padding: 5% 0 5% 30%; max-width: 100%;}
	.block.five .glina {background: url(../images/glina.png) no-repeat 0% 50%; background-size: 28%; float: none; margin: 0; padding: 5% 0 5% 30%; max-width: 100%;}
	.block.five .gial {background: url(../images/gialur.png) no-repeat 0% 50%; background-size: 28%; float: none; margin: 0; padding: 5% 0 5% 30%; max-width: 100%;}
	.block.five .moch {background: url(../images/moch.png) no-repeat 0% 50%; background-size: 28%; float: none; margin: 0; padding: 5% 0 5% 30%; max-width: 100%;}

    }

@media only screen and (max-width: 480px) {
    
    .block.two .flex {max-width: 320px; margin: 0 auto;}
    .block.two .flex div {padding: 12px 0;}
    .block.two .flex div:nth-child(1) {padding-left: 70px; background: url(../images/icons/ico1.png) 16px 50% no-repeat; background-size: 24%;}
    .block.two .flex div:nth-child(2) {padding-left: 65px; background: url(../images/icons/ico2.png) 0 50% no-repeat; background-size: 30%;}
    .block.two .flex div:nth-child(3) {padding-left: 65px; background: url(../images/icons/ico3.png) 10px 50% no-repeat; background-size: 26%;}
    .block.two .flex div:nth-child(4) {padding-left: 65px; background: url(../images/icons/ico4.png) 18px 50% no-repeat; background-size: 20%;}
    .block.six .flex {text-align: center;}    
    .block.flakon .px45 {font-size: 35px;}
    .block.war .marker {min-width: 100%; background: none; padding: 10px 0px;}

    }

@media only screen and (max-width: 360px) {
    .px18 {font-size: 16px;}
    .px22 {font-size: 16px;}
    .px24 {font-size: 16px;}
    .px30 {font-size: 24px;}
    .px36 {font-size: 24px;}
    .px40 {font-size: 24px;}
    .px45 {font-size: 24px;}
    .button.px22 {font-size: 28px;}     
    .block.one {background: url('../images/bg/bg1s.jpg') 50% 0% no-repeat; background-size: cover;}
    .block.flakon .px45 {font-size: 25px;}
    .block.seven .ico img {width: 40%;}
    .footer ul .info .cert {display: none;}
    .footer ul .info .cert-block {text-align: center;}

}




.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    height: 100%;
}

.bx-wrapper .bx-controls-direction a {
    top: 33%;
}

.bx-wrapper .bx-pager {
    display: none;
}

.bx-wrapper .bx-controls-direction a {
    width: 20px;
    height: 27px;
}

.bx-wrapper .bx-prev {
    right: 90%;
    left: inherit;
    background: url(../images/prev.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    border-bottom: none;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    background: url(../images/prev.png) no-repeat center;
    background-size: 100%;
    background-position: center;
}

.bx-wrapper .bx-next {
    left: 90%;
    right: inherit;
    background: url(../images/next.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    border-bottom: none;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background: url(../images/next.png) no-repeat center;
    background-size: 100%;
    background-position: center;
}


.yved{
    position: fixed;
    right: 10px;
    top: 10px;
    width: 266px;
    vertical-align: middle;
    color: white;
    padding: 20px 25px 20px 25px;
    font-size: 16px;
    font-weight: bold;
    display: none;
    z-index: 10;
    box-shadow: 3px 3px 12px -3px rgb(41, 41, 41);
}

.yvedt{
    line-height: normal;
    display: inline-block;
}
.yvedf1{
    background: rgba(0, 140, 154, 0.85);
    border-radius: 10px;
}