#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; 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;}
.yellow {color: #F2CE32;}
.yellow2 {color: #ffd800;}
.green {color: #659513;}
.pink {color: #bd61d5;}
.grey {color: #999;}

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

.overflow {overflow: hidden;}

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

header {width: 100%; max-width: 1920px; margin: 0 auto; position: absolute; top: 0; padding: calc(20px + 2%) 0; z-index: 10;}
header a {color: #609ae1; transition: all 0.3s;}
header a:hover {color: #fff; text-shadow: 0 0 30px rgba(0,125,255,1), 0 0 30px rgba(21,135,255,1), 0 0 50px rgba(21,135,255,1), 0 0 10px rgba(95,170,255,1);}
header a.how {background: #F2CE32; color: #000; border-radius: 4px; padding: 3px 8px;}
header a.how:hover {background: #fff; color: #000; text-shadow: none;}
header .logo {width: 15%;}
header .logo img {width: 90%; transform: translate(0,10%); max-width: 188px;}
header .menu {width: calc(80%);} 

.block1 {background: url(../images/bg/bg1.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(30px + 3%) 0 calc(30px + 6%); 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; padding-top: calc(50px + 5%); position: relative; z-index: 10;}
.block1 .head {position: absolute; top: 100px; right: 0; width: 50%; max-width: 500px;}
.block1 .head .man {position: relative; z-index: 2; width: 100%;}
.block1 .head .mozg {position: absolute; top: 0%; width: 60%; left: 50%; transform: translate(-50%,0); z-index: 3;}
.block1 .head img {width: 100%;}
.block1 .head .flare {position: absolute; top: -45%; z-index: 1; left: 43%; transform: translate(-50%,0); width: 180%;}
.block1 .head .flare2 {position: absolute; top: -36%; z-index: 2; left: 45%; transform: translate(-50%,0) scale(0.9); width: 160%;}
.block1 .head .flash {position: absolute; top: 0; width: 32%; top: 35%; left: 40%; transform: translate(-50%,0); z-index: 4;}

.block1 .plashka {z-index: 10;max-width: 640px; 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(20px + 2%); padding: 0 0 calc(10px + 2%) 14%; 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 {position: absolute; top: 50%; left:0%; width: 55%;}
.block1 .plashka .box .pack {position: relative; transform: translate(-45%,-46%); width: 100%;}
.block1 .plashka .box .pack .img {position: relative; width: 100%; z-index: 2; }
.block1 .plashka .box .pack .sticker {position: absolute; right: 20%; bottom: 10%;z-index: 10; width: 35%; max-width: 233px;}
.block1 .plashka .box .pack .sticker img {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 li {width: 48%; margin: 3% 0; padding-left: 10%;}
.block1 .sostav li:nth-child(1) {background: url(../images/ing1.png) no-repeat 0 0; background-size: 16%;}
.block1 .sostav li:nth-child(2) {background: url(../images/ing2.png) no-repeat 0 0; background-size: 16%;}
.block1 .sostav li:nth-child(3) {background: url(../images/ing3.png) no-repeat 0 0; background-size: 16%;}
.block1 .sostav li:nth-child(4) {background: url(../images/ing4.png) no-repeat 0 0; background-size: 16%;}
.block1 .sostav li:nth-child(5) {background: url(../images/ing5.png) no-repeat 0 0; background-size: 16%;}
.block1 .sostav li:nth-child(6) {background: url(../images/ing6.png) no-repeat 0 0; background-size: 18%;}
.block1 .sostav li:nth-child(7) {background: url(../images/ing7.png) no-repeat 0 0; background-size: 16%;}
.block1 .sostav li:nth-child(8) {background: url(../images/ing8.png) no-repeat 0 0; background-size: 15%;}

.block1 .page404 {padding: calc(50px + 5%) 0 0; height: 60vw; min-height: 280px; max-height: 60vh;}

.block2 {background: #00122d; background-size: cover; padding: calc(20px + 1%) 0 calc(30px + 3%); position: relative; z-index: 2;}
.block2 .text {max-width: 500px; width: 60%;}
.block2 .box {position: absolute;  top: 40%; right: 0; width: 50%; max-width: 496px;}
.block2 .box .pack {position: relative; 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%; 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 {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 10px calc(50px + 5%); background: url(../images/check.png) no-repeat 0 50%;}

.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%; 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%;transform: translate(-50%,-50%); z-index: 1;}
.block4 ul.research li .stars {position: absolute; left: 40%; top: 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; 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: 0; bottom: 10%; width: 50%; 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;}

.call-privacy {padding-top: 30px; position: relative; z-index: 2;}
.call-privacy input.check {width: 15px; height: 15px; margin: 0 10px 0 0;}
.call-privacy {margin: 2% auto; color: #666;}
.call-privacy a {color: #00a3dc; text-decoration: underline;}
.call-privacy a:hover {text-decoration: none;}

.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-linear-gradient(top, #3f6390, #29394A);
background: -moz-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;transform: rotate(0deg);}
  30% {opacity: 0.4;}
  100% {opacity: 1;transform: rotate(360deg);}
}
@-webkit-keyframes rot {
  0% {opacity: 1;transform: rotate(0deg);}
  30% {opacity: 0.4;}
  100% {opacity: 1;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;transform: scale(1) rotate(0deg);}
  30% {transform: scale(0.8) rotate(-120deg);}
  100% {opacity: 1;transform: scale(1) rotate(-360deg);}
}
@-webkit-keyframes rot2 {
  0% {transform: rotate(0deg);}
  30% {transform: scale(0.8) rotate(-120deg);}
  100% {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% {filter: contrast(100%);}
  60% {filter: contrast(100%);}
  80% {filter: contrast(200%);}
  100% {filter: contrast(100%);}
}
@-webkit-keyframes pulse {
  0% {filter: contrast(100%);}
  60% {filter: contrast(100%);}
  80% {filter: contrast(200%);}
  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% {filter: contrast(100%);}
  40% {filter: contrast(100%);}
  60% {filter: contrast(130%);}
  100% {filter: contrast(100%);}
}
@-webkit-keyframes pulse2 {
  0% {filter: contrast(100%);}
  40% {filter: contrast(100%);}
  60% {filter: contrast(130%);}
  100% {filter: contrast(100%);}
}



@media only screen and (max-width: 1400px) {
  .block1 .plashka .box {width: 40%;}
  .block1 .plashka .box .pack {transform: translate(-15%,-46%);}
  .block1 .plashka {padding-left: calc(150px + 5%);}
}

@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%; transform: translate(-50%,-50%);}
 .block5 ul.research li:before {display: none;}
}

@media only screen and (max-width: 980px) {
     header ul.menu {font-size: 18px;}
    .block1 .sostav li {width: 100%; max-width: 640px; margin: 3% auto; padding-left: 18%;}
    .block1 .mozg-flash .wrap .flex {width: 45%;}
    .block1 .mozg-flash .wrap {justify-content: flex-start; -webkit-justify-content: flex-start;  -ms-flex-pack: start;}
    
    .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: 860px) {
  header ul.menu {font-size: 14px;}

  .block1 .main-text {max-width: 420px; }
  .block1 .text .px53 {font-size: 42px; text-shadow: 0 0 80px rgba(255,255,255,1),0 0 10px rgba(95,170,255,1);}
  .block1 .text .px53 span {color: #fff;}
  .block1 .plashka {max-width: 100%; padding-left: 30%;}
  .block1 .mozg-flash {background-size: 150%;}
  .block1 .mozg-flash .px30 {font-size: 24px;}
  .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 {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; order: 1;}
  .block6 .form {width: 60%; margin: calc(20px + 2%) auto; order: 3;}
  .block6 .box {position: relative; bottom: auto; 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) {
.px24 {font-size: 20px; line-height: 140%;}
.px26 {font-size: 20px;}
.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: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: stretch; -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) {

  header ul.menu {font-size: 12px;}
  header .logo {width: 20%;}

  .px36 {font-size: 28px;}
  .px40 {font-size: 28px;}

  .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 {order: 1;}
  .block4 ul.research li .txt {font-size: 18px;  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;}
  .px24 {font-size: 18px;}
  header ul.menu {width: 100%; margin: calc(20px + 2%) auto;}
  header ul.menu a {background: #F2CE32; color: #000; border-radius: 4px; padding: 3px 8px;}
  header ul.menu a:hover {background: #fff; color: #000; text-shadow: none;}
  header ul.menu a.btn {color: #000;}
  header .logo {width: 90%; max-width: 188px; margin: 0 auto;}
  header .logo img {transform: translate(0,0); width: 100%; }
  .block1 .plashka {padding: calc(10px + 3%);}
  .block1 .plashka .box {position: relative; top: auto; left: auto; width: 100%; max-width: 320px; margin: calc(-50px - 10%) auto 0;}
  .block1 .plashka .box .pack {transform: translate(0%,0%);}

  .block1 .text .px53 {font-size: 28px; text-align: center;}
  .block1 .text {margin: 0 auto; padding-top: calc(100px + 5%);}
  .block1 .main-text {margin: 0 auto; 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: 65%;}
  .block1 .mozg-flash {background: url(../images/mozg2.png) no-repeat 50% 100%; background-size: 150%;}

  .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 .sostav {margin: calc(100px + 5%) 0 0;}
  .block1 .page404 {padding: calc(100px + 5%) 0 0;}
  .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;  -webkit-flex-direction: column;  -ms-flex-direction: column;}

  #pop-form .px28 {font-size: 20px;}

}

@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 .text .px53 {font-size: 24px;}

  .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;}

  header ul.menu {font-size: 11px;}
  header ul.menu li:nth-child(2) {display: none;}
  .block1 .head {width: 90%; right: -30%;}
  .block2 .text {font-size: 18px;}
  .block4 ul.research li .num {font-size: 20px;}
  .block4 ul.research li .txt {font-size: 12px;}

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

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