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

@font-face {
    font-family: COPRGTB;
    src: url(../font/COPRGTB.TTF) format("truetype");
  }
  @font-face {
    font-family: COPRGTL;
    src: url(../font/COPRGTL.TTF) format("truetype");
  }
  @font-face {
    font-family: Lato-Black;
    src: url(../font/Lato-Black.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-BlackItalic;
    src: url(../font/Lato-BlackItalic.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-Bold;
    src: url(../font/Lato-Bold.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-BoldItalic;
    src: url(../font/Lato-BoldItalic.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-Italic ;
    src: url(../font/Lato-Italic.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-Light;
    src: url(../font/Lato-Light.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-LightItalic;
    src: url(../font/Lato-LightItalic.ttf) format("truetype");
  }
  @font-face {
    font-family: Lato-Regular;
    src: url(../font/Lato-Regular.ttf) format("truetype");
  }
 
 
 
  
  html {
      scroll-behavior: smooth;
    }
    body {
     font-family: 'Lato-Regular';
      font-size: 1rem;
      line-height: 1.5;
      font-weight: 400;
      color: var(--primary-color);
      scroll-behavior: smooth;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
    }
    
    ****************************** */
    :root {
      
      --h1-size: 4rem;
      --h1-weight: 600;
      --h2-size: 3rem;
      --h2-weight: 600;
      --h3-size: 1.5rem;
      --h3-weight: 600;
      --h4-size: 1.3rem;
      --h4-weight: 600;
      --h5-size: 1.2rem;
      --h5-weight: 600;
      --h6-size: 1rem;
      --h6-weight: 600;
      --p-size: 1rem;
      --p-weight: 400;
      --nav-item-color: #444;
      --nav-hover-color: #2c2e30;
      --nav-toggler-color: #7e8085;
      --primary-color: #565656;
      --primary-color-2: #7c4fe0;
      --secondary-color: #666;
      --secondary-color-2: #777;
      --social-color-1: #3b5999;
      --social-color-2: #55acee;
      --social-color-3: #dd4b39;
      --social-color-4: #00b489;
      --white-color: #ffffff;
      --primary-t-color: #222;
      --primary-p-color: #565656;
      --primary-l-color: rgba(0, 0, 0, 0.12);
      --secondary-l-color: rgba(45, 49, 54, 0.09);
      --valid-color: #28a745;
      --invalid-color: #ffa200;
      --primary-bg-color: #f6f9fe;
      --primary-bg-color-2: linear-gradient(-47deg, #8731E8 0%, #4528DC 100%);
      --primary-bg-color-3: #ffffff;
      --primary-bg-color-4: rgba(16, 16, 45, 1);
      --nav-bg-color: #d3d3d3;
    }
    
    * {
      margin: 0;
      padding: 0;
    }
    p{
         letter-spacing: 1px;
    line-height: 19px;
    font-size: 14px;
    color: #424242;
    }
    
    ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
}

::-webkit-scrollbar-thumb {
    background: #675B39 !important;
    border-radius: 2px;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
}

.form-control:focus {
    box-shadow: none;
}
    
    ​
    ul {
        margin: 0;
    }
    ul li{
      list-style: none;
    }
    ​
    li {
        list-style-type: none;
        display: inline-block;
    }

    header.ahk_nav {
      background: #fff;
      padding: 0px 65px;
    position: relative;
    z-index: 9;
  }
.ahk_nav .nav-link{
    font-size: 11px;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    padding-right: 0.45rem!important;
    padding-left: .45rem!important;
    color: #777 !important;
    letter-spacing: 0.2px;
}
.nav-btn{
    border-radius: 19px;
    font-size: 10px;
}
.ahk_nav .navbar-brand img {
    width: 168px;
}
.nav-btn {
  padding: 4px 27px;
  font-size: 11px;
}
div#AHK_Home-slider .owl-item img.img-fluid {
    filter: brightness(0.8);
}
#AHK_Home-slider .owl-stage-outer {
    height: 700px;
}
#AHK_Home-slider{
      height: 700px;
}
.ahk_banner_details source {
    height: 700px;
    width: 100%;
}
/* slider */
.home_slider{
max-height: 400px;
}
.banner-details h1 {
    color: #fff;
    font-size: 58px;
    font-family: 'Amiri';
}
.ahk_banner_details img {
    height: 700px;
}
#AHK_Home-slider .owl-dots{
    position: absolute;
    bottom: 12%;
    left: 47%;
}
.banner-details{
    position: absolute;
    top: 39%;
    width: 100%;
    left: 50%;
    right: auto;
    text-transform: uppercase;
    transform: translate(-50%, 0px);
    text-align: center;
}

.banner-details h3 {
   font-size: 23px;
    color: #fff;
    line-height: 2rem;
    letter-spacing: 2px;
    margin: auto;
    text-align: center;
    font-family: 'Lato-Bold';
}
}
.banner-details h1 {
  font-size: 40px;
  color: #fff;
  letter-spacing: 2px;  
  font-family:'COPRGTB';
  /* font-weight: 600; */
  text-align: center;
  line-height: 4rem;
}

/* inner header  */
nav.navbar.navbar-expand-lg.navbar-light.nav-down .nav-link {
    color: rgb(255 255 255 / 70%);
    font-family: 'Lato-Regular';
    text-transform: uppercase;
    font-size: 12.4px;
    letter-spacing: 0.3px;
    margin: 0px 2px;
}
.nav-down .nav-link {
    font-size: 14px;
 
}
.inner-navbar {
    position: absolute;
    z-index: 9;
    width: 100%;
    background: transparent !important;
    padding: 13px 0px;
}
.brand.navbar-brand {
  text-align: center;
}
.brand img {
  width: 240px;
  margin-bottom: 8px;

}
.brand .navbar-brand {
  margin-left: 8.5em !important;
}
/*.about-banner {
    background-image:linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url('../img/29b4be1784.png');
    background-size: cover;
    min-height: 425px;
    position: relative;
}*/
/*section.about-banner.about_banner {
    background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url(<?php echo base_url()?>assets/website/img/About-us-Corporate-Profile.png);
    background-size: cover;
}
section.about-banner.news_banner, section.career-banner.news_banner{
    background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url(../img/2/32555.png);
    background-size: cover;
}*/
.about-bannerLinks {
    padding-top: 260px;
    text-align: center;
}
.about-bannerLinks h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    letter-spacing: 2px;
    font-family: 'Amiri', serif;
    font-weight: 400;
    margin: 0;
}
.arco-bread {
    margin-top: 10px;
    display: inline-flex;
}
.arco-bread a {
    color: #fff;
    font-family: 'Lato-Regular';
    font-size: 14px;
    position: relative;
    padding: 0px 10px;
    letter-spacing: 0.3px;
}
.arco-bread li:not(:last-child) a:after {
    content: '\/';
    position: absolute;
    top: 0px;
        right: -2px;
}
.display_about1 p {
    font-size: 13px;
    line-height: 25px;
    color: #555;
}
.line{
    width: 70px;
    margin:10px 15px;
    height: 4px;
    background-color: #D0B99C;

}
.about-desc-header{
    display: inline-flex;
    width: 100%;
}
.owl-carousel#Video-slider .owl-dots.disabled, .owl-carousel#Video-slider .owl-nav.disabled {
    display: block;
}
.line2{
      width: 40px;
    height: 4px;
    background-color: #D0B99C;
    margin: 27px 28px;
}

