@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ysabeau:ital,wght@0,1;0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,1;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/*mainroot*/
:root {
    /*mesan-theme*/

    --content_container: 72vw;
    --blur: 2px;
    --pagebgcolor: #fff;
    --pagefont_clr: #5c666f;
    --clr_promo_1: #011b41;
    --clr_promo_2: #011b41;
    --clr_promo_3: #4c80a2;
    --clr_promo_4: #386179;
    --clr_promo_5: #32566c;
    --clr_promo_6: #40585d;
    --clr_promo_7: #ac6e72;
    --clr_promo_8: #3c364c;
    --clr_promo_9: #29323d;
    /*--clr_promo_10: #7c6d5b;*/
    --clr_promo_10: #9d8c6e;
    --clr_promo_11: #5b6c7c;
    --clr_promo_12: #6c5b7c;

    --clr_construct: #48996d;
    --clr_mining: #3f7986;
    --clr_aviation: #3f5679;
    --clr_hotel: #4b4e62;

    --clr1_1: #02376f;
    --clr1_2: #012a56;
    --clr1_3: #002246;
    --clr1_4: #011b41;

    --clr2_1: #8e7d5f;
    --clr2_2: #8d7b50;
    --clr2_3: #837151;
    --clr2_4: #d8be91;


    --clr_red: #011b41;

    --clr3_1: #e9ebf2;
    --clr3_2: #d7dae4;
    --clr3_3: #9fa1a8;

    --clr4_1: #5483e9;
    --clr4_2: #4166b7;
    --clr4_3: #3e62af;
    --clr4_4: #365998;


    --clr5_1: #0095b2;
    --clr5_2: #00788f;
    --clr5_3: #006679;


    /*    --clr_dark: #1a1c23;
        --clr_dark_n: #393d4d;
        --clr_dark_p: #15161c;*/

    /*--clr_dark: #34363f;*/
    --clr_dark: #1b1d26;
    --clr_dark_n: #646a84;
    --clr_dark_p: #22232a;

    --footer_logo_fill: #a7a7a7;

    --white: #fff;
    --gray: #f5f5f5;
    --gray2: #f1f1f1;
    --gray3: #858585;
    --gray4: #343434;
    /* --gray5: #fc671a;*/
    --gray5: #141414;
    --gray6: #cdcdcd;
    /*content*/

    --body_font_size: 14px;
    --h1-size: 2em;
    --h2-size: 1.5em;
    --h3-size: 1.4em;
    --h4-size: 1.2em;
    --h5-size: 1em;
    --p-size: 1em;

    /*    --clr_construct: #489990;
        !*--clr_mining: #527f71;*!
        --clr_mining: #488a99;
        --clr_aviation: #3f5679;*/


    --nunito: 'Nunito Sans', sans-serif;
    --poppins: 'Poppins', sans-serif;
    --roboto: 'Roboto', sans-serif;
    --montserrat: 'Montserrat', sans-serif;
    --merriweather: 'Merriweather', sans-serif;
    --oswald: 'Oswald', sans-serif;
    --allison: 'Allison', cursive;
    --quicksand: 'Quicksand', sans-serif;
    --barlow: 'Barlow Condensed', sans-serif;
    --karla: 'Karla', sans-serif;
    --noto: 'Noto Sans', sans-serif;
    --radjani: 'Rajdhani', sans-serif;
    --ysab: 'Ysabeau', sans-serif;
    --robotoSlab: 'Roboto Slab', serif;
    --saira: 'Saira', sans-serif;
    --rubik: 'Rubik', sans-serif;
    --openSans: 'Open Sans', sans-serif;
    --inria: 'Inria Sans', sans-serif;

    --promo-height-origin: 250px;

}

body {
    font-size: 16px;
    font-weight: 500;
    background-color: var(--pagebgcolor);
    /*background-image: url(../img/bg-3.jpg);*/
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    color: var(--pagefont_clr);
    font-family: var(--quicksand);
    overflow-x: hidden !important;
    position: relative;

}

html {
    overflow-x: hidden;
}


.bg-dark-light {
    background: var(--gray6) !important;
}


a:hover,
a:visited,
a:focus {
    text-decoration: none;
}

h1 {
    font-size: var(--h1-size);
}

h2 {
    font-size: var(--h2-size);
}

h3 {
    font-size: var(--h3-size);
}

h4 {
    font-size: var(--h4-size);
}

p {
    font-size: 1em;
}


section {

    position: relative;
}


.bg-img {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}


.full-h-must {
    height: 100vh;
}

.full-h-max {
    max-height: 100vh;
}

.full-h-min {
    min-height: 100vh;
}

.half-h-must {
    height: 50vh;
}

.half-h-max {
    max-height: 50vh;

}

.half-h-min {
    min-height: 50vh;
}

.quarter-h-must {
    height: 75vh;
}

.quarter-h-max {
    max-height: 75vh;
}

.quarter-h-min {
    min-height: 75vh;
}

.manuel-h-must {
    height: 450px;
}

.manuel-h-max {
    max-height: 450px;
}

.manuel-h-min {
    min-height: 450px;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.clr11 {
    color: var(--clr1_1)
}

.clr12 {
    color: var(--clr1_2)
}

.clr13 {
    color: var(--clr1_3)
}

.clr21 {
    color: var(--clr2_1)
}

.clr22 {
    color: var(--clr2_2)
}

.clr23 {
    color: var(--clr2_3)
}

.clr24 {
    color: var(--clr2_4)
}

.clr31 {
    color: var(--clr3_1)
}

.clr32 {
    color: var(--clr3_2)
}

.clr33 {
    color: var(--clr3_3)
}

.clr41 {
    color: var(--clr4_1)
}

.clr42 {
    color: var(--clr4_2)
}

.clr43 {
    color: var(--clr4_3)
}

.clrpromo-1 {
    color: var(--clr_promo_1);
}

.clrpromo-2 {
    color: var(--clr_promo_2);
}

.clrpromo-3 {
    color: var(--clr_promo_3);
}

.clrpage {
    color: var(--pagefont_clr);
}


.bg-clr11 {
    background-color: var(--clr1_1)
}

.bg-clr12 {
    background-color: var(--clr1_2)
}

.bg-clr13 {
    background-color: var(--clr1_3)
}

.bg-clr14 {
    background-color: var(--clr1_4)
}

.bg-clr21 {
    background-color: var(--clr2_1)
}

.bg-clr22 {
    background-color: var(--clr2_2)
}

.bg-clr23 {
    background-color: var(--clr2_3)
}

.bg-clr41 {
    background-color: var(--clr4_1)
}

.bg-aviation {
    background-color: var(--clr_aviation);
}

.bg-mining {
    background-color: var(--clr_mining);
}

.bg-construct {
    background-color: var(--clr_construct);
}

.bg-hotelotel {
    background-color: var(--clr_hotel);
}

.clr-aviation {
    color: var(--clr_aviation);
}

.clr-mining {
    color: var(--clr_mining);
}

.clr-construct {
    color: var(--clr_construct);
}

.clr-hotel {
    color: var(--clr_hotel);
}

.bg-gray {
    background: var(--gray);
}

.bg-gray-2 {
    background: var(--gray2);
}

.bg-dark {
    background-color: var(--clr_dark) !important;
}

.bg-dark_p {
    background-color: var(--clr_dark_p) !important;
}

.bg-dark_n {
    background-color: var(--clr_dark_n) !important;
}

.bg-red {
    background: var(--clr_red);
}

.bg-dark.dotted {
    background-color: var(--clr_dark) !important;
    background-image: url(../img/shape.png) !important;
    background-repeat: no-repeat !important;
    background-size: 110px auto !important;
}

.big-border-top {
    border-top: 50px solid var(--clr_dark_p);
}


.bg-final-icon {
    position: relative;

}

.bg-final-icon::after {
    content: '';
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}

.bg-dark.bg-final-icon::after {
    background-image: url(../img/logo-mini-icon-half.png);
}

.bg-repeat {
    background-image: url(../img/bg-repeat-2.png) !important;
    background-repeat: repeat !important;
    background-size: 49vh auto !important;
    background-position: center !important;
}

.bg-repeat-invert {
    background-image: url(../img/bg-repeat-2-invert.png) !important;
    background-repeat: repeat !important;
    background-size: 49vh auto !important;
    background-position: center !important;
}

.bg-luxury {
    position: relative;
}

.bg-luxury .content-container {
    position: relative;
    z-index: 12;
}

.bg-luxury::after {
    z-index: 0;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    background: url(../img/signature-area-right.png);
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center right;

}

.bg-opacity-1 {
    background: rgba(0, 0, 0, 0.5);
}


.bg-lines {
    position: absolute;
    z-index: 0;
    width: 50vh;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
}

.bg-lines > span {
    border-radius: 100px;
    width: 490px;
    height: 45px;
    transform: rotate(-422deg) translateX(17px);
    transform-origin: 50% 50%;
    margin-top: 134px;
    display: inline-flex;

}

.bg-lines > span:first-child {
    transition: all 0.2s ease-in-out;
    background: white;

}

.bg-lines > span:nth-child(2) {
    content: '';
    transition: all 0.2s ease-in-out;
    background: var(--white);
    height: 70px;
    /*   animation: bgLinesSpanCenter 25s ease-in-out infinite;*/
}

.bg-lines > span:last-child {
    content: '';
    transition: all 0.2s ease-in-out;
    background: #e9e9e9;

}

@-webkit-keyframes bgLinesSpanCenter {
    0% {
        transform: rotate(-422deg) translateX(266px);
    }
    50% {
        transform: rotate(-422deg) translateX(-280px);
    }
    100% {
        transform: rotate(-422deg) translateX(266px);
    }
}

.bg-promo-1 {
    background-color: var(--clr_promo_1);
}

.bg-promo-2 {
    background-color: var(--clr_promo_2);
}

.bg-promo-1-2 {
    background: var(--clr_promo_2);
    color: WHITE;
    border-top: 40px solid var(--clr_promo_1);
    border-bottom: 40px solid #011b41;
}

.bg-promo-3 {
    background-color: var(--clr_promo_3);
}

.bg-promo-4 {
    background-color: var(--clr_promo_4);
}

.bg-promo-5 {
    background-color: var(--clr_promo_5);
}

.bg-promo-6 {
    background-color: var(--clr_promo_6);
}

.bg-promo-7 {
    background-color: var(--clr_promo_7);
}

.bg-promo-8 {
    background-color: var(--clr_promo_8);
}

.bg-promo-9 {
    background-color: var(--clr_promo_9);
}

.bg-promo-10 {
    background-color: var(--clr_promo_10);
}

.bg-promo-11 {
    background-color: var(--clr_promo_11);
}

.bg-promo-12 {
    background-color: var(--clr_promo_12);
}


.text-muted {
    color: #adadad !important;
}

.text-dark {
    color: var(--clr_dark) !important;
}

.top-skew {
    position: relative;
}

.top-skew::before {
    content: '';
    position: absolute;
    height: 120px;
    top: -60px;
    width: 100%;
    transform: skewY(-2deg);
}

.top-skew.bg-dark::before {
    background: var(--clr_dark);
}

.radius-1 {
    border-radius: 20px;
}

.sement-btn {
    border-radius: 150px;
    padding: 12px 32px;
    display: inline-block;
    font-weight: 400 !important;
    font-size: 0.9em !important;
    overflow: hidden;
    position: relative;
    z-index: 0;
    outline: none !important;
    box-shadow: none;
    background: white;
    color: var(--pagefont_clr) !important;
    transition: all 0.3s ease-in-out;
    font-family: var(--montserrat);
    text-align: center;
}

.sement-btn.btn1 {
    border: 4px solid var(--pagefont_clr);
}

.sement-btn.btn1 {
    border: 4px solid var(--pagefont_clr);
}

.sement-btn.btn2 {
    border: 4px solid var(--gray3);
}

.sement-btn.btn3 {
    background: var(--pagefont_clr);
    color: white !important;
}

.sement-btn.btn4 {
    background: var(--pagefont_clr);
    color: white !important;
    border: 4px solid WHITE;
}

.sement-btn.btn5 {
    background: var(--clr_promo_1);
    color: white;
}

.sement-btn.btn6 {
    background: var(--clr_promo_1);
    color: white !important;
    border: 4px solid WHITE;
}

.sement-btn.btn7 {
    border: 4px solid var(--clr_promo_1);
}

.sement-btn:hover,
.sement-btn:active,
.sement-btn:visited {

    text-decoration: none !important;
}

.sement-btn.shadow-lg {
    box-shadow: 0 1rem 40px rgba(0, 0, 0, .275) !important;

}

.sement-btn.shadow-lg:hover {
    box-shadow: 0 1rem 50px rgba(0, 0, 0, .375) !important;
    transform: translateY(-2px);
}

.sement-btn > * {
    position: relative;
    z-index: 25;
}

.labels {
}

.labels .label {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .04);
    display: flex;
}

