html, body {
    padding: env(safe-area-inset);
    overflow-x: hidden;
    color: #505962; 
    font-family: 'Lato', sans-serif;
} 
:root{
   --main-color: #1ebba3;
}
.theme-main {
    color: var(--main-color); 
}
.bg-white {
    background-color: white;
}
/*--- Nav Scrolling Offset --*/
.offset:before {
    content: '';
    height: 4rem;
    display: block;
    margin-top: -4rem;
}
/*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
    padding: 1rem;
}

/*============= NAVIGATION =============*/
.navbar-brand img{
   
}
.navbar {
    padding: .1rem 1rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1rem;
    font-size: 0.9rem;
    transition: background-color .5s ease;
	background: rgba(0, 0, 0, 0.7)!important;
}
.navbar-nav li{
    padding-right: .8rem;
}
.navbar-nav .nav-link {
    color: #ffffff;
    padding-top: .8rem;
}
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover {
    color: #6ecee5;
}
.custom-toggler-icon {
    color: #5eaf85; 
    font-size: 1.6rem;
}
button:focus, a:focus, a.btn:focus {
    outline: 0!important;
    -webkit-appearance: none;
    box-shadow: none;
}
button, a, a.btn, 
.svg-inline--fa  {
    transition: all .6s ease;
}
.navbar.solid,
.navbar.solid-toggle {
    background: rgba(0, 0, 0, 0.6)!important;
    transition: background-color 1s ease;
}
/*--- Drop-down Menu --*/
.dropdown-menu, .dropdown-item {
   font-size: .9rem;
   font-weight: 500!important;
   background-color: transparent!important;
     color: #ffffff;
	
 }
 .dropdown-menu.show {
   margin-top: .8rem!important;
   border-radius: 0;
   transition: background-color .5s ease 0s;
    background: rgba(0, 0, 0, 0.6)!important;
 }
 .dropdown-submenu {
   transition: background-color .5s ease 0s;
 }
 .dropdown-menu.no-space-top {
   margin-top: 0!important;
 }
 .dropdown-menu:hover, .dropdown-item:hover,
 .dropdown-menu:focus, .dropdown-item:focus,
 .dropdown-toggle:active, .dropdown-toggle:focus {
   color: #ff9155!important;
 }
 .dropdown-submenu.solid, .dropdown-menu.show.solid {
   background: rgba(0, 0, 0, 0.6)!important;
   transition: background-color 1s ease 0s;

 }
/*============= IMAGE SLIDER =============*/

.carousel-item {
    height: 100vh; /*--- Change Height of Image Slider --*/
    min-height: 18.75rem; /*--- (300px for mobile) --*/
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #1A1A1A; /*--- For Firefox white between slides --*/
  }
  /*---Change Carousel Transition Speed --*/
  .carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
    transition: -webkit-transform 1.2s ease;
    transition: transform 1.2s ease;
    transition: transform 1.2s ease,-webkit-transform 1.2s ease;
  }
  .caption {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 18%; /* Change position of langing page text. */
    z-index: 1;
  }
  .caption-main {
    top: 38%;
  }
  .caption h1 {
    font-size: 3.3rem;
    letter-spacing: .3rem;
    text-shadow: 0rem 0rem .3rem black;
    padding-bottom: 1rem;
  }
  .caption h3 {
    font-size: 2rem;
    text-shadow: 0rem 0rem 0.3rem black;
    padding-bottom: 2rem;
  }
  .btn-lg {
    border-width: thin;
    padding: .7rem 2.2rem;
    font-size: 1.0rem;
  }
 
/*--- Fixed Landing Page Section --*/
.landing {
    position: relative;
    width: 100%;
    height: 50vh;
    display: table;
    z-index: -1;
 }
 .home-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
 }
 .home-inner {
    background-image: url('../img/fixed/main_bg.jpeg');
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
 }
 .about-section {
   background-image: url('../img/fixed/main_bg--about.jpeg');
 }
 .investments-section {
   background-image: url('../img/fixed/main_bg--invest.jpeg');
 }
 .overview {
   background-image: url('../img/fixed/main_bg--overview.jpeg');
 }
 
 /*-- Bouncing Down Arrow --*/
 .arrow {
    position: absolute;
    bottom: 0;
    width: 100%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
 }
 .down-arrow .svg-inline--fa {
    color: white;
    font-size: 2.2rem;
    opacity: .3;
 }
 .down-arrow .svg-inline--fa:hover {
    opacity: .8;
 }
/*============= ABOUT SECTION =============*/
.btn-sm {
    border-width: thin;
    border-radius: 0rem;
    padding: .5rem 1.4rem;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin: 1rem;
}