/* our client */
.our-client {
    padding: 0px 0px 50px;
}
.display_about h3 {
    font-size: 30px;
    font-family: 'Amiri';
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color:#555;
}
.display_about h5 {
    font-size: 16px;
    margin-top: 15px;
    font-family: 'Lato-Bold';
    font-style: italic;
}
.our-client .img-fluid {
    max-width: 80%;
    height: auto;
    margin: auto;
    display: block;
}
.top_arrow {
    border: 1px solid #999;
    position: absolute;
    top: 51%;
    right: 2%;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
}
.top_arrow a {
    color: #999;
}
@media (min-width: 768px) {
#vipModalVideo .modal-dialog {
    max-width: 100%;
    height: 100vh;
    margin: 0px;
    border-radius: 0px;
}
}
#vipModalVideo .modal-content {
    background: #000;
    padding: 0px;
}
#vipModalVideo .modal-body {
    background: #000;
    padding: 0px;
    width: 50%;
    height: 100vh;
    margin: 0px auto;
    display: flex;
    align-items: center;
}
#vipModalVideo .modal-header {
    padding: 0px;
    border: none;
}
#vipModalVideo .modal-header button.close {
    position: absolute;
    right: 20px;
    top: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 0px;
    background: #000;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    z-index: 3;
}
#vipModalVideo .modal-body video {
    width: 100%;
    height: 440px;
    align-items: center;
}

