@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;700&display=swap');

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display:swap;
}
@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}
@font-face {
    font-family: "Ubuntu";
    src: url("../fonts/Ubuntu-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

body {
    color: #707070;
}


/* ANIMATES */
.loading_line_wrapper {
  width: 20%;
  height: 18px;
  position: relative;
  top: 25px;
  left: 0px;
  bottom: auto;
  right: auto;
}
.preloaderWrapper img {
    height:80px
}

.loading_line {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  transform-origin: 100% 0%;
  animation: kf_loading_line 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}
.loading_line .loading_line_inner {
      position: absolute;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    width: 100px;
    height: 3px;
    background: #9d814f;
    transform-origin: 0% 0%;
}
.preloaderWrapper {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.loading_line_inner--1 {
  opacity: 0;
  animation: kf_loading_line_inner--1 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

.loading_line_inner--2 {
  opacity: 1;
  animation: kf_loading_line_inner--2 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

.loading_line_inner {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100%;
  background-color: red;
  transform-origin: 0% 0%;
}

@keyframes kf_loading_line {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes kf_loading_line_inner--1 {
  0% {
    transform: scaleX(0);
  }
  25% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes kf_loading_line_inner--2 {
  0% {
    transform: scaleX(0);
  }
  25% {
    transform: scaleX(0);
  }
  50% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-10px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 0;
        transform: scale(1.4);
    }
}





[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'dentopol' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
i.themeIcons {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
i.location{
    background-image:url(../icons/location.svg)
}
i.chevronBRight{
    background-image:url(../icons/chevronBRight.svg)
}
i.envelope{
    background-image:url(../icons/envelope.svg)
}
i.phone{
    background-image:url(../icons/phone.svg)
}
.navbar {
    padding: .5rem 0rem;
}
.icon-d-arrow:before {
    content: "\e900";
}
.icon-facebook-icon:before {
    content: "\e901";
    color: #a7a2a3;
}
.icon-Group-287:before {
    content: "\e902";
}
.icon-instagram-icon:before {
    content: "\e903";
    color: #a7a2a3;
}
.icon-l-arrow:before {
    content: "\e904";
    color: #fff;
}
.icon-minus:before {
    content: "\e905";
}
.icon-r-arrow:before {
    content: "\e906";
    color: #fff;
}
.icon-scroll:before {
    content: "\e907";
    color: #fff;
}
.icon-share-icon:before {
    content: "\e908";
    color: #d5d5d3;
}
.icon-tic:before {
    content: "\e909";
    color: #acb4b7;
}
.icon-twitter-icon:before {
    content: "\e90a";
    color: #a7a2a3;
}
.icon-video-button .path1:before {
    content: "\e90b";
    color: rgb(255, 255, 255);
}
.icon-video-button .path2:before {
    content: "\e90c";
    margin-left: -1em;
    color: rgb(180, 149, 99);
}
.icon-video-button .path3:before {
    content: "\e90d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.icon-youtube-icon:before {
    content: "\e90e";
    color: #a7a2a3;
}
header .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
        border-top: 10px solid transparent;
}
.dealerItem img {
    max-height:200px
}
/* GENERAL / RESET */
.heightParent {
    overflow-y:auto
}
body{
    overflow-x:hidden;
    font-weight:300
}
button:focus {
    outline: unset;
}
.chevron.bottom:before {
    top: 0;
    transform: rotate(135deg);
}
.chevron::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset;
}
.form-control:focus {
    background-color: unset;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}
.bgTeak {
    background-color: #B49563;
}
.bgNavy {
    background-color:#072246
}
.bgDark{
    /*background-color: #353940;*/
    background-color: #fff
}
.bgDarker {
    /*background-color: #222326;*/
    background-color: #072246;
}
.bgTeGrey {
    background-color: #D5D5D3;
}

.bgGrey {
    background-color: #D5D5D3;
}
.bgLightGrey {
    background-color:#F2F3F5;
}
.br-2 {
    border-radius: 2px;
}
strong{
    font-weight: 500;
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 85vw;
    }
}
/* GENERAL / RESET */
* {
    font-family: 'Ubuntu', sans-serif;
}
header {
    background: #00000033;
    position: fixed;
    width: 100%;
    top: 0;
    border-bottom: 1px solid #ffffff4f;
    z-index: 2;
    -webkit-transition:
    background-color 200ms linear,
    color 200ms linear;
}
.mobileTrigger {
    display:none;
    position: absolute;
    top: 0px;
    right: 15px;

}
.mobileTrigger img {
    filter:brightness(0) invert(1);
    height:35px;
}
header .headerLogo {
    filter :brightness(0) invert(1);
    height:65px
}
header .navbar-nav {
    width:100%
}

header .navbar-nav .nav-item:hover > a:after {
    width: 100%;
    transform-origin: right;
    -moz-transform-origin: right;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    right: auto;
    left: 0;
}
.header nav.item {
    position:relative
}
header .navbar-nav .nav-item>a:after {
    background-color: #b49563;
}
header .navbar-nav .nav-item>a:after {
    content: "";
    height: 3px;
    background: #b49563;
    width: 0;
    position: absolute;
    bottom: -10px;
    right: -1px;
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    border-radius: 2px;
}
header .headerButtonGroup a {
    color: #242940;
    font-weight: 500;
    font-size: .9em;
}
header .headerButtonGroup a:hover, .languageSelector a:hover {
    text-decoration: none;
}

header .nav-link, header .nav-link:focus, header .nav-link:hover,header .active>.nav-link {
    color: #FFFFFF;

}
header .languageSelector a, header .languageSelector .languageSeperator  {
    color : #D5D5D3;
    font-size:.8em

}

.stickyHeader .languageSelector a, .stickyHeader .languageSelector .languageSeperator {
    color: #222326;
}
header .languageSelector .activeLanguage , header .languageSelector .languageSeperator  {
    font-size :1em
}
.stickyHeader {
    background: white;
    z-index: 5;
    border-bottom: 2px solid #072246;
}
.stickyHeader .mobileTrigger img {
    filter: unset;
}
.stickyHeader .headerLogo {
    filter: unset
}
.stickyHeader .navbar-nav .nav-link, .stickyHeader .navbar-nav .nav-link:focus, .stickyHeader .navbar-nav .nav-link:hover, .stickyHeader .navbar-nav .active>.nav-link {
    color: #2A353F;
}
/* HEADER END */
#media{
    background-image: linear-gradient(to right, transparent 75%,#F2F3F5 25%), url(../images/mediaBG.jpg);
    width: 100%;
    display: table;
    background-size: cover;
    padding-bottom:30vh
}
.nav-tabs .nav-link {
    color: #ACB4B7;
    font-weight: 500;
    -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */
    transition: color .5s; /* For modern browsers */
}
.nav-tabs  .nav-link.active {
    color:#242940;
    background-color: unset;
}
.nav-tabs .nav-link,.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: unset
}
.nav-tabs {
    border-bottom: unset;
}
.tabSlider
{
    display: inline-block;
    width: 30px;
    border-radius: 3px;
    position: absolute;
    z-index: 2;
    bottom: -5px;
    transition: all .4s linear;
    height: 3px;
    background: #b49563;

}
.lastMedia h3 {
    font-weight: 500;
    color: #242940;
    font-size: 2.5em;
}
.lastMedia p {
    color:#242940;
        margin-bottom: 2em;
}
.lastMedia a {
    font-size: 1em;
    padding: 10px 30px;
    border-radius: 28px;
    color: white;
    font-weight: 300;
    background: #242940;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}
.mediaSliderHolder {
    position: absolute;
    right: 0;
    width: 50%;
}

.mediaSlider .swiper-slide{
    padding-right: 30px;
    padding-bottom: 30px;
    margin-right: -2px;
}

.mediaSlider .firstSlide {
    background-color: white;
    position: absolute;
    left: 0;
    top:0;
    width: 50%;
    height:95%
}

.mediaSlider .mediaImage img {
    min-height:245px;
        -webkit-box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 15%);
    min-height: 350px;
    object-fit: cover;
}
.mediaSlider {
    padding-bottom:60px
}
.mm-navbar .languageItem {
    background-color: #495057!important;
    color: #b49563!important;
    height: 40px;
    bottom: -120px;
    display: block;
    position: relative;
}
.mediaNextButton {
    background-image: url(../icons/l-arrow.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    right: 42px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.mediaPrevButton {
    background-image: url(../icons/r-arrow.svg);
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px    ;
    right: 0px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.mediaNextButton:focus, .mediaPrevButton:focus {
    border:unset;
    outline: unset;
}
.mediaSlider .mediaText h4 {
    font-size: 1.1em;
    color: #242940;
    min-height: 45px;
}
.mediaSlider .mediaText p {
    color:#808080
}
.mediaSlider .mediaText a:first-of-type{
    text-decoration: unset
}
.mediaSlider .mediaText p a {
    text-decoration: underline !important;
    color:#242940;
}
.mediaSlider .swiper-slide .mediaText {
    opacity: 0;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s  ease-in-out;
}
.mediaSlider .swiper-slide-active .mediaText {
    opacity: 1;
}
/* SLIDER START */
.main-banner .swiper-wrapper, .main-banner .swiper-slide {
    height:100vh;
    background-size: cover;
}
#mainSlider {
    position:relative
}
.slideText {
    position: relative;
    z-index: 3;
}
.slideText:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #B49563;
    height: 3px;
    width: 5%;
    border-radius: 3px;
}
.slideText h1 {
    font-size: 3em;
    color: white;
    line-height: 50px;
    font-weight: 300;
}
.slideText p {
    color: white;
    font-size: 1.2em;

}

.videoHolder {
    position: absolute;
    z-index: 2;
    bottom: 10em;
    left: 20em;
}
.fortuneHolder {
    position: absolute;
    z-index: 2;
    bottom: 10em;
    left: 8vw;
}
.fortuneHolder img {
    max-height: 100px;
    filter: brightness(0) invert(1);
}
.videoText p {
    font-size: 1.1em;
    color: white;
}
.videoText span {
    color:#BBBDBF;
    font-size:.7em
}



.videoIco a:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 100%;
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
}

.scrollHolder {
    position: absolute;
    z-index: 2;
    bottom: 5em;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    cursor:pointer
}
.scrollHolder img {
    animation: float 3s ease-in-out infinite;
    height:30px
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.scrollHolder:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 15vh;
    left: 50%;
    bottom: 10vh;
    z-index: 5;
    background: #46474847;
    border-radius: 2px;
}
.scrollHolder span {
    color: #929497;
    font-size:.7em
}
/* SLIDER END */
/*  INFO */
.catalogImage {
    width:100%;
        max-height: 700px;
    object-fit: cover;
}
.catalogInfo h3 {
    font-weight: 500;
    color: #242940;
    font-size: 2.5em;
}
.catalogInfo p {
    color:#808080;
}
.catalogInfo a {
    font-size: 1em;
    padding: 10px 30px;
    border-radius: 28px;
    color: white;
    font-weight: 300;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}

.catalogNextButton {
    background-image: url(../icons/l-arrow.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 52px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.catalogPrevButton {
    background-image: url(../icons/r-arrow.svg);
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.catalogPrevButton:focus, .mediaNextButton:focus,.catalogNextButton:focus,.mediaBeforeButton:focus  {
    outline: none;
    border:unset
}

/* CATALOG INFO END */

/* REF START */
#refSection {
    padding-top: 65px;
    padding-bottom: 0px;
}

#refSection:before {
    content: '';
position: absolute;
top: 0;
left: 0;
background-image: url(../images/bgPattern.svg);
width: 100%;
height: 100%;
opacity: 1;
background-size: cover;
z-index: 0;
}
#refSection p {
    color:#707070
}
.corpSlideItem img {
    opacity: 0.5;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s  ease-in-out;
    filter :brightness(0) invert(1);
    object-fit:contain
}

.corpSlideItem img:hover {
    opacity:1;
}

.refIntro a{
    font-weight:500
}

a:hover {
    text-decoration:unset
}

/* REF END */
/* FORMROW START */
#formHolder .formIntro {
    padding: 60px 30px 30px 8vw;
}

#formHolder .formIntro h4 {
    font-size:2em;

}

#formHolder .formIntro input {
    background: unset;
    border: unset;
    border-bottom: 1px solid white;
    border-radius: 0px;
    color:white
}
#formHolder .formIntro input::placeholder {
    color: white;
}
#formHolder .formIntro input::-webkit-input-placeholder,#formHolder .formIntro input:-ms-input-placeholder {
    color: white;
}
#formHolder .formIntro p {
    font-size:.9em
}
#formHolder .formIntro small {
    color:#A7A2A3
}

