@font-face {
    font-family: sensation_light;
    src: url(Sansation_Light.ttf);
  }

  @font-face {
    font-family: sensation_regular;
    src: url(Sansation_Regular.ttf);
  }

body{
    color: #4c4e51;
   
    
    /*font-family: ibm-plex-sans, 'Roboto', sans-serif;*/
    font-family: sensation_light;
    font-weight: 400;
    
    background: url(../images/back2.jpg) repeat center top;
   

}


#wrapper{
    width: 1140px;
    height: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    margin-bottom:50px;
}

.container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

}

.banner{
    background: url(../images/header-bg.jpg) center;
    filter: grayscale(70%);
    background-size: cover;
}

@media (min-width: 1200px){
    .container {
        max-width: 1140px;
    }
}

#header {
    padding: 0px 0px 10px 0px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 1000000;
    background: #4c4e51 !important;
}

.content-first{
    /*height:100vh;*/
    height:70vh;
    color: #efeff0;
}

.main-menu{
    padding-top: 10px;
}

.logo{
    height: 40px;
    color: #4c4e51;
}

.nav-menu > li {
    margin-left: 10px;
}
.nav-menu > li {
    float: left;
}
.nav-menu li {
    position: relative;
    white-space: nowrap;
}
.nav-menu, .nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu a {
    padding: 0 8px 0px 8px;
    text-decoration: none;
    display: inline-block;
    color: #efeff0;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    outline: none;
}

.baner-year{
   color: #efeff0;
   font-size: 60px;
}

.banner-content {
     text-align: center; 
}

.baner-slogan{
    font-size: 20px;
    font-weight: 300;
}

.text-uppercase{
    font-weight: 300;
    letter-spacing: 2px;
    z-index: 2;
}

.banner .overlay {
    background: #000;
    opacity: .5;
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.overlayHeader{
   /* background: rgba(68, 68, 68, 0.5);*/
   background:rgba(0, 0, 0, 0.4);
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
.overlayHeaderAboutUs2{
    background: rgba(0, 0, 0, 0.1);
   
    height: 100%;
    z-index: 2;
}
.overlayHeaderServices2{
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    z-index: 2;
}
.client{
    display: table-cell;
    width: 160px;
    text-align: center;
}

.clientLogo{
    max-height: 130px;
    max-width: 150px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    vertical-align: middle;
    cursor: pointer;
}

.carouselRow{
    width: 90%;
    margin-left: auto;
    margin-right: auto;   
}

.ourClients{
    height: 270px;
    padding-top: 25px;
    padding-bottom: 80px;
    
    color: #4c4e51;
    
}

.clientLogo:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    transition: all 0.5s ease;
}

.clientControl{
    width:40px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



#aboutUs{
    color:#efeff0;
 
    
}


.spinner{
    text-align: center;
    background-color: #707072;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    margin-top: 60px;
}

.lds-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    left: 50%;
    position: absolute;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #efeff0;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #efeff0 transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
.divContent{
    min-height: 300px;
   /* background-color:rgba(56,56,56, 0.6);*/
    background-color: rgba(76,78,81, 0.3);
    padding: 15px;
    color: #4c4e51;
}

.sections{
    background-color:rgba(76,78,81, 0.3);
    
}
.sectionsBackground{
    background-color:rgba(76,78,81, 0.3);
}
.aboutUsContent{
    height: 335px;
   
    padding: 15px;
    
}
.contentP{
    font-size: 16px;
    font-weight: 300;

   
}
.ourClientsH{
 
}
.contentH1{
    text-align: center;
    margin-bottom:10px;
}

.contentH2{
    font-size: 20px;
    text-align: center;
    margin-bottom: 25px;
}

.aboutUsImg{
    height: 172px;
    position: absolute;
    bottom: 0;
}

.servicesImageDiv{
  
    text-align: center;
   
  
}
.servicesImage{
    width: 120px;
    cursor: pointer;
}

.servicesImage:hover{
    filter: invert(100%);
}

#servicesContent{
    color: #4c4e51;
    
}

.selectedImage{
    filter: invert(100%);
}

.servicesTextDiv{
    margin-top: 20px;
}

.servicesText{
    text-align: center;
    font-size: 20px;
}

.services{
    background-color: rgba(76,78,81, 0.3);  
}
.contacts{
    padding:0;
}
.contactField{
    border:none;
    border-radius: 0;
    background-clip: border-box;
}

#infoSection{
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}

.mobile{
    color: #4c4e51;
    font: 14px/22px Arial, sans-serif;
    font-family: ibm-plex-sans, 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}

.mobile:hover{
    color :#1d1e1f;
    text-decoration: none;
}

#mapid {
    height: 330px;
    width: 100%;
  }

  .teaButton{
    border-radius: 0px;
    color: #495057;
  }

  .changeLanguage{
      cursor: pointer;
  }

  .textMenu{
    text-transform: uppercase;
  }
  

  .carousel-control-next-icon {
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    color: black;
}
.carousel-control-prev-icon {
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495057' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    color: black;
}

.parallax-mirror{
    filter: grayscale(60%);
}

.parallax-slider {
     background: url(back2.jpg) repeat center top; 
    width:80%;
    }



@media only screen and (max-width: 600px) {
    #wrapper {
        width:100% !important;
    }
    .ourClients{
        height:auto;
    }
    .client{
        width:50%;
    }
    .aboutUsContent{
        height: auto;
    }
    #SendMail{
        width: 100%;
    }
    #logo{
        width:10%;
    }
}

.alertShadow {
    box-shadow: 0px 0px 6px 0px rgb(234 26 31) !important;
    border: 1px solid rgb(234, 26, 31, 0) !important;
}