@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
/* Museo 300 */
/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, html, form {height:100%;}
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); }

body { font-family: 'Roboto', sans-serif;  font-size: 14px; line-height: 1.42857143; color: #333; letter-spacing:0.01em;  padding-top: 100px;}

@media (max-width:768px){body {padding-top: 83px;}}

@media (max-width:640px){body {padding-top: 75px;}}
 

p { margin: 0px 0px 15px 0px; padding: 0px; line-height: 18pt;  }

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
    .p-sm-0 {
        padding: 0 !important;
      }
      .pt-sm-0,
      .py-sm-0 {
        padding-top: 0 !important;
      }
      .pr-sm-0,
      .px-sm-0 {
        padding-right: 0 !important;
      }
      .pb-sm-0,
      .py-sm-0 {
        padding-bottom: 0 !important;
      }
      .pl-sm-0,
      .px-sm-0 {
        padding-left: 0 !important;
      }
      .p-sm-1 {
        padding: 0.25rem !important;
      }
      .pt-sm-1,
      .py-sm-1 {
        padding-top: 0.25rem !important;
      }
      .pr-sm-1,
      .px-sm-1 {
        padding-right: 0.25rem !important;
      }
      .pb-sm-1,
      .py-sm-1 {
        padding-bottom: 0.25rem !important;
      }
      .pl-sm-1,
      .px-sm-1 {
        padding-left: 0.25rem !important;
      }
      .p-sm-2 {
        padding: 0.5rem !important;
      }
      .pt-sm-2,
      .py-sm-2 {
        padding-top: 0.5rem !important;
      }
      .pr-sm-2,
      .px-sm-2 {
        padding-right: 0.5rem !important;
      }
      .pb-sm-2,
      .py-sm-2 {
        padding-bottom: 0.5rem !important;
      }
      .pl-sm-2,
      .px-sm-2 {
        padding-left: 0.5rem !important;
      }
      .p-sm-3 {
        padding: 1rem !important;
      }
      .pt-sm-3,
      .py-sm-3 {
        padding-top: 1rem !important;
      }
      .pr-sm-3,
      .px-sm-3 {
        padding-right: 1rem !important;
      }
      .pb-sm-3,
      .py-sm-3 {
        padding-bottom: 1rem !important;
      }
      .pl-sm-3,
      .px-sm-3 {
        padding-left: 1rem !important;
      }
      .p-sm-4 {
        padding: 1.5rem !important;
      }
      .pt-sm-4,
      .py-sm-4 {
        padding-top: 1.5rem !important;
      }
      .pr-sm-4,
      .px-sm-4 {
        padding-right: 1.5rem !important;
      }
      .pb-sm-4,
      .py-sm-4 {
        padding-bottom: 1.5rem !important;
      }
      .pl-sm-4,
      .px-sm-4 {
        padding-left: 1.5rem !important;
      }
      .p-sm-5 {
        padding: 3rem !important;
      }
      .pt-sm-5,
      .py-sm-5 {
        padding-top: 3rem !important;
      }
      .pr-sm-5,
      .px-sm-5 {
        padding-right: 3rem !important;
      }
      .pb-sm-5,
      .py-sm-5 {
        padding-bottom: 3rem !important;
      }
      .pl-sm-5,
      .px-sm-5 {
        padding-left: 3rem !important;
      }
}

@media (min-width: 768px) {
    .p-md-0 {
        padding: 0 !important;
      }
      .pt-md-0,
      .py-md-0 {
        padding-top: 0 !important;
      }
      .pr-md-0,
      .px-md-0 {
        padding-right: 0 !important;
      }
      .pb-md-0,
      .py-md-0 {
        padding-bottom: 0 !important;
      }
      .pl-md-0,
      .px-md-0 {
        padding-left: 0 !important;
      }
      .p-md-1 {
        padding: 0.25rem !important;
      }
      .pt-md-1,
      .py-md-1 {
        padding-top: 0.25rem !important;
      }
      .pr-md-1,
      .px-md-1 {
        padding-right: 0.25rem !important;
      }
      .pb-md-1,
      .py-md-1 {
        padding-bottom: 0.25rem !important;
      }
      .pl-md-1,
      .px-md-1 {
        padding-left: 0.25rem !important;
      }
      .p-md-2 {
        padding: 0.5rem !important;
      }
      .pt-md-2,
      .py-md-2 {
        padding-top: 0.5rem !important;
      }
      .pr-md-2,
      .px-md-2 {
        padding-right: 0.5rem !important;
      }
      .pb-md-2,
      .py-md-2 {
        padding-bottom: 0.5rem !important;
      }
      .pl-md-2,
      .px-md-2 {
        padding-left: 0.5rem !important;
      }
      .p-md-3 {
        padding: 1rem !important;
      }
      .pt-md-3,
      .py-md-3 {
        padding-top: 1rem !important;
      }
      .pr-md-3,
      .px-md-3 {
        padding-right: 1rem !important;
      }
      .pb-md-3,
      .py-md-3 {
        padding-bottom: 1rem !important;
      }
      .pl-md-3,
      .px-md-3 {
        padding-left: 1rem !important;
      }
      .p-md-4 {
        padding: 1.5rem !important;
      }
      .pt-md-4,
      .py-md-4 {
        padding-top: 1.5rem !important;
      }
      .pr-md-4,
      .px-md-4 {
        padding-right: 1.5rem !important;
      }
      .pb-md-4,
      .py-md-4 {
        padding-bottom: 1.5rem !important;
      }
      .pl-md-4,
      .px-md-4 {
        padding-left: 1.5rem !important;
      }
      .p-md-5 {
        padding: 3rem !important;
      }
      .pt-md-5,
      .py-md-5 {
        padding-top: 3rem !important;
      }
      .pr-md-5,
      .px-md-5 {
        padding-right: 3rem !important;
      }
      .pb-md-5,
      .py-md-5 {
        padding-bottom: 3rem !important;
      }
      .pl-md-5,
      .px-md-5 {
        padding-left: 3rem !important;
      }
}