/* footer */

.footer-copyright.text-center {
padding-top: 7%;
    font-size: 12px;
    color: rgb(255 255 255 / 70%);
    letter-spacing: 0.2px;
}
.P-details-text>h4 {
    margin: 16px 0px;
    font-size: 18px;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #444;
}
.P-details-text>h5 {
    font-size: 20px;
    margin-bottom: 14px;
    font-family: 'Lato-Bold';
    letter-spacing: 0.5px;
}


/* gallery */
.vip-nav {
  margin-top: 50px;
  text-transform: uppercase;
  margin-left: 50px;
}
.vip-nav .nav-item {
    border: 1px solid #999;
    margin-right: 25px;
}
.vip-nav .nav-item>a {
    color: #222;
    font-family: 'Lato-Bold';
    padding: 13px 12px;
    text-align: center;
    min-width: 260px;
}
.vip-nav .nav-item .nav-link.active {
  background: #705E35!important;
  color: #fff;
}
.flex-container {
  display: flex;
  flex-wrap: nowrap;
}
.feature-item {
     margin: 10px;
    position: relative;
}
.feature-item.col-sm-4 {
    margin: 10px 0px!important;
}
.feature-item-img {
  width: 100%;
}

.photo-gallery-overlay {
  position: absolute;
  bottom: -1px;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  width: 100%;
}
.photo-gallery-overlay p {
    color: #fff;
    padding: 10px 15px 10px;
    line-height: 17px;
    font-family: 'Lato-Regular';
    font-size: 12px;
    margin-bottom: 0;
}
.feature-item:hover .photo-gallery-overlay  {
  display: block;
}
.vip-gallery{
  padding: 33px 33px 17px;
  margin-left: 2%;
}
.gallery-btn-left {
    left: -30px;
    position: absolute;
    top: 36%;
    font-size: 45px;
    color:#000!important;
}
.gallery-btn-right {
right: -30px;
  position: absolute;
  top: 36%;
  font-size: 45px;
  color:#000!important;
}
#Photos-slider .owl-nav{
  text-align: unset;
}
#Video-slider .owl-nav{
  text-align: unset;
}
#Video-slider .owl-nav .owl-prev{
    position: absolute;
    top: 18%;
    left: -30px;
}
#Video-slider .owl-nav .owl-next{
    position: absolute;
    top: 18%;
    right: -30px;
}
.video-gallery-overlay {
    position: absolute;
    top: 38%;
    left: 100px;
    width: 20%;
}
.video-main .video-s {
    width: 100%;
    height: 140px;
    overflow: hidden;
}
.video-main .video-s video {
    width: 100%;
    height: auto;
}
.video-para {
     font-size: 14px;
    font-family: 'Lato-Bold';
    line-height: 1rem;
    position: relative;
    padding-top: 13px;
}
.P-details-text p {
    font-size: 16px;
    line-height: 25px;
}
/*.client-banner{
background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url('<?php echo base_url()?>assets/website/img/Teaming-Agreement-Worth-it-or-Not-scaled.png');
background-size: cover;
min-height: 430px;
position: relative;
}*/
.detail-img>img {
  width: 100%;
}
.detail-img {
  margin-bottom: 30px;
}
.feature-item-vdo {
  width: 100%;
  max-height: 206px;
  overflow: hidden;
}
.video-detail-overlay {
        position: absolute;
    top: 0%;
    width: 92%;
    height: 77%;
    background: rgba(0,0,0,0.3);
}
.video-detail-overlay img {
  position: absolute;
  left: 37%;
  top: 36%;
}
.details-main-text {
    padding: 0px 66px;
}
.details-main-text h2 {
    font-size: 32px;
    font-family: 'Lato-Bold';
    color: #585858;
    letter-spacing: 1px;
}
.details-main-text h6 {
        font-size: 14px;
    margin-top: 15px;
    text-transform: uppercase;
    font-family: 'Lato-Bold';
    letter-spacing: 1px;
    color: #333;
}
.details-main-text p {
    line-height: 22px;
    font-size: 13px;
    word-break: break-word;
}
.consultancy {
      padding: 30px 50px;
}

