html{color:#000;}
html, body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
caption, th{text-align:left;}
q:before, q:after{content:'';}
abbr, acronym {border:0; font-variant:normal;} /* to preserve line-height and selector appearance */ /* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;} /*to enable resizing for IE*/
input, textarea, select{*font-size:100%;} /*because legend doesn't inherit in IE */
legend{color:#000;}
img {border:0;}

@font-face {font-family:'Material Icons';font-style:normal;font-weight:400;src:url(../fonts/material-icons.woff2);/* For IE6-8 */
  src:local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/material-icons.woff2) format('woff2'),;}
.material-icons {font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;/* Preferred icon size */
  display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;/* Support for all WebKit browsers. */
  -webkit-font-smoothing:antialiased;/* Support for Safari and Chrome. */
  text-rendering:optimizeLegibility;/* Support for Firefox. */
  -moz-osx-font-smoothing:grayscale;/* Support for IE. */
  font-feature-settings:'liga';}
  
@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Regular.ttf') format('truetype');
 font-weight:normal;font-style:normal;}
 @font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Bold.ttf') format('truetype');
 font-weight:bold;font-style:normal;} 
 @font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Italic.ttf') format('truetype');
 font-weight:normal;font-style:italic;}
 @font-face{font-family:'CirceRounded';src:url('../fonts/CirceRounded.otf')}
 

