@keyframes beat{
            to { transform: scale(1.2); }
      }
      
      .whatsapp { display:flex;align-items:center;justify-content:center;position: fixed;right: 40px;bottom: 40px; width: 60px; height: 60px; line-height:60px; background:#25d366; color:#FFF; font-size:30px; border-radius: 50px; text-align: center; cursor: pointer;  transition: 0.2s opacity; z-index: 10000; }
      .whatsapp::before, .whatsapp::after { content:''; display:inline-block; width: 73px; height: 73px; background-color: #25d366; border-radius: 50px; position: absolute; left: -7px; top: -7px; opacity:.3;  -webkit-animation: beat .25s infinite alternate; animation: beat .25s infinite alternate; z-index: -1; }
.overlay{position:fixed;top:0;left:0;background:rgba(0,0,0,.5);width:100%;height:100%;z-index:9999}

      .loader { display:flex;align-items:center;justify-content: center; position: fixed;top:0;left:0;background:#FFFFFF;color:#e63956;font-size:30px;width:100%;height:100%;z-index: 999999; }


      .page404 {  position: absolute;top:0;bottom:0;left:0;right:0;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size:14px;width:100%;height:100%; }
      .page404 strong { font-size: 140px;line-height: 140px;font-weight: 900;color:#2c2c2c; }
      .page404 span { margin-bottom:5px; }
      .page404 .btn-link { margin-top:15px; }


      @keyframes ripple {
            0% { transform: scale(1); opacity: 0 }
            30% { opacity: .2 }
            100% { transform: scale(1.9); opacity: 0 }
      }


      .call { display: inline-block; position: relative; z-index: 1 }

      .call:after, .call::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #FFF; animation: ripple 4s infinite ease-in-out; z-index: -1; border-radius: 50% }

      .call:after { animation-delay: 1.2s; }

      .call i { width: 70px; height: 70px; background-color: #FFF; color: #C59F44; border: 4px solid #EEE; display: inline-block; text-align: center; line-height: 64px; font-size: 22px; border-radius: 50%; transition: all ease .4s }

      .call:hover i { background-color: #C59F44; color: #FFF; border-color: #FFF }






      .title { margin-bottom:50px;text-align:center; }

      .title h2{ font-size: 35px;font-weight: 700;margin-bottom:15px;color: #FFF; }

      .title p { display:inline-block; max-width:500px; color: #FFF;font-size: 17px;  font-weight: 400; }
      
     

      .header { position:absolute;top:0;left:0;width: 100%;padding-top:30px; z-index: 99; }




      .header .container { position:relative;display: flex;align-items: center;justify-content: center;z-index:2; }

      .header .left { width:250px;min-width:250px;max-width:250px; }
      .header .left .logo { display: block;width:100%; }


      .header .center { padding-left: 40px; margin-left: auto;  }

      .header .center > ul > li { display: inline-block;margin-right:20px;padding:10px 0px; }
      .header .center > ul > li > a {  position: relative; display: block; font-size: 17px;font-weight: 500;color: #FFF; padding: 5px 0px; transition: all 300ms ease;  }
      .header .center > ul > li > a > .fa-caret-down { margin-left:10px; }
      .header .center > ul > li > a:before { content: ''; position: absolute; bottom: -6px; left: 0; right: 0; display: inline-block; background: #C59F44; height: 0; transition: all 0.4s; }
      .header .center > ul > li:hover > a { color: #FFF; }
      .header .center > ul > li:hover > a:before { height: 6px; }

      .header .contact{    display: inline-block; padding: 15px 30px;border-radius: 50px;background: #C59F44;font-weight:500;font-size:17px;color: #FFFFFF; }



      .hero {   position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 200px 0px 100px 0px;margin-bottom:100px;text-align: center; overflow: hidden; }
      .hero:before {   content: ''; position: absolute; left: 0; right: 0; top: 0; bottom:0;  background-image: linear-gradient(to bottom, #03162d, rgba(255, 255, 255, 0)); z-index: 1; }

      .hero h1{ position: relative;font-weight: bold;color: #FFFFFF;font-size: 36px;text-shadow:1px 1px 1px rgba(0,0,0,.2);z-index:999;  }

      .hero .breadcrumb{ position:relative;padding: 0;margin: 0;flex: 1;flex-grow: 1;background-color:none;text-align: center; z-index: 2;}
      .hero .breadcrumb a { color: #F9F9F9; font-weight: 600;  }
      .hero .breadcrumb > li + li:before{ opacity: .9;color:#F9F9F9; }
      .hero .breadcrumb > li:last-child a{ opacity: 1;}

      .menu {  background:#08384E;border:0px;height: auto; }
      .menu .nav { display: block; position: relative; }
      .menu .nav > li > a {  display: block; padding: 5px 20px; color:#FFFFFF; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease; z-index: 900; }
      .menu .navbar-nav > li:last-child > a {  border-right: 0px; }
      .menu .nav > li.active > a, .menu .nav> li > a:hover {  color: #EEEEEE; }
      .menu .navbar-left li.category .dropdown-menu { display: none; }


      .sliders { position:relative; }

      .sliders .item { display: flex;align-items: center;justify-content: center;flex-direction: column;background-repeat:no-repeat;background-size:cover;background-position:center;text-align: center;height:100vh; overflow: hidden; }
      .sliders .item .container { position:relative;z-index:5; }
      .sliders .item .name{ position: relative;line-height: 55px;color: #FFFF; font-size: 60px;font-weight: 300;font-family: 'Marcellus',serif;}
      
      .sliders .item p { position: relative;font-size: 20px;font-weight: 300;color: #FFF;margin-top:30px;z-index: 2;}

      .sliders .item:before { content:'';position:absolute;top:0;left:0;width:100%;height:100%;   background:rgba(0,0,0,.4);z-index: 1;}

      .sliders .owl-dots{ position:absolute;left:0;width:100%;margin-top:-50px;text-align: center; z-index: 10; }

      .sliders .owl-dot { position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color:#FFFFFF; margin:0 5px; border-radius: 50%; transition: all .3s ease; }

      .sliders .owl-dot.active { background-color: #4cb123; }



      .about .container { display:flex;align-items:center;justify-content:center; }
      .about .left, .about .right { flex:1;flex-grow:1; }
      .about .left { padding-right:4rem; }
      .about span { color:#319e67;font-weight: bold;}
      .about h2 { font-size: 30px; font-weight: 900; color: #222; margin-bottom: 1.5rem; }
      .about p { font-size: 16px;color: #6e6e6e;  }
      .about p + p {  margin-top: 1rem;  }
      .about  img { border-bottom-right-radius:50px;border-top-left-radius:50px; }
      .about p + h2 { margin-top:30px; }



      .services { position:relative;background:url(../uploads/parallax.jpg) top center no-repeat;background-size:100%;padding-top: 100px;padding-bottom:100px; }
      .services .container { position:relative;z-index:2; }
      .services .background { display:none; }
      .services .single {  position:relative; box-shadow: 0px 6px 13px 0px rgba(39,71,125,.1);background: #FFFFFF;border-radius: 10px; text-align: center; transition:all 0.3s ease;  overflow: hidden;   }
      .services .single h3 { position: relative;margin-bottom:15px; font-size: 22px;font-weight: bold;z-index:5; }
      .services .single p {position:relative;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
      .services .single .caption { padding:40px 25px; }
      .services .single .image { position:relative;height:200px;background-repeat:no-repeat;background-position:top center;background-size:cover;transition: all ease .2s; }
      .services .single .image:before { content:'';position:absolute;top:0;left:0; background:url(../uploads/shape.png) top center no-repeat;background-size:100%;width:100%;height:100px; }
      .services .single:hover .image {   transform: scale(1.05); }






      .parallax { position:relative;padding:100px 0px;overflow:hidden; }

      .parallax .container { position:relative;display:flex;align-items:center;justify-content:center;z-index:2; }

      .parallax .left { max-width:400px;margin-right:100px; }

      .parallax .right { flex:1;flex-grow:1; }

      .parallax h2, .parallax h3, .parallax h4 { position: relative;  color: #222;  line-height: 1.3; font-weight: bold; z-index: 5; }

      .parallax h2, .parallax h3{ margin-bottom: 15px;font-size: 26px;  }

      .parallax h4 { margin-top:20px;margin-bottom:10px;font-size:21px; }

      .parallax h3 + h4 { margin-top:0px; }

      .parallax img { border-radius:10px; }

      .parallax p, .parallax ul li {font-size:18px;}
      .parallax p + p, .parallax p + ul { margin-top:15px; }

      .parallax ul  { padding-left:30px; }

      .parallax ul li { list-style-type:disc; }



      .parallax.odd{ background:rgba(197, 159, 68, .2);color:#5A5A59; }

      .parallax.odd::before, .parallax.odd::after {
    background: url(../uploads/bottom.png) repeat-x scroll center bottom;
    background-size: auto;
    bottom: 0px;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    right: 0;
    top: auto;
    width: 100%;
    z-index: 1;
}

.parallax.odd::before {  top:0;bottom:auto;-webkit-transform: scale(-1, -1);transform: scaleY(-1, -1); }

      .parallax.odd .container{ flex-direction: row-reverse; }

      .parallax.odd .left{ margin-right:0px;margin-left:100px; }


      .parallax.odd p, .parallax.odd ul li {color:#6a6a6a; }

      

   

.projects {
    display: grid;
    grid-template-columns:repeat(2,minmax(0, 50%));
    grid-gap: 30px;
} 


.project-item { position:relative;overflow: hidden; }

.project-item .caption { 
      position: absolute;top:0;left:0;bottom:0;right:0;
      display: flex;align-items: flex-start;justify-content: flex-end;flex-direction: column;


      padding:30px;

background-image: linear-gradient(to top, #000 0%, rgba(255,255,255,0) 100%);
 }

.project-item h2 { margin-bottom:5px;font-size:26px;font-weight:bold;color:#FFF; }

.project-item p {  max-height: 0; color:#EEE; -webkit-transition: max-height .5s;
  -moz-transition: max-height .5s;
  -ms-transition: max-height .5s;
  -o-transition: max-height .5s;
  transition: max-height .5s;overflow:hidden;font-weight:300; }

.project-item:hover p {  max-height: 300px; }

@media (max-width: 767px){
                    


      .projects {
          grid-template-columns:100%;
      }


     .project-item p { overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
}





      .appointment { padding:100px 0px;background:#F9F9F9; }
      .appointment .container { display:flex;align-items:center;justify-content:center; }
      .appointment .left, .appointment .right { flex:1;flex-grow:1;width:50%;min-width:50%;max-width:50%; }


      .appointment .left { background:#FFFFFF;padding: 60px;}
      .appointment .left h3 { color:#5A5A59;font-size:40px;margin-bottom:25px; }
      .appointment .left h3 span{color:#C59F44;}
      .appointment .left p { color:#888c92;font-size:16px;margin-bottom:25px; }
      .appointment .left .fa { color:#4CB123; }

      .appointment .left iframe { width:100%;margin-top:30px;max-height:200px;}


      .appointment .left ul li + li { margin-top:10px; }
      .appointment .left ul li a { display:inline-block;background:#EEE;border-radius:50px;position: relative;font-weight: 700;padding: 10px 28px; color:#6e6e6e;font-size:14px; }
      .appointment .left ul li .fa { color:#4CB123;margin-right:5px; }
      .appointment .left .btn-success { background:#4CB123;border-radius:50px;color:#FFF;line-height: 21px;}


      .appointment .right { background:#FFFFFF;box-shadow: 0px 5px 120px 0px rgba(39,71,125,.15); }


      .appointment .right .heading { display:flex;align-items: center;justify-content: center; background:#C59F44;padding: 60px; } 
      .appointment .right .call { margin-left:auto; } 
      .appointment .right h4 { color:#FFFFFF;font-size:30px; }  
      .appointment .right p { color:rgba(255,255,255,.8); }  

      .appointment .right .form { padding: 60px;text-align:center; }


      .appointment .right .form-control { height: 60px;color: #27477d;font-size: 14px;border-radius: 9999px; border: 2px solid #e5e9ee;  transition: all ease .4s; }

      .appointment .right .btn-primary { position: relative; display: inline-block; background-color: #C59F44; font-weight: 700; padding: 19.5px 48px; border-radius: 9999px;  }

      .appointment .right .btn-primary:hover, .appointment .right .btn-primary:hover .far { background:#5A5A59; }

      .appointment .right .btn-primary .far { position: absolute; top: calc(50% - 15px); left: -15px; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: #C59F44; font-size: 14px; transition: inherit; color:#FFFFFF; }

      .appointment .right .btn-primary:before { content: '';position: absolute;top: calc(50% - 20px);left: -20px;width: 40px;height: 40px; background: #FFF;border-radius: 50%;box-shadow: inset 0px 5px 5px 0px #FFF;transition: inherit; }




      .showrooms { position: relative;display: block;padding:100px 0px; }



      .showrooms .title h2  {font-size:40px;font-weight:bold; color: #222;  }

      .showrooms .title p { color:#6e6e6e; }


      .showrooms .item { position:relative;display:block;padding:10px 10px 0px 10px;background: #FFFFFF;cursor: pointer; transition: all 0.1s ease-in-out 0s; border-radius: 4px;}
      .showrooms .item:hover{ color:#009623; }
      .showrooms .item .name { display:block;padding:10px 0px;font-weight: 500;letter-spacing: .5px; }
      .showrooms .item img { border-radius: 4px;width:100%; height: 200px;object-fit: cover; }

    
        
        .documents { border-top:1px solid #EEE; padding-top:50px;margin-top:50px; }
        
        .documents .owl-dots { margin-top:30px;text-align:center; }
        
        .documents .owl-dot { display:inline-block;width:15px;height:15px;background:#EEE;border-radius:100%; }
        .documents .owl-dot.active { background:#C59F44; }
        .documents .owl-dot + .owl-dot { margin-left:5px; }
        .documents .title { font-size:30px;font-weight:bold;color:#222; font-family: 'Marcellus', serif;text-align:left; }
      .documents .item { display:flex;align-items:center;justify-content:center; }
      .documents .item img {max-width:100%; }

      .gallery .item { display:flex;align-items:center;justify-content:center;max-height:150px;overflow:hidden;height:150px;margin-bottom:30px;  border:1px solid #EEE; }
      .gallery .item img { max-height:100px;width:auto; }
      
      .contact .hero { margin-bottom:0px; }    
      .contact .footer { margin-top:0px;border-top:0px; }    


      .footer {  position: relative;padding:75px 0px;margin-top: 100px;background:#03162d; }

      .footer .logo  { display: block;margin-bottom:15px;width:100px;  }

      .footer .logo img { max-width: 100%;width:100%;}

      .footer p, .footer .widget a { color:rgba(255,255,255,.8); }

      .footer .widget-title{ text-transform: uppercase;font-size: 20px;font-weight: bold;color: #C59F44;margin-bottom: 25px;   font-family: 'Marcellus', serif; }

      .footer .widget ul li { display: block; margin-bottom: 15px; }

      .footer .widget ul li a { display: block;}

      .footer .widget ul li a:hover{ text-decoration: none; }

      .footer .widget ul li .fal, .footer .widget ul li .fab{ font-size: 16px;width: 25px;min-width: 25px;max-width: 25px; }

      .footer .socials { margin-top:15px;font-size:18px; }


      .copyright { background:#ffffff;  border-top: 1px solid rgba(0,0,0,.05);padding: 15px 0px;text-align: center;font-size: 12px;color: rgba(0,0,0,.8);text-align: center;  }

      .copyright a { display: inline-block;color:rgba(0,0,0,.8);font-weight: bold;}


      .index .about { padding: 100px 0; }
     



@media (min-width:767px) {

      .header .toggle { display: none; }

      .mobimenu{display: none;}


      .footer .container { display: flex;align-items: stretch;justify-content: center;  }


      .footer .widget { border-right: 1px solid rgba(255,255,255,.05);padding:0 30px;width:25%; }
      .footer .widget:first-child { flex:1;flex-grow:1;padding-left:0px;width:40%; }
      .footer .widget:last-child {border-right:0px; padding-right:0px;}

      .footer .widget-title { margin-bottom:20px;}

      .footer .widget-title .fal { display:none; }

      .footer .widget ul li { margin-bottom:10px; }


}

@media (max-width:767px) {



      .container { display:block !important; }

      .call i{ width:40px;height:40px;line-height:33px;font-size:16px; }



      .header{ padding-top:15px; }
      .header .container {display: flex !important; }
      .header .logo img{ max-height: 150px;}

      .header .center, .header .contact { display: none; }
      .header .toggle { display: block;margin-left: auto;font-size:30px;color:#C59F44; }



      .sliders .item { height: 100vh;min-height: 100vh;max-height: 100vh;padding:0 15px; }
      .sliders .item .name { font-size:30px;font-weight:bold;line-height:1.1; }
      .sliders .item p { font-size:16px; }




      .hero {  padding:150px 0 100px 0;margin-bottom:50px;  }
      .hero h1 { color:#FFF;font-size: 30px;}


      .mobimenu {  position:fixed;top:0px;bottom:0;left:-250px;background: #FFF;width:250px; display: flex;flex-direction: column;text-align:left;overflow-y: auto; -webkit-transition:left .3s linear; -moz-transition:left .3s linear; -o-transition:left .3s linear; transition:left .3s linear; z-index: 10000;  }

      .mobimenu.show {  left:0;  }

      .mobimenu .heading { background: #FFFFFF;padding:15px;font-size: 16px;font-weight: bold;color:#FFF;border-bottom:1px solid #EEE;text-align:center; }
      .mobimenu .heading img { max-height:75px; }
      .mobimenu .middle{margin-bottom: auto;}

      .mobimenu .middle > li > a{ position: relative;display:block;padding:15px;border-bottom: 1px solid #EEE;font-weight:500;color:#191919; }

      .mobimenu .middle > li > a > .fal { position:absolute;right:15px;font-size:20px;top: calc(50% - 12px); }

      .mobimenu .middle > li > a:hover, .mobimenu .middle > li.active > a { color:#08384E; }

      .mobimenu .middle > li.open > a > .fal:before { content: "\f107"; }




     
      .about { text-align:center; }

      .about .left { padding-right:0px; }

      .about .content{ padding:0px;margin-bottom:30px;}

      .about .content p { text-align:justify;  }


      .parallax { padding:50px 0px; }
      .parallax.odd { padding:125px 0px; }

      .parallax .left{ width:100%;min-width:100%;max-width:100%;margin:0px 0px 30px 0px !important; }


      .parallax .right{ padding:0 30px; }

      .parallax h3{ line-height:1.1;font-size:23px; }

      .parallax h4{ font-size:20px; }

      .parallax p, .parallax ul li { font-size:16px; }

      .services{ background:url(../uploads/mobile-parallax.jpg) center center no-repeat;background-size:cover; padding:125px 0px 100px 0px; }  

      .services::before {  top:0;bottom:auto;-webkit-transform: scale(-1, -1);transform: scaleY(-1, -1); }

      .services .background {display: block; position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2; }

      
      .services .title h2 { font-size:25px; }
      .services .title p { font-size:15px;}
      .services .single h3{ font-size:16px; }
      .services .single .caption{ padding:20px 15px; }
      .services .single .caption p { display:none; }
      .services .single .image { max-height:100px; }





      .index .about, .index .procedures { padding:50px 0px; }


      .procedures .item { align-items:flex-start; }

      .appointment { background:none;padding:0px 0px 30px 0px;text-align:center; }
      .appointment .container { display:block; }
      .appointment .left, .appointment .right{ width:100%;min-width: 100%;max-width:  100%; }
      .appointment .left{ padding:30px 0px; }
      .appointment .left h3{ font-size:30px;margin-bottom:15px; }
      .appointment .left p { font-size:15px; }
      .appointment .left ul li + li{ margin-top:5px; }

      .appointment .right .heading{ padding:40px 30px;text-align:left; }
      .appointment .right .text{ padding-right:15px; }
      .appointment .right h4{ font-size:25px; }
      .appointment .right p{ font-size:14px; }

      .appointment .right .form{ padding:30px; }



      .gallery .item { max-height:100px;overflow:hidden;height:100px;margin-bottom:30px;padding:15px;}
   .gallery .item img { max-height:80px; }
     

.nav-tabs {  display:block;overflow-x:auto; white-space: nowrap;}
.nav-tabs li {  display:inline-block;}
.nav-tabs li + li {  margin-left:5px; }
            
            .cures { padding:50px 0px;margin-top:0px;background:none; border-bottom:1px solid #EEE;}
            .cures::before, .cures::after{ display:none; }
           .cures .row { display:block; }
           .cures .left{ padding:0 15px; }
           .cures .right { margin-top:30px; }
           .cures .background{ display:none; }
           .cures .heading{ color:#222;font-size:25px; }
           .cures  p { color:#222;font-size:15px; }
           .cures .item{ border:1px solid #EEE;}


           .cures .owl-dots { margin-top:15px; }
           .cures .owl-dot { background:#DDD;border-radius:100%;width:10px;height:10px; }
           .cures .owl-dot + .owl-dot { margin-left:5px; }
           .cures .owl-dot.active { background-color:#000; }

      .footer { padding:25px 0px;border-bottom: 0px;margin-top:50px; }

      .footer .container { padding:0px; }

      .footer .left, .footer .center, .footer .right { width:auto; }

      .footer .widget { border-bottom:1px solid rgba(255,255,255,.05); margin-bottom:25px !important; }

      .footer .widget:last-child { margin-bottom:0px !important; }

      .footer .widget-title { display:flex;align-items:center;justify-content:center;padding:0px 20px;}
      .footer .widget-title .fal { margin-left:auto; }
      .footer .widget-content { display:none;padding:20px;border-top:1px solid rgba(255,255,255,.05); }

      .footer .show .widget-title .fal { transform:rotate(180deg); }
      .footer .show .widget-content { display:block; }

      .footer .widget ul li{ margin-bottom:5px; }

      .footer .logo{display: inline-block;margin-bottom: 1.25rem;width:250px;}

      .footer .contact {display: block;}

      .copyright { padding-top:0px;border-top:none;padding-bottom:25px; }


}