@charset "UTF-8";

html {
  scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
}
.center { text-align: center; }

.hide { display: none; }

.inner {
    display: block !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.btns-wrap a {
	color: #fff;
    font-size: 14px;
	font-weight: 600;
    border: 0;
    padding: 9px 15px;
    border-radius: 5px;
    position: relative;
}
.btns-wrap a:hover {
	filter: drop-shadow(2px 4px 6px black);
}
.btns-wrap a:focus{
	outline-color: transparent;
    outline-style:solid;
    box-shadow: 0 0 0 4px #5a01a7;
}

.btns-wrap a.btns-right{
    background: #f7f7f7;
	color: #000000;
}

.bg-1{background: url(images/corp-bg-1.jpg) no-repeat 0 0 / cover; background-position: center;}

.bg-2{background: url(images/corp-bg-2.jpg) no-repeat 0 0 / cover; background-position: center;}

.bg-3{background: url(images/corp-bg-3.jpg) no-repeat 0 0 / cover; background-position: center;}

.bg-4{background: url(images/corp-bg-4.jpg) no-repeat 0 0 / cover; background-position: center;}

.corp-sec-1 {
  color: #fff;
  padding: 50px 0 73px;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
.btns-wrap a.btns-left{
    background: #ff1a25;
	color: #ffffff;
	margin-bottom:20px;
	}
	.corp-sec-1 .s-ttl { font: bold 230% "Open Sans"; margin: 0px 20px 45px 20px; line-height: 1.1 !important;}
	.corp-sec-2 .s-ttl { font: bold 230% "Open Sans"; margin: 0px 20px 45px 20px; line-height: 1.1 !important;}
.corp-sec-1 .btns-wrap {
    display: flex;
    margin: 20px 0;
    flex-direction: column;
    align-items: center;
	}
.v-ttl {font: bold 100% "Open Sans"; margin: 0px 20px 45px 20px; line-height: 1.1 !important;}
}
@media screen and (min-width: 600px) {
.v-ttl {font: bold 100% "Open Sans"; margin: 0px 20px 45px 20px; line-height: 1.1 !important;}
.btns-wrap a.btns-left {
    background: #ff1a25;
	color: #ffffff;
	}
.corp-sec-1 .btns-wrap { 
	display: block; 
	margin: 20px 0; 
	}
.corp-sec-1 .s-ttl { font: bold 300% "Open Sans"; margin: 0px 20px 45px 20px; line-height: 1.1 !important; } 
.corp-sec-2 .s-ttl { font: bold 300% "Open Sans"; margin: 0px 20px 45px 20px; line-height: 1.1 !important; }
}

.corp-sec-1 .v-ttl { font: 100% "Open Sans"; margin: 0px 20px 35px 20px; line-height: 1.5 !important; }
.corp-sec-1 .foot { font: 16px/25px "Open Sans"; margin-top: 30px; }

.corp-sec-2 {color: #fff; padding: 20px 0 20px; margin-bottom: 20px;}

.corp-sec-2 .button8 { 
 	display: inline-block;
    color: white;
    font-weight: 900;
    text-decoration: none;
    user-select: none;
    padding: 1em 3em;
    outline: none;
    border: 2px solid;
    border-radius: 5px;
    transition: 0.2s;
} 
.corp-sec-2 a.button8:hover { background: rgba(255,255,255,.2); }
.corp-sec-2 a.button8:active { background: white; }
.corp-sec-2 .list-pluses { max-width: 980px; margin: 0 auto -10px; }

.corp-sec-3 {max-height:250px;}
.corp-sec-3 table {margin: 30px auto;}
.corp-sec-3 td {vertical-align: middle; text-align: center; padding-left: 10px; line-height: 1.5;}


.list-pluses li { width: 240px; margin: 0 35px 56px; }
.list-pluses .icon { width: 97px; height: 97px; position: relative; background: #ff3342; border-radius: 100%; margin-bottom: 17px; }
.icon {  display: inline-block;  font-size: 0;}
.list-pluses .icon img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width:50px; -webkit-filter: invert(1); filter: invert(1); }
.list-pluses .ttl { font: bold 26px/26px "Open Sans"; margin-bottom: 12px; }
.list-pluses .desc { font: 15px/18px "Open Sans"; padding: 0px 0px !important; line-height: 1.3 !important;}

.list-numeric li { width: 230px; margin: 0 22px 40px; }
.list-numeric .icon {width: 30px; height: 30px; position: relative; background: #ff1a25; border-radius: 100%; margin-bottom: 17px; float:left;}
.list-numeric .icon:hover {box-shadow: 0 0 3px 2px #fff;}

.icon { display: inline-block;  font-size: 0;}
.list-numeric .icon img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; -webkit-filter: invert(1); filter: invert(1); }
.list-numeric .ttl { font: bold 17px/14px "Open Sans"; margin-bottom: 12px; }
.list-numeric .desc { font: 17px/14px "Open Sans"; text-align: left; padding-left: 40px; line-height: 1.3; }


.s-corp-form { background-color: #d6d5e3; padding: 35px 0; }
.s-corp-form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.s-corp-form .inner-wrap { max-width: 898px; margin: 0 auto; }
.s-corp-form .s-ttl { font: bold 40px/40px "Open Sans"; color: #434196; text-transform: uppercase; margin: 30px; }
.s-corp-form .s-desc { font: 16px/21px "Open Sans"; margin-bottom: 55px; }

.corp-form .toggle-form { margin-bottom: 60px; }
.corp-form .toggle-form a { width: 264px; height: 221px; background-color: #fff; -webkit-box-shadow: 1px 1px 0 0 rgba(11, 25, 17, 0.07); box-shadow: 1px 1px 0 0 rgba(11, 25, 17, 0.07); padding-top: 56px; color: #222; font: bold 17px/18px "Open Sans"; text-align: center; text-decoration: none !important; border: 3px solid transparent; }
.corp-form .toggle-form a .highlighted { color: #434196; }
.corp-form .toggle-form a.active { border-color: #434196; }
.corp-form .toggle-form a:hover { -webkit-box-shadow: 0 0 3px 0 #434196; box-shadow: 0 0 3px 0 #434196; }
.corp-form .toggle-form .icon { display: block; height: 80px; }
.corp-form input[type="text"], .corp-form input[type="email"], .corp-form textarea { width: 237px; height: 45px; color: #222; font: 15px/18px "Open Sans"; border: 1px solid #383688; border-radius: 6px; padding: 4px 15px; }
.corp-form input[type="text"]:focus, .corp-form input[type="email"]:focus, .corp-form textarea:focus { -webkit-box-shadow: 0 0 3px 0 #383688; box-shadow: 0 0 3px 0 #383688; }
.corp-form textarea { width: 100%; height: 290px; }
.corp-form input::-moz-placeholder, .corp-form textarea::-moz-placeholder { opacity: 1; color: #8f8ea1; font-size: 15px; font-family: "Open Sans"; }
.corp-form input::-webkit-input-placeholder, .corp-form textarea::-webkit-input-placeholder { opacity: 1; color: #8f8ea1; font-size: 15px; font-family: "Open Sans"; }
.corp-form .form-actions{margin-top:0}
.corp-form .form-submit { display: inline-block; font: bold 15px/18px "Open Sans"; color: #fff !important; background-color: #e32029; text-align: center; padding: 13px 15px 14px; border-radius: 5px; text-decoration: none !important; border: 0; cursor: pointer; min-width: 157px;height:45px }
.corp-form .form-submit:hover { -webkit-box-shadow: 0 0 8px 0 #e32029; box-shadow: 0 0 8px 0 #e32029; }
.corp-form label { display: block; text-align: left; color: #222; font: 15px/18px "Open Sans"; }
.corp-form .form-item-agreement label { text-align: left; }
.corp-form .file-wrap { height: 45px; position: relative; padding-right: 150px; text-align: left; }
.corp-form .file-wrap input[type="file"] { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 1; }
.corp-form .file-wrap .text-wrap { border: 1px solid #383688; border-radius: 6px; background: #fff; background-clip: padding-box; color: #222; width: 100%; height: 45px; padding: 10px 10px; display: block; margin: 0; }
.corp-form .file-wrap .text-wrap .txt { white-space: nowrap; overflow: hidden; }
.corp-form .file-wrap:after { content: 'Обзор...'; width: 139px; height: 45px; background: #8f8ea1; border-radius: 6px; position: absolute; right: 0; top: 0; text-align: center; color: #fff; font: bold 15px/45px "Open Sans", sans-serif; }

.info-wrap { background: url(images/question.svg) no-repeat 0 0; width: 16px; min-width: 16px; height: 20px; margin-top: 5px; cursor: pointer; font: 13px/15px "Open Sans"; position: relative; }
.info-wrap .inner { display: none; color: #fff; background: #171717; border-radius: 3px; padding: 10px; position: absolute; right: -8px; bottom: 100%; margin-bottom: 10px; min-width: 200px; }
.info-wrap .inner:before { content: ''; border-top: 7px solid #171717; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; right: 10px; top: 100%; }
.info-wrap .inner:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 17px; }
.info-wrap:hover .inner { display: block; }

.linedwrap { border: 1px solid #383688; border-radius: 6px; background: #fff; }

.linedtextarea { padding: 0px; margin: 0px; }

.linedtextarea textarea, .linedwrap .codelines .lineno { font-size: 10pt; font-family: monospace; line-height: normal !important; }

.linedtextarea textarea { padding: 10px; border: 0; }

.linedtextarea textarea:focus { -webkit-box-shadow: none; box-shadow: none; }

.linedwrap .lines { margin-top: 0px; width: 50px; float: left; overflow: hidden; border-right: 1px solid #383688; padding: 10px 0; }

.linedwrap .codelines .lineno { color: #8f8ea1; padding-right: 0.5em; padding-top: 0.0em; text-align: right; white-space: nowrap; }

.linedwrap .codelines .lineselect { color: red; }

.fancybox-overlay.form-overlay-14 { background: rgba(67, 65, 150, 0.8); }

.popup-form-14 .fancybox-skin { background: #fff; border-radius: 6px; color: #222; }
.popup-form-14 .form-wrap { padding: 67px 80px 72px; }
.popup-form-14 .form-wrap, .popup-form-14 .form-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popup-form-14 .b-ttl { color: #434196; font: bold 44px/38px "Open Sans"; margin-bottom: 10px; }
.popup-form-14 .form-note { font: italic 13px/15px "Open Sans"; margin-bottom: 50px; }
.popup-form-14 .form-note .starrequired { font-style: normal; }
.popup-form-14 label { display: block; font: 17px/20px "Open Sans"; margin-bottom: 6px; color: #222; }
.popup-form-14 .form-required, .popup-form-14 .starrequired { color: #e42020; }
.popup-form-14 input::-moz-placeholder, .popup-form-14 textarea::-moz-placeholder { opacity: 0.75; color: #222; font-size: 15px; }
.popup-form-14 input::-webkit-input-placeholder, .popup-form-14 textarea::-webkit-input-placeholder { opacity: 0.75; color: #222; font-size: 15px; }
.popup-form-14 .form-text, .popup-form-14 input[type="text"], .popup-form-14 input[type="password"], .popup-form-14 input[type="email"], .popup-form-14 select, .popup-form-14 textarea { font: 18px/20px "Open Sans"; border: 1px solid #383688; background: #fff; color: #434196 !important; width: 100%; max-width: 100%; height: 54px; padding: 5px 15px; border-radius: 3px; min-width: 0; }
.popup-form-14 .form-text:focus, .popup-form-14 input[type="text"]:focus, .popup-form-14 input[type="password"]:focus, .popup-form-14 input[type="email"]:focus, .popup-form-14 select:focus, .popup-form-14 textarea:focus { -webkit-box-shadow: 0 0 10px 0 rgba(67, 65, 150, 0.2); box-shadow: 0 0 10px 0 rgba(67, 65, 150, 0.2); }
.popup-form-14 select { -moz-appearance: none; -webkit-appearance: none; background: url(images/arrow-down.svg) no-repeat top 23px right 16px #fff; }
.popup-form-14 .form-type-text, .popup-form-14 .form-type-dropdown, .popup-form-14 .form-type-email { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
.popup-form-14 .form-type-text > label, .popup-form-14 .form-type-dropdown > label, .popup-form-14 .form-type-email > label { width: 315px; min-width: 315px; max-width: 315px; margin-top: 15px; }
.popup-form-14 .form-type-text input[type="text"], .popup-form-14 .form-type-text select, .popup-form-14 .form-type-dropdown input[type="text"], .popup-form-14 .form-type-dropdown select, .popup-form-14 .form-type-email input[type="text"], .popup-form-14 .form-type-email select { width: 237px; }
.popup-form-14 .form-item { margin-bottom: 20px; }
.popup-form-14 .form-item .desc { color: rgba(34, 34, 34, 0.5); font: italic 13px/15px "Open Sans"; }
.popup-form-14 .form-item-organization .form-element { width: 100%; }
.popup-form-14 .form-item-organization input[type="text"] { width: 100%; }
.popup-form-14 .form-item-org_pr_f .form-element, .popup-form-14 .form-item-inn .form-element, .popup-form-14 .form-item-geo .form-element, .popup-form-14 .form-item-email .form-element { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.popup-form-14 .form-item-org_pr_f .desc, .popup-form-14 .form-item-inn .desc, .popup-form-14 .form-item-geo .desc, .popup-form-14 .form-item-email .desc { margin-left: 15px; }
.popup-form-14 .form-item-contact input[type="text"] { width: 190px; }
.popup-form-14 .form-element-line-group .form-item { margin-left: 15px; margin-bottom: 0; }
.popup-form-14 .form-element-line-group .form-item:first-child { margin-left: 0; }
.popup-form-14 .form-item-phones .form-item .desc { color: #434196; font: bold 12px/15px "Open Sans"; }
.popup-form-14 .form-item-phones > .form-element > .desc { margin-top: 9px; }
.popup-form-14 .form-item-fz152_agreement { padding-left: 315px;text-align:left }

.popup-form-14 .form-actions { padding-left: 315px; margin-top: 35px; }
.popup-form-14 .fancybox-close { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi42OCIgaGVpZ2h0PSIxNi42ODgiIHZpZXdCb3g9IjAgMCAxNi42OCAxNi42ODgiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmZmY7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i0KTQuNCz0YPRgNCwXzFf0LrQvtC/0LjRj18yIiBkYXRhLW5hbWU9ItCk0LjQs9GD0YDQsCAxINC60L7Qv9C40Y8gMiIgY2xhc3M9ImNscy0xIiBkPSJNMTQ3My42NSwyNjguMzUzbDAuNy0uNzA3LDE2LDE2LTAuNy43MDdabTE2LjcsMC0wLjctLjcwNy0xNiwxNiwwLjcsMC43MDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ3My42NiAtMjY3LjY1NikiLz4KPC9zdmc+Cg==') no-repeat 50% 50% #3e3d68 !important; width: 50px; height: 50px; border-radius: 0 5px 0 5px; opacity: 0.75; filter: alpha(opacity=75); position: absolute; top: 0; right: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
.popup-form-14 .fancybox-close:hover { opacity: 0.9; filter: alpha(opacity=90); }
.popup-form-14 .bx-sls { width: 237px; }
.popup-form-14 .bx-sls .dropdown-block { border: 1px solid #383688; background: #fff; color: #434196; width: 100%; max-width: 100%; height: 54px; }
.popup-form-14 .bx-sls .bx-ui-sls-container { min-height: 54px; }
.popup-form-14 .bx-sls .dropdown-icon { top: 0; bottom: 0; margin: auto; }
.popup-form-14 .bx-sls .bx-ui-sls-clear { top: 0; bottom: 0; margin: auto; }
.popup-form-14 .bx-sls .bx-ui-sls-pane { top: 54px; border: 1px solid #383688; }


  h3{
    padding-top:20px;
  }
  .demo h2{
    margin-top: 20px;
  }
  .p2{
    display:block;
    margin: 0 0 0 15px;
    line-height:1.4;
  }
  /* скрываем чекбоксы и блоки с содержанием */
  .hide,
  .hide + #label ~ div {
    display: none;
  }
  /* вид текста label */
  .hide + #label {
    margin: 0;
    padding: 0;
    color: #000000;
    cursor: pointer;
    display: inline-block;
  }
  /* вид текста label при активном переключателе */
  .hide:checked + #label {
    color: red;
    border-bottom: 0;
  }
  /* когда чекбокс активен показываем блоки с содержанием  */
  .hide:checked + #label + div {
    display: block;
    -moz-box-shadow: inset 3px 3px 20px #eae9f4;
    -webkit-box-shadow: inset 3px 3px 20px #eae9f4;
    box-shadow: inset 3px 3px 20px #eae9f4;
    border-radius:10px;
    margin-left: 20px;
    /* чуточку анимации при появлении */
    -webkit-animation:fade ease-in 0.5s;
    -moz-animation:fade ease-in 0.5s;
    animation:fade ease-in 0.5s;
    padding:20px;
  }
  /* анимация при появлении скрытых блоков */
  @-moz-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
  }
  @-webkit-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
  }
  @keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
  }
  .hide + #label:before {
    background-color: #4758a5;
    color: #fff;
    content: "+";
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 13px;
    line-height: 11px;
    margin: 15px 5px 12px;
    text-align: center;
    width: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: none !important;
    padding: 0 !important;
    top: 0 !important;
  }
  .hide:checked + #label:before {
    content: "\2212";
  }
  .demo{
    margin: 50px 0;
  }
  .demo1{
    margin: 1% 5%;
  }
  .label-name{
    font-size: 20px;
    font-weight: 600;
    line-height: 200%;
  }
  .tk-img{
    float: left;
    margin: 10px 5px;
  }
  .tk-img img{
    width:250px;
  }
  .tk-img img:hover{
    box-shadow: 0 2px 2px rgba(0,0,0,0.35), 0 5px 5px rgba(0,0,0,0.41)
  }