.labels .label svg {
    fill: var(--clr1_2);
    max-width: 30px;
    max-height: 50px;
    margin-right: 10px;
}

.labels .label .label-head {
    font-size: 1.2em;
}

.labels .label.label-1 {
    position: absolute;
    left: 10%;
    width: 80%;
    top: -20px;
    background: WHITE;
}

.labels .label.label-2 {
    position: absolute;
    left: -10px;
    width: fit-content;
    top: -20px;
    background: WHITE;
}

.labels .label.label-3 {
    position: absolute;
    right: -10px;
    width: fit-content;
    bottom: -20px;
    background: WHITE;
}

div.content-container {
    width: var(--content_container);
    margin-inline: auto;
    min-height: 10px;
    position: relative;
}

div.content-container-right {
    width: 80vw;
    margin-inline-start: auto;

}


.low-hero {
    font-size: 0.9em;

    font-weight: 500;
    color: #5e5e5e;
    font-family: var(--poppins);
}

.section-title {
    font-size: 2.3em;
    line-height: 1.1em;
    font-family: var(--poppins);
    font-weight: 700;
}

.section-title-soft {
    font-size: 1.4em;
    font-family: var(--poppins);
    font-weight: 200;
    line-height: 1.2em;
}

.section-title strong {
    font-weight: 800;

}


.bg-transparency {
    background-color: rgba(255, 255, 255, 0.13);
}

.bg-dark.dotted {
    background-color: var(--clr_dark) !important;
    background-image: url(../img/shapes/shape.png) !important;
    background-repeat: no-repeat !important;
    background-size: 110px auto !important;
}

.bg-dotted {
    background-image: url(../img/shapes/dot.png) !important;
    background-repeat: repeat !important;
    background-size: 280px auto !important;
    background-position: center !important;
}