@media (min-width: 992px) {
    .p-lg-0 {
        padding: 0 !important;
      }
      .pt-lg-0,
      .py-lg-0 {
        padding-top: 0 !important;
      }
      .pr-lg-0,
      .px-lg-0 {
        padding-right: 0 !important;
      }
      .pb-lg-0,
      .py-lg-0 {
        padding-bottom: 0 !important;
      }
      .pl-lg-0,
      .px-lg-0 {
        padding-left: 0 !important;
      }
      .p-lg-1 {
        padding: 0.25rem !important;
      }
      .pt-lg-1,
      .py-lg-1 {
        padding-top: 0.25rem !important;
      }
      .pr-lg-1,
      .px-lg-1 {
        padding-right: 0.25rem !important;
      }
      .pb-lg-1,
      .py-lg-1 {
        padding-bottom: 0.25rem !important;
      }
      .pl-lg-1,
      .px-lg-1 {
        padding-left: 0.25rem !important;
      }
      .p-lg-2 {
        padding: 0.5rem !important;
      }
      .pt-lg-2,
      .py-lg-2 {
        padding-top: 0.5rem !important;
      }
      .pr-lg-2,
      .px-lg-2 {
        padding-right: 0.5rem !important;
      }
      .pb-lg-2,
      .py-lg-2 {
        padding-bottom: 0.5rem !important;
      }
      .pl-lg-2,
      .px-lg-2 {
        padding-left: 0.5rem !important;
      }
      .p-lg-3 {
        padding: 1rem !important;
      }
      .pt-lg-3,
      .py-lg-3 {
        padding-top: 1rem !important;
      }
      .pr-lg-3,
      .px-lg-3 {
        padding-right: 1rem !important;
      }
      .pb-lg-3,
      .py-lg-3 {
        padding-bottom: 1rem !important;
      }
      .pl-lg-3,
      .px-lg-3 {
        padding-left: 1rem !important;
      }
      .p-lg-4 {
        padding: 1.5rem !important;
      }
      .pt-lg-4,
      .py-lg-4 {
        padding-top: 1.5rem !important;
      }
      .pr-lg-4,
      .px-lg-4 {
        padding-right: 1.5rem !important;
      }
      .pb-lg-4,
      .py-lg-4 {
        padding-bottom: 1.5rem !important;
      }
      .pl-lg-4,
      .px-lg-4 {
        padding-left: 1.5rem !important;
      }
      .p-lg-5 {
        padding: 3rem !important;
      }
      .pt-lg-5,
      .py-lg-5 {
        padding-top: 3rem !important;
      }
      .pr-lg-5,
      .px-lg-5 {
        padding-right: 3rem !important;
      }
      .pb-lg-5,
      .py-lg-5 {
        padding-bottom: 3rem !important;
      }
      .pl-lg-5,
      .px-lg-5 {
        padding-left: 3rem !important;
      }
}

@media (min-width: 1200px) {
    .p-xl-0 {
        padding: 0 !important;
      }
      .pt-xl-0,
      .py-xl-0 {
        padding-top: 0 !important;
      }
      .pr-xl-0,
      .px-xl-0 {
        padding-right: 0 !important;
      }
      .pb-xl-0,
      .py-xl-0 {
        padding-bottom: 0 !important;
      }
      .pl-xl-0,
      .px-xl-0 {
        padding-left: 0 !important;
      }
      .p-xl-1 {
        padding: 0.25rem !important;
      }
      .pt-xl-1,
      .py-xl-1 {
        padding-top: 0.25rem !important;
      }
      .pr-xl-1,
      .px-xl-1 {
        padding-right: 0.25rem !important;
      }
      .pb-xl-1,
      .py-xl-1 {
        padding-bottom: 0.25rem !important;
      }
      .pl-xl-1,
      .px-xl-1 {
        padding-left: 0.25rem !important;
      }
      .p-xl-2 {
        padding: 0.5rem !important;
      }
      .pt-xl-2,
      .py-xl-2 {
        padding-top: 0.5rem !important;
      }
      .pr-xl-2,
      .px-xl-2 {
        padding-right: 0.5rem !important;
      }
      .pb-xl-2,
      .py-xl-2 {
        padding-bottom: 0.5rem !important;
      }
      .pl-xl-2,
      .px-xl-2 {
        padding-left: 0.5rem !important;
      }
      .p-xl-3 {
        padding: 1rem !important;
      }
      .pt-xl-3,
      .py-xl-3 {
        padding-top: 1rem !important;
      }
      .pr-xl-3,
      .px-xl-3 {
        padding-right: 1rem !important;
      }
      .pb-xl-3,
      .py-xl-3 {
        padding-bottom: 1rem !important;
      }
      .pl-xl-3,
      .px-xl-3 {
        padding-left: 1rem !important;
      }
      .p-xl-4 {
        padding: 1.5rem !important;
      }
      .pt-xl-4,
      .py-xl-4 {
        padding-top: 1.5rem !important;
      }
      .pr-xl-4,
      .px-xl-4 {
        padding-right: 1.5rem !important;
      }
      .pb-xl-4,
      .py-xl-4 {
        padding-bottom: 1.5rem !important;
      }
      .pl-xl-4,
      .px-xl-4 {
        padding-left: 1.5rem !important;
      }
      .p-xl-5 {
        padding: 3rem !important;
      }
      .pt-xl-5,
      .py-xl-5 {
        padding-top: 3rem !important;
      }
      .pr-xl-5,
      .px-xl-5 {
        padding-right: 3rem !important;
      }
      .pb-xl-5,
      .py-xl-5 {
        padding-bottom: 3rem !important;
      }
      .pl-xl-5,
      .px-xl-5 {
        padding-left: 3rem !important;
      }
}

.top-space{margin-top:180px;}

button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #333; text-decoration: none; }
a:focus, a:hover   { }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;  }


/* GO To Top Style  */
.scrollup {   position:fixed;  bottom:140px; right:20px;  opacity:0;   z-index:1; font-size:20px;  padding: 0px 8px 3px;
              -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; 
}
.scrollup { -webkit-animation: moveFromBottom 1000ms ease; -moz-animation: moveFromBottom 1000ms ease;   -ms-animation: moveFromBottom 1000ms ease;}