h3.heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.9rem;
    text-align: center;
    margin-bottom: 1.9rem;
}
.center {
    text-align: center;
}
.heading-underline {
    width: 3rem;
    height: .2rem;
    background-color: ;
    margin: 0 auto 2rem;
}
.heading-underline.left {
   margin-left: 5rem;
   margin-bottom: 5rem;
}
.clients span {
    color: var(--main-color);
    margin-bottom: 0.5rem; 
}
.clients h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding-bottom: .4rem;
}
.prettify{
    margin-top: 4.8rem;
}
.prettify-left {
   overflow: hidden;
}
#legal img{
   width: 100%;
   max-height: 40rem;
}
/*===== FIXED BACKGROUND IMG DARK =====*/
.fixed {
    position: relative;
    width: 100%;
 }
 .fixed-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -9999;
 }

/*============= INVESTMENTS FIXED BG IMG LIGHT =============*/
.fixed-light {
    background-image: url('../img/fixed/office.jpg');
    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    z-index: -1;
    top: 0;
    left: 0;
    display: table;
 }
 .light {
    padding: 5rem 0;
    z-index: 1000;
 }
 .owl-stage {
    display: flex;
 }
 .card {
    height: 100%;
    border-radius: 0;
    text-align: center;
    margin: 0 1rem;
    box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
    transition: transform .4s ease;
 }
 .card:hover {
    transform: scale(.95);
 }
 /*============= Точки в слайдере INVESTMENT OPTIONS =============*/
 button.owl-dot.active span,
 button.owl-dot:hover span {
    background: #2e2e2e!important;
 }

/*============= VACANCIES SECTION =============*/
.vacancies-column {
    background-color: white;
    height: 100%;
    padding: 1.6rem;
    border-top: .25rem solid #ff5d50;
    box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
    transition: transform .7s ease;
    position: relative;
    overflow: hidden;
 }
 .vacancies-column:hover {
    transform: scale(1.1);
 }
 .vacancies-column h4 {
    font-size: 1.1rem;
    font-weight: 700;
 }
 .ribbon {
    background-color:#ff5d50;
    color: white;
    font-size: .8rem;
    font-weight: 700;
    height: 2rem;
    width: 10rem;
    padding-top: .4rem;
    position: absolute;
    transform: rotate(45deg);
    right: -2.8rem;
    top: 1.5rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .25);
 }
 .ribbon.closed {
   background-color:grey;
 }

/*============= CONTACT SECTION =============*/
.footer {
    background: url('../img/footer/footer.jpg') no-repeat;
    background-size: cover;
    color: white;
}
.row.outer {
    
    padding: 1rem 2rem 3rem; 
}
.footer img {
    
    margin: 1.5rem 0;
}
.footer a{
    color: white;
}
.footer h3 {
    text-transform: uppercase;
    margin: 1.5rem 0;
 }
 
 /*--- Contact Form --*/
 .form-group {
    margin-bottom: 0.5rem;
 }
 .form-control {
    background-color: #ffffff;
    border-radius: 0;
 	border-color: #919191;
    color: #717171!important;
    font-size: 1.1rem;
	opacity: 0.7;
 }
 .form-control:focus {
    background-color: #ffffff;
    border: .15rem solid #919191;
 }
 .form-group input::placeholder,
 .form-group textarea::placeholder {
    color: #717171!important;
 }
 hr.socket {
    border-top: .05rem solid #ffffff;
    width: 100%;
 }
 .form-group.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
 }
 .form-control.flex-1 {
    flex: 1;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 6px;
}
 .form-control.flex-3 {
   flex: 4;
}
 
/*============= TOP SCROLL =============*/
a.top-scroll {
    right: 1.2rem;
    bottom: 1.2rem;
    position: fixed;
    opacity: .3;
    z-index: 1000;
    display: none;
 }
 a.top-scroll:hover {
    opacity: .5;
 }
 .top-scroll .svg-inline--fa {
    background: white;
    color: #53595f;
    font-size: 3rem;
    height: 1.7rem;
 }
/* ================================================ ДИЗАЙН ================================================ */

/* ============ ХЕДЕР ============ */

/* ЗАГОЛОВОК */
.caption-main h1 {
   color: #000000;
}
/* ВЫДЕЛЕННОЕ СЛОВО В ЗАГОЛОВКЕ */
.caption-main span {
   color: #000000;
}
/* ПОДЗАГОЛОВОК */
.caption-main h3 {
   color: #000000;
  
}
/* КНОПКА В СЛАЙДЕРЕ */
.slider-btn {
   border-radius: 8px!important;  /* НЕ НУЖНО ТРОГАТЬ СТИЛИ bootstrap, ДОСТАТОЧНО ДОПИСАТЬ !important ТУТ */
   border-color: #427b89;
   background-color: #427b89;
   color: #ffffff;
} 
 /* ПОВЕДЕНИЕ КНОПКИ В СЛАЙДЕРЕ ПРИ НАВЕДЕНИИ */
