@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');


    @font-face{
      font-family: "TrajanPro-Regular";
      src:url("../font/TrajanPro-Regular.ttf");
    }
    
    @font-face{
      font-family: "TrajanPro-Bold";
      src:url("../font/TrajanPro-Bold.otf");
    }

    @font-face{
      font-family: "Steelfish-Regular";
      src:url("../font/steelfish-regular.otf");
    }
    @font-face{
      font-family: "swiss-light";
      src:url("../font/swiss-light.ttf");
    }
    @font-face{
      font-family: "Poppins-Regular";
      src:url("../font/Poppins-Regular.otf");
    }

    @font-face{
      font-family: "HELVETICA-SCHOOL";
      src:url("../font/HELVETICA-SCHOOL.ttf");
    }

     @font-face{
      font-family: "Indira_K";
      src:url("../font/Indira_K.ttf");
    }

    ul.sp li:hover > ul.dropdown-menu {
    display: block;
    }


    /* CSS Document */



    .img-100{width:100%;}

    body{background-color: #FFFFFF;  font-family: "Indira_K"; font-size:14px;}


    /*..............index.................*/



    .sect1{
        padding: 0px 0px 0px;
    }

    .sect2{
        background: #212121;
        padding: 95px 15px 40px;
    }

    .sect2 img{
      border-radius: 10px;
    }
    
    .gal-img-holder{
      margin: 0 0 25px;
    }

    .sect2 button{
      border: 1px solid #646464;
      background: transparent;
      padding: 7px 30px;
      border-radius: 20px;
      color: #fff;
      margin: 20px 0 0;
      font-family: "TrajanPro-Regular";
      font-size: 16px;
    }


    .sect3{
      background: #737373;
      padding: 50px 15px 60px;
    }

    .sect3 h2{
      color: #fff;
      margin: 0px 0 15px;
      font-family: "TrajanPro-Regular";
      font-size: 42px;
    }

    .sect3 h3{
      color: #fff;
      margin: 0px 0 0;
      font-family: "TrajanPro-Regular";
      font-size: 20px;text-align: center;
    }

    .sect3 h4{
      color: #fff;
      margin: 0px 0 0;
      font-family: "TrajanPro-Regular";
      font-size: 22px;text-align: center;
    }

    .fp{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 0 45px;
    }

    .f1 img{
      border-radius: 50px;
    }

    .f1, .f2, .f3 {
      flex-grow: 1;
      margin: 0 0 10px;
    }

    .f4{
      flex-grow: 25;
    }

    .sect3 button{
      border: 1px solid #fff;
      background: transparent;
      padding: 4px 20px;
      border-radius: 20px;
      color: #fff;
      margin: 0px 0 0;
      font-family: "TrajanPro-Regular";
      font-size: 14px;
    }

















   
    footer{
        background: #636363;
        padding: 70px 15px 25px;
    }

    footer p{
      font-family: "Indira_K";
        font-size: 15px;
        color: #f8f9fa;
        margin: 0 0 25px;
        text-align: center;
    }

    footer a {
    color: #f8f9fa;
    text-decoration: none;
    }

    footer a:hover {
    color: #CCCCCC;
    text-decoration: none;
    }

    footer .flo {
        float: right;
    }

    footer img{
        padding: 0 15px 0 0;
    }

    .social{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .slick-slide {
        padding: 0 15px;
      }




/*...................................... sub-pages......................................... */

.no-padding{padding:0px;}
.navbar .btn-navbar {
    display:none;}

.pos1, .pos2{display: none;}
.sect1 p{font-family: "TrajanPro-Bold"; font-size: 11px;color: #c8c8c8;padding: 0;margin: 0;text-transform: uppercase;
letter-spacing: 1px;}
.sect1 p span{font-size: 14px; padding: 0 0 0 8px;}

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
   -webkit-overflow-scrolling: touch;
   position: absolute;
top: 50px;
left: 20px;
display: flex;
right: 15px;
}
.card {
    position: unset;
    display: inline-block;
    background-color: unset;
border: unset;
border-radius: .25rem;
padding: 0 15px 0 0;
min-width: unset;
  }

.scrolling-wrapper::-webkit-scrollbar { width: 0 !important }
.scrolling-wrapper { overflow: -moz-scrollbars-none; }

.bottoms{bottom: 130px;
top: unset;
left: 32px;}
.bottoms2{bottom: 95px;
top: unset;}
.bottoms .card, .bottoms2 .card{padding: 0px 25px 0 0;}
.pos-logo{position: absolute;bottom: 20px;width: 35%;
left: 50%;
transform: translateX(-50%);}

.gal-wrapper{position: unset;
display: block;}
.owl-carousel .item {
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-footer {border-top: 1px solid #282828;}

.modal-body h2{color: #000;
      margin: 0px 0 12px;
      font-family: "TrajanPro-Regular";
      font-size: 42px;text-transform: uppercase;}

.modal-body h3{font-family: "TrajanPro-Regular";
      font-size: 21px;color: #000;margin: 0px 0 12px;padding: 0;text-transform: uppercase;}

.modal-body p{font-family: "Indira_K";font-weight: 400;
      font-size: 18px;color: #000;margin: 0px 0 20px;padding: 0;line-height: 1.6;}

.modal-body p span{font-size: 16px;}

.modal-body ul{margin: 0 0 30px;padding: 0 12px 0;}
.modal-body ul li{font-family: "Indira_K";font-weight: 400;
      font-size: 14px;color: #000;margin: 0px 0 15px;padding: 0;}

.modal-body h4{font-family: "Indira_K";font-weight: 500;
      font-size: 20px;color: #000;margin: 0px 0 12px;padding: 0;text-transform: uppercase;}

.modal-content{background: #e6e6e6; }
.modal-header {border-bottom: unset;}

.sect-about{background: #fff; padding: 80px 15px 70px;}
.sect-about h2{color: #000;
margin: 0px 0 15px;
font-family: "TrajanPro-Regular";
font-size: 30px;
padding: 0;}

.sect-about p {
  font-family: "Indira_K";
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0px 0 15px;
}
.sect-about img{border-radius: 10px;}
.btn-read{background: #fff;border: 1px solid #000;border-radius: 20px;transition: all 0.5s;
  font-family: "Indira_K";font-weight: 400;font-size: 15px;color: #000;padding: 5px 30px;margin: 0;
  text-transform: uppercase;}

.btn-read:hover {
  border: 1px solid #000;
  color: #fff !important;
  background: #000;
}

.sect-add{background: #605f5f;
padding: 40px 15px 30px;}

.sect-add h2{color: #fff;
margin: 0px 0 20px;
font-family: "TrajanPro-Regular";
font-size: 22px;
padding: 0 0 5px;border-bottom: 2px solid #fff;
display: inline-block;}

.sect-add p {
  font-family: "Indira_K";
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  margin: 0px 0 15px;
}
.call {
  background: url('../images/call.png') no-repeat;
  padding: 0px 0 20px 40px;
}
.mail {
  background: url('../images/mail.png') no-repeat 0px 8px;
padding: 0px 0 10px 40px;
line-height: 2;
}
.whatsapp {
  background: url('../images/whats.png') no-repeat;
  padding: 0px 0 20px 40px;
}
.sect-add a{color: #fff;text-decoration: none;cursor: pointer;}
.sect-add a:hover{text-decoration: underline;}
.sect-add span{border-bottom: 1px double #fff;
color: #fdc37f;}

footer {
  background: #373737;
  padding: 25px 15px 20px;
}

footer p {margin: 0 0 10px;}

.social {
  display: unset;}
.social img{padding-right: 10px;}


.article{padding: 50px 30px 50px;}
.article h2 {
  color: #000;
  margin: 0px 0 15px;
  font-family: "TrajanPro-Regular";
  font-size: 42px;
  padding: 0;
}
.article h3 {
color: #054d86;
margin: 0px 0 10px;
padding: 10px 0;
font-family: "TrajanPro-Regular";
font-size: 18px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.article p {
  color: #000;
  margin: 0px 0 10px;padding: 0px;
  font-family: "TrajanPro-Regular";
  font-size: 14px;
}
.btn-art{background: unset;
border: none;
font-family: "TrajanPro-Regular";
font-size: 14px;color: #054d86;
text-decoration: underline;
padding: 0px;
margin: 0;}
.article a{text-decoration: none;}



.parent {
    flex-direction: row;}
@media(max-width: 767px)
{
.parent {
  display: flex;
  flex-direction: column-reverse;
}
}





    @media only screen and (max-width: 1300px)
    {

    }


    @media only screen and (max-width: 1199px)
    {
        


    }
    
    @media screen and (min-width: 767px)
    {
      .ba{display:none;}


    }

    @media screen and (max-width: 991px)
    {

      .sect2 {
        background: #212121;
        padding: 70px 15px 0;
      }

      .fp {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 0 50px;
      }

      .f1, .f2, .f3 {
        flex-grow: 1;
        margin: 0 0 10px;
      }


    }


    @media only screen and (max-width: 767px) 
    {

    .ban, .hide {
        display: none;
    }
    .ba{
        display: block;
    }

    .gal-img-holder {
      margin: 0 0 45px;
    }

    .pos1, .pos2{display: block;}

    .sect3 h3{
      font-size: 16px;
    }
    .sect3 h4{
      font-size: 18px;
    }

    footer {padding: 20px 15px 20px;}

    .bottoms {
  bottom: 175px;}
  .bottoms2 {
  bottom: 135px;}


    }

    @media only screen and (max-width: 576px) 
    {
        .pos-logo { width: 50% }
        .big-img{width: 35%;}
        .modal-body h2 {font-size: 30px;}
        .modal-body h3 {font-size: 18px;}

        .bottoms {
  bottom: 130px;}
  .bottoms2 {
  bottom: 100px;}

    }

    @media only screen and (max-width: 420px) 
    {

      .bottoms {
  bottom: 105px;}
  .bottoms2 {
  bottom: 80px;}
  .pos-logo {bottom: 6px;width: 65%}

.sect-about {padding: 60px 15px 70px;}
.sect-about h2 {font-size: 25px;}
.mail{font-size: 14px !important;}

  
    }
    @media only screen and (max-width: 349px) 
    {

      .bottoms {
  bottom: 97px;}
  .bottoms2 {
  bottom: 70px;}
  .pos-logo {bottom: 10px;}


    }


    @media only screen and (max-width: 319px) /* 300px - 319px */
    {

      .bottoms {
  bottom: 90px;}
  .bottoms2 {
  bottom: 63px;}


    }