html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
h3 {
}
body {
    /*background: rgba(0, 0, 0, 0) url("/i/page_expo2.png") no-repeat scroll center 0;*/
    font-family: "Source Sans Pro",sans-serif;
    font-size: 12px;
    line-height: 1;
    width: 100%;
    /* overflow: hidden; */
    /*opacity: 0.5;*/
}
footer {
/*    background: rgba(0, 0, 0, 0) url("/i/var_3_4.png") no-repeat scroll center 0;*/
}
sup {
    font-size: 6px;
    vertical-align: super;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder {
    color: transparent !important;
}
h1 {
    color: #000;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: center;
}
.sup {
    font-size: 9px;
    vertical-align: super;
}
.sub {
    vertical-align: sub;
}

a {
    color: #002863;
    text-decoration: none;
}
input, textarea {resize: none; outline: none;}

._f {
    height: 100%;
}

._h {
    width: 1200px;
    margin: 0 auto;
    height: 100px;
    position:  fixed;
    left:  0;
    right:  0;
    top: 0;
    z-index:  2;
}
._h, .bigttl .ttl-shrt {
    font-size: 15px;
    font-weight: 300;
}

.logo.logo--h, .toplink, .menu {
    display: inline-block;
    vertical-align: top;
}

.logo > a {
    background: #123e80; /* Old browsers */
    background: -moz-linear-gradient(-47deg, #123e80 0%, #002863 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-47deg, #123e80 0%,#002863 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(133deg, #123e80 0%,#002863 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123e80', endColorstr='#002863',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    display: block;
    width: 164px;
    height: 71px;
    margin-top: 3px;
    margin-left: 30px;
    position: relative;
}
.logo.logo--n > a {
    background: none;
}
.logo.logo--n {
    width: 600px;
    text-align:  left;
    padding-left: 93px;
    float:  right;
}
.logo > a:after {
    background-image: url('/i/logo.png');
    background-repeat:  no-repeat;
    background-position:  center;
    background-size: 81%;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
}
.logo > div { 
    color: #333333;
    text-transform:  uppercase;
    width:  164px;
    text-align:  center;
    margin-left:  30px;
    letter-spacing: 0.4px;
    margin-top: 10px;
}

.toplink {
    text-transform:  uppercase;
    margin-left: 782px;
    letter-spacing: 0.4px;
    margin-top: 3px;
    height: 41px;
    padding-top: 28px;
    width: 118px;
    position:  relative;
}

.menu { 
    position: relative;
    width:  90px;
    height: 75px;
}

.toplink:after {
    background-color: #000;
    content: '';
    display: block;
    height: 35px;
    width: 1px;
    opacity: .1;
    top: 18px;
    right: 0;
    position:  absolute;
}

.menu > a{ 
    color: #888888;
    display:  block;
    letter-spacing: 0.4px;
    text-align:  center;
}

.menu-btn {
    cursor: pointer;
    margin-left: 33px;
    width: 25px;
    height: 15px;
    margin-top: 31px;
    margin-bottom: 37px;
    position: relative;
    z-index: 111;
}

.bigttl {
    background-repeat: no-repeat;
    background-position: center;
    background-repeat:  no-repeat;
    height: 505px;
}
.bigttl--404 {
    background: #383838; /* Old browsers */
    background: -moz-linear-gradient(-47deg, #383838 0%, #030303 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-47deg, #383838 0%,#030303 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(133deg, #383838 0%,#030303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#030303',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bigttl.bigttl--blck {
    height: 341px;
}

.bigttl h1 { 
    color: #fff;
    font-size: 100px;
    font-weight: 700;
    padding-top: 190px;
    letter-spacing:  3px;
    margin-bottom: 9px;
}

.bigttl .ttl-shrt {
    position: relative;
    text-transform: uppercase;
    padding-top: 21px;
    letter-spacing: 3px;
    color:  #fff;
    text-align:  center;
}

.bigttl.bigttl--blck h1{
    color: #383838;
    padding-top: 77px;
}

.bigttl.bigttl--blck  .ttl-shrt {
    color: #383838;
}

.bigttl.bigttl--blck  .ttl-shrt:before {
    background-color: #383838;
}

.bigttl .ttl-shrt:before { 
    background-color: #fff;
    content: '';
    display: block;
    height: 2px;
    width: 102px;
    top: 0px;
    left: 0;
    right:  0;
    margin:  0 auto;
    position:  absolute;
}

.scrl-sec .art__ttl { 
    color: #000;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0.6px;
}

.scrl-sec .art__ttl:after {
    background-color: #000;
    content: '';
    display: block;
    height: 1px;
    width: 30px;
    bottom: -6px;
    left: 0;
    position:  absolute;
}

.scrl-sec .art__txt { 
    color: #000;
    font-size: 18px;
    font-weight: 300;      
}

.art__promo {
    border: 2px dashed #002863;
    margin-top: 36px;
    margin-left: 11px;
    width: 347px;
    height: 78px;
    font-size: 23px;
    font-weight: 300;
    line-height: 78px;
    text-align: center;
    letter-spacing: 1px;
    color: #103c7c;
}

.art__promo span {
    font-weight: 700;
    padding-left: 10px;
}

.scrl-sec .art__txt.art__txt--sml > p {
    font-size:  16px;
    line-height: 20px;
}

.scrl-sec .art__txt.art__txt--sml > p {
    margin-bottom: 20px;
}

.scrl-sec .art__txt > p.art__txt-ttl {
    font-size:  18px;
    margin-bottom: 3px;
}


.scrl-sec .art__txt b {
    font-weight: 600;
}

.scrl-sec .art__txt ul {
    margin-top: -3px;
}

.scrl-sec .art__txt ul li{
    font-size:  15px;
    list-style: none;
    padding-left: 18px;
    margin-left: 14px;
    margin-bottom: 5px;
    background: url('/i/ico_li.gif') no-repeat left top 7px transparent;
    letter-spacing:  0.8px;
}
.scrl-sec .art__txt ul li.clean {
    background: none;
}

.scrl-sec .art__txt ul li ul li {
    background: url('/i/ico_li2.svg?2') no-repeat left top 8px transparent;
}

.scrl-sec .art__txt .bb-txt {
    font-family: 'Cormorant Garamond';
    font-size: 34px;
    color:  #fff;
    font-style: italic;
    line-height: 48px;
    letter-spacing: 1.6px;
    margin-bottom:  31px;
}
.scrl-sec .art__txt .bb-txt span{
    padding: 4px 14px 7px 34px;
    background: #064d99; /* Old browsers */
    background: -moz-linear-gradient(-47deg, #064d99 0%, #00326c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-47deg, #064d99 0%,#00326c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(133deg, #064d99 0%,#00326c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064d99', endColorstr='#00326c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*
.scrl-sec .art__txt .bb-txt span
{
    background-color: #0d3877;
    box-shadow: 10px 0 0px 0px #0d3877, -10px 0 0 0px #0d3877;
    padding: 0 0 11px 0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
*/

.art .nmbr-row {margin-bottom: 57px;}
.art .nmbr-val {
    background: #123e80; /* Old browsers */
    background: -moz-linear-gradient(-47deg, #123e80 0%, #002863 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-47deg, #123e80 0%,#002863 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(133deg, #123e80 0%,#002863 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123e80', endColorstr='#002863',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #fff;
    height: 53px;
    width: 77px;
    font-size: 48px;
    display:  inline-block;
    vertical-align:  top;
    font-weight: 100;
    padding-top: 24px;
    text-align:  center;
}
.art .nmbr-val span{
    font-size: 24px;
    padding-left:  3px;
}
.art .nmbr-txt{display:  inline-block;vertical-align:  top;line-height: 21px;padding: 5px;letter-spacing:  0.5px;}
.art .nmbr-txt span{ 
    color: #032C68;
    font-weight: 600;
}

.cnt-phn { 
    color: #222;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 2px;
    display:  block;
    margin-bottom: 20px;
}

.cnt-email { 
    font-size: 18px;
    font-weight: 200;
    border-bottom: 1px solid rgba(0, 40, 99, 0.1);
    letter-spacing: 0.5px;
}

.cnt-f__row {
    position: relative;
    min-height: 80px;
    width: 413px;
}

.cnt-f__row label {
    color: #FEFEFE;
    font-size: 18px;
    font-weight: 600;
    position:  absolute;
    top: 35px;
    left:  0;
    letter-spacing: 0.3px;
    transition: all 0.3s;
    width: 380px;
    cursor: pointer;
    transition: all 0.3s;
}

.cnt-r--wht .cnt-f__row label {
    color: #333333;
    font-weight: 300;
}

.cnt-f__row label:hover {letter-spacing: 0.6px;}

.cnt-f__row.ok:after {
    background-image: url(/i/chck.png);
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    height: 8px;
    width: 10px;
    bottom: 36px;
    right: 8px;
    position: absolute;
    z-index: 10;
}

.cnt-f__row.err:after {
    content: '!';
    color: #DA1C1C;
    font-size: 15px;
    font-weight: 500;
    display: block;
    height: 10px;
    width: 3px;
    bottom: 39px;
    right: 12px;
    position: absolute;
    z-index: 10;
}

.cnt-f__row.cnt-f__row--txt.ok:after {
    top: 75px;
    bottom: auto;
}

.cnt-f__row.cnt-f__row--txt.err:after {
    top: 73px;
    bottom: auto;
}


.cnt-f__row .cnt-f__err { 
    font-size: 13px;
    font-weight: 300;
    color: #F34D4D; /* F78E8E */
    letter-spacing:  0.4px;
    height:  13px;
    position:  absolute;
    bottom: 2px;
}

.cnt-f__res { 
    font-size: 13px;
    font-weight: 300;
    color: #333; /* F78E8E */
    letter-spacing:  0.4px;
    height:  15px;
    text-align: center;
}

.cnt-f__res--err { 
    color: #F34D4D; /* F78E8E */
}

.cnt-f__res--done { 
    color: #32cd32;
}

.cnt-f__row > i {
    position: absolute;
    top: 58px;
    height: 1px;
    background-color: #fff;
    width: 100px;
    display: block;
    transition: background-color 0.3s;
}

.cnt-r--wht .cnt-f__row > i {
    background-color: #000;
}

.cnt-f__row.err > .cnt-f__input + i {
    background-color: #da1c1c;
}

.cnt-f__row.ok > .cnt-f__input + i {
    background-color: #32cd32;
}

.cnt-f__row .cnt-f__input:focus ~ label, 
.cnt-f__row.ok .cnt-f__input ~ label, 
.cnt-f__row.err .cnt-f__input ~ label{
    font-size: 13px;
    font-weight: 500; 
    top: 0px;
    transition: all 0.3s ease 0.3s;
}
.cnt-f__input {
    background-color: rgba(255,255,255,0.2);
    width: 373px;
    height: 1px;
    border: none;
    border:  none;
    margin-top: 58px;
    padding: 0 20px;
}

.cnt-r--wht .cnt-f__input {
    background-color: rgba(0,0,0,0.2);
    width: 343px;
    transition: all 0.3s;
}

.cnt-f__row.cnt-f__row--txt {
    padding-bottom: 20px;
}

.cnt-f__row .cnt-f__input:focus, 
.cnt-f__row.ok .cnt-f__input, 
.cnt-f__row.err .cnt-f__input {
    height: 42px;
    margin-top: 17px;
    transition: all 0.3s ease 0.3s;
}
.cnt-f__row.cnt-f__row--txt .cnt-f__input:focus, 
.cnt-f__row.cnt-f__row--txt.ok .cnt-f__input, 
.cnt-f__row.cnt-f__row--txt.err .cnt-f__input {
    margin-top: 58px;
    height: 96px;
    padding: 13px 20px;
}
.cnt-f__row.cnt-f__row--txt .cnt-f__input:focus ~ label, 
.cnt-f__row.cnt-f__row--txt.ok .cnt-f__input ~ label, 
.cnt-f__row.cnt-f__row--txt.err .cnt-f__input ~ label {
    top: 40px;
}
.cnt-f__input + i {
    background-color: #fff;
    transition: width 0.3s ease 0.3s, top 0.3s;
}

.cnt-r--wht .cnt-f__input + i {
    background-color: #000;

}
.cnt-f__row .cnt-f__input:focus + i, 
.cnt-f__row.ok .cnt-f__input + i, 
.cnt-f__row.err .cnt-f__input + i{
    width: 413px;
    transition: width 0.3s, top 0.3s ease 0.3s, background-color 0.3s;
}
.cnt-r--wht .cnt-f__row .cnt-f__input:focus + i, 
.cnt-r--wht .cnt-f__row.ok .cnt-f__input + i, 
.cnt-r--wht .cnt-f__row.err .cnt-f__input + i {
    width: 383px;
    transition: width 0.3s, top 0.3s ease 0.3s, background-color 0.3s;
}

.cnt-f__row.cnt-f__row--txt .cnt-f__input:focus + i, 
.cnt-f__row.cnt-f__row--txt.ok .cnt-f__input + i, 
.cnt-f__row.cnt-f__row--txt.err .cnt-f__input + i{
    top: 179px;
}

.cnt-f__input {
    color: #222222;
    font-size: 22px;
    font-weight: 500;
}
.cnt-f__input--txt {
    color: #222222;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.3px;
}

.cnt-f__btn { 
    cursor: pointer;
    background-color: rgba(16, 215, 56, 0.5);
    color: #FEFEFE; /* 032B68 */
    font-size: 14px;
    font-weight: 300;
/*    border: 1px solid #7EC19E;*/
    width:  192px;
    letter-spacing: 2px;
    height: 46px;
    text-align: center;
    line-height: 44px;
    margin-top: 3px;
    position: relative;
    transition: width 0.3s, height 0.3s, margin-left 0.3s, line-height 0.3s, font-weight 0.3s, letter-spacing 0.3s, font-size 0.3s, background-color 0.3s ease 0.9s;
} 
.cnt-r--wht .cnt-f__btn{
    color: #032b68;
    /*margin-left: 71px;*/
}
.cnt-f__btn i {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    background-color: #7EC19E;
    width: 192px;
    height: 1px;
    transition: width 0.3s ease 0.3s;
}
.cnt-f__btn:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: -1px;
    display: block;
    background-color: transparent;
    width: 192px;
    height: 46px;
    border-left: 1px solid #7EC19E;
    border-right: 1px solid #7EC19E;
    transition: height 0.3s ease 0.6s;
    
}
.cnt-f__btn:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    background-color: #7EC19E;
    width: 192px;
    height: 1px;
    transition: width 0.3s ease 0.6s;
}
.cnt-f__btn.cnt-f__btn--err {
    font-size: 18px;
    font-weight: 600;
    background-color: transparent;
    border: none;
    line-height: 18px;
    width: 92px;
    letter-spacing: 0.7px;
    height: 24px;
    margin-left: 102px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-top: 0;
    transition: background-color 0.3s, width 0.3s  ease 0.9s, height 0.3s  ease 0.9s, margin-left 0.3s  ease 0.9s, line-height 0.3s  ease 0.9s, font-weight 0.3s  ease 0.9s, letter-spacing 0.3s  ease 0.9s, font-size 0.3s  ease 0.9s;
}
.cnt-r--wht .cnt-f__btn.cnt-f__btn--err{
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.cnt-f__btn.cnt-f__btn--err i { 
    background-color: #fff;
    width: 32px;
    transition: width 0.3s;
}
.cnt-f__btn.cnt-f__btn--err:after { 
    height: 0px;
    transition: height 0.3s ease 0.3s;
}
.cnt-f__btn.cnt-f__btn--err:before { 
    width: 0px;
    transition: width 0.3s ease 0.3s;
    
}
.cnt-r--wht .cnt-f__btn.cnt-f__btn--err i {
    background-color: #000;
}
.attachments-block {
    background-color: rgba(61, 61, 61, 0.2);
}

.arts.arts--full {
    width:  1200px;
    margin: 76px auto 64px;
}

.arts.arts--flex .art {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 60px;
}

.scrl-sec .arts--full .art__ttl,
.scrl-sec .arts--full .art__txt
 {
    display:  inline-block;
    vertical-align:  top;
}

.scrl-sec .arts--full .art__ttl {
    width: 200px;
    margin-left: 49px;
    margin-right: 50px;
    padding-top: 2px;
}

.scrl-sec .arts.arts--flex .art__ttl {
    width: auto;
}

.scrl-sec .arts--full .art__txt
 {
    width: 850px;
}

.scrl-sec .arts.arts--flex .art__txt {
    width: auto;
    margin-left: 49px;
}

.scrl-sec .arts--full .art__txt.art__txt--2
 {
    width: 400px;
    padding-right: 40px;
}

.scrl-sec .art__txt > p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 6px;
    letter-spacing: 0.37px;
}

.scrl-sec .art--links .art__txt > p {
    margin-bottom: 18px;
}
.scrl-sec .art--links .art__txt > p a {
    color: #4e6f9d;
}

.link-pdf:before, .link-doc:before  {
    background-image: url('/i/ico_pdf.png');
    background-repeat:  no-repeat;
    background-position:  center;
    content: '';
    display: inline-block;
    width: 21px;
    height: 11px;
    margin-right: 8px;
}

.link-doc:before {
    background-image: url('/i/ico_doc.png');
}

.arts--full .art {
    margin-bottom: 124px;
}
.arts--full .art:last-child {
    margin-bottom: 12px;
} 
.nmbrs.nmbrs--wwa {
    margin-top: 5px;
    display: inline-block;
    vertical-align:  top;
    width:  390px;
}

.dtbs {
    display:  inline-block;
    vertical-align:  top;
    width: 450px;
    padding-left: 10px;
    margin-top: 5px;
}

.dtbs-blck {
    display:  inline-block;
    vertical-align:  top;
}
.dtbs-blck.dtbs-blck--1 {
    width: 246px;
}
.dtbs-blck.dtbs-blck--2 {
    width: 204px;
}
.dtbs-blck__img, .dtbs-blck__txt {
    display: inline-block;
    vertical-align: top;    
}
.dtbs-blck__img {
    height: 77px;
    width: 77px;
}
.dtbs-blck__img {
    
}
.dtbs-blck.dtbs-blck--1 .dtbs-blck__img {
    background-image: linear-gradient(to bottom, transparent 50%, #fff 50%),linear-gradient(to right, #003471 50%, #fff 50%);background-size: 6px 6px, 6px 6px;
}
.dtbs-blck.dtbs-blck--2 .dtbs-blck__img {
    background-image: linear-gradient(to bottom, transparent 50%, #fff 50%),linear-gradient(to right, #003471 50%, #fff 50%);background-size: 2px 2px, 2px 2px;
}
.dtbs-blck__txt {
    color: #002863;
    width: 118px;
    padding: 7px 0 0 5px;
}
.dtbs-blck__nmb {
    font-size: 47px;
    font-weight:  100;
}

.dtbs-blck.dtbs-blck--txt {
    position: relative;
    height: 130px;
    padding: 85px 0 0 70px;
    font-size:  18px;
    letter-spacing: 0.5px;
    line-height:  18px;
}

.dtbs-blck.dtbs-blck--txt:before {
    background-image: url('/i/el1.png');
    content: '';
    display: block;
    height: 68px;
    width: 259px;
    top: 10px;
    left: 34px;
    position: absolute;
}

.dtbs-blck.dtbs-blck--txt span{
    color: #032C68;
    font-weight: 600;
}

.dtbs-blck__nmb span {
    font-size:  24px;
    padding-left:  3px;
}

.cnt-l,.cnt-r {
    display:  inline-block;
    vertical-align:  top;
    width: 50%;
    height: 100%;
}

.cnt-block {
    float:right;
    overflow:hidden;
    width: 600px;
}

.cnt-cntct__ttl { 
    color: #000;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0.6px;
    margin-bottom: 28px;
}

.cnt-cntct__ttl:after {
    background-color: #000;
    content: '';
    display: block;
    height: 1px;
    width: 30px;
    bottom: -6px;
    left: 0;
    position:  absolute;
}

.logo.logo--f {
    margin-bottom: 117px;
}

.cnt-blck {
    padding-left: 50px;
    margin-bottom:  54px;
}

.cnt-addr {
    padding-left: 49px;
}

.cnt-addr > p {
    font-size:  18px;
    font-weight:  300;
    color: #000000;
    letter-spacing: 0.4px;
    line-height: 20px;
    margin-bottom:  19px;
}

.cnt-link.cnt-link--htg {
    font-size: 18px;
    font-weight: 200;
    border-bottom: 1px solid rgba(0, 40, 99, 0.1);
    letter-spacing: 0.5px;
}
.cnt-form {
    margin: 164px 0 0 118px;
}

.cnt-r--wht .cnt-form {
    margin: 202px 0 0 148px;
}

.cnt-f__row .cnt-f__l, .cnt-f__row .cnt-f__r {
    display:  inline-block;
    vertical-align:  top;
    margin-top: 24px;
    width: 206px;
}
.cnt-r--wht .cnt-f__row .cnt-f__l {
    width: 175px;
}
.cnt-f__row .cnt-f__r {
    width: 193px;
    margin-left: 14px;
    position: relative;
}

.cnt-l {
    background-image: url('/i/f-bg-l.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
}
.cnt-r.cnt-r--blue {
    background: #123e80; /* Old browsers */
    background: -moz-linear-gradient(-47deg, #123e80 0%, #002863 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-47deg, #123e80 0%,#002863 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(133deg, #123e80 0%,#002863 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123e80', endColorstr='#002863',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.scrl-sec.scrl-sec--1 .cnt-l{
    background-image: none;
}

.scrl-sec.scrl-sec--1 ._cnt {
    position: relative;
    height: 100%;
}

.scrl-sec.scrl-sec--m1 {
    border-bottom: 1px solid #000;
}

.scrl-sec.scrl-sec--1 ._cnt .cnt-m {
    background-image: url('/i/cntct.jpg'); 
    background-repeat: no-repeat;
    background-size: cover; 
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 200px;
    margin: 0 auto;
}


.ttl {
    color: #000000;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 1px;
}

.scrl-sec.scrl-sec--1 ._cnt .ttl {
    padding-left: 46px;
    padding-top: 8px;
    margin-bottom: 52px;
}

.htg {
    position: relative;
    height: 100%;
}

.htg-l,.htg-r {
    display:  inline-block;
    vertical-align:  top;
    width: 50%;
    height: 100%;
}

.htg-r  {
    background-image: url('/i/map.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.htg-block {
    float:right;
    overflow:hidden;
    width: 552px;
    padding-top: 0px; /*145px;*/
}

.htg .ttl {
    padding-top: 35px;
    letter-spacing:  0.7px;
    margin-bottom:  23px;
}

.htg .art .art__ttl {
    margin-bottom:  31px;
}

.htg .art .art__txt p {
    line-height: 21px;
    margin-bottom:  10px;
}

.htg .art .art__txt {
    width: 515px;
}

.htg .art {
    margin-bottom:  43px;
}

.slds {
    width: 1400px;
    margin: 0 auto;
}

.h1 {
    height: 123px;
    padding-top: 127px;
}
.h1 h1{
    width: 780px;
    margin: 0 auto;
    text-align:  left;
    font-size: 28px;
    font-weight: 100;
    line-height: 36px;
    letter-spacing: 2px;
}

.scrl-sec.scrl-sec--1 .arts {
    width: 1200px;
    margin:  0 auto;
    padding-left: 98px;
}

.scrl-sec.scrl-sec--1 .arts .art{
    width: 376px;
    display:inline-block;
    vertical-align: top;
    margin-top: 45px;
}

.scrl-sec.scrl-sec--1 .arts .art .art__ttl{
    margin-bottom: 30px;
}

.scrl-sec.scrl-sec--1 .arts .art .art__txt {
  width: 300px;
}

.scrl-sec.scrl-sec--1 .arts .art .art__txt p{
    font-size: 18px;
    letter-spacing:  0.3px;
}

.who__ttl {
    color: #000000;
    font-size: 27px;
    font-weight: 100;
    letter-spacing: 0.4px;
    margin-bottom: 26px;
}

.who-block {
    width: 1100px;
    margin: 0 auto;
}

.who {
    margin-top: 47px;
    display:  inline-block;
    vertical-align:  top;
    width:  731px;
    height: 184px;
}

.who > p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 9px;
    letter-spacing: 0.25px;
}

.who-block .nmbrs {display: inline-block;vertical-align: top;margin-top: 35px;padding-left: 46px;width: 320px;}

.who-block .nmbr-row {margin-bottom: 15px;}
.who-block .nmbr-txt {display: inline-block;vertical-align: middle;line-height: 22px;padding: 5px;font-size: 16px;font-weight: 100;letter-spacing: 0.7px;}
.who-block .nmbr-val {display: inline-block;vertical-align: top;font-size: 45px;font-weight: 100;color: #224b88; /* 032C68 */padding: 5px 9px 5px 7px;letter-spacing: 3px;}
.who-block .nmbr-val span {font-size: 27px;padding-left: 3px;}

.nmbr-txt.nmbr-txt--trt {
    margin-left: 52px;
}

.who-block  .nmbr-txt + .nmbr-val {
    padding-left: 17px;
}

.iblck {
    width: 375px;
    display: inline-block;
    vertical-align: top;
    height: 208px;
}

.iblck:nth-child(3n) {
    width: 300px;
}
.iblck-img {height: 90px;padding-left: 19px;}
.iblck-txt {
    font-size: 21px;
    letter-spacing: 0.6px;
    width: 345px;
    line-height: 28px;
    font-weight: 200;
    color: #0B3675;
}

.iblcks {
    margin-top: 48px;
}

.pfls {
    min-width:  1200px;
    max-width:  1400px;
    margin:  0 auto;
}

.pfl {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    /*height: 350px;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.pfl:after {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    content:'';
    border-radius: 25px;
    text-align: center;
    line-height: 26px;
    font-size:13px;
    font-weight: 600;
    color: #fff;
    top: 46px;
    right: 37px;
    z-index: 1;
}

.pfl--bc:after {
    content:'v.2';
    background-color: #ea4242;
    border: 2px solid #fff;
}
.pfl--st:after {
    content:'v.2';
    background-color: #71533a;
}
.pfl--tr:after {
    content:'v.3';
    background-color: #123e80;
}
.pfl--sm:after {
    content:'v.2';
    background-color: #123e80;
}
.pfl--thd:after {
    content:'v.2';
    background-color: #3e801b;
}

.pfl-ttl {
    color: #fff;
    margin: 49px 0 0 34px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 200;
    letter-spacing: 0.6px;
}
.pfl-type {
    display: inline-block;
    padding: 0 5px 2px;
}

.pfl-name {
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.6px;
    padding: 2px 5px 4px;
}

.pfl-ttl.pfl-ttl--redbg .pfl-name {
    background-color: #ea4242;
}

.pfl-ttl.pfl-ttl--redbg .pfl-type {
    background-color: #ea4242;   
}



.pfl-ttl.pfl-ttl--txtblack {
    color: #333333;
}

.pfl-ttl.pfl-ttl--txtbrwn {
    color: #663300;
}

.pfl-ttl.pfl-ttl--whitebg .pfl-name {
    background-color: rgba(255,255,255,0.8);
    color: #333333;
    
}

.pfl-ttl.pfl-ttl--whitebg .pfl-type {
    background-color: rgba(255,255,255,0.8);
    color: #333333;
}



.pfl-ttl__info {
    position:  absolute;
    left:  0;
    right: 0;
    margin: 0 auto;
    top: 0;
    background-color: rgba(75,75,75,0.9);
    width:  100%;
    height:  100%;
    display: none;
    z-index: 6;
}

.pfl.pfl--a .pfl-ttl__info, .pfl:hover .pfl-ttl__info {
    display: block;
}

.pfl-ttl__info-blck{
    position:  absolute;
    left:  0;
    right: 0;
    margin: 0 auto;
    width: 280px;
    color: #fff;
}

.pfl-ttl__info-ttl {
    margin-top: 54px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    letter-spacing: 0.6px;
    margin-left: 15px;
}

.pfl-ttl__info-ttl:after {
    background-color: #fff;
    content: '';
    display: block;
    height: 1px;
    width: 30px;
    bottom: -6px;
    left: 0;
    position: absolute;
}

.pfl-ttl__info-link {
    margin-top: 57px;
    margin-left:  14px;
}

.pfl-ttl__info-link a{
    color: #fff;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.pfl-ttl__info-list {
    margin-top: 45px;
    font-size: 16px;
    margin-left: 14px;
}

.pfl-ttl__info-list ul {
    list-style: none;
}

.pfl-ttl__info-list li{
    margin-bottom: 13px;
    letter-spacing: 0.3px;
    font-size:  18px;
}

.pfl-ttl__info-list li span{
    display: inline-block;
    width: 215px;
}

.cpts {
    width: 1100px;
    margin: 0 auto;
    overflow:hidden;
}
.cpt.cpt--r .cpt-blck {
    float:  right;
    overflow: hidden;
}
.cpt.cpt--l .cpt-blck {
    float:  left;
    overflow: hidden;
}
.cpt {
    font-size: 12px;
    color: #000;
    background-color: #000;
    min-height: 330px;
    width: 100%;
    clear: both;
    background-repeat: no-repeat;
}
.cpt.cpt--l {
    background-position: right top;
}
.cpt-blck {
    background-color: #fff;
    width:  420px;
    height: 330px;
}

.cpt-ttl {
    margin-left: 39px;
    font-size: 23px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 29px;
    letter-spacing: 1.2px;
}

.cpt:first-child .cpt-ttl{
    margin-left: 39px;
    margin-top: 13px;
}

.cpt:nth-child(2n) .cpt-ttl {
    margin-left: 20px;
}

.cpt-ttl2 {
    margin-left: 39px;
    font-size: 18px;
    font-weight:  300;
    letter-spacing:  0.37px;
    margin-top: 12px;
    line-height: 20px;
}

.cpt:nth-child(2n) .cpt-ttl2 {
    margin-left: 20px;
}

.cpt:first-child .cpt-ttl2{
    margin-left: 39px;
    margin-top: 10px;
}

.cpt-list ul {
    list-style:  none;
}

.cpt-list {
    margin-left: 39px;
    margin-top: 12px;
    font-size: 13px;
    font-weight:  100;
    letter-spacing: 0.35px;
    line-height: 16px;
}

.cpt:first-child .cpt-list{
    margin-left: 39px;
    margin-top: 12px;
}

.cpt:nth-child(2n) .cpt-list {
    margin-left: 20px;
}

.cpt-list li {
    margin-bottom: 9px;
}

.cpt-list li:last-child {
    margin-bottom:  0px;
}

.cpt:nth-child(4) .cpt-ttl, .cpt:nth-child(6) .cpt-ttl{
    margin-top: 53px;
}

/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/

.menu-blck div span {
 background:rgba(75,75,75,1)
}

.menu-btn--on div>span:nth-child(1),
.nav-off .menu,
.nav-on .menu-blck div>span:nth-child(1),
.nav-on .menu-blck>div:nth-child(3) div,
.nav-on .menu {
 animation:none!important;
}

.nav-on .menu-btn {
    width: 50px;
}

.menu-blck {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0
}
.menu-blck div {
 width:100%;
 height:1px;
 position:absolute;
 left:0;
 overflow:hidden
}
.menu-blck>div:nth-child(1) {
 top:0
}
.menu-blck>div:nth-child(2) {
 margin:-1px 0 0;
 top:50%
}
.menu-blck>div:nth-child(3) {
 margin:-1px 0 0;
 top:100%
}
.menu-blck div div {
 width:100%;
 height:100%;
 position:relative;
 overflow:hidden
}
.menu-blck div span {
 display:block;
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0
}
.menu-blck div>span:nth-child(2) {
 background:rgba(255,255,255,0)
}


.menu-blck>div:nth-child(1)>span:nth-child(1) {
 animation:fix_button0 2.5s ease-in-out 0s infinite
}
.menu-blck>div:nth-child(2)>span:nth-child(1) {
 animation:fix_button0 2.5s ease-in-out .15s infinite
}
.menu-blck>div:nth-child(3) div>span:nth-child(1) {
 animation:fix_button0 2.5s ease-in-out .3s infinite
}
@keyframes fix_button0 {
 0% {
  left:-100%;
  opacity:0
 }
 1% {
  left:-100%;
  opacity:1
 }
 16%,85% {
  left:0;
  opacity:1
 }
 100% {
  left:100%;
  opacity:1
 }
}
.menu-btn--on .menu-blck>div:nth-child(3) div {
 animation:menu-btn--n0 .25s ease-in-out forwards
}
@keyframes menu-btn--n0 {
 0% {
  left:0
 }
 100% {
  left:25%
 }
}
.menu-btn--off .menu-blck>div:nth-child(3) div {
 animation:menu-btn--off0 .25s ease-in-out forwards
}
@keyframes menu-btn--off0 {
 0% {
  left:25%
 }
 100% {
  left:0
 }
}
.nav-on .menu-blck {
 animation:nav-on0 .25s ease-in-out forwards
}
@keyframes nav-on0 {
 0% {
  width:100%;
  height:100%;
  top:0;
  left:0
 }
 100% {
  width:86%;
  height:86%;
  top:7%;
  left:7%
 }
}

.nav-on .menu-blck>div:nth-child(1) {
 animation:nav-on1 .5s ease-in-out forwards
}
.nav-on .menu-blck>div:nth-child(2) {
 animation:nav-on2 .5s ease-in-out forwards
}
.nav-on .menu-blck>div:nth-child(3) {
 animation:nav-on3 .5s ease-in-out forwards
}
@keyframes nav-on1 {
 0% {
  margin:0;
  top:0;
  transform:rotate(0) translate3d(0,0,0)
 }
 50% {
  margin:-1px 0 0;
  top:50%;
  transform:rotate(0) translate3d(0,0,0)
 }
 100% {
  margin:-1px 0 0;
  top:50%;
  transform:rotate(-45deg) translate3d(0,0,0)
 }
}
@keyframes nav-on2 {
 0%,50% {
  opacity:1
 }
 100%,51% {
  opacity:0
 }
}
@keyframes nav-on3 {
 0% {
  top:100%;
  transform:rotate(0) translate3d(0,0,0)
 }
 50% {
  top:50%;
  transform:rotate(0) translate3d(0,0,0)
 }
 100% {
  top:50%;
  transform:rotate(45deg) translate3d(0,0,0)
 }
}
.nav-on .menu-blck div>span:nth-child(2) {
 animation:nav-on4 .5s ease-in-out forwards
}
@keyframes nav-on4 {
 0%,50% {
  background:rgba(75,75,75,1)
 }
 100% {
  background:rgba(255,255,255,1)
 }
}
.nav-off .menu-blck {
 animation:nav-off0 .25s ease-in-out forwards
}
@keyframes nav-off0 {
 0% {
  width:86%;
  height:86%;
  top:7%;
  left:7%
 }
 100% {
  width:100%;
  height:100%;
  top:0;
  left:0
 }
}
.nav-off .menu-blck>div:nth-child(1) {
 animation:nav-off1 .5s ease-in-out forwards
}
.nav-off .menu-blck>div:nth-child(2) {
 animation:nav-off2 .5s ease-in-out forwards
}
.nav-off .menu-blck>div:nth-child(3) {
 animation:nav-off3 .5s ease-in-out forwards
}
@keyframes nav-off1 {
 0% {
  margin:-1px 0 0;
  top:50%;
  transform:rotate(-45deg) translate3d(0,0,0)
 }
 50%,75% {
  margin:-1px 0 0;
  top:50%;
  transform:rotate(0) translate3d(0,0,0)
 }
 100% {
  margin:0;
  top:0;
  transform:rotate(0) translate3d(0,0,0)
 }
}
@keyframes nav-off2 {
 0%,50% {
  opacity:0
 }
 100%,51% {
  opacity:1
 }
}
@keyframes nav-off3 {
 0% {
  top:50%;
  transform:rotate(45deg) translate3d(0,0,0)
 }
 50%,75% {
  top:50%;
  transform:rotate(0) translate3d(0,0,0)
 }
 100% {
  top:100%;
  transform:rotate(0) translate3d(0,0,0)
 }
}
.nav-off .menu-blck div>span:nth-child(2) {
 animation:nav-off4 .5s ease-in-out forwards
}
@keyframes nav-off4 {
 0%,50% {
  background:rgba(255,255,255,1)
 }
 100% {
  background:rgba(75,75,75,0)
 }
}

/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/

.none {
    display: none;
}

._nav {
 position:fixed;
 overflow:hidden;
 z-index:110
}

._nav,.nav-inner {
 width:100%;
 height:100%;
 top:0;
 left:0
}

.nav-inner {
 position:absolute
}
.nav-left,.nav-right {
 width:0;
 height:100%;
 position:absolute;
 top:0;
 overflow:hidden
}
.nav-left__inner,.nav-right__inner{
 width:100%;
 height:100%;
 top:0;
 left:0;
 position:absolute;
}
.nav-left {
 z-index:113
}

.nav-left__inner {
    background: #123e80; /* Old browsers */
    background: -moz-linear-gradient(-47deg, #123e80 0%, #002863 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-47deg, #123e80 0%,#002863 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(133deg, #123e80 0%,#002863 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123e80', endColorstr='#002863',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.nav-left__inner:before, .nav-left__inner:after {
    background-color: rgba(255,255,255,0.3);
    content: '';
    display: block;
    height: 0px;
    width: 1px;
    top: 154px;
    right: 489px;
    position: absolute;
    
}

.nav-left__inner:before {
    transition: height 0s;
}

.nav-left__inner:after {
    height: 0px;
    /* top: 518px; */
    top: 439px;
    transition: height 0.3s, top 0.3s;
}

.nav-left__inner:hover .nav-row {
    transition: opacity 0.3s;
    opacity: 0.8;
}

.nav-left__inner:hover .nav-row:hover {
    transition: opacity 0.3s;
    opacity: 1;
}

.nav-left__inner:hover:before {
    height: 285px;
    height: 364px;
    transition: height 0.3s;
}

.nav-left__inner:hover:after {
    transition: height 0s, top 0s;
    /* height:  364px; */
    height: 285px;
    top: 154px;
    background-color: transparent;
}



.nav-list {
    float:  right;
    width: 431px;
    margin-top: 66px;
    padding-left: 58px;
    position: relative;
    overflow: hidden;
}


.nav-year {
    position: absolute;
    transform: rotate(-90deg);
    left: -74px;
    bottom: 246px;
    color: #fff;
    opacity:  0.8;
    font-size: 12px;
    letter-spacing: 0.8px;
}

.nav-right__inner {
    background:rgba(0,0,0,0.6);
}

.nav-logo {
 display:block;
 width:66px;
 height:15px;
 position:absolute;
 top:42px;
 left:50px;
 overflow:hidden
}
.nav-logo img {
 width:5000%;
 position:absolute;
 top:0;
 left:0
}
.nav-copyright,.nav-menu {
 width:auto;
 bottom:50px;
 position:absolute
}
.nav-off .nav-logo img {
 left:-4900%
}
.nav-copyright {
 left:50px
}
.nav-menu {
 display:block;
 left:150px
}


.nav-project {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0
}

.nav-block {
 display:inline-block;
 width:auto;
 max-width:60%
}
.nav-row {
 display:block;
 width:100%;
 padding:10px 0;
 text-align:left;
 height: 61px;
}
.nav-row
.nav-link {
 width:auto;
 position:relative;
 overflow:hidden;
 text-transform: uppercase;
 display: block;
 opacity:0;
}
.nav-link span {
 font-size:16px;
 line-height:24px;
 letter-spacing: 1.3px;
 font-style:normal;
 color:rgba(255,255,255,1);
 overflow:hidden;
}

.nav-sml {
 font-size: 10px;
 line-height: 21px;
 letter-spacing: 1.5px;
 font-style:normal;
 color: #fff;
 display: block;
 text-transform:  uppercase;
 opacity:0;
}

.nav-row:hover {
    opacity: 1;
    padding: 10px 0;
}
.nav-on .nav-left {
 left:0
}
.nav-on .nav-right {
 left:50%;
}
.nav-on .nav-left_inner,.nav-on .nav-right_inner {
 left:0
}
.nav-off .nav-left {
 right:50%
}
.nav-off .nav-left_inner,.nav-off .nav-right,.nav-off .nav-right_inner {
 right:0
}

.nav-btm {
    position: absolute;
    bottom:  0;
    right:  0;
    width: 600px;
    height: 55px;
}

.nav-cntct a {
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.7px;
    padding-right: 11px;
}

.nav-cntct {
    margin-left: 43px;
    width: 394px;
    vertical-align:  top;
    display:  inline-block;
}

.nav-conf {
    width: 130px;
    display:  inline-block;
    vertical-align:  top;
}

.nav-conf a {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    letter-spacing: 0.8px;
}

.nav-on .nav-left,.nav-on .nav-right {
 animation:nav-on0 .5s ease-in-out forwards
}
@media (max-width:768px) {
 .nav-on .nav-left,.nav-on .nav-right {
  animation:nav-on01 .5s ease-in-out forwards
 }
}
@keyframes nav-on0 {
 0% {
  width:0
 }
 100% {
  width:50%
 }
}
@keyframes nav-on01 {
 0% {
  width:0
 }
 100% {
  width:100%
 }
}

.nav-off .nav-left,.nav-off .nav-right {
 animation:menu_off0 .5s ease-in-out forwards
}
@media (max-width:768px) {
 .nav-off .nav-left,.nav-off .nav-right {
  animation:menu_off01 .5s ease-in-out forwards
 }
}
@keyframes menu_off0 {
 0% {
  width:50%
 }
 100% {
  width:0
 }
}
@keyframes menu_off01 {
 0% {
  width:100%
 }
 100% {
  width:0
 }
}


.nav-on .nav-sml, .nav-on .nav-link {
    animation: nav-link-on1 .75s ease-in-out .25s forwards;
}
@keyframes nav-link-on1 {
 0% {
  opacity:0;
  transform:translateY(75%) rotateX(-90deg)
 }
 100% {
  opacity:1;
  transform:translateY(0) rotateX(0)
 }
}


/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/


.cnt-phn span, .cnt-email span, .cnt-addr__p1 span,
.cnt-addr__p2 span, .cnt-addr__p3 a {
    position:  relative;
    z-index:  4;
}

.cnt-phn, .cnt-email, .cnt-addr__p1, .cnt-addr__p2, .cnt-addr__p3 {
    position: relative;
    z-index:  1;
} 

.cnt-phn:after,
.cnt-email:after,
.cnt-addr__p1:after, 
.cnt-addr__p2:after, 
.cnt-addr__p3:after {
    z-index:  3;
    transition: width 0.3s, opacity 0s ease 0.3s, visibility 0s ease 0.3s;
}

.cnt-phn:before,
.cnt-email:before,
.cnt-addr__p1:before, 
.cnt-addr__p2:before, 
.cnt-addr__p3:before {
    z-index:  3;
    transition: left 0.3s, width 0.3s, opacity 0s ease 0.3s, visibility 0s ease 0.3s;
}

.cnt-l:hover .cnt-phn:before,
.cnt-l:hover .cnt-email:before,
.cnt-l:hover .cnt-addr__p1:before, 
.cnt-l:hover .cnt-addr__p2:before, 
.cnt-l:hover .cnt-addr__p3:before {
    left: -14px;
    opacity: 1;
    visibility: visible;
    transition: left 0s, width 0s, opacity 0s ease 0.3s, visibility 0s ease 0.3s;
}

.scrl-sec--f .cnt-phn:after {
    position:  absolute;
    left: -14px;
    top: -7px;
    width: 0;
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 39px;
}

.scrl-sec--f .cnt-email:after {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 0;
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 39px;
}

.cnt-addr__p1:after {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 0;
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 53px;
}

.cnt-addr__p2:after {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 0;
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 34px;
}

.cnt-addr__p3:after {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 0;
    background-color: rgba(255,255,255,0.6);
    content: '';
    height: 39px;
}

.scrl-sec--f .cnt-phn:before {
    position:  absolute;
    left: -14px;
    top: -7px;
    width: 255px;
    content: '';
    background-color: rgba(255,255,255,0.6);
    height: 39px;
    opacity: 0;
    visibility: hidden;
}

.scrl-sec--f .cnt-email:before {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 147px;
    content: '';
    background-color: rgba(255,255,255,0.6);
    height: 39px;
    opacity: 0;
    visibility: hidden;
}

.cnt-addr__p1:before {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 324px;
    content: '';
    background-color: rgba(255,255,255,0.6);
    height: 53px;
    opacity: 0;
    visibility: hidden;
}

.cnt-addr__p2:before {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 405px;
    content: '';
    background-color: rgba(255,255,255,0.6);
    height: 34px;
    opacity: 0;
    visibility: hidden;
}

.cnt-addr__p3:before {
    position:  absolute;
    left: -14px;
    top: -4px;
    width: 139px;
    content: '';
    background-color: rgba(255,255,255,0.6);
    height: 39px;
    opacity: 0;
    visibility: hidden;
}



.cnt-l:hover .cnt-phn:after {
    width: 255px;
    opacity: 0;
    visibility: hidden;
}
.cnt-l:hover .cnt-email:after {
    width: 147px;
    opacity: 0;
    visibility: hidden;
}
.cnt-l:hover .cnt-addr__p1:after {
    width: 324px;
    opacity: 0;
    visibility: hidden;
}
.cnt-l:hover .cnt-addr__p2:after {
    width: 405px;
    opacity: 0;
    visibility: hidden;
}
.cnt-l:hover .cnt-addr__p3:after {
    width: 139px;
    opacity: 0;
    visibility: hidden;
}

.cnt-l:hover .cnt-phn:before {
    width: 255px;
}
.cnt-l:hover .cnt-email:before {
    width: 147px;
}
.cnt-l:hover .cnt-addr__p1:before {
    width: 324px;
}
.cnt-l:hover .cnt-addr__p2:before {
    width: 405px;
}
.cnt-l:hover .cnt-addr__p3:before {
    width: 139px;
}

.cnt-l .cnt-phn:before {
    left: 241px;
    width: 0;
}
.cnt-l .cnt-email:before {
    left: 133px;
    width: 0;
}
.cnt-l .cnt-addr__p1:before {
    left: 310px;
    width: 0;
}
.cnt-l .cnt-addr__p2:before {
    left: 391px;
    width: 0;
}
.cnt-l .cnt-addr__p3:before {
    left: 125px;
    width: 0;
}