#formHolder .accordion>.card>.card-header {
    margin-bottom:0px
}
#formHolder .card {
    background-color: unset;
    border:unset
}
#formHolder .card-header {
    background: unset;
    border: unset;
    padding: 0px;
    border-bottom: 1px solid #ffffff;

}
#formHolder .card-body {
    padding:5px
}
#formHolder .card-body input {
    border: unset;
    background: unset;
    border-bottom: 1px solid #8080807d;
    border-radius: 0px;
    color: #353940;
}

#formHolder .btn-link {
    font-weight: 500;
    color: #242940;
    font-size: 1rem;
    padding: .375rem .60rem
}
#formHolder .cardIcon {
    background: url(../icons/minus.svg);
    height: 15px;
    width: 15px;
    background-size: contain;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
        filter: brightness(1) invert(1);
}
#formHolder .collapsed > .cardIcon {
    background: url(../icons/plus.svg);
    height: 15px;
    width: 15px;
    background-size: contain;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(1) invert(1);
}

.custom-select {
    background: unset;
    border: 1px solid #8080807d;
    border-radius: 2px;
}
.custom-select:focus {
    box-shadow:unset
}

#formHolder .custom-checkbox a {
    text-decoration:underline;

}
#formHolder .formSubmit,.contactHolder button,#pageContent.bulettinHolder .downloadAnchor, #applicationForm .appButton {
    font-size: 1em;
    padding: 10px 50px;
    border-radius: 28px;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    background:#333745;
    float:right;
    border:unset;
    -webkit-appearance: none;
}
.contactHolder button, #pageContent.bulettinHolder .downloadAnchor, #applicationForm .appButton {
    background-color:#072246
}

