header {padding-left: 66px;position: fixed; width: 100%; z-index: 21; }
header .main-header {position: absolute;width:100%;background-color: #ffffff;padding: 22px 40px 0 24px;border-radius: 50px 0px 0px 50px; color: #646C7C;}
header .main-header.home {background-color: rgba(0, 47, 120, 0.7); color: #fff;}
header .main-header.header-shadow {box-shadow: 3px 3px 6px #000000B3;}
header .main-header .logo {width: 245px; height: 50px;margin-bottom:22px; display: inline-block; overflow: hidden; }
header .main-header .logo img {width: 100%; height: 100%; }
header .main-header .main-menu {padding: 0; margin: 0;list-style-type: none;}
header .main-header .main-menu a {color: #646C7C;}
header .main-header .main-menu a.home-link {line-height:18px}
header .main-header .main-menu a.home-link path {fill: #646C7C;}

header .main-header.home .main-menu a {color: #fff;}
header .main-header.home .main-menu a.home-link path {fill: #fff;}

header .main-header .main-menu a.home-link:hover {background-color: transparent;}
header .main-header .main-menu a.home-link:hover path {fill: #F27D11;}

header .main-header .main-menu > li {float: left;}
header .main-header .main-menu > li > a {padding: 20px;display: inline-block; transition: background-color 0.2s;}
header .main-header .main-menu > li:hover > a {background-color: #F27D11;color: #fff;}
header .main-header .main-menu > li > ul {display: none;position: absolute;padding:0;list-style-type: none;border:10px solid #F27D11; background-color: #002F78;width: 1070px;left: 50%;transform: translate(-50%,0);}
header .main-header .main-menu > li:hover > ul {display: block;}
header .main-header .main-menu > li > ul .menu-image {width: 300px;min-height: 285px;height: 100%;}
header .main-header .main-menu > li > ul .menu-text {background-color: #fff; height: 100%;padding: 25px 30px;}
header .main-header .main-menu > li > ul .menu-text .title {color:#002F78; font-size: 28px; font-weight: bold;line-height: 22px; margin-bottom: 15px;}
header .main-header .main-menu > li > ul .menu-text .text {color:#646C7C; font-size: 16px; line-height: 22px;}
header .main-header .main-menu > li > ul .submenu {padding: 60px 40px 40px;}
header .main-header .main-menu > li > ul .submenu a {color:#fff; }
header .main-header .main-menu > li > ul .submenu a:hover {color:#F27D11; }


header .main-header .lang-switch {list-style-type: none;margin: 0; padding: 20px;}
header .main-header .lang-switch > li {float: left;}
header .main-header .lang-switch > li > a {display: inline-block; font-weight:500; font-size:14px; color: #646C7C; text-transform: uppercase;padding-right: 10px;border-right: 2px solid #646C7C;margin-right: 10px;}
header .main-header .lang-switch > li.current-lang > a {color: #002F78;}
header .main-header.home .lang-switch > li > a {color: #fff;font-weight: 400;border-color: #fff;}
header .main-header.home .lang-switch > li.current-lang > a {font-weight: 900;}
header .main-header .lang-switch > li:last-child > a {padding-right: 0; border-right: 0; margin-right: 0; }
header .main-header .lang-switch > li:nth-last-child(2) > a { border-right: 0; }
header .main-header .lang-switch > li.link-icons > a { border-right: 0; margin-right: 0; }
header .main-header .lang-switch > li.link-icons svg .icon-stroke {stroke: #646C7C; }
header .main-header.home .lang-switch > li.link-icons svg .icon-stroke {stroke: #fff; }



.menu-icon {width: 30px; position: relative; cursor: pointer; height: 30px;}
.menu-icon span {border-bottom: 2px solid #000; display: inline-block; width: 100%; float: left; position: absolute; left: 0; }
.main-header.home .menu-icon span {border-bottom: 2px solid #fff; }
.menu-icon span:nth-child(1) {top: 2px;
    -webkit-transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    -moz-transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    -o-transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
}
.menu-icon span:nth-child(2) {top: 14px;
    -webkit-transition: opacity 0s ease-in-out .2s;
    -moz-transition: opacity 0s ease-in-out .2s;
    -o-transition: opacity 0s ease-in-out .2s;
    transition: opacity 0s ease-in-out .2s;
}
.menu-icon span:nth-child(3) {top: 26px;
    -webkit-transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    -moz-transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    -o-transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
    transition: transform .2s ease-in-out, top .2s ease-in-out .2s;
}

.active-mobile-menu .menu-icon span:nth-child(1) {top: 14px;
    -webkit-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    -moz-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    -o-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    transition: top .2s ease-in-out, transform .2s ease-in-out .2s;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.active-mobile-menu .menu-icon span:nth-child(1) {top: 14px;
    -webkit-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    -moz-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    -o-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    transition: top .2s ease-in-out, transform .2s ease-in-out .2s;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.active-mobile-menu .menu-icon span:nth-child(2) {opacity: 0;
    -webkit-transition: opacity 0s ease-in-out .2s;
    -moz-transition: opacity 0s ease-in-out .2s;
    -o-transition: opacity 0s ease-in-out .2s;
    transition: opacity 0s ease-in-out .2s;
}
.active-mobile-menu .menu-icon span:nth-child(3) {top: 14px;
    -webkit-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    -moz-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    -o-transition: top .2s ease-in-out, transform .2s ease-in-out .2s;
    transition: top .2s ease-in-out, transform .2s ease-in-out .2s;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-main-menu {display: none;list-style-type: none;}
.active-mobile-menu .mobile-main-menu {display: block}
.mobile-main-menu > li {}
.mobile-main-menu > li > a {color:#002F78; font-size: 28px; font-weight: bold;display:block; line-height: 22px; margin-top: 15px;}
.main-header.home .mobile-main-menu > li > a {color: #fff;}
.mobile-main-menu > li > ul {list-style-type: none; padding: 10px 20px;}
.mobile-main-menu > li > ul a {color:#002F78; }
.main-header.home .mobile-main-menu > li > ul a {color: #fff;}

header .main-header.home {transition: background-color 0.4s;}
header .main-header.home.active-mobile-menu {background-color: rgba(0, 47, 120, 1);}


.main-title {min-height:162px; z-index:20; width: 100%;padding:107px 97px 8px; color:#fff; background: transparent linear-gradient(267deg, rgba(242, 125, 17,0.71) 0%, rgba(0, 47, 120,0.71) 100%) 0 0 no-repeat padding-box;}
.main-title .breadcrumb-title {font-size: 18px;font-weight: 400;display: inline-block;text-transform: uppercase;    line-height: 47px;}
.main-title .breadcrumb-title span { font-size: 36px; font-weight: 100; text-transform: none; margin-right: 30px; padding-right: 30px; border-right:1px solid #fff; height: 41px; line-height: 41px; float: left; }
.main-title .share-container { line-height: 38px; }
.main-title .share-icons {margin-left: 15px; padding-left: 20px;   border-left: 1px solid #fff;  float: right; }
.main-title .share-icons a {color: #fff; display: inline-block; border: 2px solid #fff; width: 33px; height: 33px;margin:3px;line-height: 30px; text-align: center; border-radius: 50%; transition: all 0.4s; }
.main-title .share-icons a:hover {color: #F27D11; background-color: #fff;  }

.social-menu {list-style-type: none;padding: 0 !important; margin:0;}
.social-menu li {float: left;}
.social-menu a {color: #fff; display: inline-block; border: 2px solid #fff; width: 33px; height: 33px;margin:3px;line-height: 30px; text-align: center; border-radius: 50%; transition: all 0.4s; }
.social-menu a:hover {color: #F27D11; background-color: #fff;  }

.main-image {height: 530px; border-radius: 0 0 250px;z-index: 1;}

footer {}
footer .main-footer {position: relative;color: #FFFFFF;background-color: #646C7C;padding-top: 65px;padding-bottom: 65px;}
footer .main-footer:before {top:-300px; pointer-events:none; right:0; width: 300px; height: 300px; content: ''; display: inline-block; position: absolute; border-radius: 50%; box-shadow: 150px 150px 0 0 #646C7C;}
footer .main-footer a {color: #FFFFFF;}
footer .main-footer .footer-title h4 {font-weight: 500;font-size: 20px; line-height: 28px;margin-bottom: 20px;}
footer .main-footer .footer-widget {font-size: 16px; line-height: 28px;margin-bottom: 30px;}
footer .main-footer .footer-widget ul {list-style-type: none;padding-left: 30px;}

footer .copyright {background-color: #fff;padding: 30px; position: relative; z-index: 20; }
footer .copyright .logo {width: 175px;}
footer .copyright .menu {list-style-type: none;margin: 0; padding: 0;}
footer .copyright .menu > li {float: left;}
footer .copyright .menu > li > a {display: inline-block; color: #646C7C; padding-right: 15px; border-right: 2px solid #646C7C; margin-right: 15px; }
footer .copyright .menu > li:last-child > a {padding-right: 0; border-right: 0; margin-right: 0; }
footer .copyright .menu > li ul { display: none; }
footer .copyright p {margin: 0;}

.bez-box-title {margin-top: -250px; padding-top: 250px;background-color: #E2E2D9;  position: relative; }
.bez-box-title:before {bottom:-300px;width: 300px; height: 300px; content: ''; display: inline-block; position: absolute; border-radius: 50%; box-shadow: -150px -150px 0 0 #e2e2d9;}
.bez-box-title h1 {color: #002F78; font-size: 64px; font-weight: 300; line-height: 85px;}
.bez-box-title .paging-totals {font-size: 24px; line-height: 29px;font-weight: 300;color:#212721;padding-bottom: 29px;padding-top: 58px;}

.simple-title h1 {color: #002F78; font-size: 64px; font-weight: 300; line-height: 85px;}

.cert-box { transition: background-color 0.4s; padding-top: 45px; }
.cert-box:hover {background-color: #F0F2F5;}
.cert-box .cert-badge { padding: 1px 3px 3px; float: left; background-color: #4018A7;display: inline-block; min-width: 160px;font-size:12px;color:#fff;}
.cert-box .cert-title {font-weight: bold; padding-top: 6px; color:#212721;display: inline-block; margin-left: 15px;transition: color 0.4s;}
.cert-box:hover .cert-title {color: #F27D11;}

.member-box {margin-bottom: 55px; display: block;}
.member-box .image {height:275px;background-position: center; background-size: cover;}
.member-box .image img {transition: transform 0.4s;}
a.member-box:hover .image img {transform: scale(1.1);}
.member-box .name {color: #002F78;font-size: 21px;line-height: 24px;font-weight: bold;}
.member-box .title {color: #646C7C; font-size: 16px; line-height: 24px;}
.member-box .links a {width: 43px;height: 43px;border: 1px solid #646C7C;color:#646C7C;border-radius: 50%;text-align: center; line-height: 43px;display: inline-block;font-size: 23px; transition: all 0.4s;}
.member-box .links a:hover {color:#ffffff;background-color:#646C7C;}

a.linkedin {width: 43px;height: 43px;border: 1px solid #646C7C;color:#646C7C;border-radius: 50%;text-align: center; line-height: 43px;display: inline-block;font-size: 23px; transition: all 0.4s;}
a.linkedin:hover {color:#ffffff;background-color:#646C7C;}

.map-box {}
.map-box .image {padding-bottom: 35px;}
.map-box .image img {width: 100%;}
.map-box .title {color: #002F78;font-size: 24px; font-weight: bold; }
.map-box .description {margin-top: 15px;color: #646C7C;font-size: 14px;}

.map-side {position: absolute; z-index: 1; border-radius: 0 25px 0 0; transition: transform 0.4s;  background-color: #002F78; color:#fff;bottom: 10px; left:0; transform: translate(0, -50%) }
.map-side.active {transform: translate(-88%, -50%);}
.map-side .hide-map-side {padding: 12px;cursor: pointer; }
.map-side .hide-map-side svg { width:28px; height:28px; }
.map-side .hide-map-side svg #open {display: none;}
.map-side.active .hide-map-side svg #open {display: block;}
.map-side.active .hide-map-side svg #close {display: none;}

.map-side .title {font-weight: 900; font-size: 25px; padding: 0 45px 10px; }
.map-side .title span {border-bottom: 5px solid #fff; padding-bottom: 5px; }
.map-side .legend {background-color: #fff; color: #646C7C; padding: 15px 45px; line-height: 24px; font-size: 16px; font-weight: bold;}
.map-side .legend .type {width: 65px;text-align: center;}
.map-side .legend .type.line {height: 8px; border-radius: 4px;}
.map-side .markers {padding: 30px 45px;}
.map-side .markers ul {list-style-type: none;padding: 0; margin:0; max-height: 335px; overflow-y: auto; }
.map-side .markers ul > li {text-transform: uppercase;line-height: 28px; margin-bottom: 10px; cursor: pointer;}
.map-side .markers ul > li:hover {color: #F27D11;}

.post-box-image {margin-bottom: 45px; display: inline-block; width: 100%; }
.post-box-image .image {height: 360px;border-radius: 0 30px 0 0;background-image: url("../img/noimage-default.svg"); background-position: center; background-size: cover;}
.post-box-image .image img {transition: transform 0.4s;}
.post-box-image:hover .image img {transform: scale(1.1);}
.post-box-image .date {color: #F27D11;margin-top: 35px; font-size: 16px; }
.post-box-image .title {font-weight: bold; font-size: 24px;line-height: 26px; color: #002F78;min-height: 78px;}
.post-box-image .text {color:#646C7C;font-size: 18px; line-height: 24px;}
.post-box-image .more {font-size: 12px; font-weight: 500; color:#002F78; text-align: right; margin-top: 5px; }
.post-box-image .more svg {margin-left: 13px;}

.post-box {margin-bottom: 45px; display: inline-block; width: 100%; height:100%; border-bottom: 1px solid #999; }
.post-box .date {color: #F27D11;margin-top: 35px; font-size: 18px; font-weight: 500; }
.post-box .title {font-weight: bold; font-size: 24px;line-height: 26px; color: #002F78; margin-top: 5px;}
.post-box .subtitle {font-size: 24px;line-height: 26px; color: #002F78;}
.post-box .text {color:#646C7C;font-size: 18px; line-height: 26px; margin-top: 5px;}
.post-box .blue-focus {background-color: #002F78; color:#fff; display: inline-block;font-size: 18px; padding: 4px 10px; }
.post-box .more {font-size: 12px; font-weight: 500; color:#002F78; text-align: right; margin-top: 5px; }
.post-box .more svg {margin-left: 13px;}

.list-photos {margin-left:-15px;margin-right: -15px;}
.list-photos .image-box {float: left;padding-left: 15px; padding-right: 15px;margin-bottom: 30px}
.list-photos .image-box:nth-child(9n+1) {height: 550px; width: 66.666%;}
.list-photos .image-box:nth-child(9n+2) {height: 260px; width: 33.333%;}
.list-photos .image-box:nth-child(9n+3) {height: 260px; width: 33.333%;}

.list-photos .image-box:nth-child(9n+4) {height: 260px; width: 33.333%;}
.list-photos .image-box:nth-child(9n+5) {height: 260px; width: 33.333%;}
.list-photos .image-box:nth-child(9n+6) {height: 260px; width: 33.333%;}

.list-photos .image-box:nth-child(9n+7) {height: 260px; width: 33.333%;}
.list-photos .image-box:nth-child(9n+8) {height: 550px; width: 66.666%;float: right}
.list-photos .image-box:nth-child(9n+9) {height: 260px; width: 33.333%;}

.list-photos .image-box  .title-hover {opacity:0;position: absolute; cursor: pointer; font-size:19px; font-weight:bold; color:#fff; padding-left: 30px;padding-right: 30px; top: 0; width: 100%; height:100%; background-color: rgba(0, 47, 120, 0.8);transition: opacity 0.2s;}
.list-photos .image-box:hover  .title-hover {opacity: 1;}

.post-content {}
.post-content .date {color: #F27D11;font-size: 18px;line-height: 24px;}
.post-content .title {color: #002F78; font-size: 46px; line-height: 50px; margin-bottom: 14px;margin-top: 18px;}
.post-content .subtitle {color: #646C7C; font-size: 24px; line-height: 32px;font-weight: bold;}
.post-content .blue-focus {background-color: #002F78; color:#fff; display: inline-block;font-size: 18px; padding: 4px 10px; }
.post-content .simple-text {margin-top: 26px;}

.sidebar-title {color:#212721; font-size: 24px; font-weight: 300; line-height: 29px;margin-bottom: 24px;}

.images-sidebar {}
.images-sidebar img {width: 100%;margin-bottom: 32px;}

.file-list-sidebar {}
.file-list-sidebar .file-box {display: inline-block;min-height: 85px; width: 100%; color: #646C7C;}
.file-list-sidebar .file-box:hover {background-color: #F5F7F8; color: #002F78; }
.file-list-sidebar .file-box .row { min-height: 85px; }
.file-list-sidebar .file-box .row .icon { width: 70px; padding-left: 15px;}
.file-list-sidebar .file-box .row .icon svg { max-width: 100%; }

.cover-img {position: relative;overflow: hidden;}
.cover-img img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.history-year {font-size: 100px;line-height: 120px;font-weight: 900;color:#002F78;}
.history-text {font-size: 22px;line-height: 28px;color: #394253;}
.history-label-br {position: absolute; bottom:0;right: 0; border-radius: 150px 0 0 0;background-color: #fff;}
.history-label-bl {position: absolute; bottom:0;left: 0; border-radius: 0 150px 0 0;background-color: #fff;}
.history-label-tl {position: absolute; top:0;left: 0; border-radius: 0 0 150px 0;background-color: #fff;}
.history-label-tr {position: absolute; top:0;right: 0; border-radius: 0 0 0 150px;background-color: #fff;}

.corner-radius-tl { border-radius: 150px 0 0 0; }
.corner-radius-tr { border-radius: 0 150px 0 0; }
.corner-radius-br { border-radius: 0 0 150px 0; }
.corner-radius-bl { border-radius: 0 0 0 150px; }

.main-home-container {position: relative;background-size: cover;background-position: center;overflow: hidden;min-height: 650px;}
.main-home-container .home-video {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;z-index:1;transition: opacity 0.4ms;}
.main-home-container .home-image {width: 100%; height:100%;position: relative;}
.main-home-container .home-image img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}

.video-label {opacity:0;position: absolute; z-index:1; margin-top:60px; width: 90%; line-height: 50px; left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 42px; color:#fff;font-weight: 300;}
.start.video-label {opacity:1;}
.start.video-label .text{animation: homeAnimation 10s; position: relative; max-width: calc(100vw - 200px); display: inline-block;}
.start.video-label .logo{animation: homeAnimationLogo 10s; }

.video-numbers {position: absolute;z-index:1; bottom: 165px; width: 100%; text-align: center;}
.video-numbers .center-box {display: inline-block;}
.video-numbers .box { transform: translateY(390px); margin: 7px; float: left; display: inline-block; background-color: rgba(0, 47, 120, 0.7); height: 214px; width: 214px; color:#ffffff;}
.video-numbers .box .box-fadein { opacity: 0; }
.video-numbers .box .image {text-align:center;height: 122px;    padding-top: 17px;-ms-flex-align: center;align-items: center;justify-content: center;display: -ms-flexbox;display: flex;}
.video-numbers .box .image img {max-width: 72px;max-height: 72px;}
.video-numbers .box .number {text-align: center; font-size: 34px;font-weight: 900;height: 37px; }
.video-numbers .box .title {font-size: 18px; line-height: 21px; text-align: center; font-weight: 500;}
.video-numbers .col-auto:nth-child(1) .box {transition: transform 0.4s 2.1s; }
.video-numbers .col-auto:nth-child(2) .box {transition: transform 0.4s 2.3s; }
.video-numbers .col-auto:nth-child(3) .box {transition: transform 0.4s 2.5s; }
.video-numbers .col-auto:nth-child(4) .box {transition: transform 0.4s 2.7s; }
.video-numbers .col-auto:nth-child(5) .box {transition: transform 0.4s 2.9s; }
.video-numbers .col-auto:nth-child(6) .box {transition: transform 0.4s 3.1s; }

.video-numbers .col-auto:nth-child(1) .box-fadein {transition: opacity 0.4s 3.4s; }
.video-numbers .col-auto:nth-child(2) .box-fadein {transition: opacity 0.4s 3.7s; }
.video-numbers .col-auto:nth-child(3) .box-fadein {transition: opacity 0.4s 4.0s; }
.video-numbers .col-auto:nth-child(4) .box-fadein {transition: opacity 0.4s 4.3s; }
.video-numbers .col-auto:nth-child(5) .box-fadein {transition: opacity 0.4s 4.6s; }
.video-numbers .col-auto:nth-child(6) .box-fadein {transition: opacity 0.4s 4.9s; }

.video-mute-icon {cursor: pointer; position: absolute;right: 50px;top: 115px;font-size: 30px;z-index:11;color: #fff;}
.video-mute-icon .fa-volume-mute {display: none;}
.video-mute-icon .fa-volume-up {display: block;}
.video-mute-icon.muted .fa-volume-mute {display: block;}
.video-mute-icon.muted .fa-volume-up {display: none;}

.page-numbers-box .page-numbers {color: #646C7C; font-size: 30px;font-weight: 300;}
.page-numbers-box .page-numbers.current {color: #F27D11;}

.main-home-container .home-image {opacity: 0}
.main-home-container.start-image .home-image {opacity: 1}

.main-home-container.start-image {}
.main-home-container.start-image .home-video {opacity:0;}
.main-home-container.start-image .home-image img {animation: homeAnimationImage 2s linear;transform: scale(1.12);}
.main-home-container.start-image .video-label {transition: opacity 0.4s linear 2s;opacity: 0;}

.main-home-container.start-image .video-numbers .box { transform: translateY(0);}
.main-home-container.start-image .video-numbers .box .box-fadein { opacity: 1; }

.video-for-continue {position: absolute; z-index: 1; bottom: 100px;left: 50%; color:#fff; transform: translate(-50%, 0); opacity:0; transition: opacity 0.4s 5.3s;}
.video-for-continue svg {margin-left: 20px;}
.video-scroll {position: absolute; z-index: 1; bottom: -50px;transition: bottom 0.4s 5.3s;left: 50%; transform: translate(-50%, 0);}
.main-home-container.start-image .video-for-continue {opacity: 1;}
.main-home-container.start-image .video-scroll {bottom: 26px;}


@keyframes homeAnimation {
    0% {left: -50vw;opacity:0;}
    80% {left: -50vw;opacity:0;}
    100% {left:0;opacity:1;}
}
@keyframes homeAnimationLogo {
    0% {transform: scale(0);opacity:0;}
    90% {transform: scale(0);opacity:0;}
    100% {transform: scale(1);opacity:1;}
}
@keyframes homeAnimationImage {
    0% {
        transform: scale(1);
        filter: blur(26px);
        -webkit-filter: blur(26px);
    }
    2% {
        filter: blur(0);
        -webkit-filter: blur(0);
    }
    100% {transform: scale(1.12);}
}

.home-badge img {max-width: 850px;}

.popup-bigger-image {position: fixed; left: 0; top:0;width: 100%; height: 100%; z-index: 190;}
.popup-bigger-image .background {width: 100%; height: 100%;background-color: rgba(100,108,124,0.85);}
.popup-bigger-image .main-popup {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.popup-bigger-image .main-popup .header {background-color: #002F78;color: #fff;padding-left: 35px; padding-right: 10px; height: 80px;}
.popup-bigger-image .main-popup .header .close-popup {cursor: pointer;}
.popup-bigger-image .image-container {}
.popup-bigger-image .image-container img {max-width: 80vw; max-height: 80vh;}


span.image-caption {font-size: 14px; font-weight: 500;line-height: 16px; }

.years-navigation {position: fixed; z-index:30; border-radius: 30px 0 0 0; transition: right 0.4s; right: -200px; height: 413px; background-color: rgba(0, 47, 120, 0.8); padding: 30px; top:50%; color: #fff; transform: translate(0, -50%)}
.years-navigation .scroll {height: 100%; overflow-y: auto; }
.years-navigation .scroll > ul { list-style-type: none; padding: 0 25px 0 0; margin: 0;}
.years-navigation .scroll > ul > li { font-weight: 900; font-size: 22px; line-height:29px; cursor: pointer; }
.years-navigation .scroll > ul > li > a{ color:#fff; }

.active-nav .years-navigation {right: 0; }
.menu-scroll {}

.hor-scroll-rev {width: 100%; overflow: hidden; }

.popover__wrapper {position: relative;display: inline-block;}
.popover__wrapper .popover__content { text-transform: none; color:#646C7C;opacity: 0; visibility: hidden; position: absolute; left: 50%;background-color: #fff; padding: 10px;  transform: translate(-50%, 20px); text-align: center;box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.26); width: auto;}
.popover__content:before { position: absolute; z-index: -1; content: ""; right: 50%; top: -8px; border-style: solid;border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; transition-duration: 0.3s; transition-property: transform;}
.popover__wrapper:hover .popover__content { z-index: 10; opacity: 1; visibility: visible;  transform: translate(-50%, 8px);transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97);}


.tf-tree { font-size: 16px; overflow: auto}
.tf-tree * { box-sizing: border-box; margin: 0; padding: 0}
.tf-tree ul { display: inline-flex}
.tf-tree li { align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; padding: 0 1em; position: relative}
.tf-tree li ul { margin: 2em 0}
.tf-tree li li:before { border-top: .0625em solid #000; content: ""; display: block; height: .0625em; left: -.03125em; position: absolute; top: -1.03125em; width: 100%}
.tf-tree li li:first-child:before { left: calc(50% - .03125em); max-width: calc(50% + .0625em)}
.tf-tree li li:last-child:before { left: auto; max-width: calc(50% + .0625em); right: calc(50% - .03125em)}
.tf-tree li li:only-child:before { display: none}
.tf-tree li li:only-child > .tf-nc:before, .tf-tree li li:only-child > .tf-node-content:before { height: 1.0625em; top: -1.0625em}
.tf-tree .tf-nc, .tf-tree .tf-node-content { border: .0625em solid #000; display: inline-block; padding: .5em 1em; position: relative}
.tf-tree .tf-nc:before, .tf-tree .tf-node-content:before { top: -1.03125em}
.tf-tree .tf-nc:after, .tf-tree .tf-nc:before, .tf-tree .tf-node-content:after, .tf-tree .tf-node-content:before { border-left: .0625em solid #000; content: ""; display: block; height: 1em; left: calc(50% - .03125em); position: absolute; width: .0625em}
.tf-tree .tf-nc:after, .tf-tree .tf-node-content:after { top: calc(100% + .03125em)}
.tf-tree .tf-nc:only-child:after, .tf-tree .tf-node-content:only-child:after, .tf-tree > ul > li > .tf-nc:before, .tf-tree > ul > li > .tf-node-content:before { display: none}
.tf-tree.tf-gap-sm li { padding: 0 .6em}
.tf-tree.tf-gap-sm li > .tf-nc:before, .tf-tree.tf-gap-sm li > .tf-node-content:before { height: .6em; top: -.6em}
.tf-tree.tf-gap-sm li > .tf-nc:after, .tf-tree.tf-gap-sm li > .tf-node-content:after { height: .6em}
.tf-tree.tf-gap-sm li ul { margin: 1.2em 0}
.tf-tree.tf-gap-sm li li:before { top: -.63125em}
.tf-tree.tf-gap-sm li li:only-child > .tf-nc:before, .tf-tree.tf-gap-sm li li:only-child > .tf-node-content:before { height: .6625em; top: -.6625em}
.tf-tree.tf-gap-lg li { padding: 0 1.5em}
.tf-tree.tf-gap-lg li > .tf-nc:before, .tf-tree.tf-gap-lg li > .tf-node-content:before { height: 1.5em; top: -1.5em}
.tf-tree.tf-gap-lg li > .tf-nc:after, .tf-tree.tf-gap-lg li > .tf-node-content:after { height: 1.5em}
.tf-tree.tf-gap-lg li ul { margin: 3em 0}
.tf-tree.tf-gap-lg li li:before { top: -1.53125em}
.tf-tree.tf-gap-lg li li:only-child > .tf-nc:before, .tf-tree.tf-gap-lg li li:only-child > .tf-node-content:before { height: 1.5625em; top: -1.5625em}
.tf-tree li.tf-dotted-children .tf-nc:after, .tf-tree li.tf-dotted-children .tf-nc:before, .tf-tree li.tf-dotted-children .tf-node-content:after, .tf-tree li.tf-dotted-children .tf-node-content:before { border-left-style: dotted}
.tf-tree li.tf-dotted-children li:before { border-top-style: dotted}
.tf-tree li.tf-dotted-children > .tf-nc:before, .tf-tree li.tf-dotted-children > .tf-node-content:before { border-left-style: solid}
.tf-tree li.tf-dashed-children .tf-nc:after, .tf-tree li.tf-dashed-children .tf-nc:before, .tf-tree li.tf-dashed-children .tf-node-content:after, .tf-tree li.tf-dashed-children .tf-node-content:before { border-left-style: dashed}
.tf-tree li.tf-dashed-children li:before { border-top-style: dashed}
.tf-tree li.tf-dashed-children > .tf-nc:before, .tf-tree li.tf-dashed-children > .tf-node-content:before { border-left-style: solid}
.tf-tree .tf-uppos {margin-top: -2em}
.tf-tree .tf-b-down {border: 0; border-bottom: 3px solid;text-align: center}

@media (max-width: 1399.98px) {
    .hide-xl {display: none;}
    header .main-header .logo { width: 215px;}
    header .main-header .main-menu > li:first-child {display: none;}
    header .main-header .main-menu > li > a {padding: 20px 10px;}

    .video-numbers {}
    .video-numbers .box { height: 180px; width: 180px;}
    .video-numbers .box .image {    height: 100px;}
    .video-numbers .box .image img {max-width: 60px;max-height: 60px;}
    .video-numbers .box .number {    font-size: 28px; height: 31px;}
    .video-numbers .box .title {font-size: 15px;line-height: 17px;}

    .all-history .pl-145 {padding-left: 45px;}
    .all-history .pr-145 {padding-right: 45px;}

}
@media (max-width: 1199.98px) {
    .hide-lg {display: none;}


    .video-numbers {}
    .video-numbers .box { height: 140px; width: 140px;}
    .video-numbers .box .image {    height: 77px;}
    .video-numbers .box .image img {max-width: 46px;max-height: 46px;}
    .video-numbers .box .number {    font-size: 21px; height: 24px;}
    .video-numbers .box .title {font-size: 11px;line-height: 13px;}

    .all-history .history-year {font-size: 50px;line-height: 75px; text-align: center;}
    .all-history .history-text {font-size: 20px;line-height: 24px;}

}
@media (max-width: 991.98px) {
    .hide-md {display: none;}


    .pl-md-45 {padding-left: 45px;}
    .pr-md-45 {padding-right: 45px;}

    .h-md-auto {height: auto !important;}
    .h-md-50{height: 50% !important;}
    .mt-md-20 {margin-top: 20px;}

    .mb-md-20 {margin-bottom: 20px;}

    .position-md-relative {position: relative;}


    .video-numbers {}
    .video-numbers .box { height: 120px; width: 120px;margin: 2px;}
    .video-numbers .box .image {    height: 66px;}
    .video-numbers .box .image img {max-width: 39px;max-height: 39px;}
    .video-numbers .box .number {    font-size: 18px; height: 20px;}
    .video-numbers .box .title {font-size: 9px;line-height: 11px;}



    .all-history .pl-145 {padding-left: 25px;}
    .all-history .pr-145 {padding-right: 25px;}


    .all-history .history-label-br {border-radius: 50px 0 0 0;}
    .all-history .history-label-bl {border-radius: 0 50px 0 0;}
    .all-history .history-label-tl {border-radius: 0 0 50px 0;}
    .all-history .history-label-tr {border-radius: 0 0 0 50px;}

    .all-history .corner-radius-tl { border-radius: 50px 0 0 0; }
    .all-history .corner-radius-tr { border-radius: 0 50px 0 0; }
    .all-history .corner-radius-br { border-radius: 0 0 50px 0; }
    .all-history .corner-radius-bl { border-radius: 0 0 0 50px; }

    .all-history .ob-animation .bs-left-a {left: 0!important;}
    .all-history .ob-animation .bs-right-a {right: 0!important;}


}
@media (max-width: 767.98px) {
    .hide-sm {display: none;}
    .video-numbers .box {transform: translateY(415px);}
    .breadcrumb-title span {display: none;}
    .video-label { line-height: 37px;font-size: 22px;}

}
@media (max-width: 575.98px) {
    .hide-xs {display: none;}

    header .main-header .logo {width: 80px; }
    header .main-header .logo img {width: 215px; }
    .main-title {padding-right: 15px; padding-left: 15px; }
}