a.scrollup {  color: #fff; background-color: #71a865; border: #5a8751 solid 2px;  padding: 4px 8px; border-radius:50px; } 


/* Hr Line Style  */
hr { width:100%; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; clear:both;   }
hr.solid { border: 0; border-bottom: 1px solid #ccc;  }
hr.dotted { border: 0; border-bottom: 1px dotted #666; background: #292929; }
hr.dashed { border: 0; border-bottom: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-bottom: 1px dashed #ccc; background: #999; }


/* Clear Styles */
.clear	{clear:both; } 
.spacer0 {clear:both; width:100%; height:2px;}
.spacer1 {clear:both; width:100%; height:10px;}
.spacer2 {clear:both; width:100%; height:20px;}
.spacer3 {clear:both; width:100%; height:30px;}
.spacer4 {clear:both; width:100%; height:40px;}
.spacer5 {clear:both; width:100%; height:50px;}

#form1 { opacity:0;}

.bs-section { margin-bottom:50px;}

section {padding:25px 0 50px; text-align:center;}

ul.list  {padding:0px; margin:0px  0px 0px 0px;}
ul.list li {list-style-type:disc; padding:0px; margin:0px 10px 5px 20px;}
ul.list li a{}

.th { background-color: #787878; color:#fff;  }
.tch {background-color: #dcdcdc; }
.tc { background-color: #f5f5f5; }

p{color:#666;}

.container h4{font-size:20px; line-height:normal; color: #5a8751;  margin: 8px 0 0; font-weight: 500;  display: inline-block;}

.container h4.red{color:#ed3237;}

.fa-times-circle{margin-right:4px;}


::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
   color:  #000;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color:  #000;  
}

:-ms-input-placeholder {  
   color:  #000;  
}


/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px;}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

h1{position: relative;  z-index: 0;}
h1:after {    margin-left: -36px!important;
    left: 50%!important;
    content: "";
    position: absolute;
    bottom: -5px;
    width: 72px;
    height: 2px;
    left: 0;
    background: #5a8751;}

.h3,h3{ font-weight: 500;}
/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper    {position:relative;  width:100%; margin:0 auto; text-align:left; float:none;}
.home-wrapper    { min-height:100%;  margin: 0 auto -80px;  } /* the bottom margin is the negative value of the footer's height */
 
.footer {position: relative; width: 100%; margin: 0 auto;  }
.home-footer, .home-push    { min-height: 80px; clear:both;/* .push must be the same height as .footer */   }


.wrapper    { min-height:100%;  margin: 0 auto -189px;  }
.footer, .push    { min-height: 189px; clear:both;/* .push must be the same height as .footer */   }


section .wrap{ padding:10px 0 0; position:relative; z-index:1; margin:0 auto; width:100%; max-width:1100px; }

footer .wrap{ padding:0 30px; position:relative; z-index:1; margin:0 auto; max-width:1100px; }

@media (max-width:768px) {
 footer .wrap{ width:100%;}
 .wrapper    { margin: 0 auto -85px;  }
 .footer, .push    { min-height: 85px; }
}
 
.bg-img{  height:50%; min-height:489px; background:url(images/main-bg.jpg) no-repeat center top;  background-size:cover;}
/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
header {padding: 0px 0px;  margin-bottom:0px;   position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999999;     background: #f2f9f0;  }
header:after{content:' '; display:block!important; height:4px; margin-bottom:-7px; }

/* header .container{position:relative; padding:0; width:98%; max-width:1100px;} */
@media (max-width:980px) {
/* header {background: #fff;} */
}

nav{ position:relative; float:right; z-index:2; margin-top:10px;}
.nav{width:auto;}

nav#mainNav{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.navbar {   z-index: 0; margin-bottom:0px !important;  }
.navbar .container { position:relative;  }
.navbar-header { width:100%;     padding: 15px 0; position:relative;}

.top-space{margin-top:150px;}

@media (max-width:768px) {
    .navbar-header {    padding: 10px 0;}
}

ul.nav > li > a:after {position: absolute;
    bottom: -15px;
    left: 0;
    display: block;
    content: '';
    padding: 0;
    margin: 0 0 1px;
    border-bottom: solid 5px #71a865 ;
    transform: scaleX(0.0000);
    transition: transform 250ms ease-in-out;
    width: 100%;}

ul.nav > li:hover > a:after,
ul.navbar-nav li.activ a:after {transform: scaleX(1); }

.navbar-nav > li.active > a { color: #71a865 !important;}

.navbar-nav > li.active > a:after{
position: absolute;
    bottom: -15px;
    left: 0;
    display: block;
    content: '';
    padding: 0;
    margin: 0 0 1px;
    border-bottom: solid 5px #71a865 ;
    transform: scaleX(1);
    transition: transform 250ms ease-in-out;
    width: 100%;
}

/*ul.navbar-nav li.Plants a.activ:after          {border-color:#d82a2a; transform: scaleX(1);}
ul.navbar-nav li.Pots a.activ:after            {border-color:#456851; transform: scaleX(1);}
ul.navbar-nav li.GardeningTools a.activ:after  {border-color:#8c6239; transform: scaleX(1);}
ul.navbar-nav li.Services a.activ:after        {border-color:#0072bc; transform: scaleX(1);}
ul.navbar-nav li.About a.activ:after           {border-color:#4f8f8b; transform: scaleX(1);}
ul.navbar-nav li.Plant a.activ:after           {border-color:#0a524c; transform: scaleX(1);}
ul.navbar-nav li.Clients a.activ:after         {border-color:#662d91; transform: scaleX(1);}
ul.navbar-nav li.Contact a.activ:after         {border-color:#f26c4f; transform: scaleX(1);}*/

.sticky ul.nav > li > a:after{bottom:-10px; border-width:3px;}

@media (max-width:768px) {
.navbar .navbar {   box-shadow: none !important;    margin-bottom:0px !important; position:static !important;}
.navbar-nav > li.active > a:after{    bottom: -7px;}
ul.nav > li > a:after {  border-bottom:none;  transform: none !important;  transition: none !important;}
}

@media (max-width:425px) {
.navbar-brand > img {width: 200% !important;     max-width:200% !important;}
}


ul.navbar-nav{}
ul.navbar-nav > li {  text-transform:uppercase; font-weight:600; padding:5px 0;
 -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  
float:left;
}
ul.navbar-nav li a{ font-size: 13px;}
ul.navbar-nav li:last-child{border:0;}
ul.navbar-nav li.dropdown{}
ul.navbar-nav li.dropdown .fa{ position:absolute; right:0px; top:20%;}
ul.navbar-nav li ul li {text-transform:none; margin:0 0 ; padding:5px 0; border-bottom:#EEE solid 1px!important; background:none!important;}
ul.navbar-nav li ul li:last-child{border:0!important;}
ul.navbar-nav li ul li a{margin:0 0 ;  line-height:25pt; font-size:10.5pt; font-weight:normal;  text-transform:uppercase;}
ul.navbar-nav li ul li a:hover{color:#333!important;}

ul.navbar-nav li.home a             {color:#d87900;}
ul.navbar-nav li.Plants a           {color:#d82a2a;}
ul.navbar-nav li.Pots     a         {color:#456851;}
ul.navbar-nav li.GardeningTools a   {color:#8c6239;}
ul.navbar-nav li.Services a         {color:#0072bc;}
ul.navbar-nav li.About    a         {color:#4f8f8b;}
ul.navbar-nav li.PlantCare a        {color:#0a524c;}
ul.navbar-nav li.Clients  a         {color:#662d91;}
ul.navbar-nav li.Contact  a         {color:#f26c4f;}



ul.navbar-nav li.dropdown.open:before  {
    content:""; position: absolute; margin-top:27px; margin-left: 40px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F7F7F7;
-webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; z-index:99;
}
.navbar-nav > li > .dropdown-menu{background:#F7F7F7;}
.navbar-nav > li > .dropdown-menu a:hover{color:#0a524c !important;}


/* header sticky  */
.sticky {  
-webkit-box-shadow: 0px 2px 5px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(176,176,176,1);
box-shadow: 0px 2px 5px 0px rgba(176,176,176,1);  }

@media (min-width:991px) {
header.sticky:after{height:0; margin-bottom:0;}
.sticky .container{padding-bottom:0;}
.sticky .navbar-brand{ padding:8px 0;}
.sticky .navbar-brand img{width:80%;}
.sticky nav#mainNav{margin-top:0;}
.sticky nav#navbar{}
}

@media (min-width:300px) and (max-width:768px) {
.navbar-header .navbar-brand {width:25%; }
/* .sticky .navbar-brand img{width:80%;} */
.sticky ul.navbar-nav > li{padding:5px 0;}
.container .heading h2, {font-size:20pt;}
}

@media (max-width:480px)  {

.navbar-header .navbar-brand { min-width:100px; }
.container > .navbar-header{margin-left:0!important; margin-right:0!important;}
.navbar-header ul.hdr_rgt{width:auto; position:static; margin-top:30px;}
.container .heading h2 {font-size:16pt;}
}

@media (max-width:640px) {
.search-toggle:after{color:#0a524c;}
ul.hdr_rgt > li:first-child{float:right; width:30px; }
ul.hdr_rgt li .search-group{display:none; position:absolute; right:0%; margin:0 auto; margin-top:16px; width:100%; background:#FFF;}
ul.hdr_rgt li .search-group .search-input{width:90%!important; height:auto; margin-top:0;}
.search-group .navbar-form-search{border:#DDD solid 1px; width:10%; line-height:36px; text-align:center;}
}

@media (min-width:480px) and (max-width:640px) {
.navbar-header ul.hdr_rgt {position:static;}
}

@media (max-width: 980px) {
header nav{float:none; margin-top:0;}
ul.navbar-nav li:hover.dropdown:before  {   margin:0; border: 0px;}
ul.navbar-nav li  {border-right:0; display:block; width:100%;}
ul.navbar-nav li .dropdown {float:none!important;}
.menu-row .menu-pic { display:none;    }
.menu-row .menu-links { display:table-cell;  width:100%; background:#fff;   padding: 15px 0px 15px 0px; vertical-align:top;}
ul.navbar-nav li { border-bottom: 1px solid #ccc !important;}
}


/* Header Right */
ul.hdr_rgt { list-style:none; padding:0; margin:0 0 0 15px; text-align:right; position:relative;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  }
ul.hdr_rgt li { list-style:none; font-size:20px;  margin:0px 20px 0 0; height:40px; line-height:40px; display:inline-block; vertical-align:top; }
ul.hdr_rgt li .fa {  font-size:15px; color:#000;}
ul.hdr_rgt li a{text-decoration:none;}

.hdr_rgt .dropdown{cursor:pointer; position:static;}


.search-group .search-input {  position:relative;  float:left;}
.search-group .navbar-form-search {   position:relative;  display:inline-block; padding: 0px 0px; font-size:20px; margin-left: 0px; vertical-align: top;}
.search-group .search-input { width:250px !important; background:none; padding-right:32px; margin-right:-25px; text-transform:none; padding-left:10px;  box-shadow: none !important;  
    -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;   }
.search-input { background: #fff; border:#3c9e6f 1px solid; color:#000;  resize:none; height:35px; line-height:35px; margin-top:5px; outline:none; font-size:12pt; }

.search-toggle:after{content:'\f002'; font-family:FontAwesome;}
.search-toggle.open:after{content:'\f00d'; font-family:FontAwesome;}


.err{font-size:9pt; color:#d02022; float:left; margin-top:5px; text-align:left;line-height:normal;}

@media (max-width:980px) {
.search-group .search-input,
.search-group:hover .search-input, .search-group .search-input:focus  {  width:200px !important;    }

ul.hdr_rgt .hidden-sm { display:none;}
}

.contact{text-align:left; padding:10px;}
.contact h2{font-size:16pt;}
.contact h3{font-size:14pt;}
.contact p{font-size:11pt;}
.contact h2, .contact h3, .contact p{margin:0 10px 10px;}

.cont-head{background:#0a524c; color:#FFF; padding:10px; margin-bottom:10px; font-size:16pt; text-transform:uppercase;}

.form_box{padding-bottom:20px;}

/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/

footer { padding: 10px 0px;  font-size:14px; text-align:left; background: #333; }

footer .copy{ margin: 5px 0px; text-align:center; width:100%; float:left; font-size: 13px; color: #f2f2f2;}

footer .heading h2, footer  p{margin:0; color:#0a524c;}

footer  p{line-height:21pt; font-size:12pt; margin-bottom:10pt;}


footer .reservation  {background-color: #087dc2; color:#f2f2f2; display:inline-block; padding:5px 25px; text-align:center;}
footer .reservation span a {display:block;  color:#ffcd04; font-size:13px;}
footer .reservation span a:hover { color:#f2f2f2; text-decoration:none;}

footer ul.social-list{margin:0; padding:0; float:right;}
footer ul.social-list li{display:inline-block; padding:1px 8px 0 0;}
footer ul.social-list li:first-child{ padding:1px 8px 0 8px; color:#FFF; line-height:20pt; font-size:12pt; border:#02b0ed solid 1px;}
footer ul.social-list li .fa{width:30px; color:#FFF; line-height:20pt; font-size:12pt; border:#02b0ed solid 1px;  text-align:center;
-webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;
}
footer ul.social-list li a:hover .fa{ background:#02b0ed;  color:#FFF; border:#02b0ed solid 1px;}

.footer-top{ padding:30px 0 45px;  border:rgba(255,255,255,0.3) solid; border-width:6px 0;}
 

.footer-bottom {
    background: #05090c none repeat scroll 0 0;
    float: left;
    padding: 30px 0;
    position: relative;
    width: 100%;
}

footer ul.nav-list{margin: 5px 0px;; padding:0; display:block;font-size: 0; position:relative; text-align: center; }

footer ul.nav-list li{display:inline-block;  font-size:12pt; }
footer ul.nav-list li:last-child a {border-right: 0}
footer ul.nav-list li:before{ padding: 0 2px 0 0;  }
_footer ul.nav-list li:after{ font-family:FontAwesome; content:'|'; font-size:10px; color:#fff; padding: 0 0 0 5px;}
footer ul.nav-list li:last-child:after{ display: none }
footer ul.nav-list li a{color:#f2f2f2; font-size:12px; text-transform: uppercase;padding: 0 10px; line-height: 12px; border-right: 1px solid #f2f2f2;}
footer ul.nav-list li .fa{width:25px;}

.footer-bottom p{ color:#FFF; font-size:10pt; text-align:center; margin-bottom:0;}

.contact-bar {
    float: left;
    margin: 10px 0;  
    width: 100%;  
}

.contact-bar > div {
    padding: 0; display: inline-block;
}
 
.contact-details {
    padding: 20px;  
    width: 100%;
    z-index: 1;
    background: #71a865;
}

.contact-details h4 {margin: 0 !important; color:#fff; font-size: 20px !important;}
.contact-details h4 span {display: block}

.contact-details a {
	color:#e6e5e5;
	font-weight: 400!important;
}

.contact-details a:hover {
	color:#333;
}

.contact-details > span {
    background: rgba(0,0,0,0.2);
    color: #ffffff;
    float: left;
    font-size: 18px;
    height: 25px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    width: 25px;
}

.contact-details > strong {
    color: #ffffff; 
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 24px;
    text-transform: capitalize;
}

.contact-details > p {
    color: #e6e5e5; 
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
	text-align:left;
    margin: 0;
}


/* Contact Info */
ul.contact_list { margin:10px 0 0; padding:0px 0px 10px 0px; float:left;}
ul.contact_list li {  margin:0 0px 10px 0; list-style:none; font-size:11pt; line-height:normal; }


@media (max-width:768px){

.contact-details {
    padding: 20px 25px; 
    width: 100%;
    z-index: 1;
    min-height: 105px;
    background: #71a865;
}

 
 
footer ul.nav-list {    margin: 5px 0px 10px; }
_footer ul.nav-list:after {   
    margin-left: -36px!important;
    left: 50%!important;
    content: "";
    position: absolute;
    bottom: -5px;
    width: 72px;
    height: 2px;
    left: 0;
    background: #5a8751;}
}

@media (max-width:640px){
    .contact-details {    min-height: auto;padding: 10px 25px;    }
}

@media (max-width:320px){
    .contact-details .cont {  display: block;
    padding-left: 40px;}
}

.contact-row .gpay-box  {text-align:left; padding:2px 10px 0px 0px}

.gpay-box {border: 1px solid #468f41; text-align:center; padding:15px;line-height: normal;}
.gpay-box{margin: 0px 0px 15px;}

@media (max-width:768px) {
.gpay-box{margin: 35px 15px 15px;} 
}


/*
=====================================================================================================================================================
HOME BODY STYLE
=====================================================================================================================================================
*/

.banner-pannel  {margin: 0; display: table;}
.banner-pannel .left { background : #5a8751;}
.banner-pannel .left, .banner-pannel .right { display: table-cell; float: none; vertical-align: middle; padding-right: 0; padding-left: 0;}
.pannel-content {    width: 60.6% !important;}
/*  Visual Panel */
#home_visual_wrapper {margin-top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  }
#visual_container { margin:0 auto; position:relative;} 

.home-visaul{display:table; width:100%; padding:0; height:50%; height:550px; position:relative;}
.home-visaul .fluid_container{position:absolute;}
.home-visaul .container, .inner-visaul .container{display:table; height:100%; padding:0 0;}
.ban-col{display:table-cell; width:100%; height:100%; text-align:right; vertical-align:bottom; position:relative; z-index:1;}

.ban-col .ban-caption{text-align:left; margin-bottom:10px; float:left; background: rgba(0, 0, 0, 0.3); padding: 10px;}

.ban-col h1{color:#FFF; font-size:19pt; text-transform:capitalize; font-weight:700; line-height:normal; -webkit-text-shadow:#403F3F 0px 2px 4px; text-shadow:#403F3F 0px 2px 4px; margin-top:0;}
.ban-col h1 span{display:block; font-size:23pt;}

@media (max-width: 1024px){
  .pannel-content {
    width: 68.5% !important;
}
}

@media(max-width:768px) {
  .pannel-content { width: 100% !important}  
.home-visaul{height:350px;}
.home-visaul .container{height:200px;}
.home-visaul .ban-col h1{line-height:normal;}
.banner-pannel, .banner-pannel .left, .banner-pannel .right  {display: block}
}

@media (max-width:480px) {
.home-visaul{height:250px;}
.home-visaul .ban-col h1{font-size:16pt;}
}

 
@media (max-width:480px) {
.home-visaul .container{width:100%;}
.home-visaul .ban-col{width:100%!important; display:block; text-align:center!important;}
.home-visaul .ban-col h1{font-size:12pt;}
}

.inner-visaul{ width:100%; height:690px; }
.inner-visaul .ban-col h1{font-size:34pt; text-transform:uppercase; font-weight:400; line-height:34pt;}
.inner-visaul .ban-col .heading.inverse h1:before{margin-right:-18px;}
.inner-visaul .ban-col .ban-caption{margin-bottom:30px; background:none; padding-left:0;}

.banner { width: 39% !important; margin-right: 0.4%;}
.accommodation-bg         { background:url(images/accommodation.jpg) no-repeat center top;  background-size:contain; height: 544px; position: relative;} 
.accommodation-bg::before {font-family:'FontAwesome';content:"View Accommodation Images";color: #fff;background: #71a865;font-size: 26px;font-weight: 100;right: 0px;bottom:0;padding: 15px;width: 100%; text-align: center; position: absolute; line-height: 1;}
.homestay-bg   { background:url(images/homestay.jpg) no-repeat top center;  background-size:contain; height: 545px;}
.places-bg        { background:url(images/places.jpg) no-repeat center top;  background-size:cover;    height: 705px;}
.gallery-bg      { background:url(images/gallery-bg.jpg) no-repeat center top;  background-size:cover;} 
.things-bg    { background:url(images/things-bg.jpg) no-repeat center top;  background-size:cover;} 
.contact-bg     { background:url(images/contact-bg.jpg) no-repeat center top;  background-size:cover;}
.sitemap-bg     { background:url(images/sitemap.jpg) no-repeat center top;  background-size:cover; height: 460px;}

.banner-pannel .home-row {display: block}
.home-row {display: none}
.home-row{position:relative; padding: 50px 0; text-align: center;    background: #5a8752;}
.home-row h2 {margin: 0 !important;color: #fff}
.home-row h3 {color: #fff}
.home-row h3 span {display: block; margin: 10px 0px;}
.home-row h3 span a {color: #fff}
.home-row h3 span a:hover {text-decoration: underline}

@media (max-width:1199px) {
.homestay-bg {height: 475px;}
}

@media (max-width:991px) {
.homestay-bg {height: 385px;}
}

@media  (max-width:1024px) {
    .banner {    width: 31% !important;  margin-right: 0.4%;}
}

@media  (max-width:768px) {
.banner {    width: 100% !important;  margin-right: 0;}
.inner-visaul {margin-bottom: 25px;height: 400px;}  
.accommodation-bg { background: url(images/accommodation-bg.jpg) no-repeat center bottom;}  
.homestay-bg   { background:url(images/homestay-bg.jpg) no-repeat center center;}
.places-bg        { background:url(images/places-bg.jpg) no-repeat right bottom; }
.sitemap-bg     { background:url(images/sitemap-bg.jpg) no-repeat center right; }
.banner-pannel .home-row {display: none}
.home-row {display: block; margin-top: 20px;margin-bottom: 20px;padding: 50px 25px;}
}

.cont-details li {border-right: 1px solid #333; font-size: 16px;}
.cont-details li a:hover {color: #5a8751; text-decoration: underline}
.cont-details li:last-child {border: none}

.home-row .wrap{background:#FFF; min-height:500px;}

.col-side, .col-mdl{float:left;}
.col-side{width:30.5%;}
.col-mdl{width:38%;}

@media (max-width:640px) {
.cont-details li {border: none}
.inner-visaul{  height:250px; }
}

@media  (max-width:768px) {
.col-side, .col-mdl{ width:100%;}
.col-side ul.prod_list_home li{width:48%; margin:0 1%;}
.col-mdl ul.prod_list_home li{width:98%; margin:1.5% 1%;}
}


.home-intro { padding:3% 0;  border:rgba(255,255,255,0.3) solid; border-width:6px 0;}
 
.home-intro p{color:#FFF;}

.home-intro .heading h2{margin:0 auto 30px; font-weight: 400 !important;}

.home-intro h3{color:#FFF;   font-size:14pt; font-weight:normal;}

 
.btn{ border: 1px solid #5a8751 !important; color: #71a865; text-transform:uppercase; font-size:11pt; padding:8px 12px; }

.btn:hover { background-color: #5a8751; color: #fff !important; }

.new-arrivals{ }
.home-pro-list{}

.home-prod{margin-top:20px;}
.home-prod li{ padding:0 0;}
.home-prod li h3{text-transform:capitalize; text-align:center; font-size:14pt; margin-top:8px; margin-bottom: 5px;}
.home-prod li a {font-size:13px; text-decoration:underline; }
.home-prod li img{ border:#71a865 solid 1px; padding:4px;}

.home-pro-list .bx-wrapper, .home-pro-list .bx-viewport{padding:0 0;}
.home-pro-list .bx-wrapper .bx-controls-direction a{background:none; text-indent:0; color:#333; font-size:38pt; height:auto; margin-top: -3%;}
.home-pro-list .bx-wrapper .bx-controls-direction a .fa:hover{color:#087dc2;}
.home-pro-list .bx-wrapper .bx-prev{left:-45px;}
.home-pro-list .bx-wrapper .bx-next{right:-45px;}


@media (max-width:767px){
.new-arrivals {
    padding: 20px 0 50px;
}
}


/*
=====================================================================================================================================================
BODY STYLE
=====================================================================================================================================================
*/

#body {   padding-top:20px; padding-bottom:20px;}


 
@media (min-width:640px) and (max-width:768px) {
.pro-filter.sticky-filter{top:118px;}
}
@media (min-width:480px) and (max-width:640px) {
.pro-filter.sticky-filter{top:100px;}
}
@media (max-width:480px) {
.pro-filter.sticky-filter{top:85px;}
}


@media (max-width:980px) {
    .row .pro-filter{width:94%;  margin:0 auto 20px; z-index:99999;}
    .row .pro-list{width:100%; margin:0!important; padding:0!important;}
}
.row .pro-list{width:80%;  padding-right:0; float:right;}


.facilities-wrapper { }
ul.facilities {width:100%; float:left; margin:0; padding:0; display:table; text-align:center;}
ul.facilities li {width:20%; padding: 20px; width: 200px; min-height: 240px; list-style:none; vertical-align: top; display:inline-block; }
.ico-container {   
    width: 100%;
    float: left;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

 

@media (max-width:425px) {
ul.facilities li { width: 50%; float:none; vertical-align: top;  padding: 20px 20px 0px;   min-height: 210px;}
h1, .h1 {     font-size: 26px !important; margin-bottom: 35px !important;}
.ico-box span { padding: 10px 0px !important; }
}


.ico-box {  
    max-width: 100%; 
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease; 
	}
	
.ico-box span { padding: 10px 5px; font-weight:600; display:block; }	

 

ul.facilities li .ico-box .ico {
    width: 200px;
    max-width: 100%;
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
	}

ul.facilities li .ico-box img {
    background-color: #71a865;
    border: 4px solid rgba(0,0,0,0.2);
    border-radius: 100px;
	padding: 20px; 
	display:inline-block;}

@media (max-width:425px){
ul.facilities li .ico-box img { padding:10px; !important}
}
 
 
.not-found { margin:150px 0} 

@media (max-width:991px){
  .not-found { margin:50px 0} 
  .not-found h1 {font-size: 18px !important; line-height: initial !important;margin-top: 20px !important; margin-bottom: 20px !important;}
}
/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/


.heading { margin: 0;  }
/*.heading h1:before, .heading h2:before, .heading h3:before{content:' '; background:url(images/head-leaf.png) no-repeat center top;  margin-right:-12px; margin-top:-18px; background-size:100%; float:left; height:56px; width:40px;  } */
.heading h1{text-transform:uppercase; font-size:26px; display:table; margin:0 auto; color:#000;}
.heading h2{text-transform:uppercase; font-size:26px; display: block; margin-top: 0; font-weight: 500; color: #0066CC;}
.heading h3{text-transform:uppercase; font-size:22px; display:table; margin-bottom:10px; }
.heading h1 span, .heading h2 span, .heading h3 span {    font-weight:900;   }


.heading.inverse{}
.heading.inverse h1, .heading.inverse h2, .heading.inverse h3{color:#FFF; }
/*.heading.inverse h1:before, .heading.inverse h2:before, .heading.inverse h3:before{content:' '; background:url(images/head-leaf-wht.png) no-repeat center top;  margin-right:-12px; margin-top:-18px; background-size:100%; float:left; height:56px; width:40px;  }*/

.inner-head h1, .inner-head h2{   text-transform:uppercase; font-weight:400;  font-size:22pt; color:#000000; margin-top:0;}

 .inner-head h3{   text-transform:capitalize; font-weight:400;  font-size:24pt; color:#333; margin-top:0;}


.parallax-banner    { position:relative; width:100%; height:100%; min-height:100%; padding:50px 0;  margin:0px;  overflow:hidden; clear:both; float:left; z-index:0;}
.parallax-banner    { background-size:cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-attachment:fixed !important;    }




 /*
=====================================================================================================================================================
BODY INSIDE
=====================================================================================================================================================
*/
.body-inside{min-height:82%; padding:0;}

.body-inside h1, h1 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 28pt;
	margin-bottom:50px;
	margin-top:5px;
}

.body-inside hr {
    width: 70%;
    margin: 35px 15%; 
    border-top: 2px #468f41 dotted;
    display: block;
    float: left;
}

@media (max-width:980px) {
.body-inside .wrap{ width:95%; padding:0 2%; }
.accommodation img {margin-bottom:0px;}
}

@media (max-width:425px) {
.body-inside h1, h1 {font-size: 30px;}
}


/*GALLERY*/

.gallery-grid{
width:100%; float:left; padding:0;
}

.gallery-grid-data {
    margin: 0 0 0 0;
    padding: 25px 0!important;
	display:table; 
}

ul.gallery-grid {
    text-align: center;
    margin: 0;
    padding:0px;
}
.gallery-grid-data .title{  
text-align:center;
padding-top: 15px;
    font-size: 18px;  
	text-transform:capitalize;
    color: #71a865; display:block; float:left; width:100%; }
	
.gallery-grid-data .sub-title { margin:5px 0 0 0; padding:0;     float: left;
    width: 100%;     min-height: 66px;}
.gallery-grid-data .sub-title li{ color:#333; line-height:18px; font-size:13px;  list-style:none; text-align:center; padding: 2px 0; margin:0;  width:100%;}

ul.gallery-grid li {
    width: 100%;
    list-style: none;
    margin: 0px;
    overflow: hidden;
    position: relative;
}


ul.gallery-grid li figure {
    padding: 0 0!important; 
}

ul.gallery-grid li img { 
	    border: 1px solid #c8c8c8;
		    padding: 4px;
    margin: 0 0;
}

.image-box { 
    border-radius: 0px;
    padding: 0 5px!important;
}

figure {
    overflow: hidden;
    border-radius: 5px; 
    position: relative;
}

.list{margin:0 0 0 15px; padding:0;}
.list li {list-style:disc; margin: 0 0 10px 0px;}



/*RESEVATION FORM*/


.main-form{ padding:0; text-align:left;}	
 
.main-form .col-xs-5{ padding:0px;}
.main-form .btn-primary{ padding:10px 30px !important; border-radius:0px; background-color:#ffcc00; border-color: #ffcc00; color:#663333;  margin:20px 0px 0px 0px!important; font-size:12px !important; text-transform:uppercase; font-weight:bold;}
.main-form .form-control{ border-radius:0px;}

.form-group label {color: #4E4E4E; font-size: 16px; font-weight: 300;}

.form-group .form-control { padding: 5px; color: #999999; border-color:#ccc !important; box-shadow: none !important;}
 


textarea#message{ resize: none; padding: 10px;}

#contact-page .contact-wrap {
  margin-top: 20px;
}

#ui-datepicker-div{ z-index:40;}
 
.main-form .col-xs-6{}
.main-form .col-xs-6.padNone{ padding:0px;}
 

.accommodation  {display:inline-block; margin-bottom:25px;}
.accommodation span  {  text-align: center; font-weight: 500; display: block; padding: 10px; font-size: 20px; color: #71a865;text-transform: uppercase; }


ul.cntlist{font-size:15px;margin:0;padding:0}
ul.cntlist li{list-style:none;margin:0;padding:0 0 10px 25px}
ul.cntlist li i {
    font-size: 13pt;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    margin-top: 2px;
    margin-left: -25px;
}

 

ul.cntlist li a:before{content:""; font-size: 0 !important;  display:none !important;   padding-left: 0 !important;}

.things  {position: relative; margin-bottom: 20px;}
.things img {position: relative;  }
.things span { position: absolute; z-index: 10; right:0px; bottom: 0 ;text-align: center; font-weight: 500; display: block; padding: 10px; font-size: 20px; color: #71a865;text-transform: uppercase; background: rgba(255, 255, 255, 0.92);}


ul.places {margin:0 0 15px 0; padding:0; float:left;}
ul.places li {list-style:none;}
ul.places li.img-box { width: 50%; padding: 0 20px;}
ul.places li.content { width: 50%; padding: 0 20px;}

 
ul.places:nth-child(even) li.img-box  { float:left;}
ul.places:nth-child(even) li.content { float:right;}

 
ul.places:nth-child(odd) li.img-box  { float:right;}
ul.places:nth-child(odd) li.content { float:left;}
 

@media (max-width:768px) {
ul.places li.img-box { width: 100%; padding: 0 20px 20px;}
ul.places li.content { width: 100%; padding: 0 20px;}
}

/*.places h2 { display: block; font-size: 26px; margin-top: 0; font-weight: 500; text-transform: uppercase; color: #0066CC;}*/

/*
=====================================================================================================================================================
BREADCRUMBS
=====================================================================================================================================================
*/
.breadcrumbs_panel { border-top: 1px solid #eee; box-shadow: inset 0 2px 3px 0px #eee; padding: 15px 0px; margin-bottom:0px; }
.breadcrumb li.active {  color:#000;   }
.breadcrumb a { color:#333; font-size:10pt;}
.breadcrumb li{ text-align:left; font-size:10pt;}

/*
=====================================================================================================================================================
CONTACT STYLE
=====================================================================================================================================================
*/
/* Google Map  */
.map-container { width:100%; height:100%; border:0px; float:left; margin-bottom: 0px; padding-top:0px; background-color:#fff;}
.map-container iframe  { width:100%; height:690px; border:0px; } 
/* .map-container iframe  { width:100%; height:690px; border:0px; pointer-events: none;   }  */
 
@media (max-width:768px){
.map-container { margin-bottom: 25px; height: 400px;}
.map-container iframe {height: 100%;}
} 

 
@media (max-width:640px){
.map-container {    height: 250px;}
} 

.iframe {pointer-events: none; width: 100%; height: 200px; border: none;  }

#form-enquiry .control-label { font-weight:normal; width: 100%; text-align:left; margin-left:5px;  } 
.control-display { max-width: 100%;} 
.control-display .form-control  { margin-bottom:10px; resize:none; border-radius:0px;} 

.verification_box {  display:table; width:250px; margin: 10px auto; float:none; margin-bottom:20px; }
.captcha_code {  width:80px; padding: 3px 2px; display:table-cell; vertical-align:middle; text-align:center;  }
.captcha_img {  width:140px; display:table-cell;  vertical-align:top;}
.captcha_refresh {  width:auto;  display:table-cell; padding: 3% 2%; text-align:right; vertical-align:middle; }



ul.clrlist      {display:block; margin:0px; padding:0px;}
ul.clrlist li   {display:inline-block; margin:0px; padding:0px; text-align:center; font-size:13px;}

ul.clrlist li span  {margin:1px; width:25px !important; height:25px !important; float:left}
ul.clrlist li a     {border:1px solid #ccc; float:left;}
ul.clrlist li a:hover     {border:1px solid #3c7fb3;}
ul.clrlist li.focus a     {border:1px solid #3c7fb3;}



 

/*
=====================================================================================================================================================
Accordian
=====================================================================================================================================================
*/

.acc_trigger{ cursor:pointer; margin:0 0; padding:10px; position:relative; }
.acc_trigger span{ display:inline-block; background-color:transparent!important; color:#FA0000!important;}

.acc_container{ display:none; margin-top:0!important; background:rgba(255,255,255,0.7); border:#eee solid 1px;  border-top:0; padding:10px; margin:0!important; width:100%!important;}
.acc_container li{ margin:10px; margin-left:25px;}
.acc_container h4{font-weight:bold; color: #1169BE; font-size:11pt; padding:0; margin:0;}
.acc_container p{margin:0; padding:5px 0;}
.acc_container p b{font-weight:bold;}
.acc_trigger .arrow{position:absolute; right:10px; top:7px; background-color:transparent; color:#333; margin-right:0;}
.acc_trigger .arrow:before{content:'+'; font-style:normal; font-size:20pt;  color:#FFF;}

.acc_trigger.active .arrow{top:-6px;}
.acc_trigger.active .arrow:before{content:'_'; font-style:normal; font-size:19pt;  color:#FFF;}

.acc_trigger.active{}
.acc_container .entry-table{margin-top:0;}

@media (max-width:480px) {
h4.acc_trigger > span{font-size:13pt!important;}
}

 /*
=====================================================================================================================================================
LEFT MENU
=====================================================================================================================================================
*/

.left_panel { padding:30px 0px;} 
ul.sub_menu { padding:0px; margin:0px; padding: 0; background:#EEE; }
ul.sub_menu li{display:block; position:relative;}
ul.sub_menu li a{ padding:12px 10px 12px 15px; display:block; list-style:none; border-bottom:1px dotted #DDD; }
ul.sub_menu li:last-child{border:0;}
ul.sub_menu li a{font-size:10.5pt; text-transform:capitalize; text-decoration:none;}
ul.sub_menu li a:before{content:'\F105'; font-family:FontAwesome; margin-right:5px; font-size:14pt;}
ul.sub_menu li.active  {background:#006738; margin:0;  text-transform:uppercase; color:#FFF; }
ul.sub_menu li.active a{color:#FFF;}





@media (max-width:980px) {
    .container .side-menu{width:300px; float:none; margin:0 auto 40px;}
    .container .pro-list{width:100%; margin:0!important; padding:0!important;}
}

@media (max-width:768px) {
ul.sub_menu{display:none;}

.pro-filter h2, .side-menu h2{font-size:14pt;}

.pro-filter h2:after, .side-menu h2:after{content:'\f0d7'; font-family:FontAwesome; float:right; color:#FFF;  
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);}

}


 /*
=====================================================================================================================================================
SITEMAP
=====================================================================================================================================================
*/

ul.sitemap_list { padding:0px; margin:20px 0px;}
ul.sitemap_list li { padding:0px; margin:0 0 5px 0; list-style:none; padding-left:20px; display:inline-block; vertical-align:top;}
ul.sitemap_list > li > a{text-transform:uppercase; font-size:11pt;}
ul.sitemap_list > li > a i {margin-left:8px;}
ul.sitemap_list > li > ul{margin:8px 0 0; padding:0;}
ul.sitemap_list > li > ul > li{display:block;}
ul.sitemap_list > li > ul > li > a{text-transform:capitalize;}

@media (max-width:830px) {
ul.sitemap_list {display:table; margin:0 auto; text-align:left;}
ul.sitemap_list > li{display:list-item; list-style:disc; margin:15px 0; padding:0 0;}
ul.sitemap_list > li > ul > li{display:inline-block;}
}


.map{height:200px!important; margin-top:25px!important;}

/*======== SPONSORS STYLE ========*/
.sponsors{}
.sponsors h3{color:#FFF;}

 

@media (min-width:768px) {
.visit-info{ width:23%!important; margin-right:2%;}
}
.visit-info{background:#79A70A;  padding:20px; margin-bottom:15px;}
.visit-info h3{font-size:14pt; color:#FFF!important; margin:8px 0 5px; font-weight:bold;}
.visit-info h4{font-size:12pt; color:#FFF;  margin:0 0;}

.services h3{ text-transform:capitalize; margin-bottom:5px; font-size:13pt; font-weight:bold; color:#0a524c; margin-top:0;}

/*
=====================================================================================================================================================
SITEMAP SECTION
=====================================================================================================================================================
*/ 

.sitemap {  padding:0 ;    }
.sitemap ul.sitemap_links { list-style: none; margin: 0 0 0 15px; padding:0px; float:left;  display:block; vertical-align:top;  }
.sitemap ul.sitemap_links li { display:inline-block; padding:0px 0px 0px 0px;  margin:0px 2% 0px 0; list-style:none; color:#333;  vertical-align:top; width:100%; }
.sitemap ul.sitemap_links li { text-align:left; font-weight:normal; padding:0px 0px 8px 0px; margin:0px; font-size:16px;   }
.sitemap ul.sitemap_links li a{font-weight:600;  color:#333; }
.sitemap ul.sitemap_links li a:hover {color:#71a865;}
.sitemap ul.sitemap_links li ul { margin:8px 0; padding:0;   }
.sitemap ul.sitemap_links li li { margin:0px 2% 0px 0;  padding-left: 10px;}
.sitemap ul.sitemap_links li  a:before {  content: "\f105"; font-family: 'FontAwesome'; float:left; margin-left:-10px; }
.sitemap ul.sitemap_links { color:#004481; font-size: 14px; font-weight: 700; }



/*
=====================================================================================================================================================
RESPONSIVE STYLE
=====================================================================================================================================================
*/

/* 1024x */

@media (min-width:981px) and (max-width:993px) {
    
nav#mainNav{margin-top:-7%;}
}

/* 960px */

@media (max-width:960px) {

}

@media (min-width:640px) and (max-width:960px) {

}

@media (min-width:480px) and (max-width:960px) {
}


/* 768px */

@media (max-width:768px) {
.home-pro-list .bx-wrapper .bx-prev{left:5px;}
.home-pro-list .bx-wrapper .bx-next{right:5px;}

.home-intro .heading h2{margin-bottom:10px;}

.home-intro p{line-height:normal;}

footer  p{ font-size:10pt!important;}
footer ul.social-list{float:none; text-align:center; margin:15px 0 0;}
}

@media (max-width:768px) {
.body-inside {    padding: 0 0 50px !important;}
.heading h2{font-size:18pt;}
}

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

}


/* 640px */

@media (max-width:640px) {
.plant-care h3{font-size:14pt;}
}

@media (min-width:480px) and (max-width:640px) {
.navbar-brand > img {width:150px !important; max-width:150px !important}
.container h4{font-size:12pt;} 
.home-intro p{font-size:11pt; }
}

/* 480px */

@media (min-width:321px) and (max-width:480px) {

}

@media (max-width:480px) {
.container h4{font-size:10.5pt;}
/* .body-inside {margin-top: 50px;}  */

.heading h2{font-size:16pt;}

.home-intro p{font-size:10pt; line-height:normal;}


.plant-care h4{font-size: 11pt; line-height:normal;}
}
@media (max-width:320px) {
.heading h2{font-size:14pt;}
section .wrap { padding: 10px 0 20px;}
}

.redirect-banner{margin-top:40px}
.redirect-banner a{padding:8px; background:#d4292c; text-decoration:none; display:block;}
.redirect-banner a:hover{background:#bb1316;}
.redirect-banner h4{color:#FFF; display:block; border:#e44a4a solid 1px; padding:10px 10px 10px; margin:0 0; text-transform:capitalize; font-weight:700;}
.redirect-banner h4 {font-size:11pt; line-height:1.5;}


.symbol-list{color:#333; font-size:10pt;}
.symbol-list h3{font-weight:700; font-size:11pt; margin-top:10px; margin-bottom:5px; }
ul.symbol-info, ul.symbol-info ul{padding:0; margin:0; text-align:left;}
ul.symbol-info li{padding:2px 0; margin:0; display:table; width:100%;}
ul.symbol-info li .sym-icon, ul.symbol-info li span{display:table-cell; vertical-align:middle; font-size:10pt;}
ul.symbol-info li .sym-icon{ width:40px;}
ul.symbol-info li img{ padding:5px;}

.contact-row { background: #5a8751; padding: 50px 25px; }
.contact-row h2 {margin: 0 !important; font-size: 30px !important; font-weight: normal !important; text-transform: inherit; color: #fff !important;}
.contact-row h3 {color: #fff; font-size: 22px;text-transform: initial;}
.contact-row h3 span {display: block; margin: 10px 10px 0px 0px; font-weight: normal; text-transform: initial;}
.contact-row h3 span a {color: #fff}
.contact-row h3 span a:hover {text-decoration: underline}
.contact-row br {display:none}

@media (max-width:991px) {
.contact-row  {margin-bottom: 25px;}
}

@media (max-width:470px) {
.contact-row  {text-align:center}
.contact-row br {display:block}
}

.bg-section {padding: 30px 0;}
.bg-section > .container {position: relative; height: 100%;}
.bg-section > .container .pannel {padding: 0 40px;}

/* .bg-section > .container:before {
    content: "";
    width: 100%;
    left: -68%;
    min-height: 100%;
    display: block;
    position: absolute;
} */

.bg-accommodation > .container:before {
    content: "";
    background: #f2f9f0 url(images/accommodation-bg.jpg) no-repeat left top fixed;
}

.bg-section h1, h1 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 28pt;
	margin-bottom:35px;
	margin-top:5px;
}

.bg-section h1:after {
    margin-left: 0px!important;
    left: 0%!important;
    right: 0%!important;
    content: "";
    position: absolute;
    bottom: -5px;
    width: 100px;
    height: 2px;
    left: 0;
    background: #5a8751;
}

@media (max-width:1024px){
.bg-section > .container {position: relative; height: 100%;}
}

@media (max-width:768px){
.bg-accommodation > .container:before {display: none}
}

.tick {padding: 0; margin-bottom: 2rem;}
.tick li {width: 100%; font-size: 16px; list-style: none; padding-left: 35px;margin-bottom: 15px; position: relative;}
.tick li::before {font-family:'FontAwesome';content:"\f00c";color: #fff;background: #71a865;font-size: 14px;font-weight: 100;margin-left: -35px;padding: 5px;border-radius: 100px;position: absolute;top: 0;line-height: 1;}

.rate-list {width: 83% !important;}
.rate-list th:nth-child(2), .rate-list th:last-child {width: 20%}
@media (max-width:640px){
  .rate-list {width: 100% !important;}  
}

@media (max-width:640px){
.call {text-align:left}
.call br {display:block;}
}