.socialBlocks {
    padding: 60px 8vw 30px 30px
}
.socialBlocks .nav-tabs .nav-link.active {
    color:white
}
.socialItem p {
    color: #A7A2A3;
}

/* CAREER SECTION START*/
.careerHeading h2{
    font-size:2.5em
}
.careerDetail {
    border: 1px solid white;
    width: 155px;
    height: 40px;
    font-size: 1em;
    padding: 7px 25px;
    border-radius: 28px;
    text-align:center;
}
/*.careerImage {
    padding-left:14%
}*/
.careerContent {
    padding: 10px 8vw 50px 50px
}
.careerContent h3 {
    color: #242940;
    font-size:2.5em
}
.careerContent p {
    color:#242940
}
.careerContentDetail {
    font-size: 1em;
    padding: 10px 30px;
    border-radius: 28px;
    color: white;
    font-weight: 300;
    background: #242940;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}
.careerContentDetail:hover {
    background: #242940;
    color: white;
}

/* CAREER SECTION END*/
/* APPLICATION START */
#applicationSection {
    background:#F1F1F1
}
.applicationContent {
    padding:3rem 1rem 3rem 15%;
    color:#242940
}
.applicationContent p{
    flex:1
}
.applicationContent h4 {
    flex:0 0 100%;
    font-size:2.5em
}
.applicationContent a{
        font-size: 1em;
    padding: 10px 30px;
    border-radius: 28px;
    color: white;
    font-weight: 300;
    background: #242940;
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}
.applicationContent a:hover {
    background: #171d23;
}
.applicationCol {
    background:#F1F1F1;
}
/*.applicationContent:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/bgPattern.svg);
    width: 100%;
    height: 100%;
    opacity: .3;
    background-size: cover;
    background-repeat: no-repeat;
}*/
/* APPLICATION END */

/* B2B FORM START */
#b2bContact {
    background:url(../images/footTopBG.jpg);
    background-size: cover;
    padding-top:4rem;
    padding-bottom:4rem;
    position: relative;
}
#b2bContact:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #072246b8;
}
#b2bContact h4{
    font-size:2.5em;
    color:white;
    font-weight: 500;
}