body{font-family:'Roboto', Verdana, Arial, Helvetica, sans-serif;font-size:15px;line-height:1.5em;color:#646464;
background-color:#F5F5F6;text-align:center;}




.small {font-size:12px;}
a {color:#3399FF;}
a:hover {color:#ED1C24;}
h1 {color:#ED1C24;font-size:25px;}
h2 {color:#000;font-size:23px;}
h3 {color:#ED1C24;font-size:20px;}
.clear {clear:both;}
ul li, ol li {padding:10px;margin:0px 50px;}
h1, h2, h3, h4 {font-family:Montserrat, sans-serif;line-height:170%;letter-spacing:1.1px;
font-weight:700;}
.conta {display:none;}
a.anchor, a.anchor:hover {text-decoration:none;color: #000 !important;}
.green {color:#00CC00;}
.blue {color:#0d7399;}
#line-gray {clear:both;border-top:1px solid #7c8296;margin:50px 10% 10px 10%;}


#top-fon {position:fixed;width:100%;height:70px;background-color:rgba(0, 0, 0, 0.9);z-index:100;}
#top {position:relative;width:100%;max-width:1200px;display:inline-block;padding:0;margin:0;border:0;text-align:center;}



#logo {float:left;width:147px;margin:24px 0 0 0px;padding:0 0 0 2%;}
.logo {width:147px;height:24px;margin:0;padding:0;background:url(../images/sprite.png) no-repeat 0px 0px;}

#top-tf {display:inline-block;padding:0px 20px 0 0;margin:0;}
.top-tf-number {display:inline-block;padding:25px 0 0 0px;vertical-align:top;}
#top-tf a.toptf-tel {color:#b8b7b7;font-family:Montserrat, sans-serif;font-size:17px;letter-spacing:1.5px;font-weight:400;
text-decoration:none;border:1px solid #444;border-radius:66px;padding:7px 20px;}
#top-tf a.toptf-tel:hover {background-color:#444;}

#menu {display:inline-block;min-width:100%;padding:0;height:auto;}

.menu__icon {position:absolute;top:27px;right:2%;margin:0 0 0 -102px;padding:0;width:25px;height:25px;cursor:pointer;}
.menu__icon span {display:block;position:absolute;height:3px;width:100%;background:#fff;
border-radius:6px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out;}
.menu__icon span:nth-child(1) {top:0px;}
.menu__icon span:nth-child(2), .menu__icon span:nth-child(3) {top:7px;}
.menu__icon span:nth-child(4) {top:14px;}
#menu.menu_state_open .menu__icon span:nth-child(1) {top:14px;width:0%;left:50%;}
#menu.menu_state_open .menu__icon span:nth-child(2) {transform:rotate(45deg);}
#menu.menu_state_open  .menu__icon span:nth-child(3) {transform:rotate(-45deg);}
#menu.menu_state_open  .menu__icon span:nth-child(4) {top:14px;width:0%;left:50%;}

.menu__links {display:none;margin:20px 0 0 0;overflow:auto;background-color:#030202;}
#menu.menu_state_open .menu__links {display:block;z-index:1000;}
.menu__links ul {margin:0;}
.menu__links ul li, ul.menu_two li {display:inline-block;position:relative;
margin:0;padding:20px 0;border-bottom:1px solid #111;width:50%;
font-family:'Montserrat',sans-serif;font-size:17px;letter-spacing:1.2px;line-height:1.25;}
ul.menu_two li {border:0;}

.menu__links ul a {font-size:15px;color:#fff;text-decoration:none;}
.menu__links ul a:hover {color:#474747;text-decoration:underline;}


.menu_two {display:none;overflow:auto;}
.menu_two_icon {display:inline-block;vertical-align:middle;}

.menu_hidden {display:none;}

.top-social {display:inline-block;padding:30px 0 20px 0px;}
.top-social svg {padding:0 10px 0 0;width:30px;height:30px;}





#i-text-fon {height:100vh;min-height:100vh;margin:0;padding:0;background-color:#000;
background-size:100%;background-attachment:scroll;background-repeat:no-repeat;background-size: cover;
background-image:url(../images/1-text.jpg);}
#i-text {display:inline-block;width:100%;max-width:1200px;padding:0;margin:0;border:0;text-align:center;
z-index:1;}
.i-text-zag {float:left;padding:30vh 0 0 3vw;color:#fff;text-align:center;
font-family:'CirceRounded',Arial,sans-serif;font-size:45px;line-height:1.7;font-weight:600;}

.i-text-btn {display:inline-block;padding:20px 0 0 0px;text-align:center;}
.i-text-btn a {text-decoration:none;color:#000;font-weight:bold;}
.yelow-btn {font-family:'Montserrat',Arial,sans-serif;font-size:15px;line-height:1.7;font-weight:400;
padding:16px 0 0 0;width:330px;height:40px;text-align:center;
border-radius:66px;background-color:#ffd014;background-position:center center;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
.yelow-btn:hover {background-color:#4278e1;color:#ffffff;}



/* Базовые стили слоя затемнения и модального окна  */
.overlay {top:0;right:0;bottom:0;left:0;z-index:10;display:none;
background-color: rgba(0, 0, 0, 0.85);position: fixed;cursor: default;}
/* активируем слой затемнения */
.overlay:target {display:block;}

/* стили модального окна */
.popup {top:-100%;right:0;left:50%;z-index:20;margin:30px 0 0 0;padding:15px 0;width:85%;min-width:320px;max-width:520px;
font-size:14px;font: 14px/18px 'Montserrat', Arial, sans-serif;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position:fixed;border:1px solid #383838;background:#fefefe;
/* скругление углов */
 -webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;border-radius:16px;
/* появление */
-webkit-transform:translate(-50%, -500%);-ms-transform:translate(-50%, -500%);
-o-transform:translate(-50%, -500%);transform:translate(-50%, -500%);
-webkit-transition:-webkit-transform 0.6s ease-out;-moz-transition:-moz-transform 0.6s ease-out;
-o-transition:-o-transform 0.6s ease-out;transition:transform 0.3s ease-out;
}
/* активируем модальный блок */
.overlay:target+.popup {-webkit-transform:translate(-50%, 0);-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);transform: translate(-50%, 0);top:10vw;}
/* формируем кнопку закрытия */
.close {position:absolute;top:12px;right:10px;width:40px;height:40px;padding:0;text-align:center;text-decoration:none;
font-size:40px;font-family:Verdana,sans-serif;font-weight:400;color:#777;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);transform: rotate(45deg);}
.close:before {content:"+";}
.close:hover {color:#000;}

.popup-zag {width:auto;max-width:100%;text-align:left;padding:5px 0 15px 15px;margin:0;
color:#999;}
.form-text {text-align:left;padding:20px 0 0 4%;margin:0;color:#000;}

.textfield {padding:10px 0 10px 10px;margin:0px 0 0px 6%;width:80%;
color:#000;font-size:14px;font-family:'Montserrat',Arial,sans-serif;line-height:1.55;letter-spacing:2px;font-weight:700;
border:1px #ddd solid;border-radius:6px;text-align:left;}
input.button-send {font-size:19px;font-family:'Montserrat',sans-serif;font-weight:400;
color:#fff;letter-spacing:1px;
border-radius:66px;background-color:#ffd014;background-position:center center;
background:#7ED321;padding:10px 40px;margin:20px 0 0 0;border:none;}
input.button-send:hover {background:#65BD04 0 repeat-x;cursor:hand;}
.phone-left {padding:10px 0 10px 10px;margin:10px 0 0 1%;}
.textfield-comment {margin:10px 0 0 6%;font-weight:400;}


.galka {position:absolute;bottom:40px;right:0;left:0;text-align:center;
 animation-duration:1s;animation-name:kach;animation-iteration-count: infinite;animation-direction: alternate;}
 
@keyframes kach {
  from {margin-top:1%;height:10px;}
  to {margin-top:0%;height:20px;}
}



#ii-text-fon, #iii-text-fon {margin:0;padding:10px 0 50px 0;background-color:#f5f5f7;}
.div-zag {padding:30px 0 30px 0;color:#000;text-align:center;
font-family:'CirceRounded',Arial,sans-serif;font-size:45px;line-height:1.7;font-weight:600;}
.div-zag-white {padding:30px 0 30px 0;color:#fff;text-align:center;
font-family:'CirceRounded',Arial,sans-serif;font-size:45px;line-height:1.7;font-weight:600;}
.ii-text-img {display:inline-block;padding:20px 0 0 3%;vertical-align:top;}
#ii-text-fon div.ii-text-img:nth-child(odd) img {padding:60px 0 0 3%;}

.etap-text-one {display:inline-block;padding:20px 10%;vertical-align:top;}
.etap-digital {padding:10px 0 0 0;font-size:66px;color:#7c8296;
font-family:'Roboto',Arial,sans-serif;line-height:1.15;font-weight:bold;}
.etap-liniya {margin:10px 0 20px 0;width:120px;height:4px;border-radius:2px;background-color:#4278e1;border:0;}
.etap-opis {padding:0;font-size:19px;font-family:'Montserrat',Arial,sans-serif;line-height:1.6;font-weight:400;}




#iiii-text-fon {height:auto;margin:0;padding:10px 0 50px 0;background-color:#121010;}

.tab {display:inline-block;margin:40px 2% 0 2%;}
.tab-in {width:280px;height:210px;text-align:center;background-color:#f5f5f7;
border-radius:12px;-webkit-box-shadow:0 0 2px #E7E9EF;-moz-box-shadow:0 0 2px #E7E9EF;box-shadow:0 0 2px #E7E9EF;}
.tab-in:hover {-webkit-box-shadow:0 0 10px #fff;-moz-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;}
.tab-in-zag {float:left;padding:15px 0 0 25px;text-align:left;
font-size:19px;font-family:'CirceRounded',Arial,sans-serif;line-height:1.55;letter-spacing:2px;font-weight:700;}
.tab-in-icon {float:right;padding:25px 30px 0 0;}
.tab-in-icon i {font-size:45px;color:#56ac56;}
.tab-in-text {clear:both;padding:30px 10px 10px 10px;text-align:left;
font-size:15px;font-family:'Montserrat',Arial,sans-serif;line-height:1.5;font-weight:400;}

.opacity-logo {opacity:0.4;}

.i-tab {display:inline-block;margin:40px 2% 0px 2%;vertical-align:top;}
.i-tab-in {width:320px;height:auto;text-align:left;background-color:#fff;border:#aaa 1px solid;
border-radius:35px;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow:0 0 20px #777;}
.i-tab-in:hover {-webkit-box-shadow:0 0 10px #aaa;-moz-box-shadow:0 0 10px #aaa;box-shadow:0 0 20px #ccc;}
.i-tab-in-img {width:200px;height:153px;padding:10px 10px 10px 60px;transform:rotate(2deg);}
.i-tab-in-img img {width:200px;height:153px;}
.i-tab-in-zag {padding:15px 0 0 25px;text-align:center;
font-size:25px;font-family:'CirceRounded',Arial,sans-serif;line-height:1.55;letter-spacing:2px;font-weight:700;}
.i-tab-in-text {padding:30px 10px 20px 20px;
font-size:15px;font-family:'Montserrat',Arial,sans-serif;line-height:1.5;font-weight:400;}
.i-tab-in-text td {min-width:15px;height:40px;}
.i-tab-in-text td:nth-child(3) {color:#0d7399;}

#iii-text-fon div.i-tab:nth-child(even) {margin:80px 2% 0px 2%;}


.ii-tab {display:inline-block;width:90%;margin:40px 2% 0px 2%;}
.ii-tab-in {width:90%;height:auto;text-align:left;background-color:#0d7399;border:#aaa 1px solid;
border-radius:35px;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;}




.otz {display:inline-block;padding:0 0 50px 0;text-align:center;width:100%;margin:0;
font-family:'CirceRounded',Arial,sans-serif;line-height:1.15;}
.otz-white {display:inline-block;background-color:#fff;max-width:560px;padding:20px;border-radius:12px;
text-align:left;}
.otz-text {width:100%;color:#585d6f;padding:15px 0;padding:30px 0;
font-size:15px;font-family:'Montserrat',Arial,sans-serif;line-height:1.8;font-weight:normal;}
.otz-text iframe {max-width:560px;height:315px;}
.komanda-name, .otz-zag {padding:10px 0 0 0;font-size:26px;color:#585d6f;font-weight:normal;}
.otz-galka {display:inline-block;width:24px;height:24px;background-color:#fff;
margin:40px 0px 0 -20px;transform: rotate(135deg);vertical-align:top;}
.otz-photo {display:inline-block;margin:0px 0 0 20px;vertical-align:top;}



#darkgrey {height:auto;background-color:#393c47;}
.insta {clear:both;padding:80px 0 120px 7%;}
.insta-zag {margin:20px 0;font-size:43px;color:#fff;font-family:'CirceRounded',Arial,sans-serif;
line-height:1.0;letter-spacing:1.1px;}

.faq_list{padding:50px 0 10px 0;position:relative;color:#fff;text-align:left;}
.faq_item{border-bottom:1px solid #a2adb6;padding:30px 0;width:80%;}
.faq_item_title{font-family:Montserrat,sans-serif;font-size:20px;
letter-spacing:1.5px;text-transform:uppercase;position:relative;
font-weight:bold;padding:0px;margin:0px;}
.faq_item_title_inner{display:inline-block;position:relative;padding:0;cursor:pointer;}
.faq_item_title_inner:hover:before{transform:translateY(1px);}
.faq_item_title_inner:before{position:absolute;right:-60px;top:0;
content:"\e313";font-family:"Material Icons";color:#585d6f;font-size:36px;
font-weight:normal;cursor:pointer;transition:.2s;transition-timing-function:ease-in-out;}
.faq_item_title_inner.open:before{transform:rotate(180deg);}
.faq_item_body{font-family:Montserrat,sans-serif;font-size:16px;padding:20px;box-sizing:
letter-spacing:1.2px;line-height:2;border-box;display:none;}







.forma {height:100vh;min-height:100vh;margin:0;padding:0;background-color:#000;
background-size:100%;background-attachment:scroll;background-repeat:no-repeat;background-size: cover;
background-image:url(../images/fon-niz.jpg);}
.forma-bg {display:inline-block;width:100%;max-width:1200px;padding:0;margin:0;border:0;text-align:center;
z-index:1;}
.forma-left {display:inline-block;margin:60px 5% 0 10px;text-align:left;}
.forma-left-zag {color:#fff;font-size:46px;font-weight:bold;font-family:Montserrat;
line-height:1.2;}
.forma-left-text {color:#fff;font-size:24px;font-weight:normal;font-family:Montserrat;
line-height:1.8;margin:20px 0 0 0;}

.forma-right {display:inline-block;width:300px;margin:50px 0 0 5%;}
.forma-right-bg {display:inline-block;background-color:#f5f6fa;border-radius:16px;padding:35px;}
.forma-right-zag {color:#000;font-size:16px;letter-spacing:1.3px;font-weight:bold;
font-family:Arial,sans-serif;line-height:1.3;}
.forma-right-input {margin:20px 0;}
.forma-right-input input {color:#aaa;background-color:#ffffff;border:0;font-weight:normal;
height:50px;width:250px;padding:0 18px;font-family:'CirceRounded',Arial,sans-serif;font-size:15px;
letter-spacing:1.1px;line-height:1.33;}
.forma-right-btn {width:100%;padding:0;}
.forma-right-btn a {text-decoration:none;}
.zayavka-btn {color:#ffffff;background-color:#6067ab;border-radius:66px;height:40px;text-align:center;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
font-family:'CirceRounded',Arial,sans-serif;font-size:16px;font-weight:bold;
padding:15px 0 0 0;}
.zayavka-btn:hover {background-color:#666775;}

input.zayavka-btn {height:50px;width:250px;padding:5px 0 0 0;}	
input.zayavka-btn:hover {background-color:#666775;}	

.forma-right-prim {color:#777;font-size:16px;font-weight:normal;font-family:Montserrat;
line-height:1.2;margin:20px 0 0 0;}
.forma-right-prim a {color:#ff8562;text-decoration:none;}

.forma-right-niz {display:inline-block;min-width:300px;max-width:520px;width:40%;margin:50px 0 0 5%;padding:20px 0 30px 0;
border-radius:16px;background-color:#F5F5F6;}


#blackfon {height:auto;background-color:#1C1D21;}

.niz-left {float:left;width:300px;margin:60px 0 60px 10%;}
.niz-left-logo {width:236px;height:40px;padding:0;margin:0px 0;
background:url(../images/sprite.png) no-repeat -725px 0px;}
.niz-left-text {color:#7c8296;font-size:15px;font-weight:normal;font-family:Montserrat;
margin:20px 0 0 10px;line-height:1.8;text-align:left;}

.niz-right {float:right;width:300px;margin:7% 10% 60px 0;}
.niz-right svg {width:50px;height:50px;margin:0 10px;}
.niz-right svg:hover {opacity:0.3;}



.thanks {margin:0;padding:150px 0 100px 0;
font-family:'CirceRounded',Arial,sans-serif;font-size:30px;font-weight:400;line-height:1.8;text-align:center;}




.quiz-question {}

.quiz-ul li {display:inline-block;min-width:320px;width:40%;height:60px;
padding:0;margin:20px 10px;
border:1px #DEDCDC solid;border-radius:5px;text-align:left;list-style:none;vertical-align:top;}
.quiz-label {display:inline-flex;width:100%;height:60px;padding:0;margin:0;cursor:pointer;}
.radio {margin:0 20px 0 10px;padding:0;width:25px;}
.quiz-answer {padding:10px 0 0 0;margin:0;
font-family:'CirceRounded',Arial,sans-serif;font-size:24px;font-weight:400;}

a.noactive, a.noactive:hover {background-color:#aaa;color:#fff;padding:10px 40px;margin:20px 0 0 0;
font-size:19px;font-family:'Montserrat',sans-serif;font-weight:400;letter-spacing:1px;
border-radius:66px;background-position:center center;border:none;cursor:hand;}
a.active {color:#fff;background-color:#65BD04;}
a.active:hover {background:#ffd014 0 repeat-x;cursor:pointer;}

.form-contacts {display:none;min-width:320px;width:40%;padding:0;margin:0;}
.form-contacts-zag, .form-contacts-text, .form-contacts-text input {font-family:'CirceRounded',Arial,sans-serif;
font-size:16px;font-weight:400;}
.form-contacts-zag {margin:20px 0;}
.form-contacts-text input {width:320px;}





.progress-bar-div {clear:both;display:inline-block;text-align:left;width:50%;}
.progress-bar-text {font-family:'CirceRounded',Arial,sans-serif;font-size:19px;font-weight:400;padding:0 0 0 10px;}
.progress-bar-text span {font-size:23px;font-weight:400;color:#42C048;}
.progress-bar-grey {clear:both;display:inline-flex;width:100%;height:20px;background-color:#D9D9D9;border-radius:20px;}
.progress-bar-green {height:20px;background-color:#42C048;border-radius:20px;}




.scrollUp {position:fixed;top:auto;bottom:10px;right:10px;left:auto;
width:47px;height:35px;border-radius:50px;background-color:#3c3d3f;z-index:9999;cursor:pointer;
text-align:center;padding:12px 0 0 0;opacity:1;border:#585d6f 1px solid;
-webkit-box-shadow:0 0 3px #585d6f;-moz-box-shadow:0 0 3px #585d6f;box-shadow:0 0 3px #585d6f;}
.scrollUp:before {content:"\e316";font-family:"Material Icons";color:#fff;font-size:36px;font-weight:normal;}



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

}


@media screen and (max-width: 1200px)
{
.forma {height:auto;padding:0 0 30px 0;}
}



@media screen and (max-width: 1000px)
{
.otz-white {width:90%;padding:0 10px;margin:0;}
.otz-galka {display:none;}
.otz-photo {margin:10px 0 0 0;}
}






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

}



@media screen and (max-width: 600px)
{
.i-text-zag {padding:20vh 0 0 3vw;}
}