@import url(https://use.fontawesome.com/releases/v5.14.0/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:900%2C400&display=swap);

@font-face {
    font-family: 'Myriad Pro';
    src: local('Myriad Pro Regular'), local('Myriad-Pro-Regular'),
        url('/css/fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('/css/fonts/MyriadPro-Regular.woff') format('woff'),
        url('/css/fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'FreeSetExtraBoldC';
    src: url('/css/fonts/FreeSetExtraBoldC/FreeSetExtraBoldC.eot');
    src: url('/css/fonts/FreeSetExtraBoldC/FreeSetExtraBoldC.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/FreeSetExtraBoldC/FreeSetExtraBoldC.woff2') format('woff2'),
        url('/css/fonts/FreeSetExtraBoldC/FreeSetExtraBoldC.woff') format('woff'),
        url('/css/fonts/FreeSetExtraBoldC/FreeSetExtraBoldC.ttf') format('truetype'),
        url(/css/fonts/FreeSetExtraBoldC/'FreeSetExtraBoldC.svg#FreeSetExtraBoldC') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html, body {margin: 0;padding: 0;height: 100%;font-family: 'Myriad Pro';}
input, select {margin: 0;padding: 0;font-family: 'Myriad Pro';}

A {color: white !important;}

.topline {height: 80px; width: 100%; position:fixed; z-index: 10; top:0px; background-color: #00487c;}
.scrolled {display: block !important;}

.logo {display: block; position:fixed; z-index: 11; top:100px; left:40px; max-width: 140px; height: auto;}
.logoscrolled {top:10px;left:40px;}
.logoscrolled2 {top:8px;left:40px;}

.container-fluid, .row {padding:0  !important; margin:0  !important;}
.fullscreen-video-container {width: 100%; height: 100%; z-index: 5; top:62px;}
video {position: absolute;top: 62px;left: 0;height: 100%;width: 100%;object-fit: cover;}
video::-webkit-media-controls {display: none;}

.second-page-top-bg {width: 100%; height: 600px; z-index: 5; top:62px; background-repeat: no-repeat; background-size: cover; border: 0px solid red; }
.second-page-top-bg-opacity {width: 100%; height: 100%; background-color:#00487c; opacity:0.4; z-index:1; background-image: linear-gradient(to bottom, #00487c, white);}


.top-lnk1 {text-decoration: none; font-size: 20px; font-weight: 500; padding: 0 0 0 28px;}
.top-lnk1 I {padding: 10px 0 0 0;}
.top-lnk1 EM {font-style: normal;}
.top-block1 {padding:18px 15px 15px 40px; text-align:left;}
.top-block2 {padding:15px 100px 15px 0 !important; text-align:right;}
.top-lang {position: absolute; right: 50px; top: 20px;}



.iblocks {position:relative; top:0px; z-index:5; background-color: white;}
.ititle1 {font-family:'FreeSetExtraBoldC', 'Roboto'; font-size:80px !important; font-weight:bold; color:white; padding:20% 0 0 11% !important; line-height: 90px !important;}
.iorg {color:white; padding:34% 0 0 0 !important;}
.iorg img {height:37px;}
.iorg .img1 {padding:20px 40px 0px 0}
.iorg .img2 {}
.iorg .tit {display: block;}
.iorg .newblock {position:absolute; bottom:10px;}
.img2 IMG {width:100px; position:absolute; display:block; bottom:58px; right:50px;}

.kab, .mag {  margin:0 -55px 0 70px !important;}
.kab {margin:0 -55px 0 40px !important;}
.kab A, .mag A { text-decoration: underline !important; font-weight:normal; text-transform:none;}
.mag {border:0px solid white !important;}
.mag A {color: white !important;}
.kab:hover, .mag:hover  {text-decoration: none !important;}

.owl-carousel {margin:0px 0 0px 0;}
.owl-carousel DIV {text-align: center;}
.owl-carousel IMG {max-width: 258px; display: block; margin:0 auto;}
.owl-carousel A {color: black !important; text-decoration: none;}
.owl-carousel .item:hover {opacity: 0.7;}
.owl-carousel DIV .item {
  margin: 10px auto;
  padding: 1em;
  box-shadow:
   0 1px 4px rgba(0, 0, 0, .2),
   -23px 0 20px -23px rgba(0, 0, 0, .2),
   23px 0 20px -23px rgba(0, 0, 0, .2)}

#owl-carousel-iban2 DIV .item {box-shadow: none !important;}
#owl-carousel-iban2 IMG {padding: 0 0 15px 0; filter: grayscale(100%);}
#owl-carousel-iban2 IMG:hover {filter: grayscale(0);}
#owl-carousel-iban2 .item:hover {opacity: 1; }

#owl-carousel-iban1 .item {font-size: 14px;}

.iban1 DIV {padding: 0 !important;}
.iban1 IMG {max-width: 100% !important;}
.iban1 IMG:hover {opacity:0.7 !important;}
.iban1_mob {display: none;}


.itit1, H1 {text-align: left; font-size: 50px; color: #00487c; padding: 80px 0 0 38px !important; margin:40px 0 40px 0; text-transform: uppercase;font-weight: normal;}
.itit2, .itit2 A {text-align: left; font-size: 50px;  margin:0px 0 -40px 0; padding: 80px 0 0 38px !important; display: block; color: #00487c !important; }

/*H1 {color: #00487c !important; text-decoration: none;border-bottom: 2px solid #00ade9 !important; padding: 40px 0 8px 0 !important; text-transform: uppercase;}*/

.itit1 SPAN A, .itit2 SPAN A {color: #00487c !important; text-decoration: none;}
/*.iban1 .itit1, .itg .itit1 {padding:0 0 0px 38px !important;}*/
.itit1 SPAN, .itit2 SPAN, H1 {border-bottom: 2px solid #00ade9 !important; padding-bottom: 8px !important; margin-right: 40px !important; display: block;}


.inews .item SPAN {display: block !important; padding: 10px 0; color: #808080;}
.inews .item STRONG {font-weight: normal; font-size: 16px;}
#owl-carousel-inews DIV.item {height: 290px !important;}
#owl-carousel-inews DIV.item IMG {height: 190px !important; position: relative;
   overflow:hidden;}
    #owl-carousel-inews DIV.item IMG {position: absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width:280px;
   height:150px;
   object-fit:cover; margin: 35px 0 0 0;}



.bottom {color: white;}
.bottom IMG {height:35px; padding: 0 0px 40px 0; display: block;}
.bottom DIV DIV {padding: 60px 50px 0px 40px; text-align: right;}
.bottom P {line-height: 25px;}
.bottom STRONG {font-weight: normal; font-size: 28px;}
.bottom SVG {padding: 0px 0px 0px 0px;}
SVG:hover {opacity:0.8;}

.bimg1 {width:186px !important; height:331px !important; position:absolute; display:block; bottom:0; left:50px; padding: 0 !important;}

.itg {padding-bottom: 10px !important;}



.top-slider-info    {margin-top:16em;}
.top-slider-info .container    {height: 100%; position: relative;}
.counter-block    {position: relative; z-index: 25; width: 100%; height: 127px; background: #00487c; border-radius: 4px; overflow: hidden;font-family: 'Myriad Pro'; opacity: 0.9;}
.counter-block .clockface    {height: 84px; background: #FFFFFF; color: #4095E2; font-size: 48px; line-height: 84px; text-align: center;}
.counter-block .clockface > span    {display: inline-block;}
.counter-block .clockface > span:after    {display: block; content: ''; clear: both;}
.counter-block .clockface .num:before, .counter-block .clockface .num:after    {content: ''; display: block; position: absolute; top:0; width: 1px; height: 100%; background: linear-gradient(to bottom, rgba(125,125,125,0), rgba(125,125,125,0.5), rgba(125,125,125,0));}
.counter-block .clockface .num:before    {left: 0;}
.counter-block .clockface .num:after    {right: 0; display: none;}
.counter-block .clockface .num:last-of-type:after    {display: block;}
.counter-block .clockface .num    {position: relative; display: block; float: left; width: 0.8em; height: 100%; text-align: center; font-weight: bolder;}
.counter-block .clockface small    {padding: 0 0.2em; vertical-align: text-top; line-height: 48px;font-size: 29px;text-transform: uppercase;}
.counter-block .clockface .preword    {display:inline-block;height: 100%;float:left;padding:0 0.2em;line-height:inherit;font-size: 18px;text-align: left;vertical-align: baseline;text-transform: uppercase;}
.counter-block .clockface .hright    {display:inline-block;height: 100%;padding:0 0.2em;line-height: 20px;font-size: 18px;text-align: left;vertical-align: baseline;text-transform: uppercase;}
.counter-block .clockface .hright.fs32    {font-size: 32px;line-height:22px;}
.clocktitle {color: white !important; padding: 10px 0 0 0; font-size: 20px;}
.counter-block p    {color: #222222; margin-top: 10px; text-align: center; text-transform: uppercase; size: 17px;}
.top-slider-row-btn    {position: relative; z-index: 10;}
.countdown {padding:0 !important; margin:-4% 32% 0 0;}


.news IMG {max-width: 100%; height: 250px; display: block;}
.news A {color: black !important; text-decoration: none; line-height: 20px;}
.news .item {width: 100%;  padding: 0 0 0px 0; margin: 0 0 40px 0;  box-shadow:
       0 1px 4px rgba(0, 0, 0, .2),
       -23px 0 20px -23px rgba(0, 0, 0, .2),
       23px 0 20px -23px rgba(0, 0, 0, .2) !important;}
.news .img {width: 100%; height: 300px; background-size: contain; background-repeat: no-repeat;}
.news .img:hover {opacity: 0.6}
.news STRONG {display: block; padding: 10px 0 10px 10px; font-weight: normal; font-size: 18px;}
.news EM {display: block; position: absolute; bottom: 4px; padding: 0 0 0 10px; font-style: normal; font-size: 16px; color: #808080;}
.news .txt {height: 100px; position: relative;}

.stat_content {padding: 40px 40px 0 40px !important; text-align: justify;}
.stat_content IMG {max-width: 100% !important; height: auto !important; border-radius: 4px;}
.stat_content P {font-size: 18px; color: #303133;}
/*.stat_content STRONG {font-size: 20px;}*/
.stat_content P.h2 {font-size: 28px; font-weight: bold;}
.stat_content P.block1 {padding: 0 0 0 40px; border-left: 3px solid #00487c; color: gray; font-size: 18px;}
.stat_content P.img-text1 {font-size: 14px; margin:-15px 0 0 0;}
.stat_content .date {color:#00487c !important; font-weight: bold;}
.stat_content A {color:#00487c !important;}
.stat_content H1 {text-align: left; font-size: 50px; color: #00487c; padding: 0 !important; margin:40px 0 40px 0; font-weight: normal;}
.stat_content LI {padding: 0 0 10px 0;}
.itit2, .itit2 A {text-align: left; font-size: 50px;  margin:0px 0 -40px 0; padding: 80px 0 0 38px !important; display: block; color: #00487c !important;}

.more-news {padding: 40px 0 0 0;}
.more-news .title {font-size: 32px; color: #00487c; padding: 0 0 20px 0;}
.more-news .item {border-bottom: 1px solid #e0e1e1; border-left: 3px solid white; padding: 10px 0 10px 10px !important; display: block;}
.more-news .active, .more-news .item:hover {border-left: 3px solid #00487c;}
.more-news  A {color: #303133 !important; text-decoration: none; font-weight: bold; font-size: 18px;}
.more-news .item EM {font-style: normal; font-weight: normal; display: block; padding: 10px 0 0 0; font-size: 16px; color: #808080;}
.more-news .btn1, .new .btn1 {background-color: #00487c; padding: 10px; border-radius: 10px; color: white !important; font-weight: normal; display: block; margin:20px 0 0 10px; width: 100px; text-decoration: none; text-align: center;}
.new .btn1 {margin:20px 0 0 0;}
.more-news .btn1:hover, .new .btn1:hover, .more-news .btn1.act {opacity: 0.8;}
.mobile {display: none;}
.copy {background-color:#00487c; border-top:1px solid white; text-align:center}
.copy DIV {text-align:center !important; padding:20px 0 10px 0 !important;}

/*xxxl*/
@media (max-width: 1700px)
{
    .owl-carousel DIV.item {min-height: 170px;}
    #owl-carousel-inews DIV.item {height: 300px !important;}
}


@media (max-width: 1500px)
{
    .kab, .mag {margin:0px !important; border:0 !important; border-radius:0;}
    .kab {margin:0px !important; border-top:1px solid rgba(120, 120, 120, 0.5) !important;}
}


/*xxl*/
@media (max-width: 1400px)
{
    .bottom STRONG {font-weight: normal; font-size: 24px;}
    .iban1 {display: none !important;}
    .iban1_mob {display: block;}
    .owl-carousel {margin:0px 0 0px 0; position: relative}


}


/*xl*/
@media (max-width: 1200px)
{
    .bottom STRONG {font-weight: normal; font-size: 24px;}

    .itit1 , .itit2 {font-size: 40px;}


    .ititle1 {font-size:75px  !important; padding:25% 0 0 4% !important; line-height: 80px !important;}
    .iorg {padding: 0px 0 0 20px !important;}
    .iorg img {height:35px;}
    .iorg .tit {margin:10% 0 -10px 0;}
    .iorg .newblock {position:relative; bottom:10px;}
}


/*lg*/
@media (max-width: 992px)
{
    .top-block1 {padding:10px 15px 0px 10px;}
    .top-block2 {padding:15px 100px 15px 0 !important;}
    .top-lnk1 {line-height: 20px; font-size: 14px; padding: 0;}
    .top-lnk1 SPAN {display: none;}
    .top-lnk1 EM {display: block;}
    .ititle1 {font-size:75px  !important; padding:25% 0 0 4% !important; line-height: 80px !important;}
    .iorg {padding: 0px 0 0 20px !important;}
    .iorg img {height:35px;}
    .iorg .tit {margin:10% 0 -10px 0;}
    .logo {top:75px; left:40px; max-width: 100px;}
    .logoscrolled {top:10px;left:17px;}
    .logoscrolled2 {top:2px;left:17px;}
    .img2 IMG {right:0;}
    .topline {height: 67px;}
    .bottom IMG {height:30px; }




}


/*md*/
@media (max-width: 768px)
{
    #owl-carousel-iban2 DIV .item {
      box-shadow:
       0 1px 4px rgba(0, 0, 0, .2),
       -23px 0 20px -23px rgba(0, 0, 0, .2),
       23px 0 20px -23px rgba(0, 0, 0, .2) !important;
    }

    .ititle1 {font-size:45px !important; padding:25% 0 0 10% !important; line-height: 45px !important;}


    .bimg1 {display: none !important;}
    .bottom DIV DIV {padding: 40px 0px 0px 0px; text-align: center;}
    .bottom IMG {display: none !important; height:45px; padding: 0 0px 20px 0; display: block; margin: 0 auto;}



    .second-page-top-bg {width: 100%; height: 300px;}
    .stat_content {padding: 0 10px 0 10px !important;}
    .stat_content P, .stat_content STRONG {font-size: 16px;}
    .stat_content P.img-text1 {font-size: 13px; margin:-15px 0 0 0;}
    .stat_content P.block1 {font-size: 16px;}
    .stat_content H1, .new H1 {font-size: 32px; padding: 0 !important; margin:40px 0 40px 0 !important; display: block; text-align: center;}

    .more-news .title {font-size: 32px; color: #00487c; padding: 40px 0 20px 0;}


    .news STRONG {font-size: 18px;}

    .top-lang {right: 18px;}
    .top-block2 {padding:15px 60px 15px 0 !important;}

    .itit1 SPAN, .itit2 SPAN {border-bottom: 2px solid #00ade9 !important; padding-bottom: 8px !important; margin: 0px 10px 0 10px !important; display: block;}

    .nomobile {display: none;}
    .mobile {display: block;}

    .copy {margin: 60px 0 0 0 !important;}
    .copy DIV { padding:40px 0 10px 0 !important;}
}




/*sm*/
@media (max-width: 576px)
{
    .owl-carousel { margin:40px 0;}
    #owl-carousel-inews DIV.item {height: 240px !important; position: relative;
   overflow:hidden;}
    #owl-carousel-inews DIV.item IMG {position: absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
   width:280px;
   height:150px;
   object-fit:cover; margin: 35px 0 0 0;}
    #owl-carousel-inews DIV.item SPAN {padding: 0px 0 2px 0; display: block;}
    #owl-carousel-inews DIV.item STRONG {font-size: 14px;}

    .itit1 , .itit2 {font-size: 30px !important; margin: 0 !important; padding: 20px 0 0 0 !important; text-align: center !important;}
    .iban1 .itit1, .itg .itit1 {padding:0 0 80px 0px !important;}
    .iorg img {height:30px;}
    .iorg .img2 {}
    .itg {padding-bottom: 50px !important;}
    .ispon {padding-top:100px !important}

    .stat_content P.block1 {padding: 0 0 0 20px; }
    .stat_content P.h2 {font-size: 22px;}
}




















.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    font-family: Verdana, sans-serif;
    color: #FFF;
    background: #337AB7;
    padding: 10px 20px;
    border-top: 4px solid #BFE2FF;
}
/* Оформление кнопок */
.cookie_btn {
    display: inline-block;
    margin: 10px 6px 4px 6px;
    text-decoration: none;
    position: relative;
    font-size: 13px;
    padding: 4px 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: #337AB7;
    border: 2px solid #BFE2FF;
}
.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}