#b2bContact .form-group {
    padding-right:5px;
    flex:2
}
#b2bContact .form-group:last-of-type{
    flex: 1;
}
#b2bContact .form-control.is-valid, #b2bContact .was-validated .form-control:valid {
    padding-right: calc(1.5em + .75rem);
    background-image: url(../icons/ticValidate.svg);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem);
    border:unset

}
#b2bContact .form-control:focus {
    background:white;
    box-shadow:unset
}
#b2bContact .form-control {
    border-radius: unset;
    font-size: .9rem;
    height: 50px;
    color: #242940;
    font-weight: 500;
    padding-left: 30px;
}

#b2bContact .form-control::placeholder {
    color:#242940;
    font-weight:500
}
#b2bContact .form-control::-webkit-input-placeholder,#b2bContact .form-control:-ms-input-placeholder {
    color:#242940;
    font-weight:500
}
#b2bContact .form-control.is-invalid, #b2bContact .was-validated .form-control:invalid {
    padding-right: calc(1.5em + .75rem);
    background-image: url(../icons/tic.svg);
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size:calc(.75em + .375rem) calc(.75em + .375rem);
    border:unset

}
.b2bFormHolder{
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
}
.b2bFormHolder button {
    width: 100%;
    height: 100%;
    background: #b49563;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    outline: unset;
    border: unset;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
#b2bContact small {
    color:white;
    font-weight:500
}
/* B2B FORM END */

/* COUNTER SECTION START */
.counterTextHolder {
        background: #ffffff;
        padding: 3rem 3vw 3rem 3rem
}
.counterTextHolder h4 {
    color:#242940;
    font-size:2em;
}
.counterTextHolder a:hover {
    background: #242940;
    color: white;
}

.counterHolder {
        padding: 35px 20px 35px 20px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.counterHolder .counterItem {
    color:#242940;
    flex:1;
}
.counterHolder .counterItem:first-of-type {
    border-right: 1px solid #21252966;
}

.counterHolder .counterNumber {
    font-size: 2.8em;
    font-weight: 500;
}

.counterHolder .counterTitle {
    font-weight: 500;
    font-size: 1.2em;
    text-transform: uppercase;
}
/* COUNTER SECTION END */
/* B2B LOGIN START */
#b2bLogin .loginCol {
    background:#F1F1F1;
    padding:60px 45px 60px 9vw
}
#b2bLogin .loginCol:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/bgPattern.svg);
    width: 100%;
    height: 100%;
    opacity: .3;
    background-size: cover;
    background-repeat: no-repeat;
}
#b2bLogin .loginCol h4 {
    font-weight: 500;
    font-size: 2em;
    color:#333
}
#b2bLogin .loginCol p {
    color:#7B848C;
    font-size:.9em;
}
#b2bLogin .loginCol a {
    display: block;
    text-align: center;
    color: white;
    font-size: 1.2em;
    font-weight: 500;
    padding: 20px 30px 20px 30px;
}
#b2bLogin .bgLoginMask {
    position: absolute;
    bottom: 0vh;
    width: 100%;
    z-index: -1;
    max-height: 50vh;
    object-fit: cover;
}
/* B2B LOGIN END */

/* FOOTER START */
footer {
    background:#F1F1F1;
    padding-bottom:5vh
}
footer .newsletterHolder {
    padding:35px 7% 35px 7%;
    margin:0px;
    border-top: 1px solid #f1f1f133;
}
footer .newsletterText h5 {
    font-size: 2em;
}
footer .newsletterText p {
    font-size: .9em;
}
footer .newsletterForm input {
    background: unset;
    outline: unset;
    box-shadow: unset;
    border: 1px solid #b49563;
    border-right: 0px;
    padding: 10px 15px 10px 15px;
    width: 60%;
    color:white
}
footer .newsletterForm button {
    border: unset;
    color: white;
    padding: 11px 15px;
    margin-left: -5px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-weight: 500;
    width: 40%;
}
.home .traColumn, .traColumn {
    height: 100%;
}

.contactInformations {
    padding:2rem;
    display:flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: center;
    height: 100%;
}
.home .contactInformations {
    padding: 25px 2rem 20px 2rem;
    height:100%
}
footer .contactInformations * {
    color:white;
}
footer .contactInformations a {
    display:block
}
footer .contactInformations h5 {
    font-size:2.5em;
    padding-bottom: 30px;
    position: relative;
}
footer .contactInformations h5:after {
    content: '';
    width: 30%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #b49563;

    position: absolute;
}
.bottomImage {
    display:block;
    background: white;
    padding: 25px 10px 35px 10px;
}
.footerNavigation {
    padding:50px 45px 2px 7%;
    background-color:#F1F1F1;
    margin:0px
}
.footerNavigation h5 {
    font-size: 1.1em;
    color: #b49563;
}

.quickLinks h6 {
    font-size:1.2em;
    color:#7B848C;
    font-weight: 500;
    position:relative
}
.quickLinks h6:after {
    content: '';
    width: 15%;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #b49563;
    position: absolute;
    border-radius: 2px;
}
.quickLinks ul{
    list-style: none;
    padding-left: 0px;

}
.quickLinks ul li a {
    font-size: .9em;
    font-weight: 500;
    color: #7b848c;
}
.quickLinks hr,.teakDivider {
    border-bottom: 3px solid #b49563;
    width: 30%;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footerBottom{
    padding-left:7.5%;
    padding-right: 7.5%;
}
.footerBottom img{
    height:60px;
}
.footerSocialLinks a {
    margin-right: 15px;
        margin-bottom: 5px;
}
.footerSocialLinks img {
    height: 15px;
}
.footerSocialLinks span {
    font-size: 1.1em;
    font-weight: 500;
    margin-right: 15px;
    color: #A7A2A3;
}
/* FOOTER END */

/* BANNER AREA */
#banner {
    height: 400px;
    background-size: cover;
    /*background-attachment: fixed;*/
    background-position: center;
    position: relative;
}
#banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #07224687;
    z-index: 0;
}
#banner h1 {
    margin-bottom: 10px;
    font-size: 3em;
    color: white;
    font-weight: 900;
}
#banner .breadcrumb {
    background:unset;
    padding: .75rem 0rem;
}

