/*============ WRAPPER ============*/
section, header, footer {width: 100%; margin: 0 auto; min-width: 480px;}
.wrap {max-width: 1000px; min-width: 460px;width: 96%; margin: 0 auto; position: relative;}
/* Text & font style */
/* Colors style */
.pink {color: #e54278;}
.blue {color: #000c26;}
.blue2 {color: #2877bd;}
.blue3 {color: #0a1d42;}
.blue4 {color: #143170;}
.blue5 {color: #00a9ff;}
.bir {color: #17a6a5;}
.black {color: #222222;}
.white {color: #ffffff;}
.orange {color: #d93700;}
.grey {color: #313131;}
.grey2 {color: #8d8d8d;}
.green {color: #659513;}
.lgreen {color: #99bd23;}
.red {color: #ff1800;}
.pink {color: #bd61d5;}
.pink2 {color: #bd2867;}
.yellow {color: #feda20;}
.yellow2 {color: #d6ac19;}
.purp {color: #7228bd;}


/*============ SECTION'S ============*/
sup {font-size: 70%; line-height: 100%; vertical-align: top;}


#success-send {width: 100%; max-width: 720px; line-height: 120%; text-align: center; padding: calc(30px + 3%) 5%; position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff;}
#success-send .fancybox-close-small {background: transparent; color: #000;}
#hidden-form  {width: 100%; max-width: 1200px; padding: 6px 12px; border: 8px solid #f7f7f7; background: transparent;}
#hidden-form .block {padding: 8% 40px 6%; background: #f7f7f7;}
#hidden-form form {margin: 6% 0 0;}
#hidden-form form button {border: none; height: 62px; width: 30%; border-radius: 30px;
    background: #071531;
    padding: 14px 0; cursor: pointer;
    transition: all 0.3s;}
#hidden-form input {width: 31%; margin: 0;}
#hidden-form .fancybox-slide--html .fancybox-close-small {padding: 0;}



header {background: rgba(255,255,255,0.5); height: 90px; box-shadow: 0 6px 15px rgba(0,0,0,0.1); position: absolute;}
header ul {width: 100%;}
header li:nth-child(1) {max-width: 260px;}
header li:nth-child(1) img {max-width: 170px; width: 100%;}
header li:nth-child(2) {width: calc(70% - 300px);  background: url(../images/shield.png) no-repeat 0 50%; padding-left: 50px;}
header li:nth-child(2) p {max-width: 240px;}
header li:nth-child(3) {width: 30%; max-width: 300px; min-width: 200px;}
header .button {border-radius: 30px; display: block; background: #071531; padding: 14px 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;  overflow: hidden;}
.block1 .wrap {margin-top: calc(90px + 15px + 3%); padding: 0  0 calc(30px + 3%);}
.block1 .man {position: absolute; bottom: 0; left: -30%;}
.block1 .man img {display: block;}
.block1 .title  {width: 100%; padding-bottom: calc(10px + 1%);}
.block1 .title .line {width: 16%; height: 1px; background: #2877bd;} 
.block1 .title img {width: 45%; max-width: 319px; margin: 0 3%;}
.block1 .block {position:relative; max-width: 480px; width: 100%; margin: calc(15px + 3%) auto 0;}
.block1 .block ul li {padding: 10px 10px 14px 100px; min-height:68px;background: url(../images/ico1.png) no-repeat 15px 50%; margin-bottom: 12px; border-radius: 8px;}
.block1 .block a {display: block; width: 100%; max-width: 469px; height: 151px; background: url(../images/btn.png) no-repeat; background-size: 100%;text-align: center; padding-top: 30px; 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: -500px; top: 30px; width: 100%; max-width: 520px;}
.block1 .box .caps {position: absolute; bottom: -25px; left: 25px; width: 110px; height: 100px;}
.block1 .box .caps img {width: 100%;}
.block1 .zvezda {margin-top: -30px;}

.block2 {background: #132e67 url(../images/bg/bg2.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(15px + 3%) 0 0; }
.block2 .desc .line {width: calc((100% - 320px)/2); height: 1px; background: #feda20;}
.block2 .desc p {width: 320px;}
.block2 .desc {padding-bottom: calc(10px + 1%);}
.block2 .txt {width: 50%; background: url(../images/quote.png) no-repeat 0 0; padding: 20px 0 0 20px;}
.block2 .name {padding-top: 15px;}
.block2 .photo {width: 50%;}
.block2 .photo img {width: 100%;}

.block3 {background: url('../images/bg/bg3.jpg') 50% 50% no-repeat; background-size: cover; height: auto; padding: calc(30px + 3%) 0;}
.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/ico2.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/ico3.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/ico4.png) no-repeat 50% 0%; padding-top: 60px;}
.block3 .p3 {width: 75%; 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 .desc2 {padding-top: calc(50px + 5%);}
.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: #e1edfb url(../images/bg/bg4.jpg) no-repeat 50% 0%; background-size: 100%; padding: 30px 0;}
.block4 .sostav {width: 780px; margin: 3% auto;}
.block4 .sostav p {font-size: 22px; color: #659513; font-weight: bold; text-transform: uppercase; text-decoration: underline;}
.block4 .sostav span {color: #1f2b46; font-style: italic; font-size: 18px;}
.block4 .sostav li {width: 48%; padding: 40px 0;}
.block4 .sostav li:nth-child(1) {background: url(../images/ing1.png) no-repeat 80% 20px;}
.block4 .sostav li:nth-child(2) {background: url(../images/ing2.png) no-repeat 80% 20px;}
.block4 .sostav li:nth-child(3) {background: url(../images/ing3.png) no-repeat 80% 20px;}
.block4 .sostav li:nth-child(4) {background: url(../images/ing4.png) no-repeat 100% 30px;}
.block4 .sostav li:nth-child(5) {background: url(../images/ing5.png) no-repeat 80% 20px;}
.block4 .sostav li:nth-child(6) {background: url(../images/ing6.png) no-repeat 100% 20px;}
.block4 .sostav li:nth-child(7) {background: url(../images/ing7.png) no-repeat 100% 0px;}
.block4 .sostav li:nth-child(8) {background: url(../images/ing8.png) no-repeat 100% 10px;}
.block4 .sostav p {margin-bottom: 10px;}
.block4 a {display: block; width: 100%; max-width: 499px; height: 151px; background: url(../images/btn.png) no-repeat; text-align: center; padding-top: 30px; margin: 30px auto 0; transition: all 0.3s; background-size: 100%;}
.block4 a:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}
.block4 .zvezda {margin: -15px 0 20px;}
.block4 .ing {cursor: pointer;}
.block4 .ing .toggle-answer {display: none; font-style: italic; font-size: 18px; background: rgba(255,255,255,0.6); line-height: 120%; border-radius: 4px; margin: calc(10px + 1%) auto 0; cursor: auto; width: 100%; max-width: 600px; padding: 3%;}
.block4 .ing p.toggle-answer {padding: 2%;}
.block4 .ing.no-toggle .toggle-answer {display: block;}
.block4 .ing.no-toggle {background: none;}

.block5 {background: url(../images/bg/bg5.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(30px + 3%) 0;}
.block5 .rel {position: relative; z-index: 2;  width: 85%; max-width: 840px; margin-top: calc(20px + 3%) ;}
.block5 .block {position: relative; z-index: 5; background: rgba(255,255,255,0.9); padding: 4%; }
.block5 .block p {padding-bottom: 20px;}
.block5 .border {width: 100%; height: 100%; border: 2px dotted #7fc05c; box-sizing: border-box; top: 30px; left: -30px; z-index: 1; position: absolute;}
.block5 .shtamp {width: 40%;}
.block5 .shtamp img {width: 100%;}

.block6 {background: url(../images/bg/bg6.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(20px + 2%) 0;}
.block6 .title {padding-bottom: calc(15px + 3%);}
.block6 .txt {width: 48%;}
.block6 .txt p {padding-bottom: calc(15px + 3%);}
.block6 .paper {width: 48%; position: relative;}
.block6 .paper .block {width: 630px; height: 638px; background: url(../images/paper.png) no-repeat 50% 50%; padding: 100px 100px 0 60px;}
.block6 .paper ul li {padding: 0 0 0 80px; margin: 30px 0;}
.block6 .paper ul li:nth-child(1) {background: url(../images/ico5.png) no-repeat 0 5px;}
.block6 .paper ul li:nth-child(2) {background: url(../images/ico6.png) no-repeat 0 5px;}
.block6 .paper ul li:nth-child(3) {background: url(../images/ico7.png) no-repeat 0 5px;}
.block6 .paper ul li:nth-child(4) {background: url(../images/ico8.png) no-repeat 0 5px;}

.block7 {background: #fff; padding: calc(30px + 2%) 0;}
.block7 .title {padding: calc(15px + 3%) 0;}
.block7 .block {max-width: 800px; box-shadow: 0 5px 20px rgba(0,0,0,0.3); margin: 0 auto;}
.block7 .block .line {width: 100%; height: 7px; background: #2877bd;}
.block7 .block .photo {width: 38%;}
.block7 .block .txt {width: 62%;}
.block7 .block .txt .text {padding: calc(65px + 3%) 8% 8%;}
.block7 .block .photo img {width: 100%;}
.block7 .block .txt .text p {padding: 10px 0;}
.block7 .block .txt .text .fire {padding: 10px 0 10px 30px; background: url(../images/fire.png) no-repeat 0 5px;}
.block7 .name {padding: 30px 0;}
.block7 .progress .after {padding: 15px 0;}
.block7 .progress:before {content: ''; background: url(../images/arr.png) no-repeat; width: 43px; height: 57px; position: absolute; left: 5px; top: -10px;}
.block7 .progress .after span {background: #bd61d5; padding: 3px 10px;}


.block8 {background: url(../images/bg/bg7.jpg) no-repeat 50% 50%; background-size: cover; padding: calc(30px + 2%) 0; overflow: hidden;}
.block8 ul {width: 65%;}
.block8 ul li {margin: 10px 0;}
.block8 ul li p { width: calc(100% - 80px); }
.block8 ul li span {padding: 0px 10px 2px; background: #bd61d5; color: #fff;}
.block8 .box {width: 35%;}
.block8 .box img {width: 100%;}
.block8 .box .caps {position: absolute; bottom: -50px; left: -30px; width: 100px; height: 140px;}
.block8 .box .caps img {width: 100%;}

.block9 {background: #1a3a7f url(../images/bg/bg8.jpg) no-repeat 50% 100%; background-size: cover; padding: calc(15px + 2%) 0 calc(15px + 3%);}
.block9 .wrap {max-width: 1080px;}
.block9 .title .line {width: 16%; height: 1px; background: #fff;} 
.block9 .title p {padding: 0 3%;}
.block9 .desc {padding-bottom: 15px;}
.block9 ul {position: relative; height: 470px;}
.block9 ul li {position: absolute; width: 216px; height: 216px; background: url(../images/li2.png); background-size: 100%; padding-left: 2%;}
.block9 ul li:nth-child(1) {position: absolute; bottom: 0; left: 0;}
.block9 ul li:nth-child(2) {position: absolute; bottom: 50%; left: 25%; margin-left: -122px; margin-bottom: -50px;}
.block9 ul li:nth-child(3) {width: 244px; height: 244px; position: absolute; top: 0; left: 50%; margin-left: -132px;}
.block9 ul li:nth-child(4) {position: absolute; bottom: 50%; left: 75%; margin-left: -122px; margin-bottom: -50px;}
.block9 ul li:nth-child(5) {position: absolute; bottom: 0; right: 0;}

.block13 {background: #fff; padding: calc(10px + 2%) 0; overflow: hidden; }
.block13 .title {max-width: 720px; margin: 0 auto calc(30px + 3%);}
.block13 ul {max-width: 800px; margin: 0 auto;}
.block13 ul li {width: 25%;position: relative;}
.block13 ul li:nth-child(2) {width: 5%; padding-top: 12%;}
.block13 ul li:nth-child(4) {width: 5%; padding-top: 12%;}
.block13 ul li p {width: 96%; max-width: 300px; margin: 0 auto;}
.block13 ul li img {padding-bottom: 20px;}
.block13 ul li:last-child img {margin-left: -38%;}

.block14 {background: url('../images/bg/bg1.jpg') 50% 0 no-repeat; background-size: cover; overflow: hidden;}
.block14 .wrap {padding: calc(20px + 2%) 0;}
.block14 .man {position: absolute; bottom: 0; left: -15%; width: 38%;}
.block14 .man img {display: block; width: 100%;}

.block14 .title {width :100%; padding-bottom: 15px;}
.block14 .txt {padding-left: 10%;}
.block14 .block {width: calc(100% - 450px);}
.block14 .formblock {background: #f2faff; box-shadow: 0 0 30px rgba(0,0,0,0.3); max-width: 425px; width: 100%; padding: 10px;}
.block14 .formblock .time {position: relative; margin: 0 auto; padding: 15px 0 25px;}
.block14 .formblock .border {border: 1px solid #b0d6f0; padding: 20px 0 0;}

.block14 .box {position: relative; padding-top: 14%; width: 100%; max-width: 320px; margin-right: -12%;  text-align: center;}
.block14 .box img {width: 100%;}
.block14 .box .caps {position: absolute; bottom: -25px; left: -34px; width: 80px; height: 100px;}
.block14 .box .caps img {width: 100%;}

.block14 #form {width: 360px; margin: 0 auto;}

.block14 .zvezda {margin: -30px 0 30px; }
.block14 .button {display: block; border: 0; cursor: pointer; width: 420px; height: 151px; background: url(../images/btn.png) no-repeat; background-size: 100%; text-align: center; padding-top: 30px; margin: 30px 0 0 -30px; transition: all 0.3s;}
.block14 .button:hover {-webkit-filter: contrast(1.2); filter: contrast(1.2);}


footer {background: #1a264f; padding: 30px 0 10px; color: #fff; height: auto;}
footer ul li .title {text-align: center;}
footer ul li.p1 {width: 100%;}
footer ul li.p3 {padding: calc(15px + 1%) 0; width: 100%; text-align: center;}
footer ul.list li {width: 31%; padding: 6px 0 6px 40px;}
footer ul.list li:nth-child(1) {background: url('../images/footer_ico1.png') no-repeat 0 50%; background-size: 25px;}
footer ul.list li:nth-child(2) {background: url('../images/footer_ico2.png') no-repeat 0 50%; background-size: 25px;}
footer ul.list li:nth-child(3) {background: url('../images/footer_ico3.png') no-repeat 0 50%; background-size: 30px;}
footer .title {padding-bottom: 15px; color: #fff; text-transform: uppercase;}
footer ul li.p3 .title {padding-bottom: 23px;}
footer .copy img {vertical-align: middle; padding-left: 10px;}
footer .line {padding: 14px 0;}
footer .adr {padding: 14px 0;}
footer .vam {vertical-align: middle;}


#pronext {width: 20px; height:20px; background: #000;}

.bx-wrapper {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; border: none; background: none;height: 100%;padding: 0 8%;margin-bottom: 0;}
.block2 .bx-wrapper .bx-controls-direction a {top: 50%; margin-top: -25px;}
.bx-wrapper .bx-pager {bottom: 30px;width: 50%;}
.bx-wrapper .bx-pager-item { font-size: 16px; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #feda20;}
.bx-wrapper .bx-pager.bx-default-pager a {background: none; border: 1px solid #feda20; border-radius: 50%;}

.bx-wrapper .bx-controls-direction a { width: 23px; height: 50px; top: auto; margin-top: 0;}
.block7 .bx-wrapper .bx-controls {position: absolute; top: 0; width: 62%; right: 0; height: 65px; border-bottom: 1px solid #ccc;}
.block7 .bx-wrapper .bx-controls-direction a {width: 65px; height: 65px;}
.block7 .bx-wrapper .bx-pager {width: 100%; bottom: 20px; padding: 0; font-size: 20px;}
.bx-wrapper .bx-prev {
    left: 0px;
    background: url(../images/prev.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    border-bottom: none;
}
.block7 .bx-wrapper {padding: 0;}
.block7 .bx-wrapper .bx-prev {background: url(../images/prev2.png) no-repeat 50% 50%; border-right: 1px solid #ccc;}

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

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

.bx-wrapper .bx-next {
    right: 0px;
    background: url(../images/next.png) no-repeat;
    background-size: 100%;
    text-decoration: none;
    border-bottom: none;
}
.block7 .bx-wrapper .bx-next {background: url(../images/next2.png) no-repeat 50% 50%; border-left: 1px solid #ccc;}


.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background: url(../images/next.png) no-repeat center;
    background-size: 100%;
    background-position: center;
}
.block7 .bx-wrapper .bx-next:hover, .block7 .bx-wrapper .bx-next:focus {
    background: url(../images/next2.png) no-repeat center;
    background-position: center;
}
.bx-wrapper .bx-controls-direction a:hover { opacity: 0.9;}

.timerbox2 {padding-top: 10px;}
.countbox-space {color: #333; font-size: 32px; line-height: 54px; width: 10px; text-align: center;}
.countbox-text {font-size: 16px; line-height: 140%; color: #000;}

.timerbox2 .countbox-num {font-weight: 900; font-size: 32px; color:#fff;  width: 56px; height: 60px; line-height: 60px; background: url(../images/dash.png); border-radius: 6px;}
.timerbox2 .num {width: 78px;}




  #modal_form {
  width: 100%;
  max-width: 520px; 
  height: auto;
  color: #333;
  text-align: center;
  border-radius: 10px;
  background: #fff;
  position: fixed; 
  top: 45%; 
  left: 50%; 
  margin-top: -190px;
  margin-left: -260px; 
  display: none; 
  opacity: 0;
  z-index: 9999;
  padding: 30px;
}
#modal_form input {
    font-size: 20px;
    line-height: 48px;
    border-radius: 6px;
    display: block;
    width: 100%;
    height: 48px;
    text-indent: 15px;
    padding: 6px 12px;
    color: #555;
    margin-bottom: 15px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

#modal_form input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
#modal_form ::-webkit-input-placeholder {font-size: 16px; font-style: normal; color:#acacac;}
#modal_form ::-moz-placeholder          {font-size: 16px; font-style: normal; color:#acacac;}/* Firefox 19+ */
#modal_form :-moz-placeholder           {font-size: 16px; font-style: normal; color:#acacac;}/* Firefox 18- */
#modal_form :-ms-input-placeholder      {font-size: 16px; font-style: normal; color:#acacac;}
#modal_form .desc {padding: 15px 0;}
#modal_form button {width: 100%; border-radius: 6px; color:#fff; height: 48px; line-height: 48px; border: 0; cursor: pointer; outline: none;
background-color: #4ea64e;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNWJiNjViIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MTk2NDEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(91, 182, 91)),color-stop(1, rgb(65, 150, 65)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(top,rgb(91, 182, 91) 0%,rgb(65, 150, 65) 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom,rgb(91, 182, 91) 0%,rgb(65, 150, 65) 100%);
    background-image: -ms-linear-gradient(top,rgb(91, 182, 91) 0%,rgb(65, 150, 65) 100%);
}

#modal_form button.button:hover {background-color: #419641;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNDE5NjQxIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MTk2NDEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(65, 150, 65)),color-stop(1, rgb(65, 150, 65)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(top,rgb(65, 150, 65) 0%,rgb(65, 150, 65) 100%);
    /* IE10+ */
    background-image: linear-gradient(to bottom,rgb(65, 150, 65) 0%,rgb(65, 150, 65) 100%);
    background-image: -ms-linear-gradient(top,rgb(65, 150, 65) 0%,rgb(65, 150, 65) 100%);
}
#modal_form .zvezda {padding-top: 10px;}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_close {width: 35px;height: 30px;position: absolute;cursor:pointer;top: -40px;right: 0;z-index: 1;}
#modal_close:after, #modal_close:before {content: "";position: absolute;right: 0;top: 10px;width: 35px;height: 10px;background: #fff;transition: all 1s;}
#modal_close:after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#modal_close:before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.uretramol {
  color: #246f91;
  font-weight: 700;
}
/* П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: 1400px) {
.block6 .graph {width: 100%; margin-bottom: calc(20px + 3%);}
.block6 .graph img {margin: 0 auto; display: block;}
.block6 .paper {width: 100%;}
.block6 .paper .block {margin: 0 auto;}
}

@media screen and (max-width: 1380px) {
    .block6 {height: auto;}
.block6 .txt {width: 100%; text-align: center;}
.block6 .paper {width: 100%; }
.block6 .paper .block {position: relative; margin: calc(30px + 3%) auto 0;}
}
@media screen and (max-width: 1280px) {
.block1 .man {left: -15%; width: 40%;}
.block1 .man img {width: 100%;}
.block1 .box {width: 60%; max-width: 100%; right: -60%;}
.block1 .box img {width: 100%;}
}

@media screen and (max-width: 960px) {
#hidden-form .px48 {font-size: 30px;}
#hidden-form input {width: 100%; margin: 0 0 20px;}
#hidden-form form button {width: 320px; margin: 0 auto;}

.block3 .mozg .img {width: 200px; top: 30%; margin-left: -100px;}
.block3 .mozg .img img {width: 100%;}
.block3 .p1 {width:42%;}
.block3 .p2 {width: 42%;}
.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;}
.block8 ul {width: 100%;}
.block8 .box {display: none;}

.block9 ul {position: relative; height: 400px;}
.block9 ul li {position: absolute; width: 160px; height: 160px; background: url(../images/li2.png) no-repeat ; background-size: 100%; padding-left: 2%;}
.block9 ul li:nth-child(1) {position: absolute; bottom: 0; left: 0; font-size: 24px;}
.block9 ul li:nth-child(2) {position: absolute; bottom: 50%; left: 25%; margin-left: -80px; margin-bottom: -50px; font-size: 20px;}
.block9 ul li:nth-child(3) {width: 160px; height: 160px; position: absolute; top: 0; left: 50%; margin-left: -80px; font-size: 18px;}
.block9 ul li:nth-child(4) {position: absolute; bottom: 50%; left: 75%; margin-left: -80px; margin-bottom: -50px; font-size: 18px;}
.block9 ul li:nth-child(5) {position: absolute; bottom: 0; right: 0; font-size: 18px;}


}

@media screen and (max-width: 840px) {
  header ul.flex-between {justify-content:space-around;}
  header li:nth-child(2) {display: none;}
  .block1 .box {position: relative; right: auto; width: 100%; text-align: center; right: -16%; }
  .block1 .man {display: none;}
  .block1 .block a {margin-top: 60px;}
  .block2 .txt {width: 100%;}
  .block2 .photo {width: 100%;}
  .block2 .slide {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;}
.block4 .sostav {width :100%;}
.block5 {background: url(../images/bg/bg5.jpg) no-repeat 70% 0%; background-size: cover;}
.block5 .rel {width: 100%;}
.block7 .progress:before {display: none;}
.block14 .txt {padding-left :0; width: 100%;}
.block14 .block {width: 100%;}
.block14 .box {width: 100%; max-width: 100%; padding-top: 5%;}
.block14 .box img {max-width: 320px; }
.block14 .box .caps {left: 50%;}
.block14 .formblock {margin: 3% auto;}
.block14 .man {display: none;}
.bx-wrapper .bx-pager {width: 100%; bottom: 20px; left: 0;}



}
@media screen and (max-width: 720px) {
.block3 .mozg {height: auto;}
.block3 .mozg .img {display: none;}
.block3 .p1 {width: 100%; 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/ico2.png) no-repeat 0% 50%; padding: 0 0 0 80px;}
.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/ico3.png) no-repeat 0% 50%; padding: 0 0 0 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/ico4.png) no-repeat 0% 50%; padding: 0 0 0 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 .sostav p {font-size: 26px;}
.block4 .sostav li {padding: 30px 0;}

.block6 .paper .block {background: #f3f0e0; width: 100%; height: auto; padding: calc(20px + 3%) 3%;}

  #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);}

footer ul.list li {width: 100%;}

}

@media screen and (max-width: 640px) {
#hidden-form  {padding: 0; border: 0px; background: transparent;}
#hidden-form .block {padding: 3%;}

  .px60 {font-size: 48px;}
  .px72 {font-size: 60px;}
  .px92 {font-size: 72px;}
  .bg .px48 {font-size: 36px;}
  header .px24 {font-size: 20px;}

  .block4 .sostav li {width: 100%; max-width: 400px; margin: 10px auto;}
 

 .block9 ul li {position: absolute; width: 150px; height: 150px; background: url(../images/li2.png) no-repeat ; background-size: 100%; padding-left: 2%;}
.block9 ul li:nth-child(1) {position: absolute; bottom: 0; left: 0; font-size: 20px;}
.block9 ul li:nth-child(2) {position: absolute; bottom: 50%; left: 25%; margin-left: -75px; margin-bottom: -50px; font-size: 18px;}
.block9 ul li:nth-child(3) {width: 150px; height: 150px; position: absolute; top: 0; left: 50%; margin-left: -75px; font-size: 16px;}
.block9 ul li:nth-child(4) {position: absolute; bottom: 50%; left: 75%; margin-left: -75px; margin-bottom: -50px; font-size: 16px;}
.block9 ul li:nth-child(5) {position: absolute; bottom: 0; right: 0; font-size: 16px;}

.block13 ul li:nth-child(2),
.block13 ul li:nth-child(4) {display: none;}
.block13 ul li {width: 100%; text-align: center; margin: 3% auto;}
.block13 ul li:last-child img {margin-left: 0;}
.block13 ul li p {font-size: 24px;}





}