@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



.menuu_btn{background:url(../images/menu.png) no-repeat 0 0/100%; width: 32px; height: 32px; border:none; 



position:absolute; ;right: 16px;

top: 20px;z-index: 99;

	}

.menuss{position: absolute;

right: 76px;z-index: 10;top: 106px;}



@media(min-width:1200px)

{

  .menuu_btn{display:none;}



}



.parent {

    flex-direction: row;}



@media(max-width: 767px)

{

.parent {

  display: flex;

  flex-direction: column-reverse;

}

}



@charset "UTF-8";



@font-face{

    font-family: "WonderfulSunset";

    src:url("../font/WonderfulSunset.otf");

}

@font-face{

    font-family: "YananeskaPersonalUse";

    src:url("../font/YananeskaPersonalUse.ttf");

}

@font-face{

    font-family: "swiss721bt-romancon";

    src:url("../font/swiss721bt-romancon.ttf");

}

@font-face{

    font-family: "BenjaminVictoria";

    src:url("../font/BenjaminVictoria.ttf");

}

@font-face{

    font-family: "Antonio-Regular";

    src:url("../font/Antonio-Regular.ttf");

}

@font-face{

    font-family: "Banthern-regular";

    src:url("../font/Banthern-regular.otf");

}





ul.sp li:hover > ul.dropdown-menu {

    display: block;

}





/* CSS Document */



.no-padding{padding: 0px !important;}



.img-100{width:100%;}



.slider-item{padding: 0px 12px;}

picture img{width: 100%;}



body{background-color: #ffffff;  

      font-family: "Poppins", sans-serif;

  font-weight: 400;

      font-size:14px;}

.navbar .nav {

    width: unset;

    float: right;

	  padding-top: 0px;

	  padding-left:0px;



}



.navbar-wrapper{ 

padding:15px 20px 10px;

/*position: absolute;*/

    top: 0;

    left: 0;

    right: 0;

    z-index: 999;

	background: transparent;}



.navbar .nav > li > a {

    float: none;

    color:white;

    text-decoration: none;

}

.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {

    text-decoration: none;

background-color: #8dc63f;

color: #383636;

}

.navbar .nav > .active > a {

    text-decoration: none;

    color: white;

    font-weight: 400;

	background:#8dc63f;

	

}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {

    background-color: #8dc63f;

color: white;

    text-decoration: none;



}

.navbar .brand {

    float: left;

    display: block;

    padding: 0px;

    margin: 10px 0px 10px;

    font-size: 20px;

    font-weight: 200;

    color: white;

    cursor: pointer;

}

.nav-static{ position: absolute;

top: 0;

left: 0;

right: 0;

z-index: 999;}



.na{display: block ruby;}





.show500 {

    display:none !important;

}







.nav > li > a {

   position: relative;

display: block;

padding: 0px 15px;

margin: 0;

font-size: 14px;

font-family: "Poppins", sans-serif;

  font-weight: 500;

transition: ease-out .3s;

text-decoration:none;

color: #fff;text-transform: uppercase;line-height: 1;

}

.brand img{margin:10px 0;}

.text {

  position: absolute;

  z-index: 0;

  top: 250px;

  left: 0;

  width: 100%;

  text-align: center;

}



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



.sub-na li a {color:white;}



.submenu1{float: right; margin:0px 0 0px;}

.submenu2{float:right; margin: 60px 40px 0 40px;}





ul.sp li:hover > ul.dropdown-menu {

    display: block;

}





.mmenu{position: absolute;

right: 30px;

top: 45px;}



.callmail{float: left;}

.callmail p{font-family: "Open Sans", sans-serif;font-weight: 400;font-size: 14px; margin:0px;color:#ffffff;line-height: 1;}

.callmail p i{font-size: 16px;

  padding-right: 5px;}



#mail{background: url('../images/mail.png') no-repeat 0px 0px;

  padding: 0px 0px 0px 35px;

  float: left;}