#banner .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url(../icons/r-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
    margin-top: 5px;
    margin-right: 10px;
}

#banner .breadcrumb-item {
    margin-right: 10px;
}
#banner .breadcrumb * {
    color: white;
    font-size: .9em;
    font-weight: 500;
}
#banner .innerContent {
    padding-top:100px
}
#pageContent {
    padding-left: 7.5%;
    padding-top:3em
}
#pageContent p {
    margin-bottom: 1.5rem;
}
.innerHeader {
    color: #072246;
    font-weight: bold;
    font-size: 2.5em;
    position: relative;
    padding-bottom: .5em;
    margin-bottom: .5em !important;
}
.innerHeader:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background: #b49563;
}
#pageContent .pageContentImage, #pageContent video {
        width: 100%;
}
#pageContent .pageText {
    padding-right: 5vw;
}
/* BANNER END */
#partnersHolder {
    background: #EEEEEE;
    padding-bottom: 2em;
}
.divider {
    height: 2px;
    width: 100%;
    background: #D5D5D3;
    margin-top:20px;
    margin-bottom:20px
}

.dropdown-toggle::after {
    display: unset;
    margin-left: unset;
    vertical-align: unset;
    content: "";
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
}

#brands p {
    color:#848484;
    font-size:1em
}

#brands .brandItems {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0px;
}
#brands .brandItems li {
    flex: 1 0 33%;
    color:#5f5f5c;
    text-align:center;
    margin-top:2.5em
}

.globalBrandImage img {
    max-height: 200px;
}
.globalBrandImage img {
    max-height: 150px;
    max-width: 100%;
}
.globalBrandsSlider {
    height: 210px;
    padding:10px 35px 10px 35px;
    background: #D5D5D3;
}
.globalBrandsSlider .swiper-slide {
    width: 20%;
    max-height:190px;
    background:white;
    padding: 10px 20px 10px 20px;
}
.globalBrandsSlider .globalBrandImage {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brandsPrevButton{
    width: 35px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.brandsNextButton{
    width: 35px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.innerList {
    list-style: none;
    padding-left: 0px;
}
.innerList li:nth-child(4n+1), .innerList li:nth-child(4n+2) {
    background:#E6E8EC
}
.innerList li {
    display: inline-block;
    color:#242940;
    width: calc(50% - 10px);
    float: left;
    background: #F2F4F6;
    margin-bottom: 10px;
    padding: 10px 25px;
    margin-right: 10px;
}
 .contactList.row i {
    width: 35px;
    height: 35px;
        filter: brightness(0) invert(1);
}
 .contactList.row .contactItem {
    height:110px;
    display:flex;
    justify-content:flex-start;
    align-items:center
}
 .contactList.row .contactItem:first-of-type {
    justify-content: start;
}
 .contactList.row .contactItem:last-of-type {
    border-right:unset
}
.contactList.row .contactInfoIco {
    border-right: 1px solid grey;
    padding-right: .5rem;
}
 .contactList {
    list-style: none;
    padding-left: 0px;
}
 .contactList a {
    display:block;
    text-decoration: unset;
    color: #707070
}
 .contactList i {
    height:20px;
    width:20px;
    display:inline-block
}
.contactList p, .contactList a {
    display: inline-block;
    margin-bottom: 0px;
    color: #e2e2e2;
    font-size: .9em;
}
.contactHolder small {

color:#707070;
font-size:.9em
}
.contactHolder input {
    background: unset;
    border: unset;
    border-bottom: 1px solid #707070;
    border-radius: 0px;
    color: #707070;
}
.contactHolder textarea {

    border-radius: 2px;
    background: unset;
    border: unset;
    border-bottom: 1px solid #707070;
    color: black;
    padding:10px
}
.contactHolder textarea:focus {
    outline:unset;

}

#pageContent.bulettinHolder {
    padding-left: unset;
    padding-top:unset
}
#pageContent.bulettinHolder .innerHeader {
    padding-bottom: 20px;
    margin-bottom: 10px;
    font-size:1.5em;
}
.videoBlock .innerHeader {
  font-size:1.5em;
    }
#pageContent.bulettinHolder .bulettinInfo {
    background-color: #F5F5F5;
    padding:2.25em
}
#pageContent.bulettinHolder .bulettinInfo img {
    transition: all .2s ease-in-out;
}
#pageContent.bulettinHolder .bulettinInfo img:hover {
    transform: scale(1.1);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#pageContent.bulettinHolder .bulettinInfo ul{
padding-left: 15px;
    color: #707070;
}
#pageContent.bulettinHolder .bulettinButtons a:last-of-type{
    color: #072246;
    text-decoration:unset
}
#pageContent.bulettinHolder .bulettinButtons a:last-of-type i {
height: 10px;
    width: 10px;
    display: inline-block;
}

#pageContent.bulettinHolder .bulettinInfo img {
        transition: all .2s ease-in-out;
    object-fit: cover;
    height: 240px;
    width: 100%;
}