.consultancy-left-img1.text-right img {
  width: 17%;
}
.consultancy-left-img2 img {
  width: 100%;
}
.consultancy-left-img3 ,.consultancy-left-img1 {
  display:none;
}

.consultancy-left-img3 {
  position: relative;
  bottom: 101px;
  left: 30px;
}
.adv-item-img {
  width: 20%;
  margin-bottom: 10px;
  min-height: 104px;
}
.consultancy-service h3 {
    margin-bottom: 40px;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Amiri';
    font-weight: 700;
    color:#555;
}
.service-btn-left {
  left: -85px;
  position: absolute;
  top: 36%;
  padding: 2px 6px;
  border: 1px solid;
  font-size: 21px;
  color: #000!important;
}
.service-btn-right {
  right: -49px;
  position: absolute;
  top: 36%;
  padding: 2px 6px;
  border: 1px solid;
  font-size: 21px;
  color: #000!important;
}

.video-app {
    padding: 0px 47px;
}

/* our project */
.our-project{
    padding: 50px 50px 0px;
}
.our-project-box {
    margin-bottom: 30px;
}
.our-project-box .img-fluid {
    height: 260px;
    width: 100%;
    margin-bottom: 10px;
}
.owl-carousel .owl-item .feature-item-img img {
    height: 260px;
}

/* awards and news */
.awards{
  padding: 60px 60px 0px;
}
.Awards-nav {
  margin-top: 25px;
  text-transform: uppercase;
}
.Awards-nav .nav-item {
  border: 1px solid #705E35;
  min-width: 265px;
}
.Awards-nav .nav-item>a {
    font-size: 18px;
    color: #705E35;
    padding: 12px 10px !important;
    text-align: center;
    font-family: 'Lato-Bold';
    min-width: 300px;

}
.Awards-nav .nav-item .nav-link.active {
  background: #705E35!important;
  color: #fff;
}
.award-header {
  margin: 22px 0px;
  width: 70%;
}
.awards-desc-header {
  display: inline-flex;
  margin-top: 50%;
}
.awardsline {
  width: 30px;
  height: 1px;
  background-color: #fff;
  margin: 15px;
}
.display_awards h3 {
  font-size: 20px;
  line-height: 30px;
}
.luxuary {
  background: #A99E85;
  overflow: hidden;
  margin: 0px;
  color: #fff;
}
.awards-img img {
  width: 100%;
}

.luxuary-para {
    color: #fff;
    padding-left: 60px;
    line-height: 21px;
    font-size: 14px;
    font-family: 'Lato-Light';
}
.display_awards h3 {
  font-size: 26px;
}
.banner-awards {
  position: relative;
  top: -47px;
  height: 47px;
  padding: 12px;
  text-align: center;
  background: #705E35;
  width: 100%;
  color: #fff;
  border-radius: 0px 0px 10px 10px;
}
.banner-search {
    position: absolute;
    top: 0%;
    width: 100%;
    display:none;
    height:76%;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: rgba(0,0,0,0.3);
}
.awards_banner_details:hover .banner-search {
    display: block;
}
.banner-search a {
    position: relative;
    top: 27%;
    left: 43%;
}
.banner-search a i {
    color: #fff;
    font-size: 30px;
}
.award-btn-left {
  left: -36px;
  position: absolute;
  top: 25%;
  font-size: 39px;
  color: #000!important;
}
.award-btn-right {
  right: -36px;
  position: absolute;
  top: 25%;
  font-size: 39px;
  color: #000!important;
}
.award-header h5 {
    font-family: Lato-BoldItalic;
    letter-spacing: 1px;
    padding: 14px 0px;
    color: #444;
    font-size: 21px;
    line-height: 30px;
}
.lux-head h3 {
    text-transform: uppercase;
    font-size: 21px;
    padding-bottom: 20px;
}
.our-project-text p {
    margin-top: 12px;
}
.our-project-text {
    padding: 10px 0px;
    margin-bottom: 12px;
}
.our-project-text h6 {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Lato-Bold';
    letter-spacing: 1px;
    color: #777;
}
.our-project-text h5 {
    font-size: 14px;
 font-family: Lato-Bold;
}
.our-project-text p a {
    /* margin-top: 29px; */
    color: #A99E85;
    font-family: 'Lato-Bold';
    font-size: 16px;
    text-transform: uppercase;
}
.display_about1 h3 {
    text-transform: uppercase;
    font-family: 'Amiri';
    font-size: 30px;
    font-weight: 700;
    color: #555;
}
.display_about1 h5 {
    font-size: 17px;
    margin: 15px 0px 7px;
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    letter-spacing: 0.2px;
    color: #555;
}
.awards_banner_details img {
    max-height: 150px;
    object-fit: fill;
}
.display_about1 h6 {
    font-size: 17px;
    font-family: Lato-BoldItalic;
}

