/*** RESET ***/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;outline:0 none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
img,a img,:link img,:visited img{border:0;outline:none}
table{border-collapse:collapse;border-spacing:0}
tr{vertical-align:middle}
th,td{vertical-align:inherit}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
ins{background:#999;color:#000;text-decoration:none}
mark{
/*display:inline-block;*/
/*vertical-align:middle;*/
/*padding: .5em 1em;*/
/*background:#686b7b;*/
/*color:white;*/
/*font-style:normal;*/
/*font-weight: 700;*/
/*line-height:1;*/
/*text-transform: uppercase;*/
/*font-size: 0.714em;*/
/*border-radius: 2px;*/
display: flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
background-color: #535B6B;
border-radius: 10px;
font-family: "Open Sans";
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
color: #FFFFFF;
align-self: flex-start;
}
del{text-decoration:line-through}
abbr[title],dfn[title]{border:1px dotted #999;cursor:help}
hr{display:block;margin:1em 0;padding:0;height:1px;color:#999;background:#999;border:0}
button,input,select,textarea{margin:0;padding:0;outline:0 none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button,input{width:auto;overflow:visible}
button::-moz-focus-inner,input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto;resize:none;vertical-align:top}
input[type="button"],input[type="submit"],input[type="reset"],button{cursor:pointer}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-ms-clear{display:none}
pre,code,kbd,samp{font-family:monospace,sans-serif}
small,.small{font-size:.75em}
big,.big{font-size:1.25em}
b,strong{font-weight:700}
i,em{font-style:italic}
sub{vertical-align:sub;font-size:smaller;line-height:.5}
sup{vertical-align:super;font-size:smaller;line-height:.5}
pre{padding:2em;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
img{height: auto;max-width:100%}
*{box-sizing:border-box}
/*** GRID ***/
.d-grid { display: block; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; max-width: 1176px; }
.is-liquid-layout .d-grid { max-width: 100%; }
.is-fixed-layout .d-grid { width: 1176px; }
.d-row { display: block; margin-left: -15px; margin-right: -15px; }
.d-col { display: inline-block; vertical-align: top; position: relative; float: left; padding-left: 15px; padding-right: 15px; width: 100%; min-height: 1px; }
.d-col.d-fr { float: right; }
.d-row_ib { font-size: 0; }
.d-row_ib .d-col { float: none; }
.d-col_xs_0 { width: 0; }
.d-col_xs_1 { width: 8.33%; }
.d-col_xs_2 { width: 16.66%; }
.d-col_xs_3 { width: 25%; }
.d-col_xs_4 { width: 33.33%; }
.d-col_xs_5 { width: 41.66%; }
.d-col_xs_6 { width: 50%; }
.d-col_xs_7 { width: 58.33%; }
.d-col_xs_8 { width: 66.66%; }
.d-col_xs_9 { width: 75%; }
.d-col_xs_10 { width: 83.33%; }
.d-col_xs_11 { width: 91.66%; }
.d-col_xs_12 { width: 100%; }
.d-col-offset_xs_0 { margin-left: 0; }
.d-col-offset_xs_1 { margin-left: 8.33%; }
.d-col-offset_xs_2 { margin-left: 16.66%; }
.d-col-offset_xs_3 { margin-left: 25%; }
.d-col-offset_xs_4 { margin-left: 33.33%; }
.d-col-offset_xs_5 { margin-left: 41.66%; }
.d-col-offset_xs_6 { margin-left: 50%; }
.d-col-offset_xs_7 { margin-left: 58.33%; }
.d-col-offset_xs_8 { margin-left: 66.66%; }
.d-col-offset_xs_9 { margin-left: 75%; }
.d-col-offset_xs_10 { margin-left: 83.33%; }
.d-col-offset_xs_11 { margin-left: 91.66%; }
.d-col-offset_xs_12 { margin-left: 100%; }
@media (min-width:640px){
.d-col_sm_0 { width: 0; }
.d-col_sm_1 { width: 8.33%; }
.d-col_sm_2 { width: 16.66%; }
.d-col_sm_3 { width: 25%; }
.d-col_sm_4 { width: 33.33%; }
.d-col_sm_5 { width: 41.66%; }
.d-col_sm_6 { width: 50%; }
.d-col_sm_7 { width: 58.33%; }
.d-col_sm_8 { width: 66.66%; }
.d-col_sm_9 { width: 75%; }
.d-col_sm_10 { width: 83.33%; }
.d-col_sm_11 { width: 91.66%; }
.d-col_sm_12 { width: 100%; }
.d-col-offset_sm_0 { margin-left: 0; }
.d-col-offset_sm_1 { margin-left: 8.33%; }
.d-col-offset_sm_2 { margin-left: 16.66%; }
.d-col-offset_sm_3 { margin-left: 25%; }
.d-col-offset_sm_4 { margin-left: 33.33%; }
.d-col-offset_sm_5 { margin-left: 41.66%; }
.d-col-offset_sm_6 { margin-left: 50%; }
.d-col-offset_sm_7 { margin-left: 58.33%; }
.d-col-offset_sm_8 { margin-left: 66.66%; }
.d-col-offset_sm_9 { margin-left: 75%; }
.d-col-offset_sm_10 { margin-left: 83.33%; }
.d-col-offset_sm_11 { margin-left: 91.66%; }
.d-col-offset_sm_12 { margin-left: 100%; }
}
@media (min-width:768px){
.d-col_md_0 { width: 0; }
.d-col_md_1 { width: 8.33%; }
.d-col_md_2 { width: 16.66%; }
.d-col_md_3 { width: 25%; }
.d-col_md_4 { width: 33.33%; }
.d-col_md_5 { width: 41.66%; }
.d-col_md_6 { width: 50%; }
.d-col_md_7 { width: 58.33%; }
.d-col_md_8 { width: 66.66%; }
.d-col_md_9 { width: 75%; }
.d-col_md_10 { width: 83.33%; }
.d-col_md_11 { width: 91.66%; }
.d-col_md_12 { width: 100%; }
.d-col-offset_md_0 { margin-left: 0; }
.d-col-offset_md_1 { margin-left: 8.33%; }
.d-col-offset_md_2 { margin-left: 16.66%; }
.d-col-offset_md_3 { margin-left: 25%; }
.d-col-offset_md_4 { margin-left: 33.33%; }
.d-col-offset_md_5 { margin-left: 41.66%; }
.d-col-offset_md_6 { margin-left: 50%; }
.d-col-offset_md_7 { margin-left: 58.33%; }
.d-col-offset_md_8 { margin-left: 66.66%; }
.d-col-offset_md_9 { margin-left: 75%; }
.d-col-offset_md_10 { margin-left: 83.33%; }
.d-col-offset_md_11 { margin-left: 91.66%; }
.d-col-offset_md_12 { margin-left: 100%; }
}
@media (min-width:1025px){
.d-grid-5col .d-col_lg_1 { width: 10%; }
.d-grid-5col .d-col_lg_2 { width: 20%; }
.d-grid-5col .d-col_lg_3 { width: 30%; }
.d-grid-5col .d-col_lg_4 { width: 40%; }
.d-grid-5col .d-col_lg_5 { width: 50%; }
.d-grid-5col .d-col_lg_6 { width: 60%; }
.d-grid-5col .d-col_lg_7 { width: 70%; }
.d-grid-5col .d-col_lg_8 { width: 80%; }
.d-grid-5col .d-col_lg_9 { width: 90%; }
.d-grid-5col .d-col_lg_10 { width: 100%; }
.d-col_lg_0 { width: 0; }
.d-col_lg_1 { width: 8.33%; }
.d-col_lg_2 { width: 16.66%; }
.d-col_lg_3 { width: 25%; }
.d-col_lg_4 { width: 33.33%; }
.d-col_lg_5 { width: 41.66%; }
.d-col_lg_6 { width: 50%; }
.d-col_lg_7 { width: 58.33%; }
.d-col_lg_8 { width: 66.66%; }
.d-col_lg_9 { width: 75%; }
.d-col_lg_10 { width: 83.33%; }
.d-col_lg_11 { width: 91.66%; }
.d-col_lg_12 { width: 100%; }
.d-col-offset_lg_0 { margin-left: 0; }
.d-col-offset_lg_1 { margin-left: 8.33%; }
.d-col-offset_lg_2 { margin-left: 16.66%; }
.d-col-offset_lg_3 { margin-left: 25%; }
.d-col-offset_lg_4 { margin-left: 33.33%; }
.d-col-offset_lg_5 { margin-left: 41.66%; }
.d-col-offset_lg_6 { margin-left: 50%; }
.d-col-offset_lg_7 { margin-left: 58.33%; }
.d-col-offset_lg_8 { margin-left: 66.66%; }
.d-col-offset_lg_9 { margin-left: 75%; }
.d-col-offset_lg_10 { margin-left: 83.33%; }
.d-col-offset_lg_11 { margin-left: 91.66%; }
.d-col-offset_lg_12 { margin-left: 100%; }
.section-press__main {padding-right:0}
.nav_main li:hover .nav-main-sub,.nav-main-sub__parent:hover .nav-main-level { margin-top: -1px; opacity: 1; visibility: visible; }
}
@media (min-width:1200px){
.d-col_0 { width: 0; }
.d-col_1 { width: 8.33%; }
.d-col_2 { width: 16.66%; }
.d-col_3 { width: 25%; }
.d-col_4 { width: 33.33%; }
.d-col_5 { width: 41.66%; }
.d-col_6 { width: 50%; }
.d-col_7 { width: 58.33%; }
.d-col_8 { width: 66.66%; }
.d-col_9 { width: 75%; }
.d-col_10 { width: 83.33%; }
.d-col_11 { width: 91.66%; }
.d-col_12 { width: 100%; }
.d-col-offset_0 { margin-left: 0; }
.d-col-offset_1 { margin-left: 8.33%; }
.d-col-offset_2 { margin-left: 16.66%; }
.d-col-offset_3 { margin-left: 25%; }
.d-col-offset_4 { margin-left: 33.33%; }
.d-col-offset_5 { margin-left: 41.66%; }
.d-col-offset_6 { margin-left: 50%; }
.d-col-offset_7 { margin-left: 58.33%; }
.d-col-offset_8 { margin-left: 66.66%; }
.d-col-offset_9 { margin-left: 75%; }
.d-col-offset_10 { margin-left: 83.33%; }
.d-col-offset_11 { margin-left: 91.66%; }
.d-col-offset_12 { margin-left: 100%; }
}
/*** COMMON ***/
body,button,input,select,textarea,.d-row_ib > * { font: 14px/1.25 'Open Sans',sans-serif; color: #000000; }
button,input,select,textarea { font-size: inherit; }
.d-row_ib > * { font-family: inherit; color: inherit; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin-bottom: 1em; font-weight: 700; line-height: 1; font-family: 'Cuprum',Arial,Helvetica,sans-serif;text-transform: uppercase; }
h1:not(.h2),.h1 {
/*font-size: 5.143em;*/
/*color: #1a418f;*/
font-size: 2.571em;
line-height: 60px;
text-transform: uppercase;
color: #535B6B;
font-weight: normal;
}
h2,.h2 {
/*font-size: 4.286em;*/
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
color: #535B6B;
margin-bottom: 60px;
}
h3,.h3 { font-size: 2em; }
h4,.h4 { font-size: 1.143em; }
h5,.h5 { font-size: 1.5em; }
h6,.h6 { font-size: 1.25em; }
.ff_cuprum { font-family: 'Cuprum',sans-serif; }
.fs_sm { font-size: .857em; }
.fs_lg { font-size: 1.143em; }
.fs_xl { font-size: 1.256em; }
.d-fw_7 {font-weight:700}
.d-lh_1 {line-height: 1.72em;}
a { color: #1a418f; border-bottom: 1px solid rgba(26,65,143,.2); text-decoration: none; }
a:hover { border-bottom-color: transparent }
a.d-lnk-js { border-bottom-style: dotted; }
a.d-lnk-txt, .d-lnk-txt a { border:0; color: inherit; }
a[href^='tel:'] {text-decoration: none !important; cursor: default;border-bottom-color:transparent!important; }
.d-bcth:hover,.d-bcth a:hover,.d-bct,a .d-bct{border-color:transparent;}
p { margin-bottom: 1.5em; }
dd { padding: 0 0 1em 1em; }
ol, ul {display: inline-block; margin-bottom: 1.5em; }
ol { margin-left: 3em; list-style-type: decimal; }
ul { margin-left: 3em; list-style: disc; }
blockquote{margin-left: 3em;}
li { margin-bottom: .75em; }
nav ol, nav ul, nav li, fieldset ol, fieldset ul, fieldset li, .d-plain, .d-plain li, .d-plain dd, input.d-plain, button.d-plain, textarea.d-plain { margin: 0; padding: 0; background: none; border: 0; list-style: none; }
nav li:before, fieldset li:before, .d-plain li:before { display: none; }
fieldset li { margin-bottom: 1.5em; }
.d-bsbb,.d-grid,.d-col,.d-wrapper,.btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.d-wrapper { display: block; position: relative; width: 100%; overflow: hidden; }
.d-table { display: table; table-layout: fixed; }
.d-table.d-ib { display: inline-table; }
.d-table__row { display: table-row; }
.d-table__cell { display: table-cell; vertical-align: middle; }
.d-cb:after,.d-grid:after,.d-row:after { clear: both; display: block; height: 0; content:'.'; visibility: hidden; }
.d-clear { clear: both; }
.d-ht { display: block; text-align: left; text-indent: -999em; overflow: hidden; }
.d-db { display: block; }
.d-ib,.btn { display: inline-block; vertical-align: middle; }
.d-ha:after,.d-hb:before { display: block; height: 0; content: '.'; text-align: left; text-indent: -999em; overflow: hidden; }
.d-fn { float: none; }
.d-fl { float: left; }
.d-fr { float: right; }
.d-pr { position: relative; }
.d-tac { text-align: center; }
.d-tal { text-align: left; }
.d-tar { text-align: right; }
.d-taj { text-align: justify; }
.d-ttu { text-transform: uppercase; }
.d-ttn { text-transform: none; }
.d-lhn { line-height: normal; }
.d-vat { vertical-align: top; }
.d-vam {
vertical-align: middle; }
.d-vab { vertical-align: bottom; }
.d-wsnw { white-space: nowrap; }
.d-hidden,.d-hidden-a:after,.d-hide-pc { display: none; }
.d-bgi {background:no-repeat center/cover;}
.d-bct,.d-bcth:hover{border-color:transparent}
.d-pos-abs,.d-pos-abs-b:before,.d-pos-abs-a:after {position:absolute; left:0; right:0; top:0; bottom:0;}
.d-pos-abs-b:before,.d-pos-abs-a:after{ content:'';
display: none;}
.mob{display: none;}
.tabs{ background:white }
.tabs__header{ display:flex; flex-flow:row wrap; justify-content:flex-start; margin:0 }
.tabs__btn{ display:block;
border:1px solid #989898;
cursor:pointer;
text-align:center;
margin-bottom:-1px;
padding:1.1em; }
.tabs__btn:not(:last-child){ border-right:0 }
.tabs__btn.active{
color:white;
background-color:#08aff3;
border-color:#08aff3;
}
.tabs__contents{
margin:0;
list-style-type:none;
border:1px solid #989898;
/*font-size:1.5em;*/
font-weight:400;
/*color:#595c6c;*/
position:relative;
width: 100%;
}
.tabs__content{ display:none; margin:0; height:500px; overflow-y:auto }
.tabs__content.active{ display:block }
.tabs__img{ background-color:#f6f4f8; height:200px; border-bottom:1px solid #989898; margin-bottom:1em }
.tabs__padding{
padding:1.5em 2.3em;
}
.d-bsh,.d-bsh-hover:hover {box-shadow: 0 11px 21px -10px rgba(9, 18, 84, 0.27);}
.d-triangles {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 0;
height: 0;
border: 1.8em solid #30549A;
border-right-color: transparent!important;
border-bottom-color: transparent!important;
border-radius: 10px 0 0 0;
}
.nav-sub-level{ position:absolute; z-index:13; top:100%; left:0; margin-top:3em; padding:30px; width:320px; background:#fff; font-weight:400; color:#656878; text-align:left; text-transform:none; opacity:0; visibility:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:0 .75em 1.5em rgba(9, 18, 84, .27); }
.nav-sub-level:after{ position:absolute; z-index:1; top:0; left:0; margin:1px; width:0; height:0; border:1.625em solid transparent; border-top-color:#e6e6e6; border-left-color:#e6e6e6; content:''; }
.nav-sub-level li{ display:block; position:relative; padding:0; border-top:1px solid rgba(39, 82, 168, .1); text-align:left; }
.nav-sub-level li:first-child{ border-top:0; }
.nav-sub-level li a{ display:inline-block; padding:.75em 10px .75em 20px; border:0; }
.nav-sub-level li a:hover{ color:#e42e87; }
.nav-sub__item:hover .nav-sub-level{ margin-top:-1px; opacity:1; visibility:visible; }
.nav-sub__item{ position:relative }
/* table */
.page-wrap table { margin: 2em 0; min-width: 1000px; }
.page-wrap table.img_desc{
min-width: 1px;
max-width: 100%;
width: 100%;
}
.page-wrap table.img_desc img{max-width: 100%;}
.page-wrap .img_desc td ul{margin-bottom: 0;}
.page-wrap tr { vertical-align: inherit; }
.page-wrap th{
background-color: #30549a;
border-bottom: 2px #fff solid;
border-right: 2px #fff solid;
box-sizing: border-box;
color: #fff;
font-family: Cuprum;
font-size: 18px;
font-weight: bold;
height: 80px;
line-height: 22px;
padding: 29px 20px 28px 40px;
text-align: left;
vertical-align: middle;
}
.page-wrap th p,.page-wrap td p{margin-bottom: 0;}
.page-wrap td{
border-bottom: 2px #fff solid;
border-right: 2px #e9ecf9 solid;
box-sizing: border-box;
font-family: "Open Sans";
font-size: 14px;
line-height: 18px;
padding: 23px 20px 22px 40px;
vertical-align: middle;
}
.page-wrap tr:nth-child(2n) td{background-color: #f5f6fb;}
.page-wrap th:last-child,.page-wrap td:last-child{border-right: none;}
.page-wrap .align_top td, .page-wrap .align_top th{vertical-align: top;}
.page-wrap table[border="0"] td, .page-wrap th table[border="0"] { border: 0; }
.page-wrap table img {display:block; height: auto; margin:0 auto;max-width: none;}
.page-wrap table.instant-img img,table img { max-width: none; }
.page-wrap table.d-plain, .page-wrap table.d-plain th, .page-wrap table.d-plain td { margin: 0; padding: 0; background: none; border: 0; }
.page-wrap table.is-borderless, .page-wrap table.is-borderless th, .page-wrap table.is-borderless td { border: 0; }
/* form */
.page-wrap button,.page-wrap input,.page-wrap select,.page-wrap textarea,#colorbox button,#colorbox input,#colorbox select,#colorbox textarea,.btn { padding: 1em 15px; background: #fff; border: 1px solid #999;}
.page-wrap button,.page-wrap [type="button"],.page-wrap [type="reset"],.page-wrap [type="submit"],#colorbox button,#colorbox [type="button"],#colorbox [type="reset"],#colorbox [type="submit"],.btn { padding:2em 5em;background: #e9e4ed; border-color: #e9e4ed; color: black; text-align: center; text-decoration: none; cursor: pointer;text-transform:uppercase;font-size: 0.857em; font-weight: 400; }
.page-wrap button:hover,.page-wrap [type="button"]:hover,.page-wrap [type="reset"]:hover,.page-wrap [type="submit"]:hover,#colorbox button:hover,#colorbox [type="button"]:hover,#colorbox [type="reset"]:hover,#colorbox [type="submit"]:hover,.btn:hover { background: #f70137; border-color: #f70137;color:white }
.page-wrap button:active,.page-wrap [type="button"]:active,.page-wrap [type="reset"]:active,.page-wrap [type="submit"]:active,#colorbox button:active,#colorbox [type="button"]:active,#colorbox input[type="reset"]:active,#colorbox [type="submit"]:active,.btn:active {background: #f70137; border-color: #f70137; }
.page-wrap .btn_o,#colorbox .btn_o { background: none; color: #069; }
.page-wrap .btn_o:hover,#colorbox .btn_o:hover { background: none; color: #08c; }
.page-wrap .btn_o:active,#colorbox .btn_o:active { background: none; color: #046; }
.page-wrap .btn_o_1,#colorbox .btn_o_1 { background: none; color: white;border-color:rgba(255, 255, 255, 0.2)}
.page-wrap .btn_o_1:hover,#colorbox .btn_o_1:hover { background: white; color: black; }
.page-wrap .btn_o_1:active,#colorbox .btn_o_1:active { background: white; color: black; }
.page-wrap input[type="checkbox"],.page-wrap input[type="radio"],#colorbox input[type="checkbox"],#colorbox input[type="radio"] { position: absolute; padding: 0; width: 1px; height: 1px; background: none; border: 0; opacity: 0; }
.page-wrap input[type="checkbox"] + label,.page-wrap input[type="radio"] + label,#colorbox input[type="checkbox"] + label,#colorbox input[type="radio"] + label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; }
.page-wrap input[type="checkbox"] + label:before,.page-wrap input[type="radio"] + label:before,#colorbox input[type="checkbox"] + label:before,#colorbox input[type="radio"] + label:before { position: absolute; top: 0; left: 0; margin-top: -3px; width: 22px; height: 22px; background: #fff; border: 1px solid #d4dbdd; font: normal normal normal 14px/22px FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; text-align: center; content: '\f00c'; }
.page-wrap input[type="checkbox"]:checked + label:before,.page-wrap input[type="radio"]:checked + label:before,#colorbox input[type="checkbox"]:checked + label:before,#colorbox input[type="radio"]:checked + label:before { color: #00537e; }
.page-wrap select,#colorbox select {-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}
/* figure */
figure.is-bgd { display: block; position: relative; background-position: 50%; background-repeat: no-repeat; background-size: cover; }
figure.is-bgd img { display: none; }
/* transition */
.page-wrap a,.page-wrap button,.page-wrap input,.page-wrap select,.page-wrap textarea,#colorbox a,#colorbox button,#colorbox input,#colorbox select,#colorbox textarea,.trans,.trans_hb:before,.trans_ha:after,.btn,.nav_main li ul { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.page-wrap .notrans,#colorbox .notrans,.notrans_hb:before,.notrans_ha:after { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; }
.cbtrans { -webkit-transition: all 1s cubic-bezier(.215,.61,.355,1); -moz-transition: all 1s cubic-bezier(.215,.61,.355,1); -o-transition: all 1s cubic-bezier(.215,.61,.355,1); transition: all 1s cubic-bezier(.215,.61,.355,1); }
/* nav */
.nav_main { margin-left: -30px; padding-top: 2.75em; font-weight: 700; text-align: justify; text-transform: uppercase; }
.nav_main ul:after { display: inline-block; width: 100%; content: ''; }
.nav_main li { display: inline-block; position: relative; padding-bottom: 1em; text-align: center; margin: 0 6px;}
.nav_main li ul { position: absolute; top: 100%; left: -40px; margin-top: 3em; padding: 30px; width: 320px; background: #fff; font-weight: 400; color: #656878; text-align: left; text-transform: none; opacity: 0; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 .75em 1.5em rgba(9,18,84,.27); }
.nav_main li ul:after { position: absolute; z-index: 1; top: 0; left: 0; margin: 1px; width: 0; height: 0; border: 1.625em solid transparent; border-top-color: #e6e6e6; border-left-color: #e6e6e6; }
.nav_main li .nav-main-sub li { display: block; position: relative; padding: 0; border-top: 1px solid rgba(39,82,168,.1); text-align: left; }
.nav_main li .nav-main-sub li:first-child { border-top: 0; }
.nav_main li .nav-main-sub li a { display: inline-block; padding: .75em 10px .75em 20px; }
.nav_main li .nav-main-sub li a:hover { color: #e42e87; }
.nav_main .fa {position: absolute;right: 0;top: 0;display: inline-block;padding: 1em;}
.nav_main .fa.d-hidden {display:none;right: -2.2em;
top: -0.7em;}
.nav-main-sub__parent .nav-main-level {left:100%;opacity:0;visibility:hidden;top: 0;}
.nav_main li ul a {font-size: 1.143em;}
.nav_lang { display: inline-block; position: relative; vertical-align: top; margin-right: 40px; width: 78px; height: 48px; border: 1px solid rgba(255,255,255,.2); font-weight: 700; text-transform: uppercase; text-align: center; cursor: pointer; border-radius: 4px; }
.nav_lang div { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.5em; line-height: 1; }
.nav_lang div .fa { margin-left: 5px; }
.nav_lang ul { position: absolute; top: 100%; left: 0; right: 0; margin-top: 3em; background: #fff; opacity: 0; visibility: hidden; box-shadow: 0 .5em 1.25em -.5em rgba(9,18,84,.27); }
.nav_lang ul li a, .nav_lang ul li span { display: block; padding: .5em 0; border: 0; border-top: 1px solid #fff; color: #1a418f; cursor: text; }
.nav_lang ul li a { cursor: pointer; }
.nav_lang ul li a:hover, .nav_lang ul li span { background: #eaeff7; }
.nav_lang:hover ul { margin-top: -1px; opacity: 1; visibility: visible; }
/* slider */
.slider { position: relative; }
.slider:after { display: block; clear: both; height: 0; content: ''; }
.slider__item { float: left; position: relative; }
.link-more {
font-weight: bold;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
color: #535B6B;
margin-left: 1.3em;
}
.slick-arrow {border-radius:50%;
font-size: 20px;
width: 50px;
height: 50px;
line-height: 46px;
text-indent: -99999px;
}
.slick-arrow:hover{}
.slick-prev{background: url(../img/slider_prev.svg) center no-repeat;}
.slick-next{background: url(../img/slider_next.svg) center no-repeat;}
/*.slider-main__item .d-grid { padding-top:5em; height:50em;padding-bottom:15em }
.slider-main__item .h2 {font-size:3em}
.slider-main__billet {
width: 20.6%;
display: block!important;
bottom: auto;
left: auto;
position: relative!important;
right: auto;
top: auto;
background: #222 url(../img/bg_slider-main-billet.png) no-repeat;
background-size: cover;
}
.slider-main__billet .d-table__cell {;padding: .5em 1.5em;height: 14.286em}
.slider-main__billet:nth-child(5){position: absolute;bottom: 200%;right: 20.4%;}
.slider-main__billet.last{position: absolute;bottom: 0;right: -20.7%;}
.slider-main__billet{margin-left: 20.6%;}
.slider-main__billet:nth-child(3),.slider-main__billet:nth-child(4){margin: 0 20.6% 0 0;}*/
.slider-main .slider__item{padding: 80px 0 45px;}
.slider-main .slick-dots{
bottom: auto;
display: flex;
flex-direction: row;
justify-content: flex-end;
left: calc(50% - 735px);
max-width: 1470px;
top: 165px;
}
.slider-main .slick-dots li{
display: block;
height: 20px;
margin: 0 0 0 20px;
width: 20px;
}
.slick-dots li:only-child{display: none;}
.main_slide_content{margin-bottom: 60px;}
.main_slide_content .h1{
/*color: #1a418f;*/
/*font-size: 60px;*/
/*line-height: 80px;*/
margin-bottom: 40px;
width: calc(100% - 150px);
font-style: normal;
font-weight: normal;
font-size: 46px;
line-height: 30px;
text-transform: uppercase;
color: #535B6B;
}
.slider-main__text {
font-family: Cuprum;
/*color: #656878;*/
/*font-size: 26px;*/
line-height: 30px;
font-weight: normal;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
color: #535B6B;
}
.section-slider-main__controls .slick-arrow {position:static;display:inline-table}
.section-slider-main__controls {position:absolute;bottom: 1.5em;left:15px}
.slider-main__counter{margin: 0 2.3em;}
.slider-main__billets {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
max-width: 1073px;
}
.slider-main__billet{
align-items: center;
/*background: linear-gradient(135deg, transparent 28px, rgba(24,24,24,.8) 28px);*/
border: none;
/*box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);*/
/*border-radius: 10px;*/
/*background: linear-gradient(135deg, transparent 28px, rgba(195, 211, 234, 0.7) 28px);*/
background-color: rgba(195, 211, 234, 0.7);
box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.1);
border-radius: 10px;
/*color: #fff;*/
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-family: Cuprum;
height: 130px;
justify-content: center;
margin: 0 10px 10px 0;
padding: 20px 40px;
position: relative;
width: calc(33.33% - 30px);
}
.slide_triangles {
background: linear-gradient(-45deg, transparent 21px, #08aff3 21px);
border-radius: 10px 0 0 0;
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
z-index: 1;
}
.slider-main__billet-bg-hover{
border-radius: 10px;
right:auto; width:0; height:0; bottom:auto;opacity:0;
}
.slider-main__billet:hover .slider-main__triangles {border-color:white!important;border-right-color: transparent!important; border-bottom-color: transparent!important;}
.slider-main__billet:hover .slider-main__billet-bg-hover{width:100%;height:100%;opacity:1}
.billet_text{
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #343537;
text-transform: uppercase;
margin-bottom: 0;
position: relative;
z-index: 9;
}
.slider-main__billet:hover .billet_text{
color: #ffffff;
}
.slider-main__counter-main {font-size: 2.857em;}
.d-hide-op {opacity:0;visibility:hidden}
.d-show-op-hover .d-hide-op { opacity:1;visibility:visible}
/* colors */
.clr_red { color: #f70137; }
.clr_blue { color: #1a418f; }
.clr_gray { color: #656878; }
.clr_pink { color: #e42e87; }
.clr_white { color: #fff; }
.clr_white a.d-lnk-txt, .clr_white .d-lnk-txt a, .clr_white.d-lnk-txt a { border-bottom-color: rgba(255,255,255,.2); }
.clr_pink a, a.clr_pink { border-bottom-color:#e42e87;}
/*** STYLES ***/
html, body { min-width: 1200px; min-height: 100%; height: 100%; }
body {background: #fff; -webkit-text-size-adjust: 100%; }
#d-wrap {
position: relative;
z-index: 1;
width: 100%;
display: flex;
flex-direction: column;
/*width: 100%;*/
min-height: 100%;
/*overflow: hidden; */
}
/*#d-wrap:after { display: block; clear: both; height: 240px; content:'.'; visibility: hidden; }*/
/*
#d-header { position: relative; z-index: 333; background: #E6EBF7;transition-duration:2s }
#d-header .d-grid:not(.nav-sub__grid){ height:100px; }
.d-header__logo { position: absolute; top: 50%; right: 100%; width: 21.5%; margin-top: -15px;z-index:1 }
.d-header__logo img { display: block; height: 30px; }
.d-header__phones { padding-top: 1.5em; }
.d-header__phone { position: relative; margin-bottom: .75em; }
.d-header__phone svg {
margin: -5px 5px 0 0;
height: 15px;
}
.d-header__phone span { position: absolute; bottom: .2em; left: 10em; }
.d-header__options { position: absolute; top: 50%; left: 100%; width: 21.5%; margin-top: -26px; text-align: right; }
.d-header__search-toggle { vertical-align: top; position: relative; width: 50px; height: 50px; background: #fff; text-align: center; cursor: pointer; border-radius: 0 10px 0 10px; }
.d-header__search-toggle:before { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.55em; font-size: 1.5em; }
*/
/* Header */
.header {
background-color: #E6EBF7;
padding: 20px 0;
position: relative;
z-index: 333;
}
.header a{border-bottom: none;}
.flex {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.logo {
border: none;
display: inline-block;
}
.logo img {
max-width: 222px;
height: auto;
display: block;
}
.contact__link {
font-size: 14px;
line-height: 19px;
display: inline-block;
}
.header_btn {
align-items: center;
background-color: #E5EAF6;
border-radius: 6px;
box-sizing: border-box;
color: #31549A;
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-family: Cuprum;
font-weight: bold;
font-size: 18px;
height: 42px;
justify-content: space-between;
line-height: 20px;
padding: 0 23px;
text-transform: uppercase;
transition: all 0.2s linear;
}
.header_btn:hover {
background-color: #0BAFF3;
color: #fff;
}
.header_btn.mob,.menu_tel{display: none;}
.flexbox{
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.menu-mobile {
overflow-y: auto;
height: calc(100vh - 70px);
padding-top: 10px;
}
.menu-mobile__row {
display: flex;
align-items: center;
}
.menu-mobile .header_btn {
display: flex;
margin: 20px 0 0 28px;
width: 104px;
}
.input__search {
padding: 11px 51px 11px 30px;
width: 100%;
background-color: #FFFFFF;
border-radius: 5px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
border: none;
}
.button_search {
width: 40px;
height: 100%;
top: 0;
right: 0;
position: absolute;
background-color: transparent;
border: none;
background-image: url(../img/icon_search.svg);
background-repeat: no-repeat;
background-position: left center;
}
.form-search {
max-width: 45%;
display: block;
position: relative;
width: 100%;
}
.phone__link {
padding-left: 35px;
font-size: 16px;
line-height: 22px;
background-image: url(../img/icon_phone.svg);
background-repeat: no-repeat;
background-position: left center;
display: block;
color: #656878;
position: relative;
}
.phone__link_setting {
background-image: url(../img/icon_setting.svg);
}
.phones-list {
display: inline-block;
list-style: none;
margin: 0;
text-align: right;
}
.phones-list__item {
margin-bottom: 2px;
}
.link__callback {
font-size: 18px;
line-height: 25px;
padding-left: 53px;
color: #656878;
display: inline-block;
background-image: url(../img/icon_envelope.svg);
background-repeat: no-repeat;
background-position: left center;
border: none;
}
.container{
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}
.container {max-width: 1500px;}
/*Style Sandwich*/
.btn-nav {
display: none;
border: none;
z-index: 60;
vertical-align: middle;
position: relative;
}
.btn-nav span {
display: block;
}
.sandwich {
width: 30px;
height: 22px;
top: 13px;
bottom: 4px;
margin: auto;
z-index: 20;
cursor: pointer;
}
.sw-topper {
position: relative;
top: 3px;
width: 30px;
height: 2px;
background: #30549A none repeat scroll 0% 0%;
border: medium none;
transition: transform 0.5s, top 0.2s;
/* transition-delay: 0.2s, 0s; */
}
.sw-bottom {
position: relative;
width: 30px;
height: 2px;
top: 9px;
background: #30549A;
border: none;
transition: transform 0.5s, top 0.2s;
transition-delay: 0.2s, 0s;
}
.sw-footer {
position: relative;
width: 30px;
height: 2px;
top: 15px;
background: #30549A;
border: none;
transition: all 0.5s;
transition-delay: 0.1s;
}
.sandwich.active .sw-topper {
top: 10px;
transform: rotate(45deg);
}
.sandwich.active .sw-bottom {
opacity: 0;
}
.sandwich.active .sw-footer {
top: 6px;
transform: rotate(-45deg);
}
/*End Sandwich*/
.menu-mobile {
display: none;
}
.menu-mobile .link__callback {
display: none;
}
.menu-mobile .form-search {
display: none;
}
.menu {
background-color: #30549A;
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.05);
position: relative;
z-index: 33;
}
.menu .container{
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.menu .lang,.menu-mobile .lang{border-color: #E6EBF7;}
.menu .lang__item,.menu-mobile .lang__item{color: #E6EBF7;}
.menu .lang__item.active,.menu-mobile .lang__item.active{
background-color: #E6EBF7;
color: #30549A;
}
.menu__inner {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
width: calc(100% - 220px);
}
.navigation__link {
font-size: 18px;
line-height: 21px;
font-weight: 700;
padding: 29px 30px;
font-family: 'Cuprum', sans-serif;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
color: #FFFFFF;
position: relative;
}
.menu__item:last-child .navigation__link {
padding-right: 0;
border: none;
box-shadow: none;
}
.menu__item:first-child .navigation__link {
padding-left: 0;
}
.menu__item {
position: relative;
}
.menu-dropdown {
padding: 20px 0px;
position: absolute;
top: 100%;
left: 0;
width: 390px;
margin-top: 1em;
z-index: 10;
background: #FAFAFA;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
border-radius: 10px;
opacity: 0;
visibility: hidden;
-webkit-transition: ease-in 0.1s;
-o-transition: ease-in 0.1s;
transition: ease-in 0.1s;
}
.menu__item:hover .menu-dropdown {
visibility: visible;
margin-top: 0;
opacity: 1;
}
.menu-dropdown::before {
position: absolute;
display: block;
content: " ";
width: 100%;
height: 10px;
left: 0;
top: 0;
background: #08AFF3;
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
}
.menu-dropdown__item {
display: block;
}
.menu-dropdown__link {
border: none;
font-size: 20px;
line-height: 18px;
padding: 0px 40px;
color: #656878;
font-family: 'Cuprum', sans-serif;
display: block;
transition: all 0.3s;
display: block;
}
.menu-dropdown__link:hover {
background-color: #08AFF3;
color: #fff;
}
.menu-dropdown__link:hover span {
border-color: transparent;
}
.menu-dropdown__link span {
padding: 20px 0;
border-bottom: 1px solid #E9EDF6;
display: block;
transition: border-color 1s ease;
}
.menu-dropdown__item:last-child .menu-dropdown__link span {
border: none;
}
/* END header */
#d-content {
flex-grow: 1;
}
#d-footer {
color: #656878;
font-family: "Open Sans";
padding-top:3.5em;
/*position: absolute;*/
/*bottom: 0;*/
/*left: 0;*/
/*right: 0;*/
z-index: 2;
/*height: 240px;*/
/*background: #e9e4ed; */
height: auto;
padding-bottom: 43px;
background-color: #eaebf5;
flex-shrink: 0;
}
#d-footer .h4{font-family: "Open Sans"; font-weight: 400; font-size: 14px;}
.nav-breadcrumbs{ margin-bottom: 5.3em; z-index: 1; padding-top: 2em;}
.nav-breadcrumbs__item{display:inline-block;position:relative;padding-right:24px;vertical-align:top;color: #838d97;}
.nav-breadcrumbs__item:after{display:block;position:absolute;top:0;right:6px;width:6px;height:6px;content:">";}
.nav-breadcrumbs__item:last-child:after{display:none;}
.nav-pages{font-size: 1.143em;font-weight: 400;color: #c1c6cb; margin: 3em 0 0;}
.nav-pages li{display:inline-block;vertical-align:bottom; position:relative}
.nav-pages__item:after { content:'/';display:inline-block;position:absolute;right:0;bottom:0}
.nav-pages a{display:block;border:0;border-radius:3px;color: #c1c6cb;text-align:center;text-decoration:none;}
.nav-pages a.current{border:0; font-size: 2.3em;color:black;line-height: 1;}
.nav-pages .nav-pages__prev a svg,.nav-pages .nav-pages__next a svg {max-width: 7px; max-height: 100%;}
.nav-pages .nav-pages__prev a,.nav-pages .nav-pages__next a {border-radius:50%;border:2px solid #e3e3e3;fill:#c1c6cb; width: 48px;background: white;
height: 48px;line-height:46px;}
.nav-pages .nav-pages__prev a:hover,.nav-pages .nav-pages__next a:hover{border-color:#e3e3e3}
.nav-pages__item {padding-right: 1em;margin-bottom: 12px;}
.nav-pages__arrow {
margin:0 25px;
}
.scroll-wrapper .section-innovations__list {margin-left:0;margin-right:0}
.scroll-wrapper .section-innovations__list .d-col:first-child{padding-left:0}
.scroll-wrapper .section-innovations__list .d-col:last-child{padding-right:0}
.section-innovations__list .slick-track:before,.section-innovations__list .slick-track:after{display: none;}
.section-innovations__list .slick-track{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.section-innovations__list .slick-slide{
height: auto;
}
.innovations-item {border:0;background-color:white;white-space:normal;}
.innovations-item.d-mb_2 {
height: calc(100% - 31px);
margin-bottom: 30px;
}
.innovations-item:before{ z-index: 0; opacity:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100 */ background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #e5e5e5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #000000 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #000000 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}
.innovations-item__content {padding: 8em 2.6em 2.6em;}
.innovations-item__bg-hover,.innovations-item__btn {opacity:0;visibility:hidden}
.innovations-item__btn {position:absolute;bottom:0;left:0;right:0;margin:0 2em 1.7em}
.innovations-item__triangles {
/*margin: .7em;*/
border-width:2.5em
}
.innovations-item:hover .innovations-item__bg-hover {opacity:.6;visibility:visible}
.innovations-item:hover {color:white}
.innovations-item:hover:before {opacity:.6}
.innovations-item:hover .innovations-item__btn {opacity:1;visibility:visible}
/*.section-innovations { background-image:url(../img/bg_contacts.jpg);background-position:left top;background-size:inherit}*/
.nav-sub{ background:#f6f4f8 }
.nav-sub__list{ display:flex; align-items:center; flex-flow:wrap; width:100% }
.nav-sub__list{ margin:0 -1.5em }
.nav-sub__link{ border:0;
color:black;
position:relative;
padding:1.2em 0;
margin:0 1.5em;
display:block;
border-bottom:4px solid transparent; }
.nav-sub__link .d-triangles{ border-width:.25em; opacity:0; visibility:hidden }
.nav-sub__item:hover .d-triangles{ opacity:1; visibility:visible }
.nav-sub__item:hover .nav-sub__link{ border-color:#08aff3 }
.vstrs-os__list{ display:flex; flex-flow:wrap; margin-right:-3px; }
.vstrs-os__item{ position:relative; background-color:white; height:110px; margin-bottom:-2px; margin-right:-1px; background-size:auto }
.vstrs-os__item:last-child:after{ content:''; position:absolute; left:100%; right:0; top:0; bottom:0; width:1px; background:white; }
.vstrs-projects__item, .vstrs-projects__item:hover{ display:block; color:black; max-width: 100%; border:1px solid #989898; position:relative;; background:white; }
.vstrs-projects__image{ background-color:#e8e8e8; height:150px; display:block }
.vstrs-projects__link{
display:block;
text-align:right;
font-weight:700;
font-size:0.75em;
text-decoration: none;
border: none;
}
.vstrs-projects__link i{ font-size:1.5em; margin-right:.5em }
.vstrs-projects__descr{ overflow:hidden; height:183px; }
.vstrs-page__section{ margin-bottom:7em; }
.section-innovations .section-innovations__list .slick-prev {
margin-top: -30px;
margin-left: -45px;
}
.section-innovations .section-innovations__list .slick-prev {
margin-top: -30px;
margin-left: -45px;
}
.section-innovations .section-innovations__list .slick-next {
margin-top: -30px;
margin-right: -45px;
}
.innovations-item {
border-radius: 10px;
}
.innovations-item__name {
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 25px;
text-transform: uppercase;
color: #535B6B;
margin-bottom: 10px;
}
.innovations-item__text {
/*line-height: 1.5;*/
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #535B6B;
}
.news-item {
display: flex;
flex-direction: column;
}
.news-item__time .d-ib {
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #535B6B;
}
.news-item__time .fa {
/*margin-right:1em*/
margin-right: 11px;
font-size: 14px;
}
.link-more .d-triangles {
margin: -1.1em 0 0 -1.3em;
/*border-width:.66em*/
border-width: 0.86em;
}
.news-item__name {
max-height: 3.7em;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
color: #535B6B;
}
.news-item__meta { margin-bottom: .25em; }
.gallery__image {
border-radius: 10px;
}
.gallery__image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.6;
transition: all .2s linear;
}
.gallery__item:hover .gallery__image::after {
opacity: 0;
}
.vstrs-projects__info{
padding:1.2em;
}
.vstr-tech-info{
display:flex;
flex-wrap:wrap;
}
.vstr-tech-info__item{ border:1px solid #e3e3e3;
background:white;
padding:4em 4.5%; }
.vstr-tech-info__item_min h4{ /* margin-bottom:0 */ }
.vstr-tech-info__item_min{ display:flex;
justify-content:space-around;
flex-flow:column;
/*text-align:center;*/ overflow:hidden;
border-left:0;
border-right:0;
}
.vstr-tech-info__item_min hr{ background:#e3e3e3; margin:1.5em -999em; }
.vstr-reviews__text{ position:relative; line-height:1.5; }
.vstr-reviews__item{ display:flex; }
.vstr-reviews__text:before{ content:' “ ';
font-size:7.5em;
display:block;
font-weight:700;
line-height:1;
margin-bottom:-.3em;
color:#595c6c; }
.vstr-reviews__image{
background-color:#e8e8e8;
width:35.7%;
margin-right:2em;
height:22em;
flex:1 0 auto;
}
.vstr-reviews__slider__controls{
width:25%;
}
.vstr-reviews__slider-wrap{ display:flex; align-items:center; justify-content:space-between; }
.vstr-reviews__slider{ width:70%; }
.slick-arrow-style .slick-arrow{
border-radius:0%;
border:1px solid #bdbec4;
font-size:20px;
width:calc(50%);
height:50px;
line-height:46px;
background:white;
color:#595c6c;
font-size:2em;
}
.slick-arrow-style .fa-angle-right:before{
content:'\2192';
font:inherit;
}
.slick-arrow-style .fa-angle-left:before{
content:'\2190';
font:inherit;
}
.slick-arrow-style .slick-prev{
transform:translate(0, -50%);
}
.slick-arrow-style .slick-next{
transform:translate(0, 50%);
}
.gallery .d-col:first-child .gallery__item {padding-top: 174%;}
.gallery .d-col:nth-child(4) .gallery__item,.gallery .d-col:nth-child(5) .gallery__item,.gallery .d-col:nth-child(6) .gallery__item {padding-top: 43%;}
.gallery .d-col:nth-child(4) {width: 66.66%;}
.gallery .d-col:nth-child(5) {width: 50%;}
.gallery .d-col:nth-child(6) {width: 50%;}
.gallery__item {padding-top: 77%;}
.gallery__name {
top:auto;
padding: 1.4em;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)scale(.95);
font-family: "Cuprum";
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
}
.gallery__item:hover { -webkit-transform:translate3d(0,0,0)scale(.95); -moz-transform:translate3d(0,0,0)scale(.95); -ms-transform:translate3d(0,0,0)scale(.95); -o-transform:translate3d(0,0,0)scale(.95); transform:translate3d(0,0,0)scale(.95);}
.banner-line{
height: 16.357em;
border-radius: 10px;
}
.banner-line::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.6;
border-radius: 10px;
transition: all .2s linear;
}
.d-row.clr_white .right_text_block .h3{
text-align: right;
}
.banner-line:hover::after {
}
.banner-line .banner-line__item {
z-index: 3;
}
.banner-line:before{background-color: #1a418f;opacity:.5}
.banner-line__item {margin-top:6em}
.banner-line:hover {-webkit-transform:translate3d(0,0,0)scale(.95); -moz-transform:translate3d(0,0,0)scale(.95); -ms-transform:translate3d(0,0,0)scale(.95); -o-transform:translate3d(0,0,0)scale(.95); transform:translate3d(0,0,0)scale(.95);}
.icon-bagel,.icon-bagel.d-mb_1 {
/*width: 20px;*/
/*height: 20px;*/
/*border:5px solid #e42e87;*/
/*border-radius:50%; */
/*margin: 0 10px .6em 0;*/
flex-shrink: 0;
width: 15px;
height: 15px;
background-color: #E42E87;
transform: rotate(45deg);
margin-right: 21px;
top: 15px;
position: relative;
}
.icon-bagel + .h3{display: inline-block;}
.object-item .d-ttu{display: none;}
.section-object__bg {
display: none; background:no-repeat url(../img/bg_map2.png) center right/contain; top: auto; padding-top: 73.5%; bottom: -28%; z-index: -1;}
.section-object__bg.section-object__bg-en { background-image: url(../img/bg_map2.png);}
.slider-partners__col{
padding:0 15px;
}
.slider-partners{
transform:translateX(-16px);
}
.slider-partners__item {height: 8.571em;border: 1px solid #e9e4ed;display:block;}
.slider-partners__img {filter: grayscale(100%);-webkit-filter: grayscale(100%);margin:auto;max-height:100%;}
.slider-partners__item:hover{border-color:transparent;box-shadow: 0 1px 27px rgba(9, 18, 84, 0.16);}
.slider-partners__item:hover .slider-partners__img {filter: grayscale(0);-webkit-filter: grayscale(0);}
.lang {border:1px solid #6f6d6f;text-align:center;display:inline-table}
.lang__item{height: 2.857em;width: 2.857em;line-height:2.857;border:0;color: #6f6d6f;}
.lang__item.active {background:#6f6d6f;color: #e9e4ed;}
.icon-text__icon {margin-right:.5em}
.section-contacts__btn {
margin-left: 1.5em;
}
.icon-text {padding-left:1.5em;position:relative}
.icon-text__icon {position:absolute;left:0; top: .15em;}
.section-contacts:before {background:no-repeat url(../img/bg_contacts.jpg) left top; content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}
.section-contacts__map{
position: relative;
height:700px;
margin-top: 11em;
}
.section-contacts__map-info {
background-color: rgba(255, 255, 255, 0.75);
z-index: 1;
margin-top: 8.5em;
padding: 9em 13%;
box-shadow: 0 23px 29px -15px rgba(38, 38, 43, 0.4);
height: 460px;
}
.section-contacts__map-info .d-triangles {
border-color: #e42e87;
border-width: 3.8em;
margin: 1.4em;
}
.map {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.lines .d-col {
height:100vh;
}
.lines .d-col:before,.lines .d-col:last-child:after{
content:'';
width:1px;
background:#e3e3e3;
position:absolute;
top:0;
bottom:0;
}
.lines .d-col:last-child:after {
right:0;
}
.lines .d-grid {
position:fixed;
bottom:0;
top:0;
left:0;
right:0;
width:100%;
z-index:-1;
}
.lines_adjustment .d-col{ padding:0 }
.lines_adjustment .d-row{ margin:0 }
.section-contacts__map-info-item {
display:none;
}
.section-contacts__map-info-item__active {display:block}
.section-press__image:before {
content:'';
display:none;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
}
.section-press__image-info {top:auto;padding: 2em;}
.section-press__mark {
position:relative;
top:.2em;
}
.mark-style {
background-color:#e9e4ed;
color:black;
}
.section-press:before{
background:no-repeat url(../img/bg_press_left.png) left top;z-index:-1;
}
.section-press:after{
background:no-repeat url(../img/bg_press_right.png) right bottom;
z-index:-1;
}
/*.section-press-detail:before{*/
/* background:no-repeat url(../img/bg-press-detail_left.png) left top;z-index:-1;*/
/*}*/
/*.section-press-detail:after{*/
/* background:no-repeat url(../img/bg-press-detail_right.png) right bottom;*/
/* z-index:-1;*/
/*}*/
.section-press-detail:before,.section-press-detail:after,.section-press:before,.section-press:after {
bottom:-11em;
}
.nav-aside__link,.nav-aside__link:hover {
border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
padding: 2em 0;
display:block;
margin-bottom:-1px;
color:black;
}
.nav-aside__item.active .nav-aside__link {
border-top:1px solid #a4b9e4;
border-bottom:1px solid #a4b9e4;
color: #30549a;
position:relative;
z-index:1;
}
.d-header__phones-btn {
position: absolute;
left: 188px;
top: -.6em;
padding: 1em;
cursor: pointer;
z-index: 1;
}
.section-project__image {
background: no-repeat right top/contain;
width: 1183px;
height: 798px;
left: auto;
top: -176px;
right: 0;
}
.section-project__item {
padding: 4.8em 0 3.2em;
border-bottom: 4px solid transparent;
color:inherit;
z-index:1;
}
.section-project__item:hover,.section-project__item:hover .section-project__triangles {
color:#f70137;
border-color:#f70137;
}
.section-project__item__nav nav, .nav-sub__item nav { position: absolute; z-index: 14; top: 100%; left: 0; margin-top: 3em; padding: 30px; width: 320px; background: #fff; font-weight: 400; color: #656878; text-align: left; text-transform: none; opacity: 0; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 .75em 1.5em rgba(9,18,84,.27); }
.section-project__item__nav nav:after, .nav-sub__item nav:after { position: absolute; z-index: 1; top: 0; left: 0; margin: 1px; width: 0; height: 0; border: 1.625em solid transparent; border-top-color: #e6e6e6; border-left-color: #e6e6e6; content: ''; }
.section-project__item__nav nav li, .nav-sub__item nav li { display: block; position: relative; padding: 0; border-top: 1px solid rgba(39,82,168,.1); text-align: left; }
.section-project__item__nav nav li:first-child, .nav-sub__item nav li:first-child { border-top: 0; }
.section-project__item__nav nav li a, .nav-sub__item nav li a { display: inline-block; padding: .75em 10px .75em 20px; border: 0; }
.section-project__item__nav nav li a:hover, .nav-sub__item nav li a:hover { color: #e42e87; }
.section-project__item__nav .d-col:hover nav, .nav-sub__item:hover nav { margin-top: -1px; opacity: 1; visibility: visible; }
.nav-sub__item nav { margin-left: 1.5em; width: 280px; }
.section-project__triangles {
border-width: 1.5em;
border-color: #e9e4ed;
}
.section-news_bg:before{
background:no-repeat left top url(../img/bg_news.png);
height: 809px;
top: -13px;
}
.popup {width:400px}
.d-grid-5col .d-grid {
max-width:1470px;
}
.section-promo-projects {height: 1008px;
overflow: hidden;}
.promo-projects-item {height:430px;border:0;margin-right:-30px}
.promo-projects-item__bg{background-repeat:no-repeat }
.promo-projects-item__image{background-repeat:no-repeat }
.promo-projects-item__content { padding: 3em 11%;}
.promo-projects-item__btn {position:absolute;bottom:3em;left:3em}
.promo-projects-item:not(.promo-projects-item_no_hover) .promo-projects-item__hover,.promo-projects-item__bg:before {opacity:0}
.promo-projects-item__bg:before {background-color:rgba(20, 83, 208, 0.8);box-shadow: 0 1px 27px rgba(9, 18, 84, 0.66);}
.promo-projects-item_left .promo-projects-item__bg { background-position:top right;}
.promo-projects-item_left .promo-projects-item__image { background-position:top right;width: 200%; left: auto; height: 200%;}
.promo-projects-item_right .promo-projects-item__bg { background-position:top left;}
.promo-projects-item_right .promo-projects-item__image { background-position:top left;width: 200%; right: auto; height: 200%;}
.promo-projects-item_down .promo-projects-item__bg { background-position:top right;}
.promo-projects-item_down .promo-projects-item__image { background-position:top right; left: 0; height: 200%;}
.promo-projects-item:hover {z-index:1;border:0;}
.promo-projects-item:not(.promo-projects-item_no_hover):hover .promo-projects-item__hover,
.promo-projects-item:not(.promo-projects-item_no_hover):hover .promo-projects-item__bg:before {opacity:1}
.promo-projects-item:not(.promo-projects-item_no_hover):hover .promo-projects-item__bg { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.promo-projects-item_no_hover .promo-projects-item__bg{background-color:#eaebf5}
.promo-projects-item_no_hover .promo-projects-item__content{color:black}
.promo-projects-item_no_hover .h2{font-size: 2.857em;}
.promo-projects-item_no_hover .promo-projects-item__btn {color: #1453d0; border-bottom:1px solid}
.promo-projects-item_no_hover .promo-projects-item__btn {right:auto}
.section-point {
background: no-repeat center 142px;
height: 1305px;
padding-top: 30em;
}
.section-point_custom {
height: auto;
padding-top: 10em;
background: no-repeat center 0;
}
.slide_text{}
.project_slide_content h3,.project_slide_content .h3{color: #656878;}
.slider-partners_style .slider-partners__item {
border:0;
}
.slider-partners_style .slider-partners__img {
margin-left:1px;
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.section-point .slider .slick-prev { margin-left: -80px; }
.slider-partners_style .slider-partners__item:hover {
box-shadow:none;
}
.slider-partners_style .slider-partners__item:hover .slider-partners__img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.page-wrap .table_td-c_td_l td:nth-child(1) {text-align:center}
.page-wrap .table_td-c_td_l td:nth-child(2) {text-align:left }
.list-decor-wrap ul{ list-style-type:none; margin-left:0 }
.list-decor-wrap li{ position:relative; display:flex; align-items:center; margin-bottom:1.5em; flex:0 0 auto; }
.list-decor-wrap li:before{ content:''; display:block; min-width: 10px; width:10px; height:10px; margin-right:1.5em; background:#e42e87; border-radius:50% }
/*** Отступы ***/
.d-spt_1 {padding-top:5.714em}
.d-mb_0 {margin-bottom:0}
.d-mb_1 {margin-bottom:.5em}
.d-mb_2 {margin-bottom:1em}
.d-mb_3 {margin-bottom:1.5em}
.d-mb_4 {margin-bottom:2em}
.d-mb_5 {
/*margin-bottom:2.5em;*/
margin-bottom: 20px;
}
.d-mb_6 {margin-bottom:3em}
.d-mb_7 {margin-bottom:3.5em}
.d-mb_8 {margin-bottom:4em}
.d-mb_9 {margin-bottom:4.5em}
.d-mb_10 {margin-bottom:5em}
.d-mb_11 {margin-bottom:5.5em}
.d-mb_12 {margin-bottom:6em}
.d-pt_0 {padding-top:0}
.d-pt_1 {padding-top:.5em}
.d-pt_2 {padding-top:1em}
.d-pt_3 {padding-top:1.5em}
.d-pt_4 {padding-top:2em}
.d-pt_5 {padding-top:2.5em}
.d-pt_6 {padding-top:3em}
.d-pt_7 {padding-top:3.5em}
.d-pt_8 {padding-top:4em}
.d-mr_0 {margin-right:0}
.d-mr_1 {margin-right:.5em}
.d-mr_2 {margin-right:1em}
.d-mr_3 {margin-right:1.5em}
.d-mr_4 {margin-right:2em}
ul.ul_custom, ul.ul_custom li {
margin: 0;
padding: 0;
list-style: none;
}
ul.ul_custom li {
position: relative;
margin: 2em 0;
padding: 2px 0 2px 30px;
}
ul.ul_custom li:before {
/* background: none!important;
position: absolute;
top: 2px!important;
left: 0;
width: 10px;
height: 10px;
border: 5px solid #e02880;
content: '';
border-radius: 100%; */
width: 8px;
height: 8px;
border-radius: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #E42E87;
}
.section-press-detail .d-grid ul.ul_custom li:before {
/* background: none!important;
position: absolute;
top: 2px!important;
left: 0;
width: 10px;
height: 10px;
border: 5px solid #e02880;
content: '';
border-radius: 100%; */
width: 8px;
height: 8px;
border-radius: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #E42E87;
}
.wrapper{
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.open_tabs{display: none;}
.sidebar{
width: 264px;
}
.sidebar h3{margin-bottom: 19px;}
.sidebar_tabs{margin: 0 0 45px;}
.sidebar_tabs li{
background-color: #fff;
box-sizing: border-box;
color: #595c6c;
cursor: pointer;
font-family: Cuprum;
font-size: 16px;
font-weight: 700;
line-height: 20px;
list-style: none;
margin-left: -20px;
padding: 11px 0 13px 20px;
transition: all 0.2s linear;
width: 284px;
}
.sidebar_tabs li.active{
background-color: #f2f5fc;
color: #30549a;
}
.content{
display: none;
width: calc(100% - 314px);
}
.content.visible{display: block;}
.content h3{margin: 40px 0 44px;}
.title_container{
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 36px;
position: relative;
}
.title_container h3{
margin: 0;
width: calc(100% - 454px);
}
.title_container a.btn{
background-color: #dbe4e9;
color: #222867;
margin: 0 auto 0 30px;
padding-left: 15px;
padding-right: 15px;
width: 197px;
}
.title_container a.btn:hover{
background-color: #30559b;
border-color: #30559b;
color: #fff;
}
/* History page */
.history_slider_container{}
.history_page_img{
height: 360px;
margin-bottom: 60px;
object-fit: cover;
object-position: right;
width: 100%;
}
.history_slider{padding: 0 98px;}
.history_slider .slick-arrow{top: 5px;}
.history_slide{
padding: 72px 15px 0 0;
position: relative;
}
.history_slide:before,.history_slide:after{
background-color: #E6EBF6;
content: "";
left: 0;
position: absolute;
transition: all .3s linear;
}
.history_slide:before{
border-radius: 50%;
height: 22px;
top: 0;
width: 22px;
}
.history_slide:after{
height: 2px;
top: 10px;
width: 100%;
}
.history_slide.slick-current:before,.history_slide.slick-current:after{background-color: #30549A;}
.history_year{
color: #656878;
display: block;
font-family: "Cuprum";
font-size: 28px;
line-height: 30px;
margin-bottom: 40px;
opacity: .3;
transition: all .3s linear;
}
.history_text{
color: #656878;
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
opacity: .3;
transition: all .3s linear;
}
.history_slide.slick-current .history_text,.history_slide.slick-current .history_year,.section-press-detail .d-grid .history_slide.slick-current ul{opacity: 1;}
.section-press-detail .d-grid .history_slide ul,.section-press-detail .d-grid .history_slide ul li{
list-style: none;
margin-left: 0;
padding: 0;
}
.section-press-detail .d-grid .history_slide ul{opacity: .3;}
.section-press-detail .d-grid .history_slide ul li{
color: #656878;
font-size: 14px;
line-height: 20px;
padding-left: 20px;
position: relative;
}
.section-press-detail .d-grid .history_slide ul li:before{
background-color: #E42E87;
border-radius: 0;
content: "";
height: 8px;
left: 2px;
position: absolute;
top: 6px;
transform: rotate(45deg);
width: 8px;
}
/* END history page */
/*** MEDIA QUERIES ***/
@media (max-width:1730px){
h1,.h1,.main_slide_content .h1 { font-size: 4.5em; }
.main_slide_content .h1{line-height: 1.2;}
h2,.h2 { font-size: 3.7em; }
.nav_lang {
margin-right: 5px;
width:50px;
height:50px;
}
.nav_main {
font-size: 0.9em;
padding-top: 3.7em;
}
.d-header__nav-col {
width: 58.33%;
}
.d-header__options {
left: auto;
right: 0;
width: auto;
}
#d-header {
font-size: .9em;
}
.d-header__logo {
right: auto;
left: 0;
margin-left: 15px;
margin-top: -23px;
}
.d-header__phone span {
position:static;
margin-left: .5em;
}
.d-header__phones {
padding-top: 5.5em;
}
.d-header__phone {
margin-right:.5em;
display: inline-block;
font-size: .8em;
}
.d-header__phones-btn_open .d-header__phone_2 {display:block}
.d-header__phones-btn_open .d-header__phones-btn { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.d-header__phones-btn .fa {position:relative;top: -.2em;}
.d-grid-5col .d-grid {
max-width: 1176px;
}
.promo-projects-item__content {
padding: 3em 1em;
}
.promo-projects-item__btn {
right: 1em;
left: 1em;
}
.promo-projects-item__content .h3 {font-size:1.5em}
.d-grid-5col .section-project_lg {
width:60%;
}
}/* END 1730px */
@media (max-width: 1500px){
.navigation__link{padding: 29px 20px;}
.form-search {
max-width: 40%;
}
.link__callback {
font-size: 16px;
line-height: 25px;
padding-left: 45px;
}
.phone__link {
font-size: 15px;
padding-left: 30px;
}
.slider-main .slider__item{padding-bottom: 80px;}
.main_slide_content .h1{width: 100%;}
.slider-main__billets{
margin-right: -30px;
width: calc(100% + 30px);
}
.slider-main .slick-dots{
bottom: 42px;
justify-content: center;
left: 0;
max-width: none;
padding: 0 15px;
top: auto;
width: 100%;
}
}/* END 1500px */
@media only screen and (max-width: 1300px) {
.navigation__link {
font-size: 15px;
line-height: 21px;
font-weight: 700;
padding: 24px 11px;
}
}/* END 1300px */
@media (max-width: 1200px){
body{padding-top: 79px;}
.header .contacts-links,.header .phones-list,.menu__inner,.menu .lang{display: none;}
.menu{padding: 10px 0;}
.header_btn{height: 39px;}
.menu_tel{
background: url(../img/ico_tel.svg) 0 1px no-repeat;
color: #fff;
display: inline-block;
font-size: 16px;
line-height: 20px;
padding-left: 28px;
}
.container {
max-width: 992px;
}
.btn-nav {
display: inline-block;
}
.menu-mobile {
position: absolute;
width: 100%;
top: 100%;
left: 0;
overflow: auto;
padding-bottom: 120px;
background-color: #30549A;
}
.menu-mobile .flexbox{
align-items: flex-end;
justify-content: flex-start;
}
.menu-mobile .lang{margin: 15px auto 0 30px;}
.menu-mobile__list,.mobile-dropdown{
display: block;
list-style: none;
margin: 0;
width: 100%;
}
.menu-mobile__list li{
display: block;
margin: 0;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 300;
}
.header .menu-mobile__link,
.header .mobile-dropdown__link {
padding: 12px 30px;
color: #fff;
border-bottom: 1px #fff solid;
display: block;
}
.header .mobile-dropdown__link{padding-left: 45px;}
.menu-mobile .contacts-links,
.menu-mobile .phones-list {
display: block;
text-align: left;
}
.menu-mobile .phone__link,
.menu-mobile .contact__link {
color: #fff;
}
.menu-mobile .phone__link {
background-image: url(../img/icon_phone-w.svg);
}
.menu-mobile .phone__link_setting {
background-image: url(../img/icon_setting-w.svg);
}
.contacts-links__item,
.phones-list__item {
margin-top: 15px;
padding: 0 30px;
}
.mobile-dropdown {
display: none;
}
.menu-mobile__item_child .menu-mobile__link {
position: relative;
}
.menu-mobile__item_child .menu-mobile__link--more::after {
position: absolute;
display: block;
content: " ";
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 15px;
height: 16px;
transform: rotate(90deg);
transition: all 0.3s;
background-image: url(../img/arrow_right-w.svg);
opacity: .3;
}
.menu-mobile__item_child .menu-mobile__link--more.menu-mobile__link--active::after {
transform: rotate(-90deg);
}
.main_slide_content{margin-bottom: 40px;}
.main_slide_content .h1{margin-bottom: 40px;}
.slider-main__text{
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
min-height: 84px;
}
.billet_text{
font-size: 16px;
line-height: 20px;
}
.menu-mobile__list {
display: flex;
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
}
.menu-mobile__list .menu-mobile__link {
border-bottom: none;
font-family: "Cuprum";
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #FFFFFF;
padding-left: 30px;
}
.menu-mobile__list .menu-mobile__link::after {
top: -6px;
left: 0;
right: unset;
margin-left: 0;
margin-right: 0;
}
.mobile-dropdown .mobile-dropdown__link {
border-bottom: none;
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
}/* END 1200px */
@media (max-width:1176px){
html, body { min-width: 990px; }
.d-hide_lg { display: none !important; }
.d-show_lg { display: block !important; }
.d-fn_lg { float: none; }
.d-fl_lg { float: left; }
.d-fr_lg { float: right; }
.d-tac_lg { text-align: center; }
.d-tal_lg { text-align: left; }
.d-tar_lg { text-align: right; }
.d-grid { max-width: 100%; }
.is-fixed-layout .d-grid { width: 960px; }
.d-row_ib > * {/* font-size: 14px; */}
}
@media (max-width:1024px){
html, body { min-width: 320px; }
.d-hide_md { display: none !important; }
.d-show_md { display: block !important; }
.d-fn_md { float: none; }
.d-fl_md { float: left; }
.d-fr_md { float: right; }
.d-tac_md { text-align: center; }
.d-tal_md { text-align: left; }
.d-tar_md { text-align: right; }
.is-fixed-layout .d-grid { width: 700px; }
.d-row_ib > * {/* font-size: 14px; */}
.d-spt_1 {padding-top:5em}
.section-press-detail:before,.section-press-detail:after,.section-press:before,.section-press:after {
bottom:-6em;
}
.section-contacts__map {margin-top:5em}
h1,.h1,.main_slide_content .h1 { font-size: 3.5em;}
h2,.h2,.slider-main__item .h2 { font-size: 2.5em; }
h3,.h3 { font-size: 1.5em; }
h4,.h4 { font-size: 1.143em; }
h5,.h5 { font-size: 1.5em; }
h6,.h6 { font-size: 1.25em; }
.ff_cuprum { font-family: 'Cuprum',sans-serif; }
.fs_sm { font-size: .857em; }
.fs_lg { font-size: 1.143em; }
.fs_xl { font-size: 1.256em; }
.gallery__name{ padding: .5em;}
.section-press:before,.section-press:after {display:none; }
.nav-breadcrumbs {
margin-bottom: 2.3em;
}
.d-header__nav-col {
width:100%;
position:absolute;
left:0;
top:100%;
opacity:0;
visibility:hidden;
background: rgba(26,65,143,.9);
}
.nav_main {
font-size: 1.1em;
padding-top: 1em;
margin-left: 0;
}
.d-header__logo {width:40%}
.menu-open .d-header__bars-overlay {position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1}
#d-header .d-grid {height:auto}
.d-header__nav-toggle {
display:inline-block;
}
.d-header__bars { -webkit-transform:scale(.7); -moz-transform:scale(.7); -ms-transform:scale(.7); -o-transform:scale(.7); transform:scale(.7);
font-size: 28px;border: 1px solid rgba(255,255,255,.2);border-radius: 4px;width: 50px;text-align: center;line-height: 50px;margin-left: 5px;margin-right: 15px;cursor: pointer; }
.menu-open .d-header__bars {
-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);
}
.nav_main li ul {
padding: 15px;
width: 300px;
}
.menu-open .d-header__nav-col {
opacity:1;
visibility:visible;
}
.slider-main__billet .d-table__cell {
font-size: .7em;
}
.promo-projects-item:not(.promo-projects-item_no_hover) .promo-projects-item__hover, .promo-projects-item:not(.promo-projects-item_no_hover) .promo-projects-item__bg:before {
opacity: 1;
}
.promo-projects-item {
height: 290px;
border: 0;
margin-right: 0;
margin-bottom:1em;
}
.section-promo-projects {
height:auto;
}
.promo-projects-item__bg {
background: no-repeat center/cover;
}
.section-point {background-image:none!important; height: auto;padding-top: 5em;}
.section-project__item {
padding: 4.8em 0 0;
margin-bottom: 2em;
}
.section-promo-projects .promo-projects-item__image {
display:none;
}
.promo-projects-item__btn {right:auto}
.d-grid-5col .section-project_lg {width:100%}
#d-wrap {
padding-top: 0;
}
#d-header {
position: fixed;
left: 0;
right: 0;
top: 0;
}
.d-header__search-toggle,.nav_lang{
left:20em;
}
.d-header__phones {left:-20em}
.nav_lang {transition-duration:.3s}
.d-header__phones {
padding-top: 1.5em;
}
.d-header__logo {
margin-top: -17px;
}
.menu-open .d-header__logo { margin-top: -23px;}
.menu-open .d-header__phones {padding-top:5.5em}
.menu-open .d-header__search-toggle,.menu-open .nav_lang,.menu-open .d-header__phones {left:0}
.nav_main li.active .nav-main-sub,.nav-main-sub__parent.active .nav-main-level { margin-top: -1px; opacity: 1; visibility: visible; }
.nav-main-parent.active .fa-angle-down { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.section-point .slider { padding: 0 70px; }
.section-point .slider .slick-prev { margin-left: -60px; }
.section-point .slider .slick-next { margin-right: -60px; }
.wrapper{
position: relative;
}
.open_tabs{
color: #30549a;
display: block;
font-size: 28px;
border: 1px solid #30549a;
border-radius: 4px;
width: 50px;
text-align: center;
line-height: 50px;
margin-bottom: 30px;
cursor: pointer;
}
.sidebar{
left: -350px;
position: absolute;
transition: all 0.2s linear;
top: 80px;
z-index: 9;
}
.sidebar.active{
background: #fff;
border: 3px #30549a solid;
border-radius: 3px;
left: 0;
padding: 30px 0;
}
.sidebar_tabs{width: 100%;}
.sidebar_tabs li{
margin-left: 0;
width: 100%;
}
.sidebar h3{
padding: 0 20px;
}
.content{width: 100%;}
.title_container h3 {
margin: 0 0 20px;
width: 100%;
}
.title_container{justify-content: flex-start;}
.title_container a.btn{margin: 0 30px 15px 0;}
.slider-main .slider__item{padding-top: 40px;}
.page-wrap .img_desc{margin-bottom: 0;}
.page-wrap .img_desc td{
border: none;
display: block;
padding: 0 0 20px;
}
.page-wrap .img_desc tr:last-child td{padding: 0;}
.page-wrap table.img_desc img{
margin-bottom: 15px;
width: auto;
}
}/* END 1024px */
@media only screen and (max-width: 992px){
.container {
max-width: 720px;
}
.menu-mobile .header_btn {
display: flex;
margin: 20px 0 0 28px;
width: 104px;
}
.link__callback {
display: none;
}
.logo_header img {
max-width: 190px;
}
.form-search {
max-width: 53%;
}
.button_search {
width: 45px;
}
.menu-mobile .link__callback {
display: inline-block;
color: #fff;
background-image: url(../img/icon_envelope-w.svg);
margin-left: 30px;
margin-top: 15px;
padding-left: 28px;
-webkit-background-size: 20px auto;
background-size: 20px auto;
}
.slider-main .slider__item{padding: 60px 0 80px;}
.slider-main__billet{width: calc(50% - 30px);}
}/* END 992px */
@media (max-width:767px){
.d-hide_sm { display: none !important; }
.d-show_sm { display: block !important; }
.d-fn_sm { float: none; }
.d-fl_sm { float: left; }
.d-fr_sm { float: right; }
.d-tac_sm { text-align: center; }
.d-tal_sm { text-align: left; }
.d-tar_sm { text-align: right; }
.is-fixed-layout .d-grid { width: 600px; }
.d-row_ib > * {/* font-size: 14px; */}
body{padding-top: 72px;}
.container {
max-width: 540px;
}
.form-search {
display: none;
}
.menu-mobile .form-search {
/*max-width: 100%;*/
/*padding: 0 30px;*/
padding: 0;
/*margin-top: 30px;*/
max-width: unset;
display: block;
margin-right: 10px;
}
.button_search {
/*right: 30px;*/
right: 0;
}
#d-footer {position:static;height:auto}
#d-wrap:after{display:none}
h1, .h1 {
font-size: 2.5em;
}
.vstrs-os__item{
width:50%;
}
.vstrs-os__item:last-child:after{
display:none;
}
.slider-partners__col{ padding:0 }
.slider-partners{
transform:translateX(0);
}
.vstrs-projects__counter{
position:absolute;
left:0;
right:0;
top:100%;
text-align:center;
margin-top:25px;
z-index:-1;
}
.vstr-reviews__slider, .vstr-reviews__image{
width:100%;
}
.vstr-reviews__image{
height:14.3em;
width:66%;
margin:0 auto;
}
.vstr-reviews__slider-wrap{
display:block;
}
.vstr-reviews__slider__controls{
width:66%;
margin:8em auto;
top:-2em;
}
.vstr-reviews__item{ display:block }
.slider-partners .slick-arrow{ top:100%; margin-top:20px }
.slider-partners{ margin-bottom:8em; }
.vstrs-os__list{
margin-right:0;
}
.vstrs-page__section{
margin-bottom:2em;
}
.nav-sub__list{ margin:0 }
.nav-sub__item{ width:100% }
.nav-sub__link{ margin:0; border-bottom:1px solid #dddfe0 }
.vstr-tech-info__item{
width:100%;
border:1px solid #e3e3e3;
}
.vstr-tech-info__item_min{
padding-top:2em;
padding-bottom:2em;
border-top:0;
}
.section-contacts__map-info {
padding: 1em;
height: auto;
margin-top: 17em;
}
.section-contacts__map {
height: 400px;
}
.section-press__image-info {
position:static;
}
.nav-pages__arrow {
margin: 0px 5px;
}
.d-header__bars,.nav_lang,.d-header__search-toggle {
width:40px;height:40px;
}
.d-header__bars {line-height:40px;}
.d-header__search-toggle {line-height: 23px;}
.nav_main a {margin:0 .5em}
.slider-main__billets{width:100%;}
.slider-main__billets .slider-main__billet {
margin: 0 0 10px;
width: 100%;
}
.innovations-item__content {
padding: 3em 2em 2em;
}
.innovations-item__triangles {
border-width: 1.5em;
}
.section-project__image{display: none;}
.section-projects .gallery .d-col .gallery__item {
padding-top: 65%;
}
.section-projects .gallery .d-col {
width: 100%;
}
.banner-line__item {
margin-top: 2em;
padding: 0 2em;
}
.section-project:before {display:none}
.slick-dots li {border-color:#1a418f}
.d-header__nav-col {
position: fixed;
left: 0;
top: 93px;
bottom: 0;
overflow-y:auto;
}
.nav_main .nav-main-sub__parent .nav-main-level {
left: 0;
top: 100%;
margin-bottom:1em;
z-index:5;
}
.nav_main .nav-main-parent .nav-main-sub {
z-index:2;
}
.nav_main li {display:block;text-align:left;padding-right: 30px;}
.nav_main .fa.d-hidden {right:-10px; top: -18px;
font-size: 18px;}
.nav_main li ul {
padding: 15px 10px;
width:100%;
left: 0;
}
.nav_main li .nav-main-sub li a {
display: inline-block;
padding: 10px 0;
}
#d-wrap {
/*padding-top: 0;*/
}
.d-header__bars {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
margin-top: 6px;
}
.menu-open .d-header__bars {
margin-top: 0;
}
.nav-main-sub__parent.active .fa-angle-right { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); }
.nav-main-parent .fa-angle-down { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg); }
.nav-main-parent.active .fa-angle-down { -webkit-transform:rotate(0); -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); }
.slider-main__counter {
width: 40px;
}
.scroll-wrapper>.scroll-content {padding-bottom: 1em;}
.popup {width:100%}
#cboxContent {
margin: 40px 10px 10px;
}
#colorbox #cboxClose {
right: 0;
}
.news-item__name {height:auto}
.tabs__header .tabs__btn{ width:100%; border:1px solid #989898 }
.nav-sub__item:hover .nav-sub-level{ position:static; width:100%; padding:0 }
.section-project__item__nav nav:after, .nav-sub__item nav:after{ display:none }
.slider-main__text{
font-size: 18px;
line-height: 22px;
min-height: 66px;
}
.history_page_img,.section-press-detail img.history_page_img{
height: 198px;
margin: 0 -15px 30px;
max-width: none;
width: calc(100% + 30px);
}
.history_slider{padding: 0;}
.history_slide{padding: 0;}
.history_slide:before,.history_slide:after{display: none;}
.history_year{
margin-bottom: 45px;
text-align: center;
}
}/* END 767px */
@media (max-width:639px){
.d-hide_xs {
display: none !important;
}
.d-show_xs {
display: block !important;
}
.d-fn_xs {
float: none;
}
.d-fl_xs {
float: left;
}
.d-fr_xs {
float: right;
}
.d-tac_xs {
text-align: center;
}
.d-tal_xs {
text-align: left;
}
.d-tar_xs {
text-align: right;
}
.is-fixed-layout .d-grid {
width: 100%;
}
.d-row_ib > * { /* font-size: 14px; */
}
.mobile_menu_btn .lang {
margin-right: 30px;
}
}
@media (max-width: 480px) {
.main_slide_content .h1 {
font-size: 32px;
margin-bottom: 20px;
}
.slider-main__text {
margin-bottom: 0;
min-height: 88px;
}
.g-recaptcha {
transform: scale(0.8);
transform-origin:0 0;
max-width: 240px;
}
}
/*** PRINT STYLES ***/
@media print {
@page { margin: 0.5cm; }
* { background: #fff !important; color: #333 !important; text-shadow: none !important; }
a, a:visited { border: 0 !important; color: #333 !important; text-decoration: underline !important; }
abbr:after { content: " (" attr(title) ")"; }
pre, blockquote { border: 1px solid #333; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}
.btn.btn-h-blue:hover {
background-color: #08aff3;
}
.success_story_container .slider,.slider-partners .slick-track{
display: flex;
flex-wrap: wrap;
}
.success_story_container .slider-partners__col,.slider-partners .slider-partners__col{
display: flex;
height: auto;
margin: 0 15px 30px;
padding: 0;
width: calc(25% - 30px);
}
.success_story_container .vstrs-projects__descr,.slider-partners .vstrs-projects__descr{height: auto;}
.success_story_container .slider-partners__col h3{font-size: 1.5em;}
.slider-partners_style .slick-track{min-width: 100%!important;}
.slider-partners_style .slick-slide{margin-left: 16px;}
.images_container{
justify-content: center;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.images_container a{border: none;}
p + .images_container{margin-top: 100px;}
.images_container img{
height: auto;
margin: 0 30px 90px;
max-width: 220px;
}
@media only screen and (max-width: 767px){
.success_story_container .slider-partners__col{width: calc(33.33% - 30px);}
.slider-partners_style .slick-track{min-width: 1px!important;}
}
@media only screen and (max-width: 530px){
.success_story_container .slider-partners__col{
margin: 0 0 30px;
width: 100%;
}
.section-press-detail .images_container{justify-content: space-between;}
.section-press-detail img{
margin-left: 0;
margin-right: 0;
/*max-width: 45%;*/
width: 100%;
}
.section-press-detail a{max-width: 45%;}
.section-press-detail a img{max-width: 100%;}
}
.main-preloader {
position: fixed;
top: 0;
left: 0;
z-index: 11111;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
visibility: hidden;
transform: rotate(90deg) scale(0);
transition: .45s;
}
.main-preloader__text {
font-size: 2em;
font-weight: 700;
}
.main-preloader.is-active {
opacity: 1;
visibility: visible;
transform: rotate(0) scale(1);
}
img.alignleft,img[align="left"]{
float: left;
margin: 0 25px 15px 0;
}
img.alignright,img[align="right"]{
float: right;
margin: 0 0 15px 25px;
}
img.aligncenter,img[align="center"],img[align="middle"]{
display: block;
margin: 0 auto 15px;
}
.old-site {
background-color: #fff;
position: relative;
display: flex;
justify-content: stretch;
align-items: center;
}
.old-site.mob{display: none;}
.old-site__link {
display: block;
width: 100%;
padding: 10px;
text-align: center;
}
.old-site__close {
position: absolute;
top: calc(50% - 8px);
right: 5%;
display: block;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxLjk3NiA1MS45NzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxLjk3NiA1MS45NzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDQuMzczLDcuNjAzYy0xMC4xMzctMTAuMTM3LTI2LjYzMi0xMC4xMzgtMzYuNzcsMGMtMTAuMTM4LDEwLjEzOC0xMC4xMzcsMjYuNjMyLDAsMzYuNzdzMjYuNjMyLDEwLjEzOCwzNi43NywwICAgQzU0LjUxLDM0LjIzNSw1NC41MSwxNy43NCw0NC4zNzMsNy42MDN6IE0zNi4yNDEsMzYuMjQxYy0wLjc4MSwwLjc4MS0yLjA0NywwLjc4MS0yLjgyOCwwbC03LjQyNS03LjQyNWwtNy43NzgsNy43NzggICBjLTAuNzgxLDAuNzgxLTIuMDQ3LDAuNzgxLTIuODI4LDBjLTAuNzgxLTAuNzgxLTAuNzgxLTIuMDQ3LDAtMi44MjhsNy43NzgtNy43NzhsLTcuNDI1LTcuNDI1Yy0wLjc4MS0wLjc4MS0wLjc4MS0yLjA0OCwwLTIuODI4ICAgYzAuNzgxLTAuNzgxLDIuMDQ3LTAuNzgxLDIuODI4LDBsNy40MjUsNy40MjVsNy4wNzEtNy4wNzFjMC43ODEtMC43ODEsMi4wNDctMC43ODEsMi44MjgsMGMwLjc4MSwwLjc4MSwwLjc4MSwyLjA0NywwLDIuODI4ICAgbC03LjA3MSw3LjA3MWw3LjQyNSw3LjQyNUMzNy4wMjIsMzQuMTk0LDM3LjAyMiwzNS40NiwzNi4yNDEsMzYuMjQxeiIgZmlsbD0iIzFhNDE4ZiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
transition: .45s;
}
.old-site__close:hover {
transform: rotate(180deg);
}
.slider-main-title {
font-family: Cuprum;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px auto;
color: #30549A;
width: 735px;
max-width: 100%;
}
.slider-main-desc {
font-family: Cuprum;
font-style: normal;
font-weight: bold;
font-size: 70px;
line-height: 70px;
color: #30549A;
margin: 0 0 0 auto;
width: 735px;
max-width: 100%;
}
.slider-main-desc-block {
display: block;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: absolute;
width: 584px;
height: 220px;
left: 200px;
top: 170px;
}
.v_align_top,.v_align_top td,.v_align_top th{vertical-align: top;}
.slider-main{
opacity: 0;
transition: all 0.3s linear;
}
.slider-main.slick-initialized{opacity: 1;}
.iot_devices_block{
box-sizing: border-box;
padding: 0 20px;
position: relative;
}
.iot_devices_block:after{
content: "";
height: 39px;
position: absolute;
right: -45px;
top: 140px;
width: 91px;
}
.iot_devices_block.ico_1{background: url(../img/iot_devices_block1.png) center 40px no-repeat;}
.iot_devices_block.ico_1:after{background: url(../img/iot_devices_block1_after.png) no-repeat;}
.iot_devices_block.ico_2{background: url(../img/iot_devices_block2.png) center 40px no-repeat;}
.iot_devices_block.ico_2:after{background: url(../img/iot_devices_block2_after.png) no-repeat;}
.iot_devices_block.ico_3{background: url(../img/iot_devices_block3.png) center 40px no-repeat;}
.iot_devices_block.ico_3:after{background: url(../img/iot_devices_block3_after.png) no-repeat;}
.iot_devices_block.ico_4{background: url(../img/iot_devices_block4.png) center 40px no-repeat;}
.iot_devices_block.ico_4:after{display: none;}
.iot_devices_block h3{
padding-bottom: 240px;
text-transform: uppercase;
}
.iot_devices_block p{
font-size: 14px;
line-height: 18px;
}
.iot_devices_block ol{
list-style: none;
margin: 0 0 0 24px;
padding: 0;
}
.iot_devices_block ol li{
margin: 0;
padding: 0 0 0 15px;
position: relative;
}
.iot_devices_block ol li:before{
background-color: #000;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 9px;
width: 7px;
}
/*.section-press-detail p{clear: both;}*/
.map-columns td{
border: none;
vertical-align: top;
}
.map-columns td ul,.map-columns td ul li{
display: block;
list-style: none;
}
.map-level-1{margin-top: 15px;}
@media only screen and (max-width: 1024px){
.old-site{display: none;}
.old-site.mob{display: none;}
}
.partner_title span{
color: #2b2b2b;
float: right;
font-family: "Open sans";
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-transform: none;
width: 47%;
}
.partner_block{
margin: 27px 0;
margin-bottom: 30px;}
.partner_block a{
/*align-items: center;*/
/*background-color: #fff;*/
/*border: 1px #e9e4ed solid;*/
/*box-sizing: border-box;*/
/*display: flex;*/
/*flex-direction: row;*/
/*height: 120px;*/
/*justify-content: center;*/
/*transition: all 0.2s linear;*/
/*width: 100%;*/
align-items: center;
background-color: #fff;
border: 1px solid #EAEBF5;
border-radius: 10px;
box-shadow: 20px 20px 60px rgba(23,52,80,.1);
box-sizing: border-box;
display: flex;
height: 120px;
justify-content: center;
}
.partner_block a:hover{
border-color: #fff;
box-shadow: 0 1px 27px 0 rgba(9,18,84,.16);
}
.partner_block a img{
/*height: 100%;*/
/*max-width: 100%;*/
max-width: calc(100% - 40px);
transition: all 0.2s linear;
/*width: auto;*/
}
.object-item .h3 a{
/*text-transform: none;*/
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 50px;
text-transform: uppercase;
color: #535B6B;
}
.section-press-detail .d-grid ul li{
list-style: none;
margin-left: 20px;
padding-left: 20px;
position: relative;
}
.section-press-detail .d-grid ul li:before{
background: #000;
border-radius: 50%;
content: "";
height: 6px;
left: 0;
position: absolute;
top: 6px;
width: 6px;
}
.section-press-detail .d-grid ol li{margin-left: 40px;}
@media only screen and (max-width: 1280px){
.section-innovations__list.slick-slider{padding-bottom: 70px;}
.section-innovations .section-innovations__list .slick-arrow{
bottom: 0;
left: calc(50% - 80px);
margin: 0;
position: absolute;
top: auto;
}
.section-innovations .section-innovations__list .slick-next{
left: auto;
right: calc(50% - 80px);
}
}/* END 1280px */
@media only screen and (max-width: 767px){
.partner_title span{
float: none;
display: block;
font-size: 14px;
line-height: 18px;
margin-top: 10px;
width: 100%;
}
}/* END 767px */
.partners-logo__fav {
display: flex;
align-items: center;
justify-content: space-between;
}
.partners-logo__fav-img {
width: 30%;
}
.partners-logo__fav-img a{border: none;}
.partners-logo__fav-text {
width: 65%;
}
.page-wrap .btn-blue {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
margin-bottom: 20px;
width: 247px;
height: 60px;
background: #dbe4e9;
color: #222867;
border: none;
font-size: 12px;
}
.page-wrap .btn-blue.btn-blue--dark {
background: #30559b;
color: #fff;
}
.page-wrap .btn-blue:hover {
background: #abc5d4;
color: #222867;
}
.page-wrap .btn-blue.btn-blue--dark:hover {
background: #193c80;
color: #fff;
}
.horiz{
align-items: flex-start;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
margin-bottom: 20px;
}
.horiz button{margin-left: 30px;}
.vert{
align-items: flex-start;
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-end;
}
.float{float: right;}
.form__list input[type='checkbox'] {
width: 10px;
height: 5px;
display: inline-block;
margin: 1px 10px;
}
.form__list .form-group {
text-align: justify;
}
.page-wrap input[type="checkbox"], .page-wrap input[type="radio"], #colorbox input[type="checkbox"], #colorbox input[type="radio"] {
position: static;
opacity: 1;
}
@media (max-width: 600px){
.vstrs-os__item{margin-bottom: 20px;width: 100%;}
}
.demo_form {
align-items: stretch;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
min-width: 600px;
max-width : 700px;
}
#checkbox-reg{
width:auto;
display: inline-block;
margin: 2px;
height: 2px;
}
.demo_form fieldset {
width: calc(100% - 15px);
}
.form_control input, .form_control select, .form_control textarea {
background-color: #fff;
width: 100%;
border: 1px #d0d7de solid;
box-sizing: border-box;
color: #555;
display: block;
font-size: 14px;
font-weight: 300;
height: 46px;
line-height: 1.3333333;
margin-bottom: 15px;
padding: 10px 16px;
transition: all 0.2s linear;
}
.form_control textarea {
line-height: 1.33;
min-height: 80px;
}
.form_demo_content {
text-align: center;
}
.partners-title-block {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.mobile_menu_btn {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.mob_lang_tumb {
display: flex;
align-items: flex-end;
}
/*стили длоя попап форм */
.page-wrap button, .page-wrap input, .page-wrap select, .page-wrap textarea, .fancybox-content input, .fancybox-content select, .fancybox-content textarea, .btn {
padding: 1em 15px;
background: #fff;
border: 1px solid #999;
}
.fancybox-content input[type="text"], .fancybox-content input[type="password"], .fancybox-content input[type="email"], .fancybox-content input[type="tel"], .fancybox-content select, .fancybox-content textarea {
width: 100%;
}
.page-wrap button, .page-wrap [type="button"], .page-wrap [type="reset"], .page-wrap [type="submit"], .fancybox-content [type="submit"], .btn {
padding: 2em 5em;
background: #e9e4ed;
border-color: #e9e4ed;
color: black;
text-align: center;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
font-size: 0.857em;
font-weight: 400;
}
.page-wrap button:hover, .page-wrap [type="button"]:hover, .page-wrap [type="reset"]:hover, .page-wrap [type="submit"]:hover, .fancybox-content button:hover, .fancybox-content [type="button"]:hover, .fancybox-content [type="reset"]:hover, .fancybox-content [type="submit"]:hover, .btn:hover {
background: #f70137;
border-color: #f70137;
color: white
}
.page-wrap button:active, .page-wrap [type="button"]:active, .page-wrap [type="reset"]:active, .page-wrap [type="submit"]:active, .fancybox-content button:active, .fancybox-content [type="button"]:active, .fancybox-content input[type="reset"]:active, .fancybox-content [type="submit"]:active, .btn:active {
background: #f70137;
border-color: #f70137;
}
.page-wrap .btn_o, .fancybox-content .btn_o {
background: none;
color: #069;
}
.page-wrap .btn_o:hover, .fancybox-content .btn_o:hover {
background: none;
color: #08c;
}
.page-wrap .btn_o:active, .fancybox-content .btn_o:active {
background: none;
color: #046;
}
.page-wrap .btn_o_1, .fancybox-content .btn_o_1 {
background: none;
color: white;
border-color: rgba(255, 255, 255, 0.2)
}
.page-wrap .btn_o_1:hover, .fancybox-content .btn_o_1:hover {
background: white;
color: black;
}
.page-wrap .btn_o_1:active, .fancybox-content .btn_o_1:active {
background: white;
color: black;
}
.page-wrap input[type="checkbox"], .page-wrap input[type="radio"], .fancybox-content input[type="checkbox"], .fancybox-content input[type="radio"] {
position: absolute;
padding: 0;
width: 1px;
height: 1px;
background: none;
border: 0;
opacity: 0;
}
.page-wrap input[type="checkbox"] + label, .page-wrap input[type="radio"] + label, .fancybox-content input[type="checkbox"] + label, .fancybox-content input[type="radio"] + label {
display: inline-block;
position: relative;
padding-left: 35px;
cursor: pointer;
}
.page-wrap input[type="checkbox"] + label:before, .page-wrap input[type="radio"] + label:before, .fancybox-content input[type="checkbox"] + label:before, .fancybox-content input[type="radio"] + label:before {
position: absolute;
top: 0;
left: 0;
margin-top: -3px;
width: 22px;
height: 22px;
background: #fff;
border: 1px solid #d4dbdd;
font: normal normal normal 14px/22px FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
text-align: center;
content: '\f00c';
}
.page-wrap input[type="checkbox"]:checked + label:before, .page-wrap input[type="radio"]:checked + label:before, .fancybox-content input[type="checkbox"]:checked + label:before, .fancybox-content input[type="radio"]:checked + label:before {
color: #00537e;
}
.page-wrap select, .fancybox-content select {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: menulist
}
.popup-form {
max-width: 100%;
padding: 30px;
width: 400px;
}
.popup__title {
font-size: 20px;
margin-bottom: 20px;
}
.popup-form .demo_form{min-width: auto;}
.form__list input[type="checkbox"] {
display: inline-block;
height: 5px;
margin: 1px 10px;
width: 10px;
}
.form__list .form-group {
text-align: justify;
}
.page-wrap input[type="checkbox"], .page-wrap input[type="radio"], .popup-form input[type="checkbox"], .popup-form input[type="radio"] {
position: static;
opacity: 1;
}
.object-item {
display: flex;
align-items: flex-start;
}
.soc__item {
margin-right: .3em;
font-size:18px;
border-radius:50%;
width: 40px;
height: 40px;
line-height:40px;
/*border:1px solid rgba(111, 109, 111, 0.23);*/
text-align:center;
background-color: #ffffff;
}
.soc__item.fa-facebook {
color: #4267B2;
}
.soc__item.fa-youtube-play {
color: #FF0000;
}
.soc__item:hover {
color: #fff;
}
.soc__item.fa-facebook:hover {
background-color: #4267B2;
}
.soc__item.fa-youtube-play:hover {
background-color: #FF0000;
}
.soc__item.fa-telegram:hover {
background-color: #1a418f;
}
.button {
display: inline-block;
outline: none;
text-decoration: none;
cursor: pointer;
}
.button__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.button__icon {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.button__icon::before,
.button__icon::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.button__icon::before {
opacity: 1;
visibility: visible;
}
.button__icon::after {
opacity: 0;
visibility: collapse;
}
.button__icon--envelope {
width: 29px;
height: 20px;
}
.button__icon--envelope::before {
background-image: url(/local/templates/.default/css/../img/icon_envelope.svg);
}
.button__icon--envelope::after {
background-image: url(/local/templates/.default/css/../img/icon_envelope-hover.svg);
}
.button--white-round {
padding: 8px 15px;
border-radius: 50px;
background-color: #ffffff;
font-size: 12px;
line-height: 12px;
color: #656878;
}
.button--white-round:hover {
color: #ffffff;
background-color: #30549A;
}
.button--white-round:hover .button__icon::before {
opacity: 0;
visibility: collapse;
}
.button--white-round:hover .button__icon::after {
opacity: 1;
visibility: visible;
}
.button__icon {
margin-right: 10px;
}
.header__callback {
max-width: 126px;
margin-right: 37px;
}
/*.partners-logo__fav {*/
/* padding: 30px;*/
/* background-color: #ffffff;*/
/* border: 1px solid #EAEBF5;*/
/* box-sizing: border-box;*/
/* box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);*/
/* border-radius: 5px;*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/* gap: 20px;*/
/*}*/
/*.partners-logo__fav-img {*/
/* width: 180px;*/
/* min-width: 150px;*/
/*}*/
/*.partners-logo__fav-img a {*/
/* text-decoration: none;*/
/* border-bottom: none;*/
/*}*/
/*!*.partners-logo__fav-img {*!*/
/*!* max-width: 100%;*!*/
/*!*}*!*/
/*.partners-logo__fav-text {*/
/* flex-grow: 1;*/
/* width: calc(100% - 200px);*/
/* min-width: 180px;*/
/*}*/
/*.partners-logo__fav-text p {*/
/* font-size: 14px;*/
/* line-height: 19px;*/
/* color: #535B6B;*/
/*}*/
/*.partners-logo__fav-text p b{*/
/* display: block;*/
/* font-weight: bold;*/
/* font-size: 14px;*/
/* line-height: 18px;*/
/* color: #535B6B;*/
/*}*/
.grid {
display: -ms-grid;
display: grid;
margin-bottom: 72px;
row-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.grid--2 {
grid-template-columns: repeat(auto-fill, minmax(365px, 1fr));
row-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.row-white-block {
padding: 30px;
background-color: #ffffff;
border: 1px solid #EAEBF5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
.row-white-block .row-white-block__wrapper-img {
text-decoration: none;
border-bottom: none;
max-width: unset;
}
.row-white-block__left,
.row-white-block__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.row-white-block__left {
width: 180px;
}
.row-white-block__right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
width: calc(100% - 200px);
min-width: 200px;
}
.row-white-block__title {
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: #535B6B;
margin-bottom: 20px;
}
.row-white-block__description {
font-size: 14px;
line-height: 19px;
color: #535B6B;
}
.grid--5 {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));
row-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
a.col-border-block {
max-width: unset;
}
a.col-border-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
background-color: transparent;
padding: 0;
}
.col-border-block::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
border-radius: 10px;
-webkit-box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
border: 1px solid #EAEBF5;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
opacity: 0;
visibility: collapse;
}
.col-border-block .col-border-block__wrapper-img,
.col-border-block .col-border-block__description {
z-index: 2;
}
.col-border-block .col-border-block__wrapper-img {
position: relative;
width: 100%;
padding-bottom: 100%;
border: 1px solid #EAEBF5;
border-radius: 10px;
margin-bottom: 20px;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.col-border-block .col-border-block__img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% - 60px);
}
.col-border-block .col-border-block__description {
font-size: 14px;
line-height: 19px;
color: #535B6B;
width: 100%;
margin-bottom: 0;
}
.col-border-block:hover {
z-index: 2;
}
.col-border-block:hover::after {
top: -30px;
left: -30px;
width: calc(100% + 60px);
height: calc(100% + 60px);
opacity: 1;
visibility: visible;
}
.col-border-block:hover .col-border-block .col-border-block__wrapper-img {
border-color: transparent;
}
.grid--6 {
grid-template-columns: repeat(auto-fill, minmax(166px, 1fr));
}
.border-block {
min-height: 113px;
border: 1px solid #EAEBF5;
border-radius: 10px;
text-decoration: none;
}
a.border-block {
max-width: unset;
}
a.border-block:hover {
border: 1px solid #EAEBF5;
}
.border-block__wrapper-img {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
}
.border-block__img {
width: 100%;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.box-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(365px, 1fr));
gap: 30px;
}
.box-list__col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 250px;
}
.box-list__col.box-list__col--border {
padding: 30px 50px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
border: 1px solid #EAEBF5;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: 0;
border-radius: 5px;
}
.box-list__col.box-list__col--border > * + * {
margin-top: 20px;
}
.box-list__col ul {
margin-left: 0;
}
.d-grid .box-list__col ul li {
margin-left: 0;
}
.d-grid .box-list__col ul li::before {
width: 8px;
height: 8px;
border-radius: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #E42E87;
}
.d-grid .box-list__col ul li a {
line-height: 19px;
}
h3.division-title {
color: #535B6B;
text-transform: uppercase;
margin-bottom: 60px;
font-size: 28px;
line-height: 30px;
}
.box-list__col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 250px;
}
.box-list__title {
font-size: 28px;
line-height: 40px;
text-transform: uppercase;
color: #535B6B;
margin-bottom: 0;
}
.inner-list {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
row-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.text-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
row-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.text-block--white {
background: #FFFFFF;
border: 1px solid #EAEBF5;
-webkit-box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
border-radius: 10px;
padding: 40px 30px 60px;
row-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
a.text-block__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: none;
font-weight: bold;
font-size: 14px;
line-height: 18px;
border-bottom: 1px solid transparent;
color: #30549A;
max-width: unset;
}
a.text-block__link::after {
content: "";
background-image: url(../img/link-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 6px;
height: 12px;
margin-left: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
a.text-block__link:hover {
border-bottom: 1px solid #30549A;
}
.text-block__description {
margin-bottom: 0;
}
.grid--4 {
grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
}
.custom-tabs__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
margin-bottom: 60px;
}
.custom-tabs__nav {
background: #EAEBF5;
border-radius: 5px;
padding: 10px 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Cuprum";
font-size: 18px;
line-height: 40px;
color: #535B6B;
cursor: pointer;
-webkit-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.wrapper-map {
overflow-x: auto;
}
.wrapper-map .map {
position: relative;
width: 1024px;
max-width: unset;
}
.custom-tabs {
position: relative;
display: block;
margin-top: 70px;
}
.custom-tabs__nav--active {
pointer-events: none;
background-color: #30549a;
color: #ffffff;
}
.custom-tabs__body {
position: relative;
}
.custom-tabs__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.custom-tabs__title {
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 60px;
text-transform: uppercase;
color: #535B6B;
margin-bottom: 60px;
}
.a-border-photo-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #EAEBF5;
border-radius: 10px 10px 5px 5px;
row-gap: 20px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
font-family: "Cuprum";
padding-bottom: 30px;
height: 378px;
}
.a-border-photo-block__content {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.a-border-photo-block {
max-width: none;
}
.a-border-photo-block__content::after {
content: "";
width: 100%;
height: 100%;
background-color: #ffffff;
top: 0;
left: 0;
position: absolute;
border-radius: 5px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index: 2;
-webkit-box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
border: 1px solid #EAEBF5;
opacity: 0;
min-height: 440px;
}
.a-border-photo-block:hover {
border-color: transparent;
z-index: 10;
}
.a-border-photo-block:hover .a-border-photo-block__content {
height: auto;
}
.a-border-photo-block:hover .a-border-photo-block__content::after {
top: -30px;
left: -30px;
width: calc(100% + 60px);
height: calc(100% + 60px);
opacity: 1;
}
.a-border-photo-block__wrapper-img {
position: relative;
width: 100%;
padding-bottom: 58.56%;
overflow: hidden;
z-index: 4;
border-radius: 5px 5px 0 0;
margin-bottom: 20px;
}
.a-border-photo-block__wrapper-img::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.6;
transition: all .3s ease;
}
.a-border-photo-block:hover .a-border-photo-block__wrapper-img::after {
opacity: 0;
}
.a-border-photo-block__img {
height: 100%;
object-fit: cover;
object-position: 50% 50%;
position: absolute;
width: 100%;
}
.a-border-photo-block__title {
font-size: 18px;
line-height: 24px;
color: #535B6B;
margin-left: 30px;
margin-right: 30px;
z-index: 4;
margin-bottom: 20px;
}
.a-border-photo-block__description {
position: relative;
font-family: "Open Sans";
font-size: 14px;
line-height: 19px;
color: #535B6B;
margin-left: 30px;
margin-right: 30px;
z-index: 4;
max-height: 57px;
overflow: hidden;
margin-bottom: 0;
transition: all .5s linear;
}
.a-border-photo-block__description::after {
content: "...";
background-color: #fff;
position: absolute;
top: 38px;
width: 43px;
right: 0;
}
.a-border-photo-block:hover .a-border-photo-block__description {
max-height: unset;
}
.a-border-photo-block:hover .a-border-photo-block__description::after {
display: none;
}
.button--blue-round {
border: none;
background-color: #30549A;
border-radius: 5px;
color: #ffffff;
font-family: "Open Sans";
}
.button--big {
padding: 20px 48px;
font-size: 14px;
line-height: 19px;
}
.shadow-big-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: #FFFFFF;
border: 1px solid #EAEBF5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
border-radius: 10px;
padding: 100px 90px 60px 90px;
overflow: hidden;
margin-bottom: 60px;
}
.shadow-big-box__decoration {
position: absolute;
top: 0;
right: 0;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.js_for_link {
cursor: pointer;
}
.shadow-big-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #FFFFFF), color-stop(78.62%, rgba(250, 250, 250, 0)));
background-image: -o-linear-gradient(left, #FFFFFF 50%, rgba(250, 250, 250, 0) 78.62%);
background-image: linear-gradient(90deg, #FFFFFF 50%, rgba(250, 250, 250, 0) 78.62%);
z-index: 3;
}
.shadow-big-box > *:not(.shadow-big-box__decoration) {
position: relative;
z-index: 3;
}
.shadow-big-box__title {
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 40px;
text-transform: uppercase;
color: #535B6B;
margin-bottom: 40px;
}
.shadow-big-box__text {
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #535B6B;
margin-bottom: 51px;
}
a.shadow-big-box__btn {
max-width: unset;
}
.text {
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #535B6B;
margin-bottom: 60px;
}
a.flex-link[href ^= 'tel:'] {
cursor: pointer;
border-bottom-color: transparent;
}
.flex-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
}
a.flex-link {
max-width: unset;
}
.flex-link {
display: inline-block;
border-bottom-color: transparent;
}
.flex-link__content {
display: grid;
grid-template-columns: 12px auto;
gap: 20px;
align-items: center;
}
.flex-link .flex-link__icon {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12px;
}
.flex-link__text {
font-family: "Cuprum";
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 40px;
color: #30549A;
}
.flex-link:hover {
border-bottom-color: #30549A;
}
a.flex-link[href ^= 'tel:']:hover {
border-bottom-color: #30549A !important;
}
.column-contacts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.column-contacts > * + * {
margin-top: 10px;
}
.column-contacts__text {
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
color: #656878;
}
.column-contacts__link,
a.column-contacts__link[href ^= 'tel:'] {
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 14px;
color: #1A418F;
border-bottom-color: transparent;
cursor: pointer;
}
.column-contacts__link:hover,
a.column-contacts__link[href ^= 'tel:']:hover {
border-bottom-color: #1A418F !important;
}
.footer__col {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
justify-items: start;
}
.footer__logo {
margin-bottom: auto;
}
.footer__copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #656878;
}
.footer__link {
font-family: "Open Sans";
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #1A418F;
margin-top: auto;
}
.footer__content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
justify-content: space-between;
gap: 20px 30px;
row-gap: 20px;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
.grid--3 {
grid-template-columns: repeat(auto-fill, minmax(362px, 1fr));
}
.vector-map {
position: relative;
overflow-x: auto;
}
.vector-map-tooltip__content {
position: relative;
}
.vector-map__marker:hover {
fill: #E42E87;
}
.vector-map__tooltips {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.vector-map-tooltip {
position: absolute;
opacity: 0;
visibility: collapse;
background: #FFFFFF;
border: 1px solid #EAEBF5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
box-shadow: 20px 20px 60px rgba(23, 52, 80, 0.1);
border-radius: 10px;
width: 265px;
padding: 30px;
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
display: grid;
grid-template-columns: 1fr;
row-gap: 30px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
/*-webkit-box-orient: vertical;*/
/*-webkit-box-direction: normal;*/
/*-ms-flex-direction: column;*/
/*flex-direction: column;*/
font-family: "Open Sans";
pointer-events: auto;
}
.vector-map-tooltip--show {
visibility: visible;
opacity: 1;
}
.vector-map-tooltip__top {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
}
.vector-map-tooltip__close {
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
cursor: pointer;
}
.vector-map-tooltip__close::before,
.vector-map-tooltip__close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
background-color: #30549A;
}
.vector-map-tooltip__close::before {
width: 12px;
height: 2px;
}
.vector-map-tooltip__close::after {
width: 2px;
height: 12px;
}
.vector-map-tooltip__title,
a.vector-map-tooltip__title {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 18px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #30549A;
border-bottom: none;
max-width: unset;
}
.vector-map-tooltip__subtitle {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 19px;
color: #535B6B;
}
.vector-map-tooltip_description {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #535B6B;
}
.vector-map-tooltip__contacts {
/*display: -webkit-box;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
/*-webkit-box-orient: vertical;*/
/*-webkit-box-direction: normal;*/
/*-ms-flex-direction: column;*/
/*flex-direction: column;*/
/*-webkit-box-align: start;*/
/*-ms-flex-align: start;*/
display: grid;
grid-template-columns: 1fr;
align-items: flex-start;
row-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
a.vector-map-tooltip__flex-box {
max-width: unset;
}
a.vector-map-tooltip__flex-box {
cursor: pointer !important;
}
a.vector-map-tooltip__flex-box:hover span {
color: #30549A;
border-bottom: 1px solid #30549A;
}
.vector-map-tooltip__flex-box {
display: grid;
grid-template-columns: 9px auto;
row-gap: 15px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
grid-row-gap: 15px;
-webkit-row-gap: 15px;
grid-column-gap: 15px;
-webkit-gap: 15px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.vector-map-tooltip__flex-box img {
/*-ms-flex-negative: 0;*/
/*flex-shrink: 0;*/
/*width: 9px;*/
}
.vector-map-tooltip__flex-box span{
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 19px;
color: #535B6B;
border-bottom: 1px solid transparent;
}
.footer__language {
-ms-flex-item-align: start;
align-self: flex-start;
justify-self: end;
}
.footer__content .clr_gray {
justify-self: end;
}
.language {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.language__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
border: 2px solid #6D8ECD;
border-radius: 6px;
gap: 15px;
cursor: pointer;
}
.language__top::after {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12px;
height: 6px;
background-image: url(../img/language-arrow.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.language__title {
font-family: "Cuprum";
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #6D8ECD;
}
.language__drop {
position: absolute;
opacity: 0;
visibility: collapse;
top: 100%;
left: 0;
width: 100%;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
border-radius: 0 0 6px 6px;
}
.language:hover .language__top {
background-color: #fff;
border-color: transparent;
}
.language__item {
font-family: Cuprum;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-transform: uppercase;
color: #6D8ECD;
padding: 10px 20px;
border: none;
border-radius: 3px;
}
.language__item:hover {
background-color: #D9E3F7;
}
.language--open div.language__top {
background-color: #fff;
border-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.language--open .language__top:hover {
border-color: transparent;
}
.language--open .language__top::after {
transform: rotate(180deg);
}
.language--open .language__drop {
opacity: 1;
visibility: visible;
}
.menu-mobile__row {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
.menu-mobile__row:last-child {
margin-bottom: 0;
}
.menu-mobile__callback {
padding: 0;
margin-right: 20px;
margin-left: 30px;
}
.menu-mobile__callback .button__content {
width: 40px;
height: 40px;
justify-content: center;
}
.menu-mobile__callback .button__icon {
width: 20px;
height: 14px;
margin-right: 0;
}
.menu-mobile__soc .soc__item {
margin-right: 20px;
}
.mob_lang_tumb {
margin-left: 15px;
margin-bottom: 30px;
}
.menu-mobile .header_btn {
width: calc(100% - 90px);
margin: 0 45px 30px;
justify-content: center;
}
.header__language .language__top {
border-color: #E5EAF6;
}
.press_link a {
display: flex;
width: max-content;
text-decoration: none;
border: none;
}
.about_img_context {
height: auto;
max-width: 25%;
display: table-header-group;
float: left;
margin: 10px;
}
@media (max-width: 1200px) {
.header__callback,
.header__soc,
.header__language {
display: none;
}
}
@media (max-width: 550px) {
.shadow-big-box {
padding: 15px;
}
.button--big {
padding: 20px;
}
.box-list__col.box-list__col--border {
padding: 15px;
}
}
@media (max-width: 500px) {
.grid--2 {
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.grid--3 {
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.box-list {
grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.custom-tabs__nav {
line-height: 20px;
}
.text-block--white {
padding: 30px;
}
.slider-main__billet {
padding: 20px;
height: 90px;
}
.billet_text {
font-size: 14px;
line-height: 24px;
}
h1, .h1 {
font-size: 26px;
line-height: 50px;
margin-bottom: 10px;
}
/*.d-pt_4 {*/
/* padding-top: 1.1em;*/
/*}*/
mark {
font-size: 10px;
line-height: 24px;
padding: 4px 36.5px;
}
.object-item .h3 a {
font-size: 20px;
line-height: 24px;
}
.h3 {
font-size: 20px;
line-height: 24px;
}
.about_img_context {
max-width: 100%;
}
}
@media (max-width: 480px) {
.main_slide_content .h1 {
font-size: 26px;
line-height: 30px;
}
.slider-main__text {
font-size: 14px;
line-height: 18px;
min-height: auto;
margin-bottom: 30px;
}
}
@media (max-width: 469px) {
.col-border-block .col-border-block__wrapper-img {
padding-bottom: 52.41%;
}
.col-border-block .col-border-block__img {
width: auto;
max-height: calc(100% - 40px);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.grid {
display: flex;
margin: -15px -15px 57px -15px;
flex-wrap: wrap;
}
.grid--2 > * {
width: calc(100% / 2 - 30px);
margin: 15px;
}
.grid--3 > * {
width: calc(100% / 3 - 30px);
margin: 15px;
}
.grid--4 > * {
width: calc(100% / 4 - 30px);
margin: 15px;
}
.grid--5 > * {
width: calc(100% / 5 - 30px);
margin: 15px;
}
.grid--6 > * {
width: calc(100% / 6 - 30px);
margin: 15px;
}
.text-block__link {
margin-bottom: 10px;
}
a.text-block__link::after {
width: 11px;
height: 12px;
background-size: auto;
}
.text-block__description {
width: 100%;
}
.language__title {
margin-right: 15px;
}
.language__top::after {
background-size: auto;
}
.footer__content {
display: flex;
}
.footer__col {
display: flex;
flex-direction: column;
}
.footer__language {
align-self: flex-end;
margin-bottom: 30px;
}
.footer__contacts {
margin-bottom: 30px;
}
.custom-tabs__top {
margin: -5px -5px 55px -5px;
}
.custom-tabs__top > * {
margin: 5px;
}
.row-white-block {
margin: 10px;
}
.row-white-block > * {
margin: 5px;
}
.box-list {
display: flex;
flex-wrap: wrap;
margin: -15px -15px -15px -15px;
}
.box-list > * {
margin: 15px;
}
.inner-list {
display: flex;
flex-wrap: wrap;
margin: -15px -15px -15px -15px;
}
.inner-list > * {
width: calc(100% / 2 - 30px);
margin: 15px;
}
.text-block__description {
width: 100%;
}
.box-list__title {
margin-bottom: 60px;
}
.partner_block img {
object-fit: cover;
max-height: 100%;
width: 100%;
}
.shadow-big-box__text {
width: 100%;
}
.box-list__title {
width: 100%;
}
.box-list__col ul {
width: 100%;
}
.d-grid .box-list__col ul li {
width: 100%;
}
}
/* Promo container */
.promo_container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.promo_img{
align-content: center;
background: url(../img/promo_img_old.png) left center no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
}
.promo_img span{
align-content: center;
background: url(../img/30_years.png) left no-repeat;
color: #30549A;
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-family: 'Cuprum', Arial, Helvetica, sans-serif;
font-size: 40px;
font-weight: 700;
height: 286px;
justify-content: flex-start;
line-height: 45px;
padding-left: 413px;
}
.promo_content{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
width: 50%;
}
.promo_block{
border: none;
height: 280px;
padding: 80px 40px 0;
position: relative;
text-decoration: none;
width: 33.33%;
}
.promo_block:before{
background: linear-gradient(-45deg, transparent 39px, #0dc99f 21px);
border-radius: 10px 0 0 0;
box-sizing: border-box;
content: "";
height: 56px;
left: 20px;
position: absolute;
top: 20px;
width: 56px;
z-index: 9;
}
.promo_block:after{
background: rgba(13,201,159,.7);
box-sizing: border-box;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.promo_block_bg{
bottom: 0;
height: 100%;
left: 0;
object-fit: cover;
object-position: 50% 50%;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.promo_block_title{
color: #fff;
font-family: 'Cuprum', Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 30px;
position: relative;
z-index: 9;
}
.promo_block_btn{
border-radius: 10px;
bottom: 20px;
position: absolute;
right: 20px;
z-index: 9;
}
.promo_block_btn,.promo_block_btn rect,promo_block_btn path{transition: all .3s linear;}
.promo_block:hover .promo_block_btn{background-color: #fff;}
.promo_block:hover .promo_block_btn rect{
opacity: 1;
stroke: #fff;
}
.promo_block:hover .promo_block_btn path{stroke: #0dc99f;}
.promo_block.color_1:before{background: linear-gradient(-45deg, transparent 39px, #0dc99f 21px);}
.promo_block.color_1:after{background: rgba(13,201,159,.7);}
.promo_block.color_1:hover .promo_block_btn path{stroke: #0dc99f;}
.promo_block.color_2:before{background: linear-gradient(-45deg, transparent 39px, #316894 21px);}
.promo_block.color_2:after{background: rgba(89,124,152,.7);}
.promo_block.color_2:hover .promo_block_btn path{stroke: #316894;}
.promo_block.color_3:before{background: linear-gradient(-45deg, transparent 39px, #27BEED 21px);}
.promo_block.color_3:after{background: rgba(8,175,243,.7);}
.promo_block.color_3:hover .promo_block_btn path{stroke: #27BEED;}
.promo_block.color_4:before{background: linear-gradient(-45deg, transparent 39px, #80DC31 21px);}
.promo_block.color_4:after{background: rgba(107,189,36,.7);}
.promo_block.color_4:hover .promo_block_btn path{stroke: #80DC31;}
.promo_block.color_5:before{background: linear-gradient(-45deg, transparent 39px, #E40F3E 21px);}
.promo_block.color_5:after{background: rgba(228,15,62,.6);}
.promo_block.color_5:hover .promo_block_btn path{stroke: #E40F3E;}
.promo_block.color_6:before{background: linear-gradient(-45deg, transparent 39px, #700A60 21px);}
.promo_block.color_6:after{background: rgba(112,10,96,.7);}
.promo_block.color_6:hover .promo_block_btn path{stroke: #700A60;}
@media (max-width: 1500px){
.promo_img{
height: 400px;
width: 100%;
}
.promo_img span{
background-size: 250px auto;
padding-left: 280px;
}
.slider-main-title{
margin: 0 0 20px 20px;
width: auto;
}
.slider-main-desc{
margin-left: 20px;
width: auto;
}
.promo_content{width: 100%;}
.slider-main-desc-block {
left: 20px;
top: 100px;
}
}/* END 1500px */
@media (max-width: 768px){
.promo_img{height: 280px;}
.promo_img span{
background-size: 150px auto;
font-size: 25px;
line-height: 30px;
padding-left: 172px;
}
.slider-main-title{
font-size: 20px;
line-height: 30px;
margin-left: 15px;
}
.slider-main-desc{
font-size: 35px;
line-height: 45px;
margin-left: 15px;
}
.promo_block{
height: 180px;
padding: 60px 12px 0 15px;
}
.promo_block:before{
background: linear-gradient(-45deg, transparent 21px, #0dc99f 21px);
height: 30px;
left: 15px;
top: 15px;
width: 30px;
}
.promo_block.color_1:before{background: linear-gradient(-45deg, transparent 21px, #0dc99f 21px);}
.promo_block.color_2:before{background: linear-gradient(-45deg, transparent 21px, #316894 21px);}
.promo_block.color_3:before{background: linear-gradient(-45deg, transparent 21px, #27BEED 21px);}
.promo_block.color_4:before{background: linear-gradient(-45deg, transparent 21px, #80DC31 21px);}
.promo_block.color_5:before{background: linear-gradient(-45deg, transparent 21px, #E40F3E 21px);}
.promo_block.color_6:before{background: linear-gradient(-45deg, transparent 21px, #700A60 21px);}
.promo_block_title{
font-size: 14px;
line-height: 16px;
}
.promo_block_btn{
bottom: 15px;
height: 40px;
right: 15px;
width: 40px;
}
}/* END 768px */
@media (max-width: 520px){
.promo_block{width: 50%;}
}/* END 520px */
/* END promo container */
/* Project_promo_container */
.project_promo_container{
margin-bottom: 94px;
position: relative;
}
.project_promo_container_img{
background: url(../img/project_promo_container_img.jpg) no-repeat;
height: 720px;
position: absolute;
right: 0;
top: -120px;
width: 1070px;
}
.project_promo_container_img.iuse{
background: url(../img/iuse_g.jpg) no-repeat;
}
.project_promo_container_img.iusa{
background: url(../img/iusa_g.png) no-repeat;
}
.project_promo_container_img.pspo{
background: url(../img/pspo_g.png) no-repeat;
}
.project_promo_container_img.vkt{
background: url(../img/vkt_g.png) no-repeat;
}
.project_promo_container_img.prod{
background: url(../img/banner_main_01.jpg) no-repeat;
}
.project_promo_content{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
max-width: 926px;
position: relative;
}
.project_promo_title{
margin-bottom: 72px;
width: calc(100% - 350px);
}
.project_promo_title strong{
color: #6BBD24;
font-family: inherit;
}
.project_promo_text{
margin-bottom: 70px;
width: 300px;
}
.project_promo_text p{
color: #535B6B;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.small_btn{
align-items: center;
background-color: #656878;
border: none;
border-radius: 10px;
color: #fff;
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 12px;
font-weight: 700;
height: 44px;
justify-content: center;
line-height: 16px;
padding: 0 16px;
text-align: center;
text-transform: uppercase;
transition: all .3s linear;
}
.small_btn:hover{background-color: #6BBD24;}
.project_promo_content .flexbox{
justify-content: flex-start;
margin: 0 -5px;
width: calc(100% + 10px);
}
.project_promo_cat_block{
align-items: center;
background-color: rgba(230,235,247,.5);
border-radius: 10px;
color: #656878;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 100px;
justify-content: flex-start;
margin: 0 5px 10px;
padding: 15px 15px 15px 30px;
position: relative;
text-decoration: none;
transition: all .3s linear;
width: 302px;
}
.project_promo_cat_block_url{
color: #656878;
border: 0;
}
.project_promo_cat_block:before{
background: linear-gradient(-45deg, transparent 59px, #6BBD24 21px);
border-radius: 10px 0 0 0;
box-sizing: border-box;
content: "";
height: 56px;
left: 0;
position: absolute;
top: 0;
width: 56px;
z-index: 9;
}
.project_promo_cat_block_title{
font-family: 'Cuprum', Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
transition: all .3s linear;
}
.project_promo_cat_block:hover{
background-color: #6BBD24;
color: #fff;
}
.project_promo_cat_block_dropdown{
left: 0;
margin-top: 50px;
opacity: 0;
padding-top: 10px;
position: absolute;
top: 100%;
transition: all .2s linear;
visibility: hidden;
width: 100%;
z-index: 14;
}
.project_promo_cat_block:hover .project_promo_cat_block_dropdown{
margin-top: 0;
opacity: 1;
visibility: visible;
}
.project_promo_cat_block_dropdown ul{
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 30px rgba(0,0,0,.05);
list-style: none;
margin: 0;
padding: 10px 40px;
width: 100%;
}
.project_promo_cat_block_dropdown ul li:not(:last-child){border-bottom: 1px #E1E4ED solid;}
.project_promo_cat_block_dropdown ul li{
font-size: 14px;
line-height: 24px;
list-style: none;
padding: 10px 0;
}
.project_promo_cat_block_dropdown ul li a{
border: none;
color: #656878;
text-decoration: none;
transition: all .3s linear;
}
.project_promo_cat_block_dropdown ul li a:hover{color: #6BBD24;}
.project_promo_title strong{
font-weight: 400;
}
.castom_boot_margin{
min-height: 740px;
margin-bottom: 80px;
}
.project_promo_cat_block:hover .project_promo_cat_block_url{
color: #fff;
}
.section-point_custom .d-col_lg_7 h3{
color: #656878;
font-weight: 400;
line-height: 28px;
}
.section-point_custom .d-col_lg_7 p, .section-point_custom .d-col_lg_7 li{
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #535B6B;
}
.blue .project_promo_title strong{color: #08AFF3;}
.blue .project_promo_cat_block:before{background: linear-gradient(-45deg, transparent 59px, #08AFF3 21px);}
.blue .project_promo_cat_block:hover{background-color: #08AFF3;}
.blue .small_btn:hover{background-color: #08AFF3;}
.blue .h2 .clr_red{color: #08AFF3;}
.blue .project_promo_cat_block_dropdown ul li a:hover{color: #08AFF3;}
.red .project_promo_title strong{color: #F70137;}
.red .project_promo_cat_block:before{background: linear-gradient(-45deg, transparent 59px, #F70137 21px);}
.red .project_promo_cat_block:hover{background-color: #F70137;}
.red .small_btn:hover{background-color: #F70137;}
.red .h2 .clr_red{color: #F70137;}
.red .project_promo_cat_block_dropdown ul li a:hover{color: #F70137;}
.lgreen .project_promo_title strong{color: #0DC99F;}
.lgreen .project_promo_cat_block:before{background: linear-gradient(-45deg, transparent 59px, #0DC99F 21px);}
.lgreen .project_promo_cat_block:hover{background-color: #0DC99F;}
.lgreen .small_btn:hover{background-color: #0DC99F;}
.lgreen .h2 .clr_red{color: #0DC99F;}
.lgreen .project_promo_cat_block_dropdown ul li a:hover{color: #0DC99F;}
.fio .project_promo_title strong{color: #700A60;}
.fio .project_promo_cat_block:before{background: linear-gradient(-45deg, transparent 59px, #700A60 21px);}
.fio .project_promo_cat_block:hover{background-color: #700A60;}
.fio .small_btn:hover{background-color: #700A60;}
.fio .h2 .clr_red{color: #700A60;}
.fio .project_promo_cat_block_dropdown ul li a:hover{color: #700A60;}
.ggreen .project_promo_title strong{color: #6bbd24;}
.ggreen .project_promo_cat_block:before{background: linear-gradient(-45deg, transparent 59px, #6bbd24 21px);}
.ggreen .project_promo_cat_block:hover{background-color: #6bbd24;}
.ggreen .small_btn:hover{background-color: #6bbd24;}
.ggreen .h2 .clr_red{color: #6bbd24;}
.ggreen .project_promo_cat_block_dropdown ul li a:hover{color: #6bbd24;}
.gray .project_promo_title strong{color: #597C98;}
.gray .project_promo_cat_block:before{background: linear-gradient(-45deg, transparent 59px, #597C98 21px);}
.gray .project_promo_cat_block:hover{background-color: #597C98;}
.gray .small_btn:hover{background-color: #597C98;}
.gray .h2 .clr_red{color: #597C98;}
.gray .project_promo_cat_block_dropdown ul li a:hover{color: #597C98;}
/* END project_promo_container */
/* Projects_industries_container */
.projects_industries_container{
align-items: flex-start;
display: grid;
grid-template-areas:
"a b c"
"a d d"
"e e e";
grid-gap: 30px 30px;
grid-auto-rows: min-content;
grid-template-columns: 40.41% 27.76% 27.76%;
justify-content: flex-start;
}
.area_a{grid-area: a;}
.area_b{grid-area: b;}
.area_c{grid-area: c;}
.area_d{grid-area: d;}
.area_e{grid-area: e;}
.projects_industries_block{
border: none;
border-radius: 10px;
position: relative;
}
.projects_industries_block:before{
background: rgba(255,255,255,.4);
border-radius: 10px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all .3s linear;
width: 100%;
}
.projects_industries_block:hover:before{opacity: 0;}
.projects_industries_block_img{
border-radius: 10px;
display: block;
height: auto;
max-width: 100%;
min-height: 332px;
object-fit: cover;
object-position: 50% 50%;
}
.area_a .projects_industries_block_img{min-height: 694px;}
.projects_industries_block_text{
color: #fff;
font-family: Cuprum;
font-size: 28px;
font-weight: 700;
left: 50px;
line-height: 34px;
position: absolute;
text-transform: uppercase;
top: 50px;
}
.projects_industries_container.column_2{
display: flex;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 0;
justify-content: space-between;
margin-top: 30px;
}
.projects_industries_container.column_2 .projects_industries_block{width: calc(50% - 15px);}
/* END projects_industries_container */
/* Project_slider */
.project_slider{
margin-bottom: 140px;
min-height: 740px;
}
.project_slide_content{
margin: 0 84px 0 0;
position: relative;
}
.project_slide_content .slick-arrow{
margin: 0;
position: absolute;
top: calc(50% - 25px);
}
.project_slide_content .slick-prev{left: -80px;}
.project_slide_content .slick-next{right: -80px;}
/* END project_slider */
@media (max-width: 1200px){
.project_promo_content{display: block;}
.project_promo_title{margin-bottom: 40px;}
.project_promo_text{margin-bottom: 60px;}
.projects_industries_container{
grid-template-areas:
"a b"
"c d"
"e e";
grid-gap: 20px 20px;
grid-template-columns: repeat(2, 1fr);
margin-top: 40px;
}
.projects_industries_block_img{
height: 290px;
min-height: auto;
width: 100%;
}
.area_a .projects_industries_block_img{min-height: auto;}
}/* END 1200px */
@media (max-width: 1024px){
.project_promo_container{margin-bottom: 0;}
.project_slider{
margin-bottom: 40px;
min-height: auto;
}
.project_slide_content{margin: 0;}
.castom_boot_margin{min-height: initial;}
}/* END 1024px */
@media (max-width: 768px){
.project_promo_title{width: 100%;}
.projects_industries_block_text{
left: 40px;
top: 40px;
}
}/* END 768px */
@media (max-width: 640px){
.project_promo_container_img{display: none;}
.project_promo_text{
margin-bottom: 40px;
width: 100%;
}
.project_promo_cat_block{width: calc(100% - 10px);}
.projects_industries_container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
grid-gap: 0;
justify-content: flex-start;
margin-top: 10px;
}
.projects_industries_block{
margin-bottom: 20px;
width: 100%;
}
.projects_industries_block_text{
font-size: 21px;
left: 30px;
line-height: 26px;
top: 30px;
}
.projects_industries_container.column_2{margin-top: 0}
.projects_industries_container.column_2 .projects_industries_block{width: 100%;}
.project_slider{
margin: 0 0 10px;
padding-bottom: 100px;
position: relative;
}
.section-point .slider{padding: 0 15px;}
.section-point .slider .slick-prev,.section-point .slider .slick-next{margin: 0;}
.project_slider .slick-arrow{
bottom: 20px;
margin: 0;
position: absolute;
top: auto;
}
.project_slider .slick-prev{left: calc(50% - 65px);}
.project_slider .slick-next{right: calc(50% - 65px);}
}/* END 640px */
.wrap_100 .scroll-wrapper{
width: 100%;
}
section.strategic-partner .partner-info {
display: flex;
gap: 20px;
flex-wrap: nowrap;
}
section.strategic-partner .logo {
--logoWidth: 355px;
border: none;
text-decoration: none;
font-size: 0;
width: var(--logoWidth);
flex: 0 0 var(--logoWidth);
}
section.strategic-partner .logo img {
width: 100%;
min-width: 100%;
}
@media (max-width: 1140px) {
section.strategic-partner .partner-info .logo {
--logoWidth: clamp(180px, 30%, 355px);
}
}
@media (max-width: 491px) {
section.strategic-partner .partner-info {
flex-wrap: wrap;
}
}
.form.popup__form select { max-width: 100%; }
.advancedProtection {
font-size: 14px;
line-height: 1.25;
color: #000;
}
.advancedProtection .navAndButtons {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
gap: 24px;
}
.advancedProtection ul li {
list-style: disc;
margin-left: 20px;
position: relative;
}
.advancedProtection ol li { margin-left: 40px; }
.advancedProtection .pageNav { margin-bottom: 0; }
.advancedProtection .pageNav a {
font-weight: bold;
font-size: 14px;
line-height: 1.25;
}
.advancedProtection .navAndButtons .links {
margin-bottom: 0;
gap: 16px;
flex-direction: column;
justify-content: center;
}
.advancedProtection .navAndButtons .links .btn.cboxElement { margin: 0; max-width: 100%; }
.advancedProtection .navAndButtons .links .inRegistry {
width: 197px;
height: 62px;
}
.advancedProtection .pageSection { margin-top: 64px; }
.advancedProtection h3 {
font-weight: bold;
margin-bottom: bold;
font: bold 28px/1.2 Cuprum;
}
.advancedProtection p { margin-bottom: 2em; }
.advancedProtection ul, .advancedProtection li { margin: 0; }
.advancedProtection li { margin-top: 8px; }
.advancedProtection .profits {
margin-top: 1em;
margin-bottom: 2em;
display: grid;
grid-template-columns: 2fr 3fr;
}
.advancedProtection .profits .left, .advancedProtection .profits .right {
display: flex;
flex-direction: column;
padding: 16px;
}
.advancedProtection .profits .caption {
color: #30549a;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.advancedProtection .profits ul li {
list-style: none;
margin-left: 0;
padding-left: 20px;
font-size: 14px;
}
.advancedProtection .profits ul li:not(:first-child) { margin-top: 0.75em; }
.advancedProtection .profits ul li::before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 8px;
height: 8px;
border-radius: 0px;
transform: rotate(45deg);
background-color: #e42e87;
}
.advancedProtection .picturedTable {
display: grid;
grid-template-columns: 400px 1fr;
gap: 16px;
}
.advancedProtection .pictureLayers {
width: 100%;
display: grid;
grid-template-columns: 100%;
font-size: 0;
overflow: hidden;
}
.advancedProtection .pictureLayers picture {
grid-row: 1;
grid-column: 1;
}
.advancedProtection .pictureLayers .layer { width: 100%; }
.advancedProtection .pictureLayers .layer2 {
clip-path: polygon(92% 0, 100% 0, 100% 100%, 0 100%, 0 92%);
object-position: left 10px top 20px;
transform: scale(1.3);
}
.advancedProtection .picturedTable .textColumn .caption {
font-weight: bold;
margin-bottom: 8px;
}
.advancedProtection .picturedTable .textColumn li {
list-style-type: none;
padding-left: 20px;
margin-left: 0;
}
.advancedProtection .picturedTable .textColumn li::before {
content: "";
background: #000;
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 0.6em;
}
.advancedProtection #functions h4 {
display: flex;
align-items: center;
gap: 16px;
text-transform: uppercase;
margin-bottom: 8px;
}
.advancedProtection #functions h4 img {
font-size: 0;
height: 50px;
width: 50px;
flex-grow: 0;
}
.advancedProtection #functions h4 span {
font-weight: bold;
font-size: 16px;
}
.advancedProtection #functions li::before {
height: 2px;
border-radius: 0;
width: 6px;
top: 11px;
}
.advancedProtection #functions ul + h4 {
margin-top: 32px;
}
.advancedProtection #cases h3 { margin-bottom: 48px; }
.advancedProtection #cases .a-border-photo-block__title { text-transform: uppercase; }
.advancedProtection #cases .a-border-photo-block__title b { display: block; }
.advancedProtection #cases .a-border-photo-block__description {
max-width: 100%;
color: #1a418f;
border: none;
}
.advancedProtection #cases .a-border-photo-block__description:hover { text-decoration: underline; }
.advancedProtection #advantages .text-block__title {
font-size: 14px;
line-height: 18px;
font-weight: bold;
text-transform: uppercase;
color: #30549a;
}
.advancedProtection #advantages .text-block__description { font-size: 14px; }
.advancedProtection #advantages .text-block__description p { margin-bottom: 1em; }
.advancedProtection #advantages .text-block__description p:last-child { margin-bottom: 0; }
.advancedProtection .static-carousel__wrapper { padding: 0 60px; }
.advancedProtection #compatibility ol, .advancedProtection #compatibility ul { display: block; }
.advancedProtection #compatibility ol { margin: 0; }
.advancedProtection #compatibility ol > li {
font-weight: bold;
margin: 0 0 0 1.2em;
}
.advancedProtection #compatibility ol > li:not(:last-child) { margin-bottom: 1em; }
.advancedProtection #compatibility ul li {
list-style: none;
padding-left: 20px;
margin-left: 4px;
}
.advancedProtection #compatibility ul li::before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 8px;
height: 8px;
border-radius: 0px;
transform: rotate(45deg);
background-color: #e42e87;
}
.advancedProtection #compatibility p, .advancedProtection #compatibility ul li { font-weight: normal; }
.advancedProtection #compatibility p { margin-bottom: 1em; }
.advancedProtection #customers .customersList {
display: flex;
flex-wrap: wrap;
justify-content: space-betweenlll;
gap: 16px 64px;
}
.advancedProtection #customers .customer {
font-size: 0;
height: 50px;
}
@media (max-width: 767px) {
.advancedProtection .pageSection { margin-top: 48px; }
.advancedProtection h3 { font-size: 22px; }
.advancedProtection .profits, .advancedProtection .picturedTable { grid-template-columns: 100%; }
.advancedProtection #customers .customersList {column-gap: 32px; }
.advancedProtection #customers .customer {
max-width: calc(50vw - 32px);
height: auto;
max-height: 50px;
}
}