#pageContent.bulettinHolder .buletRow {
    background:#D5D5D3;
}
#pageContent.bulettinHolder .buletRow:nth-child(even) {
    background:#707070
}
#bFlyColumns {
    background-color: #F5F5F5;
}

#bFlyColumns .bfCol:first-of-type {
    padding-left: 7.5%;
}

#bFlyColumns .bfCol:last-of-type {
    padding-right: 7.5%;
    padding-left: 5vw;

}
#bFlyColumns img {
    max-height:435px;
    width:100%;
    object-fit: cover;
}

#applicationForm .applicationInfoHolder {
    padding: 4vw 4vw 4vw 15%;
}

#applicationForm .applicationBottomButtons a {
    padding: 5px 25px;
    border-radius: 5px;
    margin-right: 5px;
}
#applicationForm .applicationBottomButtons img {
    max-height: 20px;
    max-width: 100%;
    object-fit: cover;
    filter: brightness(0) invert(1);
    margin-bottom: 5px;
}
#careerAcademy {
    background: whitesmoke;
}
#applicationForm .applicationFormHolder {
    padding:4vw;
    background-color: #F5F5F5;
}
#applicationForm .applicationFormHolder  input[type=checkbox] {
    width:20px;
    height:20px;
    margin-top:5px
}
#applicationForm .applicationFormHolder textarea {
border: 1px solid #ced4da;
    border-radius: 5px;
}
#applicationForm .applicationFormHolder p,#applicationForm .applicationFormHolder small {
color:#707070
}

#careerAcademy .careerAcademyHolder,#careerManagement .careerManagementHolder {
    padding-left:15%;
    padding-right:2vw
}

#careerManagement {
    background:white;
}

.productGroupHolder .productGroupTitle{
    background:#072246;
    padding:10px 5px;
    -webkit-transition:
    background-color 200ms linear,
    color 200ms linear;
}
.productGroupHolder  .productGroupImage{
transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    height:300px;
    object-fit:cover
}
.productGroupHolder .productGroupItem:hover .productGroupTitle {
    background-color: #B49563;
}
.productGroupHolder .productGroupItem:hover .productGroupImage {
    transform:scale(1.2)
}


.productGroupHolder .productGroupImageHolder {
    overflow:hidden
}

.productGroupHolder .productGroupRow {
    background:#EEEEEE;
}
.productGroupHolder .productGroupRow:nth-child(even) {
    background:#D5D5D3;
}
.innerSecondaryTitle {
    font-size: 2em;
    font-weight: bold;
    color: #072246;
    margin-bottom: 20px;
}

.locations select {
    max-width:340px
}

.locations .teakDivider {
    max-width:190px
}
#historyHolder {
    background:#F2F3F5;

}
.historyNextButton {
    background-image: url(../icons/r-arrow.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 37px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.historyPrevButton {
    background-image: url(../icons/l-arrow.svg);
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.historyDate {
    background: #072246;
    color: white;
    padding: 15px;
    flex: 2;
    height: 60px;

}

.historyTextSlider p {
    color:#707070
}

.newsMainSlider {
    flex:2
}
.newsThumbSlider  {
    flex:1
}
.newsThumbSlider .swiper-wrapper {
    height:330px !important;
    padding:10px
}
.newsThumbSlider .swiper-slide {
        width: 50%;
        height: 100px !important;
        margin-bottom: 10px;
}

.newsThumbSlider .swiper-slide img {
    padding: 3px;
    background: white;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.newsMainSlider img{
    max-height: 350px;
    object-fit: contain;
    display: block;
    margin: auto;
}

.newsRow {
    background:#EEEEEE;
    padding-left:7.5%
}
.newsRow:nth-child(even) {
    padding-left: 0px;
    background: #F5F5F5;
    padding-right: 8vw;
}

.newsRow:nth-child(even) .contentText {
    padding-left:3vw
}
.dealers {
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.dealers::-webkit-scrollbar {
    width: 15px;
  }

  /* Track */
  .dealers::-webkit-scrollbar-track {
      background:white
  }

  /* Handle */
  .dealers::-webkit-scrollbar-thumb {
    background: #072246;
  }
.dealerItem {
    margin: 10px;
    flex: 0 1 calc(16.6666% - 20px);
        background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
#preloader{
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    background:white;
    z-index:99
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #b49563;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.refText h3 {
    font-size:2.5em
}
.accordColumn {
    background-color: #F1F1F1;
    min-height: 440px;
    overflow-y: scroll;
}
.slider-instance-wrapper {
   display: flex;

}
.navSlider {
    width: 30%;
}
.navSlider .swiper-wrapper{
    max-height:350px;
    flex-direction: unset;
    transform: translate3d(0px, 0px, 0px) !important;
}
.navSlider .swiper-slide {
    width:50%;
    padding:3px;
    display:inline-block;
    margin-left:0px !important;
    height:120px !important;

}
.navSlider .swiper-slide img {
    height:85px;
    object-fit: cover;
    width:100%;
}
.mainSlider {
  width:70%
}

.mainSlider img {
    max-height:350px;
    display: block;
    margin: auto;
}
.academyList {
    list-style: none;
    padding-left: 0px;
}
.academyList li {
    position:relative;
    padding-left:60px
}
.academyList li:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 45px;
    left: 0;
    background: #b49563;
    height: 2px;
}

#academyCounters .innerHeader {
    font-size: 1.2em;
}
#academyCounters .innerHeader:before {
    left: 40%
}
#academyCounters .counterNumber {
    font-size: 2.5em;
    color: #072246;
    font-weight: bold;
}
.academySlider,.academySliderPast {
    background-color: white;

}
.academySlider .swiper-slide,.academySliderPast .swiper-slide {
      width: 80%;
    opacity:.6;
    background-color: unset;
     transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    }
.academySlider .swiper-slide-active, .academySliderPast .swiper-slide-active {
    opacity: 1;
    background-color: #F2F3F5;
}

.academySliderImageHolder {
    padding:5px
}
.academySlider img, .academySliderPast img {
    height: 300px;

}
.academySliderDate span {
    color:white;
    font-size:2em;
    font-weight: bold;
    display:block;
    text-align: center;
}
.academySliderDate span:last-of-type {
    font-size:2em;
}
.academySliderDate a {
        font-size: .9em;
    padding: 5px 30px;
    border-radius: 28px;
    color: white;
    font-weight: 500;
    background: #072246;
}
.academyPrevButton:focus,.academyNextButton:focus {
    outline: unset;
}
.academyNextButton{
    background-image: url(../icons/r-arrow.svg);
    width: 50px;
    height: 90px;
    position: absolute;
    bottom: calc(50% - 45px);
    right: calc(10% + -25px);
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-color: #d5d5d3;
}
.academyPrevButton {
    background-image: url(../icons/l-arrow.svg);
    width: 50px;
    height: 90px;
    position: absolute;
    bottom: calc(50% - 45px);
    left: calc(10% + -25px);
    z-index: 99;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-color: #d5d5d3;

}
.academyContentInfo {
    display: flex;
width: 100%;
flex: 2;
margin-left: 50px;
background: #072246;
height: 50px;
justify-content: space-between;
align-items: center;
padding: 10px;
}
.academyContentInfo a {
    position: absolute;
    right: 20px;
    top: 0px;
    border: 5px solid #f2f3f5;
    height: 70px;
    background: #072246;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f2f3f5;
    font-weight: bold;
    z-index: 1;
}
.academyContentInfo:after {
    content: '';
    position: absolute;
    top: 8px;
    right: -30%;
    width: 50%;
    background: #072246;
    height: 50px;
    z-index: 0;
}
.allAcademy {
    color: #888884;
    font-size: .8em;
    font-weight: 500;
}
.academySelectHolder {
    border-right: 1px solid #8080807d;
    height: 100%;
    padding-right: 25px;
}

.videoSlider:before {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1f1f1f1f;;
    content: '';
    z-index: 1;
}

.videoSlider video,.main-banner .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    object-fit: cover;
}
.main-banner .swiper-slide img {

    width: 100%;
    height:100%;
    object-fit: cover;
}
#map {
    width: 400px;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw !important;
    height: 100% !important;
    z-index: 0
}