.consultancy-service {
    padding: 0px 50px;
}
.svc-item-img {
       width: 100%;
    margin-bottom: 26px;
    height: 128px;
}
.svc-item h6 {
    font-size: 23px;
    min-height: 55px;
}


/* our brand */
.our-brand-title{
  padding: 30px 40px;
  background-color: #705E35;
    background-color: #A99E85;
  min-height: 270px;
  color: #fff;
}
.brand-para{
  color: #fff;
    font-style: italic;
    font-size: 15px;
    font-family: 'Lato-Bold';
}
.brand-box-banner>img {
    width: 220px;
    height: 100px;
}
.brand-box-banner{
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 10px;
        min-height: 420px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 30px;
}
.brand-box-banner p{

      font-size: 12px;
    padding: 4px;
    /* min-height: 0px; */
    margin-bottom: 26px;
    max-height: 137px;
    line-height: 22px;
    color: #999;

}
.brand-arrow a {
    text-transform: uppercase;
    color: #705E35;
    font-size: 14px;
    font-family: 'Lato-Bold';
}
  .brand-arrow {
    padding: 13px;
}
.brand-box-banner h5 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: Lato-Bold;
}
.our-brand-box {
  position: relative;
    margin-top: -140px;
}

/* contact */
.contactus{
  padding: 50px;
}
.contact-details{
  background-color: #A99E85;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 8px rgb(167 165 165);
  border-radius: 10px;
  padding: 15px;
  min-height: 215px;
  margin-bottom: 30px;
}
.contact-header {
  margin-top: 78px;
  text-align: center;
  margin-bottom: 36px;
}
.contact-form .form-control{
    padding: 1.2rem 2rem;
    border-radius: 10px;
    border: 1px solid;


}
.contact-form ::-webkit-input-placeholder {
  font-size: 13px;
}

.contact-form>label {
  font-weight: 500;
  text-align: left;
  margin-left: 18px;
  color: #000000b8;
}
.col-lg-6.your-mail {
  padding: 0px 11px 8px 0px;
}
.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  padding: 14px!important;
  border: 1px solid!important;
  border-radius: 10px!important;
  height: 60px!important;
}
.section-button {
  margin: 20px 0px;
  text-align: center;
}
.from-flex{
  display: flex;
}
.your-number {
  padding-right: 0px;
}
select.js-example-basic-single.input-select.select2-hidden-accessible {
  width: 100%;
  padding: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 14px!important;
  right: 9px!important;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5f5d5d!important;
  line-height: 28px;
  font-size: 13px!important;
}
.section-button a {

    border: 1px solid;
    font-family: 'Lato-Regular';
    padding: 13px 27px;
    color: #fff;
    background: #705E35;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.contact-details h5 {
    padding: 10px 0px;
    font-family: 'Amiri';
    text-transform: uppercase;
    font-size: 18px;
    margin: auto;
    letter-spacing: 0.5px;
}
.contact-details p {
  color: #fff;
  font-size: 13px;
  line-height: 23px;
  padding: 0px 22px;
}
.contact-details img {
    margin-top: 8px;
    width: 35px;
    margin-bottom: 10px;
}
.contact-header h2 {
  font-family: 'Amiri';
  text-transform: uppercase;
  font-size: 32px;
}
/*.contact-banner {
  background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url('<?php echo base_url()?>assets/website/img/Contact/contact-us.png');
  background-size: cover;
  min-height: 420px;
  position: relative;
}*/

/* career */

/*.career-banner {
  background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url('<?php echo base_url()?>assets/website/img/Career/asianmuslimfemalehrmanag_792558.png');
  background-size: cover;
  min-height: 420px;
  position: relative;
}*/
.career{
  padding: 50px;
}
.job-details{
  background-color: #705E35;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 8px rgb(167 165 165);
  border-radius: 10px;
  padding: 15px;
  min-height: 215px;
}
.job-header {
  margin-top: 78px;
  text-align: center;
  margin-bottom: 36px;
}
.job-form .form-control{
  padding: 1.2rem 2rem;
    border-radius: 10px;
    background: transparent;
    border: 1px solid;
    color: #fff;
}
.job-form ::-webkit-input-placeholder {
  font-size: 13px;
  color: #fff;
}

