body{ padding: 0px; margin: 0px; list-style: none; color:#000;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none; color: inherit !important;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body{ font-family: var(--font-1);}

:root
{
    /* colors */

    --c-black: #000;
   	--c-green: #004F3C;
   	--c-white: #fff;

    /* font-family */

    --font-1:'Avenir LT Std';
    --font-2:'Isidora Sans Alt';

    /* font-sizes */
    --font-80:80px;
    --line-80:89px;

    --font-60:60px;
    --line-60:69px;

    --font-50:50px;
    --line-50:62px;

    --font-40:40px;
    --line-40:49px;

    --font-30:30px;
    --line-30:39px;

    --font-24:24px;
    --line-24:29px;

    --font-18:18px;
    --line-18:26px;

    --font-16:16px;
    --line-16:20px;

    --font-14:14px;
    --line-14:18px;

    --font-12:12px;
    --line-12:16px;

}

.tophead{ width: 100%; padding: 80px 0; position: relative;}
.tophead h4{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-2);font-weight: 700;}
.tophead h3{ font-size: var(--font-30); line-height: var(--line-30);font-family: var(--font-2);font-weight: 700;}
.tophead h2{ font-size: var(--font-50); line-height: var(--line-50);font-family: var(--font-2);font-weight: 700;}
.tophead h1, .h1heading strong{ font-size: var(--font-60); line-height: var(--line-60);font-family: var(--font-2);font-weight: 700;}