.f-cat {
    display: none;
    opacity: 0
}

.f-cat.active {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}
.personBlock {
    background:#D5D5D3;
    padding:15px 5px;
    overflow:visible;
    min-height: 125px;

}
.personBlock h3 {
    color:#072246;
    font-size:1.2em;
    font-weight: bold;
}
.personBlock h5,.personBlock a {
    font-size:.9em;
    color:#707070;
    font-weight:300
}
.personBlock h5{
    font-weight:500
}
.personBlock a, .personBlock a:hover {
    text-decoration: none;
}

.personBlock:before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -15px;
    left: 0;
    background: #b49563;
}

.officeImage {
    position: -webkit-sticky;
    position: sticky;
    top: 10vh;
}

.nav-pills a {
    color:unset;
    padding: 3px 20px;
}
.nav-pills li {
    margin-top:10px
}
.nav-pills a.active {
    background: #b49563;
    border-bottom: 2px solid #072246;
    border-radius: 2px;
    color: white;
    font-weight: 500;
}
.rowDivider {
    height: 1px;
    width: 100%;
    background: #d5d5d38a;
    margin-top: 4em;
    margin-bottom: 4em;
}

.nav-tabs .nav-link {
    padding: 0px;
    padding-right:30px
}

footer .nav-tabs .nav-link {
    padding-right: .9em;
}

.home .newsTabs {
    margin-left:auto;
}

.halfText {
    padding-right:5em;
    padding-left:0px;
}
.newsletterForm form {
    width:60%;
}

    .locationPage #banner {
        height:500px
    }
        .locationPage #banner h1,
        .locationPage #banner .breadcrumb * {
            color: #082347;
        }
        .locationDepartments {
            overflow: hidden
        }

        .locationDepartments .swiper-slide {
            width: auto;
        }


        .marker {
            background-image: url('../icons/favicon.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
        }

        #map {
            width: 400px;
            height: 300px;
            position: absolute;
            left: 0;
            top: 0;
            width: 100vw !important;
            height: 100% !important;
            z-index: 0;
        }

        .locationBox h4 {
            font-size: 1em;
            margin-bottom: 0px;
            font-weight: 300;
        }

        .locationBox i {
            margin-right: 15px;
            width: 30px;
            height: 30px;
            display: inline-block
        }

        .locationBox {
            padding: 15px 20px;
            background: #f1f1f1;
            cursor: pointer;
            transition: all .8s;
            -moz-transition: all .8s;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s;
        }

        .locationBox.active {
            background: #b49563
        }

        .locationBox.active h4 {
            color: white
        }

        .locationDepartmentsHolder .filter-cat-results {
            min-height: 300px;
            max-height: 600px;
            overflow-y: auto;
        }
        #historyHolder {
            position: relative;
        }
        #historyHolder:before {
                content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/bgPattern.svg);
    width: 100%;
    height: 100%;
    opacity: .3;
    background-size: contain;
    background-repeat: no-repeat;
        }

        .leftSticky {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
        }

        .academyItem .innerHeader {
    font-size: 1.75em;
}
.locationTabsTest .nav-link {
    padding-right: 0px;
    font-size: .8em;
    color: #707070;
    display: block;
    width: 100%;
    padding: 10px 20px;
}
.locationTabsTest .nav-item:first-of-type .nav-link{
    margin-top:0px;

}
.socialItem img  {
    max-width:100%;
}
footer .socialBlocks {
    padding:10px;
    padding-top:0px;
}