.job-form>label {
  font-weight: 500;
  text-align: left;
  margin-left: 18px;
  color: #fff;
  font-family: 'Lato-Bold';
}
.col-lg-6.your-mail {
  padding: 0px 11px 8px 0px;
}
.select2-container {
  width: 100% !important;
}
.select2-container--default .select2-selection--single {
  padding: 14px!important;
  border: 1px solid!important;
  background: transparent!important;
  border-radius: 10px!important;
  height: 60px!important;
}
.job-form .select2-container--default .select2-selection--single
{
    color:#fff;
}
.section-button {
  margin: 20px 0px;
  text-align: center;
}
.from-flex{
  display: flex;
  color: #fff;
}
.job-header h2 {
  font-family: 'Amiri';
  text-transform: uppercase;
  font-size: 32px;
  color:#fff;
}
.job-header{
  color: #fff;
}
.job-header p {
  color: #fff;
}
.your-number {
  padding-right: 0px;
}
select.js-example-basic-single.input-select.select2-hidden-accessible {
  width: 100%;
  padding: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 14px!important;
  right: 9px!important;
  width: 20px;
}
.eventsection {
    padding: 60px;
}
.exhibition-img>img {
    width: 100%;
}
.exhibition-img img {
    height: 250px;
}
.exhibition-img h6{
    margin-top: 14px;
    font-size: 12px;
    margin-bottom: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Lato-Bold';
    color: #666;
}
.exhibition-detail p {
    font-size: 16px;
    font-family: 'Lato-Bold';
}
.exhibition-detail a {
    font-family: 'Lato-Bold';
    color: #D0B99C;
    font-size: 16px;
    text-transform: uppercase;
}
.exhibition-detail {
    text-align: center;
}
.job-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fdfdfd!important;
  line-height: 28px;
  font-size: 13px!important;
}
.job-button a {
    border: 1px solid #705E35;
    padding: 13px 27px;
    color: #fff;
    background: #705E35;
    margin: auto;
    text-transform: uppercase;
    font-family: 'Lato-Regular';
    letter-spacing: 1px;
}
.job{
  background-color:#A99E85 ;
  border-radius: 10px;
  padding-bottom: 24px;
}
.job-button {
  margin: 20px 0px;
  text-align: center;
}
.career-desc {
  padding: 0px 70px;
      margin-bottom: 32px;
}
.career-desc p {
    font-size: 14px;
    font-family: 'Lato-Bold';
    font-style: italic;
    color: #000;
    line-height: 17px;
}
.btn-sm.float-left {
    position: absolute;
    margin: 13px;
    color: #fff;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 500;
    text-align: left;
    margin-left: 18px;
    color: #fff;
    font-family: 'Lato-Bold';
    font-size: 14px;
}
section.Ndetails {
  padding: 50px;
}
section.Ndetails h1 {
  font-size: 30px;
    font-family: 'Lato-Bold';
    color: #524c4c;
    margin-bottom: 15px;
    line-height: 40px;
}
section.Ndetails p {
    line-height: 22px;
    font-family: 'Lato-Bold';
    padding: 10px 0px;
    font-size: 12px;
    color: #666;
}
section.Ndetails img {
     width: 100%!important;
  max-height: 550px;
}
.missionandvision {
    background: #2F2D2B;
    color: #fff;
}
.mission {
    padding: 80px 50px;
        border-right: 1px solid #8a8080;
}


