#success-send {width: 100%; max-width: 580px; color: #fff; font-weight: bold; line-height: 120%; text-align: center; font-size: 32px; padding: calc(30px + 3%) 5%; position: relative; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1); box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    background: #386bb2;
}
#success-send .fancybox-close-small {background: transparent;}

/*============ WRAPPER ============*/
.section {width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
.wrap {max-width: 1200px; width: 96%;margin: 0 auto; position: relative; }

/* Colors style */

.blue {color: #609ae1;}
.blue2 {color: #2877bd;}
.blue3 {color: #e4ffff;}
.blue4 {color: #4a99ff;}
.black {color: #221e1f;}
.white {color: #ffffff;}
.orange {color: #ff9900;}
.red {color: #ed2524;}
.yellow {color: #F2CE32;}
.yellow2 {color: #ffd800;}
.yellow3 {color: #f6ff00;}
.yellow4 {color: #ffef24;}
.green {color: #659513;}
.pink {color: #bd61d5;}
.grey {color: #999;}

.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w900 {font-weight: 900;}


.pnbl {font-family: 'Proxima Nova Bl';}
.gmd {font-family: 'Gilroy-Medium';}

.overflow {overflow: hidden;}

sup {font-size: 60%; vertical-align: top;}

header {width: 100%; max-width: 1920px; margin: 0 auto; z-index: 10; background: #fff;  font-size: calc((100vw - 860px)/(1920 - 860) * (18 - 16) + 16px);}
header  .wrap {width: 100%; padding: 15px 2%;}
header .menu {width: 40%;}
header .link {color: #000; -webkit-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
header .link:hover {-webkit-box-shadow: 0 5px #53d8ff;box-shadow: 0 5px #53d8ff}

header .phone a{color: #000; -webkit-transition: box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
header .phone a:hover {-webkit-box-shadow: 0 5px #53d8ff;box-shadow: 0 5px #53d8ff}

header a.how {display:block; background: #F2CE32; color: #000; padding: 1% 2%; border-radius: 30px; letter-spacing: 1px; border-bottom: unset; background-image: -webkit-gradient(linear, right top, left top, from(#ffef24), to(#f3ab21)); background-image: -o-linear-gradient(right, #ffef24, #f3ab21); background-image: linear-gradient(to left, #ffef24, #f3ab21); z-index: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
header a.how:before {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background-image: -webkit-gradient(linear, right top, left top, from(#f3ab21), to(#ffef24)); background-image: -o-linear-gradient(right, #f3ab21, #ffef24); background-image: linear-gradient(to left, #f3ab21, #ffef24); opacity: 0; z-index: -1; border-radius: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
header a.how:hover:before {opacity: 1;}

header .logo {width: 25%; display: block; }
header .logo img {width: 100%; max-width: 189px;}


header .mobile-button {display: none;}
header .mobile-button a {position: absolute; left: -99999em; z-index: 100;}

header .menu-icon {cursor: pointer; position: relative; cursor: pointer;}

header .mobile-button a {width: 32px; height: 26px; display: block; position: relative; left: auto;}
header .menu-icon .bar {position: absolute; background: #051b4e;width: 100%; margin: 0; height: 4px;}
header .menu-icon .bar-1 {top: 0px;}
header .menu-icon .bar-2 {top: 10px;}
header .menu-icon .bar-3 {top: 20px;}


/* icon #5  */
header .mobile-button a{-webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}
header .menu-icon .bar {-webkit-transition: all 0.1s linear 0.2s; transition: all 0.1s linear 0.2s; }
header .mobile-button.open .bar {background: #53d8ff}
header .mobile-button.open a{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
header .mobile-button.open .menu-icon .bar-2 {opacity: 0;}
header .mobile-button.open .menu-icon .bar-1 {-webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 11px; left: -1px;}
header .mobile-button.open .menu-icon .bar-3 {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 11px; left: -1px;}
header .menu .mob_link {display: none;}



.block1 .headline {margin: calc(30px + 3%) 0 0;}
.block1 .headline img {width: 100%;}
.block1 .headline .h-title {max-width: 500px; margin-bottom: calc(50px + 5%);}
.block1 .headline .txt {max-width: 826px;}
.block1 .headline .txt span {text-shadow: 0 0 80px rgba(0,125,255,1), 0 0 80px rgba(21,135,255,1), 0 0 50px rgba(21,135,255,1), 0 0 30px rgba(95,170,255,1);}
.block1 .headline .box-img {right: 0; top: -15%; width: 45%; max-width: 520px;}

.block1 {background: url(../images/bg/bg1.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(30px + 3%) 0 calc(10px + 1%); overflow: hidden; position: relative; z-index: 1;}
.block1 .stars {width: 100%; background: url(../images/bg/stars-r.png) no-repeat 0 0%, url(../images/bg/stars-l.png) no-repeat 100% 0%}
.block1 .main-text {max-width: 640px; width: 60%; padding-top: calc(50px + 5%); position: relative; z-index: 10; }
.block1 .head {position: absolute; top: 100px; right: 0; width: 50%; max-width: 500px; transition: all 0.3s;}
.block1 .head .man {position: relative; z-index: 2; width: 100%;}
.block1 .head .mozg {position: absolute; top: 0%; width: 60%; left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 3;}
.block1 .head img {width: 100%;}
.block1 .head .flare {position: absolute; top: -45%; z-index: 1; left: 43%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); width: 180%;}
.block1 .head .flare2 {position: absolute; top: -36%; z-index: 2; left: 45%; -webkit-transform: translate(-50%,0) scale(0.9); -ms-transform: translate(-50%,0) scale(0.9); transform: translate(-50%,0) scale(0.9); width: 160%;}
.block1 .head .flash {position: absolute; top: 0; width: 32%; top: 35%; left: 40%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); z-index: 4;}

.block1 .plashka {z-index: 10; width: 100%; background: rgb(3,103,221); 
background: -moz-linear-gradient(45deg, rgba(3,103,221,1) 0%, rgba(40,200,235,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(3,103,221,1) 0%, rgba(40,200,235,1) 100%);
background: linear-gradient(45deg, rgba(3,103,221,1) 0%, rgba(40,200,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0367dd",endColorstr="#28c7eb",GradientType=1); border: 1px solid #4a99ff; border-radius: 8px; margin-top: calc(30px + 10%); padding: 3%; box-shadow: 0 0 80px rgba(0,125,255,0.6);}
.block1 .plashka ul {padding: calc(10px + 1%) calc(10px + 1%) 0 0;}
.block1 .plashka ul li {width: 100%; padding: 6px 0 6px 35px; background: url(../images/check.png) no-repeat 0 0; background-size: 35px;}
.block1 .plashka .box { width: 35%;}
.block1 .plashka .text { width: 60%;}

.block1 .plashka .box .pack {position: absolute; width: 100%; top: 50%; left:0; transform: translate(0%, -50%);}
.block1 .plashka .box .pack .img {position: relative; width: 100%; z-index: 2; }
.block1 .plashka .box .pack .sticker {position: absolute; right: 8%; top: 3%;z-index: 10; width: 32%; max-width: 233px;}
.block1 .plashka .box .pack .sticker img {width: 100%;}

.block1 .info2 {margin: calc(30px + 3%) 0; position: relative; border-radius: 8px; max-width: 640px; width: 60%; box-shadow: 0 0 80px rgba(0,125,255,0.6); background: rgba(0,0,0,0.2); padding: 4%  3%; z-index: 10;} 
.block1 .info2 span {text-shadow: 0 0 80px rgba(0,125,255,1), 0 0 80px rgba(21,135,255,1), 0 0 50px rgba(21,135,255,1), 0 0 30px rgba(95,170,255,1);}
.block1 .info2 .line {padding: calc(2%) 0 calc(15px + 2%); }
.block1 .info2 .line img {width: 100%;max-width: 100%}
.block1 .title {padding-top: calc(20px + 5%); width: 90%; margin: 0 auto; position: relative; z-index: 10;}
.block1 .title span {text-shadow: 0 0 80px rgba(0,125,255,1), 0 0 80px rgba(21,135,255,1), 0 0 50px rgba(21,135,255,1), 0 0 30px rgba(95,170,255,1);}
.block1 .text .info span{letter-spacing: 6px;}
.block1 .text .effects {padding-top: calc(10px + 2%);}
.block1 .line img {margin: 20px auto 0; max-width: 90%;}
.block1 .mozg-flash {background: url(../images/mozg2.png) no-repeat 50% 50%; background-size: auto auto; }
.block1 .mozg-flash .ico {width: 20%;}
.block1 .mozg-flash .ico img {max-width: 100%;}
.block1 .mozg-flash .txt {width: 80%;}
.block1 .mozg-flash .wrap .flex {width: 40%;}
.block1 .mozg-flash .wrap .flex.p1 {padding: calc(30px + 5%) 0 calc(30px + 16%);}
.block1 .mozg-flash .wrap .flex.p2 {padding: calc(30px + 16%) 0 calc(30px + 5%);}

.block1 .sostav {margin: calc(50px + 5%) 0 0;}
.block1 .sostav .ing {position: relative; width: 50%; padding: 1.5%; margin: 1% 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.block1 .sostav .ing:hover {background: rgba(255,255,255,0.1);}
.block1 .sostav .ico {width: 20%;}
.block1 .sostav .ico img {max-width: 100%; margin: 0 auto;}
.block1 .sostav .txt {width: 76%;}

.block1 .sostav .list li {background: url(../images/check2.png) no-repeat 0 0.3em; padding: 1% 0 1% 30px; margin: 2% 0; line-height: 140%;}
.block1 .sostav .info {padding: calc(20px + 4%) 0 calc(15px + 3%);}
.block1 .page404 { height: 60vw; min-height: 280px; max-height: 60vh;}

.block2 {background: #00122d; background-size: cover; padding: calc(30px + 3%) 0 calc(30px + 3%); position: relative; z-index: 2;}
.block2 .text {max-width: 680px; width: 60%;}
.block2 .box {position: absolute;  top: 40%; right: 0; width: 50%; max-width: 496px;}
.block2 .box .pack {position: relative; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width: 100%;}
.block2 .box .pack .img {position: relative; width: 100%; z-index: 2; }
.block2 .box .pack .sticker {position: absolute; right: 0; bottom: 10%;z-index: 10; width: 50%; max-width: 233px;}
.block2 .box .pack .sticker img {width: 100%;}
.block2 .box .flare {position: absolute; top: 50%; left: 40%; -webkit-transform: translate(-15%,-50%); -ms-transform: translate(-15%,-50%); transform: translate(-15%,-50%); left: 14%; z-index: 1;}
.block2 .box .flare img {width: 150%;}

.block3 {background: url('../images/bg/bg3.jpg') 50% 50% no-repeat; background-size: cover; height: auto; padding: calc(30px + 3%) 0 calc(30px + 6%);}
.block3 .title  {width: 100%; padding-bottom: calc(10px + 1%);}
.block3 .title .line {width: 16%; height: 1px; background: #2877bd;} 
.block3 .title img {width: 45%; max-width: 319px; margin: 0 3%;}
.block3 .mozg {width: 100%; height: 600px; padding-top: calc(30px + 3%);}
.block3 .mozg .img {position: absolute; left: 50%; margin-left: -200px; top: 120px;}
.block3 .mozg .mpink {position: absolute; opacity: 0; z-index: 5;}
.block3 .mozg .mblue {position: absolute; opacity: 0; z-index: 5;}
.block3 .mozg .mgreen {position: absolute; opacity: 0; z-index: 5;}

.block3 .p1 {width: 30%;}
.block3 .p1 li {margin: calc(20px + 4%) 0 ;background: url(../images/ico5.png) no-repeat 100% 50%; padding-right: 60px;}
.block3 .p1 li:nth-child(1) {}
.block3 .p1 li:nth-child(2) {margin-right: 50px;}
.block3 .p1 li:nth-child(3) {margin-right:100px;}

.block3 .p2 {width: 30%;}
.block3 .p2 li {margin: calc(20px + 4%) 0 ;background: url(../images/ico6.png) no-repeat 0% 50%; padding-left: 60px;}
.block3 .p2 li:nth-child(2) {margin-left: 50px;}
.block3 .p2 li:nth-child(3) {margin-left: 100px;}

.block3 .p3 li {background: url(../images/ico7.png) no-repeat 50% 0%; padding-top: 60px;}
.block3 .p3 {width: 80%; margin: 60px auto 0;}
.block3 .p3 li {width: 24%; }
.block3 .p3 li:nth-child(2) {margin-top: 80px;}
.block3 .p3 li:nth-child(3) {margin-top: 80px;}

.block3 li:hover {cursor: pointer;}
.block3 li span {-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.block3 .p1 li:hover span {color: #52ee23; text-shadow: 0 0 20px rgba(133,255,67,1);}
.block3 .p2 li:hover span {color: #ff7dfd; text-shadow: 0 0 20px rgba(255,125,255,1);}
.block3 .p3 li:hover span {color: #43c8ff; text-shadow: 0 0 20px rgba(121,215,255,1);}

.block4 {background: url(../images/bg/bg1.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(30px + 3%) 0; overflow: hidden;}
.block4 .title span {text-shadow: 0 0 80px rgba(0,125,255,1), 0 0 80px rgba(21,135,255,1), 0 0 50px rgba(21,135,255,1), 0 0 30px rgba(95,170,255,1);}
.block4 .line img {margin: 20px auto 0;  max-width: 90%;}
.block4 .text {padding: calc(30px + 3%) 0;}
.block4 ul.list {padding: calc(20px + 2%) 0 0 5%;}

.block4 ul.list li {padding: 10px 0; width: 30%; background: none; margin: 2% 0;}
.block4 ul.list li .ico {margin: 0 auto; width: 126px; height: 126px; background: rgb(3,103,221);
background: -o-linear-gradient(45deg, rgba(3,103,221,1) 0%, rgba(40,200,235,1) 100%);
background: linear-gradient(45deg, rgba(3,103,221,1) 0%, rgba(40,200,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0367dd",endColorstr="#28c7eb",GradientType=1); border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-bottom: calc(10px + 2%);}
.block4 ul.list li .ico img {margin: 0 auto;}
.block4 ul.list li:hover .ico {-webkit-box-shadow: -20px 10px 60px rgba(55,100,173,1);box-shadow: -20px 10px 60px rgba(55,100,173,1);}
.block4 ul.list li p {max-width: 260px; margin: 0 auto;}


.block4 ul.research {background: url(../images/bg/punktir.png) no-repeat 50% 50%; margin-top: calc(30px + 6%);}
.block4 ul.research li {width: 48%;}
.block4 ul.research li .round {position: relative; z-index: 2; width: 50%;}
.block4 ul.research li .round img {width: 100%;}
.block4 ul.research li .num {position: absolute; top: 45%; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%); }
.block4 ul.research li .line {width: 100%; height: 1px; background: #1ad1f4; margin: calc(20px + 2%) 0;}
.block4 ul.research li .txt {padding: calc(20px + 2%) 0% 0; position: relative; z-index: 3; width: 45%;}
.block4 ul.research li .flare {position: absolute; left: 40%; top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index: 1;}
.block4 ul.research li .stars {position: absolute; left: 40%; top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index: 1;}


.block5 {background: url(../images/bg/bg5.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(30px + 3%) 0 calc(30px + 5%)}
.block5 .line {max-width: 320px; height: 1px; background: #F2CE32; margin: calc(15px + 2%) 0;}
.block5 .sympt {max-width: 600px;}
.block5 .block {padding-top: calc(20px + 2%);}
.block5 ul {width: 48%; position: relative; z-index: 10;}
.block5 ul li {padding: 15px 0 15px 60px; background: url(../images/ico8.png) no-repeat 0 50%; margin-bottom: 10px;}
.block5 ul li:before {content: ''; position: absolute;  height: 30px; background: url(../images/line2.png) no-repeat 100% 50%; margin-top: -30px;}
.block5 ul li:nth-child(1):before {width: 100%; right: -50%;}
.block5 ul li:nth-child(2):before {width: 100%; right: -80%;}
.block5 ul li:nth-child(3):before {width: 70%; right: -30%;}
.block5 ul li:nth-child(4):before {width: 100%; right: -40%;}
.block5 ul li:nth-child(5):before {width: 70%; right: -20%;}
.block5 ul li:nth-child(6):before {width: 70%; right: -30%;}
.block5 ul li:nth-child(7):before {width: 60%; right: -30%;}

.block5 .box {width: 50%;}
.block5 .box .mozg .img {width: 100%;}
.block5 .box .pack {position: absolute; bottom: -7%; right: 22%; width: 68%;}

.block6 {background: url(../images/bg/bg6.jpg) no-repeat 50% 100%; background-size: cover; padding: calc(30px + 3%) 0; overflow: hidden;}
.block6 .title {padding-bottom: calc(30px + 3%);}
.block6 .title span {text-shadow: 0 0 80px rgba(0,125,255,1), 0 0 80px rgba(21,135,255,1), 0 0 50px rgba(21,135,255,1), 0 0 30px rgba(95,170,255,1);}
.block6 .text {width: 55%;}
.block6 .form {width: 40%; max-width: 400px; }
.block6 .form form {background: #fff; padding: 8%; border-radius: 30px; -webkit-box-shadow: -10px 10px 30px rgba(0,0,0,1); box-shadow: -10px 10px 30px rgba(0,0,0,1);}
.block6 .form form p.akcia {color: #363e41; padding-bottom: calc(20px + 2%);}
.block6 .formblock {padding-bottom: calc(240px + 12%)}
.block6 .box {position: absolute; bottom: -10%;}
.block6 .box .sticker {position: absolute; right: -10%; top: 15%; width: 40%; max-width: 233px;}
.block6 .box .sticker img {width: 100%;}

footer {background: #181f27; padding: calc(20px + 2%) 0 calc(10px + 1%);}
footer .img {width: 20%; max-width: 175px;}
footer .copy {width: 70%; max-width: 500px;text-align: right;}
footer .info a {color: #fff; }
footer .info a span {border-bottom: 1px dashed #fff;}
footer .info a:hover {color: #43c8ff; }
footer .info a:hover span {border-bottom: 1px dashed #43c8ff;}
footer .info p {margin: 0 10px; display: block;}
footer img {width: 100%;}
footer .bad {width: 100%; margin-top: calc(30px + 3%);}
footer .bad img {opacity: 0.3;}

form .overlay-btn {position: absolute; top: 0; left: 0; right:0; bottom:0;}
form .call-privacy {margin: calc(20px + 3%) auto calc(10px + 1%);}
form .call-privacy a {color: #767575;  display: inline; margin: 0; text-decoration: underline; }
form .call-privacy a:hover {text-decoration: none;}

.checkbox-custom {opacity: 0; position: absolute; display: none;}   
.checkbox-custom-label {font-size: calc((8vw)/(420 - 160) * (9 - 5) + 8px);}
.checkbox-custom-label a {font-size: calc((8vw)/(420 - 160) * (9 - 5) + 8px);}
.checkbox-custom + .checkbox-custom-label:before {content: ''; background: #fff; border: 5px solid #dfd5d7; cursor: pointer; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 50%; padding: 2px; margin-right: 3px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.checkbox-custom + .checkbox-custom-label.attension:before {content: ''; background: #fff; border: 5px solid #ff0000; cursor: pointer; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 50%; padding: 2px; margin-right: 3px; text-align: center; -webkit-box-shadow: 0 0 10px #ff0000; box-shadow: 0 0 10px #ff0000; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: ''; color: #fff; background: rgb(193,1,1);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(193,1,1,1)), to(rgba(246,0,52,1)));
background: -o-linear-gradient(top, rgba(193,1,1,1) 0%, rgba(246,0,52,1) 100%);
background: linear-gradient(180deg, rgba(193,1,1,1) 0%, rgba(246,0,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c10101",endColorstr="#f60034",GradientType=1);}

.fancybox-slide {padding: 3%;}

#privacy ul {padding: 10px 0; list-style-type: disc; margin-left: calc(20px + 2%);}
#privacy a {color: #00a3dc;}
#privacy {width: 100%;  margin: 0 auto; padding: 3% 5%; background: #3f6390;
background: -webkit-gradient(linear, left top, left bottom, from(#3f6390), to(#29394A));
background: -o-linear-gradient(top, #3f6390, #29394A);
background: linear-gradient(to bottom, #3f6390, #29394A);}
#privacy p {padding: 10px 0;}

#pop-form {width: 100%; max-width: 1200px; padding: 6%;}
#pop-form .img {width: 45%;}
#pop-form .img img {width: 100%;}
#pop-form .text {width: 55%;}
#pop-form .orderForm {padding-top: 3%; max-width: 390px; margin: 0 auto;}
.fancybox-slide--html .fancybox-close-small {color: #000;}
#pop-form .sticker {position: absolute; right: 0; bottom: 10%; width: 40%; max-width: 233px;}
#pop-form .sticker img {width: 100%;}
.rot {
  animation: 60s linear 0s normal none infinite running rot;
  -webkit-animation: 60s linear 0s normal none infinite running rot;
}
@keyframes rot {
  0% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  30% {opacity: 0.4;}
  100% {opacity: 1;-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes rot {
  0% {opacity: 1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  30% {opacity: 0.4;}
  100% {opacity: 1;-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}


.rot2 {
  animation: 60s linear 0s normal none infinite running rot2;
  -webkit-animation: 60s linear 0s normal none infinite running rot2;
}
@keyframes rot2 {
  0% {opacity: 1;-webkit-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);}
  30% {-webkit-transform: scale(0.8) rotate(-120deg);transform: scale(0.8) rotate(-120deg);}
  100% {opacity: 1;-webkit-transform: scale(1) rotate(-360deg);transform: scale(1) rotate(-360deg);}
}
@-webkit-keyframes rot2 {
  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
  30% {-webkit-transform: scale(0.8) rotate(-120deg);transform: scale(0.8) rotate(-120deg);}
  100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}
}

.pulse {
  animation: 8s linear 0s normal none infinite running pulse;
  -webkit-animation: 8s linear 0s normal none infinite running pulse;
}
@keyframes pulse {
  0% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  60% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  80% {-webkit-filter: contrast(200%);filter: contrast(200%);}
  100% {-webkit-filter: contrast(100%);filter: contrast(100%);}
}
@-webkit-keyframes pulse {
  0% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  60% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  80% {-webkit-filter: contrast(200%);filter: contrast(200%);}
  100% {-webkit-filter: contrast(100%);filter: contrast(100%);}
}

.pulse2 {
  animation: 8s linear 0s normal none infinite running pulse2;
  -webkit-animation: 8s linear 0s normal none infinite running pulse2;
}
@keyframes pulse2 {
  0% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  40% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  60% {-webkit-filter: contrast(130%);filter: contrast(130%);}
  100% {-webkit-filter: contrast(100%);filter: contrast(100%);}
}
@-webkit-keyframes pulse2 {
  0% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  40% {-webkit-filter: contrast(100%);filter: contrast(100%);}
  60% {-webkit-filter: contrast(130%);filter: contrast(130%);}
  100% {-webkit-filter: contrast(100%);filter: contrast(100%);}
}


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

}

@media only screen and (max-width: 1280px) {
  .block1 .head {width: 40%;}
}

@media only screen and (max-width: 1140px) {
 .px60 {font-size: 48px;}
 .block4 ul.research {background: url(../images/bg/punktir.png) no-repeat 50% 50%; background-size: 40%;}
 .block4 ul.research li .num {font-size: 68px; width: 100%; text-align: center; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
 .block5 ul.research li:before {display: none;}
}

@media only screen and (max-width: 980px) {
    .block1 .mozg-flash .wrap .flex {width: 45%;}
    .block1 .mozg-flash .wrap {-webkit-box-pack: start;justify-content: flex-start; -webkit-justify-content: flex-start;  -ms-flex-pack: start;}    
    .block1 .sostav li {width: 100%; max-width: 640px; margin: 3% auto; padding-left: 18%;}
    .block3 .mozg {font-size: 20px;}
    .block3 .mozg .img {width: 200px; top: 30%; margin-left: -100px;}
    .block3 .mozg .img img {width: 100%;}
    .block3 .p1 {width:42%; margin-top: -110px;}
    .block3 .p1 li {padding: 10px 60px 10px 0;}

    .block3 .p2 {width: 42%;}
    .block3 .p2 li {padding: 10px 0 10px 60px;}
    .block3 .p3 {margin-top: 0;}
    .block3 .p3 li {width: 48%; max-width: 250px; margin: 10px 0;}
    .block3 .p3 li:nth-child(2) {margin-top: 10px;}
    .block3 .p3 li:nth-child(3) {margin-top: 10px;}
    .block4 ul li .txt {font-size: 16px;}
    .block5 ul li:before  {display: none;}

  }

@media only screen and (max-width: 900px) {
  .block1 .headline .box-img {top: -10%; left: 50%; z-index: -1; width: 60%; max-width: 400px;;}
  .block1 .headline .h-title {text-shadow: 0 0 3px #0b2555;}
}

@media only screen and (max-width: 860px) {
	header {font-size: calc((100vw - 280px)/(860 - 280) * (24 - 12) + 12px);}
	header .logo {width: 30%; order:1;}
	header .phone {order:2; width: calc(70% - 32px); text-align: center;}
	header .mobile-button {order:3;}
	header a.how {display: none;}
	
	header .menu {position: absolute; width: 100%; background: #fff; z-index: 10; left: 0%; top: 100%; transform: translate(-100%,0);}
	header .menu .mob_link {display: block;}
	header .menu .link {display: block; color: #000; position: static; border-top: 1px solid #ccc; width: 100%; text-align: center; background: rgba(255,255,255,1); width: 100%; padding: 4% 4% 4% 8%; transition: transform 0.5s;}
	header .menu .link:hover {color: #fff; background: #1e315f; box-shadow: none;}
	header .menu.open .link {transform: translate(100%,0);}
	header .mobile-button a {position: static;}
	header .mobile-button {display: block;}
	
	
  	.block1 {position: relative;}
	.block1 .text h1 {text-shadow: 0 0 80px rgba(255,255,255,1),0 0 10px rgba(95,170,255,1);}
	.block1 .text h1 span {color: #fff;}

	.block1 .mozg-flash {background-size: 150%;}
	.block1 .mozg-flash .px30 {font-size: 24px;}

	.block1 .sostav .ing {width: 100%; max-width: 600px; margin: 2% auto;}
	.block1 .plashka {padding: calc(10px + 3%);}
	.block1 .plashka .box {position: relative; width: 100%; max-width: 500px; margin: calc(-50px - 6%) auto 0;}
	.block1 .plashka .box .pack {position: relative; -webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);}
	.block1 .plashka .text {width :100%;}
	.block1 .head {top: 2%;}
	.block1 .info2 {width: 100%; max-width: 100%;}

	.block2 .text {width: 100%;font-size: 40px; text-align: center; margin: 0 auto calc(30px + 3%); max-width: 90%}
	.block2 .box {width: 60%; position: relative; top: auto; margin: 0 auto;}
	.block2 .box .pack {-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);}
	.block4 ul.research li .num {font-size: 52px;}
	.block4 ul.research li .txt {font-size: 14px;}

	.block6 .title {text-align: center;}
	.block6 .text {width: 100%; text-align: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
	.block6 .form {width: 60%; margin: calc(20px + 2%) auto; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
	.block6 .box {position: relative; bottom: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 40%;}
	.block6 .box img {width: 100%;}
	.block6 .formblock {padding-bottom: 0}

	#pop-form .img {display: none;}
	#pop-form .text {width: 100%;}
 
}

@media only screen and (max-width: 720px) {
  .px26 {font-size: 20px;}
  .px24 {font-size: 20px; line-height: 140%;}
  .block1 .sostav li {padding-left: 22%;}
  .block1 .sostav .lh180 {line-height: 120%;}
  .block1 .page404 .px60 {font-size: 36px;}
  .block1 .page404 .px30 {font-size: 24px;}

.block3 .mozg {height: auto; padding-top: calc(20px + 2%);}

.block3 .mozg .img {display: none;}
.block3 .p1 {width: 100%; margin-top: 0; text-align: left; justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
.block3 .p1 ul {width: 300px; margin: 0 auto;}
.block3 .p1 li {background: url(../images/ico5.png) no-repeat 0% 50%; padding: 10px 0 10px 80px; margin: 0 auto;}
.block3 .p1 li:nth-child(2) {margin-right: 0;}
.block3 .p1 li:nth-child(3) {margin-right: 0;}
.block3 .p2 {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch;  justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
.block3 .p2 ul {width: 300px; margin: 0 auto;}
.block3 .p2 li {background: url(../images/ico6.png) no-repeat 0% 50%; padding: 10px 0 10px 80px;}
.block3 .p2 li:nth-child(2) {margin-left: 0;}
.block3 .p2 li:nth-child(3) {margin-left: 0;}

.block3 .p3 {margin-top: 0; width: 100%; text-align: center;}
.block3 .p3 ul {width: 300px; margin: 0 auto;}
.block3 .p3 li {width: 100%; margin: 10px 0; background: url(../images/ico7.png) no-repeat 0% 50%; padding: 10px 0 10px 80px; text-align: left;}
.block3 .p3 li:nth-child(2) {margin-top: 10px;}
.block3 .p3 li:nth-child(3) {margin-top: 10px;}
.block3 .p3 li:last-child {min-height: 50px;}

.block4 ul.research {background: transparent;}
.block4 ul.research li .num {font-size: 32px;}
.block4 ul.research li .round {width: 30%;}
.block4 ul.research li .txt {font-size: 14px; width: 66%;}
.block4 ul.research li:nth-child(1) {width: 30%;}
.block4 ul.research li:nth-child(2) {width: 55%;}
.block4 ul.research li:nth-child(3) {width: 55%;}
.block4 ul.research li:nth-child(4) {width: 30%;}
.block4 ul.research li:nth-child(5) {width: 30%;}
.block4 ul.research li:nth-child(6) {width: 55%;}
.block4 ul.research li:nth-child(7) {width: 55%;}
.block4 ul.research li:nth-child(8) {width: 30%;}
}

@media only screen and (max-width: 640px) {
  .px36 {font-size: 28px;}
  .px40 {font-size: 28px;}
  
  .block1 .headline .box-img {top: -4%; width: 50%; max-width: 400px;}

  .block1 .headline .px60 {font-size: 38px;}

  .block1 .mozg-flash .px30 {font-size: 18px;}
  .block2 .text {font-size: 28px;}

  .block4 ul.research li {margin: calc(10px + 2%) 0;}
  .block4 ul.research li .round {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
  .block4 ul.research li .txt {font-size: 18px;  -webkit-box-ordinal-group: 3;  -ms-flex-order: 2;  order: 2; text-align: left; padding: 0;}
  .block4 ul.research li .line {margin: 2% 0;}
  .block4 ul.research li:nth-child(1) {display: none}
  .block4 ul.research li:nth-child(2) {width: 100%;}
  .block4 ul.research li:nth-child(3) {width: 100%;}
  .block4 ul.research li:nth-child(4) {display: none}
  .block4 ul.research li:nth-child(5) {display: none}
  .block4 ul.research li:nth-child(6) {width: 100%;}
  .block4 ul.research li:nth-child(7) {width: 100%;}
  .block4 ul.research li:nth-child(8) {display: none}

  .block5 ul {width: 100%;}
  .block5 .box {width: 60%; margin: calc(20px + 2%) auto 0;}
  .block5 .box .pack {width: 100%;}

  footer .img {width: 90%; margin: 0 auto calc(20px + 3%);}
  footer .copy {width: 90%; margin: 0 auto; text-align: center;}   
  footer .info {justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
}

@media only screen and (max-width: 540px) {
  .px80 {font-size: 60px;}
  .px30 {font-size: 24px;}
  .px42 {font-size: calc((100vw - 280px)/(540 - 280) * (36 - 20) + 20px);}



  
  .block1 .headline {margin: calc(10px + 1%) 0 0;}
  .block1 .headline .h-title {margin-bottom: calc(30px + 3%);}

  .block1 .text {margin: 0 auto; padding-top: calc(30px + 5%);}
  .block1 .main-text {margin: 0 auto; width: 90%; text-align: center; padding: calc(50px + 5%) 0;}
  .block1 .text .info {text-align: center; color: #fff; text-shadow: 0 0 80px rgba(255,255,255,1),0 0 10px rgba(95,170,255,1);}
  .block1 .text .info span {color: #fff;}
  .block1 .head {width: 70%; top: 2%; min-width: 220px;}
  .block1 .mozg-flash {background: url(../images/mozg2.png) no-repeat 50% 100%; background-size: 150%;}
  .block1 .plashka .text  {padding: 0;}
  .block1 .mozg-flash .wrap {padding: 10% 0 60%;}
  .block1 .mozg-flash .wrap .flex {width: 100%;}
  .block1 .mozg-flash .wrap .flex.p1 {padding: 0;}
  .block1 .mozg-flash .wrap .flex.p2 {padding: 0;}
  .block1 .mozg-flash .wrap .flex.p3 {padding: 0;}
  .block1 .mozg-flash .wrap .flex.p4 {padding: 0;}
	.block1 .info2 {text-align: center;}
  
  .block1 .sostav {margin: calc(30px + 3%) 0 0;}
  .block1 .page404 {}
  .block1 .page404 .px60 {font-size: 30px;}
  .block1 .page404 .px30 {font-size: 18px;}

  .block6 .box {width: 80%; max-width: 240px; margin: 0 auto;}
  .block6 .form {width: 100%;}
  footer .info p {display: none}
  footer .info {flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal;  -ms-flex-direction: column;}
  #pop-form .px28 {font-size: 20px;}

}

@media only screen and (max-width: 480px) {
.block1 .headline .px60 {font-size: 34px;}
.block1 .headline .box-img {top: -7%; width: 55%; max-width: 400px; left: 50%;}

.block4 ul.list li {width: 45%;}
.block4 ul.list li .ico {margin: 0 auto calc(10px + 2%); width: 80px; height: 80px;}
.block4 ul.list li .ico img {margin: 0 auto; width: 50%; max-width: 100%;}
.block4 ul.list li p {line-height: 120%; font-size: 16px;}

}

@media only screen and (max-width: 420px) {
  .px18 {font-size: 18px;} 
  .px21 {font-size: 18px;}      
  .px24 {font-size: 18px;}  
  .px36 {font-size: 24px;}  
  .px40 {font-size: 24px;}

  .block1 .headline .px60 {font-size: 30px;}
  .block1 .text .px53 {font-size: 24px;}
  .block1 .sostav .ico {display: none;}
  .block1 .sostav .txt {width :100%;}
  .block1 .sostav .list li {background: url(../images/check2.png) no-repeat 0 0.4em; background-size: 12px; padding: 1% 0 1% 16px;}
  .block1 .text .px21 {font-weight: bold;}
  .block2 .text {font-size: 24px;}
  .block4 ul.research li .txt {font-size: 14px;}

}

@media only screen and (max-width: 360px) {  
  .px18 {font-size: 16px;} 
  .px21 {font-size: 16px;}      
  .px24 {font-size: 16px;}    
  .px30 {font-size: 18px;}

  .px36 {font-size: 18px;}  
  .px40 {font-size: 18px;}
  .px80 {font-size: 48px;}


  #pop-form .px28 {font-size: 16px;}
  #pop-form .px38 {font-size: 30px;}


  header ul.menu {font-size: 11px;}
  header ul.menu li:nth-child(2) {display: none;}

 
  .block2 .text {font-size: 18px;}
  .block4 ul.research li .num {font-size: 20px;}
  .block4 ul.research li .txt {font-size: 12px;}

  .block4 ul.list li .ico {margin: 0 auto calc(10px + 2%); width: 60px; height: 60px;}
  .block4 ul.list li .ico img {margin: 0 auto; width: 50%; max-width: 100%;}
  .block4 ul.list li p {line-height: 120%; font-size: 14px;}
}

    
@media only screen and (max-width: 320px) {  
  .px18 {font-size: 14px;}

	header .mobile-button a {width: 24px; height: 19px; display: block; position: relative; left: auto;}
	header .menu-icon .bar {height: 3px; width: 100%;}
	header .menu-icon .bar-2 {top: 8px;}
	header .menu-icon .bar-3 {top: 16px;}
  }