footer .socialBlocks .nav-tabs .nav-link.active {
    color: #7B848C;
}

.socialBlocks .tab-content a {
    width: auto;
    display: inline-block;
        max-width: 32.3333%;
}
.socialBlocks img {
    margin: 0.5em;
    width: auto;
    max-height: 72px;
    object-fit: contain;
    float: left;
}

.locationInnerHolder i {
    filter:unset !important;
}

.locationInnerHolder p, .locationInnerHolder a{
    margin-bottom:0px !important;
    color:#707070;
}

.locationInnerHolder .contactItem {
    height:unset !important;
}


@media(max-width:768px) {
    .locationInnerHolder {
        padding-left: unset;
    }
}
.locationBox a {
    color: #343a40;
}

.locationInnerHolder .nav-item {
        background: #f1f1f1;
    font-size: 1em;
    margin-bottom: 0px;
    font-weight: 300;
    color: #707070;
    margin: 0px 5px 5px 0px;
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
}
.locationInnerHolder .nav-item.active {
    background: #072246;
    color: white;
}
.locationInnerHolder .nav-item.active .nav-link {
    color:white;
    border-bottom:unset;
}

footer .nav-tabs {
    margin-top: 0;
    margin-bottom: 1.75em;
}

footer .tabSlider {
    bottom:-15px;
}
.aboutCatalogHolder {
    background: #072246;
    padding: 0px 30px;
    -webkit-box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 23px 0px rgba(0 0 0 / 30%);
    box-shadow: 0px 0px 23px 0px rgb(0 0 0 / 30%);
    height: 50px;
    display: block;
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}
a.aboutCatalogHolder:hover {
    -webkit-box-shadow: 0px 10px 23px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 10px 23px 0px rgba(0 0 0 / 30%);
    box-shadow: 0px 10px 23px 0px rgb(0 0 0 / 40%);
    transform: translateY(-5px);
}
.aboutCatalogHolder span {
    color:#fff;
}
.aboutCatalogHolder img {
    max-height: 30px;
    filter: brightness(0) invert(1);
    opacity: 0.7;
    padding-right: 10px;
    border-right: 1px solid #ffffff8f;
    margin-right: 5px;
}

.sCatalog {
    display:none;
}

.gpdr {
        background: #072246;
    color: white;
    font-size: .75em;
    text-align: center;
    padding: 10px 0px;
    position: fixed;
    bottom: 0;
    width: 100%;
    display:none;
    z-index: 9
}
.gpdr a {
    font-weight: bold;
    color:#b49563;
}

.gpdr button {
        margin-left: 1em;
    color: white;
}


#youtube iframe {
    min-height: 90px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        width: auto !important;
    left: unset;
    right: 0;
    bottom: unset;
    top: 45%;
    padding-bottom:15px;
}
.swiper-pagination {
  pointer-events: all !important;
  cursor:pointer;
}
.main-banner .swiper-pagination-bullet  {
    display:block;
    transform: scale(1);
    margin-top: 10px !important;
    background: white;
    opacity: 1;
    left:0 !important;
}

.main-banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #b49563;
    transform:scale(1.5);
}

.swiper-pagination-bullet:focus {
    outline:unset;
}

.mSlide {
    display:none;
}

.mediaSlider .mediaImage img {
    max-height: unset;
    display: block;
    margin: auto;
    min-height: unset
}

.mm-slideout {
    overflow-x: hidden;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    padding:0px;
}

.applicationFormHolder .bootstrap-select>.dropdown-toggle.bs-placeholder, .applicationFormHolder .btn:not(:disabled):not(.disabled) {
    color:unset;
    background:unset;
}

.rightNews .newsThumbSlider .swiper-slide, .rightNews .navSlider .swiper-slide {

    float: right;
    margin-left: auto !important;
}

.leftNews .newsThumbSlider .swiper-slide, .leftNews .navSlider .swiper-slide {

    float: left;
    margin-right: auto !important;
}

.bgDark #formHolder .formSubmit {
    color: #072246;
    background: #f1f1f1;
}

.custom-control-label a {
    color: #b49563;
}
.locationInnerHolder .nav-item.d-block {
    width: calc(100% - 15px);
}
.locationInnerHolder .nav-item.d-block a {
    text-align: center;
}

.foTop {
    background-color: #2a1515
}
.foTop * {
    color:white !important;
}

.foTop a {
    background-color: #ff2d37
}
.bootstrap-select .dropdown-menu li a:before {
    content: '';
    width: 20px;
    height: 20px;
    right: 10px;
    top: 5px;
    position: absolute;
    background: #e6e6e6;
}

.kvkkInner ol, .kvkkInner ul {
    list-style: unset;
    list-style-type: none;
}



.mapAnchor {
        color: #ffffff !important;
    text-decoration: underline;
    font-weight: 500;
    background: #b49563;
    padding: 5px 15px;
    border-radius: 0px;
}