body{font-family: 'Roboto', sans-serif!important; margin:0px; padding:0px; background:#f7f7f7!important;}



/*@font{font-family: 'Playball', cursive; font-family: 'Montserrat', sans-serif;}*/



.wrapper{width:100%; height:auto;}

.headercontainer, .bannercontainer, .contentcontainer, .benefitssection, .footercontact, .footercontainer, .footerbottom{width:100%; height:auto; margin:0 auto;}

.sitecontainer{width:100%; height:auto; max-width:1140px; margin:0 auto; position:relative;}

.headercontainer{padding:10px 0 0 0; font-family: 'Roboto', sans-serif!important; background:#FFF;}

/*.bannercontainer{position:relative;}*/

.benefitssection{ background:#fff; padding:40px 0;}

.footercontact{ background:#eae4da; padding:40px 0;}

 .footerbottom{ background:#291508; padding:20px 0; text-align:center; font-size:14px; color:#887555;}

.searchcontainer{width:100%; max-width:1140px; padding:40px 40px 30px 40px; background:#fff; margin:-45px auto -20px auto;}

.exploresection{background:#fff; padding:20px; margin:20px 0; border-top:#eee solid 1px;}

.homeheadings{font-family: 'Montserrat', sans-serif; font-size:30px; color:#303030; position:relative; text-align:center; display:block; line-height: 0.1; margin:20px 0;}

.homeheadings span{display: inline-block; position: relative;}

.homeheadings span:before,

.homeheadings span:after {

  content: "";

  position: absolute;

  height: 1px;

  border-bottom: 1px solid #ccc;

  border-top: 0px solid #ccc;

  top: 0;

  width: 100px;

}



.homeheadings span:before {

  right: 100%;

  margin-right: 15px;

}

.homeheadings span:after {

  left: 100%;

  margin-left: 15px;

}

.footermenu{line-height:24px;}

.footermenu a:link{color:#e3d4bb!important; text-decoration:none!important;}

.footermenu a:visited{color:#e3d4bb!important; text-decoration:none!important;}

.footermenu a:hover{color:#fff!important; text-decoration:none!important;}



.footerabout a:link{color:#25e4eb; text-decoration:none; font-family:'Montserrat', sans-serif;}

.footerabout a:visited{color:#25e4eb; text-decoration:none; font-family:'Montserrat', sans-serif;}

.footerabout a:hover{color:#fff; text-decoration:none; font-family:'Montserrat', sans-serif;}



.footerjoin a.joinnow{font-size:14px; color:#fff; text-decoration:none; padding:8px 15px; border:#8b7147 solid 2px; margin-top:15px; text-transform:uppercase;}



.footerrightcontact .phoneright{font-size:16px; line-height:30px;}

.footerrightcontact a:link{color:#25e4eb; text-decoration:none;}

.footerrightcontact a:visited{color:#25e4eb; text-decoration:none;}

.footerrightcontact a:hover{color:#fff; text-decoration:none;}



.exploreimages{margin:30px 0 20px 0;}

.exploreimages .overlaybox{position:relative; width:100%; max-width:500px; height:auto; max-height:350px; margin:0 auto;}

.exploreimages .overlaybox .overlaytext{ background:url(../images/trans_bg.png) repeat; position:absolute; bottom:0px; padding:10px 15px; width:100%; color:#fff; font-size:22px;font-weight:500;}

.exploreimages .overlaybox .overlaytext a:link{color:#fff; text-decoration:none;}

.exploreimages .overlaybox .overlaytext a:visited{color:#fff; text-decoration:none;}

.exploreimages .overlaybox .overlaytext a:hover{color:#84ff39; text-decoration:none;}

.exploreimages .overlaybox .overlaytext1{ background:url(../images/trans_bg.png) repeat; position:absolute; bottom:0px; padding:6px 12px; width:100%; color:#fff; font-size:16px; font-weight:500;}

.exploreimages .overlaybox .overlaytext1 a:link{color:#fff; text-decoration:none;}

.exploreimages .overlaybox .overlaytext1 a:visited{color:#fff; text-decoration:none;}

.exploreimages .overlaybox .overlaytext1 a:hover{color:#84ff39; text-decoration:none;}

/*ExploreWellness Column style*/



.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,

.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,

.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,

.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px;

}	

.col-xs-1-5 {

	width: 20%;

	float: left;

}

.col-xs-2-5 {

	width: 40%;

	float: left;

}

	

.col-xs-3-5 {

	width: 60%;

	float: left;

}

	

.col-xs-4-5 {

	width: 80%;

	float: left;

}

/*@media (min-width: 768px) {

	.col-sm-1-5 {

		width: 20%;

		float: left;

	}

	col-sm-2-5 {

		width: 40%;

		float: left;

	}

	col-sm-3-5 {

		width: 60%;

		float: left;

	}

	col-sm-4-5 {

		width: 80%;

		float: left;

	}

}*/

@media (min-width: 768px) {

	.col-md-1-5 {

		width: 20%;

		float: left;

	}

	.col-md-2-5 {

		width: 40%;

		float: left;

	}

	.col-md-3-5 {

		width: 60%;

		float: left;

	}

	.col-md-4-5 {

		width: 80%;

		float: left;

	}

}

@media (min-width: 1200px) {

	.col-lg-1-5 {

		width: 20%;

		float: left;

	}

	.col-lg-2-5 {

		width: 40%;

		float: left;

	}

	.col-lg-3-5 {

		width: 60%;

		float: left;

	}

	.col-lg-4-5 {

		width: 80%;

		float: left;

	}

}	

/*ExploreWellness Column style Ends*/



.packagesection{padding:35px; margin:20px 0;}

.package{ background:#ffffff; border:#e4e4e4 solid 1px; border-bottom:#e7e7e7 solid 5px; margin:15px 0; min-height:400px; position:relative;}

.package img{padding-bottom:10px;}

.package .ratingsec{padding:0 15px 15px 15px; font-family:'Montserrat', sans-serif!important; font-size:20px; color:#588246; line-height:24px;}

.package .ratingsec span{font-family: 'Roboto', sans-serif!important; font-weight:300; font-size:14px; color:#000;}

.packagefooter{position:absolute; bottom:0px; width:100%; border-top:#ddd solid 1px; padding:15px; font-size:14px; color:#333;}

.packagefooter .showtext{width:70%;font-size:14px; color:#333; line-height:16px; float:left; font-family: 'Roboto', sans-serif!important;}

.packagefooter .showrate{font-size:19px; color:#588246; width:30%; float:right; text-align:center; font-weight:700;font-family: 'Roboto', sans-serif!important;}







fieldset, label { margin: 0; padding: 0; }

/*body{ margin: 20px; }

h1 { font-size: 1.5em; margin: 10px; }*/



/****** Style Star Rating Widget *****/



.rating {

    border: none;

    float: none;

    width: 100px;

    /*background: #f00;*/

    float: right;

}



.rating > input { display: none; } 

.rating > label:before { 

  margin: 2px;

  font-size: 0.75em;

  font-family: FontAwesome;

  display: inline-block;

  content: "\f005";

}



.rating > .half:before { 

  content: "\f089";

  position: absolute;

}



.rating > label { 

  color: #588246; 

 float: right; 

}

.dropdown.when-loggedin button {
    padding: 5px 12px;
}

/***** CSS Magic to Highlight Stars on Hover *****/



.rating > input:checked ~ label, /* show gold star when clicked */

.rating:not(:checked) > label:hover, /* hover current star */

.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */



.rating > input:checked + label:hover, /* hover current star when changing rating */

.rating > input:checked ~ label:hover,

.rating > label:hover ~ input:checked ~ label, /* lighten current selection */

.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 



.benefitbox{width:100%; max-width:220px; margin:20px auto; color:#666;}

.benefitbox span{font-size:20px; color:#373737;}

.benefitbox .benefitlink{font-family:'Montserrat', sans-serif!important;}

span.small{color:#666;}

.howtobooksec{padding:40px 0;}

.howtobookbox{width:100%; max-width:200px; margin:20px auto; color:#666;}

.howtobookbox span{color:#56783b; font-size:20px; font-family:'Montserrat', sans-serif!important; }

.booknowbut input[type="button"]{ font-family:'Montserrat', sans-serif!important; color:#fff; font-size:20px; font-weight:bold; padding:8px 15px; background:#56783b; border:none; border-radius:2px;}



.homecontactarea{font-family:'Montserrat', sans-serif!important;}

.homecontactarea img{float:left; padding-right:10px;}

.homecontactarea .toptext{color:#777269; font-size:16px; line-height:22px; }

.homecontactarea .bottomtext{color:#505050; font-size:20px;  line-height:24px; }

.homecontactarea .bottomtext a:link{color:#505050!important; text-decoration:none!important; }

.homecontactarea .bottomtext a:visited{color:#505050!important; text-decoration:none!important; }

.homecontactarea .bottomtext a:hover{color:#25e4eb!important;  text-decoration:none!important;  }



.footercontainer{ background:#43220d; padding:40px 0 30px 0; color:#e3d4bb; font-size:14px; line-height:18px;}

.footertitle{font-family:'Montserrat', sans-serif!important; color:#fff; font-size:18px; line-height:26px;}

.footersocial{border-top:#673d22 solid 1px; padding:30px 0 0 0; text-align:center; margin-top:20px; color:#ab9775; font-size:28px;}

.footersocial a:link{color:#ab9775; text-decoration:none;}

.footersocial a:visited{color:#ab9775; text-decoration:none;}

.footersocial a:hover{color:#fff; text-decoration:none;}



/*NICE SELECT*/

.nice-select {

  -webkit-tap-highlight-color: transparent;

  background-color: #fff;

  border-radius: 0px;

  border: solid 1px #ababab;

  box-sizing: border-box;

  clear: both;

  cursor: pointer;

  display: block;

  float: left;

  font-family: inherit;

  font-size: 14px;

  font-weight: normal;

  height: 42px;

  line-height: 40px;

  outline: none;

  padding-left: 18px;

  padding-right: 30px;

  position: relative;

  text-align: left !important;

  z-index: 1000;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  white-space: nowrap;

  width: auto; }

  .nice-select:hover {

    border-color: #dbdbdb; }

  .nice-select:active, .nice-select.open, .nice-select:focus {

    border-color: #999; }

  .nice-select:after {

    border-bottom: 2px solid #999;

    border-right: 2px solid #999;

    content: '';

    display: block;

    height: 5px;

    margin-top: -4px;

    pointer-events: none;

    position: absolute;

    right: 12px;

    top: 50%;

    -webkit-transform-origin: 66% 66%;

        -ms-transform-origin: 66% 66%;

            transform-origin: 66% 66%;

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg);

    -webkit-transition: all 0.15s ease-in-out;

    transition: all 0.15s ease-in-out;

    width: 5px; }

  .nice-select.open:after {

    -webkit-transform: rotate(-135deg);

        -ms-transform: rotate(-135deg);

            transform: rotate(-135deg); }

  .nice-select.open .list {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: scale(1) translateY(0);

        -ms-transform: scale(1) translateY(0);

            transform: scale(1) translateY(0); }

  .nice-select.disabled {

    border-color: #ededed;

    color: #999;

    pointer-events: none; }

    .nice-select.disabled:after {

      border-color: #cccccc; }

  .nice-select.wide {

    width: 100%; }

    .nice-select.wide .list {

      left: 0 !important;

      right: 0 !important; }

  .nice-select.right {

    float: right; }

    .nice-select.right .list {

      left: auto;

      right: 0; }

  .nice-select.small {

    font-size: 12px;

    height: 36px;

    line-height: 34px; }

    .nice-select.small:after {

      height: 4px;

      width: 4px; }

    .nice-select.small .option {

      line-height: 34px;

      min-height: 34px; }

  .nice-select .list {

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);

    box-sizing: border-box;

    margin-top: 4px;

    opacity: 0;

    overflow: hidden;

    padding: 0;

    pointer-events: none;

    position: absolute;

    top: 100%;

    left: 0;

    -webkit-transform-origin: 50% 0;

        -ms-transform-origin: 50% 0;

            transform-origin: 50% 0;

    -webkit-transform: scale(0.75) translateY(-21px);

        -ms-transform: scale(0.75) translateY(-21px);

            transform: scale(0.75) translateY(-21px);

    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;

    z-index: 9; }

    .nice-select .list:hover .option:not(:hover) {

      background-color: transparent !important; }

  .nice-select .option {

    cursor: pointer;

    font-weight: 400;

    line-height: 40px;

    list-style: none;

    min-height: 40px;

    outline: none;

    padding-left: 18px;

    padding-right: 29px;

    text-align: left;

    -webkit-transition: all 0.2s;

    transition: all 0.2s; }

    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {

      background-color: #f6f6f6; }

    .nice-select .option.selected {

      font-weight: bold; }

    .nice-select .option.disabled {

      background-color: transparent;

      color: #999;

      cursor: default; }



.no-csspointerevents .nice-select .list {

  display: none; }



.no-csspointerevents .nice-select.open .list {

  display: block; }



/*NICE SELECT*/

  

  .searchcontainer .txtfield1{display: block;

width: 100%;

height: 42px !important;

padding: 6px 12px;

font-size: 18px;

line-height: 42px !important;

color: #555;

background-color: #fff;

background-image: none;

position:relative;

border: 1px solid #ccc !important;

border-radius: 0px !important;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

margin-bottom:10px;}



.searchcontainer .txtfield2{display: block;

width: 100%;

height: 42px !important;

padding: 6px 12px;

font-size:18px;

line-height: 42px !important;

color: #555;

background-color: #fff;

background-image: none;

position:relative;

border: 1px solid #ccc !important;

border-radius: 0px !important;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

margin-bottom:10px;}





  .searchcontainer input[type="button"]{ font-family:'Montserrat', sans-serif!important; color:#fff; font-size:18px; font-weight:bold; padding:8px 15px; background:#56783b; border:none; border-radius:2px; width:100%;}

  .searchcontainer input[type="button"]:hover{ background:#6e9f55;}

  

 



.topbarcontainer{float:right; margin-bottom:10px;}

.signupcontainer{float:left; display:block;}

.signupcontainer .signupbut{color:#56783b; font-family:'Roboto', sans-serif!important; font-size:16px; text-transform:uppercase; padding:5px 10px; line-height:30px;}

.signupcontainer .signupbut a:link{color:#6ba64e; text-decoration:none;}

.signupcontainer .signupbut a:visited{color:#6ba64e; text-decoration:none;}

.signupcontainer .signupbut a:hover{color:#000; text-decoration:none;}



.signupcontainer .loginbut{color:#56783b; font-family:'Roboto', sans-serif!important; font-size:16px; text-transform:uppercase; padding:5px 10px;line-height:30px;}

.signupcontainer .loginbut a:link{color:#6ba64e; text-decoration:none;}

.signupcontainer .loginbut a:visited{color:#6ba64e; text-decoration:none;}

.signupcontainer .loginbut a:hover{color:#000; text-decoration:none;}



.currencycontainer{float:left; display:block;}

.currencycontainer .selectbox{border:#eee solid 0px!important;  width:77px!important; height:30px!important; line-height:30px; font-size:14px; color:#666;}

.topserach{float:left; display:block;}

.logo{margin-top:10px;}





 .demo { position: relative; }

      .demo i {

        position: absolute; bottom: 15px; right: 24px; top: auto; cursor: pointer;

      }

	  /*

	  topsearch*/

	  .searchbox{

    position:relative;

    min-width:30px;

    width:0%;

    height:30px;

    float:right;

    overflow:hidden;

    

    -webkit-transition: width 0.3s;

    -moz-transition: width 0.3s;

    -ms-transition: width 0.3s;

    -o-transition: width 0.3s;

    transition: width 0.3s;

}



.searchbox-input{

    top:0;

	position:absolute;

    right:30px;

    border:0;

    outline:0;

    background:#fff;

	border:#ddd solid 1px;

    width:50%;

    height:30px;

    margin:0;

    padding:0px 55px 0px 20px;

    font-size:14px;

    color:#333;

	/*z-index:999;*/

}

.searchbox-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #999;

  opacity:100;

}

.searchbox-input::-moz-placeholder { /* Firefox 19+ */

  color: #999;

   opacity:100;

}

.searchbox-input:-ms-input-placeholder { /* IE 10+ */

  color: #999;

   opacity:100;

}

.searchbox-input:-moz-placeholder { /* Firefox 18- */

  color: #999;

   opacity:100;

}



.searchbox-icon,

.searchbox-submit{

    width:30px;

    height:30px;

    display:block;

    position:absolute;

    top:0;

    font-family:verdana;

    font-size:16px;

    right:0;

    padding:0;

    margin:0;

    border:0;

    outline:0;

    line-height:30px;

    text-align:center;

    cursor:pointer;

    color:#ccc;

    background:#fff;

}







.searchbox-open{

    width:100%;

	position:absolute;

	right:15px;

}



.byline{

  position:absolute;

  top:150px;

  left:30%;

  text-align:center;

  font-size:18px;

}

.byline a{

  text-decoration:none;

  color: #d74b4b;

}



/*...................................INNERPAGES .......................................*/

/*LISTING1*/

.innerbannercontainer{width:100%; height:auto; min-height:150px; margin:0 auto; background:url(../images/innerbanner.jpg) no-repeat top fixed;}

.innerheadingmain{width:100%; max-width:1140px; height:auto; margin:0 auto; text-align:center; padding-top:30px;}

.innerheadings{font-family: 'Montserrat', sans-serif; font-size:36px; color:#fff; position:relative; text-align:center; display:block; line-height: 40px; }

.wellnesslisting{padding:30px; background:#fff; margin-top:21px;}

.welllistbox{border:#ddd solid 1px; padding:10px; position:relative; margin-bottom:30px; -webkit-box-shadow: 0 2px 2px 2px #eee; box-shadow: 0 2px 2px 2px #eee;}

.welllistbox h2{font-family: 'Montserrat', sans-serif; font-size:22px; color:#598145; line-height:20px!important;}

.welllistbox h4{font-family:'Roboto', sans-serif!important; font-size:16px; color:#666; line-height:20px;}

.welllistbox h5{font-family:'Roboto', sans-serif!important; font-size:14px; color:#999; line-height:14px!important;}

.browntxt{font-family:'Roboto', sans-serif!important; font-size:16px; color:#8b7147; line-height:20px; font-weight:400;}

.dorangetxt{color:#de8613;}



.welllistbox .bookingbut {

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    background: #598145;

    color: #fff;

    padding: 6px 13px;

    border: none;

}

.welllistbox .bookingbut:hover{background:#466934; text-decoration:none;}

.welllistbox .welllistfooter .overviewbut{font-family: 'Montserrat', sans-serif; font-size:20px; background:transparent; color:#333; padding:6px 13px; border:2px solid #ccc; margin-left:20px;}

.welllistbox .welllistfooter .overviewbut:hover{border:2px solid #fff;}

.welllistbox .welllistfooter .bookamound{font-size:22px; color:#6e562d; font-family: 'Montserrat', sans-serif;}



.welllisttop{background:#6e562d; padding:5px 10px; margin-bottom:20px;}

.welllisttop .span{color:#fff; font-size:16px; line-height:38px;}



.detailbannercontainer{width:100%; height:auto; margin:0 auto; position:relative;}

.detailbannercontainer .gallerybut {

width: 150px;

/* height: 40px; */

line-height: 40px;

color: #fff;

font-size: 18px;

font-weight: bold;

background: #C03;

border: none;

border-radius: 4px;

text-align: center;

position: absolute;

bottom: 20px;

left: 50px;

}





.wellnessdetails{}

.wellnessdetails .detailheading{font-size:24px;font-family: 'Montserrat', sans-serif; color:#333; line-height:30px; padding:40px 0; text-align:center;}

.detailsecmenu{margin-bottom:40px; border:#ddd solid 1px; text-align:center;}

.detailsecmenu a.mitem{font-size:18px; padding:8px 0px; color:#56783b; text-decoration:none; width: 100%; display: block;}

.nav-pills1>li{float:left;}

.nav-pills1>li>a{border-radius:0px; font-size:16px;font-family: 'Montserrat', sans-serif; color:#598145!important;}

.nav-pills1>li+li{margin-left:2px}

.nav-pills1>li.active>a,.nav-pills1>li.active>a:hover,.nav-pills1>li.active>a:focus{color:#fff!important; background-color:#598145}

.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}

.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;}

.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}

.commonsub{font-family: 'Montserrat', sans-serif; font-size:24px; color:#6e562d; line-height:30px; padding-top:20px;}

.subh4{font-family:'Roboto', sans-serif!important; font-size:16px; line-height:24px; color:#666;}

.secspecialoffer{}

.tabcontmargin{margin-bottom:30px;}

.subh2{font-family: 'Montserrat', sans-serif; font-size:20px; line-height:28px;}

.subh3{font-family: 'Montserrat', sans-serif; font-size:16px; line-height:24px; color:#999;}

.offerbox{ background:#eee; padding:20px; color:#333; font-size:16px; line-height:24px;}

.offerbox .offerh2{font-family: 'Montserrat', sans-serif; font-size:20px; line-height:24px; color:#719361;}

.offerbox ul{padding:0px; margin-top:30px; list-style:none;}

.offerbox ul li{padding-left:20px; margin-bottom:10px; color:#999; background:url(../images/green_tick.png) left top no-repeat;}

.gallerycontent{width:100%; height:auto; margin:20px auto; font-size:20px;font-family: 'Montserrat', sans-serif; line-height:24px; color:#999;}

.galleryimages{widh:100%; margin:20px 0; padding:20px; border-top:#ddd solid 1px; border-bottom:#ddd solid 1px;}



/*NEW MENU*/

.navigation {

  display: block;

  margin: 0px 0;

  /*background: #009788;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

  border-radius: 3px;*/

}



.navigation ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

  display: block;

  text-align:right;

}



.navigation li {

  list-style-type: none;

  margin: 0;

  padding: 0;

  display: inline-block;

  position: relative;

  font-size: 16px;

  color: #def1f0;

  text-transform:uppercase;

}



.navigation li a {

  padding: 10px 15px;

  font-size: 16px;

  color: #333;

  display: inline-block;

  outline: 0;

  font-weight: 400;

  text-transform:uppercase;

}



.navigation li:hover ul.dropdown { display: block; }



.navigation li ul.dropdown {

  position: absolute;

  display: none;

  width: 200px;

  background: #598145;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

  padding-top: 0;

  z-index:999;

}



.navigation li ul.dropdown li {

  display: block;

  list-style-type: none;

}



.navigation li ul.dropdown li a {

  padding: 10px;

  font-size: 15px;

  color: #fff!important;

  display: block;

  border-bottom: 1px solid #7ca468;

  font-weight: 400;

  text-align:left;

}



.navigation li ul.dropdown li:last-child a { border-bottom: none; }



.navigation li:hover a {

 /* background: #00695b;*/

  color: #7fb863 !important;

  text-decoration:none;

}



.navigation li:first-child:hover a { border-radius: 3px 0 0 3px; }



.navigation li ul.dropdown li:hover a { background: #7fa66b; }



.navigation li ul.dropdown li:first-child:hover a { border-radius: 0; }



.navigation li:hover .arrow-down { border-top: 5px solid #fff; }



.arrow-down {

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 5px solid #ccc;

  position: relative;

  top: 15px;

  right: -5px;

  content: '';

}

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



.navigation {

  background: #fff;

  width: 200px;

  height: 100%!important;

  display: block;

  position: fixed;

  left: -200px;

  top: 0px;

  transition: left 0.3s linear;

  margin: 0;

  border: 0;

  border-radius: 0;

  overflow-y: auto!important;

  overflow-x: hidden;

  height: 100%;

  z-index:9999;

}



.navigation.visible {

  left: 0px;

  transition: left 0.3s linear;

}



.nav_bg {

  display: inline-block;

  vertical-align: middle;
 

  height: 50px;

  margin: 0;

  position: absolute;

  top: 0px;

  left: -10px;
 

  padding: 16px 0 0 0px;
 

  z-index:99999;

}



.nav_bar {

  display: inline-block;

  vertical-align: middle;
 

  cursor: pointer;

  margin: 0;

}



.nav_bar span {

  height: 2px;

  background: #56783b;

  margin: 5px;

  display: block;

  width: 20px;

}



.nav_bar span:nth-child(2) { width: 20px; }



.nav_bar span:nth-child(3) { width: 20px; }



.navigation ul { padding-top: 50px; }



.navigation li { display: block; }



.navigation li a {

  display: block;

  color: #505050;

  font-weight: 500;

  text-align:left!important;

}



.navigation li:first-child:hover a { border-radius: 0; }



.navigation li ul.dropdown { position: relative; }



.navigation li ul.dropdown li a {

  background: #598145 !important;

  border-bottom: none;

  color: #fff !important;

}



.navigation li:hover a {

  background: #7fa66b;

  color: #fff !important;

}



.navigation li ul.dropdown li:hover a {

  background: #7fa66b !important;

  color: #fff !important;

}



.navigation li ul.dropdown li a { padding: 10px 10px 10px 30px; }



.navigation li:hover .arrow-down { border-top: 5px solid #fff; }



.arrow-down {

  border-top: 5px solid #505050;

  position: absolute;

  top: 20px;

  right: 10px;

}



.opacity {

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

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}

}

/*NEW MENU ENDS*/

.ratingtext{margin:20px 0;height: auto;    overflow: hidden;}

.ratingtext .rath2{color:#6f572d; font-size:20px; line-height:28px; font-family: 'Montserrat', sans-serif;}

.ratingdiv{border:#ddd solid 1px; padding:20px;-webkit-box-shadow: 0 2px 2px 2px #eee; box-shadow: 0 2px 2px 2px #eee; margin-bottom:10px;}

.ratingdiv .consumerimg{width:100%; max-width:100px;}

.ratestar ul{margin:0px; padding:0px; list-style:none;}

.ratestar ul li{border-bottom:#eee solid 1px; margin-bottom: 10px;padding-bottom:5px; float:left; min-width:40%; font-size:13px; color:#666;}

.maph2{color:#6f572d; font-size:18px; line-height:24px; font-family: 'Montserrat', sans-serif;}

.maph5{color:#666; font-size:14px; line-height:22px;font-family:'Roboto', sans-serif!important;}



.terms{width:100%; height:auto; margin:0 auto; background:#fff;}

.termscontainer{margin:20px 20px;}

.privacycontainer{margin:20px 20px;}

.termsh2{color:#6f572d; font-size:20px; line-height:24px; font-family: 'Montserrat', sans-serif;}

.headoffers{padding:10px 10px; margin:20px 0; font-size:24px; color:#56783b;  font-family: 'Montserrat', sans-serif; border-top:#ddd solid 1px; border-bottom:#ddd solid 2px; background:#fafafa;}



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

* Does not work properly if "in" is added after "collapse".

* Get free snippets on bootpen.com

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

    .panel-group .panel {

        border-radius: 0;

        box-shadow: none;

        border-color: #ddd;

    }



    .panel-default > .panel-heading {

        padding: 0;

        border-radius: 0;

        color: #212121;

        background-color: #fff;

        border-color: #EEEEEE;

		font-family:'Roboto', sans-serif!important;

    }



    .panel-title {

        font-size: 18px;

		

    }



    .panel-title > a {

        display: block;

        padding: 15px;

        text-decoration: none;

		color:#8c7858;

    }

.panel-title > a span{font-size:13px; color:#666; padding:5px 10px; background:#fbfbfb;}

    .more-less {

        float: right;

        color: #212121;

		font-size:18px;

    }



    .panel-default > .panel-heading + .panel-collapse > .panel-body {

        border-top-color: #fff;

    }

.panel-body .panelsubh3{color:#598145; font-size:18px;}

.panel-body ul{margin:0px; padding:0px; list-style:none;}

.panel-body ul li{color:#666; font-size:16px; line-height:18px; margin-bottom:10px; padding-left:20px; background:url(../images/green_tick.png) no-repeat left top;}

.panel-body .booknowbut{font-family: 'Montserrat', sans-serif; font-size:20px; background:#598145; color:#fff; padding:8px 15px; border:none;}

/* ----- v CAN BE DELETED v ----- */



#back-top {

	position: fixed;

	bottom: 85px;

	right: 35px;

	z-index:999;

}

#back-top a {

	

}

#back-top a:hover {

	color: #000;

}

/* arrow icon (span tag) */

#back-top span {

	width: 53px;

	height: 53px;

	display: block;

	margin-bottom: -13px;

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

  margin-right: -23px;

	/* rounded corners */

	

	/* background color transition */

	

}

#back-top a:hover span {}

.item{margin:0px auto;}

.acctab{width:100%; height:auto; padding:8px 0; position:relative; font-size:20px;font-family: 'Montserrat', sans-serif; color:#43220d;}

.acctab input[type="button"]{background:#56783b; color:#fff; border:none; padding:8px 10px;}

.accbutton{position:absolute; top:-7px; right:10px; z-index:9999;}

.dsheadings{font-family: 'Montserrat', sans-serif; font-size:24px; color:#333; line-height:34px;}

hr.style-eight { padding: 0; font-family:"Times New Roman", Times, serif; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; } hr.style-eight:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: #f7f7f7; }

.spacer20{width:100%; height:30px;  margin:0 auto; clear:both;}



/* Removes the default 20px margin and creates some padding space for the indicators and controls */

.carousel {

    margin-bottom: 0;

	padding: 10px 0px 0px 0px;

}

/* Reposition the controls slightly */

.carousel-control {

	left: -40px;

	top:30%;

	font-size:36px!important;

	background:transparent !important;

}

.carousel-control.right {

	right: -40px;

	top:30%;

}

/* Changes the position of the indicators */

.carousel-indicators {

	right: 50%;

	top: auto;

	bottom: 0px;

	margin-right: -19px;

}

/* Changes the colour of the indicators */

.carousel-indicators li {

	background: #c0c0c0;

}

.carousel-indicators .active {

background: #333333;

}



/*LoginPOPUP*/

.popupbox{background:#fff; width:100%; height:auto; max-width:487px; padding:30px; border:none; border-radius:5px; font-size:14px; margin:0 auto; position:relative;}

.popupbox .txtfcover{position:relative; margin-bottom:8px;}

.popupbox .logtxtfield{border:#b0b0b0 solid 1px; border-radius:4px; width:100%; padding:15px 10px; font-size:16px; }

.popupbox .txtfcover i{position:absolute; right:20px; top:35%; color:#ccc;}



.popupbox input[type="submit"]{background:#598145; padding:15px 10px; text-align:center; font-size:16px; color:#fff; width:100%; border:none;border-radius:5px; margin-top:8px; }

.popupbox input[type="submit"]:hover{background:#486d35;}

hr{padding: 0;border: none;border-top: 1px solid #ddd;}

hr.style-nine { padding: 0; font-family:'Roboto', sans-serif!important; font-size:13px; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; } hr.style-nine:after { content: "Or"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: #fff; }

.popupbox .facebookbut{background:#3b5998; padding:15px 10px; text-align:center; font-size:16px; color:#fff; width:100%; border:none;border-radius:5px; margin-top:8px; position:relative; margin-bottom:8px;}

.popupbox .facebookbut i{position:absolute; left:30px; top:35%;}

.popupbox .facebookbut:hover{ background:#2a4784; text-decoration:none!important;}

.popupbox .facebookbut a:link, a:visited, a:hover{text-decoration:none!important;}



.popupbox .googlebut{background:#fff; padding:15px 10px; text-align:center; font-size:16px; color:#333; width:100%; border:#d5d5d5 solid 1px;border-radius:5px; margin-top:8px; position:relative; margin-bottom:8px;}

.popupbox .googlebut i{position:absolute; left:30px; top:35%;}

.popupbox .googlebut:hover{background:#eee; text-decoration:none!important;}

.popupbox a.signupbut{text-align:center; padding:8px 12px; border:#598145 solid 2px; color:#598145; border-radius:5px; font-weight: bold;}

.popupbox a.signupbut:hover{ border:#333 solid 2px; text-decoration:none!important;color:#333;}



/*...........SearchList01---------291116...............*/

.searchlist1{width:600px; /*margin:0 auto;*/ padding:10px; border:#fff solid 1px; background:#fff; position:absolute; z-index:1001;-webkit-box-shadow: 0 5px 10px 0 #757575;box-shadow: 0 5px 10px 0 #757575; margin-top:-7px; -webkit-border-radius: 4px;border-radius: 4px;}

.searchlist1 .arrowsec{width:100%; height:7px; background:url(../images/searcharrow.png) no-repeat left;margin-top: -18px; margin-left: 7px; margin-bottom:10px;}

.searchlist1 a.okbutton{color:#fff; font-size:13px; font-weight:normal; padding:6px 12px; border:none; border-radius:5px; background:#5cb85c; text-align:right; text-decoration:none!important;}

.searchlist2{width:600px;  /*margin:0 auto;*/ padding:10px; border:#fff solid 1px; background:#fff; position:absolute; z-index:1001;-webkit-box-shadow: 0 5px 10px 0 #757575;box-shadow: 0 5px 10px 0 #757575; margin-top:-7px; -webkit-border-radius: 4px; border-radius: 4px;}

.searchlist2 .arrowsec{width:100%; height:7px; background:url(../images/searcharrow.png) no-repeat left;margin-top: -18px; margin-left: 7px;margin-bottom:10px;}

.searchlist2 a.okbutton{color:#fff; font-size:13px; font-weight:normal; padding:6px 12px; border:none; border-radius:5px; background:#5cb85c; text-align:right; text-decoration:none!important;}

.searhtop{border-bottom:#ddd solid 1px; height:auto; padding-bottom:20px; margin-bottom:10px; margin-top:20px;}

.searhfiltersec{font-size:14px; font-weight:600;}

.searhfilterbottom{padding:10px 10px; background:#fff; border-left:#ddd solid 1px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px; line-height:34px; color:#666;}

.searhfilterbottom1{padding:10px 10px; background:#fff; line-height:34px; color:#666;}

.nav-tabpop{border-bottom:1px solid #ddd}

.nav-tabpop>li{float:left;margin-bottom:-1px}

.nav-tabpop>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}

.nav-tabpop>li>a:hover{border-color:#eee #eee #ddd}

.nav-tabpop>li.active>a,.nav-tabpop>li.active>a:hover,.nav-tabpop>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}

.nav-tabpop.nav-justified{width:100%;border-bottom:0}

.nav-tabpop.nav-justified>li{float:none}

.nav-tabpop.nav-justified>li>a{text-align:center;margin-bottom:5px}

.nav-tabpop.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}

@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}

.nav-tabpop.nav-justified>li>a{margin-bottom:0}}

.nav-tabpop.nav-justified>li>a{margin-right:0;border-radius:4px}

.nav-tabpop.nav-justified>.active>a,.nav-tabpop.nav-justified>.active>a:hover,.nav-tabpop.nav-justified>.active>a:focus{border:1px solid #ddd}

@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}

.nav-tabpop.nav-justified>.active>a,

.nav-tabpop.nav-justified>.active>a:hover,.nav-tabpop.nav-justified>.active>a:focus{border-bottom-color:#fff}}





.nav-tabpop > li > a { font-weight: bold!important;}

 .nav-tabpop > li > a {padding:10px 10px!important;}

 .searhinsearch{ background:#fff; padding:10px 0; margin:0px 10px 10px 10px;}

.searhinsearch input[type="text"]{border:#eee solid 1px; padding:6px; width:60%;}

.searhtop .span{color:#fff; font-size:14px; font-weight:bold; background:#666; padding:4px 8px; margin-right:6px;font-family:'Roboto', sans-serif!important; margin-bottom:6px; float:left; display:block; cursor:pointer;}

.searhtop .span i{width:20px;}

.signincontainer{background:#fafafa; padding:5% 0; width:100%; border-top:#f4f4f4 solid 1px;}

#config-demo{background-color:#fff;cursor:default;}

.signupcontainer .btn-primary {

    color: #333!important;

    background-color: #fff!important;

    border: none!important;

}

.searchinput{cursor: default;}

}



/*031216--css*/

.headercheckout{width:100%; height:auto; margin:0 auto; position:relative; padding:0px; font-family: 'Roboto', sans-serif!important; background:#FFF;}

.logocheckout{margin:5px 0;}

.bannercheckout {

    width: 100%;

    height: auto;

    min-height: 100px;

    margin: 0 auto;

    background: url(../images/innerbanner.jpg) no-repeat top fixed;

}

.bookedbox{width:100%; max-width:700px; margin:0px auto;}

.bookingsteps{with:100%; max-width:900px; margin:20px auto;}

.bookingsteps .panel-default > .panel-heading {

    padding: 0;

    border-radius: 0;

    color: #ccc;

    background-color: #cccccc;

    border-color: #EEEEEE;

    font-family: 'Montserrat', sans-serif !important;

    line-height: 30px!important;

    height: 53px!important;

  text-transform:uppercase;

}



.bookingsteps .panel-title > a {

    display: block;

    padding: 15px;

    text-decoration: none;

    color: #fff!important;

}
.hasDatepicker.form-control[disabled], .hasDatepicker.form-control[readonly], fieldset[disabled] .hasDatepicker.form-control {
    cursor: pointer;
    background-color: #eee;
}
.bookingsteps select{width:100%!important; border:#ccc solid 1px!important; height:40px!important; font-size:18px; color:#666;}

.bstep1{margin:2% 5%;}

.bstep1 .gotologin{font-size:18px; font-weight:bold; color:#fff; background:#c12d19; border:none; border-radius:5px; padding:10px 15px;}

.bstep2a{width:100%; margin:20px auto; border:#ccc solid 1px; background:#fff; padding:20px; text-align:left; font-size:14px; font-weight:normal; line-height:22px; color:#666;}

.rprice{font-size:20px; color:#093; font-weight:bold;}

.bstep1 .nextstep{font-size:14px; font-weight:bold; color:#fff; background:#c12d19; border:none; border-radius:5px; padding:6px 12px;}

.txtvoucher{width:100%; max-width:250px; border:#ccc solid 1px; height:40px; padding:0px 10px;}

.applybut{color:#fff; font-size:16px; font-weight:bold; padding:8px 15px; background:#099; border:none; border-radius:4px; margin-left:10px;}



.tabboxcontent{width:100%; margin:0px auto; padding:30px; background:#fff; border-left:#ddd solid 1px; border-bottom:#ddd solid 1px; border-right:#ddd solid 1px;}



.roomtabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    color: #555;

    background-color: #fff;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

    cursor: default;

  font-size:18px;

}



.roomtabs .nav-tabs > li > a {

    margin-right: 2px;

    line-height: 1.428571429;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0;

  font-size:18px;

}

.sliderpopup{background:#000; width:100%; height:auto; max-width:1140px; padding:20px; border:none; font-size:14px; margin:0 auto; position:relative;}

.welllistbox .specialoffer{width:100%; height:100%; max-width:175px; max-height:175px; position:absolute; top:0px; left:0px; z-index:999;}

.panel-body ul{width:100%!important;}

.panel-body ul.list li{background:none; width:100%!important;}

.guesttxtbox{width:100%!important;}

.profilecontainer{width:100%; max-width:800px; margin:30px auto; background:#f4f4f4; padding:20px;}

.profiletxtbox{width:100%; height:40px; border:#ddd solid 1px; color:#666; margin-bottom:20px;padding-left:10px;}

.probutsubmit{max-width:220px; width:100%; height:40px; text-align:center; border:none; background:#5b8248; color:#fff; text-transform:uppercase;}

.searchlist3 {
width: 600px;
/* margin: 0 auto; */
padding: 10px;
border: #fff solid 1px;
background: #fff;
position: absolute;
z-index: 1001;
-webkit-box-shadow: 0 5px 10px 0 #757575;
box-shadow: 0 5px 10px 0 #757575;
margin-top: -7px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.searchlist3 .arrowsec {
width: 100%;
height: 7px;
background: url(../images/searcharrow.png) no-repeat left;
margin-top: -18px;
margin-left: 7px;
margin-bottom: 10px;
}
.searhtop {
border-bottom: #ddd solid 1px;
height: auto;
padding-bottom: 20px;
margin-bottom: 10px;
margin-top: 20px;
}
.searchlist3 a.okbutton {
color: #fff;
font-size: 13px;
font-weight: normal;
padding: 6px 12px;
border: none;
border-radius: 5px;
background: #56783b;
text-align: right;
text-decoration: none!important;
}
.searchlist3 input.duration{
width:70%!important; 
height:40px!important;
text-align:center;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #56783b !important;
    background: #56783b !important;
    font-weight: normal;
    color: #fff !important;
}
.ui-widget-header {
    border: 1px solid #56783b !important;
    background: #56783b !important;
    color: #fff !important;
    font-weight: bold;
}

ul#demo1 {
    list-style: none;
    padding: 0px; 
}	
		 ul#demo1 li {
    display: inline;
}
		 
		 ul#demo1 li:first-child {
     
}
		 .searchcontainer { 
    z-index: 10; 
}
    .detailsecmenu .col-md-1-5:hover {
    background: #668e4f;
    color: #fff;
      
}
      .detailsecmenu .col-md-1-5:hover a {
    
    color: #fff;
}
.detailsecmenu .col-md-1-5 {
   background: #d3decc;
    border-right: 1px solid #f7f7f7; 
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ddd;padding: 0px;
}
     .navigation li ul.dropdown
     {
       width: 100%;
       min-width: 200px;
     }
		 .when-loggedin
		 {
			 
			 float: right;
		 }
.mobon
{
  display: none !important;
}

.circ-rat
                  {
                    display: block;
                    margin: auto;
                    width: 120px;
                  }
                  .ncrat h4
                  {
                    text-align: center;
                  }
.rating-full {
    background: url(../../images/wellnessrating.png) no-repeat;
    width: 230px;
    height: 80px;
}
.rating-full.perc-25 {
    background-position: 0px -440px;
}

.rating-full.perc-0 {
    background-position: -270px -440px;
}

.rating-full.perc-5 {
    background-position: -270px -350px;
}

.rating-full.perc-10 {
    background-position: -270px -260px;
}

.rating-full.perc-15 {
    background-position: -270px -170px;
}

.rating-full.perc-20 {
    background-position: -270px -80px;
}

.rating-full.perc-30 {
    background-position: 0px -350px;
}

.rating-full.perc-35 {
    background-position: 0px -260px;
}

.rating-full.perc-40 {
    background-position: 0px -170px;
}

.rating-full.perc-45 {
    background-position: 0px -80px;
}
.wra h4{ line-height: 70px;}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
#nmCar li{ display: block;
    float: left;
    margin-right: 6px;   } 
.slick-prev,.slick-prev:hover
{
display: block;
    background-position: 0 0;
    left: 10px;
    background-image: url(https://wellnessloka.com/client/images/left.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;z-index: 999;
}
.slick-next,.slick-next:hover {
    display: block;
    background-position: 0 0;
    right: 10px;
    background-image: url(https://wellnessloka.com/client/images/right.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;z-index: 999;
}
.slick-next:before,.slick-prev:before {
    content: '';
}
ul#nmCar {
    margin: 0px !important;
    padding: 0px !important;
}
.topfilterbox .sortselect{width:155px!important; height:30px!important; line-height:30px!important; color:#333!important; float:none!important; }
.topfilterbox .sortselect1{width:120px!important; height:30px!important; line-height:30px!important; color:#333!important; float:none!important; }

 
     nav.mobile-nav {
    z-index: 1234;
    top: 65px; 
    padding: 0px 30px;
}
          .mobile-nav ul
          {
            list-style: none;
            padding: 0px;
            margin: 0px;
          }
          .wholeme
          {
            position: relative;
          }
          nav.menu {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 12345;
}
     nav.menu ul {
	display: none;	
}

.btn-menu {
    display: block;
    float: right;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    cursor: pointer; 
    position: relative;
  outline: none;	
}

.btn-menu:focus {
	outline: none;	
  
}

.show_menu .btn-menu:focus {
	outline: none;	
}

.btn-menu .text {
	display: block;
	text-indent: 150%;
	white-space: nowrap;
	overflow: hidden;	
}

.btn-menu .bar,
.btn-menu .bar:before,
.btn-menu .bar:after {
	display: block;
	position: absolute;
	width: 30px;
	height: 3px;
	background-color: #56783b;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-menu .bar {
	top: 10px;
	left: 0;	
}
	
.btn-menu .bar:before {
	position: absolute;
	content: '';
	top: 10px;
	left: 0;
}

.btn-menu .bar:after {
	position: absolute;
	content: '';
	top: -10px;	
	left: 0;
}

.show .btn-menu .bar {
	background-color: transparent;	
}

.show .btn-menu .bar:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);	
}

.show .btn-menu .bar:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);	
}

.mobile-nav {
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #fff;
	border-top: none;
	border-bottom: none;
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;	
}

.mobile-nav a {
      padding: 10px 15px;
    font-size: 16px; 
    outline: 0; 
    text-transform: uppercase;
	display: block;
   color: #505050 !important;
    font-weight: 500;
    text-align: left!important;
}

.mobile-nav a:focus,
.mobile-nav a:hover,
.mobile-nav a:active {
	 
}

.mobile-nav li:first-child a {
	border-top: 1px solid #005500;	
}

.show .mobile-nav {
	height: 100% !important;
  
}

.mobile-nav .dd + ul {
	height: 0;
	overflow: hidden;
	background-color: #fff;
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;	
}

.mobile-nav .dd + ul a {
	text-indent: 30px;	
}

.mobile-nav .dd + ul a:focus, .mobile-nav .dd + ul a:hover, .mobile-nav .dd + ul a:active {
    background-color: #56783b;
    color: #fff !important;
}

.mobile-nav .dd:after {
    content: '\25BC';
    margin-left: 5px;
    font-size: 12px;
    position: absolute;
    right: 40px;
}

.mobile-nav .dd-show + ul {
	height: auto;	
} 
nav.menu
{
  display: none;
}
     @media screen and (max-width: 480px) and (min-width: 320px)
     {
      .bannercontainer,.mobno {
          display: none!important;
      }
       
     }
     @media screen and (max-width: 767px)
     {
       nav.menu
{
  display: block;
}
       .mobon
      {
        display: block !important;
      }
      #Sorting .col-md-12.text-right {
    text-align: left;
}
       .topfilterboxcont {
          width: 100%;
          float: right;
      }
        .navigation { 
            width: 100%; 
            left: -100%; 
          margin-top: 70px;
        }
        .navigation ul {
             padding-top: 0px; 
        }
       .innerbannercontainer { 
    min-height: 100px; 
}
     .listingList  .welllistbox h5 {
   
    line-height: 22px!important;
}
       .detailbannercontainer .gallerybut {
   width: 100px;
    line-height: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #C03;
    border: none;
    border-radius: 0px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: auto;
}
     .panel-default > .panel-heading {
    
    padding-bottom: 20px;
}
       .acctab {
    font-size: 16px!important;
    margin-bottom: 30px;
}
      .accbutton {
    position: absolute;
    top: 10px !important;
    z-index: 9999;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0px; 
    margin-bottom: 20px;
}
       #valid_from,#valid_to
       {
         width: 42% !important;
       }
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
    white-space: initial;
}
       .applybut {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 15px;
    background: #099;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    width: 100%;
    margin: 0px;
    margin-top: 10px;
}
     }

@media screen and (max-width: 480px) and (min-width: 320px)
{
  
  #Sorting .col-md-12.text-right {
    text-align: left;
}
.topfilterboxcont1,.topfilterboxcont {
    width: 100% !important  ;
    float: right;
}
  .w-verified {
    margin-top: -115px !important;
    width: 55px;
}
  .v-banner
  {
   margin-top: -105px !important;
        margin-right: 10px !important;
    width: 50px;
  }
  #ClientsignupClientSignupForm .signupbut
  {
    display: block;
    width: 100%;
  }
 .popupbox .facebookbut i {
    position: absolute;
    left: 23px;
    top: 35%;
}
}