.header_sec .butns{ margin-left: 10px;}
.butns{ font-size: var(--font-16); line-height: var(--line-16); color: #fff; font-weight: 500; background: var(--c-green); min-width: 200px; line-height: 50px; text-align: center; font-family: var(--font-1);}
.butns:hover{background: #59B500;color: #0b473a;}

.navbar{ margin: 0px; padding: 0px;}
.navbar-brand{ margin: 0px; padding: 0px; width: 200px;}
.menu_sec li{font-size: var(--font-16); line-height: var(--line-16); font-weight: 400; color: #000;padding: 0px 20px;}
.menu_sec li a{ color: #000; padding: 32px 0; display: inline-block;}
.menu_sec li.actv a, .menu_sec li a:hover{ color: #004f3c;}
.menu_sec li.actv a{ font-weight: 700;}



.container{max-width: 1440px;}

.overlink{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2;}




/* Banner Part */
.sec-banner{width: 100%; position: relative;margin-top: 0px;}
.banner-img img{width: 100%; position: relative;}
.banner-img:before{ background: rgba(0, 0, 0, 0.5);position: absolute; top: 0px; left: 0px; content: ""; width: 100%; height: 100%;z-index: 1;}
.banner-info{ width: 100%; position: absolute; top: 50%;transform: translateY(-50%); left: 0px;z-index: 2;}
.banner-writing {justify-content: space-between;width: 100%;position: relative;text-align: center;}
.banner-writing h1{font-family: var(--font-1);font-size: var(--font-60);line-height: var(--line-60);font-weight: 750; color: #fff;}
.banner-writing p{font-family: var(--font-1);font-size: var(--font-18);line-height: var(--line-18);font-weight: 350;color: #fff;}


/* Welcome Banner */
.img-wel-sec{position: relative;}
.img-wel-sec::before{width: 100%; height: 100%;position: absolute;top: 0px;left: 0px; content: "";z-index: 2;background: rgba(0, 79, 60, 0.8);display: none;}
.img-wel-sec::after{ position: absolute;top: 10px;left: 10px; bottom:10px; right:10px; content: "";z-index: 2;border: 1px solid #fff;display: none;}


.welcome-writing-info {position: absolute;bottom: 25px;left: 0;padding: 20px 15px;width: 100%;z-index: 3;top: 15%;left: 0;text-align: center;display: none;}
.welcome-writing-info h2{color: #fff;}
.welcome-writing-info a{color: #fff;margin-top: 75px;border-top : 1px solid #fff;border-bottom: 1px solid #fff;padding: 5px;}
.col-md-4:nth-child(2) .img-wel-sec .welcome-writing-info{display: block;}
.col-md-4:nth-child(2) .img-wel-sec::before{display: block;}
.col-md-4:nth-child(2) .img-wel-sec::after{display: block;}




/* banner sub part */
.counterSec{ background:#fff; text-align: center; padding: 50px 0;}
.counterSec .col{ border-right: 1px solid #004F3C;}
.counterSec .col:last-child{ border-right: none ;}

/*Accomodation*/
.sec-accomo h2{text-align: center;margin-bottom: 20px;}
.img-sec{position: relative;}
.img-sec::before{ border: 2px solid #fff;position: absolute;top: 10px;left: 10px; bottom: 10px;right: 10px; content: "";z-index: 2;}
.writing-info {position: absolute;bottom: 25px;left: 0;padding: 20px 25px;width: 100%;z-index: 1;}
.writing-info::before{position: absolute;background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);content: "";width: 100%;height: 100%;left: 0;bottom: 0;z-index: -1;}
.writing-info h3{color: #fff;padding: 0;}
.writing-info p{color: #fff;padding: 0;}

/* Middle Banner */
.sec-middle-banner{width: 100%; background:#004F3C}
.sec-middle-banner h2{text-align: center; color: #fff;}
.step {margin-top: 55px;text-align: center;}
.sec-middle-banner .row .col-md-3{width: 20%;}
.step p{color:#fff}
.step h4{color: #fff;font-weight: 700;margin-top: 25px;font-family: var(--font-2);font-size: var(--font-24);line-height: var(--line-24);font-weight: 600;}

/* Contact Us*/
.step-portion{padding:30px 60px 30px 0;}
.step-portion h3{margin:0 0 20px;font-size: var(--font-50);line-height: var(--line-50);font-family: var(--font-2);}
.step-portion li{margin:15px 0; align-items: center;}
.step-portion ul li{display:flex;align-items:center;flex-wrap: wrap;color: #000;font-family: var(--font-2);}
.step-portion ul li a{ color: #000;}
.step-portion ul i{width:50px;height:50px;border-radius:100%;background:#006A53;color:#fff;display:flex;align-items:center;justify-content:center;}
.step-portion em{font-style: normal;margin-left: 15px;flex:1;}

.form-detail{background:#006A53;padding: 45px 50px;width: 100%;}
.form-detail{color: #fff;font-family: var(--font-2);}
.form-box {margin: 10px 0;}
.form-box input[type="text"],
.form-box input[type='tel'],
.form-box input[type='email'],
.form-box textarea{width: 100%;height: 50px;border: none;padding: 0px 20px;background-color:#006A53; border: 1px solid #fff;}
.form-box textarea{height: 120px;padding-top: 20px;padding-bottom: 20px;resize: none;}
.form-bottom{display: flex;justify-content: space-between;flex-wrap: wrap;}
.form-bottom input[type="submit"]{height: 50px;border: none;background:#006A53;color: #fff;width: 50%;border: 2px solid #fff;}
.form-detail input,.form-detail textarea{color: #ffffff;caret-color: #fff;font-size: var(--font-18);line-height: var(--line-18);}

/* Footer Part */
.top-sec {text-align: center;}
.bg-sec {background: #fff;height: 118px;width: 326px;margin-top: 60px}
.bg-sec img {margin-top: 11px;}
.sec-footer{background: #004F3C;}
.sec-option{display: flex;justify-content: center;margin-top: 60px;}
.sec-option li{margin: 0px 25px;}
.sec-option a{color: #fff;font-weight: 350;}
.social-icon{display: flex;justify-content: center;margin: 40px 0 50px;}
.social-icon li {margin: 0 9px;}
.social-icon i{width:50px;height:50px;border-radius:100%;background:#59B500;color:#0b473a;display:flex;align-items:center;justify-content:center;}
.bottom {background-color: #006A53;text-align: center; padding: 10px 0;}
.bottom a, .bottom p{color: #fff;font-size: var(--font-12);line-height: var(--line-12);font-weight: 400;}
.bottom p{ padding: 0px !important;}

.social-icon a{ font-size: 17px;}





.social-icon i:hover{background: #fff;}


/* About sec middle */
.sec-middle-banner-about{width: 100%; background:#004F3C}
.sec-middle-banner-about h2{text-align: center; color: #fff;}
.step-about {margin-top: 55px;text-align: center;}
.step-about p{color:#fff}
.step-about h4{color: #fff;font-weight: 700;margin-top: 25px;font-family: var(--font-2);font-size: var(--font-24);line-height: var(--line-24);font-weight: 600;}


/* About sec first-part */
.sec-attract h2{text-align: center;}
.step-attract {margin-top: 55px;text-align: center;}
.step-attract p{color:#fff}
.step-attract h4{color: #004F3C;font-weight: 700;margin-top: 25px;font-family: var(--font-2);font-size: var(--font-24);line-height: var(--line-24);font-weight: 600;}
.sec-attract .row .col-md-3{width: 20%;}

.step-portion p{ padding-bottom: 0px;}
.step-portion li i{ margin-right: 10px;}



.wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff;
 margin: 15px 0 0 !important; }
.invalid .wpcf7-response-output{ background:#dc3232; }
.sent .wpcf7-response-output{ background:#84c426; }
span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif;
 border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}
span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}

.wpcf7-form-control-wrap {  position: relative;}

span.wpcf7-not-valid-tip {  top: 100%;}
.rechfrmmain iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.wpcf7-form p{ padding-bottom: 0px !important;}
.wpcf7-form-control-wrap {
  position: relative;
  width: 100%;
}
.wpcf7 p{ padding: 0px !important;}



.img-wel-sec, .img-sec{ height: 440px;}
.img-wel-sec img, .img-sec img{ height: 100%;}


.form-box input[type="text"]::placeholder, .form-box input[type="tel"]::placeholder, .form-box input[type="email"]::placeholder, .form-box textarea::placeholder{ opacity: 1; color: #fff;}


.records-box {
  width: 100%;
  padding: 30px 12px;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
  position: relative;
  margin-top: -40px;
  z-index: 1;
}
.recordsbx-in label{ font-family: var(--font-1); color: rgba(0, 0, 0, 1); font-size: var(--font-24); line-hight: var(--line-24);}

.recordsbx-in input{ border: none !important; width: 100%; font-family: var(--font-1); color: rgba(0, 0, 0, 1); font-size: var(--font-16); line-hight: var(--line-16); }

.recordsbx-in input[type="submit"]{
  font-size: var(--font-16);
  line-height: var(--line-16);
  color: #fff;
  font-weight: 500;
  background: var(--c-green);
  min-width: 100%;
  line-height: 50px;
  text-align: center;
  font-family: var(--font-1); width:100%; color: #fff !important;}
.recordsbx-in{ position: relative;}
.recordsbx-in .wpcf7-spinner{ position: absolute; top: 0px; right: 0px;}


.records-box .col-md-3{ border-right:1px solid rgba(0, 0, 0, 1); padding: 10px 38px;}
.records-box .col-md-3:last-child{ border: none; }
.records-box .col-md-3:nth-child(3){ border: none; }
.calicn{ background: url(../images/calender.png) no-repeat left center; padding-left: 40px;
  background-size: 30px;}
.ui-datepicker{ z-index: 5 !important;}

.banner-img{ height: 500px;}
.banner-img img	{ height: 100%;}


.inner-banner .banner-img{ height: 300px;}


.accuBox .img-sec{ height: 300px; overflow: hidden;}
.accuBox .text{ padding: 20px 0;}
.accuBox .text .content{ min-height: 95px;}

.priceTxt{ line-height: 50px;}

.stpIcon {
  display: flex;
  height: 95px;
  align-items: center;
  justify-content: center;
}
.stpIcon img{ max-width: 90px;}





.form-detail .btn-close{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  filter: brightness(0) invert(1);
  opacity: 1;
}




.litebox{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index:2;}





















  
  
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none; border-bottom: 2px solid #ccc; 
    background:#fff !important;
    width: 150px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 5px 8px 8px; box-shadow: inherit; }

.nav_top .dropdown:hover .dropdown-menu { max-height: 300px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}






}


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


:root
{
    --font-80:70px;
    --line-80:79px;

    --font-60:50px;
    --line-60:59px;

    --font-50:40px;
    --line-50:52px;

    --font-40:35px;
    --line-40:45px;

    --font-30:25px;
    --line-30:35px;

    --font-24:20px;
    --line-24:26px;

    --font-18:17px;
    --line-18:24px;

    --font-16:15px;
    --line-16:20px;

    --font-14:13px;
    --line-14:17px;

    --font-12:12px;
    --line-12:15px;
}



}


@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}
:root
{
    --font-80:65px;
    --line-80:75px;

    --font-60:45px;
    --line-60:55px;

    --font-50:35px;
    --line-50:45px;

    --font-40:30px;
    --line-40:40px;

    --font-30:22px;
    --line-30:32px;

    --font-24:18px;
    --line-24:25px;

    --font-18:16px;
    --line-18:22px;

    --font-16:14px;
    --line-16:20px;

    --font-14:13px;
    --line-14:17px;

    --font-12:12px;
    --line-12:15px;
}

.tophead{ padding: 60px 0;}






}   





@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}
:root
{
    --font-80:65px;
    --line-80:75px;

    --font-60:45px;
    --line-60:55px;

    --font-50:35px;
    --line-50:45px;

    --font-40:30px;
    --line-40:40px;

    --font-30:22px;
    --line-30:32px;

    --font-24:18px;
    --line-24:25px;

    --font-18:16px;
    --line-18:22px;

    --font-16:14px;
    --line-16:20px;

    --font-14:13px;
    --line-14:17px;

    --font-12:12px;
    --line-12:15px;
}

.tophead{ padding: 50px 0;}







} 


@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}





.tophead{ padding: 40px 0;}





}


@media only screen and (max-width: 991px) {
.nav_top .navbar-toggler{ border: none; background: none;padding: 10px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #0b473a;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.9); width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
        

.container{max-width: 720px;}

:root
{
    --font-80:60px;
    --line-80:70px;

    --font-60:40px;
    --line-60:50px;

    --font-50:30px;
    --line-50:40px;

    --font-40:25px;
    --line-40:35px;

    --font-30:20px;
    --line-30:30px;

    --font-24:17px;
    --line-24:23px;

    --font-18:15px;
    --line-18:20px;

    --font-16:14px;
    --line-16:20px;

    --font-14:13px;
    --line-14:17px;

    --font-12:12px;
    --line-12:15px;
}


.butns{ min-width: 144px; line-height: 41px;}
.navbar-brand{ padding: 8px 0;}

.header_sec .butns{ position: absolute; top: 0px; right: 50px;}
.header_sec .butns {
    position: absolute;
    top: 16px;
    right: 65px;
  }

.navbar-collapse {
    position: fixed;
    top: 0;
    left: -220px;
    background: #fff;
    width: 220px;
    z-index: 11;
    height: 100%;
    overflow: auto !important;
    padding: 45px 0; display: block !important; transition: all 0.3s ease;
  }
.menu_sec li{ padding: 0;}
.navbar-collapse.show{ left: 0px;}

.banner-img{ height: 400px;}
.banner-img img	{ height: 100%;}
.records-box{ margin-top: -16px;}
.records-box .col-md-3 {
  border-right: none;
  padding: 10px 12px;
  width: 50%;
}

.recoBox{ border: 1px solid #000; padding: 5px;}
.records-box{ padding: 10px 25px;}
.records-box .col-md-3:last-child{ width: 100%;}
.records-box .col-md-3:nth-child(3){ width: 100%;}

.img-wel-sec, .img-sec {
  height: 325px;
}

.step img{ max-width: 80px;}
.form-detail{ padding: 20px;}
.step-portion ul i{ width: 40px; height: 40px;}










}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}

.navbar-brand {
    padding: 11px 15px;
  }
.banner-img {
    height: 340px;
  }

.welcom-caro .col-md-4{ width: 50%;}
.stpIcon img{ max-width: 42px;}
.stpIcon{height: 60px;}
.step, .step-attract {
  margin-top: 18px;}
.step-attract h4, .step h4{ margin-top: 12px;}




:root
{
    --font-80:50px;
    --line-80:60px;

    --font-60:35px;
    --line-60:45px;

    --font-50:25px;
    --line-50:35px;

    --font-40:20px;
    --line-40:30px;

    --font-30:18px;
    --line-30:27px;

    --font-24:16px;
    --line-24:20px;

    --font-18:14px;
    --line-18:18px;

    --font-16:13px;
    --line-16:18px;

    --font-14:12px;
    --line-14:15px;

    --font-12:10px;
    --line-12:15px;
}
.step-portion {
  padding: 0;
}
.bg-sec {
  background: #fff;
  height: auto;
  width: 200px;
  margin-top: 0;
  padding: 10px;
}
.sec-footer{padding-top: 30px;}
.sec-option{ margin-top: 35px;}
.sec-option li {
  margin: 10px;
}

.social-icon{margin: 33px 0;}
.social-icon i {
  width: 40px;
  height: 40px;}
.social-icon li {
  margin: 0 6px;
}

.sec-option {
  display: flex;
  justify-content: center;
  margin-top: 35px;
  flex-wrap: wrap;
}

.welcom-caro .col-md-4 {
    width: 100%;
    display: none;
  }
.welcom-caro .col-md-4:nth-child(2){ display: block;}

.banner-text .row{ justify-content: center;}




}




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

.sec-middle-banner .row .col-md-3, .sec-attract .row .col-md-3, .sec-middle-banner .col-sm-3 {
  width: 33.333%;
}  


} 

@media only screen and (max-width: 480px){ 
.records-box .col-md-3 {
    width: 100%;
  }
.sec-middle-banner .row .col-md-3, .sec-attract .row .col-md-3, .sec-middle-banner .col-sm-3 {
  width: 50%;
} 

.header_sec .butns{ min-width: auto !important;top: 12px;
    padding: 0 15px;}
.navbar-brand {
    padding: 11px 15px;
    width: 172px;
  }




}
@media only screen and (max-width: 400px){ 
.navbar-brand {
    padding: 9px 15px;
    width: 145px;
  }
.header_sec .butns {
    position: absolute;
    top: 8px;
    right: 59px;
    min-width: auto !important;
    padding: 0 12px;
    line-height: 37px;
  }
.bg-sec {
    background: #fff;
    height: auto;
    width: 151px;
    margin-top: 0;
    padding: 7px;
  }
.sec-option{ margin-top: 20px;}




}