.mission h4 {
    padding: 20px 0px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Amiri';
}
.mission p {
    color: rgb(255 255 255 / 60%);
    font-family: 'Lato-Regular';
    line-height: 25px;
}
.experience-box h2 {
    font-family: 'Lato-Bold';
    font-size: 35px;
    color: #333;
    margin: 0px 0px 15px;
}
.mission img {
    height: 50px;
}
.experience {
    padding: 57px 200px;
}
.experience-box {
    text-align: center;
}
.experience-box img {
    max-height: 36px;
    margin-bottom: 20px;
}
.experience-box p {
    font-size: 13px;
    margin-top: 12px;
        font-family: 'Lato-Bold';
    text-transform: uppercase;
}
.svc-item-img img {
       width: 24%!important;
    height: 135px;
}
.svc-item {
    padding-right: 23px;
}
.about-line {
    width: 100%;
}
.contact-from-flex label {
    display: flex;
    color: #080808;
}
.contact-from-flex{
    display:flex;
    
}
/*.brand-banner {
    background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url('<?php echo base_url()?>'assets/website/img/Cnk0pRQWEAA4pGe.png);
    background-size: cover;
    min-height: 442px;
    position: relative;
}*/
/*.consultancy-banner{
     background-image: linear-gradient(rgba(47,45,43,0.7),rgba(47,45,43,0.7)),url('<?php echo base_url()?>assets/website/img/41968153_670341776673006_988975606416801792_n.png');
    background-size: cover;
    min-height: 442px;
    position: relative;
}*/