.bg-dotted-1 {
    background-image: url(../img/shapes/shape-1.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.bg-dotted-2 {
    background-image: url(../img/shapes/shape-2.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.bg-dotted-3 {
    background-image: url(../img/shapes/shape-3.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.bg-dotted-4 {
    background-image: url(../img/shapes/shape-4.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.bg-dotted-5 {
    background-image: url(../img/shapes/wave-5-2.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: bottom center !important;
}

.bg-dotted-6 {
    background-image: url(../img/shapes/vertical-lines-2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 70% auto !important;
    background-position: bottom center !important;
}

.bg-dotted-7 {
    background-image: url(../img/shapes/vertical-lines-3.png) !important;
    background-repeat: no-repeat !important;
    background-size: 80% auto !important;
    background-position: left center !important;
}

.bg-dotted-map {
    background-image: url(../img/shapes/dotted-map.png);
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.slider-nav-area {
    position: absolute;
    right: 15%;
    bottom: 30%;
    z-index: 100;
    width: 340px;

}

.count-numbers {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #ffffff17;
}

.count-numbers span {
    font-size: 3em;
    color: #ffffff;
    font-family: var(--openSans);
    font-weight: 500;
}

.count-numbers span:last-child::before {
    content: '/';
    margin-right: 0.1em;
    /* font-size: 0.8em; */
    margin-top: -12px;
    display: inline-block;
}

.count-numbers span:last-child {
    opacity: 0.5;
}

.first-slider-area {
    /*height: 100vh;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*margin-top: 35px;*/
}

div.sement-slider {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: calc((1271 * 100vw) / 2543);

}

div.sement-slider div.slider {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all 0.5s ease-in-out;
    transform: perspective(100px) translateZ(100px);
    transform-origin: center;
}

div.sement-slider div.slider.active {
    z-index: 3;
    opacity: 1;
    transform: perspective(100px) translateZ(0px);

}

div.sement-slider div.slider .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

div.sement-slider div.slider .img video {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    top: 0;
}

/*div.sement-slider div.slider .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    background: linear-gradient(90deg, rgb(34 40 51) 0%, rgba(38, 47, 64, 0) 100%);

}*/

div.sement-slider div.slider .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    background: #252632;
    /* mix-blend-mode: multiply; */
    opacity: 0.4;
    mix-blend-mode: multiply;
    /*background: linear-gradient(45deg, var(--clr_dark) 0%, rgba(38, 47, 64, 0) 100%);*/
    /* mix-blend-mode: multiply; */

}

div.sement-slider div.slider .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    display: flex;
    align-items: center;
    padding: 25px;
}

div.sement-slider div.slider .content h1 {
    color: WHITE;
    transition: all 0.5s ease-in-out;
    transition-delay: 0.3s;
    line-height: 1em;

    font-size: 4em;
    font-family: var(--montserrat);
    font-weight: 600;
    letter-spacing: 2px;
    opacity: 0;
    display: none;
}

div.sement-slider div.slider.active .content h1 {
    opacity: 1;
    display: block;
}

div.sement-slider div.slider .content p {
    color: WHITE;
    transition: all 0.5s ease-in-out;
    transition-delay: 0.6s;
    opacity: 0;
    font-weight: 400;
    line-height: 1em;
    font-size: 1.4em;

}

div.sement-slider div.slider .content p strong {
    font-weight: 700;
    color: var(--clr2_4);
}

div.sement-slider div.slider.active .content p {
    opacity: 1;
}

.counter {
    position: absolute;
    right: 20vw;
    bottom: 0;
    z-index: 20;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    background: #fff;

    height: 80px;
}


.counter .nav {
}

.counter .numbers {
    width: fit-content;
    display: flex;
    justify-content: start;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;

}

.counter .numbers a {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1em;
    padding: 15px 25px;
    margin-top: 0;
    color: black;
    opacity: 0.4;
    transition: all 0.1s ease-in-out;
    position: relative;
    height: 100%;
    border-right: 1px solid #ddd;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}


.counter .numbers a.active-number::after {
    background: white;
}

.counter .numbers a:first-child {

    margin-left: 0;

}

.counter .numbers a.active-number {
    opacity: 1;
    font-weight: 600;
    color: var(--clr1_1);
}

.counter .navigate {
    height: 100%;
    display: flex;
    flex-direction: row;
    background: var(--clr_dark_n);
}

.counter .navigate .slider-number {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: WHITE;
    flex-wrap: nowrap;
    width: 201px;
    position: relative;
    font-size: 1em;
    font-weight: 100;
    border-right: 1px solid var(--clr_dark);

}

.counter .navigate .slider-number span {
    z-index: 10;

}


.counter .navigate a {

    display: inline-flex;
    font-size: 1em;
    color: WHITE;
    width: 49%;
    text-align: center;
    opacity: 0.8;
    padding: 5px 15px;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--clr_dark);
}

.counter .navigate a:first-child {
    border-left: none !important;
    padding-left: 0;
}

.counter .industry-cards {
}

.industry-cards {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.industry-cards .industry-card-1 {

    height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    background: transparent;

}

.industry-cards .industry-card-1.construct {
    background: var(--clr_construct);
}

.industry-cards .industry-card-1.mining {
    background: var(--clr_mining);
}

.industry-cards .industry-card-1.aviation {
    background: var(--clr_aviation);
}

.industry-cards .industry-card-1 .industry-block-text {
    color: WHITE;
    margin-top: 6px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.5em;
}

.industry-cards .industry-card-1 .img {
}

.industry-cards .industry-card-1 .img img {
    width: 40px;
    filter: invert(1);
}

.industry-blocks {
    display: flex;
    flex-direction: row;
    padding-left: 0;
}

.industry-blocks.position-absoulute {
    position: absolute;
    left: 0;
    bottom: 15%;
    z-index: 40;
}

.industry-blocks li {
    display: block;
    margin: 15px;
}

.industry-blocks li a {
    display: block;
    position: relative;
}

.industry-blocks li a .img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    filter: grayscale(1);
    display: none;

}

.industry-blocks li a .content {
    position: relative;
    left: 0;
    width: 250px;
    height: 125px;
    top: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: start;
    padding: 15px 25px;
    background: linear-gradient(to right, white 50%, transparent);

}


div.slider-blocks {
    width: 100%;
    position: absolute;
    opacity: 1;
    left: 0;
    bottom: 0;
    background: linear-gradient(-45deg, var(--clr_promo_1) 50%, transparent 50%);
    z-index: 40;
    padding-top: 15px;
    padding-bottom: 15px;
    /* backdrop-filter: blur(15px); */
    border-top: 1px solid #ffffff45;
}

div.slider-blocks h2,
div.slider-blocks h3,
div.slider-blocks h4 {

}

.slider-blocks .border-right,
.slider-blocks .border-bottom,
.slider-blocks .border-left,
.slider-blocks .border-top,
.slider-blocks .border {
    border-color: #ffffff45 !important;
    border-width: 1px !important;
}


.slider-nav {
    padding-top: 15px;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}

.slider-nav a {
    width: 50%;
    font-size: 1.4em;
    color: #eee;
    font-weight: 100;
}

.slider-nav a:first-child {
}

.slider-nav a:last-child {
    text-align: right;
}

div.slider-blocks p.slogan {

    font-size: 2em;
    line-height: 1em;
    font-weight: 400;
    color: var(--pagefont_clr);
}

div.slider-blocks p.slogan strong {
    font-weight: 700;
}


div.mobile-arrows {
    position: relative;
    left: 0;
    width: 100%;
    height: fit-content;
    z-index: 40;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    /*background: var(--clr_dark_p);*/
}

div.mobile-arrows .arrow {
    height: 50px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    background: var(--clr_promo_1);
    width: 25%;
    color: WHITE !important;
}

div.mobile-arrows .arrow:last-child {
    background: var(--clr_promo_2);
}


.page-wrapper {

}

.page-wrapper.margin-wrapper {

}

.page-wrapper.history-wrapper {
    margin-top: 70px;
}

.counter {
    position: absolute;
    right: 20vw;
    bottom: 0;
    z-index: 20;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    background: #fff;

    height: 80px;
}


.counter .nav {
}

.counter .numbers {
    width: fit-content;
    display: flex;
    justify-content: start;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;

}

.counter .numbers a {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1em;
    padding: 15px 25px;
    margin-top: 0;
    color: black;
    opacity: 0.4;
    transition: all 0.1s ease-in-out;
    position: relative;
    height: 100%;
    border-right: 1px solid #ddd;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

}


.counter .numbers a.active-number::after {
    background: white;
}

.counter .numbers a:first-child {

    margin-left: 0;

}

.counter .numbers a.active-number {
    opacity: 1;
    font-weight: 600;
    color: var(--clr1_1);
}

.counter .navigate {
    height: 100%;
    display: flex;
    flex-direction: row;
    background: var(--clr_dark_n);
}

.counter .navigate .slider-number {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: WHITE;
    flex-wrap: nowrap;
    width: 201px;
    position: relative;
    font-size: 1em;
    font-weight: 100;
    border-right: 1px solid var(--clr_dark);

}

.counter .navigate .slider-number span {
    z-index: 10;

}


.counter .navigate a {

    display: inline-flex;
    font-size: 1em;
    color: WHITE;
    width: 49%;
    text-align: center;
    opacity: 0.8;
    padding: 5px 15px;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--clr_dark);
}

.counter .navigate a:first-child {
    border-left: none !important;
    padding-left: 0;
}

.counter .industry-cards {
}

.industry-cards {
    display: flex;
    align-items: center;
    justify-content: stretch;

}

.industry-cards .industry-card-1 {

    height: 80px;
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    background: transparent;

}

.industry-area {
    top: -18px !important;

}

.industry-cards .industry-card-1.construct {
    background: var(--clr_construct);
}

.industry-cards .industry-card-1.mining {
    background: var(--clr_mining);
}

.industry-cards .industry-card-1.aviation {
    background: var(--clr_aviation);
}

.industry-cards .industry-card-1 .industry-block-text {
    color: WHITE;
    margin-top: 6px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.7em;
}

.industry-cards .industry-card-1 .img {
}

.industry-cards .industry-card-1 .img img {
    width: 40px;
    filter: invert(1);
}


.slider-blocks .industry-card-2 {
    border-right: 1px solid #e8e8e9;
}

.slider-blocks .industry-card-2.active .border-right {
    border-color: transparent !important;
}

.industry-cards .industry-card-2 {
    position: relative;
    height: 120px;
    display: flex;
    width: calc(100% / 7);
    align-items: center;
    justify-content: center;
    color: WHITE;
}

.industry-cards .industry-card-2.last {
    background: #fff;
    color: var(--pagefont_clr) !important;
    border-right: none !important;
}

.industry-cards .industry-card-2 .industry-block-text {
    position: relative;
    padding: 25px;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0);
    transition: all 0.5s ease-in-out;
    color: var(--pagefont_clr);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--poppins);
    text-align: left;
}

.industry-cards .industry-card-2:hover .industry-block-text,
.industry-cards .industry-card-2.active .industry-block-text {
    color: white;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.3);
}

.industry-cards .industry-card-2 .img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.industry-cards .industry-card-2:hover .img,
.industry-cards .industry-card-2.active .img {
    opacity: 1;
}

.main-slider {
}

.main-slider .item {
    height: 100vh;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-slider .item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background: rgb(38, 47, 64);
    background: -moz-linear-gradient(90deg, rgba(38, 47, 64, 1) 0%, rgba(38, 47, 64, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(38, 47, 64, 1) 0%, rgba(38, 47, 64, 0) 100%);
    background: linear-gradient(90deg, rgba(38, 47, 64, 1) 0%, rgba(38, 47, 64, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#262f40", endColorstr="#262f40", GradientType=1);
    opacity: 0.8;
}

.main-slider .item .flex-fill {
    position: relative;
    z-index: 20;
    text-align: center;
}

.main-slider .item h2 {
    color: WHITE;
    font-size: 6em;
    font-weight: 600;
}

.main-slider .item p {
    color: white;
}


.industry-blocks {
    display: flex;
    flex-direction: row;
    padding-left: 0;
}

.industry-blocks.position-absoulute {
    position: absolute;
    left: 0;
    bottom: 15%;
    z-index: 40;
}

.industry-blocks li {
    display: block;
    margin: 15px;
}

.industry-blocks li a {
    display: block;
    position: relative;
}

.industry-blocks li a .img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    filter: grayscale(1);
    display: none;

}

.industry-blocks li a .content {
    position: relative;
    left: 0;
    width: 250px;
    height: 125px;
    top: 0;
    z-index: 2;
    display: none;
    align-items: center;
    justify-content: start;
    padding: 15px 25px;
    background: linear-gradient(to right, white 50%, transparent);

}

header.desctop {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    min-height: 100px;
    width: 100%;
    background-color: #ebebebe0;
    backdrop-filter: blur(10px);
    top: 0;
    z-index: 200;
    /* border-bottom:1px solid #dddddd45;*/
    transition: all 0.5s ease-in-out;
    /*border-bottom: 1px solid #e8e8e8;*/
    border-bottom: 1px solid #ffffff45;
    padding-top: 10px;
}

header.desctop.fixed {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 80px #00000047;

}


header.desctop a.logo {
    position: relative;
    margin-top: -10px;
    display: inline-flex;
    align-items: center;
    height: 100%;
    font-weight: 900;
    font-style: italic;
    font-size: 2em;
    font-family: var(--montserrat);
    text-transform: uppercase;
    color: WHITE;
    transition: all 0.5s ease-in-out;
}

header.desctop.fixed a.logo {
    color: var(--clr_promo_1);
}

header.desctop a.logo img {
    transition: all 0.1s ease-in-out;
    display: inline-block;
    position: relative;
    width: 100%;
}

header.desctop.center-header a.logo img {
    max-height: 50px !important;
}

header.desctop.center-header li.logo-li {
    width: 29%;
    text-align: center;
    justify-content: center;
    display: inline-flex;
}

header.desctop.fixed .logo img {
    filter: grayscale(0);
}


header.desctop .flex-fill {
}

header.desctop .flex-fill .container,
header.desctop .flex-fill .container-fluid {

}


header.desctop .row1 {

    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

header.desctop .row1 a {
    font-weight: 500 !important;
}

header.desctop .row1 a.text-dark {
    color: #d5d5d5 !important;
    font-weight: 200;
}


header.desctop ul.main-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
}

header.desctop.center-header ul.main-menu {
    justify-content: space-around !important;
}

header.desctop ul.main-menu li {
    list-style-type: none;
}

header.desctop ul.main-menu li a {
    padding: 5px 15px;
    font-size: 1em;
    color: #011b42;
    font-weight: 500;
    display: flex;
    align-items: center;


}

header.desctop.fixed ul.main-menu li a {
    color: var(--clr_promo_1);
}

/*header.desctop.fixed ul.main-menu li a {*/
/*    color: var(--pagefont_clr);*/
/*    font-weight: 400;*/
/*    text-shadow: 0 0 transparent;*/
/*    font-size: 1em;*/
/*}*/

header.desctop.center-header ul.main-menu > li > a {
    height: 60px;

}

header.desctop ul.main-menu li.has-sub {
    position: relative;
}

header.desctop ul.main-menu li.has-sub > a::before {
    content: "\f107";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 0.1em;
    font-size: 0.5em;
    margin-right: 8px;
}

header.desctop ul.main-menu li.has-sub div.submenu {
    /*   position: fixed;
       top: 85px;
       left: 0;
       width: 100vw;
       padding: 20px;
       height: fit-content;
       background: var(--clr_promo_1);
       visibility: hidden;
       opacity: 0;
       max-height: 0;
       overflow: hidden;
       transition: all 0.5s ease-in-out;*/
    position: absolute;
    top: 70px;
    left: 0;
    width: fit-content;

    height: fit-content;

    visibility: hidden;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    min-width: 650px;
}

header.desctop ul.main-menu li.has-sub div.submenu .border-right,
header.desctop ul.main-menu li.has-sub div.submenu .border-left {
    border-color: #011b41 !important;
}

/*header.desctop ul.main-menu li.has-sub div.submenu::before{*/
/*    content: '';*/
/*    width: 130px;*/
/*    height: 420px;*/
/*    position: absolute;*/
/*    top: -50%;*/
/*    background: WHITE;*/
/*    transform: skewX(20deg);*/
/*    left: 10%;*/
/*}*/
/*header.desctop ul.main-menu li.has-sub div.submenu::after{*/
/*    content: '';*/
/*    width: 130px;*/
/*    height: 420px;*/
/*    position: absolute;*/
/*    bottom: -50%;*/
/*    background: #ddd;*/
/*    transform: skewX(20deg);*/
/*    left: 20%;*/
/*}*/

header.desctop ul.main-menu li.has-sub div.submenu .content-container {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transition-delay: 0.5s;
}

header.desctop ul.main-menu li.has-sub:hover div.submenu {
    visibility: visible;
    opacity: 1;
    max-height: 1500px;

}

header.desctop ul.main-menu li.has-sub:hover div.submenu .content-container {
    opacity: 1;
}

header.desctop ul.main-menu li.has-sub div.submenu .submenu-header {
    font-size: 1.2em;
    font-weight: 600;
    color: WHITE;
}

header.desctop ul.main-menu li.has-sub div.submenu ul {

    width: 100%;
    display: inline-flex;
    flex: 1 1 100%;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;

}

header.desctop ul.main-menu li.has-sub div.submenu ul li {
    width: 100%;
    border-bottom: 1px solid #011b41;
    padding: 8px;
    padding-left: 0;
}

header.desctop ul.main-menu li.has-sub div.submenu .bg-dark ul li {
    border-bottom: 1px solid #3d3f4b;
}

header.desctop ul.main-menu li.has-sub div.submenu .bg-white ul li {
    border-bottom: 1px solid #ddd;
}

header.desctop ul.main-menu li.has-sub div.submenu ul li a {

    padding: 5px 15px;
    padding-left: 0;
    font-size: 1em;
    color: #e0e0e0;
    font-weight: 500;
    display: flex;
    width: fit-content !important;
    align-items: center;

    -webkit-line-clamp: 1;

}

header.desctop ul.main-menu li.has-sub div.submenu .image {
    width: 100%;
    height: 170px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: grayscale(1);
    mix-blend-mode: multiply;
}

header.desctop ul.main-menu li.has-sub div.submenu ul {
}

header.desctop ul.main-menu li.has-sub:hover div.submenu {
}


header.desctop .header-lang {

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #ededed;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

header.desctop .header-lang .yeap-langs {
    top: -100%;
}

header.desctop .header-lang .yeap {
    transition: all 0.5s ease-in-out;
}

header.desctop .header-lang.select-now .yeap {
    opacity: 0;
}

header.desctop .header-lang.select-now .yeap-langs {
    top: 0;
}

header.desctop .yeap {
    position: relative;
}

header.desctop .yeap-langs {
    transition: all 0.5s ease-in-out;
    position: absolute;

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


header.desctop .header-lang.header-social {
    background: #fff;
    position: relative;

}

header.desctop .header-lang.header-social::after {
    content: '';
    display: none;
    position: absolute;
    width: 500%;
    left: 100%;
    top: 0;
    height: 100%;
    background: var(--clr_promo_1);
}

header.desctop .header-lang img {
    width: auto;
    height: 23px;

    transition: all 0.5s ease-in-out;
}

header.desctop.fixed .header-lang img {
    height: 15px;
}

header.desctop .header-lang ul {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 10px;
}

header.desctop .header-lang ul li {
    list-style-type: none;
}

header.desctop .header-lang ul li a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: start;
    padding: 5px 5px 0 5px;
    color: WHITE;
    font-size: 1em;
    font-weight: 500;
}

header.desctop .header-lang ul li a {
    color: var(--clr1_1);
    font-size: 0.8em;

}

header.desctop .header-social ul li {
    margin-left: 10px;
}

header.desctop .header-social ul li a {
}


header.desctop .content-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

header.desctop .flex-fill > .content-container > div {

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}


.section-sentence {
    font-size: 1em;
    font-weight: 500;
    color: var(--gray3);
}

.left-textlabel {
    padding-left: 35px;
    position: relative;
}

.left-textlabel .text-label {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    text-align: left;
    font-size: 14px !important;
    font-weight: 800;
    color: #9c9c9c;
    padding-top: 10px;
    line-height: 1em;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-transform: uppercase;
}


.index-news-box {
    position: relative;
    z-index: 30;
}

.index-news-box .img {
    display: block;
    height: 300px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative;
}

.page-in .index-news-box .img {
    filter: grayscale(1);
}

.index-news-box.big .img {
    height: 600px;

}

.index-news-box .hashtag {
    position: relative;

    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-top: 5px;
    z-index: 40;
}

.index-news-box .hashtag a {
    opacity: 1;
    color: #05060f;
    padding: 3px 10px;
    background: #ebebeb;
    font-size: 0.7em;
    margin-left: 4px;
}

.index-news-box .hashtag > a:first-child {
    margin-left: 0;
}

.index-news-box .content {
    padding: 10px 0;
    width: 100%;

}

.index-news-box .img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    background: linear-gradient(1deg, #000, transparent);

}

.index-news-box .content p.date {
    text-align: right;
    font-size: 0.6em;
    font-weight: 400;
    opacity: 1;
    margin-bottom: 0;
    color: white;
}

.index-news-box .content h3 a {
    color: #000000;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index-news-box .content h3 {
    width: 100%;
    height: 60px;

    font-size: 1em;
    text-transform: capitalize !important;
    font-weight: 500;
    padding-bottom: 15px;


}

.index-news-box .content p {
    font-size: 0.8em;
}


.owl-nav {
}

.owl-nav a {
    color: var(--pagefont_clr);
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.owl-nav a.next {
}

.owl-nav a.prev {
}

.carousel-trigger {
}

.carousel-trigger a {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.head-blocks {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .09) !important;
    display: flex;
    background: white;
    width: 100%;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
    border: 1px solid #fefefe;
    margin-bottom: 25px;
}

.head-blocks:hover {
    box-shadow: 0 16px 32px 0 rgb(0 0 0 / 32%) !important;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.head-blocks .icon {
    /*background: #fc671a;*/
    /*background: #717171;*/
    padding: 10px;
    height: 100%;
    left: 0;
    display: inline-flex;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 transparent;
    border: 5px solid transparent;
}

.head-blocks:hover .icon {
    border-radius: 50px;
    background: #fc671a;
    /*border: 5px solid #d85a19;*/
    margin-left: -5px;

}

.head-blocks .icon img {
    max-width: 45px;
    display: inline-block;
    opacity: 0.45;
}

.head-blocks:hover .icon img {
    filter: invert(1);
    opacity: 1;
}

.head-blocks .content {
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
}

.head-blocks .content .head-sentence {
    font-size: 1em;
    line-height: 1em;
    font-weight: 800;
    color: #000000c7;
}

.head-blocks .content p {
    font-size: 0.9em;
    color: var(--pagefont_clr);
}

.head-blocks .content a {
    font-size: 0.9em;
}


.customers-logos {
}

.customers-logos .item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.customers-logos .item .reference-logo {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customers-logos .item .reference-logo img {
    filter: grayscale(1);
    width: auto;
    max-height: 110px;
}

header.mobile {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background: WHITE;
    z-index: 120;
    width: 100%;
    height: 70px;
}

header.mobile a.logo {
    display: inline-block;
    font-weight: 900;
    font-style: italic;
    font-size: 2em;
    font-family: var(--montserrat);
    text-transform: uppercase;
    color: var(--clr_promo_1);
    transition: all 0.5s ease-in-out;

}

header.mobile a.logo img {
    max-width: 120px;
    display: inline-block;
}

/*
header.mobile .menu-toggler {
    transition: all 0.8s ease-in-out;
    transform-origin: 50% 50%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    color: var(--pagefont_clr);
    font-size: 0.8em;
    font-weight: 500;
    position: relative;
    flex: 0 0;
}
header.mobile .menu-toggler.opened{

}
header.mobile .menu-toggler span{
    transition: all 0.2s ease-in-out;
    width: 25px;
    transform-origin: 50% 50%;
    height: 3px;
    background: var(--clr_promo_1);
    transform: rotate(-25deg);
    display: inline-flex;
    margin-top: 5px;
}
header.mobile .menu-toggler.opened span{
    margin-top: 0;
}
header.mobile .menu-toggler.opened span:first-child{
    transform: rotate(-45deg);
}
header.mobile .menu-toggler.opened span:nth-child(2){
    transform: rotate(-25deg) translateX(52px) ;
}
header.mobile .menu-toggler.opened span:last-child{
    transform: rotate(45deg);
    margin-top: -6px;
}

*/

.menu-toggler {
    width: 30px;
    height: 20px;
    display: inline-flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    transition: all 0.1s ease-in-out;
}

.menu-toggler > span {
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: #333333;
    transform-origin: 0 50%;
    transform: rotate(0);
    opacity: 1;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

.menu-toggler.opened {
    height: 33px;
}

.menu-toggler.opened > span {
    background: var(--clr_promo_2);
}

.menu-toggler.opened > span:first-child {
    transform: rotate(45deg);
    margin-top: 11px;
}

.menu-toggler.opened > span:nth-child(2) {
    width: 10%;
    margin-left: 60%;
}

.menu-toggler.opened > span:last-child {
    transform: rotate(-45deg)
}

/*
header.mobile .menu-toggler span {
    background: #282828;
    position: absolute;
    width: 35px;
    height: 1px;
    border-radius: 50px;
    transition: top, transform 0.5s ease-in-out;
}

header.mobile .menu-toggler span:first-child {
    top: 35px;
}

header.mobile .menu-toggler span:nth-child(2) {
    top: 43px;
}

header.mobile .menu-toggler span:last-child {
    top: 51px;
}



header.mobile .menu-toggler.opened {
    transform: rotate(90deg);
    margin-top: -25px;
}

header.mobile .menu-toggler.opened span {
}

header.mobile .menu-toggler.opened span:first-child {
    transform-origin: 50% 50%;
    transform: rotate(45deg);
    top: 40px;
}

header.mobile .menu-toggler.opened span:nth-child(2) {
    opacity: 0;
}

header.mobile .menu-toggler.opened span:last-child {
    transform-origin: 50% 50%;
    transform: rotate(-45deg);
    top: 40px;

}
*/

nav.mobile {
    position: fixed;
    right: 0;
    top: -100%;
    background: #fff;
    width: 100vw;
    z-index: 119;
    transition: all 0.3s ease-in-out;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: start;
    height: calc(100dvh - 70px);
    overflow-y: auto;
}

nav.mobile.opened {
    top: 70px;
}

nav.mobile::after {
    height: 0;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-in-out;
}

nav.mobile.opened::after {
    height: 100vh;
}

nav.mobile .nav-header {
    color: #fff;
    font-size: 1em;
    font-weight: 500;
    text-transform: capitalize;
    /* border-bottom: 1px solid var(--clr_dark_n); */

    display: flex;
    align-items: center;
    padding: 2px;
}

nav.mobile .nav-header img {
    width: 20px;
}

nav.mobile .nav-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-left: 0;
    margin-bottom: 10px;
}

nav.mobile .nav-list li {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    margin-bottom: 5px;
}

nav.mobile .nav-list li a {
    color: #d0d0d0;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 0.8em;
    font-weight: 400;
    opacity: 1;
}

nav.mobile .social.nav-list li a i {
    margin-right: 10px;
    color: var(--clr_promo_1);
    background: white;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

nav.mobile ul.main-mobile-nav {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

nav.mobile ul.main-mobile-nav > li {
    width: 100%;
    border-bottom: 1px solid #dedede;

}

nav.mobile ul.main-mobile-nav > li > a {
    color: black;
    font-size: 1.4em;
    font-weight: 600;
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

nav.mobile ul.main-mobile-nav > li:first-child {
}

nav.mobile ul.main-mobile-nav > li:last-child {
}

nav.mobile ul.main-mobile-nav > li.has-submenu {

}

nav.mobile ul.main-mobile-nav > li.has-submenu a {
    position: relative;
}

nav.mobile ul.main-mobile-nav > li.has-submenu > a::after {
    position: absolute;
    width: 20px;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    content: "\f0d7";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    flex-wrap: wrap;
    color: var(--clr_promo_1);
    transition: all 0.5s ease-in-out;
}

nav.mobile ul.main-mobile-nav > li.has-submenu.opened > a::after {
    transform: rotate(180deg);
}

nav.mobile ul.main-mobile-nav > li.has-submenu > ul {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0;
    justify-content: start;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    padding-left: 0 !important;
}

nav.mobile ul.main-mobile-nav > li.has-submenu.opened > ul {
    max-height: 500px;
}

nav.mobile ul.main-mobile-nav > li.has-submenu > ul > li {
    display: flex;
    width: 100%;

    padding-left: 20px;

}

nav.mobile ul.main-mobile-nav > li.has-submenu > ul > li:first-child {
}

nav.mobile ul.main-mobile-nav > li.has-submenu > ul > li:last-child {
}

nav.mobile ul.main-mobile-nav > li.has-submenu > ul > li > a {
    color: var(--pagefont_clr);
    font-size: 1.2em;
    font-weight: 500;
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.promo-1-area {
}

.promo-1-area .promo-1 {
}

.promo-1-area .promo-1.block-bg {

    padding: 15px;
    background: #eee;
}

.promo-1-area .promo-1 .text {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 5px;
    padding-left: 0;
}


.promo-1-area .promo-1 .text a {
    color: var(--pagefont_clr);
    font-weight: 500;
    margin-bottom: 0;
}

.promo-1-area .promo-1 .text p {

    margin-bottom: 5px;
    line-height: 1em;
}

.promo-1-area .promo-1 .text h2 {
    font-size: 1em;
    margin-bottom: 5px;

}

/*.promo-1-area .promo-1.construction .text{
    background: var(--clr_construct);
}
.promo-1-area .promo-1.mining .text{
    background: var(--clr_mining);
}
.promo-1-area .promo-1.aviation .text{
    background: var(--clr_aviation);
}*/
/*.promo-1-area .promo-1.construction .text a{
    color: var(--clr_construct);
}
.promo-1-area .promo-1.mining .text a{
    color: var(--clr_mining);
}
.promo-1-area .promo-1.aviation .text a{
    color: var(--clr_aviation);
}*/

.promo-1-area .promo-1 .image {
    position: relative;
    height: 230px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
}

.promo-1-area .promo-1 .image::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    z-index: 1;
    display: none;
}

.promo-1-area .promo-1.construction .image::after {
    background: var(--clr_construct);
}

.promo-1-area .promo-1.mining .image::after {
    background: var(--clr_mining);
}

.promo-1-area .promo-1.aviation .image::after {
    background: var(--clr_aviation);
}

/*
.promo-1-area .promo-1.construction {
    background: var(--clr_construct);
}
.promo-1-area .promo-1.mining {
    background: var(--clr_mining);
}
.promo-1-area .promo-1.aviation {
    background: var(--clr_aviation);
}*/

.promo-1-area .promo-1 .image .image-content {
    position: absolute;
    right: 0;
    width: fit-content;
    height: fit-content;
    bottom: 0;
    display: flex;
    align-items: end;
    justify-content: end;
    z-index: 3;
    padding: 25px;
    color: WHITE;
}

.promo-1-area .promo-1.construction .image-content {
    background: var(--clr_construct);
}

.promo-1-area .promo-1.mining .image .image-content {
    background: var(--clr_mining);
}

.promo-1-area .promo-1.aviation .image .image-content {
    background: var(--clr_aviation);
}

.promo-2-area {
    position: relative;
}

.promo-2-area::after {

    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    background: var(--clr_promo_3);
    z-index: 0;
}

.promo-2 {
    cursor: pointer;
    height: 250px;
    position: relative;
    z-index: 12;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 20px;
    margin-top: 20px;
}

.promo-2.big {
    height: 470px;
}

.promo-2.bigger {
    height: 730px;
}

.promo-2.small {
    height: 180px;
}

.promo-2.x-small {
    height: 95px;

}

.promo-2 > div {
    width: 100%;
}

.promo-2 .icon {
    text-align: right;
    color: WHITE;
    font-size: 3em;
    line-height: 1em;
}

.promo-2 .top-text {
    text-align: right;
    color: WHITE;
    font-size: 1em;
    line-height: 1em;
}

.promo-2 .icon > a {

}

.promo-2 .icon > img {
    max-height: 36px;
}

.promo-2 .icon > img.text-white {
    filter: invert(1);
}

.promo-2 .numbers {

}

.promo-2 .numbers .head {
    color: WHITE;
    margin-bottom: 10px;

    font-weight: 400;
    line-height: 1em;
}

.promo-2 .numbers .sub-head {
    color: WHITE;
    margin-bottom: 10px;
    font-size: 2.3em;
    line-height: 1em;
    font-family: vaR(--saira);
    font-weight: 600;
}

.promo-2 .numbers .sub-head-contact {
    color: WHITE;
    margin-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    font-family: vaR(--saira);
    font-weight: 600;
}

.promo-2 .sub-head-2 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
}

.promo-2 .head-2 {

    font-size: 1em;
    font-weight: 100;
    line-height: 1.2em;
}

.promo-2.aviation {
    background: var(--clr_aviation);
}

.promo-2.mining {
    background: var(--clr_mining);
}

.promo-2.construct {
    background: var(--clr_construct);
}

.promo-2.hotel {
    background: var(--clr_hotel);
}

.promo-2.glass {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(10px);
    opacity: 1;
}

.promo-2.glass2 {
    background: transparent;
    opacity: 1;
    border: 1px solid #eee;
}

.promo-2 .person-count {
    font-size: 0.8em;
    padding: 5px 10px;
    text-align: right;
}

.promo-2 .person-count i {
    display: block;
    font-size: 1.8em;
}

.promo-2 .mini-text p.position {
    font-size: 1.3em
}

.promo-2 .mini-text p.date {
    font-size: 0.9em
}

.promo-2 .mini-text button {
    text-align: right;
}


.sustainability-area {
    margin-top: 100px;
}

.sustainability-area .row .row {
    margin-top: -50px;
}

.promo-3-area {
    margin-top: 225px;
}

.promo-3-area .content-container {
    margin-top: -150px;
}

.promo-3-area .content-container .row > .col-xl-6:last-child {

}

.promo-3-area .promo-3 {
}

.promo-3-area .promo-3 .promo-3-left {
}

.promo-3-area .promo-3 .promo-3-left .image {
    display: flex;
    position: relative;
    flex: 1 1 auto;
}

.promo-3-area .promo-3 .promo-3-left .image .image {
    position: absolute;
    z-index: 0;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: grayscale(1) brightness(0.8) contrast(1.3);
}

.promo-3-area .promo-3 .promo-3-left .image div.title {
    z-index: 12;
    padding: 25px 25px;
    color: WHITE;
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 42px;
    text-align: left;
}

.promo-3-area .promo-3 .promo-3-left .image div.title h3 {
    font-style: italic;
    font-weight: 400;
    font-size: 1em;
    text-align: left;
}

.promo-3-area .promo-3 .promo-3-left .image div.title h4 {
    font-weight: 600;
    text-align: left;
}

.promo-3-area .promo-3 .promo-3-left .image .box-area {
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
}

.promo-3-area .promo-3 .promo-3-right {
}


.promo-4-area {
}

.promo-4 {

    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    position: relative;
}

.promo-4 .text {
    padding: 25px;
}

.promo-4 .text h2 {
    padding: 25px;
}

.promo-4 .icon {
    text-align: right;
    color: WHITE;
    font-size: 5em;
    line-height: 1em;
}

.promo-4 .image {
    position: relative;
    height: 265px;
    left: 0;
    width: 100%;
    top: 0;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    z-index: 0;
}

.promo-4.big .image {

    height: 367px;

}

.promo-4 .content {
    width: 100%;
    padding: 15px;
    position: relative;
    z-index: 12;
    border-bottom: 4px solid #ddd;

}

.promo-4 .content h3 {
    font-size: 1.2em;
    font-weight: 400;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: flex;
    border-bottom: 1px solid #ddd;
}

.promo-4 .content ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding-left: 0;
    flex-wrap: wrap;
}

.promo-4 .content ul li:first-child {
    padding-left: 0;
}

.promo-4 .content ul li {
    display: inline-flex;
    font-size: 0.8em;
    margin-top: 10px;
}

.promo-4 .content ul li span {
}


.promo-1 ul {
    border-bottom: 1px solid #ddd;
    /* background: #eee; */
    display: flex;
    width: 100%;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding: 5px;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 5px;
}

.promo-1 ul li:first-child {
    padding-left: 0;
}

.promo-1 ul li {
    display: inline-flex;
    font-size: 0.8em;
    margin-top: 10px;
}

.promo-1 ul li span {
}


.divider {
    position: relative;
    height: 30px;
    opacity: 0.8;
}

.divider.large {
    height: 90px;
}

.divider.divider-1 {
    position: relative;
    opacity: 0.8;
}

.divider.divider-1::after {
    width: 25px;
    height: 25px;
    content: '';
    position: absolute;
    left: calc(50% - 12.5px);
    bottom: -25px;
    background: var(--clr_promo_1);
    border-radius: 30px;
    /*clip-path: polygon(0% 0%, 50% 25% ,100% 0%, 50% 100%);*/
}

.divider.divider-1::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    bottom: 20px;
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    background: transparent;
    left: calc(50% - 25px);
}

.divider.divider-1 .lines::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    left: calc(50% - 2px);
    border-radius: 10px;
    background: var(--clr_promo_1);
}

.divider.divider-1 .lines::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    bottom: 10px;
    border-left: 3px solid var(--clr_dark_n);
    border-right: 3px solid var(--clr_dark_n);
    background: transparent;
    left: calc(50% - 15px);
}


.divider.divider-2 {
}

.divider.divider-2 .lines {
}

.divider.divider-2 .lines::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 20px;
    background: var(--clr_dark);
    transform: skewX(30deg);
    left: calc(50% - 10px);
    bottom: 0;

}

.divider.divider-2 .lines::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 20px;
    background: var(--clr_promo_2);
    transform: skewX(-30deg);
    left: calc(50% - 10px);
    bottom: 0;

}

.divider.divider-3 {
}

.divider.divider-3 .lines {
}

.divider.divider-3 .lines::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 40px;
    background: var(--clr_dark);
    transform: skewX(20deg) translateX(10px);
    left: calc(50% + 3px);
    bottom: 0;
}

.divider.divider-3 .lines::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 30px;
    background: var(--clr_promo_2);
    transform: skewX(20deg) translateX(-10px);
    left: calc(50% - 10px);
    bottom: 0;

}

.divider.divider-4 {
    display: inline-flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    width: 80px;
}

.divider.divider-4 span {
    display: inline-flex;
    height: 1px;
    background: var(--clr_promo_1);
}

.divider.divider-4 span:first-child {

    width: 50%;
}

.divider.divider-4 span:last-child {
    width: 75%;
}

.divider.divider-4 .lines {
}

.divider.divider-4 .lines::after {
}

.divider.divider-4 .lines::before {
}

/*.projects-row .after-shape::after{
    content: '';
    width: 90%;
    left: 5%;
    height: 50%;
    position: absolute;
    top: 15%;
    border: 1px solid var(--clr2_1);
}*/


.construction-projects {
    margin-top: 100px;
    margin-bottom: 100px;
}

.construction-projects .project {
    transform: skew(-10deg);
    overflow: hidden;

}

/*
}
.construction-projects .projects-row .col:nth-child(2n+1) .project{
    border-top: 5px solid;
}
.construction-projects .projects-row .col:nth-child(2n) .project{
    border-bottom: 5px solid;
}
*/

.construction-projects .project .img {
    transform: skew(10deg);
    height: 420px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 130%;
    left: -15%;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: start;
}

.construction-projects .project .img::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, var(--clr_dark), transparent);
    opacity: 1;
    z-index: 0;
}

.construction-projects .project .img h3 {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 15px;
    padding-left: 34px;
    font-size: 1.2em;
    z-index: 40;
    font-weight: 300;
    max-width: 70%;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}

.construction-projects .project .img h3 a {
    color: WHITE;
}

.construction-projects .project .promo-area {
    transform: skew(10deg);
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.construction-projects .project .promo-area h3 {
    font-size: 1.2em;
    text-align: center;
    display: none;
}

.construction-projects .project .promo-area h3 a {
    color: var(--pagefont_clr);
}


.counter-number-blocks {

    display: flex;
    align-self: stretch;
    justify-self: stretch;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 3em;
    border-left: 1px solid #eee;
    padding: 25px;

}

.counter-number-blocks p {
    font-size: 1.2em;
    margin-bottom: 0;
}

* > .counter-number-blocks:first-child {
    padding-left: 0;
    border-left: none;
}

.counter-number-blocks span {
    font-size: 4em;
    font-weight: 800;
    position: relative;
    color: #424242;
    font-family: var(--roboto);
}

.counter-number-blocks span::after {
    content: '+';
    color: var(--clr2_4);
    font-weight: 500;
    font-size: 1em;
    text-shadow: 0 0 WHITE;
    position: absolute;
    right: -28px;
    top: -15px;
}

.counter-number-blocks small {
    display: block;
    line-height: 1.2em;
    margin-top: 15px;
    font-style: italic;
    font-size: 1.5em;
    font-weight: 600;
}

.shape-anim {
    width: 20px;
    height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
    background: var(--clr1_1);
    border-radius: 70px;
    position: relative;

}

.shape-anim::after {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 3px solid var(--clr1_1);
    border-radius: 180px;
    opacity: 0.8;
}

.shape-anim::before {
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    width: 60px;
    height: 60px;
    background: transparent;
    border: 1px solid var(--clr1_1);
    border-radius: 180px;
    opacity: 0.5;
}

.shape-anim span.pulse {
    width: 50px;
    height: 50px;
    background: var(--clr1_1);
    opacity: 0.3;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 12;
    border-radius: 150px;
    animation: pulse-anim-1 1s ease-in-out infinite;
}


@keyframes pulse-anim-1 {
    0% {
        width: 20px;
        height: 20px;
        background: var(--clr1_1);
        opacity: 1;
    }
    75% {
        width: 60px;
        height: 60px;
        left: -20px;
        top: -20px;
        background: var(--clr1_1);
        opacity: 0;
    }
    100% {
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background: var(--clr1_1);
        opacity: 0;
    }
}

footer {
    border-top: 1px solid #f9f9f9;
    background: #f9f9f9;
    border-top: 70px solid #f9f9f9;

    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    position: relative;
}

footer a.logo {
    padding: 15px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-style: italic;
    font-size: 2em;
    font-family: var(--montserrat);
    text-transform: uppercase;
    color: #595959;
    transition: all 0.5s ease-in-out;
}

footer a.logo img {
    max-width: 160px;
}

footer .footer-col {

    /*border-right: 1px solid var(--clr_dark_p);*/
    flex: 1 1 auto;
    width: fit-content;
    padding: 25px;
    min-width: 300px;

}

footer .container-fluid > .row,
footer .container > .row {

}


footer .footer-header {

    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;

    margin: 0;
    padding-left: 0 !important;
}

footer .footer-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-left: 0;
    margin-bottom: 10px;
}

footer .footer-list li {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;

}


footer .footer-list li a {
    color: var(--pagefont_clr);
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 1em;
    font-weight: 400;
    opacity: 1;
    padding: 5px 15px;
    padding-left: 0;
    text-align: center;
    width: 100%;

}

/*footer .footer-header::before {*/
/*    content: '';*/
/*    color: var(--pagefont_clr);*/
/*    display: inline-block;*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    background: url(../img/promo-png-promo1.png);*/
/*    position: relative;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 0% 0%;*/
/*    margin-right: 5px;*/
/*    transition: all 0.5s ease-in-out;*/
/*    filter: grayscale(1);*/
/*}*/

nav .social {
    padding-left: 0;
    margin-bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: start;
    padding: 10px;
    padding-left: 2px;
}

nav .social li {
    display: inline-flex;
}

nav .social li a {

}

nav .social li a i {
    margin-right: 10px;
    color: var(--pagefont_clr);
    background: white;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

/*footer .footer-list li a::before {*/

/*    height: 50%;*/
/*    position: relative;*/
/*    top: 50%;*/
/*    border-top: 1px solid #9799a4;*/
/*    width: 20px;*/
/*    margin-right: 10px;*/
/*    display: inline-block;*/
/*    color: WHITE;*/
/*}*/

.footer-logo {
    display: block;
}

.footer-logo img {
    max-width: 140px;

    display: inline-flex;
}

blockquote {
    font-style: italic;
    padding: 25px;
    position: relative;
    max-width: 95%;

}

blockquote::before {
    color: var(--clr_promo_1);
    position: absolute;
    top: -15px;
    left: -15px;
    content: '“';
    font-size: 5em;
    font-weight: 600;
    font-style: italic;
    display: inline-block;
    font-family: auto;
    vertical-align: middle;
    line-height: 1em;
}

blockquote::after {
    color: var(--clr_promo_1);
    position: absolute;
    bottom: -15px;
    right: -15px;
    content: '”';
    font-size: 5em;
    font-weight: 600;
    font-family: auto;
    vertical-align: middle;
    line-height: 1em;

}

.page-in {
}

.breadcrumb-area {
    color: WHITE;
    background: linear-gradient(45deg, var(--clr_promo_1) 50%, rgba(212, 0, 28, 0.65) 50%), url(../img/surdurulebilirlik-1.jpg);
    height: 500px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;

}

.breadcrumb-area::after {
    content: '';
    transition: all 0.5s ease-in-out;
    position: absolute;
    display: none;
    width: 30dvw;
    height: 420px;
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
    background: white;
    right: 0%;
    bottom: 0;
    z-index: 40;
}

.breadcrumb-area::before {
    content: '';
    display: none;
    transition: all 0.5s ease-in-out;
    position: absolute;
    width: 30dvw;
    height: 420px;
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%);
    background: var(--clr_promo_2);
    right: 130px;
    bottom: 0;
    z-index: 12;
}

@-webkit-keyframes circleAnim1 {
    0% {

        right: 20%;
        top: 20%;
    }
    50% {

        top: 60%;
        right: -10%;
        width: 450px;
        height: 450px;

    }
    100% {
        left: 20%;
        right: 20%;
    }
}

.breadcrumb-area .content-container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start
}

.breadcrumb-area .content-container::after {
    content: '';
    left: -520px;
    width: 520px;
    height: 100%;
    top: 0;
    opacity: 0.3;
    background: url(../img/shapes/vertical-lines-3-white.png);
    background-size: 100% auto !important;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
}

.breadcrumb-area ul.breadcrumbs {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
}

.breadcrumb-area ul.breadcrumbs li {
    display: inline-flex;
    color: #ddd;
    font-size: 1em;
    font-weight: 500;
    padding: 5px 10px;
}

.breadcrumb-area ul.breadcrumbs li:first-child {
    padding-left: 0;
}

.breadcrumb-area ul.breadcrumbs li:first-child::before {
    display: none;
}

.breadcrumb-area ul.breadcrumbs li::before {
    content: '>';
    padding-right: 10px;

}

.breadcrumb-area ul.breadcrumbs li a {
    color: #ddd;
    font-size: 1em;


}

.breadcrumb-area ul.breadcrumbs li:last-child,
.breadcrumb-area ul.breadcrumbs li:last-child a {
    color: #fff;

}

.breadcrumb-area h1 {
    font-size: 2.6em;
    font-family: var(--montserrat);
}

.page-content {
    padding: 15px;
}

.sidebar {
    padding: 15px;
    border-right: 1px solid #eee;
}

.sidebar-header {

}

.sidebar .promo-mini-box .here {
    position: absolute;
    width: fit-content;

    height: fit-content;
    border: 1px solid white;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.8em;
    right: 15px;
    top: 15px;
    padding: 5px 12px;
    color: white;
}

.sidebar .promo-mini-box .here img {
    max-width: 20px;
}

.sidebar .promo-2 {
    height: 125px !important;
}

.sidebar .promo-2 .icon {
    line-height: 1em;
    font-size: 1em;
}

.project-details .promo-2 {
    max-height: 125px;
}

.project-details .promo-2 .icon {
    line-height: 1em;
    font-size: 1em;
}

.sidebar .promo-3-area .promo-3 .promo-3-left .image {
    height: 350px;
}

.sidebar .promo-3-area .promo-3 .promo-3-left .image div.title {
    width: 100%;
    bottom: 0;
}


.promo-mini-box {
    /* position: fixed;
     max-width: calc((var(--content_container) * 32) / 100);*/
    display: inline-flex;
    align-items: start;
    justify-content: end;
    flex-direction: column;
    width: 100% !important;
    min-height: 120px !important;
    height: fit-content;
    padding: 15px;
    flex: 0 0 auto;
    position: relative;
}

.promo-mini-box.with-icon::after {
    content: '';
    width: 45px;
    height: 45px;
    background-image: url(../img/promo-png.png);
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    right: 0;
    top: 0;
}

.promo-mini-box a {
    font-size: 0.8em;
    color: WHITE;

}

.sidebar-title {
    padding-top: 15px;
    padding-bottom: 15px;
}


.page-navigate {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;

}

.page-navigate .navigate-header {
    width: 100%;

    font-size: 1.4em;
    font-weight: 500;

    padding: 20px;
    margin-bottom: 0;
}

.page-navigate .map {
    display: flex;
    width: 100%;
    flex: 0 0 100%;

}

.page-navigate .map > ul {
    width: 100%;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: space-between;
}

.page-navigate .map > ul > li {
    list-style-type: none;
    display: inline-flex;
    height: 50%;
    width: 100%;
    flex: 1 1;
    border: 2px solid #dedede;
    background-color: #fff;
    align-items: center;
    padding: 15px;
    margin: 5px 15px;
}

.page-navigate .map > ul > li > span,
.page-navigate .map > ul > li > h3 {
    color: var(--clr_promo_3);
    font-size: 1.2em;
    font-weight: 500;
    max-width: 150px;
    border-right: 1px solid #cacaca;
    padding-right: 15px;
    height: 100%;
    align-items: center;
    display: inline-flex;
}

.page-navigate .map > ul > li > ul {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-left: 15px;
}

.page-navigate .map > ul > li > ul > li {
    width: 100%;
    list-style-type: none;
    border-bottom: 1px solid #ddd;
}

.page-navigate .map > ul > li > ul > li > a {
    color: var(--pagefont_clr);
    font-weight: 400;
    font-size: 0.9em;
    opacity: 0.9;
}

.mobile-image {
}

.mobile-image img:first-child {
    display: block;
}

.mobile-image img:last-child {
    display: none;
}

.img-sub-title {
    background: var(--gray);
    padding: 15px;
}

.other-projects {
}

.other-projects .other-project {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
}

.other-projects .other-project .image {
    width: 100%;
    height: 120px;
    position: relative;
    background-position: center right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*.other-projects .other-project .image::after{
    content:'';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top:0;
    z-index: 0;
    opacity: 0.7;
    background: linear-gradient(to top, black, transparent);
}*/
.other-projects .other-project .title {
    display: none;
    width: 35%;

    align-items: end;
    justify-content: start;
    padding: 15px;
    color: var(--pagefont_clr);
    font-size: 1em;
    /* left: 0; */
    /* top: 0; */
    z-index: 12;
    font-weight: 400;
    margin-bottom: 0;

}

.project-gallery {
}

.project-gallery a {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 5px;
    height: 80px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.pagination {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.pagination li {
    list-style-type: none;
    margin-left: 5px;
}

.pagination li a {
    width: 30px;
    height: 30px;
    font-size: 0.9em;
    border-radius: 50px;
    color: WHITE;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--clr_promo_1);
}

.historical {
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 750px;
}

.historical .date-block {
    border: 1px solid #eee;
    margin-left: 10px;
    flex: 0 0 auto;
    height: 750px;
    display: flex;
    flex-direction: column;
}

.historical .content-box {
    height: 320px;
    padding: 15px;
}

.historical .content-box .img {
    height: 280px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid blue;
}

.historical .content-box .print {
    border: 1px solid green;
    height: 40px;
    display: flex;
    padding: 15px;
    color: WHITE;
}

.historical .date-block .calendar {
    height: 70px;
    border: 1px solid ORANGE;
}

.historical > .date-block:nth-child(2n+1) {
    flex-direction: column-reverse;
}

.historical > .date-block:nth-child(2n) {

}


.historical-series {
    position: relative;
    width: 100%;
    height: 700px;
}

.historical-series .historical-block {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

.historical-series .historical-block .img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.history-page .content-container {
    width: 80vw;
    position: relative;
    z-index: 1;
}

/*.history-page::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(../img/bg-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    mix-blend-mode: multiply;
    z-index: 0;
}*/
.history {
    position: relative;

}

.history::after {
    content: '';
    height: 1px;
    background: white;
    top: 50px;
    left: 0%;
    width: 100vw;
    position: absolute;
    z-index: 5;
}

.history .owl-stage {
    position: relative;
    padding-top: 50px;
}

.history .owl-stage-outer {
    position: relative;
    z-index: 40;
}

.history .owl-stage::after {
    /*content:'';
    height: 1px;
    background: white;
    top: 30px;
    right: 100%;
    width: 1250px;
    position: relative;*/
}


.history .history-block {
    min-height: 50vh;
    position: relative;
    z-index: 10;
    padding: 0;


}

.history .history-block .date-content {
    transform: perspective(1000px) rotateY(50deg);
    transition: all 0.5s ease-in-out;
    filter: grayscale(1);
}

.history .active.center .history-block .date-content {
    transform: perspective(1000px) rotateY(0deg);
    transition: all 0.5s ease-in-out;
    filter: grayscale(0);
}

.history .history-block .date {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: -32px;
    margin-bottom: 30px;
}

.history .history-block .date .dot {
    background: var(--clr_promo_1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    border-radius: 150px;
    position: relative;
    font-size: 1.3em;
    font-style: italic;
    font-weight: 600;
}

.history .history-block .date .dot::after {
    display: none !important;
    content: '';
    border: 1px solid WHITE;
    border-radius: 250px;
    position: absolute;
    width: 85px;
    height: 85px;
    left: -10px;
    top: -10px;
    display: block;
    visibility: hidden;
    opacity: 0;
}

.history .active.center .history-block .date .dot::after {
    display: block;
    visibility: visible;
    opacity: 1;
}

.history h2 {
    font-size: 1em;
}

.history .history-block .date .dot .circle {
    display: none !important;
    content: '';
    border: 1px solid WHITE;
    border-radius: 250px;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    animation: historical-date 1s ease-in-out infinite;
}

.history .active.center .history-block .date .dot .circle {
    display: none !important;
    visibility: visible;
    opacity: 1;
    display: none;
}

.history .history-block .date .dot .circle::after {
    display: none !important;
    content: '';
    border: 1px solid WHITE;
    border-radius: 250px;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    display: block;
    position: absolute;
    animation: historical-date 0.5s ease-in-out infinite;
}

.history .active.center .history-block .date .dot .circle::after {
    visibility: visible;
    opacity: 1;
}

@-webkit-keyframes historical-date {
    0% {
        opacity: 1;
        width: 65px;
        height: 65px;
        left: 0;
        top: 0;
        border: 1px solid WHITE;
    }
    50% {
        opacity: 0;
        left: -10px;
        top: -10px;
        width: 85px;
        height: 85px;
        border: 5px solid WHITE;
    }
    100% {

        left: 0px;
        top: 0px;
        opacity: 0;
        width: 65px;
        height: 65px;
        border: 1px solid WHITE;
    }
}

.history .active.center .history-block {

    z-index: 12;
}

.history .history-block .img {
    display: block;
    height: 300px;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative;
    border: 1px solid #d9d9d9;
    z-index: 10;
}

.history .history-block .content {
    padding-top: 15px;
}

.active.center .history-block .content {

}

.history .history-block .content h2 {
    color: WHITE;
    font-weight: 400;
    font-size: 1.3em;
    text-align: center;
    font-style: italic;

}

.history .history-block .content p {
    transition: all 0.8s ease-in-out;
    overflow: hidden;
    text-align: center;
    opacity: 0;
}

.history .active.center .history-block .content p {
    opacity: 1;
}


.history .item {
    position: relative;
}

/*
.history .item::after{
    content: '||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||';
    color: WHITE;
    display: flex;
    width: 100%;
    overflow: hidden;
    max-height: 100%;
    line-height: 0.5em;
    font-size: 0.5em;
    overflow-wrap: break-word;
    white-space: nowrap;
    letter-spacing: 3px;
    transform: scaleY(2.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background: var(--clr_promo_1);
    padding: -1px;
    font-weight: 100;
    font-family: auto;
}*/

.blend-mix {
    mix-blend-mode: hard-light;
    transition: all 0.5s ease-in-out;
}

.blend-mix:hover {

}

.breadcrumb-industry {
}

.img-banner-1 {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;

}

.img-banner-1 .content {
    position: relative;
    z-index: 12;

}

.img-banner-1::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);

}


.img-banner-2 {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;

}

.img-banner-2 .banner-profile {
    height: 100%;
    width: 30%;

    position: relative;
    z-index: 13;
}

.img-banner-2 .content {
    position: relative;
    z-index: 12;

}

.img-banner-2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);

}

.img-banner-3 {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;

}

.img-banner-3 .content {
    position: relative;
    z-index: 12;

}

.img-banner-3::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);

}


