#success-send {width: 100%; max-width: 720px; line-height: 120%; text-align: center; color: #fff; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1);    background: #99bd23;}
#success-send .fancybox-close-small {background: transparent; color: #fff;}

@font-face {
  font-family: 'BebasNeueBold';
  src: url('../fonts/BebasNeueBold.eot');
  src: url('../fonts/BebasNeueBold.woff') format('woff'),
       url('../fonts/BebasNeueBold.ttf') format('truetype'),
       url('../fonts/BebasNeueBold.svg#AABebasNeue') format('svg'),
       url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeueRegular';
  src: url('../fonts/BebasNeueRegular.eot');
  src: url('../fonts/BebasNeueRegular.woff') format('woff'),
       url('../fonts/BebasNeueRegular.ttf') format('truetype'),
       url('../fonts/BebasNeueRegular.svg#AABebasNeue') format('svg'),
       url('../fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/*============ WRAPPER ============*/
section, header, footer {width: 100%; margin: 0 auto; min-width: 480px; max-width: 1920px;}
.wrap {max-width: 1000px; min-width: 460px;width: 96%; margin: 0 auto; position: relative;}
/* Text & font style */
/* Colors style */
.pink {color: #e54278;}
.blue {color: #1c63c2;}
.bir {color: #17a6a5;}
.black {color: #282828;}
.white {color: #ffffff;}
.orange {color: #f58334;}
.grey {color: #5c5c5c;}
.green {color: #70a300;}
.lgreen {color: #99bd23;}
.red {color: #ee432d;}

.aab {font-family: 'BebasNeueBold';}
.aabr {font-family: 'BebasNeueRegular';}
.pts {font-family: 'PT Sans', sans-serif;}
/*============ SECTION'S ============*/
sup {font-size: 70%; line-height: 100%; vertical-align: top;}

header {background: #1c65c3; padding: 15px 0;}
header li:nth-child(1) {padding: 5px 0 5px 65px; background: url(../images/ico1.png) no-repeat 0 50%; max-width: 340px;}
header li:nth-child(2) {padding: 5px 0 5px 65px; background: url(../images/ico2.png) no-repeat 0 50%; max-width: 240px;}
header li:nth-child(3) {width: 30%; max-width: 340px;}
header .button {border-radius: 30px; display: block; background: #ee432d; padding: 12px 0; line-height: 20px; width: 100%; transition: all 0.3s;}
header .button:hover {webkit-filter: contrast(1.2); filter: contrast(1.2);}

.block1 {background: url('../images/bg/bg1.jpg') 50% 0% no-repeat; background-size: cover; height: auto; padding: 30px 0; overflow: hidden;}
.title .bg {background: #99bd23; padding: 0px 10px; line-height: 100%;}
.block1 .title .line {background: url(../images/line.png) no-repeat 50% 100%; padding: 0px 0 10px; background-size: 100%;}
.block1 .block {max-width: 435px; width: 100%; margin: 15px auto 0;}
.block1 .block ul li {padding: 10px 10px 12px 80px; background: #99bd23 url(../images/check.png) no-repeat 15px 50%; margin-bottom: 12px; border-radius: 8px;}
.block1 .block a {display: block; width: 387px; height: 135px; background: url(../images/btn.png) no-repeat; text-align: center; padding-top: 32px; margin: 30px auto 0; transition: all 0.3s;}
.block1 .block a:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}
.block1 .box {position: absolute; right: -240px; bottom: 50px; width: 100%; max-width: 523px;}
.block1 .box .label {position: absolute; top: -50px; right: 180px;}

.block2 {background: #fff; padding: 30px 0; background-size: cover;}
.block2 .title .bg {background: #99bd23; padding: 0px 10px;}
.block2 .title {max-width: 640px; margin: 0 auto 30px;}
.block2 ul li {width: 30%; margin-bottom: 1vw;}
.block2 ul li img {padding-right: 20px;}
.block2 .block {background: url(../images/box4.png) no-repeat 50% 50%; background-size: 28%;padding: 50px 0;}
.block2 .block ul li span {color: #0a4eab; font-weight: bold;}
.block2 .block ul {width: 35%; line-height: 140%;}
.block2 .block ul li {width: 100%; margin-bottom: 1vw;}

.block2 .block ul.p1 li {text-align: right;}
.block2 .block ul.p1 li img {padding: 0 0 0 20px;}
.block2 .block ul.p2 li {text-align: left;}
.block2 .block ul.p2 li img {padding: 0 20px 0 0;}

.block3 {background: url('../images/bg/bg2.jpg') 50% 0% no-repeat; background-size: cover; height: auto; padding: 30px 0;}
.block3 ul.pics {padding: 30px 0 ;}
.block3 ul.pics li {width: 20%; text-align: center;}
.block3 ul.pics li img {margin-left: -15px;}
.block3 ul.pics li:nth-child(1) img {margin-left: 0;}
.block3 ul.pics li:nth-child(2) img {margin-left: -10px;}
.block3 ul.pics li:nth-child(3) img {margin-left: -25px;}
.block3 ul.pics li:nth-child(4) img {margin-left: -35px;}
.block3 ul.pics li:nth-child(5) img {margin-left: -55px;}

.block3 ul.att li {width: 32%; height: 70px; background: url(../images/att.png) no-repeat 0 50%; padding-left: 90px; margin-bottom: 1vw;}


.block4 {background: #99bd23; padding: 30px 0;}
.block4 .title {max-width: 900px; margin: 0 auto;}

.block5 {background: #fff; padding: 30px 0 0;}
.block5 .desc {padding: calc(10px + 2%) 0 calc(30px + 2%);}
.block5 .block {background: url(../images/bg/bg7.jpg) no-repeat 50% 0;}
.block5 .block ul {width: 40%;}
.block5 .block ul li {margin-bottom: 1vw;}
.block5 .block ul.p1 li {margin-bottom: 2.2vw; padding-left: 30px; max-width: 340px; background: url(../images/dot.png) no-repeat 0 6px;}
.block5 .block ul.p2 li {margin-bottom: 2.2vw; padding-right: 30px; max-width: 340px; background: url(../images/dot.png) no-repeat 100% 6px;}
.block5 .block ul.p1 li:nth-child(1) {width: 100%; max-width: 100%;padding: 20px 0; background: #1c65c3; text-align: center; text-transform: uppercase; color: #abd327; }
.block5 .block ul.p2 li:nth-child(1) {width: 100%; max-width: 100%;padding: 20px 0; background: #1c65c3; text-align: center; text-transform: uppercase; color: #abd327; }

.block5 .video {position: relative; width: 100%; max-width: 540px; margin: 5% auto; border: 0;}
.block5 .video .thumb-wrap {position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden;}
.block5 .video .thumb-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.block6 {background: #efefef url('../images/bg/bg4.jpg') 50% 0 no-repeat; padding: 30px 0 10px;}
.block6 .desc {padding-bottom: 30px;}
.block6 ul li {width: 24%;}
.block6 ul li img {padding-bottom: 20px;}
.block6 ul li p:nth-child(2) {text-transform: uppercase; color: #1c65c3; font-size: 18px; font-weight: bold; padding-bottom: 25px;}
.block6 ul li p:nth-child(2) span {border-bottom: 1px solid #1c65c3; padding-bottom: 12px;}

.block7 {background: #efefef; padding: 30px 0;}
.block7 .block {width: calc(100% - 300px); }
.block7 .block .text {background: #99bd23; padding: 15px 30px; border-radius: 20px; }
.block7 .block .text .und {border-bottom: 1px solid #282828;}
.block7 .block .title {padding :30px 0;}
.block7 .block ul li {width: 28%; margin: 0 0 1vw 0;}
.block7 .block ul li img {padding-right: 10px;}
.block7 .block ul li p {width: calc(100% - 90px);}
.block7 .block ul li:nth-child(7) {display: none;}
.block7 .block ul li:nth-child(8) {display: none;}
.block7 .block ul li:nth-child(9) {display: none;}
.block7 .block ul li:nth-child(10) {display: none;}

.block7 .box {position: absolute; width: 60%; left: -200px; max-width: 461px;}
.block7 .box img {width: 80%;}
.block7 .berry {position: absolute; right: 0; bottom: -50px; max-width: 234px; width: 50%;}
.block7 .berry img {width:100%;}

/*
.block8 {background: url('../images/bg/bg3.jpg') center no-repeat; background-size: cover; padding: 30px 0 50px;}
.block8 .title {padding-bottom: 30px;}
.block8 ul li {width: 50%;}
.block8 .video {position: relative; width: 100%; margin: 5% auto; border: 1px solid #ccc;}
.block8 .video .thumb-wrap {position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden;}
.block8 .video .thumb-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.block8 .paper {margin-left: -50px; background: url(../images/paper.png) no-repeat; width: 540px; height: 403px; padding: 50px 40px 0 85px; text-indent: 30px}
.block8 .paper p {padding-bottom: 20px;}
.block8 a {position: absolute; bottom: -130px; left :50%; margin-left: -194px; display: block; width: 387px; height: 129px; background: url(../images/btn.png) no-repeat; text-align: center; color:#7a0000; padding-top: 20px; transition: all 0.3s;}
.block8 a:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}
*/

.block9 {background: url('../images/bg/bg5.jpg') center no-repeat; background-size: cover; padding: 30px 0;}
.block9 .sign li:nth-child(1) {width: calc(100% - 250px); max-width: 600px;}
.block9 .block {width: 100%; padding-top: 60px;}
.block9 .block .txt {padding-bottom: 30px; width: 65%;}
.block9 .block .doc {width: 32%;}
.block9 .block .doc img {width: 100%;}
.block9 .video {position: relative; width: 100%; max-width: 540px; margin: 5% auto; border: 0;}
.block9 .video .thumb-wrap {position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden;}
.block9 .video .thumb-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.recom {background: #99bd23; padding: 45px 0 80px;}
.recom a {position: absolute; bottom: -165px; left :50%; margin-left: -194px; display: block; width: 387px; height: 135px; background: url(../images/btn.png) no-repeat; text-align: center; padding-top: 32px; transition: all 0.3s;}
.recom a:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}
.recom ul {list-style-type: disc; width: 90%; margin: 0 auto;}

.block10 {background: url('../images/bg/bg6.jpg') 100% 0 no-repeat; padding: 80px 0 20px;}
.block10 .title .bg {background: #99bd23; padding: 0px 10px;}
.block10 .title {padding-bottom: 30px;}
.block10 ul .p1 {width: 40%; max-width: 389px;}
.block10 ul .p1 img {width: 100%;}
.block10 ul .p2 {width: 60%;}
.block10 ul .p2 li {padding: 0 0 0 80px; min-height: 69px; background: url(../images/check3.png) no-repeat 0 50%; margin: 15px 0;}

.block11 {background: #1c65c3; padding: 30px 0;}

.block12 {background: url('../images/bg/bg8.jpg') 100% 0 no-repeat; background-size :cover; padding: 45px 0 30px;}
.block12 .title {padding: 0 0 30px;}
.block12 ul {margin-bottom: 50px;}
.block12 .ava {width: 150px; text-align: center;}
.block12 .rev {width: calc(100% - 160px);background: #fff; position: relative; border-radius: 5px; padding: 25px;}
.block12 .left-tr {position: absolute; top: 0px; left: -20px; width: 24px; height: 27px; background: url(../images/trl.png) no-repeat 0 0;}
.block12 .right-tr {position: absolute; top: 0px; right: -20px; width: 24px; height: 27px; background: url(../images/trr.png) no-repeat 0 0;}
.block12 a {position: absolute; bottom: -165px; left :50%; margin-left: -194px; display: block; width: 387px; height: 135px; background: url(../images/btn.png) no-repeat; text-align: center; padding-top: 32px; transition: all 0.3s;}
.block12 a:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}

.block13 {background: #fff; padding: 80px 0 60px 0;}
.block13 .title {padding: 15px 0;}
.block13 ul li {width: 33%;position: relative;}
.block13 ul li p {width: 96%; max-width: 300px; margin: 0 auto;}
.block13 ul li img {padding-bottom: 20px;}
.block13 ul li:nth-child(1):after {content: ''; top: 120px; right :-45px;position: absolute; width: 100px; height :24px; background: url(../images/duga1.png) no-repeat; background-size: 100%;}
.block13 ul li:nth-child(2):after {content: ''; top: 120px; right :-70px; position: absolute; width: 100px; height :24px; background: url(../images/duga2.png) no-repeat; background-size: 100%;}

.block14 {background: url('../images/bg/bg1.jpg') 50% 0 no-repeat; padding: 30px 0; background-size: cover;}
.block14 .title .line {background: url(../images/line.png) no-repeat 50% 100%; padding: 0px 0 0px; background-size: 100%;}
.block14 .formblock {background: #fff; box-shadow: 0 0 40px rgba(0,0,0,0.5); max-width: 340px; width: 100%; border-radius: 10px; padding: 20px;}
.block14 .formblock .time {background: #0b4eab; position: relative; border-radius: 5px; margin: 15px 0; padding: 10px 0 4px;}
.block14 .box {position: relative; margin-left: -50px;}
.block14 .box .label {position: absolute; top: 20px; right: -40px;}
.block14 .box .label img {width: 100%;}
.block14 .time .label2 {position: absolute; right: -50px; top: -20px; width: 97px; height: 96px;}
.block14 .time .label2 img {width: 100%;}
.block14 .block {width: 100%; max-width: 780px;}
.block14 #form {padding: 10px 0;}
.block14 button {margin: 15px auto 0; position: relative; border:0; outline: none; display: block; cursor: pointer; width: 300px; height: 84px; background: url(../images/btn2.png) no-repeat; background-size: 100%; text-align: center; padding: 18px 0; transition: all 0.3s;}
.block14 button:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}
.block14 button:after {content:''; width: 100%; height: 50px; background: url(../images/shadow.png) no-repeat 50% -10px; position: absolute; bottom: -49px; right:0%;background-size: 100%;}

/*============ FOOTER ============*/
footer {background: #1c65c3; padding: calc(10px + 1%) 0;color: #fff; height: auto;}
footer ul li.p1 {width: 35%;}
footer ul li.p2 {width: 25%;}
footer ul li.p3 {width: 30%;}
footer ul.list li {padding: 8px 0 8px 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: 15px; color: #fff; text-transform: uppercase;}
footer ul li.p3 .title {padding-bottom: 23px;}
footer ul li.p2 .title {padding-bottom: 23px;}

footer .line {padding: 14px 0;}
footer .adr {padding: 14px 0;}
footer .vam {vertical-align: middle;}


.timerbox {color:#fff; width:200px; margin: 0 auto; overflow: hidden;}
.timerbox .countbox-num {font-weight: 900; font-size: 26px; width: 49px; float: left; box-sizing: border-box; height: 50px; display: inline-block; zoom: 1; *display: inline;  position: relative;}
.timerbox .countbox-space {position: relative; float: left; width:24px; font-size: 24px; color: #fff; text-align: center; height: 50px; padding:0;}
#countbox-days1,#countbox-hours1,#countbox-mins1,#countbox-secs1{
    float: left;
    width: 17px;
    height: 30px;
    margin-left: 8px;
    text-align: center;
    z-index: 1;
}
#countbox-days2,#countbox-hours2,#countbox-mins2,#countbox-secs2{
    float: left;
    width: 15px;
    height: 30px;   
    text-align: center;
    z-index: 1;
}
.timerbox .countbox-text {font-size: 14px; color: #fff; font-weight: 400; text-align: center;}

/**/
.yved{
    position: fixed;
    right: 10px;
    top: 10px;
    width: 316px;
    vertical-align: middle;    
    color: white;
    padding: 10px 25px 15px 25px;
    font-size: 16px;
    font-weight: bold;
    line-height: 90px;
    display: none;
    z-index: 3;
}

.yvedt{
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}
.yvedf1{
    background: rgba(153,189,35,0.9);
}
.yvedvt{
    float: left;
    height: 90px;
    line-height: 90px;
    display: inline-block;
    vertical-align: middle;
}

  #modal_form {
    display:none;
    position: fixed;
    top: 15%;
    margin-top: -180px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 20px;
    z-index: 102;
    width: 960px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: -10px;
  right: 5px;
  background: url(../images/close.png) no-repeat;
  cursor: pointer;
  display: block;
}

.form-wrapper{
    background: url("../images/form2-bg.png") no-repeat 0 0;
    min-height: 362px;
    margin: 0 16px;
    -webkit-box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.43);
    -moz-box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.43);
    box-shadow: 4px 4px 5px 0 rgba(0,0,0,0.43);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.form-wrapper:after{
    content: " ";
    clear: both;
    display: block;
}

.form-right--all{
    float: left;
    width: 300px;
    padding: 25px 0 10px 16px;
}
.form-main-title--all{
    color: #154755;
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 28px;
}
.sale-price-wrap{
    padding-bottom: 26px;
}
.sale-price-wrap:after{
    content: " ";
    clear: both;
    display: block;
}
.sale-wrap--all{
    float: left;
    padding: 12px 6px 0 0;
    position: relative;
    z-index: 1;
    background: url("../images/sale-bg--all.png") no-repeat center top;
    width: 121px;
    height: 143px;
    text-align: center;
    margin-top: 2px;
}
.sale-product-title--all{
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    padding-bottom: 8px;
}
.sale-product--all{
    color: #fff;
    font-weight: bold;
    font-size: 42px;
    line-height: 42px;
}


.price-old-wrap--all{
    padding: 0 0 12px 7px;
}
.price-new-wrap--all{
    padding: 0 0 0 6px;
}
.price-old-text--all{
    color: #000;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 4px;
}
.price-old-x--all{
    color: #000;
    font-size: 36px;
    line-height: 36px;
    font-style: italic;
    position: relative;
    letter-spacing: -1px;
    display: inline-block;
    vertical-align: top;
}
.price-old-x--all:before{
    content: " ";
    width: 100%;
    height: 3px;
    background: #000;
    position: absolute;
    top: 52%;
    left: 0;
}
.price-old-currency--all{
    letter-spacing: -2px;
}

.price-new-text--all{
    color: #f93e0f;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 3px;
}
.price-new-x--all{
    color: #f93e0f;
    font-size: 51px;
    line-height: 51px;
    font-style: italic;
    letter-spacing: -1px;
}
.price-new-currency--all{
    font-size: 36px;
    letter-spacing: -2px;
}

.product-sh {
    padding-right: 42px;
}
.product-how-much {
    float: right;
    color: #000;
    font-size: 27px;
    line-height: 27px;
    padding: 4px 9px 3px;
    margin-top: 8px;
    background: #FDDA99;
    border: 1px solid #FF763C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Tahoma, Arial, sans-serif;
}
.product-sh--text {
    color: #164553;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    padding-right: 50px;
}

.scroll-to-audio {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 26px;
    line-height: 26px;
    padding: 8px 45px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #FF3C01;
}

.form-center--all{
    float: left;
    width: 260px;
    position: relative;
}
.form-center--all:before{
    content: " ";
    background: url("../images/box4.png") no-repeat 0 0;
    background-size: 100%;
    width: 300px;
    height: 350px;
    position: absolute;
    top: 8px;
    left: -6px;
}

.form-left--all{
    float: right;
    width: 325px;
    padding-right: 28px;
}
.form--all{
    position: relative;
}
.form--all:after{
    content: ' ';
    background: url("../images/arrow2.png") no-repeat 0 0;
    width: 30px;
    height: 49px;
    position: absolute;
    bottom: 70px;
    left: -30px;
}
.form-title--all{
    color: #000;
    font-size: 17px;
    line-height: 17px;
    font-style: italic;
    padding: 25px 0 14px;
    margin-right: -10px;
}
.input-form--all {
    padding: 0 22px;
    height: 50px;
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 24px;
}
.submit-form--all {
    background: url("../images/bg-submit--all.png") repeat-x;
    height: 90px;
    font-size: 30px;
    line-height: 30px;
    padding: 1px 2px 8px;
    margin-top: 5px;
}
.protection--all {
    color: #000;
    font-size: 14px;
    line-height: 14px;
    padding: 7px 78px 0 0;
    background: url("../images/protect-2.png") no-repeat right top;
    min-height: 26px;
    margin-top: 12px;
    margin-right: 21px;
}

.under-form--all{
    color: #f3da9a;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    padding: 6px 227px 0;
}
.submit-form {
    width: 100%;
    border: none;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: url(../images/bg-submit.png) repeat-x;
    height: 72px;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    cursor: pointer;
    font-family: Tahoma, Arial,sans-serif;
    padding: 1px 2px 4px;
    outline: none;
    margin-top: 3px;
}
.input-form {
    width: 100%;
    border: none;
    -webkit-box-shadow: inset 1px 2px 0 0 rgba(0,0,0,0.35);
    -moz-box-shadow: inset 1px 2px 0 0 rgba(0,0,0,0.35);
    box-shadow: inset 1px 2px 0 0 rgba(0,0,0,0.35);
    padding: 0 14px;
    height: 40px;
    text-indent: 10px;
    color: #000;
    font-size: 14px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    height: 50px; 
    line-height: 50px;
    font-family: Arial,sans-serif;
}

/* Пoдлoжкa */
#overlay {
  z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
  position:fixed; /* всегдa перекрывaет весь сaйт */
  background-color:#000; /* чернaя */
  opacity:0.8; /* нo немнoгo прoзрaчнa */
  -moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
  filter:alpha(opacity=80);
  width:100%; 
  height:100%; /* рaзмерoм вo весь экрaн */
  top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
  left:0;
  cursor:pointer;
  display:none; /* в oбычнoм сoстoянии её нет) */
}


@media screen and (max-width: 1480px) {
}

@media screen and (max-width: 1280px) {
.block1 {background: url('../images/bg/bg1m.jpg') 40% 100% no-repeat; background-size: 1280px;}
.block1 .box  {position: relative; max-width: 100%; text-align: right; right: auto; top: auto; bottom: auto;}
.block1 .box img {max-width: 400px;}
.block1 .block {max-width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.block1 .block .cont {max-width: 480px;}
.block3 {background: #ebf3fc;}
.block10 {background: none;}

.block14 {background: url('../images/bg/bg1s.jpg') 50% 100% no-repeat; background-size: cover;}
.block14 .block {max-width: 100%;}
.block14 .block ul {margin-top: 30px;}
.block14 .block ul li:nth-child(1) {width: 50%; text-align: center;}
.block14 .block ul li:nth-child(2) {width: 50%;} 
}

@media screen and (max-width: 960px) {
  .block2 .block {background-size: 28%;}
  .block3 ul.pics {justify-content:space-between;}
  .block3 ul.pics li {width: 19%;}
  .block3 ul.pics li img {width: 100%; margin: 0;}
  .block3 ul.pics li:nth-child(2) img {margin: 0;}
  .block3 ul.pics li:nth-child(3) img {margin: 0;}
  .block3 ul.pics li:nth-child(4) img {margin: 0;}
  .block3 ul.pics li:nth-child(5) img {margin: 0;}
  .block6 ul li {width: 48%; margin-bottom: 2vw;}
  .block7 .block ul li {width :49%;}
  .block13 ul li:nth-child(1):after {display: none;}
  .block13 ul li:nth-child(2):after {display: none;}
  .block13 ul li img {height: 200px;}

  footer ul {max-width: 600px; margin: 0 auto;}
  footer ul li.p1 {width: 100%; margin-bottom: 30px;}
  footer ul li.p2 {width: 45%;}
  footer ul li.p2 img {width: 90%; max-width: 247px;}
  footer ul li.p3 {width: 45%;}
}

@media screen and (max-width: 840px) {
  header ul.flex-between {justify-content:space-around;}
  header li:nth-child(3) {display: none;}
  .block1 {background: url('../images/bg/bg1m.jpg') 60% 100% no-repeat; background-size: 960px;}
  .block1 .title {max-width: 460px; margin: 0 auto;}
  .block1 .title .line {padding: 0;}
  .block1 .title .px50 {line-height: 120%;}
  .block1 .block {justify-content:center;}
  .block1 .block .cont {max-width: 100%; width: 100%;}
  .block1 .block ul {max-width: 480px; margin :30px auto;}
  .block2 ul li {width: 48%;}
  .block3 ul.att li {height: 70px; background: url(../images/att.png) no-repeat 0 50%; padding-left: 70px; background-size: 50px;}
  .block5 .block {background: none;}  
  .block5 .block ul {width: 48%;}
  .block7 .flex {flex-wrap: wrap;}
  .block7 .box {position: relative; width: 100%; text-align: center; top: auto; left: -8%; margin: 0 auto 50px;}
  .block7 .block {width: 100%;}
  .block9 .title {text-align: center;}
  .block9 .block .txt {width: 100%;}
  .block9 .block .doc {display:none;}
  .block9 .block {padding-top: 30px;}
  .block9 .sign .px23 {font-size: 18px;}
  .block14 .block ul {justify-content:space-around;}
  .block14 .block ul li:nth-child(1) {width: 100%; }
  .block14 .block ul li:nth-child(1) img {width: 90%; max-width: 300px;}
  .block14 .block ul li:nth-child(2) {width: 100%;}
  .block14 .block ul li:nth-child(2) .formblock {max-width: 600px; margin: 30px auto 0;}
  .block14 .time .label2 {right: 10px;}
  input {height: 64px; line-height: 64px;}
}
@media screen and (max-width: 720px) {
  .block1 .box {text-align: center;}
  .block1 {background: url('../images/bg/bg1s.jpg') 50% 100% no-repeat; background-size: cover;}
  .block2 .block {background: none; max-width: 480px; margin: 0 auto;}
  .block2 .block ul {width: 100%;}
  .block2 .block ul.p1 {text-align: left; }
  .block2 .block ul.p1 li {width: 100%; text-align: left; flex-direction: row;flex-flow: row-reverse; background: url(../images/check2.png) no-repeat 0 50%; background-size: 39px; padding-left: 50px; min-height: 50px;}
  .block2 .block ul.p1 li img {display: none;}
  .block2 .block ul.p2 li img {display: none;}
  .block2 .block ul.p2 li {background: url(../images/check2.png) no-repeat 0 50%; background-size: 39px; padding-left: 50px; min-height: 50px;}
  .block3 ul.att li {width: 49%; height: 50px; background: url(../images/att.png) no-repeat 0 50%; padding-left: 50px; background-size: 35px;}
  #modal_form {width: 100%; max-width: 680px; top: 20%; left: auto; margin: -190px auto 0 auto; padding: 20px;}
  #modal_form #modal_close {top: 10px; right: 10px; background: url(../images/close.png) no-repeat;}
  #modal_form .px48 {line-height: 100%; width: calc(100% - 40px);}

}

@media screen and (max-width: 640px) {
  .px60 {font-size: 48px;}
  .px72 {font-size: 60px;}
  .px92 {font-size: 72px;}
  .bg .px48 {font-size: 36px;}
  header .px24 {font-size: 20px;}
  .block2 ul.p0 li img {width: 75px; height: 65px; padding-right :10px;}
  .block2 ul.p0 li p {width: calc(100% - 75px);}
  .block3 ul.pics {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;}
  .block3 ul.pics li {width: 30%;}
  .block3 ul.pics li:nth-child(2) {display: none;}
  .block3 ul.pics li:nth-child(4) {display: none;}
  .block3 ul.att li {font-size: 20px;}
  .block2 .block ul.p1 li:nth-child(1) {display: none;}  
  .block2 .block ul.p1 li:nth-child(2) {display: none;}  
  .block2 .block ul.p1 li:nth-child(4) {display: none;}  
  .block2 .block ul.p2 li:nth-child(2) {display: none;}  
  .block2 .block ul.p2 li:nth-child(4) {display: none;}  
  .block5 .block ul {width: 100%;}
  .block5 .block ul.p1 li {max-width: 100%;}
  .block5 .block ul.p2 {justify-content: flex-start;}
  .block5 .block ul.p2 li {max-width: 100%; text-align: left; background: url(../images/dot.png) no-repeat 0% 6px; padding: 0 0 0 30px;}
  .block6 {background: #efefef;}
  .block6 ul li {width: 100%; margin-bottom: 3vw; text-align: center;}
  .block6 .desc {display: none;}
  .block6 ul {display: none;}
  .block7 .block ul li:nth-child(7), 
  .block7 .block ul li:nth-child(8), 
  .block7 .block ul li:nth-child(9),
  .block7 .block ul li:nth-child(10) {display: display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
  .block7 .block .text {display: none;}
  .recom ul {font-size: 20px;}
  .block10 ul .p1 {display: none;}
  .block10 ul .p2 {width: 90%; max-width :500px; margin: 0 auto;}
  .block12 ul {background: #fff; border-radius: 10px; padding: 10px;}
  .block12 .left-tr {display: none;}
  .block12 .right-tr {display: none;}
  .block12 .ava {width: 100px;}
  .block12 .ava img {width: 100%;}
  .block12 .ava p {font-size: 16px;}
  .block12 .rev {width: calc(100% - 100px); padding: 0 0 0 20px; font-size: 18px;}
  .block12 ul:nth-child(3) .rev {padding: 0 20px 0 0;}
  .block12 ul:nth-child(4) {display: none;}
  .block12 a {display: none;}
  .block13 {display: none;}
  /*.block13 ul li {width: 100%; justify-content:space-around; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
  .block13 ul li img {width: 100px; height: auto;}
  .block13 ul li .txt {width: calc(80% - 100px); text-align: left;}
  .block13 ul li .txt p {max-width: 100%;}*/
  footer ul {align-items:flex-end;}
  footer ul li.p3 {width: 48%; text-align: center;}
  footer ul li.p3 .title {display: none;}
  footer ul li.p2 {width: 48%; text-align: center}
  footer ul li .px24 {font-size: 20px;}
}