@font-face {
    font-family: 'RobotoCondensed';
    src: url('fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'RobotoCondensed';
    src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 500;
}







html{
    scroll-behavior: smooth;
}
body{
    font-family: 'RobotoCondensed', sans-serif;
    font-size: 18px; 
    color: #292B2A;
    font-weight: 400;
}



a{-webkit-transition: all 0.32s ease-out; -moz-transition: all 0.32s ease-out; -o-transition: all 0.32s ease-out; -ms-transition:  all 0.32s ease-out; transition: all 0.32s ease-out; text-decoration:none;}
a:hover{color: #AC906E; text-decoration: none;}

::placeholder { color: 000; opacity: 1; }
:-ms-input-placeholder { color: 000;}
::-ms-input-placeholder { color: 000;}

/*COMMOM STYLES*/

.fw-bo, strong{font-weight: 500;}
.fw-re{font-weight: 400;}
.fw-li{font-weight: 300;}

.fs-100{font-size: 100px;}
.fs-62{font-size: 62px;}
.fs-52{font-size: 52px;}
.fs-36{font-size: 36px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}


.ls-1{letter-spacing: 1px;}
.ls-2{letter-spacing: 2px;}

.lh-1-4{line-height: 1.4;}
.lh-2{line-height: 2;}


.bg-grey{background-color: #D5D1CF!important; }
.bg-grey2{background-color: #E4E1D9!important; }
.bg-brand{background-color: #AC906E;}
.bg-red{background-color: #b33634;}
.text-brand{color:#AC906E!important;}
.text-blue{color:#233160!important;}
.text-black{color:#000!important;}
.text-red{color:#b33634}
.btn-brand{background-color: #233160; border:none; display: inline-block;  transition: all 0.32s ease-out; color: #FFF; font-weight: 500; font-size: 18px; padding: 15px 25px; letter-spacing: 1.5px; border: 1px solid #233160;}
.btn-brand:hover{background-color: #AC906E; color: #FFF!important;border: 1px solid #FFF;}

.btn-transparent{background-color: transparent; border: 1px solid #FFF;}


.has-bg{background-position: center; background-size: cover; }


.img-linked{
    -webkit-transition: all 0.32s ease-out;
    -moz-transition: all 0.32s ease-out;
    -o-transition: all 0.32s ease-out;
    -ms-transition:  all 0.32s ease-out;
    transition: all 0.32s ease-out;
}
.img-linked:hover{
    transform: scale(1.1);
    cursor: pointer;
}

.text-linked{color: inherit;}
.text-linked:hover{color: inherit; text-decoration: underline;}

#hero-wrapper{background-image: url('../images/bg-hero.jpg'); background-position: center; background-size: cover ; padding-right: 80px;}
#hero-wrapper .img-logo{width: 295px;}

.rend-block{float: left;}
.rend-block:hover .fp-link img{opacity:.60;}
.fp-link{display: inline-block;}
.home-name{background-color: #D0C9C1; display: block; padding: 12px 5px; margin-bottom: 0; line-height: 1; color: #233160; transition: all .35s linear;}
.rend-block:hover .home-name{background-color: #233160; color: #FFF;}

footer{background-color: #233160;}




@media(min-width:768px) and (max-width: 991px){
}

@media screen and (min-width:1899px){
   .container{max-width: 1700px;}
   .border-left{border-left: 1px solid #FFF;}
}



.showMore{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 49%;
    z-index: 15;
     -webkit-animation: bounce 2s infinite ease-in-out;
    -o-animation: bounce 2s infinite ease-in-out;
    -ms-animation: bounce 2s infinite ease-in-out; 
    -moz-animation: bounce 2s infinite ease-in-out; 
    animation: bounce 2s infinite ease-in-out;
}



@-webkit-keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

@keyframes bounce {
    0% { transform: translateY(-15px)  }
    50% { transform: translateY(20px) }
    100% { transform: translateY(-15px) }
}

#socialLinksSide{  position: fixed; top: 15px; width: 58px;right: 0;}

#registrationForm{max-width: 950px; margin: 0 auto;}
#registrationForm .form-control{border-radius: 0; border: none;}
#registrationForm  label{color: #000;}
#registrationForm select{border-radius: 0;}
#webRegForm{max-width: 950px; margin: 0 auto;}
#webRegForm .form-control{border-radius: 0; border: none;}
#webRegForm  label{color: #000;}
#webRegForm select{border-radius: 0;}

/* <div class="scrollImg">
                    <div class='icon-scroll'><div>
                </div> */
#heroSlider .scrollImg{position: absolute;width: 100%; left: 0; bottom: 0; z-index: 10;  height: 100px; }
.icon-scroll,
.icon-scroll:before{
  position: absolute;
  left: 50%;
}

.icon-scroll{
  width: 40px;
  height: 70px;
  margin-left: -20px;
  top: 50%;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}

.icon-scroll:before
{
  content: '';
  width: 8px;
  height: 8px;
  background: #83C02F;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll{
  0%{opacity: 1;}
  100%{opacity: 0; transform: translateY(46px);}
}



@media screen and (max-width: 992px){
    .fs-100{font-size: 70px;}
    .fs-62{font-size: 26px;}
    .fs-52{font-size: 18px;}
    .fs-36{font-size: 21px;}
    .fs-24{font-size: 18px;}
    .fs-20{font-size: 19px;}

    #hero-wrapper{padding-right: calc(var(--bs-gutter-x) * .5); }

    .home-name{font-size: 14px; padding-left: 0; padding-right: 0;}
    .home-name .fs-12 {display: none;}

    #socialLinksSide{display: none;}
   
}


@media screen and (max-width: 767px){
    body{font-size: 17px;}
   .fs-100{font-size: 50px;}
    .fs-62{font-size: 32px;}
    .fs-52{font-size: 30px;}
    .fs-36{font-size: 24px;}
    .fs-24{font-size: 20px;}
    .fs-20{font-size: 19px;}

   .home-name{font-size: 11px; }



}

@media screen and (max-width: 576px){
   body{font-size: 16px;}
   .fs-100{font-size: 40px;}
    .fs-62{font-size: 26px;}
    .fs-52{font-size: 18px;}
    .fs-36{font-size: 21px;}
    .fs-24{font-size: 18px;}
    .fs-20{font-size: 19px;}


    .home-name{font-size: 8px; }
}

@media (min-width: 767px){
    #ModalPopup .modal-dialog {
        max-width: 508px;
        }}
    #ModalPopup .modal-content {background-color: transparent;border:none}
    #ModalPopup  .modal-header{border-bottom: none;padding: 1rem 1rem 0rem;}
    #ModalPopup .close{color: white;text-shadow: none;opacity: 1;background-color: transparent;border: none;padding: 1rem 0rem; margin: -1rem -1rem -1rem auto;}
    #ModalPopup .close:hover {color: #ffffff;text-decoration: underline;}
    #ModalPopup  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{opacity: 1;}
    .modal#ModalPopup{background-color: rgba(83,98,111,0.7);}



    .modal-backdrop.in {
        filter: alpha(opacity=80);
        opacity: .8;
      }
      
      .popup-image-gallery .modal-dialog {
        width: 100%;
      }
      
      .popup-image-gallery .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        border: 0;
        border-radius: 0;
      }
      
      .popup-slider-for {
        position: relative;
        /* min-height: 300px; */
        z-index: 2;
      }
      
      @-webkit-keyframes spin {
        0% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      
      @keyframes spin {
        0% {
          -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          transform: rotate(0deg);
        }
        100% {
          -webkit-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      
      .popup-slider-for:after {
        content: "\e030";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        z-index: -1;
        color: #fff;
        opacity: .75;
      }
      
      .popup-slider-for,
      .main-image {
        text-align: center;
        margin-bottom: 0;
      }
      
      .popup-slider-for .slick-slide img {
        display: inline-block;
        max-width: 100%;
        vertical-align: middle;
      }
      
      .popup-slider-nav .thumbnail-image {
        position: relative;
        margin: 0 5px;
        cursor: pointer;
      }
      
      .popup-slider-nav .thumbnail-image,
      .popup-slider-nav .thumbnail-image img {
        display: block;
        width: 140px;
        height: 100px;
      }
      
      .popup-slider-nav .thumbnail-image:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
      }
      
      .popup-slider-nav .thumbnail-image:hover:after {
        background-color: rgba(0, 0, 0, 0.4);
      }
      
      .popup-slider-nav .slick-current:after,
      .popup-slider-nav .slick-current:hover:after,
      .popup-slider-nav .slick-center:after,
      .popup-slider-nav .slick-center:hover:after {
        background-color: transparent;
      }
      
      .pagingInfo {
        color: #fff;
        text-align: center;
        margin: 20px 0;
      }
      
      .popup-slider-for .slick-next,
      .popup-slider-for .slick-prev {
        width: auto;
        height: auto;
        z-index: 1;
      }
      
      .popup-slider-for .slick-prev {
        left: 0;
      }
      
      /* .popup-slider-for .slick-prev:before,
      .popup-slider-for .slick-next:before,
      .popup-slider-for:after {
        font: normal normal 30px/1 'Glyphicons Halflings';
      } */
      
      /* .popup-slider-for .slick-prev:before {
        content: "\F137";
      }
      
      .popup-slider-for .slick-next:before {
        content: "\F136";
      } */
      
      .popup-slider-for .slick-next {
        right: 0;
      }
      
      .popup-image-gallery .close-icon {
        top: 0;
      }
      
      .slick-slide {
        outline: 0;
      }
      .slick-next:before, .slick-prev:before{
        font-size: 35px;
      }
      .close-btn {
        background-color: transparent;
        color: #fff;
        position: absolute;
        right: 20px;
        z-index: 3;
        font-size: 24px;
        margin: 0;
        opacity: .75;
      }
      
      .close-btn:hover,
      .close-btn:focus {
        color: #fff;
        opacity: 10;
      }
      
      .popup-image-gallery .modal-dialog {
        margin: 50px auto;
        max-width: 1200px;
      }
      
      @media (max-width: 767px) {
        .popup-image-gallery .modal-body {
          padding: 0;
        }
        .popup-image-gallery .modal-dialog {
          margin-top: 20px;
        }
        .popup-image-gallery .close-icon {
          top: -20px;
        }
        .popup-slider-for .slick-prev {
          left: 12px;
        }
        .popup-slider-for .slick-next {
          right: 12px;
        }
        .close-btn{right: 0;}
        .slick-next:before, .slick-prev:before {
          font-size: 20px;
      }
      }