.black-white {
    filter: grayscale(1);
}

.black-white.hover {
    transition: all 0.3s ease-in-out;
}

.black-white.hover:hover {
    filter: grayscale(0);
}

.contact-form {
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=number],
.contact-form textarea {
    transition: all 0.3s ease-in-out;
    background: #eee;
    border-radius: 0 !important;
    resize: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form input[type=number]:focus,
.contact-form textarea:focus {
    background: white !important;
    border-bottom: 1px solid #0c5460 !important;
}

.contact-form input[type=text]::placeholder,
.contact-form input[type=email]::placeholder,
.contact-form input[type=number]::placeholder,
.contact-form textarea::placeholder {
    font-size: 0.8em;
    font-style: italic;
}

.information-list {
}

.information-list li {
    list-style-type: none;
    font-style: italic;

    margin-bottom: 10px;
    font-size: 0.9em;
}

.carreer-block {
    display: flex;
    flex-direction: row;
    cursor: pointer;

}

.carreer-block .le {
    width: 85%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-right: 1px solid #ddd;
    align-items: stretch;
    height: 80px;
}

.carreer-block .ri {
    width: 15%;
    padding: 0;
}

.carreer-block .ri div {
    height: 100%;
    width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

}

.carreer-block ul {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    justify-content: end;
    opacity: 0.7;
}

.carreer-block ul li {
    list-style-type: none;
    font-size: 0.8em;
    color: white;
    margin-left: 10px;
    font-style: italic;
}

.carreer-block ul li:first-child {
    margin-left: 0;
}

.carreer-block ul list span {
    font-weight: 700;
}

.carreer-block ul li p,
.carreer-block ul li a {
}

.carreer-block .person-count p {
    font-size: 0.8em;
}

.carreer-block .mini-text p.date {
    font-size: 0.8em;
}

.career-screen {
    position: fixed;
    left: 25vw;
    width: 50vw;
    top: 25vh;
    height: 50vh;
    background: #fff;
    z-index: 650;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.career-screen.open {
    opacity: 1;
    visibility: visible;

}

.career-screen.in-page {
    z-index: 1;
    height: fit-content;
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
    left: 0;
    top: 0;
}

.career-screen.in-page .card {
    max-height: 420px;
}

.career-screen.in-page .text-content {
    height: fit-content;
}

.career-screen .text-content {
    height: 50vh;
    padding: 30px;
}

.career-screen-back {
    background: black;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    z-index: 550;
    opacity: 0;
    visibility: hidden;
}

.career-screen-back.open {
    opacity: 0.6;
    visibility: visible;
}

.career-screen .content-container {
    position: relative;
    z-index: 40;
}

.career-position-detail {
    padding-left: 0;
}

.career-position-detail li {
    list-style-type: none;
    margin-top: 10px;
}

.career-position-detail li p {
    margin-bottom: 0;
}

.career-position-detail li p:first-child {
    font-weight: 500;
}

.overflow-y-auto {
    overflow-y: auto;
    max-height: 100%;
}

.close-button {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.form-area {
    position: relative;
}

.form-area input {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 35px;
}

.form-area ::placeholder {
    font-size: 0.8em;
    font-style: italic;;
}

.form-area i {
    font-size: 0.7em;
    position: absolute;
    left: 0;
    width: 30px;
    height: 100%;
    top: 0;
    background: rgba(40, 57, 101, .9);
    color: WHITE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-card {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none;
    height: 100%;
}

.form-card .card-body {
    background: rgba(40, 57, 101, .9);
}


.form-card input[type="text"],
.form-card input[type="email"],
.form-card input[type="number"],
.form-card input[type="phone"],
.form-card .upload-file {
    width: 100%;
    border: none;
    padding: 15px 20px;
    padding-left: 0;
    border-radius: 25px;
    background: rgba(255, 255, 255, .1);
    color: WHITE;
    height: 46px;
}

.form-card input[type="text"]:focus,
.form-card input[type="email"]:focus,
.form-card input[type="number"]:focus,
.form-card input[type="phone"]:focus,
.form-card .upload-file:focus {
    border: 1px solid WHITE;
}

.form-card ::placeholder {
    font-style: italic;
    font-size: 0.8em;
    color: WHITE;
}

.form-card label.label-1 {
    font-size: 1em;
    font-weight: 300;
    margin-bottom: 0;
    color: #cbcbcb;
}

.form-card .input-area {
    position: relative;
}


.input-area input[type="text"],
.input-area input[type="email"],
.input-area input[type="number"],
.input-area input[type="phone"],
.input-area .upload-file {
    position: relative;
    padding-left: 50px;
}

.input-area i {
    width: 50px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-page .promo-2 .h-100 {
}

.loader {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    display: none !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-direction: column;
}

.loader .logon {
    display: flex;
    width: 200px;
    position: relative;
}

.loader .logon img {
    width: 100%;
    height: fit-content;
    display: block;
}

.loader .percent {
    text-align: center;
    position: relative;
    height: fit-content;
}

.loader .percent span.text {
    font-size: 5em;
    font-weight: 700;
    line-height: 1em;
    color: var(--clr_promo_1);
    font-style: italic;
}

.loader .percent span.bar {
    transition: all 1s ease-in-out;
    width: 0;
    background: #0074e7;
    height: 100%;
    position: absolute;
    mix-blend-mode: screen;
    top: 0;
    left: 0;
}


/*
:root {
    --bg: #e3e4e8;
    --fg: #9499be;
    --dur: 10s;
    font-size: calc(20px + (30 - 20) * (100vw - 320px) / (1280 - 320));
}

Dark theme
/*@media (prefers-color-scheme: dark) {
    :root {
        --bg: #17181c;
        --fg: #e3e4e8;
    }
}

.hexagon {
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;
    width: 15em;
    height: 15em;
}
.hexagon__group, .hexagon__sector, .hexagon__sector:before, .hexagon__sector:after {
    position: absolute;
}
.hexagon__group {
    width: 100%;
    height: 100%;
}
.hexagon__group:nth-child(2) .hexagon__sector,
.hexagon__group:nth-child(2) .hexagon__sector:before,
.hexagon__group:nth-child(2) .hexagon__sector:after {
    animation-delay: calc(var(--dur) * -1/6);
}
.hexagon__group:nth-child(3) .hexagon__sector,
.hexagon__group:nth-child(3) .hexagon__sector:before,
.hexagon__group:nth-child(3) .hexagon__sector:after {
    animation-delay: calc(var(--dur) * -2/6);
}
.hexagon__group:nth-child(4) .hexagon__sector,
.hexagon__group:nth-child(4) .hexagon__sector:before,
.hexagon__group:nth-child(4) .hexagon__sector:after {
    animation-delay: calc(var(--dur) * -3/6);
}
.hexagon__group:nth-child(5) .hexagon__sector,
.hexagon__group:nth-child(5) .hexagon__sector:before,
.hexagon__group:nth-child(5) .hexagon__sector:after {
    animation-delay: calc(var(--dur) * -4/6);
}
.hexagon__group:nth-child(6) .hexagon__sector,
.hexagon__group:nth-child(6) .hexagon__sector:before,
.hexagon__group:nth-child(6) .hexagon__sector:after {
    animation-delay: calc(var(--dur) * -5/6);
}
.hexagon__group:nth-child(odd) {
    transform: rotate(30deg);
}
.hexagon__sector, .hexagon__sector:before, .hexagon__sector:after {
    animation-duration: var(--dur);
    animation-iteration-count: infinite;
    animation-timing-function: linear;

    width: 0.2em;
    height: 0.2em;
}
.hexagon__sector {
    animation-name: moveOut1;
    top: calc(50% - 0.1em);
    left: calc(50% - 0.1em);
}
.hexagon__sector:nth-child(2) {
    animation-name: moveOut2;
}
.hexagon__sector:nth-child(3) {
    animation-name: moveOut3;
}
.hexagon__sector:nth-child(4) {
    animation-name: moveOut4;
}
.hexagon__sector:nth-child(5) {
    animation-name: moveOut5;
}
.hexagon__sector:nth-child(6) {
    animation-name: moveOut6;
}
.hexagon__sector:before, .hexagon__sector:after {
    animation-name: ripple;
    background-color: var(--clr_promo_1);
    border-radius: 0.1em;
    content: "";
    display: block;
    top: 0;
    left: 0;
    transform-origin: 0.1em 0.1em;
}
.hexagon__sector:before {
    transform: rotate(-30deg)
}
.hexagon__sector:after {
    transform: rotate(-150deg)
}

@keyframes moveOut1 {
    from { transform: translateY(0) scale(0); }
    3% { transform: translateY(0.2em) scale(1); }
    97% { transform: translateY(7.3em) scale(1); }
    to { transform: translateY(7.5em) scale(0); }
}
@keyframes moveOut2 {
    from { transform: rotate(60deg) translateY(0) scale(0); }
    3% { transform: rotate(60deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(60deg) translateY(7.3em) scale(1); }
    to { transform: rotate(60deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut3 {
    from { transform: rotate(120deg) translateY(0) scale(0); }
    3% { transform: rotate(120deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(120deg) translateY(7.3em) scale(1); }
    to { transform: rotate(120deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut4 {
    from { transform: rotate(180deg) translateY(0) scale(0); }
    3% { transform: rotate(180deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(180deg) translateY(7.3em) scale(1); }
    to { transform: rotate(180deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut5 {
    from { transform: rotate(240deg) translateY(0) scale(0); }
    3% { transform: rotate(240deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(240deg) translateY(7.3em) scale(1); }
    to { transform: rotate(240deg) translateY(7.5em) scale(0); }
}
@keyframes moveOut6 {
    from { transform: rotate(300deg) translateY(0) scale(0); }
    3% { transform: rotate(300deg) translateY(0.2em) scale(1); }
    97% { transform: rotate(300deg) translateY(7.3em) scale(1); }
    to { transform: rotate(300deg) translateY(7.5em) scale(0); }
}
@keyframes ripple {
    from, to { width: 0.2em; }
    33% { width: 2.4em; }
}


div.square-big.anim1{}
div.square-big.anim1 div.square:nth-child(1){ transform: translateX(-5px) translateY(-5px); }
div.square-big.anim1 div.square:nth-child(2){ transform: translateY(-5px); }
div.square-big.anim1 div.square:nth-child(3){ transform: translateX(5px) translateY(-5px); }
div.square-big.anim1 div.square:nth-child(4){ transform: translateX(-5px); }
div.square-big.anim1 div.square:nth-child(5){   }
div.square-big.anim1 div.square:nth-child(6){ transform: translateX(5px); }
div.square-big.anim1 div.square:nth-child(7){ transform: translateX(-5px); }
div.square-big.anim1 div.square:nth-child(8){ transform: translateY(5px); }
div.square-big.anim1 div.square:nth-child(9){ transform: translateX(5px); }




/*
.loader .logon span{
    position: absolute;
    width: 16px;
    top: 92%;
    background: white;
    left: calc(50% - 9px);
    height: 1420px;
}
.loader .logon::after{
    content:'';
    position: absolute;
    width: 9px;
    top: 92%;
    background: white;
    right: calc(50% - 30px);
    height: 1420px;
}
.loader .logon::before{
    content:'';
    position: absolute;
    width: 9px;
    top: 92%;
    background: white;
    left: calc(50% - 30px);
    height: 1420px;
}*/
/*

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}
@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }
    4.9% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 0;
    }
    5% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}*/


.photo-frame {
    box-sizing: border-box;
    position: relative;
    background: transparent;
    background-image: linear-gradient(to top right, transparent, transparent);
    padding: 20px 9px;
    width: 100%;
    display: block;
    box-shadow: 0 10px 21px #00000000;
    transition: all 0.5s ease-in-out;
    transition-delay: 1s;

}

.photo-frame .frame {
    transition-delay: 1s;
    left: 3%;
    top: 2.5%;
    box-shadow: inset -1px 1px 6px 1px transparent;
    width: 94%;
    height: 95%;
    background: transparent;
    align-items: center;
    display: flex;
    padding: 18px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.active.center .photo-frame {
    box-shadow: 0 10px 21px #00000069;
    background-image: linear-gradient(to top right, #ffffff, #efefef);

}

.active.center .photo-frame .frame {
    background: #e2e2e2;
    box-shadow: inset -1px 1px 12px 5px rgba(0, 0, 0, 0.24);
}

.shadow {
    box-shadow: 0 0 20px rgb(0 0 0 / 44%) !important;
}

.umde-promo-1 {
    position: relative;
}

.umde-promo-1 .img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    transition: all 0.5s ease-in-out;
}

.umde-promo-1.hover:hover .img {
    width: 120%;
    height: 120%;
}

.umde-promo-1 .over {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.umde-promo-1 .content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    display: flex;
    padding: 25px;
}


.promo-height {
    height: var(--promo-height-origin);
}

.promo-height-small {
    height: calc((var(--promo-height-origin) / 2) - 5px);
    margin-top: 10px;
}

.promo-height-large {
    height: calc((var(--promo-height-origin) * 2));
}

.promo-height-extra-large {
    height: calc(var(--promo-height-origin) * 3);
}


.brand-area {
}

.brand-area .brand-area-block {

}

.brand-area .brand-area-block {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    transition: all 0.1s ease-in-out;
}

.brand-area .brand-area-block:hover {
    transform: perspective(1000px) translateZ(50px);
    background: WHITE;
    z-index: 40;

}

.brand-area .brand-area-block .brand-block {
    filter: grayscale(1);
    transition: all 0.2s ease-in-out;
    width: 100%;
    height: 120px;
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center;

}

.brand-area .brand-area-block:hover .brand-block {
    filter: grayscale(0);
    background-size: 80%;
}


.shadow-lg {
    box-shadow: 0 1rem 50px rgba(0, 0, 0, .275) !important;

}

.shadow-lg:hover {
    box-shadow: 0 1rem 60px rgba(0, 0, 0, .375) !important;

}

.index-carousel-1 {
    position: relative;
}

.index-carousel-1::after {
    content: '';
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    top: 0;
    background-image: url(../img/turkiye-png-2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.index-carousel-1-manchet {
    position: absolute;
    z-index: 40;
    top: calc(50% - 35px);
    left: 0;
    width: 80%;
    line-height: 1em;
    text-align: center;
    font-size: 2.5em;
    color: white;
    font-family: var(--montserrat);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-left: 10%;
    min-height: 70px;
    font-weight: 700;
}

.button-bar {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 100;
    height: fit-content;
    padding: 14px 5px;
    background: linear-gradient(to bottom, #373744 18%, WHITE 18%);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3) !important;
    border-radius: 20px;

}

.button-bar .bar-header {
    font-size: 0.8em;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    width: calc(100% + 10px);
    margin-left: -5px;
    border-bottom: 4px solid #d9d9d9;
    cursor: pointer;
    padding-bottom: 9px;
}

.button-bar ul {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.button-bar ul li:first-child {
}

.button-bar ul li:last-child {
}

.button-bar ul li {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    transition: .2s;
}

.button-bar ul li a:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.button-bar ul li a {
    position: relative;
    width: 80px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0 10px;
    border-radius: 10%;
    padding: 6px;
    box-sizing: border-box;
    text-decoration: none;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    background: linear-gradient(0deg, #ddd, #fff);
    transition: .2s;
    padding-bottom: 10px;
    padding-top: 10px;
}

.button-bar ul li a i {
    font-weight: 900;
}

.button-bar ul li a span {

    font-size: 0.5em;
}

.button-bar ul li:nth-child(2) a {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    padding: 0;

}

.button-bar.opened ul li:nth-child(2) a {
    visibility: visible;
    max-height: 1500px;
    overflow: hidden;
    padding: 6px;
}

footer .border-list li {

}

.umde-breadcrumb-area {
}

.umde-breadcrumb-area .blocks {
}

.umde-breadcrumb-area .blocks ul {
    margin-bottom: 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    background: #f9f9fb;
    align-items: center;
    border-radius: 30px;
    padding-left: 0 !important;
    box-shadow: 0 1rem 50px rgb(0 0 0 / 21%) !important;
}

.umde-breadcrumb-area .blocks ul li {
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ddd;
}

.umde-breadcrumb-area .blocks ul li:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.umde-breadcrumb-area .blocks ul li:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-right: none !important;
}

.umde-breadcrumb-area .blocks ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pagefont_clr);
    width: 100%;
    height: 100%;
    font-size: 0.6em;
    padding: 18px;
    font-weight: 600;

}


.umde-breadcrumb-area .list {
    background: #ddd;
}

.umde-breadcrumb-area .list > ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

.umde-breadcrumb-area .list > ul li {
    padding: 2px 6px;
}

.umde-breadcrumb-area .list > ul li:last-child {
    color: var(--clr_promo_1);
}

.umde-breadcrumb-area .list > ul li:first-child {
}

.umde-breadcrumb-area .list > ul li a {
    color: var(--pagefont_clr);
    font-size: 0.5em;
}

.umde-breadcrumb-area .list > ul li.active a {
    color: var(--clr_promo_1);
}

.widget {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 20px;
}

.widget .widget-header {
}

.widget .widget-header h3 {
    width: 100%;
    font-size: 1.3em;
    font-weight: 800;
    color: WHITE;
}

.widget ul {
    padding-left: 0;
    margin-bottom: 0;
}

.widget ul li {
    width: 100%;
    display: flex;

}

.widget ul li a {
    padding: 7px;
    padding-left: 0;
    color: #ddd;
}

.breadcrumbs-mini {
    padding-left: 0;
    margin-bottom: 0;
}

.breadcrumbs-mini li {
    display: inline-flex;
    list-style-type: none;
    margin-left: 10px;
}

.breadcrumbs-mini li:first-child {
    margin-left: 0;
}

.breadcrumbs-mini li:last-child {
}

.breadcrumbs-mini li a {
    font-size: 0.7em;
    color: var(--pagefont_clr);
}

.breadcrumbs-mini li.active a {
    color: var(--clr_promo_1);
}

.offer-area {
    position: fixed;
    z-index: 1110;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.offer-area.opened {
    visibility: visible;
    opacity: 1;
}

.offer-area .form-content {
    position: relative;
    display: inline-flex;
    box-shadow: 0 1rem 40px rgba(0, 0, 0, .275) !important;
    max-height: 80vh;
    overflow-y: auto;
    background: WHITE;
    border-radius: 20px;

    align-items: center;
    justify-content: center;
}

.offer-area .form-content .form-s {
    padding: 30px;
}

.offer-area .form-content label {
    color: BLACK;
}

.offer-area .form-content .form-s input,
.offer-area .form-content .form-s select,
.offer-area .form-content .form-s textarea {
    border: none !important;
    background: #ddd;
    color: BLACK;
    box-shadow: none !important;
}

.offer-area .form-content ul.list-unstyled {
}

.offer-area .form-content ul.list-unstyled li {
    width: 33%;
}

.offer-area .form-content ul.list-unstyled li label {
    color: #1b1e21;
    font-size: 0.8em;
}

.offer-area .form-content ul.list-unstyled li label input {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.offer-area .offer-toggler {
    width: 40px;
    height: 40px;
    background: var(--clr_promo_1);
    color: WHITE;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 40;
    border-radius: 40px;
}

.slide-promo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}

.slide-promo li {

    width: calc(100% / 6);
    display: inline-flex;
    list-style-type: none;
    transition: all 0.5s ease-in-out;

    border-right: 1px solid #ddd;
}

.slide-promo li:last-child {
    border-right: 0;
}

.slide-promo li:hover {

    width: calc(100% / 2);
}

.slide-promo li .contain {
    background: #fbfbfb;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.slide-promo li:hover .contain {
    width: 0;
}

.slide-promo li .contain h3 {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    font-size: 1.3em;
    font-weight: 700;
}

.slide-promo .contain > img:first-child {
    max-width: 60px;
}

.slide-promo li .promo-contain {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
    width: 0;
    height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.slide-promo li:hover .promo-contain {
    width: 100%;
}

.slide-promo li .promo-contain .img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}

.slide-promo li .promo-contain .over {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.52), transparent);
    z-index: 1;
}

.slide-promo li .promo-contain .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    color: WHITE;
    padding: 25px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#accordion .card-header {
    padding: 0;
}

#accordion .card-header h2 {
}

#accordion .card-header h2 button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    outline: none !important;
    border: none !important;
    height: 50px;
    text-decoration: none !important;
}

#accordion .card-header h2 button span {
    height: 100%;
}

#accordion .card-header h2 button .name {
    width: 70%;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    padding-left: 10px;
}

#accordion .card-header h2 button .city {
    width: 30%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.contact-left-side {
    transition: all 0.5s ease-in-out;
}

.sement-tab {
    position: relative;
    overflow: hidden;
    height: 180px;
    display: block;
    width: 100%;
    cursor: pointer;

    background-color: var(--clr_dark);
    border-right: 1px solid #111218;
}

.sement-tab.active {
    background: var(--gray2);
}

.sement-tab .bg-img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
    transition: all 0.1s ease-in-out;
    background-size: auto 130% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.sement-tab:hover .bg-img,
.active .sement-tab .bg-img {
    background-size: auto 110% !important;
}

.sement-tab .over {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10;
    /* background: linear-gradient(to top, var(--clr_promo_1), transparent);*/
}

.sement-tab hr {
    border-color: #fff !important;
    border-width: 1px;
    width: 100%;
}

.sement-tab .content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    color: WHITE;
    padding: 13px;
}

.sement-tab .content h2 {
    font-size: 1em;
    font-weight: 600;
    color: WHITE;
}

.sement-tab.active .content h2 {
    color: var(--pagefont_clr) !important;;
}

.sement-tab .content p {
    font-weight: 300 !important;
    margin-bottom: 0;
    color: #ddd !important;
}

.sement-tab.active .content p {
    color: var(--pagefont_clr) !important;
}

#accordion .card-header {
    padding: 0;
}

