/*!
* GLOBAL STYLES
* 2020 - Biltek Development Kitchen
*/

@-ms-viewport { width: device-width; }
::-moz-selection { background: #999; color: #fff; }
::selection { background: #999; color: #fff; }
*,
*::before,
*::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body {background: #08161F;}
a { -webkit-text-decoration-skip: objects; -webkit-transition: 0.4s; transition: 0.4s; }
a:hover { text-decoration: none; }
*,
:focus { outline: 0; }
*,
ul {border: 0;padding: 0;}
li {list-style: none;}
::-moz-focus-inner { border: 0; }
button,
html [type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }
input[type="radio"],
input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
::-webkit-scrollbar { width: 0px; height: 4px; }
::-webkit-scrollbar-track { background: #2c3033; }
::-webkit-scrollbar-thumb { background: #9f7e47; }
img {max-width: 100%;user-select: none;}
input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Fonts */
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 500; src: local('Volte Regular'), url('../fonts/volte/Volte.woff') format('woff'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 400; src: local('Volte Light'), url('../fonts/volte/Volte-Light.woff') format('woff'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 600; src: local('Volte Medium'), url('../fonts/volte/Volte-Medium.woff') format('woff'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 600; src: local('Volte Semibold'), url('../fonts/volte/Volte-Semibold.woff') format('woff'); }
@font-face { font-family: 'Volte'; font-style: normal; font-weight: 700; src: local('Volte Bold'), url('../fonts/volte/Volte-Bold.woff') format('woff'); }

body.main-body {
    overflow-y: auto;
    overflow-x: hidden;
}

body {font-family: 'KoHo', sans-serif;overflow: hidden;}
body.overflow { overflow: hidden; }

@media only screen and (max-width: 1199px) {
    body.overflow{ position: fixed; top: 0; left: 0; right: 0; }
}

/* General */

main {height: 100vh;}
.scrollbar-track-y{visibility: hidden;}

.page-title.news-detail-page-title .bread-bg {mix-blend-mode: luminosity;}
.page-title.news-detail-page-title .bread-bg .bg-item {
    opacity: 0.7;
}
.page-title.news-detail-page-title:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: linear-gradient(rgba(8, 22, 31, 0.7) 0%, rgba(8, 22, 31, 0.97) 51.56%, #08161f 100%);opacity: 0.85;z-index: 1;pointer-events: none;}

.page-title.news-detail-page-title .page-title-container .page-title-row h1 {
    color: #EBEBEB;
}

.page-title{height: 500px;position: relative;background: #08161f;margin-left: 250px;overflow: hidden;}
.page-title .bread-bg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;mix-blend-mode: screen;transform: scale(1.2);opacity: 0;}
.page-title .page-title-container{position: absolute;bottom: 0;left: 0;right: 0;padding: 0 50px 30px;z-index: 1;}
.page-title .page-title-container .page-title-row{display: flex;justify-content: space-between;align-items: center;}
.page-title .page-title-container .page-title-row h1{font-weight: 500;font-size: 27px;color: #5a6369;line-height: normal;margin-bottom: 0;transform: translate(-40px, 0px);opacity: 0;}
.page-title .page-title-container .page-title-row time {
    font-family: Volte;
    font-size: 17px;
    color: #677076;
    display: inline-block;
}

.page-title .bread-bg .bg-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.page-title .page-title-container nav ul {
    display: flex;
}

.page-title .page-title-container nav ul li {
    position: relative;
    padding-left: 30px;
}.page-title .page-title-container .page-title-row time {
    transform: translate(-20px, 0px);
    opacity: 0;
}

.page-title .page-title-container nav ul li {
    transform: translate(-30px, 0px);
    opacity: 0;
}
.page-title .page-title-container nav ul li + li:before {
    content: "";
    background-image: url(../img/svg/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0px, -40%) rotate(-90deg);
    left: 10px;
    width: 10px;
    height: 10px;
}
.page-title .page-title-container nav ul li a {
    font-weight: 500;
    font-size: 15px;
    color: #5a6369;
}

.page {min-height: calc(100vh - 65px); position: relative;}
.page .gradient-bg{position: absolute;left: 0;right: 0;top: 0;height: 300px;background: linear-gradient(to bottom, #08161f 30%, #08161f00 100%);z-index: 1;opacity: 0;visibility: hidden;}


.page ul {
    padding-left: 20px;
}

.page ul li {
    list-style: initial;
}


.s-container{max-width: 1760px;margin: 0 auto;}

.page-title.page-title-hidden { position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; pointer-events: none; z-index: -1; }

.captcha { position: relative; }
.captcha a {position: absolute;top: 50%;right: 6px;width: 26px;height: 26px;background: #08161f;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;border-radius: 100%;-webkit-transition-duration: 0.8s;transition-duration: 0.8s;transition-property: -webkit-transform;-webkit-transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;color: #fff;font-size: 14px;margin-top: -13px;}
.captcha a:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }


.swiper-pagination{ position: relative; display: flex; justify-content: center; align-items: center; } 
.swiper-pagination > span {display: block;width: 8px;height: 8px;background: #3E5362;opacity: 1;transform: scale(1);border: 2px solid #fff0;transition: 0.4s;cursor: pointer;}
.swiper-pagination > span + span { margin-left: 20px; }
.swiper-pagination > span.swiper-pagination-bullet-active {border-color: #D9AD62;background: #fff0;transform: scale(1.4);pointer-events: none;}

ul.pagination {
    margin-top: 70px;
    padding: 0;
    justify-content: center;
}

ul.pagination > li {
    list-style: none;
}

ul.pagination > li a {
    font-weight: 500;
    font-size: 15px;
    color: #3e5362;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3E5362;
    user-select: none;
}

ul.pagination > li + li {
    margin-left: 20px;
}

ul.pagination > li.active a {
    border-color: #D9AD62;
    color: #D9AD62;
    pointer-events: none;
}
ul.pagination > li {
}

.select2-container--default .select2-selection--single {
    border-color: #1D3746;
    border-radius: 0;
    height: 65px;
    background: #fff0;
}.select2-container--default.select2-container--disabled .select2-selection--single {
    background: #fff0;
    opacity: 0.35;
}.select2.in-active ~ .select2-container {opacity: 0.4;pointer-events: none;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: Volte;
    font-weight: 500;
    font-size: 15px;
    color: #576c7c;
    line-height: normal;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
}



.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7.5px 0 7.5px;
    border-color: #576C7C transparent transparent transparent;
    margin-top: 13px;
    left: -20px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 8px 7.5px 0 7.5px;
    border-color: #576C7C transparent transparent transparent;
    transform: rotate(180deg);
}

.select2-dropdown {
    background: #0c1f2b;
    border-color: #1D3746;
    border-radius: 0;
}

.select2-results__option {
    color: #fff;
    padding: 10px 20px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background: #fff0;
    border-color: #2e5167;
    color: #fff;
    padding: 10px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2e5167;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #122633;
}

@media (hover:hover) {
    .swiper-pagination > span:hover {
        background: #D9AD62;
    }
    ul.pagination > li a:hover {
        color: rgb(255 255 255 / 0.8);
        border-color: rgb(255 255 255 / 0.8);
    }
}

@media only screen and (min-width: 1200px) {
    ul.pagination > li {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1199px) {
    body {
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    html {
        overflow: initial;
    }
    
    /**/

    .page .gradient-bg{ display: none; }

    /**/

    .page-title .bread-bg {
        transform: scale(1);
        opacity: 1;
    }

    .page-title .page-title-container .page-title-row h1 {
        transform: translate(0px, 0px);
        opacity: 1;
    }

    .page-title {
        margin-left: 100px;
    }

    .page-title .page-title-container nav ul {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    body.mobile-menu-open { position: fixed; top: 0; left: 0; right: 0; overflow: hidden; }

    /**/
    
    .page-title {
        height: 400px;
    }

    .page-title .page-title-container {
        padding: 20px 30px;
    }

    .page-title .page-title-container .page-title-row h1 {
        font-size: 25px;
    }

    /**/
}

@media only screen and (max-width: 767px) {
    .page-title {
        margin-left: 0;
        height: 300px;
    }

    .page-title .page-title-container .page-title-row h1 {
        font-size: 22px;
    }

    .page-title.news-detail-page-title:before {
        opacity: 0.9;
        background: linear-gradient(rgba(8, 22, 31, 0.7) 50%, rgba(8, 22, 31, 0.97) 81.56%, #08161f 100%);
    }

    .page-title.news-detail-page-title .bread-bg .bg-item {
        opacity: 0.5;
    }
    /**/

    ul.pagination > li a {
        font-size: 12px;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    ul.pagination > li + li {
        margin-left: 15px;
    }

    ul.pagination {
        margin-top: 30px;
    }

    /**/

    .select2-results__option {font-size: 14px;}

    .select2-container--default .select2-search--dropdown .select2-search__field {
        font-size: 14px;
        padding: 8px 15px;
    }
}

/* Cookie */
body .cc-window.in-active{ opacity:0; visibility:hidden;}
body .cc-window{bottom:50px !important;left:80px !important;max-width:420px !important;height:93px;border-radius:100px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color: rgb(5 15 21 / 74%) !important;padding:0 30px !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center !important;-ms-flex-align: center !important;align-items: center !important;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:1;visibility:visible;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;}
body .cc-window .cc-message{ font-size:15px; color:#fff; line-height:normal; margin:0 !important; padding-right:40px;}
body .cc-window .cc-message a{opacity:1;outline:none;text-decoration:none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
body .cc-compliance a.cc-btn.cc-dismiss{width:56px;height:56px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:transparent;border: 1px solid #ffffff;border-radius:100px;position:relative;padding:0;color:transparent;display:block;outline:none;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
body .cc-compliance a.cc-btn.cc-dismiss:before{ content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background-image:url(../img/svg/check-icon.svg); width:20px; height:15px; background-size:contain; background-position:center; background-repeat:no-repeat;}
.cc-floating.cc-theme-edgeless .cc-message{ margin:0 !important;}

@media (hover: hover) {
    body .cc-compliance a.cc-btn.cc-dismiss:hover {background: #D9AD62;border-color: #D9AD62;}
    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {color: #D9AD62;}
}

@media only screen and (max-width: 991px) {
    body .cc-window { left: 50px !important; }
}

@media only screen and (max-width: 767px) {
    body .cc-window { width: 100%; max-width: 100% !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 50% !important; right: auto !important; -webkit-transform: translateX(-50%) scale(0.9); -ms-transform: translateX(-50%) scale(0.9); transform: translateX(-50%) scale(0.9); bottom: 30px !important; height: 100px; padding: 0 30px !important; }
    .cc-floating.cc-theme-edgeless .cc-message { margin: 0 !important; padding-right: 0; }
}

/* 404 */
.nf404 {position: relative;text-align: center;padding: 250px 0 50px;}
.nf404 .svg {margin-bottom: 2rem;min-height: 19.4vw;overflow: hidden;position: relative;pointer-events: none;}
.nf404 .svg svg {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;max-width: 100%;height: 100%;}
.nf404 h2 {color: #cccccc;font-weight: 600;font-size: 1.3vw;margin-bottom: 0.5rem;}
.nf404 h3 {font-size: 1vw;color: #cccccc;font-weight: 500;margin-bottom: 1.3vw;}
.nf404 a {border: 2px solid #cccccc;padding: 0.8vw 1.6vw;color: #cccccc;border-radius: 100px;-webkit-box-shadow: inset 0 0 0 #cccccc;box-shadow: inset 0 0 0 #cccccc;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 0.9vw;user-select: none;}
.nf404 a svg {margin-right: 1rem;display: inline-block;width: 1.3vw;height: 1vw;}
.nf404 .svg svg path {fill: #cccccc;}
.nf404 .svg svg line {stroke: #D9AD62;}
.nf404 a svg path {fill: #cccccc;}

@media (hover: hover) {
    .nf404 a:hover {-webkit-box-shadow: inset 0 0 15px rgb(85 85 85 / 0.3);box-shadow: inset 0 0 15px rgb(85 85 85 / 0.3);}
}

@media only screen and (min-width: 1200px) {
    .nf404 {
        transform: translate(0px, 50px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1370px) {
    .nf404 .svg {min-height: 19vw;}
}

@media only screen and (max-width: 1199px) {
    .nf404 .svg {min-height: 35vw;margin-bottom: 20px;}
    .nf404 .svg svg { width: 150%; max-width: 150%; }
    .nf404 h2 { font-size: 2.5vw; }
    .nf404 h3 { font-size: 2vw; }
    .nf404 a { font-size: 2vw; margin-top: 10px; padding: 1.6vw 3vw; }
    .nf404 a svg { width: 4vw; height: 2vw; }
    .nf404 {padding: 30vw 0 4vw;}
}

@media only screen and (max-width: 767px) {
    .nf404 .svg svg { width: 200%; max-width: 200%; }
    .nf404 h2 {font-size: 14px;margin-bottom: 4px;}
    .nf404 h3 {font-size: 12px;}
    .nf404 a {padding: 8px 20px;font-size: 12px;border-width: 1px;margin-top: 5px;}
    .nf404 a svg {width: 15px;height: 15px;margin-right: 7px;}
    .nf404 .svg { min-height: 150px; }
    .nf404 {padding: 230px 0 50px;min-height: calc(100vh - 132px);}
}

/* Single Page */
.single-page {padding: 50px 0 100px;}
.single-page h2 {font-weight: 600;font-size: 2.6vw;letter-spacing: -0.05em;color: #dedede;margin-bottom: 2vw;}
.single-page p, .single-page li, .single-page td {font-size: 1.1vw;line-height: 1.7vw;color: #dedede;list-style: initial;}
.single-page ol, .single-page ul {padding-left: 20px;}
.single-page td {border: 1px solid rgb(255 255 255 / 34%);padding: 10px;}
.single-page .s-container {
    margin-left: 300px;
    margin-right: 50px;
}

@media only screen and (min-width: 1200px){
    .single-page {
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1199px){
    .single-page p, .single-page li, .single-page td { font-size: 2vw; line-height: 2.8vw; }
    .single-page h2 { font-size: 4vw; margin-bottom: 3vw; }
    .single-page .s-container {
        margin-left: 150px;
    }
}

@media only screen and (max-width: 991px){
    .single-page .s-container {
        margin-left: 130px;
    }
}

@media only screen and (max-width: 767px){
    .single-page h2 { font-size: 23px; margin-bottom: 20px; }
    .single-page p, .single-page li, .single-page td { font-size: 16px; line-height: 1.4; }
    .single-page {padding-top: 30px;padding-bottom: 80px;margin: 0 20px;}
    .single-page .s-container {
        margin: 20px 30px 0;
    }
}

/* Alert */
.alert{ padding:0; position:relative; line-height:25px; border-width:0; margin-bottom:17px; color:#ffffff;}
.alert .icon{ width:55px; font-size:1.846rem; vertical-align:middle; text-align:center; line-height:22px; display:table-cell; cursor:default; padding-top:1px;}
.alert .icon span{ width:25px;}
.alert .close{ position:absolute; font-size:1.538rem; right:1.385rem; text-shadow:none; padding:1.5388rem 0; opacity:0.2; right:4px; top:-20px;}
.alert .message{ display:table-cell; padding:1.385rem 2.1542rem 1.385rem 0.231rem; border-left-width:0;}
.alert .message > p,.alert .message > ul{ margin-bottom:0;}
.alert .message > p + p{ margin-top:5px;}
.alert.alert-spec{ padding:0; position:relative; width:100%;}
.alert.alert-spec > .icon{ display:table-cell; width:60px; text-align:center; vertical-align:middle; background-color:rgba(255, 255, 255, 0.25);}
.alert.alert-spec > .message{ display:table-cell; padding:14px 15px; border-left-width:0;}
.alert.alert-icon{ background-color:#ffffff; border:0; padding:0; position:relative; width:100%; display:table; table-layout:fixed; -webkit-box-shadow:0.5px 0.9px 0 rgba(0, 0, 0, 0.07); box-shadow:0.5px 0.9px 0 rgba(0, 0, 0, 0.07);}
.alert.alert-icon > .icon{ position:relative; display:table-cell; width:60px; text-align:center; vertical-align:middle; cursor:default;}
.alert.alert-icon > .icon:after{ position:absolute; right:-10px; top:50%; margin-top:-10px; width:0; height:0; content:""; z-index:2; border-left:11px solid #ffffff; -webkit-transform:scale(0.9999); transform:scale(0.9999); border-bottom:11px solid transparent; border-top:11px solid transparent;}
.alert.alert-icon > .message{ display:table-cell; padding:1.385rem 1.385rem; color:#404040; border:1px solid #d4d4d4; border-left-width:0;}
.alert.alert-icon.alert-dismissible .close,.alert.alert-icon.alert-dismissible .close:focus{ color:#404040; opacity:0.35;}
.alert.alert-icon.alert-dismissible .close:hover,.alert.alert-icon.alert-dismissible .close:focus:hover{ color:#404040; opacity:0.5;}
.alert.alert-icon.alert-primary > .icon{ background-color:#4285f4;}
.alert.alert-icon.alert-primary > .icon:after{ border-left-color:#4285f4;}
.alert.alert-icon.alert-success > .icon{ background-color:#34a853;}
.alert.alert-icon.alert-success > .icon:after{ border-left-color:#34a853;}
.alert.alert-icon.alert-info .icon{ background-color:#6ba4ff;}
.alert.alert-icon.alert-info .icon:before{ border-left-color:#6ba4ff;}
.alert.alert-icon.alert-warning > .icon{ background-color:#fbbc05;}
.alert.alert-icon.alert-warning > .icon:after{ border-left-color:#fbbc05;}
.alert.alert-icon.alert-danger > .icon{ background-color:#ea4335;}
.alert.alert-icon.alert-danger > .icon:after{ border-left-color:#ea4335;}
.alert.alert-icon.alert-light{ outline-color:#d4d4d4;}
.alert.alert-icon.alert-light > .icon{ background-color:#ffffff; border-right:1px solid #d4d4d4;}
.alert.alert-icon.alert-light > .icon:after{ border-left-color:#ffffff; position:absolute; right:-22px; top:50%; margin-top:-10px; width:0; height:0; content:""; z-index:2; border:solid transparent; border-width:11px; border-color:rgba(194, 225, 245, 0); border-left-color:#d4d4d4;}
.alert.alert-icon.alert-light > .message{ border:0px;}
.alert.alert-icon.alert-dark > .icon{ background-color:#a1a1a1;}
.alert.alert-icon.alert-dark > .icon:after{ border-left-color:#a1a1a1;}
.alert.alert-primary{ background-color:#d5eff9; border:1px solid #b2dff1;}
.alert.alert-success{ background-color:#c5efd0; border:1px solid #94d2a4;}
.alert.alert-info{ background-color:#dde8f9; border:1px solid #b3c1d6;}
.alert.alert-warning{ background-color:#fdf4db; border:1px solid #ecd5a0;}
.alert.alert-danger{ background-color:#ffe6e4; border:1px solid #f5c1c1;}
.alert.alert-light{ background-color:#ffffff; outline:1px solid rgba(115, 115, 115, 0.08); color:#404040;}
.alert.alert-light > .icon{ color:#737373;}
.alert.alert-light.alert-spec > .icon{ background-color:rgba(115, 115, 115, 0.08);}
.alert.alert-dark{ background-color:#ffffff;}
.alert.alert-dismissible.alert-primary .close{ color:#093d94;}
.alert.alert-dismissible.alert-primary .close:hover{ color:#093d94; opacity:0.5;}
.alert.alert-dismissible.alert-success .close{ color:#103319;}
.alert.alert-dismissible.alert-success .close:hover{ color:#103319; opacity:0.5;}
.alert.alert-dismissible.alert-info .close{ color:#0050d1;}
.alert.alert-dismissible.alert-info .close:hover{ color:#0050d1; opacity:0.5;}
.alert.alert-dismissible.alert-warning .close{ color:#654c02;}
.alert.alert-dismissible.alert-warning .close:hover{ color:#654c02; opacity:0.5;}
.alert.alert-dismissible.alert-danter .close{ color:#79150d;}
.alert.alert-dismissible.alert-danter .close:hover{ color:#79150d; opacity:0.5;}
.alert.alert-dismissible.alert-light .close{ color:#404040; opacity:0.35;}
.alert.alert-dismissible.alert-light .close:hover{ color:#404040; opacity:0.5;}
.alert.alert-dismissible.alert-dark .close{ color:#ffffff; opacity:0.35;}
.alert.alert-dismissible.alert-dark .close:hover{ color:#404040; opacity:0.5;}
.alert.alert-spec.alert-dismissible.alert-success{ color:#03982a;}
.alert.alert-spec.alert-dismissible.alert-success div.icon span:before{ color:#39a355;}
.alert.alert-spec.alert-dismissible.alert-info{ color:#2858a2;}
.alert.alert-spec.alert-dismissible.alert-info div.icon span:before{ color:#4273bd;}
.alert.alert-spec.alert-dismissible.alert-warning{ color:#b57e01;}
.alert.alert-spec.alert-dismissible.alert-warning div.icon span:before{ color:#dca321;}
.alert.alert-spec.alert-dismissible.alert-danger{ color:#e30505;}
.alert.alert-spec.alert-dismissible.alert-danger div.icon span:before{ color:red;}
.alert.alert-spec.alert-dismissible.alert-primary{ color:#00959e;}
.alert.alert-spec.alert-dismissible.alert-primary div.icon span:before{ color:#2fc1ca;}

/* Loader */
.section-loader{ position:relative; min-height:18vh;}
.section-loader:after{position:absolute;display:block;visibility:hidden;opacity:0;content:"";top: -10px;left: -10px;height: 110%;width: 110%;background: rgb(28 30 31 / 66%);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;z-index:2;}
.section-loader .section-loader-spinner{ display:none; position:absolute; top:50%; right:50%; margin-top:-20px; margin-right:-20px; z-index:3;}
.section-loader .section-loader-spinner svg{ -webkit-animation:spinner-rotation 1.4s linear infinite; animation:spinner-rotation 1.4s linear infinite; stroke:#4285f4;}
.section-loader .section-loader-spinner svg .circle{ stroke-dasharray:187; stroke-dashoffset:0; -webkit-transform-origin:center; transform-origin:center; -webkit-animation:spinner-turn 1.4s ease-in-out infinite; animation:spinner-turn 1.4s ease-in-out infinite;}
.section-loader-active:after{ visibility:visible; opacity:1;}
.section-loader-active .section-loader-spinner{ display:block;}
@-webkit-keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@keyframes spinner-rotation{ 0%{ -webkit-transform:rotate(0); transform:rotate(0);}
100%{ -webkit-transform:rotate(270deg); transform:rotate(270deg);}
}
@-webkit-keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}
@keyframes spinner-turn{ 0%{ stroke-dashoffset:187;}
50%{ stroke-dashoffset:46.75; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
100%{ stroke-dashoffset:187; -webkit-transform:rotate(450deg); transform:rotate(450deg);}
}

/* Mobile Menu */
.mobile-menu{ display:none; position:fixed; right:-110%; top:0; background:#122c48; -webkit-transition:0.4s; transition:0.4s; z-index:999; width:100%; max-width:100%; bottom:0; min-height:100vh; padding-bottom:0;}
@media only screen and (max-width:991px){ .mobile-menu{/* display:block; */}
}
@media only screen and (max-width:767px){ .mobile-menu{ width:100%; top:90px;}
}
.mobile-menu .mobile-nav-title h3{ position:absolute; top:25px; left:45px; display:none; font-weight:600; font-size:18px; color:#fff; margin-bottom:0; z-index:9;}
.mobile-menu .mobile-nav-title h3 span:nth-child(1){ opacity:1; visibility:visible; -webkit-transition:0.4s; transition:0.4s;}
.mobile-menu .mobile-nav-title h3 span:nth-child(2){ position:absolute; left:0; opacity:0; visibility:hidden; -webkit-transition:0.4s; transition:0.4s;}
@media only screen and (max-width:991px){ .mobile-menu .mobile-nav-title h3{ display:block;}
}
@media only screen and (max-width:767px){ .mobile-menu .mobile-nav-title h3{ display:block; top:25px; left:25px;}
}
.mobile-menu .hamburger-menu{ position:fixed; right:2.5rem; top:1.5rem; width:2.1rem; height:3rem; cursor:pointer; z-index:53; -webkit-transition:0.3s; transition:0.3s;}
.mobile-menu .hamburger-menu .bar{ display:block; position:absolute; width:100%; height:4px; background:#122c48; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); top:50%; margin-top:-1px; -webkit-transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out 0.1s; transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, -webkit-transform 0.15s ease-out 0.1s; transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s; transition:margin 0.15s ease-out 0.25s, opacity 0.15s ease-out 0.25s, transform 0.15s ease-out 0.1s, -webkit-transform 0.15s ease-out 0.1s;}
.mobile-menu .hamburger-menu .bar.first{ margin-top:-12px;}
.mobile-menu .hamburger-menu .bar.third{ margin-top:10px;}
.mobile-menu .hamburger-menu.fixed-active{ top:0.6rem;}
@media only screen and (max-width:767px){ .mobile-menu .hamburger-menu{ right:1.2rem; top:1.3rem;}
}
@media only screen and (max-height:500px) and (orientation:landscape){ .mobile-menu .hamburger-menu{ right:5rem;}
}
@-webkit-keyframes animate-arrow-1{ 0%{ -webkit-transform:translateX(40px); transform:translateX(40px); opacity:0;}
70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
}
@keyframes animate-arrow-1{ 0%{ -webkit-transform:translateX(40px); transform:translateX(40px); opacity:0;}
70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
}
@-webkit-keyframes animate-arrow-2{ 0%{ -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0;}
70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.5;}
}
@keyframes animate-arrow-2{ 0%{ -webkit-transform:translateX(20px); transform:translateX(20px); opacity:0;}
70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.5;}
}
@-webkit-keyframes animate-arrow-3{ 0%{ -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0;}
70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.3;}
}
@keyframes animate-arrow-3{ 0%{ -webkit-transform:translateX(10px); transform:translateX(10px); opacity:0;}
70%, 100%{ -webkit-transform:translateX(0px); transform:translateX(0px); opacity:0.3;}
}
.mobile-menu .mobile-menu-back{ -webkit-transform:scale(0); transform:scale(0); position:fixed; right:5rem; top:1rem; width:3rem; height:3rem; z-index:53; -webkit-transition:0.4s; transition:0.4s;}
.mobile-menu .mobile-menu-back a{ position:relative; border:1px solid #fff; bottom:0; color:#fff; height:3rem; top:10px; line-height:3rem; position:absolute; width:100%; -webkit-transition:0.1s all ease-in; transition:0.1s all ease-in;}
.mobile-menu .mobile-menu-back a span.arrow{ display:block; width:8px; top:0; bottom:0; margin:auto; left:10px; height:2rem; position:absolute;}
.mobile-menu .mobile-menu-back a span.arrow span{ display:block; width:8px; height:2rem; top:0; bottom:0; margin:auto; position:absolute;}
.mobile-menu .mobile-menu-back a span.arrow span i{ position:absolute; left:0.3rem; top:0; font-size:2rem;}
.mobile-menu .mobile-menu-back a span.arrow span.arrow-1{ left:0px; opacity:1;}
.mobile-menu .mobile-menu-back a span.arrow span.arrow-2{ left:10px; opacity:0.5; display:none;}
.mobile-menu .mobile-menu-back a span.arrow span.arrow-3{ left:20px; opacity:0.3; display:none;}
.mobile-menu .mobile-menu-back.active{ -webkit-transform:scale(1); transform:scale(1);}
@-webkit-keyframes menuListAnimate{ 0%{ margin-top:40px; opacity:0;}
100%{ margin-top:0; opacity:1;}
}
@keyframes menuListAnimate{ 0%{ margin-top:40px; opacity:0;}
100%{ margin-top:0; opacity:1;}
}
.mobile-menu .mobile-nav{ position:absolute; left:0; top:70px; width:100%; max-height:100vh; padding-bottom:200px; overflow-y:auto;}
.mobile-menu .mobile-nav::-webkit-scrollbar{ width:0px;}
.mobile-menu .mobile-nav .language-item{ padding:10px 40px 0; margin-top:15px;}
.mobile-menu .mobile-nav .language-item ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.mobile-menu .mobile-nav .language-item ul li.lang-active a{ color:#6181ff;}
.mobile-menu .mobile-nav .language-item ul li + li{ margin-left:10px; padding-left:10px;}
.mobile-menu .mobile-nav .language-item ul li a{ padding:5px; margin:0; font-size:13px; color:#fff;}
@media only screen and (max-width:767px){ .mobile-menu .mobile-nav .language-item{ padding:10px 22px 0;}
}
.mobile-menu .mobile-nav > ul{ position:relative; padding:90px 0px; width:100%;}
.mobile-menu .mobile-nav > ul > li:first-child > a{ padding-top:0;}
.mobile-menu .mobile-nav > ul > li:first-child > a:before,.mobile-menu .mobile-nav > ul > li:first-child > a:after{ top:30%;}
.mobile-menu .mobile-nav > ul li a{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:15px 35px; font-weight:600; font-size:16px; color:#fff; text-align:left; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; margin:0 10px; -webkit-box-orient:initial; -webkit-box-direction:initial; -ms-flex-direction:initial; flex-direction:initial; align-items:center;}
@media only screen and (max-width:767px){ .mobile-menu .mobile-nav > ul{ padding:0;}
.mobile-menu .mobile-nav > ul li a{ padding:15px;}
}
.mobile-menu .mobile-nav ul li a.bid-btn{ margin-top:20px; opacity:0.7;}
.mobile-menu .mobile-nav ul li a.sub-item.active{ color:#6181ff;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before,.mobile-menu .mobile-nav ul li a.sub-item.active:after{ background:#6181ff;}
.mobile-menu .mobile-nav ul li a.sub-item.active:before{ height:0;}
.mobile-menu .mobile-nav ul li a.sub-item.active:after{ height:8px;}
.mobile-menu .mobile-nav ul li a.sub-item:before,.mobile-menu .mobile-nav ul li a.sub-item:after{ content:""; position:absolute; top:50%; right:25px; width:3px; height:12px; background:#fff; -webkit-transition:0.4s; transition:0.4s;}
.mobile-menu .mobile-nav ul li a.sub-item:before{ -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.mobile-menu .mobile-nav ul li a.sub-item:after{ -webkit-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg);}
.mobile-menu .mobile-nav ul li a i{ margin-left:10px;}
.mobile-menu .mobile-nav ul li ul{ background:#10253c; padding:0 0 5px; display:none;}
.mobile-menu .mobile-nav ul li ul li a{ border-top:none; font-size:15px; padding:15px 25px; font-weight:500;}
.mobile-menu .mobile-nav ul li ul li a.sub-item:before,.mobile-menu .mobile-nav ul li ul li a.sub-item:after{ right:30px;}
.mobile-menu .mobile-nav ul li ul li ul{ background:#0c1e31;}
.mobile-menu .mobile-nav ul li ul li ul li a{ padding:15px 35px;}
.mobile-menu .mobile-nav ul li ul li ul li a.sub-item:before,.mobile-menu .mobile-nav ul li ul li ul li a.sub-item:after{ right:40px;}
.mobile-menu .mobile-nav ul li ul li ul li ul{ background:#071625;}
.mobile-menu .mobile-nav ul li ul li ul li ul a{ padding:15px 50px;}
.mobile-menu .mobile-nav ul li.active{ position:relative; z-index:34;}
.mobile-menu .mobile-nav ul li.active ul{ display:block;}
.mobile-menu.open{ right:0;}
.mobile-menu.open .hamburger-menu{ right:1.8rem; top:1.3rem !important;}
.mobile-menu.open .hamburger-menu .bar.first{ margin-top:0px; -webkit-transform:translateX(-20%) rotate(45deg); transform:translateX(-20%) rotate(45deg);}
.mobile-menu.open .hamburger-menu .bar.second{ opacity:0;}
.mobile-menu.open .hamburger-menu .bar.third{ margin-top:0px; -webkit-transform:translateX(-20%) rotate(-45deg); transform:translateX(-20%) rotate(-45deg);}
.mobile-menu.open .mobile-nav > ul > li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0s both; animation:menuListAnimate 0.5s ease-in-out 0s both;}
.mobile-menu.open .mobile-nav > ul > li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.1s both; animation:menuListAnimate 0.5s ease-in-out 0.1s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.2s both; animation:menuListAnimate 0.5s ease-in-out 0.2s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.3s both; animation:menuListAnimate 0.5s ease-in-out 0.3s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.4s both; animation:menuListAnimate 0.5s ease-in-out 0.4s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.5s both; animation:menuListAnimate 0.5s ease-in-out 0.5s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.6s both; animation:menuListAnimate 0.5s ease-in-out 0.6s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.7s both; animation:menuListAnimate 0.5s ease-in-out 0.7s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.8s both; animation:menuListAnimate 0.5s ease-in-out 0.8s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 0.9s both; animation:menuListAnimate 0.5s ease-in-out 0.9s both;}
.mobile-menu.open .mobile-nav > ul > li + li + li + li + li + li + li + li + li + li + li{ -webkit-animation:menuListAnimate 0.5s ease-in-out 1s both; animation:menuListAnimate 0.5s ease-in-out 1s both;}

/* Main Banner */
.main-world {position: fixed;height: 4000px;overflow: hidden;top: 0;left: 0;right: 0;z-index: 3;/*display: none;*/pointer-events: none;transform-style: preserve-3d;will-change: transform;perspective: 3500px;/* opacity: 0; */mix-blend-mode: lighten;}

@keyframes worldbg{
    0%, 100%{ transform: rotate(0deg) scale(1); }
    50%{ transform: rotate(5deg) scale(1.4); }
}

.world-bg {
    height: 100%;
    transform: scale(1.3);
    opacity: 0;
}.world-bg-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}
.world-bg:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-image: url(../img/wormhole-bg.jpg);background-size: cover;background-position: center;animation: worldbg 20s infinite both;}

#main-world {/* transform: translate(-50%, -6%); */transform: translate3d(0, 170%, 3000px);position: relative;}

@media only screen and (max-width: 1199px) {
    .main-world {
        opacity: 0;
        display: block;
        transform-style: initial;
        will-change: initial;
        perspective: none;
    }
    #main-world {max-width: 150vw;max-height: 150vh;left: 86%;transform: translate(-50%, 30%);}
    .world-bg{
        transform: scale(1);
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    #main-world {
        transform: translate(-50%, 60%);
    }
}

@media only screen and (min-height: 580px) and (min-width: 768px) and (max-width: 1199px) and (max-height: 992px){
    #main-world {
        transform: translate3d(-50%, -2%, 0);
    }
}

/* Main About */
.main-about{overflow: hidden;margin-bottom: 0;position: relative;z-index: 4;}
.main-about .s-container{  }
.main-about .main-about-row{display: flex;align-items: center;justify-content: space-between;padding-left: 180px;margin-right: -80px;padding-bottom: 70px;}

.main-about .main-about-row .about-text{max-width: 500px;}
.main-about .main-about-row .about-text > span{font-weight: 600;font-size: 27px;letter-spacing: 0.5em;color: #d9ad62;display: inline-block;margin-bottom: 5px;}
.main-about .main-about-row .about-text h2{font-weight: 500;font-size: 47px;line-height: 47px;color: #9f7e47;margin-bottom: 0;}
.main-about .main-about-row .about-text p{margin-top: 35px;font-family: Volte;font-size: 25px;line-height: 33px;color: #ebebeb;margin-bottom: 0;}
.main-about .main-about-row .about-text a{display: inline-block;background: #0C1D27;position: relative;padding: 23px 40px;margin-top: 30px;transition: none;user-select: none;}
.main-about .main-about-row .about-text a:hover{  }
.main-about .main-about-row .about-text a:before{content: "";position: absolute;top: 50%;left: -18px;transform: translate(0px, -50%);width: 40px;height: 2px;background: #D9AD62;transition: 0.4s;}
.main-about .main-about-row .about-text a > span{display: inline-block;font-family: KoHo;font-size: 17px;letter-spacing: 0.3em;color: #fff;transform: translate(10px, 0px);line-height: normal;transition: 0.4s;}

.main-about .main-about-row .about-img{height: 800px;}
.main-about .main-about-row .about-img img{width: 100%;height: 100%;object-fit: cover;}


@media (hover:hover) {
    .main-about .main-about-row .about-text a:hover:before {
        transform: translate(10px, -50%);
        width: 50px;
    }
    
    .main-about .main-about-row .about-text a:hover > span {
        color: #D9AD62;
        transform: translate(24px, 0px);
    }

}


@media only screen and (min-width: 992px){
    .main-about .main-about-row .about-text > span {
        transform: translate(0px, -110px);
        opacity: 0;
    }

    .main-about .main-about-row .about-text > h2 {
        transform: translate(0px, -70px);
        opacity: 0;
    }

    .main-about .main-about-row .about-text > p {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .main-about .main-about-row .about-text > a {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .main-about .main-about-row .about-img img {
        transform: translate(50px, 20px) scale(0.8);
        opacity: 0;
    }
}

@media only screen and (max-width: 1570px){
    .main-about .main-about-row .about-img {height: 600px;}

    .main-about .main-about-row .about-text > span {
        font-size: 22px;
    }

    .main-about .main-about-row .about-text h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .main-about .main-about-row .about-text p {
        margin-top: 30px;
        font-size: 22px;
        line-height: 30px;
    }

    .main-about .main-about-row {
        padding-left: 100px;
    }
}

@media only screen and (max-width: 1370px){
    .main-about .main-about-row .about-text {
        transform: scale(0.9);
    }

    .main-about .main-about-row {
        padding-left: 80px;
    }
}

@media only screen and (max-width: 1199px){
    .main-about .main-about-row {
        padding-left: 40px;
    }

    .main-about .main-about-row .about-img {
        height: 500px;
    }

    .main-about {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 991px){
    .main-about .main-about-row .about-text > span {
        font-size: 15px;
    }

    .main-about .main-about-row .about-text {
        transform: scale(1);
    }

    .main-about .main-about-row .about-text h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .main-about .main-about-row .about-text p {
        margin-top: 20px;
        font-size: 20px;
        line-height: 27px;
    }

    .main-about .main-about-row .about-text a {
        transform: translate(-15px, 0px) scale(0.8);
    }

    .main-about .main-about-row .about-img {
        height: 400px;
    }
}

@media only screen and (max-width: 767px){
    .main-about .main-about-row {
        padding-left: 0;
        margin: 0 30px;
        display: block;
        position: relative;
    }

    .main-about .main-about-row .about-img {
        position: absolute;
        bottom: -60px;
        right: -130px;
        left: auto;
        height: 310px;
        opacity: 0.5;
    }

    .main-about {
        padding-bottom: 100px;
        padding-top: 300px;
    }

    .main-about .main-about-row .about-text {
        position: relative;
        z-index: 1;
    }

    .main-about .main-about-row .about-text a {
        transform: translate(0, 0px) scale(1);
        padding: 15px 25px;
        margin-top: 60px;
    }

    .main-about .main-about-row .about-text a > span {
        font-size: 12px;
        transform: translate(13px, -2px);
    }

    .main-about .main-about-row .about-text a:before {
        width: 25px;
        left: -7px;
    }

    .main-about .main-about-row .about-img:before {content: "";position: absolute;top: 20px;right: 0;left: 0;bottom: -20px;background: radial-gradient(#08161f00 10%, #08161f 50%);}
}

@media only screen and (min-height: 580px) and (min-width: 768px) and (max-width: 1199px) and (max-height: 992px){
    .main-about .main-about-row .about-text {
        max-width: 390px;
    }

    .main-about .main-about-row {
        padding-left: 100px;
    }

    .main-about .main-about-row .about-img {
        margin-left: -80px;
    }
}

/* Header */
header{padding: 60px 0 20px;height: 185px;position: absolute;top: 0;left: 0;right: 0;z-index: 4;}
header .s-container{height: 100%;position: relative;}
header .header-row{display: flex;align-items: center;justify-content: space-between;padding: 0 70px;height: 100%;}

header .header-row .header-lang{position: relative;}
header .header-row .header-lang a.active{pointer-events: none;}
header .header-row .header-lang a{font-size: 20px;color: #d8d8d8;display: block;}
header .header-row .header-lang a:nth-child(2) {position: absolute;top: 0;left: 0;transform: scale(0);}
header .header-row .header-lang a:hover {
    color: #d9ad62;
}

header .header-row .header-logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
header .header-row .header-logo a{display: block;transition: none;overflow: hidden;text-align: center;}
header .header-row .header-logo a img{
}

header .header-row .header-menu{/* width: 45px; */display: flex;align-items: center;position: relative;cursor: pointer;transition: 0.4s;}
header .header-row .header-menu .menu-icon span{display: block;height: 2px;background: #FFFFFF;}
header .header-row .header-menu .menu-icon span + span { margin-top: 10px; }
header .header-row .header-menu .menu-icon span:nth-child(1){  }
header .header-row .header-menu .menu-icon span:nth-child(2){transform: translate(14px, 0px);width: 37px;}
header .header-row .header-menu .menu-icon span:nth-child(3){  }

header .header-row .header-menu .menu-icon {
    min-width: 45px;
    transform: translate(16px, 0px);
}

header .header-row .header-menu .close-text {
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0.05em;
    color: #ccc;
    margin-left: 16px;
    width: 0;
    position: relative;
    overflow: hidden;
}header .header-row .header-menu.point-none {
    pointer-events: none;
}

header .header-row .header-menu .close-text span {
    display: block;
    opacity: 0;
    transform: translate(10px, 0px);
}

  header .header-row .header-logo.header-display {
        display: none;
    }

@media (hover:hover){
    header .header-row .header-lang:hover a:nth-child(2) {
        transform: scale(1);
    }

    header .header-row .header-lang:hover a.active {
        transform: scale(0);
    }
}

@media only screen and (min-width: 1200px){
    header .header-row .header-lang {
        transform: translate(-60px, 0px);
        opacity: 0;
        visibility: hidden;
    }
    header .header-row .header-menu {
        transform: translate(40px, 0px);
    }
    header .header-row .header-menu .menu-icon span {
        transform: translate(20px, 0px);
        opacity: 0;
    }

    header .header-row .header-menu .menu-icon span:nth-child(2) {
        transform: translate(20px, 0px);
    }

    header .header-row .header-logo a {
        transform: translate(0px, 20px) scale(0.9);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1199px){
    header .header-row .header-logo.header-display {
        display: block;
    }
}

@media only screen and (max-width: 1370px){
    header {
        position: fixed;
    }
}

@media only screen and (max-width: 1370px){
    header {
        padding: 10px 0 10px;
    }

    header .header-row .header-logo a img {
        max-width: 85%;
    }
}

@media only screen and (max-width: 991px){
    header .header-row {
        padding: 0 40px;
    }

    header {
        height: 130px;
    }

    header .header-row .header-lang a {
        font-size: 17px;
    }

    header .header-row .header-logo a img {
        max-width: 70%;
    }
}

@media only screen and (max-width: 767px){
    header .header-row .header-lang {
        /* display: none; */
    }



    header .header-row .header-logo {
        /* position: relative; */
        /* top: 0; */
        /* left: 0; */
        transform: translate(-48%, -50%);
    }

    header .header-row {
        padding: 0 25px;
    }

    header .header-row .header-logo a {
        text-align: center;
    }

    header {
        padding: 0;
        height: 100px;
    }
    header {
        position: fixed;
    }

    header .header-row .header-logo a img {
        max-width: 60%;
    }

    header .header-row .header-menu .menu-icon span:nth-child(2) {
        width: 30px;
        transform: translate(10px, 0px);
    }

    header .header-row .header-menu .menu-icon span + span {
        margin-top: 8px;
    }
    header .header-row .header-menu .close-text {
        font-size: 14px;
        margin-left: 5px;
        margin-top: -1px;
    }

    header .header-row .header-menu .menu-icon {
        min-width: 30px;
        transform: translate(0, 0px);
    }

    .menu-active header .header-row .header-menu {
        transform: translate(0, 0px);
    }
}

@media only screen and (max-height: 750px){
    header {
        padding-top: 10px;
    }
}

/* About Banner */
.about{overflow: hidden;}
.about .about-banner{height: 100vh;position: relative;overflow: hidden;}
.about .about-banner:before {content: "";position: absolute;bottom: 0;right: 0;left: 0;height: 50%;background: linear-gradient(rgba(8, 22, 31, 0) 0%, rgba(8, 22, 31, 0.51) 39.08%, rgba(8, 22, 31, 0.35) 68.03%, rgba(8, 22, 31, 0.86) 100%);z-index: 1;pointer-events: none;}
.about .about-banner .banner-img{position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0.4;}
.about .about-banner .banner-img:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.about .about-banner .banner-img .img-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: bottom;
}

.about .about-banner .s-container{position: relative;height: 100%;display: flex;align-items: flex-end;justify-content: center;z-index: 1;}

.about .about-banner .banner-content{max-width: 700px;margin-bottom: 50px;}
.about .about-banner .banner-content h2{font-weight: 500;font-size: 38px;letter-spacing: 0em;line-height: 50px;text-align: center;color: #fff;margin-bottom: 0;}
.about .about-banner .banner-content p{font-family: Volte;font-weight: normal;font-size: 25px;letter-spacing: 0em;line-height: 35px;text-align: center;color: #ebebeb;margin-top: 50px;margin-bottom: 0;}
.about .about-banner .banner-content h2 > span, .about .about-banner .banner-content p > span {
    display: block;
}

.about .about-banner .banner-content .scroll-down{font-family: Volte;font-weight: normal;font-size: 20px;letter-spacing: 0.3em;color: #ebebeb;text-align: center;margin-top: 40px;}
.about .about-banner .banner-content .scroll-down > .line{width: 1px;height: 60px;background: #FFFFFF;margin: 0 auto;display: block;}
.about .about-banner .banner-content .scroll-down > .text{display: block;margin-top: 30px;}
.about .about-banner .banner-content .scroll-down > .text > span{font-family: KoHo;font-weight: bold;font-size: 20px;letter-spacing: 0.25em;color: #fff;display: block;}

@media only screen and (min-width: 1200px){
    .about .about-banner .banner-img {
        transform: scale(1.2);
        opacity: 0;
    }

    .about .about-banner .banner-content h2 {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }

    .about .about-banner .banner-content p {
        opacity: 0;
        visibility: hidden;
        transform: translate(0px, 30px);
    }

    .about .about-banner .banner-content .scroll-down > .line {
        transform: translate(0px, -20px) scale(1, 0);
    }

    .about .about-banner .banner-content .scroll-down > .text {
        transform: translate(0px, 20px);
        opacity: 0;
        visibility: hidden;
    }

    .about .about-banner .banner-content .scroll-down > .text > span {
        transform: translate(0px, 10px);
        opacity: 0;
        visibility: hidden;
    }

    .about .about-banner .banner-img .img-item{ transform: scale(1.2); }
}

@media only screen and (max-height: 900px) {
    .about .about-banner .banner-content {
        transform: translate(0px, 50px) scale(0.85);
    }
}

@media only screen and (max-height: 770px) {
    .about .about-banner .banner-content {
        transform: translate(0px, 80px) scale(0.75);
    }
}

@media only screen and (max-height: 660px) {
    .about .about-banner .banner-content p {
        margin-top: 20px;
    }

    .about .about-banner .banner-content .scroll-down {
        margin-top: 10px;
    }

    .about .about-banner .banner-content .scroll-down > .text {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .about .about-banner .banner-img {
        top: -10px;
    }
}

@media only screen and (max-width: 991px) {
    .about .about-banner .banner-content {
        transform: translate(0px, 50px) scale(0.85);
    }
}

@media only screen and (max-width: 767px) {
    .about .about-banner .banner-content {
        transform: translate(0px, 0px) scale(1);
        margin: 0 20px 30px;
    }

    .about .about-banner .banner-content h2 {
        font-size: 21px;
        line-height: normal;
    }

    .about .about-banner .banner-content p {
        margin-top: 10px;
        font-size: 16px;
        line-height: 1.3;
    }

    .about .about-banner .banner-content .scroll-down > .line {
        height: 30px;
    }

    .about .about-banner .banner-content .scroll-down {
        margin-top: 15px;
        font-size: 14px;
    }

    .about .about-banner .banner-content .scroll-down > .text {
        margin-top: 15px;
    }

    .about .about-banner .banner-content .scroll-down > .text > span {font-size: 14px;}

    .about .about-banner {
        height: 600px;
    }
}

/* -- */

.about-content{padding: 160px 0 140px;position: relative;}
.about-content:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 620px;background: linear-gradient(rgba(8, 22, 31, 0) 0%, rgba(8, 22, 31, 0.77) 60.21%, #08161f 100%);}
.about-content .s-container{  } 

.about-content .content-bg{position: absolute;top: auto;left: 0;right: 0;bottom: 50px;max-width: 1030px;height: 1030px;margin: 0 auto;transform: rotate(55deg);z-index: -1;pointer-events: none;opacity: 0.7;text-align: center;} 
.about-content .content-bg > span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.about-content .content-item{position: relative;} 
.about-content .content-item h3{font-weight: 600;font-size: 37px;line-height: 50px;text-align: center;color: #d9ad62;max-width: 970px;margin: 0 auto 160px;} 

.about-content .content-item .item-row{display: flex;justify-content: space-between;padding: 0 120px;} 
.about-content .content-item .item-row .row-item{flex: 0 0 45%;} 
.about-content .content-item .item-row .row-item + .row-item{  } 
.about-content .content-item .item-row .row-item p{font-family: 'Volte';font-weight: normal;font-size: 25px;letter-spacing: 0em;line-height: 35px;text-align: left;color: #ebebeb;margin-bottom: 0;} 

@media only screen and (min-width: 1200px){
    .about-content .content-bg{
        transform: scale(0.8) rotate(-30deg);
        opacity: 0;
    }
    .about-content .content-item h3{transform: translate(0, 50px);opacity: 0;}
    .about-content .content-item .item-row .row-item {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }
}


@media only screen and (max-width: 1600px){
    .about-content .content-item .item-row .row-item p {
        font-size: 22px;
        line-height: 32px;
    }

    .about-content .content-item h3 {
        font-size: 33px;
        line-height: 46px;
        margin-bottom: 100px;
    }

    .about-content .content-bg {
        height: 60vw;
    }
}

@media only screen and (max-width: 1370px){
    .about-content .content-item h3 {
        font-size: 30px;
        max-width: 60%;
    }
}

@media only screen and (max-width: 991px){
    .about-content .content-item h3 {
        max-width: 80%;
        line-height: 40px;
        margin-bottom: 70px;
    }

    .about-content .content-item .item-row {
        flex-wrap: wrap;
        padding: 0 50px;
    }

    .about-content .content-item .item-row .row-item {
        flex: 0 0 100%;
    }

    .about-content .content-item .item-row .row-item + .row-item {
        margin-top: 40px;
    }

    .about-content {
        padding: 100px 0;
    }

    .about-content .content-bg {
        height: 50%;
        bottom: 10%;
    }
}

@media only screen and (max-width: 767px){
    .about-content .content-item h3 {
        font-size: 23px;
        line-height: normal;
        margin-bottom: 40px;
        max-width: 90%;
    }

    .about-content {
        padding: 60px 0;
    }

    .about-content .content-item .item-row .row-item p {
        font-size: 18px;
        line-height: 1.4;
    }

    .about-content .content-item .item-row {
        padding: 0 30px;
    }

    .about-content .content-item .item-row .row-item + .row-item {
        margin-top: 30px;
    }

    .about-content .content-bg {
        bottom: -40px;
    }
}

/* -- */

.about-vm{margin: 0 50px 60px;}
.about-vm .s-container{
}

.about-vm .vm-container{padding: 160px 200px;position: relative;}
.about-vm .vm-container .vm-bg-color {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #091A24;
}
.about-vm .vm-container h3{max-width: 860px;font-family: Volte;font-weight: normal;font-style: italic;font-size: 30px;letter-spacing: 0em;line-height: 40px;text-align: center;color: #ebebeb;margin: 0 auto 130px;position: relative;}

.about-vm .vm-container .vm-row{display: flex;align-items: center;}
.about-vm .vm-container .vm-row .vm-row-item{padding-top: 40px;padding-bottom: 40px;position: relative;}
.about-vm .vm-container .vm-row .vm-row-item .line {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    height: 100%;
    width: 1px;
    background: #3B4A53;
}
.about-vm .vm-container .vm-row .vm-row-item + .vm-row-item{margin-left: 150px;padding-left: 150px;}
.about-vm .vm-container .vm-row .vm-row-item h4{font-family: KoHo;font-weight: 600;font-size: 27px;letter-spacing: 0.5em;color: #d9ad62;margin-bottom: 30px;line-height: normal;}
.about-vm .vm-container .vm-row .vm-row-item p{font-family: Volte;font-size: 23px;line-height: 33px;color: #fff;margin-bottom: 0;}

@media only screen and (min-width: 1200px){
    .about-vm .vm-container h3 {transform: translate(0px, 40px);opacity: 0;visibility: hidden;}

    .about-vm .vm-container .vm-row .vm-row-item h4 {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .about-vm .vm-container .vm-row .vm-row-item p {
        transform: translate(0px, 40px);
        opacity: 0;
    }

    .about-vm .vm-container .vm-row .vm-row-item .line{ height: 0; }

    .about-vm .vm-container .vm-bg-color { left: -80px; right: -80px; }
}

@media only screen and (max-width: 1600px){
    .about-vm .vm-container {
        padding: 100px 100px;
    }

    .about-vm .vm-container h3 {
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 1470px){
    .about-vm .vm-container h3 {
        font-size: 25px;
        max-width: 800px;
        line-height: 35px;
        margin-bottom: 70px;
    }

    .about-vm .vm-container .vm-row .vm-row-item h4 {
        font-size: 25px;
    }

    .about-vm .vm-container .vm-row .vm-row-item p {
        font-size: 20px;
        line-height: 30px;
    }

    .about-vm .vm-container .vm-row .vm-row-item + .vm-row-item {
        margin-left: 100px;
        padding-left: 100px;
    }
}

@media only screen and (max-width: 991px){
    .about-vm {
        margin-bottom: 100px;
    }
    .about-vm .vm-container .vm-row .vm-row-item {
        padding-top: 0;
        padding-bottom: 0;
    }

    .about-vm .vm-container {
        padding: 80px 50px;
    }

    .about-vm .vm-container .vm-row {
        display: block;
    }

    .about-vm .vm-container .vm-row .vm-row-item + .vm-row-item {
        margin-left: 0;
        padding-left: 0;
        margin-top: 30px;
        padding-top: 30px;
    }

    .about-vm .vm-container .vm-row .vm-row-item .line {
        top: 0;
        left: -10px;
        right: -10px;
        width: auto;
        height: 1px;
        transform: translate(0px, 0px);
    }

    .about-vm .vm-container .vm-row .vm-row-item h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .about-vm .vm-container .vm-row .vm-row-item p {
        font-size: 18px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px){
    .about-vm {
        margin: 0 30px 60px;
    }

    .about-vm .vm-container h3 {
        font-size: 20px;
        line-height: 27px;
        max-width: 100%;
        margin-bottom: 50px;
    }

    .about-vm .vm-container {
        padding: 50px 30px;
    }

    .about-vm .vm-container .vm-row .vm-row-item h4 {
        font-size: 17px;
        margin-bottom: 15px;
    }

    .about-vm .vm-container .vm-row .vm-row-item p {
        font-size: 16px;
        line-height: 25px;
    }
}

/* -- */

.about-our-values{/* height: calc(100vh - 220px); */position: relative;margin: 0 50px 200px;overflow: hidden;}
.about-our-values .our-values-container{position: relative;height: 100%;border: 3px solid #0F2431;overflow: hidden;}

.about-our-values .our-values-bg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;pointer-events: none;}
.about-our-values .our-values-bg .bg-item{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;opacity: 0;}
.about-our-values .our-values-bg .bg-item:nth-child(1){opacity: 1;}


.about-our-values .our-values-bg .bg-item:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #08161F;z-index: 1;opacity: 0.99;pointer-events: none;}

.about-our-values .values-item{/* position: absolute; *//* top: 50%; *//* left: 0; *//* right: 0; *//* transform: translate(0px, -50%); *//* z-index: 1; *//* display: flex; *//* align-items: center; *//* justify-content: center; */padding-top: 80px;text-align: center;}
.about-our-values .values-item h5{font-weight: 600;font-size: 36px;letter-spacing: 0.4em;color: #d9ad62;line-height: normal;position: relative;margin-bottom: 0;z-index: 1;}
.about-our-values .values-item p{font-size: 25px;line-height: 38px;color: #ccc;margin-bottom: 0;margin-left: 100px;max-width: 60%;position: relative;z-index: 1;margin: 30px auto 60px;}

.about-our-values .other-container {
    position: relative;
}
.about-our-values .other-values-item{display: flex;padding: 200px 120px 110px;/* opacity: 0; *//* visibility: hidden; */overflow: hidden;position: relative;z-index: 1;}
.about-our-values .other-values-item .other-item{display: flex;align-items: center;}
.about-our-values .other-values-item .other-item h5{font-weight: 600;font-size: 27px;letter-spacing: 0.4em;color: #d9ad62;margin-bottom: 0;transform: translate(0px, 100px);opacity: 0;visibility: hidden;position: relative;height: 32px;width: 500px;overflow: hidden;}
.about-our-values .other-values-item .other-item p{font-size: 25px;line-height: 35px;color: #ccc;margin-bottom: 0;margin-left: 60px;width: 460px;height: 70px;transform: translate(0px, 130px);opacity: 0;visibility: hidden;overflow: hidden;position: relative;}

.about-our-values .other-values-item .other-list-border{position: absolute;top: -36px;left: -60px;right: -55px;height: 110px;/* border: 1px solid #173446; */box-shadow: 0px 0px 9px rgba(255, 255, 255, 0);transform: translate(0px, 5px);}
.about-our-values .other-values-item .other-list-border > span {
    background: #173446;
    position: absolute;
    display: block;
}.about-our-values .other-values-item .other-item h5 > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.about-our-values .other-values-item .other-list .list-item:nth-child(n+6) {
    border-top: 1px solid rgb(255 255 255 / 6%);
}


.about-our-values .other-values-item .other-item p > span {
    display: block;
    position: absolute;
    top: 0;
}

.about-our-values .other-values-item .other-list-border > span:nth-child(1) {
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
}

.about-our-values .other-values-item .other-list-border > span:nth-child(2) {
    top: 0;
    left: 0;
    height: 0;
    width: 1px;
}

.about-our-values .other-values-item .other-list-border > span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
}

.about-our-values .other-values-item .other-list-border > span:nth-child(4) {
    top: 0;
    right: 0;
    height: 0;
    width: 1px;
}

.about-our-values .other-values-item .other-list .list-item:nth-child(2), .about-our-values .other-values-item .other-list .list-item:nth-child(3), .about-our-values .other-values-item .other-list .list-item:nth-child(4) {
    /* transform: translate(0px, 20px); */
    /* opacity: 0; */
}

.about-our-values .other-values-item .other-list{/* max-height: 530px; *//* overflow: hidden; *//* padding: 10px 30px; */position: relative;/* transform: translate(0px, 48%); */z-index: 1;display: flex;flex-wrap: wrap;}
.about-our-values .other-values-item .other-list .list-item{
    text-align: center;
    flex: 0 0 20%;
    padding-bottom: 60px;
    padding-top: 60px;
}
.about-our-values .other-values-item .other-list .list-item + .list-item{/* margin-top: 80px; */border-left: 1px solid rgb(255 255 255 / 6%);}
.about-our-values .other-values-item .other-list .list-item:nth-child(5n+1) {
    border-left: none;
}
.about-our-values .other-values-item .other-list .list-item > span{font-weight: 600;font-size: 16px;letter-spacing: 0.1em;color: #d9ad62;display: block;user-select: none;}
.about-our-values .other-values-item .other-list .list-item > p {
    font-size: 15px;
    text-align: center;
    color: #ccc;
    margin: 5px 10px 0;
}
.about-our-values .other-values-item .other-list .list-item .item-icon{max-width: 50px;min-height: 70px;position: relative;margin: 0 auto 20px;display: flex;align-items: center;}
.about-our-values .other-values-item .other-list .list-item .item-icon img:nth-child(1){  }
.about-our-values .other-values-item .other-list .list-item .item-icon img:nth-child(2){position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}

.about-our-values .other-values-item .other-list .list-item:nth-child(2) {/* opacity: 1; *//* transform: translate(0px, -31px); */}
.about-our-values .other-values-item .other-list .list-item:nth-child(2) > span {/* color: #FFFFFF; *//* transform: translate(-20px, 0) scale(1.2); */}
.about-our-values .other-values-item .other-list .list-item:nth-child(2) .item-icon {/* transform: translate(25px, 0px) scale(1.5); */}
.about-our-values .other-values-item .other-list .list-item:nth-child(2) .item-icon > img:nth-child(2) { opacity: 1; }

.about-our-values .other-values-item .other-list .list-item:nth-child(3) {/* opacity: 0.5; */}
.about-our-values .other-values-item .other-list .list-item:nth-child(3) > span {/* transform: translate(0, 0px) scale(1.15); */}
.about-our-values .other-values-item .other-list .list-item:nth-child(3) > .item-icon {/* transform: translate(10px, 0px) scale(1.25); */}

.about-our-values .other-values-item .other-list .list-item:nth-child(4) {/* opacity: 0.4; */}

.about-our-values .our-strategy-item{/* display: flex; */align-items: center;justify-content: center;padding: 110px 50px;position: relative;z-index: 1;background: #08161f;text-align: center;}

    .about-our-values .our-strategy-item:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: url(../img/main/our-values-bg-2.jpg);z-index: -1;opacity: 0.02;}

.about-our-values .our-strategy-item h5{font-weight: 600;font-size: 36px;letter-spacing: 0.4em;color: #d9ad62;margin-bottom: 50px;line-height: normal;}
.about-our-values .our-strategy-item .strategy-list{/* margin-left: 110px; */}
.about-our-values .our-strategy-item .strategy-list .list-item{font-weight: normal;font-size: 25px;color: #ccc;position: relative;}
.about-our-values .our-strategy-item .strategy-list .list-item > span {position: absolute;top: -18px;transform: translate(-50%, 0);left: 50%;width: 7px;height: 7px;background: #EBEBEB;border-radius: 100%;opacity: 0.5;}
.about-our-values .our-strategy-item .strategy-list .list-item + .list-item{margin-top: 34px;}

@media only screen and (min-width: 1200px){
    .about-our-values .our-values-bg {
        top: -200px;
    }

    .about-our-values .our-strategy-item h5 {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .about-our-values .our-strategy-item .strategy-list .list-item {
        transform: translate(0px, 30px) scale(1.1);
        opacity: 0;
    }

    .about-our-values .our-strategy-item .strategy-list .list-item > span {
        transform: translate(-50%, 0) scale(0);
    }

    .about-our-values .other-values-item {
        transform: translate(0px, -100px);
    }

    .about-our-values .values-item p {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .about-our-values .values-item h5 {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .about-our-values .other-values-item .other-list .list-item .item-icon {
        transform: scale(0.9);
    }

    .about-our-values .other-values-item .other-list .list-item > span {
        transform: translate(0px, 5px);
    }

    .about-our-values .other-values-item .other-list .list-item > p {
        transform: translate(0px, 10px);
    }

    .about-our-values .other-values-item .other-list .list-item {transform: translate(0px, 100px);opacity: 0;}
}

@media only screen and (max-width: 1700px){
    .about-our-values .our-strategy-item .strategy-list .list-item {
        font-size: 25px;
    }

    .about-our-values .our-strategy-item h5 {
        font-size: 28px;
    }

    .about-our-values .our-strategy-item .strategy-list {
        /* margin-left: 80px; */
    }
}

@media only screen and (max-width: 1600px){
    .about-our-values .other-values-item .other-item h5 {
        font-size: 23px;
        width: 500px;
    }

    .about-our-values .values-item h5 {
        font-size: 27px;
    }

    .about-our-values .values-item p {
        font-size: 24px;
    }

    .about-our-values .other-values-item .other-item p {
        margin-left: 20px;
        font-size: 22px;
        line-height: 27px;
        width: 400px;
        height: 60px;
    }
}

@media only screen and (max-width: 1470px){
    .about-our-values .other-values-item {
        padding: 120px 50px 10px;
    }

    .about-our-values .other-values-item .other-item h5 {
        font-size: 20px;
        width: 400px;
    }

    .about-our-values .other-values-item .other-item p {
        font-size: 20px;
        height: 55px;
    }

    .about-our-values .our-strategy-item .strategy-list .list-item {
        font-size: 22px;
    }
}

@media only screen and (max-width: 1370px){
    .about-our-values .our-strategy-item .strategy-list .list-item {
        font-size: 20px;
    }

    .about-our-values .our-strategy-item h5 {
    font-size: 25px;
    }

    .about-our-values .our-strategy-item .strategy-list {
        /* margin-left: 50px; */
    }
}

@media only screen and (max-width: 1199px){
    .about-our-values {
        height: auto;
        /* margin-bottom: 0; */
    }

    .about-our-values .values-item {
        position: relative;
        top: 0;
        transform: translate(0px, 0px);
        padding: 80px 50px 40px;
    }

    .about-our-values .our-strategy-item {
        position: relative;
        opacity: 1;
        visibility: visible;
        padding: 70px 50px;
        margin-top: 50px;
        background: #08161f;
        z-index: 2;
    }

    .about-our-values .our-strategy-item h5 {
        transform: translate(0px, 0);
        opacity: 1;
    }

    .about-our-values .our-strategy-item .strategy-list .list-item {
        transform: translate(0px, 0);
        opacity: 1;
    }

    .about-our-values .our-strategy-item .strategy-list .list-item + .list-item {
        margin-top: 23px;
    }

    .about-our-values .values-item h5 {
        font-size: 23px;
    }

    .about-our-values .values-item p {
        margin-left: 30px;
        font-size: 23px;
        line-height: 30px;
        max-width: initial;
    }

    .about-our-values .our-values-bg {opacity: 0;}

    .about-our-values .our-values-container:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-image: url(../img/main/our-values-bg-1.jpg);opacity: 0.02;z-index: 2;pointer-events: none;background-size: cover;background-position: center;}

    .about-our-values .other-values-item .other-item {display: none;}

    .about-our-values .other-values-item {
        position: relative;
        opacity: 1;
        visibility: visible;
        padding: 0 100px 80px;
    }

    .about-our-values .other-values-item .other-item h5 {
        opacity: 1;
        visibility: visible;
        transform: translate(0px, 0);
    }

    .about-our-values .other-values-item .other-item p {
        transform: translate(0px, 0px);
        opacity: 1;
        visibility: visible;
    }

    .about-our-values .other-values-item .other-list-border {
        display: none;
    }

    .about-our-values .other-values-item .other-list .list-item {
        opacity: 1;
        transform: translate(0px, 0px) scale(1);
        flex: 1 1 50%;
        flex-direction: column-reverse;
        height: auto;
    }

    .about-our-values .other-values-item .other-list {
        transform: translate(0px, 0px);
        display: flex;
        flex-wrap: wrap;
    }

    .about-our-values .other-values-item .other-list .list-item:nth-child(2), .about-our-values .other-values-item .other-list .list-item:nth-child(3), .about-our-values .other-values-item .other-list .list-item:nth-child(4) {
        transform: translate(0px, 0px);
        opacity: 1;
    }

    .about-our-values .other-values-item .other-list .list-item + .list-item {
        margin-top: 0;
    }

    .about-our-values .other-values-item .other-list .list-item:nth-child(n+3) {
    border-top: 1px solid rgb(255 255 255 / 6%);
    }

    .about-our-values .other-values-item .other-list .list-item > span {
        margin-right: 0;
        margin-top: 20px;
        /* color: #fff; */
    }

    .about-our-values .other-values-item .other-list .list-item p {
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin: 5px 30px 0;
    }

    .about-our-values .other-values-item .other-list .list-item .item-icon img:nth-child(2) {
        opacity: 1;
    }

    .about-our-values .other-values-item .other-list .list-item:nth-child(2n+1) {border-left: none;}

    .about-our-values .other-values-item .other-list .list-item:nth-child(2n) {
        border-left: 1px solid rgb(255 255 255 / 6%);
    }

    .about-our-values .our-strategy-item .strategy-list .list-item > span {
        top: -14px;
    }
}

@media only screen and (max-width: 991px){
    .about-our-values .values-item {
        display: block;
    }
    .about-our-values .our-strategy-item h5 {
        margin-bottom: 30px;
    }
    .about-our-values .values-item p {
        margin-left: 0;
        margin-top: 20px;
    }

    .about-our-values .other-values-item {
        padding: 0 40px 40px;
    }

    .about-our-values .our-strategy-item {
        display: block;
    }

    .about-our-values .our-strategy-item .strategy-list {
        margin-left: 0;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px){
    .about-our-values {
        margin: 0 30px 80px;
    }

    .about-our-values .other-values-item {
        padding: 0 30px 0;
    }

    .about-our-values .values-item {
        padding: 50px 30px 0;
    }

    .about-our-values .values-item h5 {
        font-size: 20px;
    }

    .about-our-values .values-item p {
        font-size: 18px;
        line-height: normal;
    }

    .about-our-values .other-values-item .other-list .list-item {
        border-left: none !important;
        flex: 1 1 100%;
        padding: 30px 0;
    }

    .about-our-values .other-values-item .other-list .list-item:nth-child(n+3) {
        margin-top: 0;
    }

    .about-our-values .our-strategy-item {
        padding: 50px 30px;
    }

    .about-our-values .our-strategy-item .strategy-list .list-item {
        font-size: 16px;
    }

    .about-our-values .other-values-item .other-list .list-item + .list-item {
        border-top: 1px solid rgb(255 255 255 / 6%) !important;
    }

    .about-our-values .our-strategy-item h5 {
        font-size: 19px;
    }

}

/* -- */

.about-gallery{ padding: 200px 0 180px; }
.about-gallery .gallery-container{position: relative;}
.about-gallery .gallery-container .swiper-container { padding: 0 610px; }
.about-gallery .gallery-container .swiper-slide{  }
.about-gallery .gallery-container .swiper-slide.swiper-slide-active a { opacity: 1; }
.about-gallery .gallery-container .swiper-slide a{display: block;opacity: 0.5;}
.about-gallery .gallery-container .swiper-slide a .gallery-item{height: 600px;background-size: cover;background-position: center;}

.about-gallery .gallery-container .swiper-pagination { margin-top: 60px; }

.about-gallery .gallery-container .slide-btn { cursor: pointer; position: absolute; top: 46%; transform: translate(0px, -50%); z-index: 1; }
.about-gallery .gallery-container .slide-btn svg {fill: #5A6369;transition: 0.4s;}

.about .about-gallery .gallery-container .slide-btn.slide-prev {
    left: 500px;
}

.about .about-gallery .gallery-container .slide-btn.slide-next {
    right: 500px;
}

@media (hover:hover) {
    .about-gallery .gallery-container .slide-btn:hover svg { fill: #D9AD62; }
}

@media only screen and (min-width: 1200px){
    .about .about-gallery .gallery-container .slide-btn.slide-prev {
        transform: translate(-30px, -50%);
        opacity: 0;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-next {
        transform: translate(30px, -50%);
        opacity: 0;
    }

    .about .about-gallery .swiper-pagination > span {
        transform: translate(0px, 20px) scale(1);
        opacity: 0;
    }
    .about-gallery .gallery-container .swiper-slide a .gallery-item {
        transform: scale(0.7);
        opacity: 0;
    }
}

@media only screen and (max-width: 1750px){
    .about-gallery .gallery-container .swiper-slide a .gallery-item {
        height: 26vw;
    }
}

@media only screen and (max-width: 1600px){
    .about-gallery .gallery-container .swiper-container {
        padding: 0 450px;
    }

    .about-gallery .gallery-container .swiper-slide a .gallery-item {
        height: 35vw;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-prev {
        left: 350px;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-next {
        right: 350px;
    }
}

@media only screen and (max-width: 1199px){
    .about-gallery .gallery-container .swiper-container {
        padding: 0 300px;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-prev {
        left: 240px;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-next {
        right: 240px;
    }

    .about-gallery .gallery-container .slide-btn {
        top: 43%;
    }
}

@media only screen and (max-width: 991px){
    .about-gallery .gallery-container .swiper-container {
        padding: 0 200px;
    }

    .about-gallery .gallery-container .swiper-slide a .gallery-item {
        height: 42vw;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-prev {
        left: 140px;
    }

    .about .about-gallery .gallery-container .slide-btn.slide-next {
        right: 140px;
    }
}

@media only screen and (max-width: 767px){
    .about-gallery .gallery-container .swiper-container {
        padding: 0 80px;
    }

    .about-gallery .gallery-container .swiper-slide a .gallery-item {
        height: 51vw;
    }

    .about-gallery .gallery-container .swiper-pagination {
        margin-top: 40px;
        transform: scale(0.9);
    }

    .about-gallery {
        padding: 80px 0;
    }
}

/* Career */
.career{margin: 70px 160px 80px 250px;min-height: calc(100vh - 250px);}
.career .s-container{  }
.career .career-row{display: flex;align-items: flex-start;}
.career .career-row .career-img{flex: 0 0 43%;max-width: 43%;height: 630px;position: relative;opacity: 0.47;overflow: hidden;}
.career .career-row .career-img .img-item{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;}

.career .career-row .career-content{flex: 0 0 57%;max-width: 57%;position: relative;padding-left: 100px;padding-top: 30px;}
.career .career-row .career-content h2{font-weight: 600;font-size: 37px;line-height: 45px;color: #d9ad62;margin-bottom: 25px;max-width: 470px;}
.career .career-row .career-content p{font-family: Volte;font-weight: normal;font-size: 25px;line-height: 35px;color: #ebebeb;margin-bottom: 0;max-width: 470px;}
.career .career-row .career-content .content-departments{margin-top: 60px;position: relative;}
.career .career-row .career-content .content-departments h3{font-size: 20px;letter-spacing: 0.25em;color: #7893a7;line-height: normal;position: relative;height: 26px;width: 50%;white-space: nowrap;margin-bottom: 0;}
.career .career-row .career-content .content-departments h3 > span{position: absolute;top: 0;left: 0;overflow: hidden;}
.career .career-row .career-content .content-departments h3 > span > span{transform: translate(0px, 100%);display: block;}

.career .career-row .career-content .content-departments .department-slide{
    margin-left: -150px;
    /* transform: translate(100px, 0px); */
}
.career .career-row .career-content .content-departments .department-slide .swiper-container{width: 100%;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide{  }
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a{display: block;height: 245px;position: relative;background: #0F2431;transition: none;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item{height: 100%;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon{fill: #3E5362;position: absolute;top: 20px;left: 25px;}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item > span{font-weight: 600;font-size: 20px;color: #7893a7;display: block;position: absolute;bottom: 30px;right: 30px;max-width: 70%;left: auto;text-align: right;}

.career .career-row .career-content .content-departments .content-form{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: linear-gradient(#d9ad62 0%, #d9ad62 100%);opacity: 0;pointer-events: none;}


.career .career-row .career-content .content-departments h3 > span:nth-child(1) > span {
    transform: translate(0px, 0);
}

.career .career-row .career-content .content-departments .department-slide .swiper-pagination {
    margin-top: 40px;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    position: relative;
    border: 2px solid #fff0;
    transition: 0.4s;
    cursor: pointer;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label {
    border-color: #FFE6BC;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label:before {
    opacity: 1;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label .depart-item > .item-icon {
    fill: #091A24;
}

.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label .depart-item > span {
    color: #091A24;
}
.career .career-row .career-content .content-departments .content-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.career .career-row .career-content .content-departments .content-title .back-btn {
    cursor: pointer;
    transform: translate(20px, 0px);
    opacity: 0;
    visibility: hidden;
}

.career .career-row .career-content .content-departments .content-title .back-btn > span {
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #7893a7;
    line-height: normal;
    opacity: 0.7;
    transition: 0.4s;
}


.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon svg:nth-child(2) {
    position: absolute;
    top: 11px;
    left: 12px;
    width: 12px;
    height: 12px;
    opacity: 0;
}
.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a input:checked ~ label .depart-item .item-icon svg:nth-child(2) {
    opacity: 1;
}


.career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon svg:nth-child(2) path {}

.form-group .form-control {
    font-family: Volte;
    font-weight: 600;
    font-size: 16px;
    color: #576c7c;
    background: #fff0;
    border-color: #1D3746;
    border-radius: 0;
    height: 65px;
    padding: 20px 20px;
    line-height: normal;
    transition: 0.4s;
    box-shadow: none;
}

.form-group .form-control::-webkit-input-placeholder {
  color: #576c7c;
}

.form-group .form-control:-ms-input-placeholder {
  color: #576c7c;
}

.form-group .form-control::placeholder {
  color: #576c7c;
}

.form-group {
    margin-bottom: 0;
}

.career .form-row {
    margin: 0;
}

.career .form-row > div {
    flex: 1 1 0;
}

.career .form-row > .form-group {
    flex: 1.7 1 0;
}

.career .form-row > div + div {
    margin-left: 13px;
    padding: 0;
}

.career .form-row > div img {
}

.captcha_img {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border: 1px solid #1D3746;
}

.career .form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 45px;
}

.form-kvkk {
    display: flex;
    align-items: center;
    position: relative;
}

.form-kvkk > label {
    margin-bottom: 0;
    min-width: 20px;
    height: 20px;
    background: #0A1B26;
    border: 1px solid #1D3746;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
    transition: 0.4s;
}
.form-kvkk input:checked ~ label {
    border-color: #d9ad62;
}
.form-kvkk > span {
    font-family: Volte;
    font-weight: 500;
    font-size: 17px;
    color: #576c7c;
    display: block;
}

.form-kvkk > span > a {
    color: #7893A7;
    font-weight: 500;
}

.form-kvkk > input {
    position: absolute;
    top: 10px;
    left: 8px;
    width: 2px;
    height: 2px;
    z-index: -1;
    pointer-events: none;
}

.submit {
    position: relative;
    background: #0C1D27;
    transition: 0.4s;
}
.submit > span {
    width: 40px;
}

.submit button {
    font-size: 16px;
    letter-spacing: 0.3em;
    color: #fff;
    border: none;
    outline: none;
    padding: 23px 53px;
    background: #fff0;
    transition: 0.4s;
    user-select: none;
}

.submit > span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
    width: 40px;
    height: 2px;
    background: #D9AD62;
    transition: 0.4s;
}

.form-kvkk input:checked ~ label:before {
    transform: scale(1);
}

.form-kvkk > label:before {content: "";position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;background: #D9AD62;transform: scale(0);pointer-events: none;transition: 0.4s;}

.input-group>.custom-file {
    height: 100%;
    box-shadow: none;
    cursor: pointer;
}

.form-group .form-control.form-active, .form-group .form-control:focus {
    border-color: rgb(255 255 255 / 0.4);
    color: rgb(255 255 255 / 0.8);
}



.form-group .input-group {
    margin-bottom: 25px;
    height: 65px;
    box-shadow: none;
}

.custom-file-label::after {
    display: none;
}

.custom-file-label {
    margin: 0;
    font-family: Volte;
    font-weight: 500;
    font-size: 16px;
    color: #394d5c;
    border: none;
    height: 100%;
    line-height: normal;
    display: flex;
    align-items: center;
    border-radius: 0;
    background: #0A1B26;
    box-shadow: none !important;
    padding: 0 150px 0 20px;
}

.custom-file-input {
    height: 100%;
    box-shadow: none;
    cursor: pointer;
}
.input-group-prepend > svg {
    fill: #7893A7;
    margin-right: 15px;
    transition: 0.4s;
}
.input-group-prepend {
    position: absolute;
    right: 10px;
    z-index: 4;
    top: 10px;
    bottom: 10px;
    left: auto;
    pointer-events: none;
    background: #0F2431;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

span.input-group-text {
    font-weight: bold;
    font-size: 15px;
    color: #7893a7;
    border: none;
    line-height: normal;
    background: #fff0;
    border: none;
    padding: 0;
    transition: 0.4s;
}


@media (hover:hover) {
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a:hover .depart-item .item-icon svg:nth-child(2) {
        opacity: 1;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a:hover .depart-item > .item-icon {
        fill: #091A24;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label:hover {
        border-color: #FFE6BC;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a label:hover:before {
        opacity: 1;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a:hover .depart-item > span {
        color: #091A24;
    }

    .career .career-row .career-content .content-departments .content-title .back-btn:hover > span {
        opacity: 1;
    }


    .submit:hover > span {
        width: 50px;
        transform: translate(-30%, -50%);
    }
    .submit:hover {
        background: #0F232F;
    }

    .submit:hover button {
        color: #D9AD62;
        transform: translate(10px, 0px);
    }
    .form-kvkk > span > a:hover {
        color: rgb(255 255 255 / 0.8);
    }

    .form-kvkk > label:hover {
        border-color: #fff;
    }

    .form-group .input-group:hover .input-group-prepend .input-group-text {
        color: rgb(255 255 255 / 88%);
    }
    
    .form-group .input-group:hover .input-group-prepend svg {fill: rgb(255 255 255 / 88%);}

}

@media only screen and (min-width: 1200px){
    .career .career-row .career-img {
        /* opacity: 0; */
        transform: scale(0.9);
    }

    .career .career-row .career-img .img-item {
        transform: scale(1.3);
        opacity: 0;
    }

    .career .career-row .career-content h2 {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .career .career-row .career-content p {
        transform: translate(0px, 30px);
        opacity: 0;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-pagination {
        transform: translate(0px, 30px);
        opacity: 0;
    }
    .career .career-row .career-content .content-departments h3 {
        transform: translate(0px, 20px);
        opacity: 0;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a {
        transform: scale(0.9);
        opacity: 0;
        visibility: hidden;
    }
    .career .career-row .career-img {
        transform: scale(0.9);
    }
    .career .career-row .career-content .content-departments .content-form > .form-group {transform: translate(0px, 30px);opacity: 0;visibility: hidden;}

    .career .form-bottom {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1700px){
    .career .form-kvkk > span {
        max-width: 300px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1550px){
    .career .career-row .career-content h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .career .career-row .career-content p {
        font-size: 20px;
        line-height: 30px;
    }

    .career .career-row .career-content .content-departments h3 {
        font-size: 17px;
    }

    .career .career-row .career-content .content-departments .content-title {
        margin-bottom: 30px;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item > span {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1470px){
  .career {
    margin-right: 60px;
    }

    .career .form-group .captcha .form-control {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1370px){
    .career .career-row .career-content .content-departments .department-slide {
        margin-left: -80px;
    }

    .career .career-row .career-content {padding-left: 60px;}

    .career .career-row .career-img {
        flex: 0 0 38%;
        max-width: 38%;
    }
}

@media only screen and (max-width: 1199px){
    .career {
        margin-left: 100px;
        min-height: calc(100vh - 700px);
    }

    .career .form-row > .form-group {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .career .form-row > div + div {
        margin-left: 0;
    }

    .career .form-row > .captcha {
        height: 65px;
    }

    .career .form-row > .captcha + .captcha {
        margin-left: 15px;
    }

    .career .submit button {font-size: 14px;padding: 20px 30px;margin-left: 10px;}

    .career .form-kvkk > span {
        margin-right: 40px;
    }

    .career .career-row .career-content .content-departments .content-form {
        bottom: -50px;
    }
}

@media only screen and (max-width: 991px){
    .career .career-row .career-img {
        display: none;
    }

    .career .career-row .career-content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0;
        padding-left: 0;
    }

    .career .career-row .career-content .content-departments .department-slide {
        margin-left: 0;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item > span {
        right: 10px;
        bottom: 16px;
    }

    .career .career-row .career-content .content-departments .department-slide .swiper-container .swiper-slide a .depart-item .item-icon {
        transform: scale(0.9);
        left: 10px;
        top: 15px;
    }
    .career .career-row .career-content .content-departments .department-slide .swiper-container {
        padding: 0 60px;
    }
    .career {
        margin-bottom: 130px;
    }
}

@media only screen and (max-width: 767px){
    .career{margin: 40px 30px 70px;}
    .career .career-row .career-content h2{ font-size:25px; line-height:normal;}
    .career .career-row .career-content p{ font-size:17px; line-height:1.4;}
    .career .career-row .career-content .content-departments{ margin-top:40px;}
    .career .career-row .career-content .content-departments h3{ white-space:normal; font-size:13px; width:50%; height:17px;}
    .career .career-row .career-content .content-departments .content-form{ bottom:-10px;}
    .career .career-row .career-content .content-departments .content-title .back-btn > span{ padding:5px; margin-right:-5px; font-size:13px;}
    .career .career-row .career-content .content-departments .content-title{ margin-bottom:20px;}
    .career .custom-file-label{ font-size:13px; padding:0 150px 0 15px;}
    .career .form-group .input-group{ height:55px; margin-bottom:15px;}
    .career span.input-group-text{ font-size:11px;}
    .career .input-group-prepend > svg{ width:10px; height:10px; margin-right:10px;}
    .career .input-group-prepend{ padding:0 15px; right:5px; top:5px; bottom:5px;}
    .career .form-group .form-control{ font-size:14px; height:55px; padding:0 15px;}
    .career .form-row > .captcha{ height:55px;}
    .career .captcha a{ right:3px;}
    .career .career-row .career-content .content-departments .department-slide{ margin:40px -30px 0;}
    .career .form-bottom{ flex-wrap:wrap; margin-top:15px;}
    .career .form-kvkk > span{ font-size:14px; margin-right:0;}
    .career .submit{ margin-left:auto; margin-top:15px;}
    .career .submit button{ font-size:12px; padding:15px 30px;}
}

/* Footer */
footer{padding: 20px 0;background: rgb(14 36 49 / 0.5);position: relative;z-index: 4;}
footer .s-container{}
footer .footer-row{display: flex;align-items: center;justify-content: space-between;padding: 0 20px;}
footer .footer-row .copyright{  }
footer .footer-row .copyright p{font-family: Volte;font-weight: normal;font-size: 14px;color: #80a4bc;margin-bottom: 0;}
footer .footer-row .copyright p > span{font-weight: 600;}
footer .footer-row .footer-menu{  }
footer .footer-row .footer-menu ul{display: flex;align-items: center;margin-bottom: 0;}
footer .footer-row .footer-menu ul li{  }
footer .footer-row .footer-menu ul li + li{margin-left: 40px;}
footer .footer-row .footer-menu ul li a{font-family: Volte;font-weight: 500;font-size: 14px;color: #80a4bc;}
footer .footer-row .signature{display: flex;align-items: center;margin-top: -3px;}
footer .footer-row .signature > a{font-size: 15px;font-family: 'Volte';color: #537B96;display: block;position: relative;user-select: none;}
footer .footer-row .signature > a:nth-child(1){margin-right: 14px;margin-bottom: -6px;}
footer .footer-row .signature > a:nth-child(2){  }
footer .footer-row .signature > a:nth-child(2):before{content: "";position: absolute;top: 2px;bottom: -3px;left: -8px;width: 1px;background: rgb(83 123 150 / 0.5);}
footer .footer-row .signature > a img{
    max-width: 80px;
    height: 16px;
}

footer.main-footer .footer-row {
    padding-right: 10%;
}

@media (hover:hover){
    footer .footer-row .footer-menu ul li a:hover {
        color: #fff;
    }
}

@media only screen and (max-width: 1400px) {
    footer.main-footer .footer-row {
        padding-right: 15%;
    }
}

@media only screen and (max-width: 1199px) {
    footer.main-footer .footer-row{padding-right: 20px;}
}

@media only screen and (max-width: 991px) {
    footer .footer-row {
        display: block;
        text-align: center;
    }

    footer .footer-row .footer-menu ul {
        justify-content: center;
    }

    footer .footer-row .signature {
        justify-content: center;
    }

    footer .footer-row .footer-menu {
        margin: 10px 0 20px;
    }

    footer .footer-row .footer-menu ul li a {
        padding: 10px;
    }
}

@media only screen and (max-width: 767px) {
    footer .footer-row .footer-menu ul li a {
        font-size: 12px;
    }

    footer .footer-row .footer-menu ul li + li {margin-left: 10px;}

    footer .footer-row .signature {
        background: #10222d;
        padding: 10px 0;
    }

    footer .footer-row .copyright p {font-size: 13px;}

    footer .footer-row {
        padding: 0 !important;
        display: block;
        text-align: center;
    }

.main-body footer {
    z-index: 4;
}
    footer {
        padding-bottom: 0;
        z-index: 2;
    }
    footer .footer-row .copyright {
    }
    footer .footer-row .signature > a {
        transform: scale(0.9);
    }

    footer .footer-row .signature > a:nth-child(1) {
        margin-right: 5px;
        margin-bottom: -3px;
    }

    footer .footer-row .signature > a:nth-child(2):before {
        top: 0;
    }
}

/* File Archive */
.file-archive {padding: 30px 0 0;}
.file-archive .file-archive-container { width: 100%; }
.page.file-archive .page-title-header {
    padding-right: 170px;
}
.file-archive .file-archive-container > .file-header { border-bottom: 2px solid rgb(238, 238, 238); margin-bottom: 55px; padding-bottom: 20px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.file-archive .file-archive-container .file-header .file-search { -webkit-box-flex: 0; flex: 0 0 53%; max-width: 620px; }
.file-archive .file-archive-container .file-header .file-search input { font-size: 20px; color: rgb(173, 173, 173); border: 1px solid rgb(238, 238, 238); background: transparent; padding: 8px 20px; width: 100%; }
.file-archive .file-archive-container .file-header .file-search input::placeholder { font-weight: normal; font-size: 20px; color: rgb(173, 173, 173); }
.file-archive .file-archive-container .file-header .file-options { display: flex; -webkit-box-align: center; align-items: center; margin-top: 20px; }
.file-archive .file-archive-container .file-header .file-options .file-select > span.select2 { text-align: center; width: 225px !important; }
.file-list-btn {position: relative;display: flex;flex-wrap: wrap;width: 40px;height: 40px;margin-left: auto;cursor: pointer;}
.file-list-btn.in-active { pointer-events: none; }
.file-list-btn span {position: absolute;top: 0px;left: 0px;width: 11px;height: 11px;border-radius: 2px;background: transparent;border: 1px solid #3E5362;display: inline-block;transition: all 0.6s ease 0s;cursor: pointer;}
.file-list-btn span:nth-child(2) { left: 13px; }
.file-list-btn span:nth-child(3) { left: 26px; }
.file-list-btn span:nth-child(4) { top: 13px; left: 26px; }
.file-list-btn span:nth-child(5) { top: 13px; left: 0px; }
.file-list-btn span:nth-child(6) { top: 13px; left: 13px; }
.file-list-btn span:nth-child(7) { top: 26px; left: 0px; }
.file-list-btn span:nth-child(8) { top: 26px; left: 13px; }
.file-list-btn span:nth-child(9) { top: 26px; left: 26px; }
.file-list-btn.active span:nth-child(1) { width: 37px; }
.file-list-btn.active span:nth-child(2) { width: 37px; left: 0px; }
.file-list-btn.active span:nth-child(3) { left: 0px; width: 37px; }
.file-list-btn.active span:nth-child(4) { width: 37px; left: 0px; }
.file-list-btn.active span:nth-child(5) { width: 37px; left: 0px; }
.file-list-btn.active span:nth-child(6) { left: 0px; width: 37px; }
.file-list-btn.active span:nth-child(7) { width: 37px; }
.file-list-btn.active span:nth-child(8) { width: 37px; left: 0px; }
.file-list-btn.active span:nth-child(9) { left: 0px; width: 37px; }
.file-archive.active .file-archive-container .file-list { padding-top: 100px; }
.file-archive .file-archive-container .file-list {position: relative;z-index: 1;max-width: 87vw;margin-left: auto;padding: 35px 150px 40px 40px;transition: all 0.5s ease 0s;}
.file-list .file-item {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;border: 1px solid #1D3746;padding: 20px 30px;position: absolute;top: 0px;left: 0px;right: 0px;transform: translate(0px, 0px);width: 100%;height: 85px;transition: all 0.6s ease 0s;}
.file-list .file-item::before {content: "";position: absolute;top: 55px;left: 0px;right: 0px;height: 1px;background: #1D3746;opacity: 0;transition: all 0.6s ease 0s;}
.file-list .file-item .file-info { display: flex; -webkit-box-align: center; align-items: center; transform: translate(0px, 0px); transition: all 0.6s ease 0s; }
.file-list .file-item + .file-item { }
.file-list .file-item .date { margin-right: 0px; position: absolute; top: 50%; transform: translateY(-50%); left: 30px; transition: all 0.6s ease 0s; }
.file-list .file-item .date time { font-weight: normal; font-size: 20px; color: rgb(139, 139, 139); transition: all 0.6s ease 0s; }
.file-list .file-item .file-icon { position: absolute; top: 50%; transform: translate(0px, -50%); left: 183px; transition: all 0.6s ease 0s; border-radius: 3px; }
.file-list .file-item .file-icon svg { width: 24px; height: 27px; }
.file-list .file-item .file-icon svg path { fill: rgb(139, 139, 139); }
.file-list .file-item .file-name { margin-left: 35px; padding-left: 35px; border-left: 1px solid rgb(238, 238, 238); transition: all 0.6s ease 0s; height: 46px; }
.file-list .file-item h2 {font-family: Volte;font-weight: 600;font-size: 18px;color: #576c7c;margin-bottom: 0px;transition: all 0.6s ease 0s;position: absolute;overflow: hidden;left: 280px;max-width: 100%;top: 38%;text-overflow: ellipsis;white-space: nowrap;transform: translate(0px, -50%);}
.file-list .file-item .file-size {font-family: Volte;font-weight: 500;font-size: 16px;color: #394d5c;transition: all 0.6s ease 0s;white-space: nowrap;position: absolute;top: 68%;transform: translate(0px, -50%);left: 280px;}
.file-list .file-item .file-btn { display: flex; -webkit-box-align: center; align-items: center; position: absolute; right: 25px; top: 50%; transform: translate(0px, -50%); transition: all 0.6s ease 0s; }
.file-list .file-item .file-btn > div svg {
    transform: translate(-10px, 0px);
    opacity: 0;
}
.file-list .file-item .file-btn > div { border-radius: 100px; padding: 10px 20px; display: flex; -webkit-box-align: center; align-items: center; }
.file-list .file-item .file-btn > div.dowl-btn { }
.file-list .file-item .file-btn > div span {font-family: Volte;font-weight: 500;font-size: 16px;letter-spacing: 0.1em;color: #7893a7;display: inline-block;margin-left: 13px;transition: all 0.4s ease 0s;}
.file-list .file-item .file-btn > div svg path {transition: all 0.4s ease 0s;fill: #D9AD62;}
.file-archive.active .file-list .file-item .file-info { transform: translate(6px, -100px); }
.file-archive.active .file-list .file-item .date time { font-size: 15px; }
.file-archive.active .file-list .file-item .file-name { margin-left: 0px; padding-left: 0px; border-left-color: rgba(255, 255, 255, 0); }
.file-archive.active .file-list .file-item h2 { transform: translate(-50%, -10px); left: 50%; }
.file-list .file-item h2 span { display: block; max-width: 14.2vw; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.file-archive.active .file-list .file-item .file-name .file-size { transform: translate(0%, -13px); }
.file-archive.active .file-list .file-item .file-btn { transform: translate(50%, 40px); right: 50%; }
.file-archive.active .file-list .file-item::before { opacity: 1; }
.file-archive.active .file-list .file-item .date { top: 0px; transform: translateY(16px); }
.file-archive.active .file-list .file-item .file-size { top: 16px; transform: translate(-100%, 0px); left: 91%; }
.file-archive.active .file-list .file-item .file-icon::before { opacity: 0; }
.file-list .file-item .file-icon::before {content: "";position: absolute;right: -33px;top: 0px;bottom: 0px;width: 1px;background: #1D3746;opacity: 1;transition: all 0.4s ease 0s;}
.file-archive.active-border .file-list .file-item { border-color: rgba(255, 255, 255, 0); }
.file-archive.active .file-list .file-item:nth-child(2) { }
.file-archive.active .file-list .file-item:nth-child(3) { }
.file-archive.active .file-list .file-item:nth-child(5) { }
.file-archive.active .file-list .file-item:nth-child(6) { }

.file-archive.active .file-list .file-item .file-btn > div {
    transform: translate(-10px, 0px);
}

@media only screen and (min-width: 1200px) {
    .file-archive .file-archive-container .file-list .file-item-ani {
        transform: translate(0px, 20px);
        opacity: 0;
    }

    .file-list-btn {
        transform: translate(20px, 0px);
        opacity: 0;
    }
}

@media only screen and (max-width: 1470px) {
    .file-archive .file-archive-container .file-list {
        max-width: 82vw;
    }
}

@media only screen and (max-width: 1370px) {
  .file-archive.active .file-list .file-item { width: 22vw; }
  .file-list .file-item h2 span { max-width: 17vw; }
}
@media only screen and (max-width: 1199px) {
  .file-archive.active .file-list .file-item .file-btn > div { padding: 7px 13px; }
  .file-archive.active .file-list .file-item .file-btn { transform: translate(50%, 50px); }
  .file-archive.active .file-list .file-item .file-btn > div span { font-size: 13px; }
  .file-archive.active .file-list .file-item .date time { font-size: 13px; }
  .file-list-btn { display: none; }
}
@media only screen and (max-width: 991px) {
  .file-list .file-item { position: relative; display: block; height: auto; padding: 20px; text-align: center; }
  .file-list .file-item .file-icon::before { visibility: hidden; }
  .file-list .file-item-ani { -webkit-box-flex: 0; flex: 0 0 calc(50% - 20px); margin-bottom: 40px; }
  .file-archive .file-archive-container .file-list { display: flex; flex-wrap: wrap; padding: 80px 50px 0px; margin: 0px; max-width: 100%; }
  .file-list .file-item-ani + .file-item-ani { margin-left: 40px; }
  .file-list .file-item .date { position: relative; transform: translateY(0px); top: 0px; left: 0px; }
  .file-list .file-item .file-icon { position: relative; top: 0px; transform: translate(0px, 0px); left: 0px; }
  .file-list .file-item h2 { position: relative; left: 0px; top: 0px; transform: translate(0px, 0px); margin-bottom: 30px; }
  .file-list .file-item .file-size { position: relative; top: 0px; transform: translate(0px, 0px); left: 0px; }
  .file-list .file-item .file-btn { position: relative; right: 0px; top: 0px; transform: translate(0px, 0px); -webkit-box-pack: center; justify-content: center; }
  .file-archive .file-archive-container .file-list .file-header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 15px; position: relative; padding-bottom: 15px; }
  .file-archive .file-archive-container .file-body { display: block; padding: 10px 0px; }
  .file-list .file-item h2 span { max-width: 1000%; }
  .file-list .file-item .date time { font-size: 15px; }
  .file-archive { max-width: 100%; transform: translateX(0px); padding: 0px 50px 40px; }
  .file-list-btn { display: none; }
  .file-archive .file-archive-container .file-header .file-search input { font-size: 18px; }
  .file-list .file-item-ani:nth-child(2n+1) { margin-left: 0px; }
  .file-archive .file-archive-container .file-list .file-header::before { content: ""; position: absolute; bottom: 0px; left: -20px; right: -20px; height: 1px; }
  .file-archive .file-archive-container .file-list .file-header::before {
        background: #1D3746;
    }
  .file-archive .file-archive-container .file-header .file-search input::placeholder { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
  .file-archive { padding: 10px 30px 30px; }
  .file-archive .file-archive-container > .file-header { display: block; margin-bottom: 30px; padding-bottom: 30px; }
  .file-archive .file-archive-container .file-header .file-options .file-select { width: 100%; }
  .file-archive .file-archive-container .file-header .file-options .file-select > span.select2 { width: 100% !important; }
  .file-archive .file-archive-container .select2-container--default .select2-selection--single .select2-selection__rendered { text-align: left; padding: 0px 20px; font-size: 17px; line-height: 41px; }
  .file-archive .file-archive-container .file-header .file-search input { font-size: 17px; }
  .file-archive .file-archive-container .select2-container .select2-selection--single { height: 43px; }
  .file-archive .file-archive-container .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 1px; }
  .file-list .file-item h2 { font-size: 16px; }
  .file-list .file-item .date time { font-size: 13px; }
  .file-list .file-item .file-size { font-size: 13px; }
  .file-list .file-item { padding: 20px; }
  .file-list .file-item-ani { width: 100%; margin-bottom: 20px; -webkit-box-flex: 0; flex: 0 0 100%; }
  .file-list .file-item .file-icon { left: -6px; }
  .file-archive .file-archive-container .file-body { padding: 0px; }
  .file-list .file-item .file-btn > div { padding: 8px 15px; }
  .file-list .file-item .file-btn > div span { font-size: 14px; }
  .file-list .file-item .file-btn > div svg {transform: scale(0.9);display: none;}
  .file-list .file-item-ani + .file-item-ani { margin-left: 0px; }
  .file-archive .file-archive-container .file-header .file-search input::placeholder { font-size: 15px; }
}
.catalogs.page {}
.catalogs .file-list .file-item .file-icon img {width: 35px;height: 50px;border-radius: 0;transition: all 0.6s ease 0s;object-fit: cover;}
.catalogs .file-list .file-item .file-name { left: 35px; transform: translate(0px, -50%); }
.catalogs .file-list .file-item::before {top: 100px;}
.catalogs .file-list .file-item h2 { left: 130px; }
.catalogs .file-list .file-item .file-size { left: 130px; }
.catalogs.active .file-list .file-item .file-icon { width: 76px; height: 107px; left: 30px; top: 20px; }
.catalogs.active .file-list .file-item .file-icon img { width: 76px; height: 107px; }
.catalogs.active .file-list .file-item .file-name { left: 90px; transform: translate(0px, 0%); }
.catalogs.active .file-list .file-item .file-name h2 { transform: translate(2px, 6px); font-size: 15px; }
.catalogs.active .file-list .file-item .file-name .file-size { transform: translate(0px, 15px); }
.catalogs.active .file-list .file-item { height: 220px; width: 16vw; }
.catalogs.active .file-list .file-item .file-btn { transform: translate(50%, 30px); }
.catalogs.active .file-list .file-item h2 { left: 7.3vw; transform: translate(0px, 20px); top: 0px; font-size: 15px; max-width: 7vw; }
.catalogs.active .file-list .file-item .file-size { top: 0px; left: 7.3vw; transform: translate(0px, 45px); }
.catalogs.active .file-list .file-item .file-icon::before { opacity: 0; }
.catalogs .file-list .file-item .file-icon { width: 35px; height: 50px; left: 30px; }
.file-archive .file-piece { font-size: 20px; color: rgb(108, 108, 108); position: absolute; left: 9.2vw; top: 81vh; transform: rotate(180deg); writing-mode: vertical-lr; }
.catalogs .alert { border-radius: 0px; background: rgb(25, 24, 24); border: none; color: rgb(255, 255, 255); display: flex; align-items: center; }
.catalogs .alert .close { border: none; outline: none; text-shadow: none; color: rgb(255, 255, 255); transition: all 0.4s ease 0s; }
.catalogs .alert .message strong { margin-right: 5px; }
@media only screen and (max-height: 830px) {
  .file-archive .file-piece { font-size: 18px; }
}
@media only screen and (max-height: 750px) {
  .file-archive .file-piece { top: 80vh; }
}
@media only screen and (max-height: 700px) {
  .file-archive .file-piece { font-size: 16px; }
}
@media only screen and (max-width: 1570px) {
  .catalogs.active .file-list .file-item .file-size { left: 8vw; }
  .catalogs.active .file-list .file-item h2 { left: 8vw; }
}
@media only screen and (max-width: 1199px) {
  .file-list .file-item { position: relative; margin-bottom: 20px; }
  .file-archive-body .grey-bg { height: 40vh; }
  .file-archive-body .fixed-arrow { top: 30vh; }
  .file-archive .file-piece { top: 43vh; }
  .file-archive .file-archive-container .file-list {
        max-width: 90%;
        padding-right: 40px;
    }

    .catalogs.page {
        min-height: calc(100vh - 535px);
    }
}
@media only screen and (max-width: 991px) {
  .file-archive .file-piece { position: relative; left: 0px; top: 0px; writing-mode: initial; transform: rotate(0deg); color: rgb(162, 162, 162); }
  .page.file-archive .page-title-header { padding: 0px 50px; }
  .file-archive .file-archive-container .file-list {
        margin-left: auto;
    }

    .catalogs.page {
        padding: 30px 0 20px;
    }
}
@media only screen and (max-width: 1450px) {
  .catalogs.active .file-list .file-item { width: 18vw; }
  .catalogs.active .file-list .file-item .file-icon { left: 20px; }
}
@media only screen and (max-width: 1370px) {
  .catalogs.active .file-list .file-item .file-icon img { width: 70px; }
  .catalogs.active .file-list .file-item .file-icon { left: 0px; }
  .catalogs.active .file-list .file-item .file-icon { width: 70px; transform: translate(20px, -50%); }
  .catalogs.active .file-list .file-item h2 { left: 8.5vw; }
  .catalogs.active .file-list .file-item .file-size { left: 8.5vw; }
}
@media only screen and (max-width: 991px) {
  .catalogs {padding: 130px 0px;max-width: 100%;/* z-index: 9; */}
  .catalogs .file-list .file-item h2 { left: 0px; margin-bottom: 5px; }
  .catalogs .file-list .file-item .file-size { left: 0px; text-align: left; }
  .catalogs .file-list .file-header .file-header-text { max-width: 160px; }
  .catalogs .file-list .file-item .file-icon { left: 0px; min-width: 77px; height: 110px; margin-top: -49px; margin-right: 20px; }
  .catalogs .file-list .file-item-ani { margin-bottom: 70px; }
  .catalogs .file-archive-container .file-list .file-header { -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: flex-start; }
  .catalogs .file-list .file-item .file-icon img { width: 77px; height: 110px; }
}
@media only screen and (max-width: 767px) {
  .catalogs { padding: 120px 0px; }
  .catalogs .file-archive-container .file-list {padding: 70px 50px 0px;max-width: 100%;}
  .page.file-archive .page-title-header { padding: 0px 30px; }
  .file-archive .file-piece { font-size: 14px; margin-left: 0px; }
  .catalogs .file-list .file-item .file-icon img { width: 60px; height: 90px; }
  .catalogs .file-list .file-item .file-icon { min-width: 60px; height: 90px; }
  .catalogs .file-list .file-item-ani { margin-bottom: 60px; }
}
@media (hover: hover) {
    .file-list-btn:hover span { border-color: rgb(255, 255, 255); }

    .file-list .file-item:hover .dowl-btn svg {
        transform: translate(0px, 0px);
        opacity: 1;
    }
    
    .file-list .file-item:hover {
        border-color: #7893A7;
    }
    
    .file-list .file-item:hover h2 {
        color: #FFFFFF;
    }
    
    .file-archive.active .file-list .file-item:hover .file-btn > div {
        transform: translate(0px, 0px);
    }
    .file-archive.active .file-list .file-item:hover::before {
    background: #7893A7;
}
  .file-list .file-item:hover .dowl-btn span {color: #D9AD62;}
  .file-list .file-item:hover .dowl-btn svg path {/* fill: rgb(255, 255, 255); */}
  .file-list .file-item .file-btn a.dowl-btn:hover svg path { fill: rgb(255, 255, 255); }
  .file-list .file-item .file-btn a.dowl-btn:hover span { color: rgb(255, 255, 255); }
}

/* News */
.news{padding-bottom: 100px;}
.news .s-container{margin-left: 280px;max-width: 100%;}

.news .news-container{  }
.news .news-container .news-category{margin: 40px 40px 60px;display: flex;align-items: center;}
.news .news-container .news-category a{font-weight: 600;font-size: 18px;color: #5a6369;display: block;position: relative;transition: none;user-select: none;}
.news .news-container .news-category a.active > span{color: #CCCCCC;}
.news .news-container .news-category a + a{margin-left: 15px;padding-left: 22px;}

.news .news-container .news-list{display: flex;flex-wrap: wrap;}
.news .news-container .news-list .list-item{flex: 0 0 calc(25% - 50px);border: 1px solid #1D3746;transition: none;}
.news .news-container .news-list .list-item + .list-item{margin-left: 50px;}
.news .news-container .news-list .list-item .item-img{  }
.news .news-container .news-list .list-item .item-img img{opacity: 0.5;transition: 0.4s;}
.news .news-container .news-list .list-item .item-content{padding: 30px 25px 20px;border-top: 1px solid #1D3746;}
.news .news-container .news-list .list-item .item-content time{font-family: Volte;font-weight: 500;font-size: 13px;color: #3e5362;}
.news .news-container .news-list .list-item .item-content h2{font-weight: 600;font-size: 16px;color: #dbd5d5;margin-bottom: 0;transition: 0.4s;}
.news .news-container .news-list .list-item .item-content p{font-family: Volte;font-weight: normal;font-size: 14px;line-height: 20px;color: #8a9aa5;margin-bottom: 0;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;transition: 0.4s;}
.news .news-container .news-list .list-item .item-content > span{font-weight: 500;font-size: 15px;line-height: 50px;color: #87a2b5;display: block;margin-top: 20px;transition: 0.4s;padding-left: 15px;position: relative;}

.news .news-container .news-category a + a:before {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);left: 0;width: 8px;height: 8px;background: #3E5362;border-radius: 100%;}

.news .news-container .news-list .list-item:nth-child(4n+1) {
    margin-left: 0;
}

.news .news-container .news-list .list-item:nth-child(n+5) {
    margin-top: 70px;
}

.news .news-container .news-list .list-item .item-content > span:before {content: "";position: absolute;top: 50%;left: 0;transform: translate(0px, -50%);width: 8px;height: 1px;background: #87a2b5;transition: 0.4s;}

.news .news-container .news-list .list-item .item-content > span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translate(0, -50%);
    height: 8px;
    width: 1px;
    background: #87a2b5;
    transition: 0.4s;
}

.news .news-container .news-list .list-item .item-content > span > span {
    position: relative;
    z-index: 1;
    display: block;
    transform: translate(0px, 0px);
    transition: 0.4s;
    user-select: none;
}


@media (hover:hover) {
    .news .news-container .news-list .list-item:hover .item-content > span:after {
        height: 0;
        left: 8px;
    }

    .news .news-container .news-list .list-item:hover .item-content > span:before {
        width: 20px;
        background: #D9AD62;
    }
    .news .news-container .news-list .list-item:hover .item-content > span > span {
        transform: translate(12px, 0px);
    }
    .news .news-container .news-list .list-item:hover .item-img img {
        opacity: 1;
    }
    
    .news .news-container .news-list .list-item:hover .item-content h2 {
        color: #FFFFFF;
    }
    
    .news .news-container .news-list .list-item:hover .item-content p {
        color: #CCCCCC;
    }
    
    .news .news-container .news-list .list-item:hover .item-content > span {
        color: #D9AD62;
    }

}

@media only screen and (min-width: 1200px){
    .news .news-container .news-category a {
        transform: translate(-40px, 0px);
        opacity: 0;
        visibility: hidden;
    }

    .news .news-container .news-category a span:hover {
        color: #CCCCCC;
    }

    .news .news-container .news-category a span {
        transition: 0.4s;
    }

    .news .news-container .news-list .list-item {
        transform: translate(0px, 50px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1470px){
    .news .news-container .news-list .list-item {
        flex: 0 0 calc(33% - 50px);
    }

    .news .news-container .news-list .list-item:nth-child(3n+1) {margin-left: 0;}

    .news .news-container .news-list .list-item:nth-child(n+4) {
        margin-top: 50px;
    }

    .news .news-container .news-list .list-item:nth-child(3n+2) {
        margin-left: 50px;
    }
}

@media only screen and (max-width: 1199px){
    .news .s-container {
        margin-left: 100px;
    }
}

@media only screen and (max-width: 991px){
    .news .news-container .news-list .list-item {
        flex: 0 0 calc(50% - 50px);
    }

    .news .news-container .news-list .list-item:nth-child(n+3) {
        margin-top: 50px;
    }

    .news .news-container .news-list .list-item:nth-child(2n+1) {
        margin-left: 0;
    }

    .news .news-container .news-list .list-item:nth-child(2n) {
        margin-left: 50px;
    }
}

@media only screen and (max-width: 767px){
    .news .news-container .news-category a {
        font-size: 15px;
    }

    .news .s-container {
        margin: 0 30px;
    }

    .news .news-container .news-category {
        margin: 40px 0 50px;
    }

    .news .news-container .news-list .list-item {
        flex: 0 0 100%;
    }

    .news .news-container .news-list .list-item + .list-item {
        margin-left: 0;
        margin-top: 30px;
    }

    .news {
        padding-bottom: 40px;
    }
}

/* News Detail */
.news-detail .detail-container {
    margin: 60px 130px 80px 280px;
}

.news-detail .detail-container .detail-content p {
    font-family: Volte;
    font-size: 23px;
    line-height: 34px;
    color: #a8a6a6;
    margin-bottom: 0;
}

.detail-gallery.about-gallery .gallery-container .swiper-container {
    padding: 0;
}

.detail-gallery.about-gallery .gallery-container .swiper-container .swiper-slide a .gallery-item {
    height: 370px;
}
.detail-gallery {
    padding: 0;
    margin: 70px 0 100px;
}
.detail-gallery .gallery-container .slide-btn {
    top: 50%;
}

.detail-gallery.about-gallery .gallery-container .slide-btn.slide-prev {
    left: 25.26vw;
}

.detail-gallery.about-gallery .gallery-container .slide-btn.slide-next {
    right: 25.26vw;
}

@media only screen and (min-width: 1200px){
    .news-detail .detail-container .detail-content p {
        transform: translate(0px, 40px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1770px){
    .detail-gallery.about-gallery .gallery-container .slide-btn.slide-prev {
        left: 24vw;
    }

    .detail-gallery.about-gallery .gallery-container .slide-btn.slide-next {
        right: 24vw;
    }
}

@media only screen and (max-width: 1470px){
    .detail-gallery.about-gallery .gallery-container .slide-btn.slide-prev {
        left: 22vw;
    }

    .detail-gallery.about-gallery .gallery-container .slide-btn.slide-next {
        right: 22vw;
    }
    .detail-gallery.about-gallery .gallery-container .swiper-container .swiper-slide a .gallery-item {
        height: 280px;
    }

    .news-detail .detail-container .detail-content p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1199px){
    .news-detail .detail-container {
        margin-left: 150px;
        margin-right: 100px;
    }

    .page.news-detail {
        min-height: calc(100vh - 240px);
    }

}

@media only screen and (max-width: 991px){
    .news-detail .detail-container {
        margin-left: 130px;
        margin-right: 50px;
    }
    .detail-gallery.about-gallery .gallery-container .slide-btn.slide-prev {
        left: 14vw;
    }

    .detail-gallery.about-gallery .gallery-container .slide-btn.slide-next {
        right: 14vw;
    }
}

@media only screen and (max-width: 767px){
    .news-detail .detail-container {
        margin: 40px 30px;
    }

    .news-detail .detail-container .detail-content p {
        font-size: 17px;
        line-height: 1.5;
    }

    .detail-gallery {
        margin: 60px -30px 90px;
    }

    .about-gallery .gallery-container .slide-btn {
        display: none;
    }

    .detail-gallery.about-gallery .gallery-container .swiper-container {
        padding: 0 80px;
    }

    .detail-gallery.about-gallery .gallery-container .swiper-container .swiper-slide a .gallery-item {
        height: 220px;
    }
}

/* Contact */
.contact {}

.contact .contact-container {
    margin-left: 250px;
    margin-right: 80px;
}

.contact .contact-container .contact-info {
    margin-top: 45px;
    padding: 160px 0 460px;
    background: #0A1B26;
}

.contact .contact-container .contact-info > p {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.25em;
    color: #ccc;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 90px;
}

.contact .contact-container .contact-info .info-row {
    display: flex;
    justify-content: center;
}

.contact .contact-container .contact-info .info-row .info-item {
    flex: 0 0 calc(33% - 120px);
    text-align: center;
    position: relative;
}

.contact .contact-container .contact-info .info-row .info-item + .info-item {
    margin-left: 70px;
    padding-left: 70px;
}

.contact .contact-container .contact-info .info-row .info-item .line {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    width: 1px;
    height: 100%;
    background: #25313A;
}


.contact .contact-container .contact-info .info-row .info-item > svg {
    margin-bottom: 15px;
    fill: #D9AD62;
}

.contact .contact-container .contact-info .info-row .info-item > span {
    font-weight: 500;
    font-size: 23px;
    letter-spacing: 0.02em;
    color: #d9ad62;
    display: block;
    margin-bottom: 10px;
}

.contact .contact-container .contact-info .info-row .info-item > p, .contact .contact-container .contact-info .info-row .info-item > a {
    font-family: Volte;
    font-size: 19px;
    line-height: 30px;
    color: #ccc;
    margin-bottom: 0;
    display: block;
    transition: none;
}

.contact .contact-container .contact-info .info-row .info-item > p {
    max-width: 200px;
    margin: 0 auto;
}

.contact .contact-container .contact-info .info-row .info-item .item-link {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
}

.contact .contact-container .contact-info .info-row .info-item .item-link a {
    flex: 1 1 50%;
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

.contact .contact-container .contact-map {
    height: 530px;
    margin: -300px 100px 0;
    position: relative;
    overflow: hidden;
    background: #22323c;
}

.contact .contact-container .contact-map iframe {
    width: 100%;
    height: 160%;
    filter: grayscale(1) invert(1);
    opacity: 0.8;
    transform: translate(0px, -20%);
}

.contact .contact-container .contact-map:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #0b1b25;pointer-events: none;z-index: 1;mix-blend-mode: screen;}

.contact .contact-container .contact-form {
    max-width: 760px;
    margin: 100px auto 130px;
}

.contact .contact-container .contact-form h2 {
    font-weight: 500;
    font-size: 28px;
    text-align: center;
    color: #d9ad62;
    margin-bottom: 40px;
}

.contact .contact-container .contact-form h2 {}

.contact .form-group .form-control {
    height: 55px;
    font-weight: 500;
    font-size: 15px;
    color: #576c7c;
}


.contact .form-group .form-control.form-active {
    color: rgb(255 255 255 / 0.8);
}
.contact .contact-container .contact-form .form-row {
    margin: 0;
}


.contact .contact-container .contact-form .form-row .form-group {
    flex: 1 1 0;
}

.contact .contact-container .contact-form .form-row .form-group + .form-group {
    margin-left: 25px;
}

.contact .contact-container .contact-form .form-group {
    margin-bottom: 25px;
}

.contact .form-group textarea.form-control {
    height: 180px;
    resize: none;
}

.contact .form-info {
    text-align: center;
    max-width: 500px;
    margin: 70px auto 0;
}

.contact .form-info p {
    font-family: Volte;
    font-size: 15px;
    line-height: 19px;
    color: #7893a7;
    margin-bottom: 0;
}

.contact .form-info p > a {
    color: #7893a7;
    font-weight: 500;
}


.contact .submit button {
    padding: 15.5px 53px;
}

.contact .contact-container .contact-form .form-group .captcha {
    padding: 0;
    height: 55px;
    flex: 0.43 0 0;
}

.contact .contact-container .contact-form .form-group .captcha + .captcha {
    margin-left: 25px;
}

.contact .submit {
    margin-left: auto;
}


.contact .contact-container .contact-info .info-row .info-item .item-link a > span {
    font-family: Volte;
    font-size: 19px;
    color: #ccc;
    text-align: center;
    display: block;
    transition: 0.4s;
    transform: translate(-6px, 0px);
}


.contact .contact-container .contact-info .info-row .info-item > a span {
    transition: 0.4s;
}

@media (hover:hover) {
    .contact .form-info p > a:hover {
        color: #fff;
    }
    .contact .contact-container .contact-info .info-row .info-item .item-link a:hover > span {
        color: #fff;
    }
    .contact .contact-container .contact-info .info-row .info-item > a:hover span {
        color: #fff;
    }
}

@media only screen and (min-width: 1200px){
    .contact .contact-container .contact-info > p {
        transform: translate(0px, 40px);
        opacity: 0;
    }

    .contact .contact-container .contact-info .info-row .info-item .line {
        height: 0;
    }
    .contact .contact-container .contact-info .info-row .info-item {
        transform: translate(0, 50px);
        opacity: 0;
    }

    .contact .contact-container .contact-info .info-row .info-item > span {
        transform: translate(0px, 20px);
        opacity: 0;
    }

    .contact .contact-container .contact-info .info-row .info-item > p, .contact .contact-container .contact-info .info-row .info-item > a {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .contact .contact-container .contact-info .info-row .info-item .item-link {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .contact .contact-container .contact-map iframe {
        transform: translate(0px, -20%) scale(1.2);
    }

    .contact .contact-container .contact-map {
        transform: translate(0px, 100px);
        opacity: 0;
    }

    .contact .contact-container .contact-form h2 {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .contact .contact-container .contact-form .form-group {
        transform: translate(0px, 40px);
        opacity: 0;
    }

    .contact .form-info {
        transform: translate(0px, 40px);
        opacity: 0;
    }
}


@media only screen and (max-width: 1870px) {
    .contact .contact-container .contact-info .info-row .info-item + .info-item {
        margin-left: 2.6vw;
        padding-left: 2.6vw;
    }

    .contact .contact-container .contact-info .info-row .info-item .item-link a > span {
        font-size: 1vw;
    }
}

@media only screen and (max-width: 1660px) {
    .contact .contact-container .contact-info .info-row .info-item {flex: 0 0 calc(33% - 80px);}
}

@media only screen and (max-width: 1470px) {
    .contact .contact-container .contact-info .info-row .info-item .item-link a > span {
        font-size: 17px;
    }

    .contact .contact-container .contact-info .info-row .info-item > span {
        font-size: 18px;
    }

    .contact .contact-container .contact-info .info-row .info-item > svg {
        width: 40px;
        height: 40px;
    }

    .contact .contact-container .contact-info .info-row .info-item > p, .contact .contact-container .contact-info .info-row .info-item > a {
        font-size: 17px;
    }

    .contact .contact-container .contact-info .info-row .info-item .item-link a {
        flex: 0 0 100%;
    }
}

@media only screen and (max-width: 1370px) {
    .contact .contact-container .contact-info {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 1199px) {
    .contact .contact-container {
        margin-left: 100px;
        margin-right: 50px;
    }

    .contact .contact-container .contact-info > p {
        font-size: 18px;
        max-width: 80%;
    }

    .contact .contact-container .contact-map {
        margin: -180px 60px 0;
        height: 400px;
    }

    .contact .contact-container .contact-info {
        padding-bottom: 250px;
    }

    .contact .contact-container .contact-form {
        max-width: 650px;
    }
}

@media only screen and (max-width: 991px) {
    .contact .contact-container .contact-info > p {
        font-size: 16px;
        /* max-width: 400px; */
        margin: 0 auto 70px;
    }

    .contact .contact-container .contact-info {
        padding-top: 60px;
    }

    .contact .contact-container .contact-info .info-row .info-item > svg {
        width: 30px;
        height: 30px;
        margin-bottom: 10px;
    }

    .contact .contact-container .contact-info .info-row .info-item > span {
        font-size: 15px;
    }

    .contact .contact-container .contact-info .info-row {
        flex-wrap: wrap;
    }

    .contact .contact-container .contact-info .info-row .info-item {
        flex: 0 0 calc(50% - 40px);
    }

    .contact .contact-container .contact-info .info-row .info-item:first-child {
        flex: 0 0 100%;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }

    .contact .contact-container .contact-info .info-row .info-item:nth-child(2) {
        margin-left: 0;
        padding-left: 0;
    }

    .contact .contact-container .contact-info .info-row .info-item:nth-child(2) .line {display: none;}

    .contact .contact-container .contact-info .info-row .info-item > p {
        max-width: 70%;
    }

    .contact .contact-container .contact-info .info-row .info-item .item-link a {
        flex: 1 1 50%;
    }

    .contact .contact-container .contact-info .info-row .info-item .item-link a > span {
        font-size: 15px;
    }

    .contact .contact-container .contact-info .info-row .info-item:first-child:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80%;
        height: 1px;
        background: #25313A;
        right: 0;
        margin: 0 auto;
    }

    .contact .contact-container .contact-map {
        margin: -180px 30px 0;
    }
}

@media only screen and (max-width: 767px) {
    .contact .contact-container {
        margin: 0 30px;
    }

    .contact .contact-container .contact-info {
        margin-top: 40px;
        padding-top: 40px;
    }

    .contact .contact-container .contact-info > p {
        max-width: 270px;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .contact .contact-container .contact-info .info-row .info-item {
        flex: 0 0 90%;
    }

    .contact .contact-container .contact-info .info-row .info-item .item-link a {
        margin-bottom: 10px;
    }

    .contact .contact-container .contact-info .info-row .info-item .line {
        display: none;
    }

    .contact .contact-container .contact-info .info-row .info-item:first-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .contact .contact-container .contact-info .info-row .info-item + .info-item {
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px;
        padding-top: 20px;
    }

    .contact .contact-container .contact-info .info-row .info-item + .info-item:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 1px;background: #25313A;}

    .contact .contact-container .contact-info .info-row .info-item:first-child:before {
        visibility: hidden;
    }

    .contact .contact-container .contact-map {
        margin: -180px -20px 0;
        height: 500px;
    }

    .contact .contact-container .contact-form h2 {font-size: 23px;margin-bottom: 30px;}

    .contact .contact-container .contact-form .form-row .form-group {
        flex: 0 0 100%;
    }

    .contact .contact-container .contact-form .form-row .form-group + .form-group {
        margin-left: 0;
    }

    .contact .contact-container .contact-form .form-group .captcha {
        flex: 0 0 46%;
    }

    .contact .submit {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }

    .contact .submit > span {
        display: none;
    }

    .contact .form-group .form-control {font-size: 13px;}

    .contact .form-info {
        margin-top: 40px;
    }

    .contact .contact-container .contact-form {
        margin: 100px auto 80px;
    }
}

@media only screen and (min-height: 580px) and (min-width: 768px) and (max-width: 1199px) and (max-height: 992px){
    .contact .contact-container .contact-info .info-row .info-item > p {max-width: 100%;}

    .contact .contact-container .contact-info .info-row .info-item {flex: 0 0 calc(33% - 30px);}

    .contact .contact-container .contact-info .info-row .info-item:nth-child(2) {
        flex: 0 0 calc(33% - 100px);
    }
}


/* Companies */
.companies{  }
.companies .companies-container{
    margin-left: 250px;
    margin-right: 80px;
    margin-bottom: 120px;
}

.companies .comp-info{background: #0A1B26;display: flex;align-items: center;justify-content: center;padding: 50px;margin-top: 45px;position: relative;}

.companies .comp-info > .line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.companies .comp-info > .line > span {
    background: #27333B;
    position: absolute;
    display: block;
}

.companies .comp-info > .line > span:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.companies .comp-info > .line > span:nth-child(2) {
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
}

.companies .comp-info > .line > span:nth-child(3) {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
}

.companies .comp-info > .line > span:nth-child(4) {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}

.companies .comp-info .info-logo{
    text-align: center;
}
.companies .comp-info .info-logo img{  }
.companies .comp-info .info-row{
    display: flex;
    margin-left: 145px;
}
.companies .comp-info .info-row .info-item{padding-top: 20px;padding-bottom: 20px;position: relative;}
.companies .comp-info .info-row .info-item svg{/* fill: #D9AD62; */margin-bottom: 20px;width: 32px;max-height: 40px;overflow: initial;transition: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.companies .comp-info .info-row .info-item:nth-child(3).active svg > g:nth-child(1) {
    transform: translate(0px, 0) scale(1) rotate(0deg);
}

.companies .comp-info .info-row .info-item:nth-child(3).active svg line {
    stroke-dashoffset: 0;
}

.companies .comp-info .info-row .info-item:nth-child(2).active svg > path {
    stroke-dashoffset: 0;
}

.companies .comp-info .info-row .info-item:nth-child(2).active svg > g {
    transform: translate(0, 0px) scale(1);
}

.companies .comp-info .info-row .info-item:nth-child(1).active svg path {
    stroke-dashoffset: 0;
}

.companies .comp-info .info-row .info-item:nth-child(1) svg {
    transform: rotate(-50deg) scale(0);
}

.companies .comp-info .info-row .info-item:nth-child(1).active svg {
    transform: rotate(0) scale(1);
}
.companies .comp-info .info-row .info-item svg line {
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    transition: 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
}

.companies .comp-info .info-row .info-item:nth-child(2) svg > path {stroke-dashoffset: 50;stroke-dasharray: 50;transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;}

.companies .comp-info .info-row .info-item:nth-child(2) svg > g {
    transform: translate(50%, -20px) scale(0);
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.companies .comp-info .info-row .info-item:nth-child(1) svg path {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: 0.5s 0.1s;
}

.companies .comp-info .info-row .info-item:nth-child(3) svg > g:nth-child(1) {
    transform: translate(10px, 25px) scale(0) rotate(60deg);
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.companies .comp-info .info-row .info-item > span{font-weight: 500;font-size: 27px;letter-spacing: 0.02em;color: #7893a7;display: block;margin-bottom: 10px;}
.companies .comp-info .info-row .info-item a{display: block;transition: none;transition: none;}
.companies .comp-info .info-row .info-item a + a { margin-top: 5px; }
.companies .comp-info .info-row .info-item + .info-item {margin-left: 80px;padding-left: 80px;}
.companies .comp-info .info-row .info-item .line {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    width: 1px;
    background: #25313A;
    height: 100%;
}

.companies .comp-content{margin-top: 100px;display: flex;align-items: flex-start;padding: 0 30px;}
.companies .comp-content .content-slide{flex: 0 0 43%;max-width: 670px;overflow: hidden;}
.companies .comp-content .content-slide .swiper-container{height: 670px;}
.companies .comp-content .content-slide .swiper-container .swiper-slide{  }
.companies .comp-content .content-slide .swiper-container .swiper-slide a{display: block;position: relative;height: 100%;transition: none;}
.companies .comp-content .content-slide .swiper-container .swiper-slide a .slide-img{position: absolute;top: -200px;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;}
.companies .comp-content .content-slide .swiper-pagination{margin-top: 50px;margin-bottom: 10px;}

.companies .comp-content .content-text{flex: 0 0 43%;max-width: 670px;margin-left: 120px;}
.companies .comp-content .content-text p{font-family: Volte;font-weight: 500;font-size: 25px;line-height: 35px;color: #e2e0e0;margin-bottom: 0;}

.companies .other-comp{margin-top: 230px;display: flex;align-items: center;justify-content: space-between;padding: 0 70px;}
.companies .other-comp h3{font-weight: 500;font-size: 21px;letter-spacing: 0.4em;position: relative;color: #3e5362;padding: 0 55px;}
.companies .other-comp h3 .circle { position: absolute; top: 50%; transform: translate(0px, -50%); width: 7px; height: 7px; border-radius: 100%; background: #3E5362; }
.companies .other-comp h3 .circle:nth-child(2) { right: 0; }
.companies .other-comp h3 .circle:nth-child(1) { left: 0; }

.companies .other-comp .other-btn{ display: flex; align-items: center; background: #0C1A24; padding: 30px 50px; }
.companies .other-comp .other-btn svg{fill: #5A6369;transform: translate(0px, 0px);transition: 0.4s;}
.companies .other-comp .other-btn span{font-weight: 500;font-size: 27px;letter-spacing: 0.1em;color: #7893a7;display: block;transition: 0.4s;}
.companies .other-comp .other-btn img{max-width: 120px;height: 80px;}

.companies .other-comp .other-btn.other-prev-btn span{margin-right: 40px;margin-left: 30px;}
.companies .other-comp .other-btn.other-next-btn span{margin-left: 40px;margin-right: 30px;}


.companies .comp-info .info-row .info-item a > span, .companies .comp-info .info-row .info-item p {
    font-family: Volte;
    font-size: 17px;
    color: #4c6374;
    transition: 0.4s;
    display: block;
}.companies .comp-info .info-row .info-item p {
    line-height: 27px;
    margin-bottom: 0;
    max-width: 190px;
}

@media (hover:hover) {
    .companies .comp-info .info-row .info-item a:hover > span {
        color: #fff;
    }
    .companies .other-comp .other-btn:hover span {
        color: rgb(255 255 255 / 0.7);
    }
    
    .companies .other-comp .other-btn.other-prev-btn:hover svg {
        fill: rgb(255 255 255 / 0.7);
        transform: translate(-10px, 0px);
    }
    
    .companies .other-comp .other-btn.other-next-btn:hover svg {
        fill: rgb(255 255 255 / 0.7);
        transform: translate(10px, 0px);
    }
}

@media only screen and (min-width: 1200px){
    .companies .comp-info .info-row .info-item {
        transform: translate(0px, 30px);
    }

    .companies .comp-info .info-logo {
        transform: scale(0.8);
        opacity: 0;
    }

    .companies .comp-info .info-row .info-item > span {
        transform: translate(0px, 20px);
        opacity: 0;
    }

    .companies .comp-info .info-row .info-item a {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .companies .comp-info .info-row .info-item p {
        transform: translate(0px, 30px);
        opacity: 0;
    }
    
    .companies .comp-info .info-row .info-item .line {
        height: 0;
    }

    .companies .comp-info > .line > span:nth-child(1), .companies .comp-info > .line > span:nth-child(4) {
        width: 0;
    }

    .companies .comp-info > .line > span:nth-child(2), .companies .comp-info > .line > span:nth-child(3) {
        height: 0;
    }

    .companies .comp-info {
        opacity: 0;
    }

    .companies .comp-content .content-slide {
        transform: translate(0px, 30px);
        opacity: 0;
    }

    .companies .comp-content .content-text {
        transform: translate(0px, 50px);
        opacity: 0;
    }
}

@media only screen and (max-width: 1900px){
    .companies .other-comp h3 {
        font-size: 1vw;
        padding: 0 3vw;
    }

    .companies .other-comp .other-btn span {
        font-size: 1.4vw;
    }

    .companies .other-comp .other-btn img {
        max-width: 5.3vw;
        height: 4vw;
    }
}

@media only screen and (max-width: 1770px){
    .companies .other-comp .other-btn span {
        font-size: 1.2vw;
    }
}

@media only screen and (max-width: 1700px){
    .companies .comp-info .info-logo img {
        max-width: 80%;
    }

    .companies .comp-info .info-row {
        margin-left: 50px;
    }

    .companies .comp-info .info-row .info-item > span {
        font-size: 25px;
    }
    .companies .comp-info .info-row .info-item + .info-item {
        margin-left: 60px;
        padding-left: 60px;
    }
}

@media only screen and (max-width: 1680px){
    .companies .other-comp .other-btn span {
        font-size: 1.2vw;
    }

    .companies .other-comp h3 {
        padding: 0 2vw;
    }

    .companies .other-comp .other-btn {
        padding: 20px 35px;
    }
}


@media only screen and (max-width: 1470px){
    .companies .comp-info .info-row .info-item > span {
        font-size: 20px;
    }

    .companies .comp-info .info-row .info-item a > span {
        font-size: 15px;
    }

    .companies .comp-info .info-row .info-item + .info-item {
        margin-left: 40px;
        padding-left: 40px;
    }

    .companies .comp-info .info-logo img {
        max-width: 70%;
    }

    .companies .comp-content .content-text {
        margin-left: 60px;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .companies .comp-content {
        margin-top: 80px;
    }

    .companies .comp-content .content-text p {
        font-size: 20px;
        line-height: 31px;
    }

    .companies .comp-content .content-slide .swiper-container {
        height: 570px;
    }

    .companies .other-comp {
        padding: 0;
        margin-top: 130px;
    }
}

@media only screen and (max-width: 1370px){
    .companies .other-comp .other-btn.other-prev-btn span {
        margin-right: 20px;
        margin-left: 20px;
    }

    .companies .other-comp .other-btn.other-next-btn span {
        margin: 0 20px;
    }

    .companies .other-comp {
        padding: 0 20px;
    }

    .companies .other-comp h3 {
        padding: 0 3vw;
    }

    .companies .comp-content .content-slide .swiper-container {
        height: 490px;
    }
}

@media only screen and (max-width: 1199px){
    .companies .companies-container {
        margin-left: 100px;
        margin-right: 50px;
    }

    .companies .comp-info {
        flex-wrap: wrap;
        padding: 30px;
    }

    .companies .comp-info .info-logo {
        margin-bottom: 40px;
    }

    .companies .comp-info .info-row {
        margin-left: 0;
    }
}

@media only screen and (max-width: 991px){
    .companies .comp-info .info-row .info-item + .info-item {
        margin-left: 20px;
        padding-left: 20px;
    }

    .companies .comp-info .info-row .info-item > span {
        font-size: 17px;
    }

    .companies .comp-info .info-row .info-item svg {
        margin-bottom: 10px;
    }

    .companies .comp-content {
        display: block;
    }

    .companies .comp-content .content-text {
        margin: 50px 0 0;
        max-width: 100%;
    }

    .companies .other-comp h3 {
        display: none;
    }

    .companies .other-comp .other-btn span {
        font-size: 1.8vw;
    }

    .companies .other-comp .other-btn svg {
        width: 20px;
    }

    .companies .other-comp {padding: 0;margin-top: 70px;}

    .companies .companies-container {
        margin-bottom: 70px;
    }

    .companies .comp-content .content-slide {
        max-width: 470px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px){
    .companies .comp-info .info-row {
        flex-wrap: wrap;
    }

    .companies .comp-info .info-row .info-item + .info-item {
        margin-left: 0;
        padding: 20px 0 0;
        margin-top: 20px;
    }

    .companies .comp-info .info-row .info-item {
        padding: 0;
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .companies .comp-info .info-row .info-item .line {
        top: 0;
        left: 0;
        width: 100%;
        right: 0;
        height: 1px;
        transform: translate(0px, 0px);
    }

    .companies .companies-container {
        margin: 0 30px 50px;
    }

    .companies .comp-info .info-row .info-item > span {
        flex: 0 0 100%;
    }

    .companies .comp-info .info-row .info-item a {
        flex: 1 0 33%;
        margin-bottom: 3px;
    }

    .companies .comp-info .info-row .info-item a + a {margin-top: 0;}

    .companies .comp-info .info-row .info-item:nth-child(3) a {
        text-align: center;
    }

    .companies .comp-content {
        margin-top: 60px;
        padding: 0 10px;
    }

    .companies .comp-content .content-slide .swiper-container {
        height: 350px;
    }

    .companies .comp-content .content-slide .swiper-pagination {
        margin-top: 30px;
    }

    .companies .comp-content .content-text p {
        font-size: 17px;
        line-height: 1.5;
    }

    .companies .other-comp {
        margin-top: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .companies .other-comp .other-btn {
        flex: 0 0 80%;
        justify-content: center;
        padding: 20px 10px;
    }

    .companies .other-comp .other-btn.other-prev-btn span {}

    .companies .other-comp .other-btn span {
        font-size: 11px;
    }

    .companies .other-comp .other-btn img {
        max-width: 40px;
        height: 30px;
    }

    .companies .other-comp .other-btn.other-prev-btn {
        margin-bottom: 20px;
    }

    .companies .comp-info .info-row .info-item p {
        max-width: 100%;
    }
}

/* Service Detail */
.service{  }
.service .service-header{height: 700px;position: relative;overflow: hidden;}
.service .service-header:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 50%;background: linear-gradient(rgba(8, 22, 31, 0) 0%, rgba(8, 22, 31, 0.35) 59.14%, #08161f 100%);z-index: 1;pointer-events: none;}

.service .service-header .header-bg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: 0.2;}
.service .service-header .header-content{position: absolute;bottom: 140px;left: 50%;transform: translate(-50%, 0);z-index: 1;text-align: center;max-width: 600px;}
.service .service-header .header-content h1{font-weight: 600;font-size: 20px;letter-spacing: 0.45em;color: #ccc;margin-bottom: 15px;line-height: normal;}
.service .service-header .header-content p{font-weight: 500;font-size: 40px;line-height: 45px;color: #d9ad62;margin-bottom: 0;}

.service .service-body{max-width: 1420px;margin: -50px auto 70px;position: relative;z-index: 1;}
.service .service-body .service-content-container{background: #091A24;padding-bottom: 90px;}
.service .service-body .service-content-container .service-content{display: flex;}
.service .service-body .service-content-container .service-content .content-img{flex: 0 0 50%;height: 880px;position: relative;overflow: hidden;}
.service .service-body .service-content-container .service-content .content-img .img-item{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;}
.service .service-body .service-content-container .service-content .content-text{flex: 0 0 100%;padding: 150px 100px;}
.service .service-body .service-content-container .service-content .content-text p{font-family: Volte;font-weight: 500;font-size: 25px;line-height: 35px;color: #e2e0e0;margin-bottom: 0;}
.service .service-body .service-content-container .service-content .content-text li {
    font-family: Volte;
    font-weight: 500;
    font-size: 25px;
    color: #e2e0e0;
    list-style: none;
    position: relative;
}

.service .service-body .service-content-container .service-content .content-text li + li:before {content: "";position: absolute;top: -8px;left: 50%;transform: translate(-50%, 0);width: 7px;background: rgb(255 255 255 / 20%);height: 7px;border-radius: 100%;}

.service .service-body .service-content-container .service-content .content-text ul, .service .service-body .service-content-container .service-content .content-text ol {padding-left: 0;}

.service .service-body .service-content-container .service-content .content-text li + li {
    margin-top: 9px;
    padding-top: 9px;
}

.service .service-body .service-content-container .other-services{margin-top: 100px;}
.service .service-body .service-content-container .other-services h2{font-weight: 500;font-size: 24px;letter-spacing: 0.25em;color: #7893a7;margin-bottom: 65px;text-align: center;}
.service .service-body .service-content-container .other-services .other-container{margin: 0 90px;}
.service .service-body .service-content-container .other-services .other-container .swiper-container{  }
.service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item{display: block;background: #0F2431;height: 350px;overflow: hidden;transition: none;}
.service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item span > span{font-weight: 600;font-size: 20px;color: #7893a7;display: block;transition: 0.4s;transform: translate(0px, 0px) scale(1);}
.service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item img{position: absolute;mix-blend-mode: luminosity;bottom: 0;right: 0;max-height: 400px;}
.service .service-body .service-content-container .other-services .other-container .swiper-pagination{margin-top: 50px;}

.service .service-body .service-info-form{margin-top: 40px;position: relative;background: #D9AD62;}
.service .service-body .service-info-form:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-image: url(../img/main/service-form-bg.png);background-size: cover;background-position: center;}
.service .service-body .service-info-form .info-row{padding: 70px 80px;display: flex;align-items: center;justify-content: space-between;position: relative;}
.service .service-body .service-info-form .info-row .info-text{max-width: 580px;}
.service .service-body .service-info-form .info-row .info-text h4{font-weight: 500;font-size: 29px;color: #091a24;line-height: normal;margin-bottom: 0;}
.service .service-body .service-info-form .info-row .info-text p{font-family: Volte;font-size: 19px;line-height: 24px;color: #695a40;margin: 10px 0 0;}
.service .service-body .service-info-form .info-row .info-btn{display: inline-block;transition: none;}
.service .service-body .service-info-form .info-row .info-btn > span{font-weight: 500;font-size: 17px;color: #ebebeb;display: block;background: #0c1d27;padding: 20px 35px;transition: 0.4s;}

.service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item > span {
    display: block;
    padding: 40px;
}

.service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item:hover span > span {
    color: rgb(255 255 255 / 0.8);
    transform: translate(30px, 0px) scale(1.1);
}

    .service .service-header .header-bg .bg-item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

    @media (hover:hover) {
        .service .service-body .service-info-form .info-row .info-btn:hover > span {
            background: #091a24;
            color: #d9ad62;
        }
    }

@media only screen and (min-width: 1200px){
    .service .service-header .header-bg .bg-item {
        opacity: 0;
        transform: scale(1.3);
    }
    .service .service-body .service-content-container .service-content .content-img .img-item {
        top: -200px;
    }
    .service .service-header .header-content h1 {
        transform: translate(0px, 30px);
        opacity: 0;
    }
    .service .service-body .service-content-container {
        transform: translate(0px, 100px);
    }
    .service .service-header .header-content p {
        transform: translate(0px, 50px);
        opacity: 0;
    }
    .service .service-body .service-content-container .other-services h2 {
        transform: translate(0px, -20px);
        opacity: 0;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item > span {
        transform: translate(-20px, 0px);
        opacity: 0;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item img {
        transform: translate(40px, 0px);
        opacity: 0;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item {
        transform: scale(0.85);
        opacity: 0;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-pagination {
        transform: translate(0px, 20px);
        opacity: 0;
    }

    .service .service-body .service-info-form .info-row .info-text h4 {transform: translate(0px, 30px);opacity: 0;}

    .service .service-body .service-info-form .info-row .info-text p {
        transform: translate(0px, 50px);
        opacity: 0;
    }

    .service .service-body .service-info-form .info-row .info-btn {
        transform: translate(0px, -30px);
        opacity: 0;
    }

    .service .service-body .service-info-form {
        transform: scale(0.9);
        opacity: 0;
    }
    .service .service-body {
        transform: translate(0px, 30px);
        opacity: 0;
    }
}

@media only screen and (max-width: 1600px) {
    .service .service-header .header-content {
        bottom: 80px;
    }

    .service .service-body {
        max-width: 1200px;
        margin-top: -20px;
    }

    .service .service-body .service-content-container .service-content .content-img {
        height: 700px;
    }

    .service .service-body .service-content-container .service-content .content-text {
        padding: 70px 70px;
    }

    .service .service-body .service-content-container .other-services {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 1470px) {
    .service .service-header .header-content h1 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .service .service-header .header-content p {
        font-size: 35px;
    }

    .service .service-header .header-content {
        max-width: 480px;
        bottom: 40px;
    }

    .service .service-header {
        height: 600px;
    }

    .service .service-body .service-content-container .service-content .content-text p {
        font-size: 20px;
    }
    .service .service-body .service-content-container .service-content .content-text li {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .service .service-body {
        margin-top: 40px;
        max-width: 80%;
    }

    .service .service-body .service-content-container .service-content .content-text {
        padding: 50px;
    }

    .service .service-body .service-content-container .service-content .content-text p {
        line-height: 30px;
    }

    .service .service-body .service-content-container .other-services h2 {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .service .service-body .service-content-container .other-services .other-container {
        margin: 0 40px;
    }

    .service .service-body .service-info-form .info-row {
        padding: 50px 40px;
    }

    .service .service-body .service-info-form .info-row .info-text {
        max-width: 400px;
    }
}

@media only screen and (max-width: 991px) {
    .service .service-body .service-content-container .service-content {
        flex-wrap: wrap;
    }

    .service .service-body .service-content-container .service-content .content-img {
        flex: 0 0 80%;
        height: 400px;
        margin: 0 auto;
    }

    .service .service-body .service-content-container .service-content .content-text {
        flex: 0 0 100%;
        padding: 50px 30px;
    }

    .service .service-body .service-content-container .other-services {
        margin-top: 40px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item span > span {
        font-size: 15px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item > span {
        padding: 25px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item {
        height: 240px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item img {
        max-width: 130px;
    }

    .service .service-body .service-info-form .info-row .info-text h4 {
        font-size: 20px;
        max-width: 200px;
    }

    .service .service-body .service-info-form .info-row .info-text p {
        font-size: 16px;
        line-height: normal;
        max-width: 290px;
    }

    .service .service-body .service-info-form .info-row .info-text {max-width: initial;}

    .service .service-body .service-info-form .info-row {
        padding: 30px 30px;
    }

    .service .service-body .service-info-form .info-row .info-btn > span {
        font-size: 15px;
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .service .service-header {
        height: 320px;
    }

    .service .service-header .header-content h1 {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .service .service-header .header-content p {
        font-size: 20px;
        line-height: 1.4;
    }

    .service .service-header .header-content {
        width: 80%;
        max-width: 80%;
        bottom: 60px;
    }

    .service .service-body {
        margin: -20px 30px 60px;
        max-width: initial;
    }

    .service .service-body .service-content-container .service-content .content-img {
        flex: 0 0 100%;
    }

    .service .service-body .service-content-container .service-content .content-text p {
        font-size: 18px;
        line-height: 1.4;
    }

.service .service-body .service-content-container .service-content .content-text li {
        font-size: 18px;
    }


    .service .service-body .service-content-container .service-content .content-text {
        padding: 40px 30px;
    }

    .service .service-body .service-content-container .other-services h2 {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .service .service-body .service-content-container .other-services .other-container {
        margin: 0;
    }

    .service .service-body .service-content-container {
        padding-bottom: 50px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container {
        padding: 0 60px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item span > span {
        font-size: 13px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item > span {
        padding: 20px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item {
        height: 200px;
    }

    .service .service-body .service-content-container .other-services .other-container .swiper-container .swiper-slide .other-item img {
        max-width: 110px;
    }

    .service .service-body .service-info-form .info-row {
        display: block;
    }
    .service .service-body .service-info-form .info-row .info-text p {
        font-weight: 500;
        color: #5f5036;
    }
    .service .service-body .service-info-form .info-row .info-btn {
        margin-top: 20px;
    }
}

/* Bid Form */
.bid-form {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    z-index: 9;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgb(9 26 36 / 0.98);
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.5s;
}
.bid-form .bid-close {
    text-align: center;
    width: 100px;
    border: 5px solid #0D212E;
    padding: 25px 0 10px;
    margin: -5px auto 0;
    cursor: pointer;
}

.bid-form .bid-close svg {
    stroke: #576C7C;
    transition: 0.4s;
}

.bid-form .bid-close span {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #3e5362;
    display: block;
    margin-top: 10px;
    transition: 0.4s;
}

.bid-form.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.bid-form .bid-container {
    max-width: 1080px;
    margin: 180px auto;
}

.bid-form .bid-container > span {
    font-weight: 600;
    font-size: 35px;
    color: #d9ad62;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.bid-form .bid-container .bid-form-top {
    background: #0C1F2B;
    padding: 65px;
}

.bid-form .bid-container .bid-form-top .form-row {
    margin: 40px 0 0;
}

.bid-form .bid-container .bid-form-top .form-row .row-item {
    flex: 0 0 calc(50% - 18px);
}

.bid-form .bid-container .bid-form-top .form-row .row-item + .row-item {margin-left: 35px;}

.bid-form .bid-container .bid-form-top .form-row .row-item > span {
    font-family: Volte;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.2em;
    color: #2e5167;
    display: block;
    margin-bottom: 30px;
    margin-left: 20px;
    position: relative;
    padding-left: 20px;
}
.bid-form .bid-container .bid-form-top .form-row .row-item > span:before {content: "";position: absolute;top: 50%;transform: translate(0px, -50%);left: 0;width: 6px;height: 6px;background: #2E5167;border-radius: 100%;}

.bid-form .bid-container form {
    border: 5px solid #0C1F2B;
}

.bid-form .bid-container .bid-form-bottom {
    padding: 25px 60px;
}

.bid-form .bid-container .bid-form-bottom .bottom-row {
    display: flex;
}

.bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item {
    flex: 0 0 calc(50% - 15px);
}

.bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item + .bottom-row-item {
    margin-left: 30px;
}

.bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item .form-group + .form-group {
    margin-top: 20px;
}

.bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item:nth-child(2) .form-group, .bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item:nth-child(2) .form-group textarea {height: 100%;resize: none;}

.bid-form .bid-container .bid-form-bottom .form-info {
    display: flex;
    justify-content: center;
    margin: 50px 0 40px;
}

.bid-form .bid-container .bid-form-bottom .form-info .form-kvkk > label {
    /* width: 15px; */
    /* height: 15px; */
    border: 2px solid #576C7C;
    margin-top: -2px;
}

.bid-form .bid-container .bid-form-bottom .captcha {
    height: 65px;
}

.bid-form .bid-container .bid-form-bottom > .form-group.form-row {
    margin: 0 40px -60px;
}

.bid-form .bid-container .bid-form-bottom > .form-group.form-row > div {
    flex: 1 1 0;
    padding: 0;
}

.bid-form .bid-container .bid-form-bottom > .form-group.form-row > div + div {
    margin-left: 15px;
}

.bid-form .bid-container .bid-form-bottom > .form-group.form-row .submit button {
    width: 100%;
    color: #1c1e1f;
    background: #D9AD62;
    padding: 0;
    height: 100%;
    transform: translate(0, 0);
}

.bid-form .form-group .form-control {
    background: #fff0;
}
.bid-form .form-group .captcha .form-control {
    background: #0b1b24;
}
.bid-form .bid-container .bid-form-top .form-row .row-item span.select2.select2-container {
    width: 100% !important;
}

.bid-form .bid-container .bid-form-top .form-row .row-item .item-country {
    margin-bottom: 20px;
}

.bid-form .bid-container .bid-form-bottom .form-info .form-kvkk input:checked ~ label {
    border-color: #d9ad62;
}

.bid-form .bid-container .bid-form-bottom > .form-group.form-row .submit button > span {
    display: inline-block;
    position: relative;
    transform: translate(0px, 0px);
    transition: 0.4s;
}

.bid-form .bid-container .bid-form-bottom > .form-group.form-row .submit button > span:before {content: "";position: absolute;top: 50%;left: -10px;transform: translate(0, -50%) scale(0);width: 40px;height: 1px;background: #1c1e1f;transition: 0.4s;}

@media (hover:hover) {

    .bid-form .bid-close:hover svg {
        stroke: #fff;
    }
    
    .bid-form .bid-close:hover span {
        color: #fff;
    }
    
    .bid-form .bid-container .bid-form-bottom .form-info .form-kvkk > label:hover {
        border-color: #fff;
    }
    
    .bid-form .bid-container .bid-form-bottom > .form-group.form-row .submit:hover button > span {
        transform: translate(25%, 0px);
    }

    .bid-form .bid-container .bid-form-bottom > .form-group.form-row .submit:hover button > span:before {
        transform: translate(-110%, -50%) scale(1, 1);
    }
    
}

@media only screen and (max-width: 1470px) {
    .bid-form .bid-container {
        transform: scale(0.9);
        margin-top: 100px;
    }
}

@media only screen and (max-width: 1370px) {
    .bid-form .bid-container {
        transform: scale(0.8);
        margin: 0 auto 40px;
    }
}

@media only screen and (max-width: 767px) {
    .bid-form .bid-container {
        transform: scale(1);
        margin: 60px 30px 200px;
    }

    .bid-form .bid-container > span {
        font-size: 25px;
        line-height: normal;
        max-width: 240px;
        margin: 0 auto 30px;
    }

    .bid-form .bid-container .bid-form-top {
        padding: 20px 15px;
    }

    .bid-form .form-group .form-control {
        height: 60px;
        font-size: 13px;
        padding: 15px 10px;
    }

    .bid-form .bid-container .bid-form-top .form-row {
        margin-top: 30px;
    }

    .bid-form .bid-container .bid-form-top .form-row .row-item > span {
        margin-left: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .bid-form .bid-container .bid-form-top .form-row .row-item {
        flex: 0 0 100%;
    }

    .bid-form .bid-container .bid-form-top .form-row .row-item + .row-item {
        margin-left: 0;
        margin-top: 30px;
    }

    .bid-form .select2-container--default .select2-selection--single {
        height: 60px;
    }

    .bid-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 12px;
        left: 0;
        border-width: 7px 6.5px 0 6.5px;
    }

    .bid-form .bid-container .bid-form-bottom .bottom-row {
        flex-wrap: wrap;
    }

    .bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item {
        flex: 0 0 100%;
    }

    .bid-form .bid-container .bid-form-bottom {
        padding: 25px 15px;
    }

    .bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item + .bottom-row-item {
        margin-left: 0;
        margin-top: 20px;
    }

    .bid-form .bid-container .bid-form-bottom .bottom-row .bottom-row-item:nth-child(2) .form-group textarea {
        height: 200px;
    }

    .bid-form .form-kvkk > span {
        font-size: 14px;
    }

    .bid-form .bid-container .bid-form-bottom .form-info {
        margin-top: 20px;
    }

    .bid-form .bid-container .bid-form-bottom > .form-group.form-row > div {
        flex: 1 1 46%;
    }

    .bid-form .bid-container .bid-form-bottom > .form-group.form-row > div.submit {
        margin-left: 0;
        margin-top: 15px;
    }

    .bid-form .bid-container .bid-form-bottom > .form-group.form-row {
        margin: 0 0px -60px;
    }
    .bid-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 10px;
        font-size: 13px;
    }
    .bid-form .bid-container .bid-form-bottom .captcha {
        height: 50px;
    }

    .bid-form .form-group .captcha .form-control {
        height: 50px;
    }

    .bid-form .bid-container .bid-form-bottom > .form-group.form-row .submit button {
        font-size: 14px;
        height: 50px;
    }
}

/* Useful Information */
.useful-info{padding-bottom: 130px;}
.useful-info .useful-container{margin-left: 250px;overflow: hidden;}

.useful-info .useful-container .useful-menu{display: flex;align-items: center;justify-content: center;margin: 90px 0;}
.useful-info .useful-container .useful-menu a{font-family: Volte;font-weight: 500;font-size: 20px;color: #7893a7;padding: 15px 30px;border: 1px solid #162C3B;box-shadow: 0px 0px 9px rgba(255, 255, 255, 0);}
.useful-info .useful-container .useful-menu a.active{color: #D9AD62;border-color: #173446;box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.2);}
.useful-info .useful-container .useful-menu a + a{margin-left: 50px;}

.useful-info .useful-container .useful-content{height: 770px;position: relative;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item {position: absolute;top: 0;left: 0;right: 0;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item.active {opacity: 1;visibility: visible;pointer-events: all;}

.useful-info .useful-container .useful-content .content-item-1 {text-align: center;}
.useful-info .useful-container .useful-content .content-item-1 img {
    width: 68%;
}

.useful-info .useful-container .useful-content .content-item-2 .content-container {display: flex;align-items: flex-start;padding: 0 16%;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide {max-width: 370px;flex: 0 0 33%;position: relative;height: 684px;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-col {position: absolute;top: 0;left: 0;right: 0;opacity: 0;visibility: hidden;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-col.active {opacity: 1;visibility: visible;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item {text-align: center;background: #08161F;border: 1px solid #fff0;padding: 20px;cursor: pointer;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item.active {background: #0A1B26;border-color: #26333E;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item.active span { color: #D9AD62; }
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item span {font-weight: 600;font-size: 15px;letter-spacing: 0.15em;color: #5e6970;display: block;margin-bottom: 10px;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item img {mix-blend-mode: screen;opacity: 0.35;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .swiper-pagination {position: absolute;bottom: 10px;left: 0;right: 0;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container {margin-left: 170px;max-width: 465px;flex: 0 0 43%;border: 1px solid #162C3B;position: relative;height: 600px;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item {padding: 60px 0;position: absolute;top: 0;left: 0;right: 0;opacity: 0;visibility: hidden;transition: 0.4s;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item.active {opacity: 1;visibility: visible;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item > span {font-weight: 600;font-size: 31px;letter-spacing: 0.15em;color: #ebebeb;display: block;margin-bottom: 50px;text-align: center;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul {padding-left: 0;margin-bottom: 0;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li {text-align: center;list-style: none;line-height: normal;margin: 0 50px;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li + li {margin-top: 25px;padding-top: 25px;border-top: 1px solid #1D3746;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li span:nth-child(1) {font-family: Volte;font-weight: normal;font-size: 21px;color: #7893a7;display: block;margin-bottom: 8px;}
.useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li span:nth-child(2) {font-family: Volte;font-weight: 600;font-size: 21px;color: #7893a7;display: block;}

.useful-info .useful-container .useful-content .content-item-3 {}
.useful-info .useful-container .useful-content .content-item-3 .content-container {
    max-width: 1230px;
    margin: 0 auto;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide {
    margin: 0 50px;
    position: relative;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-container {
    padding: 40px 0 40px;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide.swiper-slide-active span { opacity: 1; }
.useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-item {
    background: #0A1B26;
    height: 200px;
    text-align: center;
    position: relative;
    transform: scale(1);
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide span {
    font-weight: 600;
    font-size: 27px;
    letter-spacing: 0.1em;
    line-height: normal;
    color: #ebebeb;
    opacity: 0;
    margin-bottom: 80px;
    display: block;
    text-align: center;
    transition: 0.4s;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-item > img {
    opacity: 0.4;
    height: 200px;
    transition: 0.4s;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide.swiper-slide-active .slide-item {
    transform: scale(1.3);
    background: #0F2431;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide.swiper-slide-active {
    z-index: 1;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide.swiper-slide-active .slide-item img {
    opacity: 1;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn {
    position: absolute;
    top: 60%;
    transform: translate(0px, -50%);
    z-index: 1;
    cursor: pointer;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-prev {
    left: 370px;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-next {
    right: 370px;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container {
    margin-top: 60px;
    display: flex;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .tab-list {
    max-width: 210px;
    flex: 0 0 17%;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row {
    display: flex;
    align-items: flex-start;
}.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-col {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title {
    flex: 0 0 210px;
    background: #0C1F2B;
    padding: 30px 0;
    text-align: center;
    margin-right: 8px;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title span {
    font-weight: 600;
    font-size: 22px;
    color: #657f93;
    display: block;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item {
    flex: 0 0 calc(25% - 8px);
    border: 1px solid #0E2331;
    height: 93px;
    position: relative;
    margin-bottom: 20px;
    margin-right: 8px;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > span{
    font-family: Volte;
    font-weight: 600;
    font-size: 15px;
    color: #9cb5c7;
    display: block;
    position: absolute;
    top: -12px;
    left: 8px;
    background: #08161F;
    padding: 0 5px;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value{
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 20px;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value > span{
    font-family: Volte;
    font-weight: 500;
    font-size: 18px;
    color: #7893a7;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value > span:nth-child(1){}
.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value > span:nth-child(2){
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #0F212C;
}
.useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn svg {fill: #7893A7;transition: 0.4s;}


.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .tab-list .list-item {
    background: #0C1F2B;
    padding: 30px 0;
    text-align: center;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .tab-list .list-item > span {
    font-weight: 600;
    font-size: 22px;
    color: #657f93;
    display: block;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .tab-list .list-item + .list-item {
    margin-top: 25px;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab {
    flex: 0 0 100%;
    margin-left: 0;
    position: relative;
    height: 329px;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item + .row-item {
    /* margin-left: 8px; */
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row +.item-row {
    margin-top: 25px;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .tab-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}

.useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .tab-item.active {
    opacity: 1;
    visibility: visible;
}

.useful-info .useful-container .useful-content .content-item-4{  }
.useful-info .useful-container .useful-content .content-item-4 .wagon-container{margin: 0 125px 0 50px;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list{display: flex;flex-wrap: wrap;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item{flex: 1 0 calc(33% - 26px);border: 1px solid #162C3B;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item + .list-item{margin-left: 45px;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(3n+1) { margin-left: 0; }
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(n+4) { margin-top: 45px; }
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > span{font-weight: 600;font-size: 22px;text-align: center;color: #ebebeb;display: block;background: #091A24;padding: 20px 0;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul{padding-left: 0;margin-bottom: 0;margin: 40px 0 30px;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul li{display: flex;align-items: center;justify-content: space-between;list-style: none;padding-left: 30px;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul li span:nth-child(1){font-family: Volte;font-weight: 500;font-size: 16px;color: #9cb5c7;display: block;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul li span:nth-child(2){font-family: Volte;font-size: 16px;color: #d9ad62;display: block;text-align: left;min-width: 170px;}
.useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul li + li{margin-top: 5px;padding-top: 5px;border-top: 1px solid #0E2331;}

@media (hover:hover) {
    .useful-info .useful-container .useful-menu a.active:hover {
        color: #D9AD62;
    }
    
    .useful-info .useful-container .useful-menu a:hover {
        color: #fff;
    }
    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item:hover span {
        color: #fff;
    }
    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn:hover svg {
        fill: #D9AD62;
    }
}

@media only screen and (min-width: 1200px){
    .useful-info .useful-container .useful-menu {
        transform: translate(0px, 30px);
        opacity: 0;
        visibility: hidden;
    }

    .useful-info .useful-container {
        transform: translate(0px, 50px);
        opacity: 0;
        visibility: hidden;
    }
}

@media only screen and (max-width: 1630px) {
    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item {
        flex: 1 0 calc(50% - 27px);
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(2n+1) {
        margin-left: 0;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(n+3) {
        margin-top: 50px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(2n) {
        margin-left: 50px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-container {
        max-width: 1100px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item {
        flex: 0 0 calc(33% - 6px);
        margin-bottom: 20px;
        margin-right: 8px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide span {
        font-size: 21px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .tab-list .list-item + .list-item {
        margin-top: 40px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item + .row-item {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1600px) {
    .useful-info .useful-container .useful-menu a {
        font-size: 17px;
    }

    .useful-info .useful-container .useful-menu a + a {
        margin-left: 40px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide {
        height: 42vw;
    }
}

@media only screen and (max-width: 1470px) {
    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-prev {
        left: 310px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-next {
        right: 310px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item > span {
        font-size: 20px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li span:nth-child(1) {
        font-size: 18px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li span:nth-child(2) {
        font-size: 19px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li + li {
        margin-top: 20px;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .useful-info .useful-container {
        margin-left: 100px;
    }

    .useful-info .useful-container .useful-menu a {
        font-size: 15px;
        padding: 15px 25px;
    }

    .useful-info .useful-container .useful-menu a + a {
        margin-left: 10px;
    }

    .useful-info .useful-container .useful-menu {
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide {
        height: 540px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title {
        flex: 0 0 190px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title span {
        font-size: 20px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-container {
        padding-right: 40px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item {
        flex: 0 0 calc(50% - 8px);
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide span {
        font-size: 20px;
        margin-bottom: 50px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > span {
        font-size: 15px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container {
        margin-right: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .useful-info .useful-container .useful-menu a {
        font-size: 12px;
        padding: 15px 20px;
    }

    .useful-info .useful-container .useful-content {
        height: 400px;
    }

    .useful-info {
        min-height: calc(100vh - 265px);
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container {
        padding: 0;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container {
        margin-left: 80px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title {
        flex: 0 0 170px;
        padding: 34px 0;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title span {
        font-size: 17px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value > span {
        font-size: 15px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-item > img {
        height: 120px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-item {
        height: 140px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-prev {
        left: 30%;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-next {right: 30%;}

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn {
        top: 65%;
    }
    .useful-info .useful-container .useful-content .content-item-4 .wagon-container {
        margin: 0 20px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(2n) {
        margin-left: 20px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(n+3) {
        margin-top: 20px;
    }
    
    .useful-info .useful-container .useful-content .content-item-1 img {
        width: 90%;
    }
    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul li span:nth-child(2) {min-width: 120px;margin-left: 20px;}

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item > ul li {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .useful-info .useful-container {
        margin: 0;
    }

    .useful-info .useful-container .useful-menu a {
        font-size: 14px;
    }

    .useful-info .useful-container .useful-menu {
        justify-content: flex-start;
        margin: 50px 0 80px;
    }
    .useful-info .useful-container .useful-content .content-item-1 img {
        height: auto;
    }
    .useful-info .useful-container .useful-menu a + a {
        margin-left: 0;
    }
    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item:nth-child(n+3) {
        margin-top: 0;
    }
    .useful-info .useful-container .useful-menu .swiper-slide {
        width: auto;
    }

    .useful-info {
        min-height: initial;
        padding-bottom: 100px;
    }

    .useful-info .useful-container .useful-menu .swiper-container {
        padding: 20px 30px;
    }

    .useful-info .useful-container .useful-content {
        height: 300px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container {
        margin: 0 40px;
    }
    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list {
        flex-wrap: nowrap;
    }

    .useful-info .useful-container .useful-content .content-item-4 .wagon-container {
        margin: 0;
        padding: 0 40px;
    }
    .useful-info .useful-container .useful-content .content-item-4 .wagon-container .wagon-list .list-item {
        margin-left: 0 !important;
        flex: 0 0 100%;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container {
        display: block;
        margin: 0 80px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide {
        margin: 0 auto;
        height: 560px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-slide .vertical-item span {
        font-size: 12px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container {
        margin: 40px -40px 0;
        flex: 0 0 100%;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li {
        margin: 0 30px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item > span {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item {
        padding: 40px 0;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li span:nth-child(1) {
        font-size: 15px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li span:nth-child(2) {
        font-size: 16px;
    }

    .useful-info .useful-container .useful-content .content-item-2 .content-container .vertical-item-container .item ul li + li {
        margin-top: 10px;
        padding-top: 10px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-container {
        padding-right: 0;
        margin-top: -60px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide {
        margin: 0;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-item {
        height: 110px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-item > img {
        height: 90px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn {
        top: auto;
        bottom: 35px;
        transform: translate(0px, 0px);
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn svg {
        width: 20px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-prev {
        left: 32%;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .slide-btn.slide-next {
        right: 32%;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-slide .swiper-slide span {font-size: 16px;margin-bottom: 30px;}

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row {
        flex-wrap: wrap;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab {
        margin: 0 30px;
        flex: auto;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title {
        margin-bottom: 20px;
        padding: 30px 0;
        flex: 0 0 calc(50% - 8px);
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value > span {
        font-size: 14px;
        padding: 0 3px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value > span:nth-child(2) {
        margin-left: 10px;
        padding-left: 10px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > span {
        font-size: 13px;
        top: -8px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .row-item > .value {
        padding-left: 10px;
    }

    .useful-info .useful-container .useful-content .content-item-3 .content-tab-container .content-tab .item-row .item-title span {
        font-size: 15px;
    }

    .useful-info .useful-container .useful-content .content-item-4 .swiper-pagination {
        margin: 30px 0px 10px;
    }
}

/* Menu */
.menu-active .menu { opacity: 1; visibility: visible; pointer-events: all; }
.main-body .menu {
    z-index: 10;
}

.menu{position: fixed;top: 0px;right: 0;left: 0;height: 100vh;background: #1C1E1F;z-index: 3;padding-top: 280px;overflow: hidden;opacity: 0;visibility: hidden;pointer-events: none;}
.menu .menu-container{display: flex;height: 100%;margin-left: 150px;background: #1C1E1F;}

.menu .sub-menu-container{flex: 0 0 88%;position: relative;}
.menu .sub-menu-container .sub-menu-item{position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;visibility: hidden;transition: 0.4s;}
.menu .sub-menu-container .sub-menu-item.active{ opacity: 1; visibility: visible; }

.menu .first-menu{max-width: 210px;flex: 0 0 14%;padding-top: 70px;}
.menu .first-menu ul{margin-bottom: 0;}
.menu .first-menu ul li{transform: translate(0px, 40px);opacity: 0;visibility: hidden;}
.menu .first-menu ul li + li{margin-top: 40px;}
.menu .first-menu ul li a{font-weight: 500;font-size: 35px;color: #ccc;display: block;position: relative;}
.menu .first-menu ul li a:before {content: "";position: absolute;top: 50%;left: 0;transform: translate(0px, -50%) scale(0);width: 7px;height: 7px;background: #D9AD62;border-radius: 100%;transition: 0.4s;}
.menu .first-menu ul li a.active:before { transform: translate(0px, -50%) scale(1); }
.menu .first-menu ul li a > span {display: block;transform: translate(0px, 0px);transition: 0.5s;}

.menu .first-menu ul li a.active > span { transform: translate(35px, 0px); }
.menu .first-menu ul li a.in-active{color: #6A6C6E;}

.menu .first-sub-menu{margin-left: 380px;display: flex;align-items: flex-end;height: 100%;}
.menu .first-sub-menu .fs-item{height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 30px 0 30px;padding-left: 40px;position: relative;}
.menu .first-sub-menu .fs-item .menu-item{opacity: 0;visibility: hidden;transition: 0.4s;}
.menu .first-sub-menu .fs-item .menu-item ul{margin-bottom: 0;}


.menu .first-sub-menu .fs-item .working-hours .useful-btn span {
    color: #6a6c6e;
    border: 1px solid #333638;
    padding: 10px 18px;
    transition: 0.4s;
}

.menu .first-sub-menu .fs-item .info-item .menu-phone a span {
    transition: 0.4s;
}



.menu .first-sub-menu .fs-item:nth-child(1) .info-item > a span{
    transition: 0.4s;
}
.menu .first-sub-menu .fs-item .menu-item ul li + li{margin-top: 20px;}
.menu .first-sub-menu .fs-item .menu-item ul li a{font-weight: normal;font-size: 25px;color: #ccc;}

.menu .first-sub-menu .fs-item .info-item{max-width: 280px;opacity: 1;transition: 0.4s;}
.menu .first-sub-menu .fs-item .info-item.in-active {
    opacity: 0.6;
}
.menu .first-sub-menu .fs-item .info-item .title{font-family: Volte;font-weight: 600;font-size: 18px;line-height: 25px;color: #6a6c6e;display: block;transform: translate(0px, 30px);opacity: 0;}
.menu .first-sub-menu .fs-item .info-item p{font-family: Volte;font-weight: normal;font-size: 18px;line-height: 24px;color: #6a6c6e;margin-bottom: 0;margin-top: 20px;transform: translate(0px, 20px);opacity: 0;}
.menu .first-sub-menu .fs-item .info-item .menu-phone{margin-top: 15px;transform: translate(0px, 30px);opacity: 0;display: flex;flex-wrap: wrap;margin-right: -20px;}
.menu .first-sub-menu .fs-item .info-item .menu-phone a{font-family: Volte;font-weight: normal;font-size: 18px;color: #6a6c6e;display: block;transition: none;transform: translate(0px, 10px);margin-right: 10px;margin-bottom: 5px;}
.menu .first-sub-menu .fs-item .info-item .menu-phone a + a{  }
.menu .first-sub-menu .fs-item:nth-child(1) .info-item > a{display: inline-block;margin-top: 15px;font-family: Volte;font-size: 18px;color: #6a6c6e;transition: none;transform: translate(0px, 30px);opacity: 0;}
.menu .first-sub-menu .fs-item .info-item .social-media{display: flex;align-items: center;margin-top: 30px;}
.menu .first-sub-menu .fs-item .info-item .social-media a{display: block;transition: none;transform: translate(0px, 10px);opacity: 0;}
.menu .first-sub-menu .fs-item .info-item .social-media a + a{margin-left: 20px;}
.menu .first-sub-menu .fs-item .info-item .social-media a svg{fill: #505154;transition: 0.4s;}

.menu .first-sub-menu .fs-item:nth-child(1) { margin-right: 70px; }
.menu .first-sub-menu .fs-item .line {position: absolute;top: auto;bottom: 0;left: -1px;width: 1px;height: 0;background: linear-gradient(rgba(50, 53, 54, 0.31) 0%, #323536 100%);}

.menu .first-sub-menu .fs-item .working-hours { margin-top: auto; }
.menu .first-sub-menu .fs-item .working-hours .working-item + .working-item { margin-top: 30px; }
.menu .first-sub-menu .fs-item .working-hours .working-item > span:nth-child(1) {font-family: Volte;font-size: 14px;display: block;color: #6a6c6e;}
.menu .first-sub-menu .fs-item .working-hours .working-item > span:nth-child(2) { font-family: Volte; font-size: 17px; display: block; color: #6a6c6e; }

.menu .first-sub-menu .fs-item .working-hours .useful-btn {display: inline-block;font-family: Volte;font-weight: 500;font-size: 13px;color: #6a6c6e;margin-top: 30px;transition: none;transform: translate(0px, 20px);opacity: 0;}

.menu .first-sub-menu .fs-item .working-hours .contract-menu {display: flex;margin-top: 30px;}
.menu .first-sub-menu .fs-item .working-hours .contract-menu a {font-family: Volte;font-weight: 500;font-size: 15px;color: #6a6c6e;display: block;opacity: 0;transform: translate(0px, 20px);}
.menu .first-sub-menu .fs-item .working-hours .contract-menu a + a { margin-left: 30px; }

.menu .services-wrapper .service-item:nth-child(2) {}

.menu .services-wrapper .service-item:nth-child(2) img {
    /* max-height: 90%; */
    right: -40px;
    /* transform: translate(0, 30px); */
}

.menu .menu-services-container{margin-left: 170px;width: calc(100% - 170px);height: 100%;overflow: hidden;}
.menu .services-wrapper{display: inline-flex;width: max-content;margin-left: 300px;height: 100%;}
.menu .services-wrapper .service-item .line { position: absolute; bottom: 0; left: 0px; top: 0; width: 1px; background: linear-gradient(rgba(50, 53, 54, 0.31) 0%, #323536 100%); }
.menu .services-wrapper .service-item{background: #1C1E1F;position: relative;display: block;flex: 0 0 350px;overflow: hidden;text-align: right;transition: none;}
.menu .services-wrapper .service-item:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 50%;background: linear-gradient(rgba(28, 30, 31, 0) 0%, rgba(28, 30, 31, 0.61) 61.22%, #1c1e1f 100%);z-index: 2;transition: 0.4s;}
.menu .services-wrapper .service-item:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 90%;background: linear-gradient(rgba(28, 30, 31, 0) 0%, rgba(28, 30, 31, 0.61) 61.22%, #1c1e1f 100%);z-index: 3;}
.menu .services-wrapper .service-item + .service-item{  }
.menu .services-wrapper .service-item .title{font-size: 19px;letter-spacing: 0.15em;color: #fff;display: block;text-align: center;position: absolute;top: 60px;left: 0;right: 0;transition: 0.4s;}
.menu .services-wrapper .service-item img{mix-blend-mode: luminosity;position: relative;z-index: 1;transform: translate(0, -20px);max-width: initial;max-height: 90%;}
.menu .services-wrapper .service-item .circle{position: absolute;bottom: -66px;left: 50%;width: 566px;height: 566px;transform: translate(-50%, 0px);}
.menu .services-wrapper .service-item .circle > span{display: block;border: 1px solid #707070;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0);transition: 0.4s;}
.menu .services-wrapper .service-item .circle > span:nth-child(1){width: 23%;height: 23%;}
.menu .services-wrapper .service-item .circle > span:nth-child(2){width: 45%;height: 45%;opacity: 0.6;transition-delay: 0.05s;}
.menu .services-wrapper .service-item .circle > span:nth-child(3){width: 70%;height: 70%;opacity: 0.4;transition-delay: 0.1s;}
.menu .services-wrapper .service-item .circle > span:nth-child(4){width: 100%;height: 100%;opacity: 0.2;transition-delay: 0.15s;}

.menu .menu-companys-container{position: relative;z-index: 1;margin-left: 90px;margin-top: 30px;overflow: hidden;height: 100%;}
.menu .companys-wrapper{display: flex;align-items: center;margin-left: 300px;}
.menu .companys-wrapper .companys-item.special-item { background: #1F2122; border-color: #1F2122; }
.menu .companys-wrapper .companys-item{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px 50px;border: 5px solid #262829;transition: 0.4s;width: 100%;height: 100%;}
.menu .companys-wrapper .companys-item-c {
    flex: 0 0 385px;
    height: 385px;
}

.menu .companys-wrapper .companys-item-c + .companys-item-c {
    margin-left: 35px;
}
.menu .companys-wrapper .companys-item .item-bg{position: absolute;top: -5px;right: -5px;left: -5px;bottom: -5px;background-size: cover;background-position: center;opacity: 0;transition: 0.4s;}
.menu .companys-wrapper .companys-item .item-bg:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.7;background: #fff;}
.menu .companys-wrapper .companys-item .item-logo{position: relative;text-align: center;transform: translate(0px, 25px);transition: 0.4s;}
.menu .companys-wrapper .companys-item .item-logo .logo-1{width: 100%;}
.menu .companys-wrapper .companys-item .item-logo .logo-2{position: absolute;top: 0;left: 0;right: 0;opacity: 0;width: 100%;height: 100%;}
.menu .companys-wrapper .companys-item > p{font-family: Volte;font-weight: normal;font-size: 15px;line-height: 23px;text-align: center;color: #6a6c6e;margin-top: 40px;position: relative;transform: translate(0px, 25px);transition: 0.4s;}
.menu .companys-wrapper .companys-item .arrow{display: inline-block;margin-top: 10px;position: relative;opacity: 0;width: 25px;height: 25px;transition: 0.4s;}
.menu .companys-wrapper .companys-item .arrow svg{fill: #091A24;}

.menu .corporate-active .first-sub-menu .fs-item .menu-item {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0) scale(1);
}

.menu .first-sub-menu .fs-item .working-hours .contract-menu a span {
    transition: 0.4s;
}



.menu .first-sub-menu .fs-item .working-hours .working-item {
    transform: translate(0px, 30px);
    opacity: 0;
}

@media (hover:hover) {

    .menu .companys-wrapper .companys-item.special-item:hover { border-color: #fff; }
    .menu .companys-wrapper .companys-item.special-item:hover .arrow svg { fill: #091A24; }
    .menu .companys-wrapper .companys-item.special-item:hover > p { color: #6a6c6e; }
.menu .services-wrapper .service-item:hover .circle > span { transform: translate(-50%, -50%) scale(1); }

    .menu .companys-wrapper .companys-item:hover .item-bg { opacity: 1; }
    .menu .companys-wrapper .companys-item:hover > p { transform: translate(0px, 0px); }
    .menu .companys-wrapper .companys-item:hover .item-logo { transform: translate(0px, 0px); }
    .menu .companys-wrapper .companys-item:hover .arrow { opacity: 1; }
    .menu .companys-wrapper .companys-item:hover .item-logo .logo-2{ opacity: 1; }
    .menu .companys-wrapper .companys-item:hover .arrow svg { fill: rgb(255 255 255 / 64%); }
    .menu .companys-wrapper .companys-item:hover { border-color: rgb(255 255 255 / 30%); }
    .menu .companys-wrapper .companys-item:hover > p { color: rgb(255 255 255 / 64%); }
    .menu .first-sub-menu .fs-item .working-hours .contract-menu a:hover span {
        color: #fff;
    }

    .menu .first-sub-menu .fs-item .info-item .social-media a:hover svg {
        fill: #fff;
    }.menu .first-sub-menu .fs-item .working-hours .contract-menu a:hover span {
        color: #fff;
    }

    .menu .first-sub-menu .fs-item .info-item .social-media a:hover svg {
        fill: #fff;
    }
    .menu .first-menu ul li a:hover span {transform: translate(35px, 0px);}

    .menu .first-menu ul li a:hover:before {
        transform: translate(0px, -50%) scale(1);
    }
    .menu .first-sub-menu .fs-item .menu-item ul li a:hover {
        color: #d9ad62;
    }
    .menu .first-menu ul li a.in-active:hover:before {
        transform: translate(0px, -50%) scale(0);
    }

    .menu .first-menu ul li a.in-active:hover span {
        transform: translate(0px, 0px);
        color: #b5b5b5;
    }
    .menu .first-sub-menu .fs-item .working-hours .useful-btn:hover span {
        color: #fff;
        border-color: #fff;
    }

    .menu .first-sub-menu .fs-item .info-item .menu-phone a:hover span {
        color: #fff;
    }
    .menu .first-sub-menu .fs-item:nth-child(1) .info-item > a:hover span{
        color: #fff;
    }


    .menu .services-wrapper .service-item:hover:before {
        height: 30%;
    }

    .menu .services-wrapper .service-item:hover .title {
        transform: scale(1.1);
    }
}

@media only screen and (max-height: 900px){
    .menu .first-sub-menu .fs-item .info-item .social-media {
        margin-top: 10px;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) .info-item > a {
        margin-top: 0;
    }

    .menu .first-sub-menu .fs-item .info-item .menu-phone {
        margin-top: 10px;
    }

    .menu .first-sub-menu .fs-item .info-item p {
        margin-top: 15px;
    }

    .menu {
        padding-top: 230px;
    }
}

@media only screen and (max-height: 800px){
    .menu .first-menu ul li a {
        font-size: 32px;
    }

    .menu .first-menu ul li + li {
        margin-top: 30px;
    }

    .menu .first-sub-menu {
    }

    .menu .first-sub-menu .fs-item .menu-item ul li a {
        font-size: 22px;
    }

    .menu .first-sub-menu .fs-item .menu-item ul li + li {
        margin-top: 10px;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) .info-item {transform: translate(-20px, 10px) scale(0.9);}

    .menu .services-wrapper .service-item img {
        transform: translate(0px, 40px);
    }
}

@media only screen and (max-height: 750px){
    .menu {
        padding-top: 180px;
    }
}

@media only screen and (max-width: 1700px){
    .menu .companys-wrapper {
        margin-left: 400px;
    }

    .menu .services-wrapper {
        margin-left: 400px;
    }
}

@media only screen and (max-width: 1600px){
    .menu .services-wrapper {
        margin-left: 500px;
    }
}

@media only screen and (max-width: 1470px){
    .menu .first-sub-menu {
        margin-left: 25%;
    }

    .menu .first-menu ul li a {
        font-size: 32px;
    }

    .menu .first-menu ul li + li {
        margin-top: 30px;
    }

    .menu .first-sub-menu .fs-item .menu-item ul li a {
        font-size: 22px;
    }

    .menu .first-sub-menu .fs-item .menu-item ul li + li {
        margin-top: 10px;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) .info-item {transform: translate(-20px, 10px) scale(0.9);}

    .menu .companys-wrapper .companys-item-c {
        flex: 0 0 330px;
        height: 330px;
    }

    .menu .menu-companys-container {
        margin-top: 7vh;
    }

    .menu .companys-wrapper .companys-item .item-logo {
        width: 130px;
    }

    .menu .companys-wrapper .companys-item > p {
        margin-top: 30px;
    }

    .menu .companys-wrapper .companys-item {
        padding: 20px 30px;
    }
}

@media only screen and (max-width: 1370px){
    .menu .first-menu ul li a {
        font-size: 28px;
    }

    .menu .first-menu ul li + li {
        margin-top: 20px;
    }

    .menu .menu-container {
        margin-left: 120px;
    }

    .menu .first-sub-menu .fs-item .menu-item ul li + li {
        margin-top: 10px;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) .info-item {transform: translate(-30px, 30px) scale(0.8);}
}

@media only screen and (max-width: 1199px){
    .menu .menu-container {
        margin-left: 100px;
    }

    .menu .first-sub-menu {
        margin-left: 12%;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) {
        margin-right: 0;
    }

    .menu .services-wrapper {
        margin-left: 0;
        width: auto;
    }

    .menu .companys-wrapper {
        margin-left: 0;
    }

    .menu .companys-wrapper .companys-item-c + .companys-item-c {margin-left: 0;}

    .menu .menu-container {
        margin-left: 50px;
    }

    .menu .first-sub-menu .fs-item {
        padding-left: 20px;
    }

    .menu .first-sub-menu .fs-item .working-hours .contract-menu {
        display: block;
    }

    .menu .first-sub-menu .fs-item .working-hours .contract-menu a + a {
        margin-left: 0;
        margin-top: 5px;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) {
        flex: 0 0 250px;
    }

    .menu .first-sub-menu .fs-item {padding-bottom: 120px;}

    .menu {
        padding-top: 200px;
        position: absolute;
    }

body.menu-active {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}
    .menu .first-menu ul li a {
        font-size: 25px;
    }

    .menu .menu-services-container {
        margin-left: 100px;
        width: calc(100% - 100px);
    }

    .menu .menu-services-container .swiper-container {
        height: 100%;
    }

    .menu .services-wrapper .service-item img {
        margin-left: auto;
    }

    .menu .services-wrapper .service-item .title {
        font-size: 16px;
    }

    .menu .services-wrapper .service-item img {
        height: 70%;
    }

    .menu .services-wrapper .service-item {
        flex: 0 0 300px;
    }

    .menu .menu-companys-container .swiper-container {
        padding-right: 100px;
    }
}

@media only screen and (max-width: 767px){

    body.menu-active {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .menu .first-sub-menu .fs-item .line {
        display: none;
    }

    .menu .menu-container {
        margin: 0;
        flex-wrap: wrap;
        height: 100%;
    }

    .menu .first-menu {
        max-width: 100%;
        flex: 0 0 100%;
        padding-top: 0;
        height: auto;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: 0.6s;
        z-index: 1;
    }
    .menu .first-menu.in-active {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
    .menu .first-menu ul {align-items: center;}

    .menu .first-menu ul li + li {
        margin-top: 30px;
    }

    .menu .first-menu ul li a {
        font-size: 35px;
        font-weight: 400;
        opacity: 0.8;
    }

    .menu {
        padding-top: 120px;
    }

    .menu .sub-menu-container {
        flex: 0 0 100%;
        height: calc(100vh - 151px);
        margin-top: 0;
    }

    .menu .first-menu ul li {
        width: auto;
        text-align: center;
    }

    .menu .first-menu .swiper-container {
        padding: 0 40px;
    }

    .menu .first-menu ul li a:before {
        display: none;
    }

    .menu .first-menu ul li a.active > span {
        transform: translate(0px, 0px);
    }

    .menu .first-sub-menu {
        margin: 0 20px 0;
        padding-top: 40px;
    }

    .menu .first-sub-menu .fs-item .working-hours .working-item {
        display: none;
    }

    .menu .first-sub-menu .fs-item .info-item .title {
        display: none;
    }

    .menu .first-sub-menu .fs-item .info-item .menu-phone a + a {
        display: none;
    }

    .menu .first-sub-menu .fs-item .menu-item ul li a {
        font-size: 26px;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) {flex: 0 0 50%;}

    .menu .first-sub-menu .fs-item {
        flex: 0 0 50%;
    }

    .menu .first-sub-menu .fs-item:nth-child(1) .info-item {
        transform: translate(-20px, 18px) scale(0.8);
    }

    .menu .first-sub-menu .fs-item .working-hours .contract-menu a {
        font-size: 13px;
        padding: 5px;
    }

    .menu .first-sub-menu .fs-item .working-hours .contract-menu {
        margin-left: -5px;
    }

    .menu .first-sub-menu .fs-item .working-hours .contract-menu a + a {
        margin-top: 0;
    }

    .menu .first-sub-menu .fs-item .working-hours .useful-btn {
        font-size: 11px;
    }

    .menu .first-sub-menu .fs-item .working-hours .useful-btn span {
        padding: 10px 15px;
    }

    .menu .first-sub-menu .fs-item .info-item p {
        margin-right: -10px;
    }

    .menu .menu-services-container {
        margin-left: 0;
        width: 100%;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .menu .services-wrapper .service-item img {
        height: 80%;
        transform: translate(0px, 40px);
    }

    .menu .services-wrapper .service-item {
        flex: 0 0 250px;
    }

    .menu .companys-wrapper .companys-item .item-logo {
        width: 100px;
    }

    .menu .companys-wrapper .companys-item > p {
        font-size: 13px;
        line-height: 19px;
    }

    .menu .companys-wrapper .companys-item-c {
        flex: 0 0 280px;
        height: 280px;
    }
.menu .first-sub-menu .fs-item:nth-child(2) {
    pointer-events: none;
}
    .menu .menu-companys-container {
        margin-top: 11vh;
        margin-left: 0;
    }

    .menu .menu-companys-container .swiper-container {
        padding: 0 50px;
    }

    .menu .first-sub-menu .fs-item .menu-item {
        position: absolute;
        top: 20px;
        left: 0;
        right: -100%;
        bottom: 0;
        text-align: center;
        transition: 0.6s 0.2s;
        transform: translate(0px, 40px) scale(1.2);
    }
.menu .sub-menu-item:last-child.active .first-sub-menu .fs-item .menu-item {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0) scale(1);
}
    .menu .first-sub-menu .fs-item .menu-item ul li + li {
        margin-top: 15px;
    }

    .menu .menu-container .back-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        transform: translate(0px, 20px) scale(0);
        transition: 0.4s;
    }

    .menu .menu-container .back-btn.active {
        transform: translate(0px, 0) scale(1);
    }

    .menu .menu-container .back-btn svg {
        width: 25px;
        height: 25px;
        fill: rgb(255 255 255 / 85%);
        margin-right: 10px;
    }

    .menu .menu-container .back-btn span {
        display: block;
        color: #fff;
        font-size: 20px;
    }
}

/* Menu Bid Form */
.menu .menu-bid-form.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.menu .menu-bid-form {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 260px 0 200px;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.menu .menu-bid-form .bid-text {
    max-width: 410px;
    margin-right: 110px;
}

.menu .menu-bid-form .bid-text span {
    font-weight: 500;
    font-size: 35px;
    color: #d9ad62;
    display: block;
}

.menu .menu-bid-form .bid-text p {
    font-family: Volte;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    color: #6a6c6e;
    margin-bottom: 0;
    margin-top: 35px;
    margin-left: 15px;
}

.menu .menu-bid-form .bid-form {
    position: relative;
    opacity: 1;
    visibility: visible;
    max-width: 940px;
    flex: 0 0 65%;
    height: auto;
    margin-top: auto;
    pointer-events: inherit;
    background: #1C1E1F;
    overflow: inherit;
}

.menu .menu-bid-form  .bid-form .bid-container {
    margin: 300px 0 200px;
}

.menu .menu-bid-form  .bid-form .bid-container .bid-form-top .select2-container {
    width: 100% !important;
}

.menu .menu-bid-form  .bid-form .bid-container .bid-form-top {
    background: #1F2122;
}

.menu .menu-bid-form  .bid-form .bid-container form {
    border-color: #1F2122;
}

.menu .menu-bid-form  .bid-form .bid-container .bid-form-bottom {}

.menu .menu-bid-form  .bid-form .bid-container .bid-form-top .form-row .row-item > span {
    color: #575C60;
}

.menu .menu-bid-form  .bid-form .bid-container .bid-form-top .form-row .row-item > span:before {
    background: #575C60;
}

.menu .menu-bid-form  .select2-container--default .select2-selection--single {
    border-color: #333638;
}

.menu .menu-bid-form  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #888B8E;
}

.menu .menu-bid-form  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6A6C6E transparent transparent transparent;
}

.menu .menu-bid-form  .bid-form .form-group .form-control {
    border-color: #333638;
    color: #888B8E;
    background: #1c1e1f;
}

.menu .menu-bid-form  .bid-form .form-group .form-control::-webkit-input-placeholder {
  color: #888B8E;
}

.menu .menu-bid-form  .bid-form .form-group .form-control:-ms-input-placeholder {
  color: #888B8E;
}

.menu .menu-bid-form  .bid-form .form-group .form-control::placeholder {
  color: #888B8E;
}

.menu .menu-bid-form  .bid-form .bid-container .bid-form-bottom .form-info .form-kvkk > label {
    border-color: #333638;
    background: #1c1e1f;
}

.menu .menu-bid-form  .form-kvkk > span {
    color: #6A6C6E;
}

.menu .menu-bid-form  .form-kvkk > span > a {
    color: #6A6C6E;
    font-weight: 600;
}

.menu .menu-bid-form .captcha img.captcha_img {
    border-color: #333638;
}

.menu-bid-select2.select2-dropdown {
    border-color: #333638;
    background: #1f2122;
}

.menu-bid-select2 .select2-results__option[aria-selected=true] {
    background: #1a1c1d;
}

.menu-bid-select2 .select2-results__option--highlighted[aria-selected] {
    background: #6c6e71;
}

.menu-bid-select2 .select2-search--dropdown .select2-search__field {
    border-color: #3d4144;
}

header .header-row .header-bid {
    position: absolute;
    top: 50%;
    transform: translate(-20px, -50%);
    left: 90px;
    padding: 15px 30px 15px 45px;
    background: #252627;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    cursor: pointer;
}
header .header-row .header-bid.active .line {
    width: 40px;
    transform: translate(0px, -50%);
}

header .header-row .header-bid.active .text {
    transform: translate(0px, 0px);
}



header .header-row .header-bid .line {
    position: absolute;
    top: 50%;
    transform: translate(10px, -50%);
    left: -20px;
    width: 0;
    height: 2px;
    background: #D9AD62;
    transition: 0.4s;
}

header .header-row .header-bid .text {
    font-size: 16px;
    letter-spacing: 0.2em;
    color: #fff;
    display: block;
    transform: translate(-10px, 0px);
    position: relative;
    transition: 0.4s;
}

header .header-row .header-bid.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
}header .header-row .header-bid.active.bid-form-active {padding: 15px 50px 15px 40px;}

header .header-row .header-bid.active.bid-form-active .text > span:nth-child(2) {
    opacity: 1;
}

header .header-row .header-bid.active.bid-form-active .text > span:nth-child(1) {opacity: 0;}

header .header-row .header-bid .text > span {
    transition: 0.4s;
}
header .header-row .header-bid .text > span:nth-child(2) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    white-space: nowrap;
    opacity: 0;
}
.menu-active header .header-row .header-lang {}

.menu.header-bid-active .first-menu {
    opacity: 0;
    visibility: hidden;
}

.menu .menu-bid-form .bid-form .form-group .form-control.form-active {
    border-color: rgb(255 255 255 / 0.4);
    color: rgb(255 255 255 / 0.8);
}



.menu .menu-bid-form .bid-form .bid-container .bid-form-bottom .form-info .form-kvkk input:checked ~ label {
    border-color: #d9ad62;
}

@media (hover:hover) {

    header .header-row .header-bid.active:hover .line {
        transform: translate(10px, -50%);
        width: 45px;
    }

    header .header-row .header-bid.active:hover .text {transform: translate(16px, 0px);}

    .menu .menu-bid-form .form-kvkk > span > a:hover {
        color: #fff;
    }
    .menu .menu-bid-form .bid-form .bid-container .bid-form-bottom .form-info .form-kvkk > label:hover {
        border-color: #fff;
    }
}

@media only screen and (max-width: 1700px) {
    .menu .menu-bid-form {
        padding: 0 10%;
        justify-content: center;
    }
}

@media only screen and (max-width: 1470px) {
    .menu .menu-bid-form .bid-text {
        margin-right: 50px;
    }

    .menu .menu-bid-form {
        padding-right: 30px;
    }

    .bid-form .bid-container .bid-form-bottom > .form-group.form-row {
        margin: 0 20px -60px;
    }
}

@media only screen and (max-width: 1370px) {
    .menu .menu-bid-form .bid-form .bid-container {
        margin: 200px 0 50px;
    }

    .menu .menu-bid-form .bid-text span {
        font-size: 30px;
    }

    .menu .menu-bid-form .bid-text p {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .menu .menu-bid-form {padding-bottom: 100px;}

    .menu .bid-form .bid-container {
        transform: scale(1);
    }

    .menu .bid-form .bid-container .bid-form-top {
        padding: 30px;
    }

    .menu .bid-form .bid-container .bid-form-bottom {
        padding: 25px 30px;
    }

    .menu .menu-bid-form .bid-form .bid-container {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 991px) {
    header .header-row .header-bid .text {
        font-size: 13px;
    }

    header .header-row .header-bid {
        padding: 15px 20px 15px 35px;
        left: 50px;
    }

    header .header-row .header-bid.active .line {
        width: 30px;
    }

    header .header-row .header-bid .line {
        left: -15px;
    }

    .menu .menu-bid-form {
        flex-wrap: wrap;
        padding: 200px 30px 200px;
    }

    .menu .menu-bid-form .bid-form {
        max-width: 90%;
        flex: 0 0 90%;
    }
}

@media only screen and (max-width: 767px) {
    header .header-row .header-bid .text {
        font-size: 10px;
    }

    header .header-row .header-bid {
        padding: 10px 13px 10px 30px;
        left: 20px;
    }

    header .header-row .header-bid.active .line {
        width: 20px;
        left: -7px;
    }

    header .header-row .header-bid.active.bid-form-active {
        padding: 10px 23px 10px 24px;
    }

    .menu .menu-bid-form .bid-text span {
        font-size: 25px;
    }

    .menu .menu-bid-form .bid-text p {margin-top: 10px;}

    .menu .menu-bid-form .bid-text {
        margin-right: 0;
        max-width: 100%;
    }

    .menu .menu-bid-form {
        padding-top: 140px;
    }

    .menu .menu-bid-form .bid-form .bid-container {
        margin-top: 40px;
        max-width: 100%;
    }

    .menu .menu-bid-form .bid-form {
        max-width: 105%;
        flex: 0 0 105%;
    }

    .menu .bid-form .bid-container .bid-form-top {
        padding: 30px 15px;
    }

    .menu .bid-form .bid-container .bid-form-bottom {
        padding: 25px 15px;
    }

    .menu .bid-form .bid-container .bid-form-bottom > .form-group.form-row {
        margin: 0 0 -60px;
    }

    .menu .first-sub-menu .fs-item .info-item {
        display: none;
    }

    .menu .first-sub-menu .fs-item:nth-child(2) .line {left: auto;right: -1px;}


    .menu .menu-container .header-bid {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px 30px 15px 45px;
        background: #252627;
        cursor: pointer;
        text-align: center;
        z-index: 1;
    }

    .menu .menu-container .header-bid .text {
        font-size: 16px;
        letter-spacing: 0.2em;
        color: #fff;
        display: block;
        position: relative;
        transition: 0.4s;
        height: 24px;
        overflow: hidden;
    }

    .menu .menu-container .header-bid .text > span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transition: 0.4s;
    }

    .menu .menu-container .header-bid .text > span:nth-child(1) {
        transform: translate(0px, -100%);
    }

    .menu .menu-container .header-bid .text > span:nth-child(2) {
        transform: translate(0px, 100%);
    }

    .menu .menu-container .header-bid.active .text > span:nth-child(1) {
        transform: translate(0px, 0px);
    }

    .menu .menu-container .header-bid.bid-form-active .text > span:nth-child(2) {
        transform: translate(0px, 0px);
    }

    .menu .menu-container .header-bid.bid-form-active .text > span:nth-child(1) {
        transform: translate(0px, -100%);
    }
}

/**/

.main-body header {
    position: fixed;
    z-index: 11;
}

.main-body main {
    /* height: 4000px; */
    height: 9000px;
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.main-body .scroll-progress {
    position: fixed;
}


/* Main Animation */
#dots {position: fixed;top: 0;right: 0;left: 0;height: 100vh;z-index: 99999;pointer-events: none;opacity: 0;}
#nebula {position: fixed;top: 0;left: 0;right: 0;height: 100vh;opacity: 0.2;pointer-events: none;}

#stage-container { z-index: 9 !important; opacity: 0.1; pointer-events: none;    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #f0f0f0;
    z-index: -1; }

.star-container { position: absolute; top: 0; left: 0; right: 0; height: 100vh; position: fixed; overflow: hidden; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16); }

.falling-star { z-index: 9; width: 190px; height: 2px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, white 33%, rgba(255, 255, 255, 0) 100%); position: absolute; border-radius: 50%; animation-duration: 4s; animation-iteration-count: infinite; animation-name: falling; animation-timing-function: cubic-bezier(0.33, 0.19, 0.26, 1.3); top: -70px; transform: rotate(-45deg) translate3d(0, 0, 0); will-change: transform, width, opacity; }
.falling-star:nth-of-type(1) { right: 70%; animation-delay: 3.2s; }
.falling-star:nth-of-type(2) { right: 10%; animation-delay: 10s; }
.falling-star:nth-of-type(3) { right: -15%; animation-duration: 3s; animation-delay: 5s; }
@keyframes falling { 60%, 100% { -webkit-transform: rotate(-40deg) translate3d(-80vw, 0, 0); transform: rotate(-40deg) translate3d(-80vw, 0, 0); opacity: 0.5; width: 0; } }

.scroll-progress{position: absolute;bottom: 90px;right: 110px;width: 36px;height: 36px;transform: rotate(-95deg);pointer-events: none;z-index: 9;}
.scroll-progress > svg{  }
.scroll-progress > span{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 6px;height: 6px;background: #FFFFFF;border-radius: 100%;}
.scroll-progress:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;border-radius: 100%;border: 1px solid #395669;z-index: -1;}
.scroll-progress > svg circle {fill: none;stroke: #fff;opacity: 1;stroke-dasharray: 120;stroke-dashoffset: 120;}

@media only screen and (min-width: 1200px) {
    .scroll-progress {
        transform: translate(20px, 0px) rotate(-95deg);
        opacity: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .scroll-progress{ display: none; }

    #dots {
        display: none;
    }
}

/* Main Banner */
.main-banner{height: 100vh;position: fixed;/* margin-bottom: 300px; *//* z-index: 9; */background: #08161f;top: 0;right: 0;left: 0;z-index: 2;}

.main-logo {position: fixed;top: 33%;left: 50%;transform: translate(-50%, -50%);z-index: 9;}
.main-logo img {fill: #ccc;display: block;margin: 0 auto;}
.main-logo img:nth-child(2) {
    max-width: 130px;
    height: 60px;
    transform: translate(0px, 20px) scale(0.8);
    opacity: 0;
}
.main-logo a {
    display: block;
    text-align: center;
    transition: none;
}

.main-banner .main-title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;}
.main-banner .main-title h1 > span:nth-child(2) { margin-top: 60px; font-size: 46px; font-weight: 600; letter-spacing: 0.6em; }
.main-banner .main-title h1{letter-spacing: 0.3em;color: #eaeaea;text-align: center;margin-bottom: 0;font-size: 41px;}
.main-banner .main-title h1 > span{display: flex;align-items: center;justify-content: center;}
.main-banner .main-title h1 > span > span {display: block;transform: scale(0);/* filter: blur(4px); */opacity: 0;}
.main-banner .main-title h1 > span > span.empty {display: inline-block;width: 25px;}
.main-banner .main-title h1 > span > span > span {
    display: block;
}
.main-banner .scroll-down-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    z-index: 9;
    pointer-events: none;
    mix-blend-mode: lighten;
}
.main-banner .scroll-down{transform: translate(-50%, 0px);}
.main-banner .scroll-down svg{  }

@media only screen and (min-width: 1200px) {
    .main-logo {
        transform: translate(-50%, -40%) scale(0.7);
        opacity: 0;
    }

    .main-banner .main-title h1 > span {
        /* transform: translate(0px, 60px); */
        /* opacity: 0; */
    }

    .main-banner .scroll-down {
        transform: translate(-50%, -20px);
        opacity: 0;
    }
}

@media only screen and (max-width: 1470px) {
    .main-banner .main-title h1 {
        font-size: 35px;
    }

    .main-banner .main-title h1 > span:nth-child(2) {
        font-size: 40px;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1370px) {
    .main-banner .main-title h1 {
        font-size: 30px;
    }

    .main-banner .main-title h1 > span:nth-child(2) {
        font-size: 35px;
    }
}

@media only screen and (max-width: 1199px) {
    .main-logo {
        display: none;
    }
    .main-banner .scroll-down-container {
        bottom: 0px;
    }

    .main-banner .main-title h1 > span > span {
        opacity: 1;
        filter: blur(0px);
        transform: scale(1);
    }

    .main-banner .main-title {
        width: 80%;
    }

    .main-banner {
        z-index: 4;
    }
}

@media only screen and (max-width: 991px) {
    .main-banner .main-title h1 {
        font-size: 25px;
    }

    .main-banner .main-title h1 > span:nth-child(2) {
        font-size: 30px;
        letter-spacing: 0.4em;
    }

    .main-banner .main-title {
        width: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .main-banner .main-title h1 > span:nth-child(2) {
        font-size: 18px;
        margin-top: 20px;
    }

    .main-banner .main-title h1 {
        font-size: 17px;
    }
}

/* World Content */
.world-content{position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 3;}
.world-content .content-container{height: 100%;}
.world-content .content-container .content-item{height: 100%;display: flex;flex-direction: column;justify-content: center;width: 30%;margin-left: auto;margin-right: 200px;pointer-events:none;position: absolute;top: 0;left: 0;right: 0;}
.world-content .content-container .content-item:nth-child(even){margin-left: 200px;margin-right: auto;}
.world-content .content-container .content-item h1{font-weight: bold;font-size: 65px;letter-spacing: 0.05em;color: #d9ad62;margin-bottom: 0;width: 100%;display: flex;justify-content: center;}
.world-content .content-container .content-item .item-list{width: 100%;display: flex;margin-top: 60px;justify-content: center;}
.world-content .content-container .content-item .item-list .list-col + .list-col { border-left: 1px solid #172F3B; margin-left: 50px; padding-left: 50px; }
.world-content .content-container .content-item .item-list .list-col > span{font-family: Volte;font-weight: normal;font-size: 22px;color: #ebebeb;display: block;position: relative;padding-left: 15px;} 
.world-content .content-container .content-item .item-list .list-col > span + span { margin-top: 30px; }
.world-content .content-container .content-item .item-list .list-col > span:before{content: "";position: absolute;top: 50%;left: 0;transform: translate(0px, -50%);width: 6px;height: 6px;border-radius: 100%;background: #CCCCCC;} 
.world-content .content-container .content-item .item-list .list-col > span > span {
    display: block;
}

.world-content .content-container .content-item.center-item .item-list {
    justify-content: center;
}

.world-content .content-container .content-item.active {
    pointer-events: all;
}

.world-content .content-container .content-item h1 > span {
    display: block;
}

.world-content .content-container .content-item h1 > span > span {
    display: block;
}
.world-content .content-container .content-item .item-list .list-col > span {
    transform: translate(0px, 30px);
    opacity: 0;
}

.world-content .content-container .content-item .item-list .list-col {
    transform: translate(0px, 30px);
    opacity: 0;
}


.world-content .content-container .content-item h1 > span {
    transform: translate(0px, 40px);
    opacity: 0;
}

.world-content .content-container .content-item h1 {
}

@media only screen and (max-width: 1470px) {
    .world-content .content-container .content-item h1 {
        font-size: 50px;
    }

    .world-content .content-container .content-item .item-list .list-col > span {
        font-size: 20px;
    }

    .world-content .content-container .content-item .item-list .list-col > span + span {
        margin-top: 20px;
    }

    .world-content .content-container .content-item .item-list {
        margin-top: 20px;
    }

    .world-content .content-container .content-item {
        margin-right: 100px;
    }

    .world-content .content-container .content-item:nth-child(even) {
        margin-left: 100px;
    }
}

@media only screen and (max-width: 1199px) {
    .world-content .content-container .content-item {
        width: 60%;
        margin: 0 auto;
    }

    .world-content .content-container .content-item:nth-child(even) {
        margin: 0 auto;
    }
    .world-content .content-container .content-item .item-list {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .world-content .content-container .content-item h1 {
        font-size: 30px;
    }

    .world-content .content-container .content-item .item-list .list-col > span {
        font-size: 13px;
        padding-left: 10px;
    }

    .world-content .content-container .content-item .item-list .list-col > span:before {
        width: 3px;
        height: 3px;
    }

    .world-content .content-container .content-item .item-list .list-col + .list-col {
        margin-left: 20px;
        padding-left: 20px;
        border-color: rgb(255 255 255 / 28%);
    }

    .world-content .content-container .content-item .item-list {
        margin-top: 30px;
    }
    .world-content .content-container .content-item {
        width: 100%;
    }

    .world-content .content-container .content-item .item-list .list-col > span + span {
        margin-top: 10px;
    }
}
.loader-bar {
    display: block;
    height: 6px;
    text-align: center;
    transition: width .3s;
    flex: 0 0 800px;
    margin: 30px auto 0;
    position: relative;
  }
  
.preloader.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 1s;
  }

  .preloader {
    background: #09161f;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}.loader-logo {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 130px;
    height: 130px;
}
.loader-logo > span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    font-weight: 500;
}.loader-logo > span > span:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    opacity: 0.2;
    font-size: 35px;
    transform: translate(-50%, -50%);
    color: #dcdcdc;
}
.loader-logo svg:nth-child(1) path {
    fill: none;
    stroke: #CCCCCC;
    stroke-width: 5;
    stroke-dasharray: 280;
    stroke-dashoffset: 280;
    transition: 0.4s;
}

.loader-logo svg:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}

.loader-logo svg:nth-child(2) path {
    fill:none;
    stroke:#CCCCCC;
    stroke-width: 5;
}

.loader-bar:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #112533;z-index: -1;}

.loader-bar > span {
    display: block;
    width: 0%;
    height: 100%;
    background: #d9ad62;
    transition: 0.4s;
}

.loader-bar > span > span {
    color: #fff;
    font-size: 17px;
    display: block;
    transform: translate(0px, 10px);
}

div#trigger-1 {
    position: absolute;
    top: 2380px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 9;
}

div#trigger-2 {
    position: absolute;
    top: 3510px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 9;
}

div#trigger-3 {
    position: absolute;
    top: 4900px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 9;
}

div#trigger-4 {
    position: absolute;
    top: 6290px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 9;
}

div#trigger-5 {
    position: absolute;
    top: 7680px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 9;
}


#content-trigger-1 {
    position: absolute;
    top: 4100px;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 9;
}

.container-1 {
        transform-style: preserve-3d;
        will-change: transform;
        perspective: 3500px;
}.container-2 {
    transform-style: preserve-3d;
    /* will-change: transform; */
    /* perspective: 3500px; */
}.container-3 {
    transform-style: preserve-3d;
    /* will-change: transform; */
    /* perspective: 3500px; */
}.container-4 {
    transform-style: preserve-3d;
    /* will-change: transform; */
    /* perspective: 3500px; */
}
.container-5 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    max-width: 110vw;
    max-height: 110vh;
    z-index: 1;
    transform-style: preserve-3d;
    /* will-change: transform; */
    /* perspective: 3500px; */
}


/* Brands */
.page.brands{padding: 50px 0 0;}
.page.brands .s-container .brands-row{display: flex;flex-wrap: wrap;max-width: 72.9vw;margin: -160px 0 14.2vw auto;}
.page.brands .s-container .brands-row .brands-item{width: 31vw;height: 18.8vw;/* display: flex; */justify-content: center;/* align-items: center; */position: relative;/* overflow: hidden; */transition: .4s;}
.page.brands .s-container .brands-row .brands-item .brands-bg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-size: cover;background-position: center;transform: scale(1.02);opacity: 0;transition: 0.5s;}
.page.brands .s-container .brands-row .brands-item .brands-logo{position: relative;z-index: 1;transform: scale(1);transition: 0.4s;}

.page.brands .s-container .brands-row .brands-item .brands-logo img{transition: 0.5s;max-width: 16.4vw;max-height: 12.8vw;}
.page.brands .s-container .brands-row .brands-item:nth-child(even) {/* transform: translate(-2.6vw , 26.3vw); */transform: translate(2.5vw , 37.8vw);}
.page.brands .s-container .brands-row .brands-item:nth-child(odd) {margin-top: 16.5vw;/* transform: translateX(50px); */}
.page.brands .s-container .brands-row .brands-item .item-inner {overflow: hidden;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;background: #0F2431;}
.page.brands .s-container .brands-row .brands-item svg {fill: none;stroke: #ededed;position: absolute;width: 13vw;transition: .4s;}
.page.brands .s-container .brands-row .brands-item:nth-child(1) svg {left: 100%;top: 50%;}
.page.brands .s-container .brands-row .brands-item:nth-child(2) svg {right: 100%;top: 5.2vw;}
.page.brands .s-container .brands-row .brands-item:nth-child(3) svg {left: 100%;top: 100px;}
.page.brands .s-container .brands-row .brands-item:nth-child(4) svg {top: 50%;transform: translateY(50%);right: 100%;}
.page.brands .s-container .brands-row .brands-item:nth-child(odd) svg { left: 100%; top: 50%; transform: translateY(-50%); }
.page.brands .s-container .brands-row .brands-item:nth-child(even) svg { right: 100%; transform: translateY(-50%); }
.page.brands .s-container .brands-row .brands-item.center-class svg { top: 39%; }
.page.brands .s-container .brands-row .brands-item:nth-child(odd) p { top: 45%; transform: translateY(50%); left: 110%; }
.page.brands .s-container .brands-row .brands-item:nth-child(even) p { top: 45%; transform: translateY(50%); right: 110%; }
.page.brands .s-container .brands-row .brands-item.center-class p { top: 46.5%; }
.page.brands .s-container .brands-row .brands-item p {position: absolute;transition: .4s;opacity: 1;background: #fff;z-index: 2;color: #000;font-weight: bold;min-width: 125px;text-align: center;opacity: 0;}
.page.brands .s-container .brands-row .brands-item:nth-child(1) p { top: 50%; transform: translateY(-50%); left: 110%; margin-top: 2px; } */
.page.brands .s-container .brands-row .brands-item:nth-child(2) p { top: 50%; transform: translateY(-50%); right: 110%; margin-top: 8px; }
.page.brands .s-container .brands-row .brands-item:nth-child(3) p { top: 50%; left: 110%; transform: translateY(-50%); margin-top: 9px; }
.page.brands .s-container .brands-row .brands-item:nth-child(4) p {top: 50%;right: 110%; transform: translateY(-50%); margin-top: 3px; }

.firefox-body .page.brands .s-container .brands-row .brands-item .brands-logo { mask-image: none !important; -webkit-mask-image: none !important; }
.firefox-body .page.brands .s-container .brands-row .brands-item .brands-logo:before { display: none; }

.page.brands .s-container .brands-row .brands-item .brands-logo img.active-img {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition: 0.4s;
    transform: translate(-50%, -50%);
}

.page.brands .s-container .brands-row .brands-item:before {content: "";position: absolute;top: 2vw;left: 2vw;right: -2vw;bottom: -2vw;border: 4px solid #091A24;z-index: -1;transition: 0.4s;}

.page.brands .s-container .brands-row .brands-item:nth-child(even):before {
    left: -2vw;
    top: -2vw;
    bottom: 1vw;
    right: 2vw;
}


@media (hover: hover){
  .page.brands .s-container .brands-row .brands-item:hover .brands-logo img {
    opacity: 0;
}
.page.brands .s-container .brands-row .brands-item:hover .brands-logo img.active-img {
    opacity: 1;
}

.page.brands .s-container .brands-row .brands-item:hover .brands-logo {
    transform: scale(0.8);
}.page.brands .s-container .brands-row .brands-item:hover:before {
    background: #091A24;
}
  .page.brands .s-container .brands-row .brands-item:hover .brands-bg {opacity: 0.3;transform: scale(1);}
  .page.brands .s-container .brands-row .brands-item:hover {background-color: #f6f6f6 !important;}
  .page.brands .s-container .brands-row .brands-item:hover svg { stroke: rgba(217, 0, 13, .33); }
  .page.brands .s-container .brands-row .brands-item:hover p { opacity: 1; }
}

@media only screen and (min-width: 1200px){

  .page.brands .s-container .brands-row {
     transform: translate(0px, 40px);
        opacity: 0;
    }
}

@media only screen and (max-width: 1470px){
    .page.brands .s-container .brands-row .brands-item .brands-logo img {
        max-width: 11.4vw;
        max-height: 8.8vw;
    }
}
@media only screen and (max-width: 1199px){
  .page.brands {
      padding-top: 110px;
      padding-bottom: 100px;
  }
      .page.brands .s-container .brands-row .brands-item .brands-logo img.active-img {
        opacity: 1;
    }

    .page.brands .s-container .brands-row .brands-item .brands-logo {
        transform: scale(0.8);
    }

    .page.brands .s-container .brands-row .brands-item .brands-bg {
        transform: scale(1);
        opacity: 1;
    }
}


@media only screen and (max-width: 991px){
  .page.brands {
      padding: 110px 0;
      min-height: initial;
  }
}

@media only screen and (max-width: 767px){
  .page.brands .s-container .brands-row {
      /* display: block; */
      max-width: 100%;
      margin: 0;
  }



  .page.brands .s-container .brands-row .brands-item:nth-child(odd) {
      margin-top: 0;
      transform: translateX(0px);
  }

  .page.brands .s-container .brands-row .brands-item {
      width: 80%;
      height: 140px;
      display: block;
      margin: 0 auto 50px !important;
  }

  .page.brands .s-container .brands-row .brands-item .item-inner {
      width: 100%;
      height: 100%;
  }

  .page.brands .s-container .brands-row .brands-item svg {
      display: none;
  }

  .page.brands .s-container .brands-row .brands-item:nth-child(even) {
      transform: translate(0px, 0);
      margin: 0px auto 0;
  }

  .page.brands {
      padding: 40px 30px;
  }

  .page.brands .s-container .brands-row .brands-item .brands-logo img {
      max-width: 100px;
      max-height: 80px;
  }
  .page.brands .s-container .brands-row .brands-item:before {
    top: 20px;
    left: 20px;
    bottom: -15px;
    right: -15px;
    border-width: 2px;
}

.page.brands .s-container .brands-row .brands-item:nth-child(even):before {
    top: 20px;
    left: 20px;
    bottom: -15px;
    right: -15px;
}
}
.horizon-card{pointer-events: none;}
@media only screen and (max-width: 1199px){
    .horizon-card{ display: none; }
}

#biltek-signature {
    opacity: 0.5;
}

@media (max-width: 991px) {
    .biltek-signature .biltek-signature-text {
      font-size: 14px !important;
    }
  }
  
  .biltek-signature {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .biltek-signature .biltek-signature-text {
      color: #383838;
      font-size: 15px;
      text-decoration: none;
      text-align: center;
      width: initial;
      height: 20px;
  }
  
  #biltek-signature {
    height: 22px;
  }
  
  .biltek-signature .biltek-signature-text.white {
    color: white !important;
  }