.nav li{border-left: 1px solid #fff;padding: 0;margin: 0;}

.nav > li:first-child {

  border-left: none;

}

.nav > li > a:hover{color: #0d71b5;}

/*.nav > .active a{color: #000;}*/



.blogo{float: left;padding-left: 20px;}

/*.subsection1{padding: 20px 0 0 575px;}*/.subsection1{padding: 20px 0 0 0px;float: right;}

.nav{float: right;}







.sect1{background: #d3d2d2 url('../images/bg2.png') no-repeat center;background-size: cover; padding: 125px 18px 230px;}

.sect1 h1{font-family: "Poppins", sans-serif;

  font-weight: 900;font-size: 53px;color: #000;padding: 0;margin: 0 0 20px;text-transform: uppercase;text-align: center;}

.sect1 p{font-family: "Poppins", sans-serif;

  font-weight: 500;font-size: 15px;color: #3b3b3b;padding: 0 130px;margin: 0 0 20px;line-height: 1.3;text-align: center;}





.sect2{background: #d3d2d2;padding: 30px 18px 110px;}

.sect2 h2{font-family: "Poppins", sans-serif;

  font-weight: 900;font-size: 53px;color: #000;padding: 0 195px;margin: 0 0 20px;text-align: center;}

.sect2 h3{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 30px;color: #000;padding: 0px;margin: 0 0 20px;}

.each-pack p{font-family: "Poppins", sans-serif;

  font-weight: 500 !important;font-size: 14px !important;color: #5c5c5c !important;padding:0px;margin: 0px !important;line-height: 1.3;}

.each-pack h4{font-family: "Poppins", sans-serif;

  font-weight: 900;font-size: 16px;color: #000;margin: 10px 0 15px;padding: 0;}

.sect2 img{border-radius: 5px;}

.btn-black{background: #000;border: 1px solid #000;color: #fff;text-transform: uppercase;transition:all 0.5s;

  font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;padding: 5px 0px; margin: 0;width: 100%;border-radius: 5px;}

.each-pack:hover .btn-black{

  background: #0000;

  border: 1px solid #000;

  color: #000;}



.key1 h5{position: absolute;bottom: 45px;right: 10px;left: 10px;

  font-family: "Poppins", sans-serif;font-weight: 600;

  font-size: 28px;color: #fff;padding: 0px;margin: 0 0 0px;text-align: right;line-height: 0.5;text-transform: lowercase;}

.key1 h5 span{font-family: "WonderfulSunset";font-size: 80px;color: #ffd470;padding: 0;margin: 0;

  text-transform: capitalize;}



.key2 h5{position: absolute;bottom: 22px;right: 10px;left: 10px;

  font-family: "swiss721bt-romancon";

  font-size: 19px;color: #fff;padding: 0px;margin: 0 0 0px;text-align: right;line-height: 1.3;text-transform: capitalize;}

.key2 h5 span{font-family: "YananeskaPersonalUse";font-size: 45px;color: #c6ff00;padding: 0;margin: 0;

  text-transform: capitalize;}



.key3 h5{position: absolute;bottom: 22px;right: 10px;left: 10px;

  font-family: "BenjaminVictoria";

  font-size: 32px;color: #ff9600;padding: 0px;margin: 0px;text-align: center;line-height: 1;text-transform: capitalize;}

.key3 h5 span{font-family: "Antonio-Regular";font-size: 19px;color: #fff;padding: 0;margin: 0;

  text-transform: capitalize;}



.key4 h5{position: absolute;bottom: 22px;right: 10px;left: 10px;

  font-family: "Banthern-regular";

  font-size: 32px;color: #00deff;padding: 0px;margin: 0px;text-align: center;text-transform: capitalize;}



.card::before {

  content: "";

  position: absolute !important;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;

  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

  z-index: 1 !;

  border-radius: 5px;

}



.snip0016{position: relative;}

.snip0016::before{content: "";

  position: absolute !important;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.51), rgba(234, 224, 224, 0.03));

  z-index: 1 !;

  border-radius: 5px;}





.sect3{background: #000 url('../images/bg3.jpg') no-repeat fixed right;background-size: cover; padding: 40px 30px 180px;}

.sect3 h2{font-family: "Poppins", sans-serif;

  font-weight: 200;font-size: 70px;color: #fff;padding: 0 0px;margin: 0 0 20px;text-align: center;}

.sect3 p{font-family: "Poppins", sans-serif;

  font-weight: 200;font-size: 28px;color: #fff;padding: 0 85px;margin: 0 0 12px;text-align: center;line-height: 1.2;}





.testimonial {

  display: grid;

  grid-template-columns: minmax(10px, 5%) 1fr minmax(10px, 5%);

}



.testimonial::before, .testimonial::after {

  background-image: url(../images/quote1.png);

  background-repeat: no-repeat;

  background-size: contain;

  content: "";

  grid-row: 1/3;

}



.testimonial::after {

  transform: rotate(180deg);

  grid-column: 3;

}





.testimonial_container blockquote::before, .testimonial_container blockquote::after {

  background-image: url(../images/quote3.png);

  background-repeat: no-repeat;

  background-size: contain;

  content: "";

  grid-row: 1/3;

}



.sect4{background: #fff;padding: 80px 30px 80px;}

.sect4 h2{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 30px;color: #000;padding: 0px;margin: 0 0 20px;}

.sect4 img{border-radius: 5px;}

.each-inbound{position: absolute;bottom: 20px;left: 15px;right: 15px;}

.each-inbound h3{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 30px;color: #fff;padding:0px;margin: 0 0 0px;text-align: center;}

.each-inbound p{font-family: "Poppins", sans-serif;

  font-weight: 500 !important;font-size: 14px !important;color: #fff !important;padding:0px !important;margin: 0 0 0px !important;line-height: 1.3;text-align: center;}

.each-inbound h4{font-family: "Poppins", sans-serif;

  font-weight: 900;font-size: 16px;color: #fff;margin: 10px 0 15px;padding: 0;text-align: center;}

.btn-white{background: #fff;border: 1px solid #fff;color: #000;text-transform: uppercase;transition:all 0.5s;

  font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;padding: 5px 30px;

  border-radius: 5px;

  display: block;

  margin: auto;}

.bg-black:hover .btn-white{

  background: #0000;

  border: 1px solid #fff;

  color: #fff;}

.sect4 a, .each-inbound a{text-decoration: none;}



.bg-black{position: relative;border-radius: 5px;}

.bg-black::before{content: "";

  position: absolute !important;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;

  background: linear-gradient(to top, rgba(0, 0, 0, 0.51), rgba(234, 224, 224, 0.03));

  z-index: 1 !;

  border-radius: 5px;}





.sect5{background: #d3d2d2;padding: 60px 30px 60px;}

.sect5 h2{font-family: "Poppins", sans-serif;

  font-weight: 900;font-size: 53px;color: #000;padding: 0 0px;margin: 0 0 45px;text-align: center;}

.sect5 h3{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 30px;color: #000;padding: 0px;margin: 0 0 20px;}

.box-white{background: #fff;box-shadow: rgb(62, 62, 62) 0px 0px 10px;border-radius: 5px;padding: 55px 30px 55px 30px;}

.testimonial_content h4{font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;color: #4f4e4e;padding: 0px;

  margin: 0 0 12px;text-align: left;}

.testimonial_content h4 span{font-weight: 400;font-size: 12px;}

.set1{display: flex;

  align-items: end;}

.testimonial_content h5{font-family: "Poppins", sans-serif;

  font-weight: 500;font-size: 20px;color: #000;padding: 0 0px;margin: 40px 0 15px;}

.testimonial_content p{font-family: "Poppins", sans-serif;

  font-weight: 400;font-size: 14px;color: #343434;padding: 0 0px;margin: 0 0 12px;}

.vdo-pos{position: absolute;

  width: auto;

  top: 50%;

  transform: translateY(-50%);

  z-index: 99;left: -200px;}





footer{background: #000 url('../images/bg4.jpg') no-repeat fixed center;background-size: cover; padding: 60px 30px 60px !important;}

footer p{font-family: "Poppins", sans-serif;

  font-weight: 400;font-size: 14px;color: #fff;padding: 0 0px;margin: 0 0 12px;}

footer p span{font-family: "Poppins", sans-serif;

  font-weight: 500;}

footer ul{padding: 0px;margin: 0;}

footer ul li{font-family: "Poppins", sans-serif;

  font-weight: 500;font-size: 14px;color: #fff;padding: 0 0px;margin: 0 0 5px;text-transform: uppercase;list-style: none;}

footer h2{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 30px;color: #fff;padding: 0 0px;margin: 0 0 15px;}

footer h3{font-family: "Poppins", sans-serif;

  font-weight: 500;font-size: 14px;color: #9b9b9b;padding: 0 0px;margin: 50px 0 12px;}

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

footer a:hover{text-decoration: underline;color: #fff;}



#hcall{background: url('../images/call.png') no-repeat;

padding: 5px 30px 8px 28px;}



#fcall{background: url('../images/fcall.png') no-repeat;

padding: 5px 30px 8px 35px;}



#fwhat{background: url('../images/fwhat.png') no-repeat 0px 0px;

  padding: 0px 0px 8px 35px;}



#floc{background: url('../images/floc.png') no-repeat;

padding: 5px 30px 8px 35px;}



.social{display: inline-block;}

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



.cnt-frm{background: #fff;

  border: 1px solid #fff;

  border-radius: 5px;

  font-size: 14px;

  color: #6c6c6c;}

textarea{height: 100px;}

.form-group{margin-bottom: 20px;}

.btn-grey{background: #999;

  border: 1px solid #999;

  width: 100%;

  padding: 5px 0;

  border-radius: 5px;

  color: #fff;

  text-transform: uppercase;font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 14px;transition: all 0.5s;}

.btn-grey:hover{background: #000;}





.sect-last{background: #505050;padding: 20px 30px 8px;}

.sect-last p{font-family: "Poppins", sans-serif;

  font-weight: 400;font-size: 12px;color: #b4b4b4;padding: 0 0px;margin: 0 0 12px;}

.sect-last a{text-decoration: none;color: #b4b4b4;}

.sect-last a:hover{text-decoration: underline;color: #fff;}

.fright{float: right;}





.sect2 .card {

  position: relative;

  cursor: pointer;

  transition: 1s ease-in-out;

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d;

  background-color: unset;

  border: unset;

}
/*
.sect2 .card:hover {

  -webkit-transform: rotateY(0.5turn);

          transform: rotateY(0.5turn);

} */

.sect2 .card .item {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

  transition: 1s ease-in-out;

  -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.4));

}

.sect2 .card .back-side {

  -webkit-transform: rotateY(0.5turn);

          transform: rotateY(0.5turn);

}



figure.snip0016 {

  color: #fff;

  background: #000000;

  border-radius: 5px;

}

figure.snip0016 * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

figure.snip0016 img {

  max-width: 100%;

  opacity: 1;

  width: 100%;

  -webkit-transition: opacity 0.35s;

  transition: opacity 0.35s;

}

figure.snip0016 figcaption {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 30px 3em;

}

figure.snip0016 figcaption::before {

  position: absolute;

  top: 30px;

  right: 30px;

  bottom: 30px;

  left: 100%;

  border-left: 4px solid rgba(255, 255, 255, 0.8);

  content: '';

  opacity: 0;

  background-color: rgba(255, 255, 255, 0.5);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transition-delay: 0.6s;

  transition-delay: 0.6s;

}

figure.snip0016 h4,

figure.snip0016 p, figure.snip0016 button {

  margin: 0 0 5px;

  opacity: 0;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;

}



figure.snip0016 p {

  -webkit-transform: translate3d(0%, 30%, 0);

  transform: translate3d(0%, 30%, 0);

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}



figure.snip0016:hover img {

  opacity: 0.3;

}

figure.snip0016:hover figcaption h4 {

  opacity: 1;

  -webkit-transform: translate3d(0%, 0%, 0);

  transform: translate3d(0%, 0%, 0);

  -webkit-transition-delay: 0.6s;

  transition-delay: 0.6s;

}

figure.snip0016:hover figcaption p {

  opacity: 0.9;

  -webkit-transform: translate3d(0%, 0%, 0);

  transform: translate3d(0%, 0%, 0);

  -webkit-transition-delay: 0.4s;

  transition-delay: 0.4s;

}

figure.snip0016:hover figcaption button {

  opacity: 0.9;

  -webkit-transform: translate3d(0%, 0%, 0);

  transform: translate3d(0%, 0%, 0);

  -webkit-transition-delay: 0.8s;

  transition-delay: 0.8s;

}

figure.snip0016:hover figcaption::before {

  background: rgba(255, 255, 255, 0);

  left: 30px;

  opacity: 1;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}

.bnr-fix{position: absolute;bottom: -45px;left: 0;right: 0;z-index: 99;}



.img-center{cursor: pointer;}

.testimonial_section {
  display: block;
  overflow: hidden;
}
.testimonial_section:after {
  display: block;
  clear: both;
  content: "";
}

.testimonial_section .testimonial_box {
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container {
  /*background-color: #ff5e14;
  margin-left: -170px !important;*/
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .background_layer {
  /*background-color: #ff5e14;*/
  width: auto;
  margin-right: -200px;
  right: 0;
  background-image: url(../images/map.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
  display: block;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {
  /*margin: 10px 0 10px 0;
  padding: 62px 0px 60px 50px;*/
  position: relative;
  text-align: center;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {
  /*box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);*/
  /*margin-left: 150px;
  margin-top: 69px;*/
  padding: 45px 40px 45px 40px;
  /*z-index: 1;*/
  position: relative;
  background-color: #fff;
  transition: all 0.5s ease-in-out 0s;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {
  margin-bottom: 15px;
  position: relative;
  display: flex;
  justify-content: center;
}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {
  border: none;
  position: absolute;
  top: 0;
  left: 55px;
  top: 80px;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 80%;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {
  position: absolute;
  top: 0px;
  right: 42px;
  border-radius: 0;
  background: #23aa99;
  display: block;
  outline: 0;
  width: 34px;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {
  background: #020d26;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {
  position: absolute;
  top: 0px;
  right: 5px;
  border-radius: 0;
  display: block;
  background: #23aa99;
  outline: 0;
  width: 34px;
  text-align: center;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {
  background: #020d26;
}

@media all and (max-width: 991px) {
  .testimonial_section .testimonial_box {
    margin-top: 0 !important;
  }
  .testimonial_section .testimonial_box .background_layer {
    width: 200% !important;
    margin-left: -200px;
  }
  .testimonial_section .testimonial_box .testimonial_container {
    /*margin-left: -15px !important;*/
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials {
    margin: 0px 0 20px 0;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
    margin-left: -36px !important;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
    display: none;
  }
}

@media(max-width: 767px)
{
  .testimonial_section .testimonial_box .testimonial_container {
  background-color: #fff;}
}
@media(max-width: 420px)
{
  .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials 
  .testimonial_content {
  padding: 45px 10px 45px;}
}






/* subpage  */

.sub-navbar .callmail p{color: #23a044;}

.sub-navbar .nav li a{color: #2c2c2c;}

.sub-navbar .nav li {

  border-left: 1px solid #2c2c2c;}

.sub-navbar .nav > li:first-child {

  border-left: none;

}



.banner-foto{padding: 15px 30px 50px;}

.img-hgt1{object-fit: cover;

  height: 378px;}

.img-hgt2{object-fit: cover;

  height: 181px;}

.banner-foto img{border-radius: 5px;}





.sub-sect1{padding: 0px 30px 80px;}

.sub-sect1 h1{font-family: "Poppins", sans-serif;

  font-weight: 900;font-size: 28px;color: #000;padding: 0 0px;margin: 0 0 12px;text-transform: capitalize;}

.sub-sect1 h2{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 25px;color: #000;padding: 0 0px;margin: 0 0 12px;text-transform: capitalize;}

.sub-sect1 p{font-family: "Poppins", sans-serif;

  font-weight: 400;font-size: 15px;color: #3a3939;padding: 0 0px;margin: 0 0 20px;}

.sub-sect1 ul{margin: 0 0 30px;padding: 0 15px;}

.sub-sect1 ul li{font-family: "Poppins", sans-serif;

  font-weight: 400;font-size: 15px;color: #3a3939;padding: 0 0px;margin: 0 0 12px;list-style: url('../images/ulli.png');}



.btn-clr{background: linear-gradient(to right, #018c96, #00ae4c);border-radius: 5px;border: none;

  font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 15px;color: #fff;padding: 5px 10px;margin: 0 0 20px;}

.each-inc{display: flex; align-items: flex-start;}

.each-inc p{margin: 0px;}

.border-inc{border: 1px solid #e0e0e0;padding: 20px;border-radius: 5px;}

.each-day{display: inline-block;margin: 0 0 20px;}

.green-round{background: #00ba00;font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 15px;color: #fff;text-transform: uppercase;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  text-align: center;align-content: center;

  margin: 0 10px 0 0;float: left;}

.gallery-foto img, .sub-sect1 img{border-radius: 5px;}



.border-side{border: 1px solid #e0e0e0;padding: 20px;border-radius: 5px;}

.border-side h3{font-family: "Poppins", sans-serif;

  font-weight: 500;font-size: 15px;color: #3a3939;padding: 0 0px;margin: 0 0 10px;}

.border-side h4{font-family: "Poppins", sans-serif;

  font-weight: 600;font-size: 15px;color: #000;padding: 0 0px;margin: 0 0 20px;}



.enq-frm{border: 1px solid #e0e0e0;border-radius: 5px;font-family: "Poppins", sans-serif;

  font-weight: 400;font-size: 14px;color: #8b8b8b;}

.border-side label{color: #8b8b8b;}







.mob-foto{

    height: 400px;

    aspect-ratio: 1.5 / 1;

    display: flex;

    overflow: hidden;display: none;padding: 15px 0px 50px;position: relative;

}



.mob-foto:has(.img.active) .img:not(.active){

    filter: grayscale(100%)

}



.img{

    height: 100%;

    width: calc(100% / 4);

    object-fit: cover;

    overflow: hidden;

    /*border: 2px solid #141414;*/

    transition: all 0.4s cubic-bezier(0.32, 0, 0.67, 0);

  cursor: pointer;

}



.activeimg{

    width: 200%;

}





.mob-foto-btn {

  display: none;

  position: absolute;

  left: 50%;

  bottom: 55px;

  width: 180px;

  height: 40px;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 40px;

  border-radius: 20px;

  color: white;

  border: none;background: linear-gradient(to right, #018c96, #00ae4c);

  transform: translate(-50%,0%);

  -webkit-transform: translate(-50%,0%);

  z-index: 9;

}

.mob-foto-btn:hover{background: black;}

.mob-foto-btn .anim-btn {

  padding-left: 10px;

}

@keyframes btn-text {

    0% { -webkit-transform: translateX(0); opacity: 0.4 }

    100% { -webkit-transform: translateX(-0.4em); opacity: 0.9 }

  }

@-webkit-keyframes btn-text {

    0% { -webkit-transform: translateX(0); opacity: 0.4 }

    100% { -webkit-transform: translateX(-0.4em); opacity: 0.9 }

  }

  .anim-btn {

    animation: btn-text 0.6s infinite alternate ease-in-out;

    -webkit-animation: btn-text 0.6s infinite alternate ease-in-out;

  }



.fig {

  margin: 0;

  padding: 0;

  overflow: hidden;

}



/* Shine */

.fig {

  position: relative;

}

.fig::before {

  position: absolute;

  top: 0;

  left: -75%;

  z-index: 2;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.fig:hover::before {

  -webkit-animation: shine .75s;

  animation: shine .75s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}



.each-desc h3{font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 22px;

  color: #029b48;

  padding: 0 0px;

  margin: 5px 0 10px;

  text-transform: capitalize;}

.each-desc p {

  font-family: "Poppins", sans-serif;

  font-weight: 400;

  font-size: 14px;

  color: #3a3939;

  padding: 0 0px;

  margin: 0 0 20px;

}



.story h5{font-family: "Poppins", sans-serif;

  font-weight: 500;

  font-size: 20px;

  color: #000;

  padding: 0px;

  margin: 0px 0px 12px;

}

.story p{font-family: "Poppins", sans-serif;

  font-weight: 400;

  font-size: 14px;

  color: #343434;

  padding: 0px;

  margin: 0px 0px 12px;

}

.story h4{font-family: "Poppins", sans-serif;

  font-weight: 400;

  font-size: 14px;

  color: #4f4e4e;

  padding: 0px;

  margin: 0px 0px 12px;

}

.story h4 span{font-size: 12px;}

.each-story{display: flex;

  align-items: center;border-bottom: 1px solid #9b9b9b;}



.bor{border: 1px solid #bfbfbf;}

.address2 p{margin: 0 0 5px;}

#cloc {

  background: url('../images/cloc.png') no-repeat;

  padding: 5px 30px 8px 35px;

}

#ccall {

  background: url('../images/ccall.png') no-repeat;

  padding: 5px 30px 8px 35px;

}





.mm-btn_next::after{

 width: 10px !important;

  height: 10px !important;bottom: 35px !important;}

.mm-listitem__text{font-family: "Open Sans", sans-serif;

  font-weight: 400;font-size: 15px;}

.mm-btn{font-family: "Open Sans", sans-serif;

  font-weight: 400;}

.mm-listitem a:hover {

  color: #3682bc !important;

}

.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {

  color: #3682bc !important;

  text-decoration: none;

}



.slick-prev{bottom: -35px !important;

top: unset !important;

left: unset !important;

right: 45px !important;} 

.slick-next{top: unset !important;

bottom: -35px !important;

right: 10px !important;}

.slick-prev::before, .slick-next::before{font-size: 30px !important;}



ul.sp li:hover > ul.dropdown-menu {

  display: block;

}

.dropdown-menu {

  list-style: none;

  font-size: 18px;

}

.dropdown-menu {

  position: absolute;

  top: 43px;

  list-style: none;

  font-size: 18px;

  width: auto;

}

.dropdown-submenu {

  position: relative;

}

.dropdown-menu > li > a {

  display: block;

  padding: 6px 20px;

  clear: both;

  font-weight: 400;

  line-height: 1.4;

  color: #fff;

  white-space: nowrap;

  background: none;

  text-decoration: none;

  text-transform: uppercase;

  font-size: 13px;

  background: #676767;

border-bottom: 1px solid #4f4f4f;

}

.dropdown-submenu > .dropdown-menu {

  top: 0;

  right: 100%;

  margin-top: 0px;

  margin-left: -1px;

  -webkit-border-radius: 0 6px 6px 6px;

  -moz-border-radius: 0 6px 6px 6px;

  border-radius: 0 6px 6px 6px;

}

.dropdown-menu > li > a:hover {

  background: #f26522;

  color: #fff;

}

.dropdown-menu{padding: 0px !important;}



.owl-carousel .item{

    width: 100%;

    height: 100%;

    object-fit: cover;

    max-width: initial;padding: 0 6px;

}

.owl-banner .owl-nav{display: none;}

.owl-dots{display: none;}



.mm-listview {

  padding: 40px 0 !important;

  float: unset;

}





@media(min-width: 1610px)

{

  

}



@media(max-width: 1199px)

{

  .navbar-wrapper {padding: 10px 15px 10px;}

  .nav{display: none;}

  .subsection1 {

  padding: 15px 50px 0 0px;

  float: right;

}



.sect2 h2 {

  padding: 0 130px;}

.sect3 h2 {

  font-size: 55px;}

.sect3 p {

  font-size: 22px;}







}



@media(max-width: 991px)

{



.sect1 h1 {

  font-size: 45px;}

.sect1 p {

  padding: 0 30px;}

 .sect2 h2 {

    font-size: 45px;

    padding: 0px;

  }

  

.sub-navbar .blogo{width: 20%;}

}





@media(max-width: 800px)

{





}





@media(max-width: 767px)

{



.callmail p{color: #3682bc;}

.blogo{width: 20%;

  padding: 0px;}

.nav-static {

  position: unset;}

.sect1 {

  padding: 90px 18px 180px;

}

.sect1 p {

    padding: 0;

}

.sect2 {

  padding: 0px 18px 80px;

}

.sect2 h2 {

    font-size: 38px;

}

.sect2 h3 {

  font-size: 25px;

}

.sect3 {

  padding: 95px 18px 130px;

}

.sect3 h2 {

    font-size: 42px;

}

.sect3 p {

  font-size: 18px;

  padding: 0px;

}

.sect5 {

  padding: 60px 30px 100px;

}

.sect5 h2 {

  font-size: 45px;

  margin: 0 0 35px;

}

.box-white {

  padding: 30px 30px 55px 30px;

}

.vdo-pos {

  position: unset;transform: unset;

  border-radius: 5px;margin-bottom: 12px;width: 100%;

}

footer h3 {

  margin: 25px 0 12px;

}

.fright {

  float: unset;

}

.sect-last p{text-align: center;}



.mob-foto{display: block;display: flex;}

.desk-foto{display: none;}



.sub-navbar .blogo {

    width: 15%;

  }



.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {

  position: absolute;

  top: 30px;}

.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {

  position: absolute;

  top: 30px;}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {

  margin: 0;

  padding: 0px 0px 0px 50px;}

.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {



  margin-top: 0;}



}



@media(max-width: 576px)

{



.callmail{display: none !important;}
.callmail .pe-3{ display:none; }
.callmail .hcall{display: none;}
.bnr-fix{position: fixed;bottom: 0;}



.sect1 {

    padding: 50px 18px 180px;

}

.sect1 h1 {

    font-size: 35px;

}

.sect1 p {

    font-size: 14px;

}

.sect2 h2 {

    font-size: 30px;

}

.sect4 {

  padding: 60px 18px 60px;

}

.sect5 h2 {

    font-size: 35px;

}

.sect5 h3 {

  font-size: 25px;

}

.box-white h5 {

  font-size: 17px;

  margin: 25px 0 15px;

}

.box-white p {

  font-size: 13px;

}



.sect-last {

  padding: 20px 30px 50px;

}



.each-story {

  display: unset;}

.story h5{font-size: 18px;}



}



@media(max-width: 420px)

{



.blogo {

    width: 30%;

    margin: 0px 0 5px;

    padding: 0;

}  

.box-white {

    padding: 30px 18px 55px;

}



.mob-foto {

  padding: 0px 0px 35px;

}

.sub-navbar .blogo {

    width: 30%;

}

.each-inc {

  display: flex;

  align-items: center;

  margin-bottom: 18px;

}

.green-round{margin: 0px 10px 42px 0;}





}





/*************

  new menu

**************/

.nav-menu > li:first-child {

  border-left: none;

}

.nav-menu > li{list-style: none;border-left: 1px solid #fff;

  padding: 0;

  margin: 0;}



.nav-bar {

  /*min-height: 4.375em;*/

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0;

}



.nav-menu {

  position: fixed;

  left: -100%;

  top: 6.375em;

  flex-direction: column;

  width: 100%;

  // height: 100%;

  text-align: center;

  transition: 750ms;z-index: 999;

  /*top: unset;bottom: 0px;margin: 0;*/

}



.nav-menu.active {

  left: 0;

}



.nav-item {

  margin: 1em 0;

}



.nav-link {

  transition: 400ms ease;

  position: relative;

  display: block;

  padding: 0px 15px;

  margin: 0;

  font-size: 14px;

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  transition: ease-out .3s;

  text-decoration: none;

  color: #fff;

  text-transform: uppercase;

  line-height: 1;



}



.nav-link:hover, .nav-link:focus {

  color: #3682bc;



}



.hamburger {

  cursor: pointer;

}



.bar {

  display: block;

  background-color: #fff;

  width: 24px;

  /* The following 2 properties are essential in creating the "X" when the hamburger is clicked. If you change just 1 of the 2, then you need to find the proper combination for the other one */

  height: 2px;

  margin: 6px auto;



  /*    -webkit-transition: all 300ms ease;  */

  transition: all 300ms ease-in-out;

}



.hamburger.active .bar:nth-child(2) {

  opacity: 0

}



.hamburger.active .bar:nth-child(1) {

  transform: translateY(8px) rotate(45deg);

}



.hamburger.active .bar:nth-child(3) {

  transform: translateY(-8px) rotate(-45deg);

}



.sub-nav .nav-link{color: #2c2c2c;}

.sub-nav li {

  border-left: 1px solid #2c2c2c;

}

.sub-navbar .bar{background-color: #0967ca;}



@media (min-width: 1200px) {



  .nav-menu {

    position: static;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    /*gap: 1em;*/

    width: auto;

  }



  .hamburger {

    display: none;

  }

}



@media(max-width: 1199px)

{

  .nav-menu{background-color: rgba(255, 255, 255, 0.85);}

  /*.nav-menu{background-color: rgba(255, 255, 255);padding: 30px;}*/

  .nav-link{color: #3682bc;}

  .nav-menu > li {

  border-left: unset;

  margin: 30px 0px;}

}

@media(max-width: 767px)

{

  .bar {

  background-color: #0967ca;}

}




.errorMessage{ color:red }