#accordion .card-header h2 {
}

#accordion .card-header h2 button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    outline: none !important;
    border: none !important;
    height: 50px;
    text-decoration: none !important;
}

#accordion .card-header h2 button span {
    height: 100%;
}

#accordion .card-header h2 button .name {
    width: 70%;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    padding-left: 10px;
}

#accordion .card-header h2 button .city {
    width: 30%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.color-d_black {
    color: #0E1E36;
}

form {
    position: relative;
}

.contact-form .contact-form .single-personal-info {
    margin-bottom: 20px;
}

.contact-form .contact-form input, .contact-form .contact-form textarea, .contact-form .contact-form select {
    width: 100%;
    outline: none;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    max-width: 100%;
    font-weight: 400;
    line-height: 26px;
    border-radius: 4px !important;
    padding: 10.5px 20px;
    background-color: #FFF;
    box-sizing: border-box;
    border: 1.5px solid rgba(14, 30, 54, 0.2);
}

.contact-form .contact-form .theme-btn {
    margin-top: -8px;
}

.theme-btn {
    border: 0;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    padding: 18px 37.8px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #7f99ae;
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.card-body {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    padding: 1.55rem !important;
}

.h-r-card h3 {
    font-size: 1.3em;
}

.card-body > a {
    color: #000000;
}

.slide-promo-bg {
    transition: all 1s ease-in-out;
    opacity: 0.5;
    backdrop-filter: blur(5px);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat
}
.resim {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
    width: 100%;
    z-index: 999999;
    height: 100%;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    z-index: 999999;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}