.P-details {
    margin: 10px 10px;
}
.awards_list .our-project-text {
    padding: 30px 0px;
}
.awards_list .our-project-text h5 {
    font-size: 18px;
    line-height: 25px;
    color: #444;
        min-height: 50px;
}
.awards_list .our-project-text p a {
    color: #d8be9c;
}
.awards_list .our-project-box {
    margin: 0;
}
section.Ndetails h6 {
    font-family: 'Lato-Bold';
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.job-form ::-webkit-file-upload-button {
    font-size: 14px;
  background: #705E35;
  color: #fff;
    border: 1px solid #705E35;
    width:130px;
    height:32px;
    padding:3px 30px;
}


.owl-item.active .banner-details h1{
   -webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both ;
   
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


.owl-item.active .banner-details h3{
   -webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both ;
   
    -webkit-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.consultancy-left-img2 {
    margin-top: 50px;
}
.contact-button  {
      border: unset;
    padding: 13px 27px;
    color: #fff;
    background: #705E35;
    margin: auto;
}
.video-PP-new {
    width: 78px;
    text-align: right;
    margin-top: 10px;
}
.select2-container--default .select2-search--inline .select2-search__field {
    padding:20px;
    height:40px;
}

span.select2-selection.select2-selection--multiple{
    padding: 14px!important;
    border: 1px solid!important;
    background: transparent!important;
    border-radius: 10px!important;
    height: 60px!important;
}
.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 1;
    width: 48px;
}

/*::-webkit-media-controls {*/
/*  display:flex!important;*/
/*}*/
/*video::-webkit-media-controls {*/
/*  display:flex !important;*/
/*}*/
/*video::-webkit-media-controls-enclosure {*/
/*  display:flex !important;*/
/*}*/
.video-image::-webkit-media-controls{
    display:none!important;
}
.video-image::-webkit-media-controls{
    display:none!important;
}
.video-image::-webkit-media-controls-enclosure{
    display:none!important;
}
.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 1;
    width: 48px;
}
  video::-webkit-media-controls-play-button{
  display: flex !important;
}
video.video-image {
    height: 144px!important;
          object-fit: fill!important;
}
  
      #Photos-slider .owl-nav{
      display: block;
      }
      #Photos-slider .owl-nav .owl-prev{
      position: absolute;
      top: 45%;
      left: -30px;
      }
      #Photos-slider .owl-nav .owl-next{
      position: absolute;
      top: 45%;
      right: -30px;
      }
      video{
      width:100%;
      }
      #fade {
      display: none;
      position: fixed;
      top: 0%;
      left: 0%;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index: 1001;
      -moz-opacity: 0.8;
      opacity: .80;
      filter: alpha(opacity=80);
      }
      #light {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 600px;
      max-height: 360px;
      margin-left: -300px;
      margin-top: -180px;
      border: 2px solid #FFF;
      background: #FFF;
      z-index: 1002;
      overflow: visible;
      }
      #boxclose {
      float: right;
      cursor: pointer;
      color: #fff;
      border: 1px solid #AEAEAE;
      border-radius: 3px;
      background: #222222;
      font-size: 31px;
      font-weight: bold;
      display: inline-block;
      line-height: 0px;
      padding: 11px 3px;
      position: absolute;
      right: 2px;
      top: 2px;
      z-index: 1002;
      opacity: 0.9;
      }
      .boxclose:before {
      content: "×";
      }
      #fade:hover ~ #boxclose {
      display:none;
      }
      .test:hover ~ .test2 {
      display: none;
      }
      .page-head {
      padding: 60px 0;
      text-align: center;
      }
      .page-head .lead {
      font-size: 18px;
      font-weight: 400;
      line-height: 1.4;
      margin-bottom: 50px;
      margin-top: 0;
      }
      .page-head h1 {
      font-size: 42px;
      margin: 0 0 20px;
      color: #FFF;
      position: relative;
      display: inline-block;
      }
      .page-head h1 .version {
      bottom: 0;
      color: #ddd;
      font-size: 11px;
      font-style: italic;
      position: absolute;
      width: 58px;
      right: -58px;
      }
      .demo-gallery > ul {
      margin-bottom: 0;
      }
      .demo-gallery > ul > li {
      margin-bottom: 15px;
      width: 100%;
      display: inline-block;
      margin-right: 15px;
      list-style: outside none none;
      }
      .demo-gallery > ul > li a {
         border: 3px solid #FFF;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
      }
      .demo-gallery > ul > li a > img {
      -webkit-transition: -webkit-transform 0.15s ease 0s;
      -moz-transition: -moz-transform 0.15s ease 0s;
      -o-transition: -o-transform 0.15s ease 0s;
      transition: transform 0.15s ease 0s;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      height: 100%;
      width: 100%;
      }
      /*.demo-gallery > ul > li a:hover > img {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
      }
      .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
      opacity: 1;
      }
      */
      .demo-gallery > ul > li a .demo-gallery-poster {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: background-color 0.15s ease 0s;
      -o-transition: background-color 0.15s ease 0s;
      transition: background-color 0.15s ease 0s;
      }
      .demo-gallery > ul > li a .demo-gallery-poster > img {
      left: 50%;
      margin-left: -10px;
      margin-top: -10px;
      opacity: 0;
      position: absolute;
      top: 50%;
      -webkit-transition: opacity 0.3s ease 0s;
      -o-transition: opacity 0.3s ease 0s;
      transition: opacity 0.3s ease 0s;
      }
      /*
      .demo-gallery > ul > li a:hover .demo-gallery-poster {
      background-color: rgba(0, 0, 0, 0.5);
      }*/
      .demo-gallery .justified-gallery > a > img {
      -webkit-transition: -webkit-transform 0.15s ease 0s;
      -moz-transition: -moz-transform 0.15s ease 0s;
      -o-transition: -o-transform 0.15s ease 0s;
      transition: transform 0.15s ease 0s;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      height: 100%;
      width: 100%;
      }
      /*.demo-gallery .justified-gallery > a:hover > img {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
      }
      .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
      opacity: 1;
      }
      */
      .demo-gallery .justified-gallery > a .demo-gallery-poster {
      background-color: rgba(0, 0, 0, 0.1);
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: background-color 0.15s ease 0s;
      -o-transition: background-color 0.15s ease 0s;
      transition: background-color 0.15s ease 0s;
      }
      .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
      left: 50%;
      margin-left: -10px;
      margin-top: -10px;
      opacity: 0;
      position: absolute;
      top: 50%;
      -webkit-transition: opacity 0.3s ease 0s;
      -o-transition: opacity 0.3s ease 0s;
      transition: opacity 0.3s ease 0s;
      }
      /*.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
      background-color: rgba(0, 0, 0, 0.5);
      }*/
      .demo-gallery .video .demo-gallery-poster img {
      height: 48px;
      margin-left: -24px;
      margin-top: -24px;
      opacity: 1;
      width: 48px;
      }
      .demo-gallery.dark > ul > li a {
      border: 3px solid #04070a;
      }
  
  .modal-content {
    background-color: #705E35;
}
.modal-header {
    border-bottom: none;
}
.modal-body {
    padding: 0px 30px 30px;
}
button.close {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    line-height: 0px;
    text-align: center;
    background: #000;
    padding: 0px !important;
    margin: 0px auto !important;
    font-weight: 45;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
}
.modal-body h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
    color: #ffffff;
}
button.btn.btn-primary.play {
    background: none;
    background-size: cover;
    width: 50px;
    height: 37px;
    text-align: center;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #705e35;
    margin-top: 0px;
    float: left;
}
.no-music {float: right;}
button.btn.btn-primary {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #705e35;
}