.slider-btn:hover {
   color: #ffffff; 
   border-color: #ff5d50;
   border-radius: 8px!important;
    background-color: #ff5d50;
}

/* ============ OUR MISSION ============ */
/* ЗАГОЛОВОК  */
#about h2 {
   color: #3c4145;
}
/* ТЕКСТ */
#about p {
   color: #646464;
}
/* КНОПКА ABOUT COMPANY */
#about .btn-secondary {
   background-color: #f1f8ff;
   color: #427b89;
   border-color: #427b89;
   border-radius: 8px;
}
#about .btn-secondary:hover {
   background-color: #427b89;
   border-color: #427b89;
   border-radius: 8px;
   color: #ffffff;
}

/* КНОПКА LEGAL GROUND */
#about .btn-green {
   background-color: #427b89;
   border-color: #427b89;
   border-radius: 8px;
   color: #ffffff;
}
#about .btn-green:hover {
   background-color: #ff5d50;
   border-color: #ff5d50;
   border-radius: 8px;
   color: #ffffff;
}


/* ФОН */   
.our-mission-bg {
  background: url('../img/fixed/fon_about.jpg') no-repeat; 
   /* ЕСЛИ НУЖНО ПОСТАВИТЬ КАРТИНКУ НА ФОН - background-image: url();  */
}

/* ============ IMPROVING THE QUALITY OF LIFE SINCE 2000 ============ */
/* ЗАГОЛОВОК  */
#about h3 {
   color: #3c4145;
   
}
/* ПОДЧЁРКИВАНИЕ ПОД ЗАГОЛОВКОМ  */
#about .heading-underline {
   background-color: #;
}
/* СТИЛЬ ДЛЯ ЦИФР */
#about .counter {
   color: #3c4145; 
   font-weight: 600;
   text-shadow: 0rem 0rem 0rem #e4e4e4;
}
/* СТИЛЬ ДЛЯ ТЕКСТА ПОД ЦИФРАМИ */
#about .improving-text {
   color: #7c848b;
   text-shadow: 0rem 0rem 0rem #e4e4e4;
}
/* ФОН */ 
.improving-bg {
   background-image: url(../img/fixed/img_fon.jpg);
   background-repeat: repeat;
   background-position: bottom;
   /* ЕСЛИ НУЖНО ПОМЕНЯТЬ ЦВЕТ ФОНА -  background-color: */
}
/* ============ INVESTMENT OPTIONS ============ */
/* ЗАГОЛОВОК  */
#investments h3 {
   color: #3c3d3f;
}
/* ПОДЗАГОЛОВОК  */
#investments h5 {
   color: #383838;
   font-weight: 600;
}
/* КНОПКИ В КАРТОЧКАХ ИНВЕСТИЦИОННЫХ ПЛАНОВ  */
#investments .btn {
   background-color: #427b89;
   border-radius: 8px;
   color: #ffffff;
   border-color: #427b89;
}
#investments .btn:hover {
   background-color: #ff5d50;
   border-radius: 8px;
   color: #ffffff;
   border-color: #ff5d50;
	
}


/* ============ PARTNERS ============ */
/* ЗАГОЛОВОК  */
#partners .heading {
   color: #4a535c;
   
}
/* ПОДЧЁРКИВАНИЕ ПОД ЗАГОЛОВКОМ  */
#partners .heading-underline {
   background-color: ;
}
/* ПОДПИСИ  */
.clients h3 {
   color: #4a535c;
}
/*  ФОН */
.partners-bg {
   background-color: #ffffff;
}
/* ============ VACANCIES ============ */
#vacancies .heading {
   color: ;
      
}
/* ПОДЧЁРКИВАНИЕ ПОД ЗАГОЛОВКОМ  */
#vacancies .heading-underline {
   background-color: #;
}
/* КНОПКА ДЛЯ ЗАКРЫТОЙ ВАКАНСИИ */
.vacancies-column .btn-grey {
   background-color: #ffffff;
   color: #2e2e2e;
   border-color: #2e2e2e;
   border-radius: 8px;
}
.btn-grey:hover {
   background-color: #ffffff;
   color: #555555;
   border-color: #555555;
   border-radius: 8px;
	
}


/* КНОПКА ДЛЯ ОТКРЫТОЙ ВАКАНСИИ */
.vacancies-column .btn-green {
   background-color: #427b89;
   border-color: #427b89;
   border-radius: 8px;
   color: #ffffff;
}
.btn-green:hover {
   background-color: #ff5d50;
   border-color: #ff5d50;
   border-radius: 8px;
   color: #ffffff;
}

/* ФОН */
.hiring-bg {
   background-color: #edf2f5;
}

