* {margin: 0;padding: 0;}
html {height: 100%;}
body {background: #fff; font: 14px "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;width: 100%;line-height:20px;}
a {color: blue;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
input {vertical-align: middle; outline: none;}
input[type="submit"], input[type="button"] {cursor: pointer;}
ol,ul {list-style-position: inside;}
.wrapper {min-height: 100%;height: auto !important;height: 100%;}
.inner {width: 990px; margin: 0 auto;}
.no-margin {margin-right:0px !important;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

/* SLIDE1
-----------------------------------------------------------------------------*/
.slide1-top {height: 116px; background: url("../images/bg1.png"); position: relative; -webkit-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 6px 1px rgba(0,0,0,0.3); box-shadow: 0 3px 6px 1px rgba(0,0,0,0.3);}
.slide1-top img {float: left; margin-left: 5px; margin-top: 15px;}
.slide1-top-right {float: right;}
.button {display: inline-block; *display: inline; *zoom: 1; cursor: pointer; padding: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin:32px 0px 0 0; text-decoration: none; vertical-align: top;
         background: #dedede; /* Old browsers */
         background: -moz-linear-gradient(top,  #dedede 0%, #ffffff 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top,  #dedede 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top,  #dedede 0%,#ffffff 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(top,  #dedede 0%,#ffffff 100%); /* IE10+ */
         background: linear-gradient(to bottom,  #dedede 0%,#ffffff 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.slide1 .button span {font-size: 24px !important;}
.button span {width: 265px; height: 42px; display: block; box-shadow: inset 1px 1px 1px 0 #ffe753; border-radius: 32px; line-height: 42px; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: bold; text-align: center; border: 1px solid #ffc200;
              background: #ffd800; /* Old browsers */
              background: -moz-linear-gradient(top,  #e25f5f 0%, #ff0a0a 100%); /* FF3.6+ */
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e25f5f), color-stop(100%,#ff0a0a)); /* Chrome,Safari4+ */
              background: -webkit-linear-gradient(top,  #e25f5f 0%,#ff0a0a 100%); /* Chrome10+,Safari5.1+ */
              background: -o-linear-gradient(top,  #e25f5f 0%,#ff0a0a 100%); /* Opera 11.10+ */
              background: -ms-linear-gradient(top,  #e25f5f 0%,#ff0a0a 100%); /* IE10+ */
              background: linear-gradient(to bottom,  #e25f5f 0%,#ff0a0a 100%); /* W3C */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25f5f', endColorstr='#ff0a0a',GradientType=0 ); /* IE6-9 */
}
.button:hover span {
    background: #e25f5f; /* Old browsers    1: #e25f5f 2:  #ff0a0a    */
    background: -moz-linear-gradient(top,  #ff0a0a 0%, #e25f5f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0a0a), color-stop(100%,#e25f5f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff0a0a 0%,#e25f5f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff0a0a 0%,#e25f5f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff0a0a 0%,#e25f5f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff0a0a 0%,#e25f5f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0a0a', endColorstr='#e25f5f',GradientType=0 ); /* IE6-9 */
} 
.slide1-bottom .button span {font-size: 26px !important;}
.button7 span{    padding: 10px 20px 50px 30px;}
.button7 {margin-left: 34%;margin-top: 70px;}
.button:active span {margin-top: -2px;}
.top-phones {display: inline-block; *display: inline; *zoom: 1; width: 265px; vertical-align: top; margin:40px 4px 0px 9px;}
.slide1-top-right p {font-size:29px; color: #87b710; margin-bottom: 16px;}
.slide1-top-right span {font-size: 18px; text-transform: uppercase;}
.slide1-main {background: url("../images/bg2.jpg") no-repeat 0px -10px; min-height: 463px; width: 1358px; margin: 0 auto;}
.big-title {color: #fff; font-size: 32px; margin-bottom: 49px; font-weight: bold; text-transform: uppercase; width: 600px; margin-left: 12px; padding-top: 17px; line-height: 53px; text-align: center;}
.big-title span {color: #feda2d;font-size: 48px; text-transform: none;}
.slide1-main li {color: #597b01; font-size: 20px; padding-top: 5px; padding-left: 40px; margin-bottom: 1px; min-height: 28px; background: url("../images/li-bg.png") no-repeat;}
.slide1-main li strong {font-size: 30px;}
.slide1-main ul {list-style: none;}
.slide1-main li:first-child {padding-top: 3px;}
.slide1-main .inner {position: relative;}
.sale {width: 215px; height: 125px; padding-top: 90px; line-height: 22px; font-size: 13px; color: #fff; background: url("../images/img1.png") no-repeat; font-family: impact; position: absolute; right: 12px; bottom: -60px; text-align: center;}
.sale strong {font-size: 36px; display: block;}
.slide1-bottom {padding: 154px 0 0;background: url("../images/bg3.jpg") no-repeat center -110px; min-height: 392px;}
.slide1-bottom .inner {background: url("../images/form-bg.jpg") no-repeat 23px 0;  position: relative; min-height: 281px;}
.after-before {width: 530px; height: 441px; position: absolute; left: 20px; top:-126px; border-radius: 7px; background: #fff; box-shadow: 2px 2px 8px 1px rgba(0,0,0,0.3);}
.after-before img {margin: 81px 0 0 21px;}
.slide1-bottom .inner:before {content: ""; position: absolute; left: -5px; top: -13px;z-index: 2; width: 36px;height: 294px; background: url("../images/form-before.png") no-repeat;}
.span1 {font-size: 24px; text-align: center; font-weight: bold; text-transform: uppercase; color: #95c028; position: absolute; left: 68px; top: 14px; line-height: 28px;}
.span2 {font-size: 24px; text-align: center; font-weight: bold; text-transform: uppercase; color: #95c028; position: absolute; left: 297px; top: 14px; line-height: 28px;}
.title2 {background: #fecb42; font-size: 48px; color: black; text-transform: uppercase; text-align: center; padding: 23px 0;}
.slide2 {background: #ebe4d1; height: 473px;}
.slide2 .inner {min-height: 407px; position: relative;}
.title3 span {color: #ff0000; font-size: 36px; font-weight: bold;text-transform: uppercase;}
.title3 {font-size: 29px; color: #5b3428; margin-bottom: 44px; font-weight: bold; line-height: 36px;}
.slide2-text {width:370px;display: inline-block; text-align: center; padding: 70px 0 0 0px;}
.slide2_prod {display: inline-block;margin-top: 70px;max-width: 350px;width: 350px;}
.old span {text-decoration: line-through;}
.old {padding-left: 4px; color: #840d00; font-size: 24px; font-weight: bold; margin-bottom: 17px;color: red;text-decoration: line-through;}
.new {padding-left: 4px; color: #840d00; font-weight: bold; font-size: 24px;}
.new strong {font-size:36px; color: #ec200a;}
.new span {margin: 0 5px;}
.girl {position: absolute; right: 10px; top: 14px;}
.slide3 {background: url("../images/bg2.png"); padding-bottom: 34px; min-height: 200px;padding-top: 61px; border-top: 35px solid #a8d438; margin-top: 3px;}
.nav a {vertical-align: bottom;width: 230px; height: 56px; margin-right: 12px; position: relative; line-height: 22px; text-align: center; display: inline-block; *display: inline; *zoom: 1; font-size: 20px; text-transform: uppercase; text-decoration: none; color: #6d4206; text-shadow:1px 1px 1px #fad09a; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
        background: #ffae0e; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffae0e 0%, #ffae0e 50%, #ffae0e 50%, #e79900 50%, #e79900 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffae0e), color-stop(50%,#ffae0e), color-stop(50%,#ffae0e), color-stop(50%,#e79900), color-stop(100%,#e79900)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffae0e 0%,#ffae0e 50%,#ffae0e 50%,#e79900 50%,#e79900 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffae0e 0%,#ffae0e 50%,#ffae0e 50%,#e79900 50%,#e79900 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffae0e 0%,#ffae0e 50%,#ffae0e 50%,#e79900 50%,#e79900 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffae0e 0%,#ffae0e 50%,#ffae0e 50%,#e79900 50%,#e79900 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae0e', endColorstr='#e79900',GradientType=0 ); /* IE6-9 */
}
.nav a span {width: 230px; height: 56px; display: table-cell; vertical-align: middle;}
.nav a.default:after {content: ""; position: absolute; left: 6px; bottom: -10px; width: 223px; height: 10px; background: url("../images/shadow.png") no-repeat;}
.nav a.active:after {content: ""; position: absolute; left: 0; bottom: -21px; width: 229px; height: 21px; background: url("../images/btn-active.png") no-repeat;}
.first-a:after {content: ""; position: absolute; left: 6px; bottom: -10px; width: 223px; height: 10px; background: url("../images/shadow.png") no-repeat !important;}
.nav {padding-left: 3px;}
.slide3 ul {margin: 62px 0 0;}
.slide3 li {padding-left: 114px; color: #314500; padding-top: 10px; min-height: 90px; margin-bottom: 39px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; width: 360px; list-style: none; background: url("../images/icons.png") no-repeat; font-size: 16px;}
.li1 {background-position: 3px 13px !important;}
.li2 {background-position: 14px -110px !important; padding: 14px 0 0 105px! important; width: 400px !important;}
.li3 {background-position: 7px -234px !important; padding-top: 5px !important;}
.li4 {background-position: 6px -392px !important; padding: 2px 0 0 105px !important;  width: 400px !important;}
.li5 {background-position: -11px -522px !important; padding-top: 5px !important;}
.li6 {background-position: 3px -640px !important; padding: 7px 0 0 105px !important;  width: 400px !important;}
.li7 {background-position: -10px -787px !important;}
.li8 {background-position: 0px -901px !important;}
.slide4 {background: url("../images/bg3.png") no-repeat center 0; min-height: 540px; padding-top: 33px;}
.title4 {font-size: 32px; margin-bottom: 40px; font-weight: bold; text-transform: uppercase; color: #fff; text-align: center;}
.left {width: 382px;}
.spec-img {margin-bottom: 3px;}
.slide4 img {vertical-align: top;}
.left, .middle, .right {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
.middle {width: 305px; margin-left: -2px;}
.spec-img2 {margin-top: 3px;}
.right {width: 288px; margin-left: -2px;}
.pp_social {display: none;}
.slide5 {background: #fffec7; padding: 55px 0 48px;}
.title5 {text-align: center; font-size: 36px; color: #9bc125;}
.slide5 .inner {background: url("../images/video.png") no-repeat 152px 64px; min-height: 527px;}
.slide5 iframe {margin: 47px 0 0 178px;}
.slide5 .iframe {margin: 72px 0 0 178px;}
.oz_video {width: 640px;height: 390px; background: url("../images/youtube-cover-hober.jpg") 0px 0px;}
.oz_video:hover {background: url("../images/youtube-cover-hober.jpg") 0px 91.3%;cursor: pointer;}
.slide6 {height: 232px; background: url("../images/bg4.png");}
.slide6 li {padding-top: 140px; margin: 0 13px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; list-style: none; background: url("../images/icons2.png") no-repeat; color: #597b01; font-weight: bold; text-transform: uppercase; width: 215px; text-align: center;}
.slide6 ul {text-align: center; padding: 24px 0 0;}
.icon1 {background-position: 46px 0 !important;}
.icon2 {background-position: -207px 0 !important;}
.icon3 {background-position: -468px 0 !important;}
.icon4 {background-position: -713px 0 !important;}
.slide7 {height: 444px; background: url("../images/bg5.png"); padding-top: 45px;}
.slide5 .title5 {color: #9bc125;}
.title5 {font-size: 36px; margin-bottom: 29px; font-weight: bold; color: #ffa000;}
.slide7 .inner {min-height:444px;position:relative;}
.button3 span {width: 400px; height: 72px; padding-top: 15px; line-height: 30px; box-shadow: inset 1px 1px 3px 2px #ffe753; font-size: 24px;}
.button3 strong {font-size: 36px;}
.button3 {padding: 8px;}
.slide7 a {position: absolute; left: 270px; bottom: -52px;}
.button3:active {padding-top: 6px !important; bottom: -49px;}
.title6 {color: #648412; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: center;}
.slide8 {background: url("../images/bg6.png"); min-height: 200px; padding-top: 101px; padding-bottom: 47px;}
.slide8 p {color: #484848; font-size: 16px; margin: 18px 0 0; text-align: center;}
.slide8 li {font-size: 16px; background: url("../images/icons3.png") no-repeat; width: 245px; margin: 0 27px; display: inline-block; *display: inline; *zoom: 1; text-align: center; vertical-align: top;}
.slide8 ul {text-align: center; margin: 29px 0 0;}
.slide8 strong {display: block; margin-bottom: 188px;}
.ic1 {background-position:  27px 39px !important;}
.ic2 {background-position:  -307px 39px !important;}
.ic3 {background-position:  -634px 39px !important;}
.slide9 {background: #ebe4d1; padding-top: 46px; padding-bottom: 38px;}
.slide9 .inner {padding-left: 100px;}
.slide9 .title6 {margin-bottom: 52px;}
.slide9 li img {width:138px;margin:30px 24px 0 20px;display:inline-block; *display: inline; *zoom: 1;vertical-align:top;border-radius:10px;border:4px solid #fff;}
.slide9 .slider-cont img{border:none;border-radius:0;}
.slider-cont div,.slider-cont img {vertical-align: top; display: inline-block; *display: inline; *zoom: 1;}
.slider-cont div {width: 480px; margin-right: 13px;}
.slider-cont img {margin: 0 !important;}
.slide10 {background: url("../images/bg2.png"); padding-top: 73px; padding-bottom: 38px;}
.slide11{background: url("../images/bg6.png"); padding: 47px 0 40px;}
.slide12 {background: #f0ffc6; padding-top: 55px; padding-bottom: 17px;}
.slide12 ul {margin: 42px 0 0;}
.slide12 li {padding-top: 184px; background: url("../images/icons4_notext.png") no-repeat; margin: 0 20px; width: 284px; vertical-align: top; display: inline-block; *display: inline; *zoom: 1; text-align: center;}
.slide12 li span {color: #446000; font-size: 24px; text-transform: uppercase;}
.slide12 li p {color: #647c31; font-size: 16px; margin-top: 3px;}
.icons1 { background-position: 51px 2px !important;}
.icons2 { background-position: -320px 0px !important;position: relative;}
.icons3 { background-position: -670px 6px !important;}

.slide13 {background: url("../images/bg7.png"); padding-top: 43px; padding-bottom: 35px;}
.title7 {color: #446000; font-size: 30px; text-align: center; margin-bottom: 23px;}
.delivery img {float: left; margin-left: 40px; margin-right: 83px;}
.delivery ul {list-style: none; font-size: 16px; color: #304300; float: left; width: 470px; padding-top: 15px;}
.delivery li {background: url("../images/numbers.png") no-repeat; margin-bottom: 9px; min-height: 40px; padding-left: 45px;}
.ul-li1 {padding-top: 4px;}
.ul-li2 {background-position: 0 -80px !important; padding-top: 4px;}
.ul-li3 {background-position: 0 -163px !important; padding-top: 0px;}
.ul-li4 {background-position: 0 -242px !important; padding-top: 7px;}
.ul-li5 {background-position: 0 -325px !important; padding-top: 12px;}
.ul-li6 {background-position: 0 -417px !important; padding-top: 4px;}
.del2 p {color: #303030; font-style: italic; margin-bottom: 12px; position: relative;}
.del2 {margin: 0 0 0; padding-left: 12px;}
.p1:before {content: "*"; position: absolute; left: -13px; top: 0; color: #fe0000;}
.p2:before {content: "**"; position: absolute; left: -13px; top: 0; color: #fe0000;}
.slide13 .title7 {color: #648412;}

.title8 {color: #8ab911; font-size: 30px; text-transform: uppercase; text-align: center;}
.slide14 { padding-top: 38px; padding-bottom:34px;
           background: #f0ffc6; /* Old browsers */
           background: -moz-linear-gradient(top,  #f0ffc6 0%, #f0ffc6 49%, #fffec7 50%, #fffec7 100%); /* FF3.6+ */
           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0ffc6), color-stop(49%,#f0ffc6), color-stop(50%,#fffec7), color-stop(100%,#fffec7)); /* Chrome,Safari4+ */
           background: -webkit-linear-gradient(top,  #f0ffc6 0%,#f0ffc6 49%,#fffec7 50%,#fffec7 100%); /* Chrome10+,Safari5.1+ */
           background: -o-linear-gradient(top,  #f0ffc6 0%,#f0ffc6 49%,#fffec7 50%,#fffec7 100%); /* Opera 11.10+ */
           background: -ms-linear-gradient(top,  #f0ffc6 0%,#f0ffc6 49%,#fffec7 50%,#fffec7 100%); /* IE10+ */
           background: linear-gradient(to bottom,  #f0ffc6 0%,#f0ffc6 49%,#fffec7 50%,#fffec7 100%); /* W3C */
           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffc6', endColorstr='#fffec7',GradientType=0 ); /* IE6-9 */
}
.slide14 li {background: url("../images/icons5.png") no-repeat; margin: 0 18px; text-transform: uppercase; width: 205px; display: inline-block; *display: inline; *zoom: 1; padding-top: 120px; text-align: center; font-size: 18px; color: #446000;}
.slide14 ul {text-align: center; margin: 35px 0 0;}
.ic-s1 {background-position: 40px 0 !important;}
.ic-s2 {background-position: -217px 0 !important;}
.ic-s3 {background-position: -539px 5px !important;}
.ic-s4 {background-position: -790px 6px !important;}
.title9 {color: #ffc300; font-size: 32px; text-transform: uppercase; font-weight: bold; text-align: center; line-height: 37px;}
.slide14 .button3 {margin: 32px 0 0 280px;}
.slide15 {color: #334601; font-size: 16px; text-align: center; background: url("../images/bg8.png"); padding: 10px 0 30px;}
.slide15 p {margin-bottom: 16px;}
.fixed {position:fixed; top:0; z-index: 100;}
.counter{margin:0;}
#mytimer {background: url("../images/couner-bg.png") no-repeat;width: 240px; height: 100px; margin: 10px 0 0 105px;} 
.counter p{font-size: 24px; font-weight: bold;text-align: center;}
.counter div {font-size: 48px; position: relative; font-weight: bold;font-family: arial; margin: 27px 10px 0; float: left;}
.minutes {margin-right: 14px !important;}
.hours {margin-right: 14px !important; margin-left: 8px !important;}
.hours:after, .minutes:after {content: ":"; position: absolute; right: -17px; top: 0;font-size: 32px; font-weight: bold;}
#mytimer div{width: 55px; text-align: center;}
.none {z-index: -10 !important;}
.padd20 {
    width: 70%;
    margin: 0 auto;
}
.terms {
    height: 100%;
    background: -webkit-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: -o-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: -ms-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: -moz-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: linear-gradient(to bottom, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.padd20 h2 , .padd20 h1 , .padd20 h4 , .padd20 p {
    margin: 10px auto;
}
.slide1 .button3 {
    float: right;
    margin-top: 0px;
    background: none;
}
.kare {
    width: 44%;
    float: right;
    height: 450px;
    margin-top: -130px;
    background: #ebe4d1;
    position: relative;
    border-radius: 5px;
}
.kare::before {
    content: " ";
    background: #B6D94D;
    position: absolute;
    top: 0px;
    left: -5%;
    width: 110%;
    height: 100px;
    border: 3px dotted yellow;
}
#mytimer span {
    display: inline-block;
    height: 50%;
    padding-top: 12%;
    width: 28%;
    margin-right: 7%;
    float: left;
    vertical-align: text-bottom;
}
#mytimer span:nth-of-type(3) {
    width: 21%;
    margin-right: 9%;
}
.footer {
    background: url('../images/bg4.png');
}
.red {
    color: red;
}
.kare h5 {
    font-size: 30px;
    text-align: center;
    line-height: 53px;
    position: relative;
}
.slide1 .kare .button3 {
    margin-top: 0px;
    background: #ff0000;
    margin: 0 auto;
    width: 80%;
    margin-left: 10%;
    float: none;
    padding: 15px 30px
    
  }
  .button3{
    font-size: 20px;
  }
.slide1 .kare .button3 span {
    width: 345px;
}
/*   STEP2   */
html {
    height: 100%;
}
.step_2 {
    background: -webkit-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: -o-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: -ms-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: -moz-linear-gradient(top, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    background: linear-gradient(to bottom, rgb(255, 254, 255) 0%, rgb(243, 247, 215) 35%, rgb(219, 234, 136) 56%, rgb(207, 223, 117) 97%, rgb(230, 243, 157) 100%);
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.step_2 section {
    max-width: 1024px;
    margin: 0 auto;
}

.step_2 .right {
    float: right;
    width: 35%;
    margin-top: 50px;
}
.step_2 .left {
    float: left;
    width: 65%;
}

.step_2 .left > img:nth-child(1) {
    float: left;
}
.step_2 .left > img:nth-child(3) {
    float: right;
}

.step_2 .product-sh{
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 4px;
    font-family: "PTSans-Italic",sans-serif;
}
.step_2 .product-how-much,.product-how-much span{
    font-weight: bold;
}

.step_2 .form-bg_top{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ffff99;
    -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.53);
    -moz-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.53);
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.53);
}

.step_2 .timer-wrap{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(168, 212, 56, 0.7);
    padding: 5px 0 10px;
}
.step_2 .timer-title{
    text-align: center;
    color: #412507;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 8px;
}
.step_2 .timer-new {
    text-align: center;
}
.step_2 .timer__index {
    display: inline-block;
    vertical-align: top;
    width: 70px;
    text-align: center;
}
.step_2 .timer__item{
    display: block;
    font-size: 40px;
    line-height: 27px;
    color: red;
    font-family: "PTSans-Bold",sans-serif;
    border-left: 1px solid #432103;
}
.step_2 .timer__index--1 .timer__item{
    border: none;
}
.step_2 .timer__item-title{
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #432103;
    padding-top: 7px;
}
.priceSelect {
    width: 90%;
    margin: 10px auto;
    display: block;
    padding: 10px 20px;
    border-radius: 5px;
}
.price-old-wrap--top {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: red;
    background: rgba(168, 212, 56, 0.7);
}
.price-new-wrap--top {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: darkgreen;
    background: rgba(168, 212, 56, 0.7);
}
.do {
    background: #fff;
    border-radius: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: left;
    width: 100%;
}
.do img {
    max-width: 100px;
    display: inline;
}
.do p {
    display: inline-block;
    width: 70%;
    font-size: 12px;
    text-align: left;
    text-shadow: 1px 1px #fff;
    text-align: left;
    vertical-align: top;
}
.step_2 .do--2 p ,.step_2  .do--3 p {
    margin-top: 20px;
}
.step_2 .do--1 {
    margin-top: 20px;
}
.step_2 .left > img {
    max-width: 250px;
    display: inline-block;
}
.step_2 .section1-right {
    width: 266px;
    z-index: 10;
    padding-top: 10px;
    margin: 10px auto;
    vertical-align: inherit;
    display: inline-block;
    margin-left: 10%;
}
.step_2 .clearfix h1 {
    padding: 20px;
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    background: #97BF2A;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 100%;
}
.step_2 .clearfix h1 span {
    color: #feda2d;
}
.contacts {
    text-align: center;
    margin-top: 50px;
}
.contact_us {
    width: 250px;
    height: 125px;
    position: fixed;
    left: 5px;
    top: 40%;
    background: #B6D94D;
    border-radius: 5px;
    border: 1px solid #5d5d5d;
}
.contact_us p {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
}
.pict_conts {
    max-width: 220px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #000;
}
#popWindow {
    position: fixed;
    opacity: 0;
    bottom: 0px;
    right: 0px;
    background: #B6D94D;
    min-height: 50px;
    font-size: 16px;
    padding: 30px;
    text-align: center;
    max-width: 15em;
    border-radius: 10px;
    border: 1px solid #555;
}
#popUp {display: none;}
#popUp {
    position: fixed;
    bottom: 37px;
    right: 50px;
    max-width: 300px;
    padding: 20px;
    font-size: 16px;
    box-shadow: 1px 1px 5px #999;
    font-weight: 100;
    /*background-color: rgba(0, 0, 0, 0.70);*/
    background-color: #97bf2a;
    z-index: 1000;
    color: black;
    opacity: 1;
}

.abs {position: absolute;}
.kare .abs:first-of-type {
    left: 10px;
    top:120px;
}
.kare .abs:nth-of-type(2){
    right: 10px;
    top: 110px;
}
.pBox {
    background: #fff;
    color: #124d5a;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5);
    position: relative;
    padding: 0px;
    margin: 10px;
    width: 97%;
    min-height: 205px;
    position: relative;
}
.pNav {
    background: #97BF2A;
    color: #124d5a;
    font: bold 14px/20px Arial, Helvetica, sans-serif;
    padding: 5px;
    text-align: left;
    text-transform: uppercase;
}
.pContent {
    float: right;
    width: 205px;
    font: bold 16px, sans-serif;
    text-align: center;
}
.pContent p {
    margin-top: 35px;
    text-align: left;
    font-size: 20px;
}
.pContent p del {
    color: red;
}
button.selectP {
    background: #97BF2A;
    color: #124d5a;
    cursor: pointer;
    font-size: 18px;
    padding: 5px 20px;
    text-decoration: none;
    position: relative;
    width: 90%;
    bottom: 10px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.pBox img, .pActive img {
    float: left;
    margin: 5px 0 0 10px;
    max-height: 154px;
}
.pActive .pNav , .pActive button.selectP{
    background: #FFC200;
    color: #fff;
}
.deliv {
    float: right;
    color: red;
}
.star {
    background: url(../images/save_bg.png) no-repeat top left;
    width: 146px;
    height: 104px;
    padding: 31px 0 0;
    text-align: center;
    position: absolute;
    color: #000000;
    top: 29px;
    left: 313px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
.save0, .save1, .save2 {
    margin: 10px 0 0 0 !important;
    font-size: 15px;
    display: block;
    color: #FFFFFF;
}
.first-pbox {
    margin-top: 15px;
}
.formContainer { max-width: 100%;}
#orderform {max-width: 90%;}

.floater {
    position: absolute;
    top: 70px;
    left: 65px;
    font-size: 15px;
    font-weight: bolder;
    text-transform: uppercase;
    text-shadow: 1px 1px #CCCCCC;
}
.sale_abs_text {
    position: absolute;
    top: 35px;
    left: 69px;
}
.orderform {
  overflow: visible;
  position: relative;
  width:300px;
  margin:0 auto;
}
.orderform label, .form-index label {
  color: #000;
  display:block;
  font-weight: bold;
  text-align:left;
  font-size: 14px;
  margin: 5px 0 0 5px;
}
.orderform input, .orderform select, #form-index input, #form-index select, textarea {
    height: 30px;
    border: 1px solid #1F9DD3;
    font-weight: normal;
    font-size: 16px;
    line-height: 12px;
    padding: 3px;
    width: 100%;
    margin: 3px auto;
    display: block;
    resize: none;
    border-radius: 10px;
}
.orderform input[name="shipping_phone"]{
  width: 230px;
 padding-left: 7px;
 margin-top:  1px;
}
.orderform #shipping_areacode {
  width: 40px !important;
  float:left;
  margin:0 10px 0 0;
}

/*   RESPONSIVE   */
@media screen and (max-width:1440px){
    .right #orderform {max-width: 90%;}
}
@media screen and (max-width:1368px){
    .wrapsper {overflow-x: hidden;}
    .step_2 .clearfix h1 {line-height: 40px;}
    .formContainer {margin-right: 5%;}
    .contact_us {width: 170px;height: 95px;position: fixed;top: 40%;background: #B6D94D;border-radius: 5px;border: 1px solid #5d5d5d;z-index: 3;left: 0px;}
    .pict_conts {max-width: 150px;}
    .contact_us p {font-size: 12px;}
}
@media screen and (max-width:1280px){
    .step_2 #orderform #billing_phone {margin-left: 2%;}

}
@media screen and (max-width:1150px){
    .wrapsper , .wrapsper > div  , .slide1-main {max-width: 100%;}
    .slide6 .inner {max-width: 100%;}
    .do p {width: 72%;font-size: 13px;padding-top: 0; padding-left: 0;}

}
@media screen and (max-width:1024px){
    .after-before {max-width: 420px;} .after-before img {max-width: 90%;}
    .kare {width: 320px;float: right;margin-right: 10px; margin-top: -130px;}
    .slide1 .kare .button3 span {max-width: 100%;font-size: 16px !important;}
    #mytimer {margin-left: 45px;} .kare h5 {font-size: 20px;}
    .step_2 .left , .step_2 .right {margin: 0 auto;display: block;width: 80%;float: none;}
    .right .formContainer {max-width: 300px;margin-right: 0;float: none; margin: 0 auto;}
    .step_2 .do {float: left;width: 95%;}
    .step_2 #orderform #billing_phone {width: 79% !important;}
    .after-before .span1 {font-size: 20px; left: 8%;} .after-before .span2 {font-size: 20px; left: 55%;}
}
@media screen and (max-width:980px){
    .slide6 {height: 382px;}
    .inner {max-width: 100%;}
    .slide1 .button3 {margin-top: 360px;margin-left: 25%;display: inline-block;float: left;}
    .slide3 .nav.def {display: none;}
    .slide3 li {max-width: 36%;}
    .slide4 .inner img {width: 50vw;height: 50vw;}
    .slide4 .inner a img {float: left;max-width: 25vw; max-height: 25vw;}
    .slide4 .inner a:nth-of-type(3) img {width: 100vw; height: auto;}
    .slide4 .inner .left {float: left; width: 50vw;}
    .slide4 .inner .middle {width: 50vw;}
    .slide4 .inner a:nth-of-type(3) img {max-width: 50vw; max-height: 50vw;}
    .slide4 .inner .right {float: right; width: 100vw;display: none;}
    .slide4 .inner .right img {width: 100vw; height: auto;}
    .step_2 .left > img {margin-left: 0;}
    .step_2 .section1-right {margin-right: 5%;}
    .do p {font-size: 11px;}
    .contact_us {display: none;}
    .step_2 .section1-right {max-width: 246px;margin-right: 0;}
    .do img {max-width: 25%;}
    .slide3 {padding-top: 0px;margin-top: 0px;padding-bottom: 0px;}
    .slide3 ul {margin-top: 0px;}
    .girl {display: none;}
    .slide2-text {max-width: 45%;}
    .slide2 {height:inherit !Important;}
}
@media screen and (max-width:840px){
    .slide2 img.girl {display: none;}
    .slide3 li {max-width: 33%;font-size: 13px;}
    .slide5 .iframe , .slide5 iframe {width: 90%;margin: 0 auto;height: 56.25vw;background-size: 100%;margin-left: 5%;display: block;}
    .slide5 .inner {background: none;min-height: 400px;}
    .slide5 .title5 { line-height: 36px;}
    .slide4 .title4 {line-height: 36px;padding: 5px;margin-bottom: 0;}
    .title6 {line-height: 30px;}
    .step_2 .left > img {max-width: 200px;}
    .step_2 .left, .step_2 .right {width: 100%;}
    .slide2 {height: 393px;}
    .oz_video:hover {background-image: url('../images/youtube-mobile-hover.jpg');}
    .pBox {width: 95%;margin-left: 2.5% !important;}
}
@media screen and (max-width:768px){
    .step_2 .left {width: 100%;}
    .step_2 .right {width: 80%;margin: 10px 10%;float: none;}
    .step_2 .right #orderform {width: 100%;}
    .do p {font-size: 11px;padding: 10px 10px 0 0;}
    .slide14 .button3 {padding: 0 ; margin: 0 0 0 20%;}
    .slide12 li.icons3 { display: block; margin: 20px auto;}
    .after-before {max-width: 320px;} .after-before img {max-width: 90%;}
    .after-before .span1 {font-size: 16px; left: 8%;} .after-before .span2 {font-size: 16px; left: 55%;}
    .kare {width: 320px;float: right;margin-right: 10px; margin-top: -130px;}
    .slide1 .kare .button3 span {max-width: 100%;font-size: 16px !important;}
    #mytimer {margin-left: 45px;} .kare h5 {font-size: 20px;}
    .step_2 .left > img {margin-bottom: 0;}
}
@media screen and (max-width:1024px) and (min-width:485px){
    .abs {max-width: 90px;top: 120px !important;}
}
@media screen and (max-width:655px){
    .pBox img, .pActive img {max-height: 148px;}
    .slide5 {padding: 15px 0 8px;}
    .slide2-text {max-width: 100%;}
    .slide2 {height: inherit;}
    .slide2_prod {display: block;max-width: 100%;width: auto;margin: 10px auto;}
    .slide2-text {max-width: 100%;display: block;padding: 0 !important;margin: 0 auto;}
}
@media screen and (max-width:640px){
    .slide2-text {width: 100%;padding: 70px 0 0 0;}
    #mytimer {margin: 10px 0 0 30%;}
    .slide3 li {max-width: 100%;font-size: 15px;background-size: 18%;padding-left: 74px;}
    .li1{background-position: 5px 20px !important;}
    .li2{background-position: 5px -95px !important;}
    .li3{background-position: 5px -177px !important;}
    .li4{background-position: 5px -350px !important;}
    .li5{background-position: -5px -392px !important;}
    .li6{background-position: 5px -570px !important;}
    .li7{background-position: -5px -607px !important;}
    .li8{background-position: 0px -682px !important;}
    .slide14 .button3 {display: table;margin: 0 auto;}
    .big-title {width: auto;font-size: 24px;color: #000;margin-bottom: 0;}
    .big-title span {font-size: 28px;color: #000;}
    .sale {display: none;} .slide1-main {background: none;min-height: inherit;}
    .step_2 .section1-right {margin-right: 0%;}
    .step_2 .left > img {margin-left: 0%;}
    .slide12 li {display: block; margin: 20px auto;}
    .button7 {margin:30px auto; display: block; max-width: 310px;} .button7 span {padding: 10px 20px 50px 20px;}
    .kare h5 {font-size: 21px;} .kare {float: left;margin-top: 320px;width: 100%;}
    .after-before {max-width: none;}
    .slide1 .kare .button3 span {width: 100%;}
    .pBox img, .pActive img {max-height: 124px;}
    .star {left: 213px;}
    .slide4 .inner a img {max-width: 50vw;max-height: 50vw;}
    .step_2 .clearfix h1 {line-height: 20px; font-size: 20px;}
    .title2 {color:#fecb42;}
}
@media screen and (max-width:530px){
    .slide1 .button3 {margin-left: 0;width: 100%;padding: 0;}
    .slide1-bottom .button span {font-size: 20px !important;}
    .button3 strong {font-size: 26px;width: 100%;}
    .button3 span {max-width: 100%; width: 100%;}
    .slide1-bottom .inner:before {content: none;}
    .after-before .span1 {left: 0px;}
    .after-before .span2 {left: 50%;}
    .after-before img {max-width: 100%;margin-left: 0px;}
    .after-before {width: 100%; left: 0px;}
    .step_2 .do {max-width: 100%;width: 100%;}
    .step_2 .do p {padding-top: 0;}
    .step_2 .section1-right {margin-left: 0;}
}
@media screen and (max-width:550px){
    .pBox img, .pActive img {max-height: 80px;}
    .star {left: 143px;}
}
@media screen and (max-width:485px){
    .slide6 {height: auto;padding: 10px;padding-top: 0;} .slide6 .inner {padding: 0;}
    .slide2-text {padding: 40px 0 0 0;}
    .button7 {margin:30px auto; display: block; max-width: 310px;} .button7 span {padding: 10px 20px 50px 20px;}
    .kare h5 {font-size: 21px;} .kare {float: left;margin-top: 0;width: 100%;}
    .after-before {position: initial;float: right;}
    .slide1 .kare .button3 span {width: 100%;}
    /*   STEP 2   */
    .step_2 .left , .step_2 .right {width: 100%;}
    .step_2 .left > img {display: block; margin: 0 auto;}
    .step_2 .section1-right {float: none; margin: 0 auto;}
    .do img {display: none;}
    .do p {float: none;width: auto;font-size: 11px;padding-top: 0;}
    .step_2 .left .do--1 {margin-top: 20px;}
    .step_2 .right #orderform {width: 100%;margin: 10px 0;}
    .step_2 .right {width: 100%;margin: 10px 0%;float: none;}
    .after-before .span1 , .after-before .span2 {font-size: 20px;}
    .slide1-bottom {padding-top: 0px;}
    .slide3 {padding-top: 0;}
    .slide12 {padding: 10px 0;}
    .slide8 {padding: 10px;}
    .step_2 .left > img {max-width: 20%;}
    .pBox img, .pActive img {max-height: inherit; max-width: 80%;}
    .pContent {float: none;margin: 0 auto;}
    .star {left: initial;right: 25px;top: 50px;}
    .slide6 ul {padding: 14px 0 0;}
    .slide4 {padding-top: 0;}
    .title2 {color:#fecb42;}
}
@media screen and (max-width:425px){
    .step_2 .left > img {display: none;}
    #mytimer {margin: 10px 0 0 16%;}
    .title3 {font-size: 30px; line-height: 30px;}
    .button7 {margin:10px auto 0px; display: block; max-width: 310px;} .button7 span {padding: 10px 20px 50px 20px;}
    .slide3 li {background: none;padding-left: 5% !important;max-width: 90%;min-height: inherit; margin-bottom: 15px;}
    .title9 {font-size: 22px; line-height: 27px;}
    .slide14 .button3 {width: 80%;margin-top: 20px;}
    .step_2 .section1-right {display: block;}
    .big-title {margin-bottom: 10px;line-height: 24px;font-size: 19px;}
    .slide1-main {min-height: 300px;}
    .after-before {height: auto;} .slide2 {height: auto;} .slide2 .inner {min-height: inherit;padding-bottom: 30px;}
    .slide14 {background: #f0ffc4;padding-top: 0;}
}
@media screen and (max-width:375px){
    .after-before .span1 , .after-before .span2 {font-size: 18px;}
    .title4 {font-size: 25px;}
    .kare h5 {font-size: 21px;} .kare {float: left;margin-top: 0;width: 100%;}
    .after-before {position: initial;float: right;}
    #popWindow {padding:10px 5px 0 5px;font-size: 11px;}
    .button7 {margin:10px auto 0px; display: block; max-width: 310px;} .button7 span {padding: 10px 20px 50px 20px;}
    .step_2 .do {border-radius: 5px;}
    .slide3 ul {margin-top: 22px;}
    .step_2 .left > img {display: none;}
    .step_2 .section1-right {display: block;}
    .pBox {min-height: 265px;margin: 10px 0;overflow: hidden;}
    .right #orderform {max-width: 80%;}
    #orderform #shipping_areacode {width: 13% !important;}
    #orderform #billing_phone {width: 78% !important;}
    .step_2 .do {margin-bottom: 10px;}
    .pBox img, .pActive img {margin-bottom: 40px;}
}
@media screen and (max-width:320px){
    .slide14 .button3 span , .slide14 .button3 strong {font-size: 20px;}
    .after-before .span1 , .after-before .span2 {font-size: 16px;}
    .kare h5 {font-size: 21px;} .kare {float: left;margin-top: 0;width: 100%;}
    .after-before {position: initial;float: right;}
    #popWindow {padding:10px 5px 0 5px;font-size: 11px;}
    .button7 {margin-left: 0;} .button7 span {padding: 10px 20px 50px 20px;}
    .abs {position: absolute;max-width: 90px;top: 120px !important;}
    .step_2 .do p {padding-left: 5px;}
    .right #orderform {max-width: 80%;}
    #orderform #shipping_areacode {width: 13% !important;}
    #orderform #billing_phone {width: 78% !important;}
}