/* ============ CONTACT ============ */
/* ЗАГОЛОВОК */
#contact h3 {
   color: #363636;
}
/* ТЕКСТ */
#contact p {
   
   color: #454545;
}
/* ЗАГОЛОВКИ */
#contact strong {
   
   color: #363636;
}
/* КНОПКА */
#contact .btn {
   border-color: #427b89;
   background-color: #427b89;
   color: #ffffff;
   border-radius: 8px;
}
#contact .btn:hover {
   border-color: #ff5d50;
   background-color: #ff5d50;
   color: #ffffff;
   border-radius: 8px;
}
/* КОПИРАЙТ */
#contact .copy {
   color: #ffffff;
   text-decoration: none;
}

/* ============ PAGE: ABOUT US ============ */
/* ЗАГОЛОВОК В ХЕДЕРЕ*/
.about-heading {
   color: white;
   text-shadow: 0 0 .9rem rgba(0, 0, 0, .9);
}
/* ЗАГОЛОВОК ABOUT-US*/
#about-text .text-center {
   color: #505962;
}
/* СТИЛЬ ДЛЯ ТЕКСТА */
#about-text p {
   color: #1b1b1b;
}
/* СВОЙ СТИЛЬ ДЛЯ ЗАГОЛОВКОВ В ТЕКСТЕ */
#about-text p span {
  
   color: #505962;
}
#global-offices h2{
   color: #505962;
}
/* ============ PAGE: LEGAL GROUND ============ */
/* ЗАГОЛОВОК В ХЕДЕРЕ*/
.legal-heading {
   color: white; 
   text-shadow: 0 0 .9rem rgba(0, 0, 0, .9);
}
/* ============ PAGES: INVESTMENTS ============ */
/* ЗАГОЛОВОК В ХЕДЕРЕ*/
.investment-heading {
   color: white;
   text-shadow: 0 0 .9rem rgba(0, 0, 0, .9);
}
/* ============ PAGE: OVERVIEW ============ */
/* ЗАГОЛОВОК В ХЕДЕРЕ*/
.overview-heading {
   color: white;
   text-shadow: 0 0 .9rem rgba(0, 0, 0, .9);
}
/* ================================================ ДИЗАЙН ================================================ */

.icon-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 10px;
}
.icon-wrapper_circle {
   display: flex;
   text-align: center;
   justify-content: center;
   align-items: center;
   height: 87px;
   width: 87px;
   border-radius: 50%
}
.icon {
   
   
}

.partners-icon-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   padding-bottom: 20px;
}
.partners-icon-wrapper_circle {
   display: flex;
   text-align: center;
   justify-content: center;
   align-items: center;
   height: 95px;
   width: 99px;
 
}
.partners-icon {
   
   
}
/*============= MEDIA QUERIES =============*/
/* Devices under 992px (lg) */
@media (max-width: 991.98px) {
    .caption h1 {
        font-size: 3.5rem;
        letter-spacing: .2rem;
        padding-bottom: .8rem;
    }
    .caption h3 {
        font-size: 2.2rem;
        padding-bottom: 1.7rem;
    }
    .caption .btn-lg {
        padding: .7rem 1.2rem;
        font-size: 1rem;
    }
    .dropdown-submenu.solid, 
    .dropdown-menu.show.solid {
      background: rgba(0, 0, 0, 0) !important; 
    }
    .whole-width {
       width: 100%;
    }
    .width-whole a{
       width: 100%;
    }
    .md-hidden {
        display: none;
    }
    .md-center{
        text-align: center;
    }
}
 
 /* Devices under 768px (md) */
 @media (max-width: 767.98px) {
    .heading-underline.left {
       margin: 0 auto;
       margin-bottom: 5rem;
    }
    .caption h1 {
       font-size: 2.7rem;
       letter-spacing: .15rem;
       padding-bottom: .5rem;
    }
    .caption h3 {
       font-size: 1.7rem;
       padding-bottom: 1.2rem;
    }
    .caption .btn-lg {
       padding: .6rem 1.1rem;
    }
    #about h1 {
       font-size: 2rem;
    }
    .fixed-light {
       background-image: url('../img/fixed/office-mobile.jpg')
    }
    .footer {
       
    }
    .top-scroll {
       display: none!important;
    }
 }
 
 /* Devices under 576px (sm) */
 @media (max-width: 575.98px) {
    .caption h1 {
       font-size: 1.9rem;
       letter-spacing: .1rem;
       padding-bottom: .4rem;
    }
    .caption h3 {
       font-size: 1.2rem;
       padding-bottom: 1rem;
    }
    .caption .btn-lg {
       padding: .4rem .9rem;
       font-size: .9rem;
    }
    .sm-margin{
        margin: 1rem;
    }
    .sm-text{
       font-size: 1rem;
    }
 }