body{
	background-color: #fff;
font-family: 'Muli', sans-serif;
}
h1 {
    font-size: 100px;
    line-height: 102px;
    font-weight: 400;
    text-transform: capitalize;font-family: 'Playfair Display', serif;
   
}

h2{
        float: left;
    width: 100%;
    text-transform: capitalize;
    font-family: 'Playfair Display', serif;
    font-size: 47px;
    line-height: 54px;
    color: #e2c285;
    margin-bottom: 65px;
    margin-top: 7px;
    position: relative;
}

p{

    color: #484848;
	font-size: 16px;
	line-height:22px;
}


ul{padding:0;}

li{
	list-style:none;
}

a , a:hover{
	text-decoration:none;
}

.header{
    float: left;
    width: 100%;
    padding: 0px 0;
    position: absolute;
    z-index: 10;
}


.menu-outer {
    float: left;
    width: 100%;
}

.logo img{
        width: 63%;
}

.menu-outer ul {
     padding: 0;
    float: left;
    width: 100%;
    text-align: center;
    margin: 21px 0 0;
}


.menu-outer ul li {
    list-style: none;
    float: none;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 9px;
 
}



.header-top {
    float: left;
    width: 100%;
    background: rgba(204, 204, 204, 0.58);
    padding: 8px 0;
}

.call {
    border-right: 1px solid #444032;
    padding-top: 6px;
}
.call a{
    color: #000000;
    font-size: 17px;
    top: -2px;
    position: relative;


}


.social-links {
      float: left;
    text-align: center;
    margin: 0;
}

.social-links li i img{
width: 17px;}


.social-links li {
    float: none;
    display: inline-block;
    padding: 0 5px;     
}

.social-links li  a{
  
    float: left;
    width: 100%;
    line-height: 30px;
    width: 30px;
    font-size: 15px;
    height: 28px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: rgb(68, 66, 66);
    /* border: 2px solid #000; */
    color: #fff;
}

.social-links li  a:hover{
     color:#e2c285;
}

.menu-outer ul li a {
    text-decoration: none;
    color: #ffffff;

}


.banner-area .flex-control-nav{
    display: none;
}

.header-bottom{
    float: left;
    width: 100%;
    padding-top: 10px;
    
}

.banner-area{
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner-div {
    position: absolute;
    top:50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    z-index: 100;
    
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
}

.banner-div h1,
.banner-div h3{
    position: relative;
}

.banner-div h1{

    position: relative;
    font-size: 50px;
    line-height: 54px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    color: #e2c285;
}

.banner-div h1:after{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    content: "";
    background: url(../images/line1.png) center top no-repeat;
    height: 58px;
    top: -68px;
}

.banner-div h3{
    font-size: 39px;
    line-height: 34px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;

}

.banner-div h3:after{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    content: "";
    background: url(../images/line2.png) center top no-repeat;
    height: 58px;
      bottom: -83px;
}

.booking-div {
    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 48px;
}

.group {
float: left;
    width: 20%;
    padding: 0 10px;
    position: relative;
    /* border: 1px solid #e2c285; */
}

.group input {
    float: left;
    width: 80%;
    background: rgba(0,0,0,.5);
    border: 1px solid #e2c285;
    color: #e2c285;
    padding: 19px 10px;
    outline: none;
    border-right: 0;
}


button.ui-datepicker-trigger {
    float: left;
    width: 20%;
    padding: 15px 0;
    background: rgba(0,0,0,.6);
    border: none;
    border: 1px solid;
    border: 1px solid #e2c285;
    border-left: 0;
}


button.ui-datepicker-trigger img {
    width: 28px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e2c285;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #e2c285;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #e2c285;
}
:-moz-placeholder { /* Firefox 18- */
  color: #e2c285;
}


.available {
    float: left;
    width: 100%;
    padding: 20px 10px;
    border: 1px solid #e2c285;
    background: rgba(0,0,0,.5);
    color: #e2c285;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.flex-direction-nav{
    display: none;
}

.service{
    float: left;
    width: 100%;
}

.service p{       color: #e2c285;
    height: 66px;
    overflow: hidden;
    float: left;
}

.table{
    display: table;    margin: 0;
}

.table-cell{
    display: table-cell;
    vertical-align: middle;
    height:33.33%;
    text-align: center;
}


.table-cell img{
    width: 100%;
}

.table-cell-content{
    background: #000;
    padding: 20px;
    width: 32%;
}

.table-cell-content h4{
color: #e2c285;
    text-transform: capitalize;
    position: relative;
    float: left;
    width: 100%;
    padding: 0 0 50px;
    margin-bottom: 25px;
    font-size: 36px;
   font-family: 'Playfair Display', serif;
}


.table-cell-content h4:after{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    content: "";
    background: url(../images/line2.png) center top no-repeat;
    height: 58px;
    top: 54px;
    margin: 0 auto;
}

.more{
    text-transform: capitalize;
    color: #e2c285;
    border: 1px solid #e2c285;
    padding: 8px 30px;    text-decoration: none;
}

.more:hover{
	background:#e2c285;
	color:#fff;
}
.read-more{
      float: left;
    width: 100%;
    padding: 33px 0;    text-align: center;
}


.table-cell.img-sec {
    width: 30%;
}

.about-us{
    float: left;
    width: 100%;
    padding: 100px 0;
    background: url('../images/bg-about.jpg')  top no-repeat;
    background-size: cover;
    position: relative;
}


.about-inner {
    float: left;
    width: 100%;
    z-index: 1000;
    position: relative;
}
.about-us:after {
    content: "";
    position: absolute;
    top: 0;
    background-color: rgba(8, 8, 8, 0.54);
    width: 100%;
    height: 100%;
}


.about-inner h2 {
   float: left;
    width: 100%;
    text-transform: capitalize;
    font-family: 'Playfair Display', serif;
    font-size: 47px;
    line-height: 54px;
    color: #e2c285;
    margin-bottom: 65px;
    margin-top: 7px;
    position: relative;
    text-align: center;
}

.about-inner h2:after{
    left: 0;
    /* right: inherit; */
    position: absolute;
    width: 149px;
    content: "";
    background: url(../images/line2.png) center top no-repeat;
    height: 55px;
    top: 65px;
    right: 0;
    margin: 0 auto;
 
}

.about-inner span {
  float: left;
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    /* margin-bottom: 28px; */
    color: #fff;
    text-align: center;

}


.about-inner p {
    float: left;
    color: #fff !important;
    width: 100%;
    color: #000;
    line-height: 29px;
    text-align: center;
}

.about-inner ul{

    float: left;
      padding: 10px 0px 10px;
    width: 100%;
        color: #fff;
}

.about-inner ul li {
    float: left;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.about-inner ul li  i{
        color: #cb9734;
    margin-right: 6px;
}

.room-sec{
    float: left;
    width: 100%;
}


.room-sec li{ 
    float: left;
    width: 100%;
    background: #000;
}


.room-sec h4 {
    font-size: 38px;
    text-transform: capitalize;
    color: #e2c285;
    float: left;
    width: 100%;
    text-align: center;
    margin: 100px 0 40px;
}

.border-img{
    position: relative;
    
}

.border-img:after{
  position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    content: "";
    background: url(../images/line2.png) center top no-repeat;
    height: 58px;
    top: 54px;
    margin: 0 auto;
    
    
}


.room-sec span {
    float: left;
    width: 100%;
    color: #e2c285;
    /* font-weight: 700; */
    font-size: 32px;
    text-align: center;
    margin: 15px 0px;
}

.room-sec p{    color: #e6d2a9;
    float: left;
        text-align: center;
    width: 100%;
}



.facility-list {
    float: left;
    margin: 37px 0 0;
    width: 100%;
}

.facility-list li {
    float: left;
    width: 19%;
    text-align: center;
    border-right: 1px solid #444032;
}

.facility-list span {
    padding: 0;
    margin: 0;
}

.facility-list span i {
    font-size: 24px;
}



.room-sec .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    width: auto !important;
    /* background: #fff !important; */
    float: none !important;
    display: inline-block;
    background: none !important;
}


.room-sec  .flex-control-nav{
    width: 50%;
    position: absolute;
    bottom: 17px;
    text-align: center;
    z-index: 1000;
    background: none;
}


.room-sec  .flex-control-paging li a{
    background: #fff;
}

.room-sec  .flex-control-paging li a.flex-active {

    background: #e2c285;
   
}

.flexslider{
    border:0;
    margin: 0;    float: left;
    width: 100%;
}

.gallery-con {
      float: left;
    width: 100%;
    background: url(../images/bg.jpg) left top repeat;
    padding: 60px 0 67px;
}

.gallery-con h2 {
    text-align: center;
    margin-bottom: 79px;
}
.popup-gallery {
    float: left;
    width: 100%;
}

.popup-gallery ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.popup-gallery ul li {
    float: left;
/*    width: 25%;*/
    padding: 0 7px;
}
.owl-carousel .owl-stage-outer .owl-stage {
    transition: all 1000ms ease !important;
}

.popup-gallery ul li img{
    width: 100%;
}


.gallery-outer .read-more {
    margin-top: 49px;
}

.img-dish
{
    padding: 168px 0;
    z-index: 1;
    position: relative;
}

/*************testimonial***********/
#testimonial_fix {
    float: left;
    width: 100%;
    padding: 35px 0;
    background: url(../images/bg-one.jpg) left center no-repeat;
    background-size: cover;
}
.white {
    color: #78161a;
    text-shadow: 0px 0px 20px white;
    letter-spacing: 2px;
}
.center {
    text-align: center;
}
.styled {
    font-weight: 600;
    color: #e2c285;
    font-family: 'Tangerine', cursive;
    font-size: 43px;
}
span.lines {
    position: relative;
    display: inline-block;
    color: #c99700;
}
.white span.lines:before, .white span.lines:after {
    background: #9c1e22;
}
span.lines:before {
    left: -85px;
}
span.lines:before, span.lines:after {
    content: "";
    display: block;
    position: absolute;
    width: 80px;
    height: 1px;
    background: #000;
    top: 50%;
}
span.lines:after {
    right: -85px;
}

#testimonial blockquote p{
    position:relative;
        padding: 19px 43px;
        
        text-align:center;
            font-size: 16px;
            line-height:29px;
    letter-spacing: 1px;
    color: black;
}

#testimonial blockquote p:before{
        position: absolute;
    content: "";
    background: url(../images/quote.png) no-repeat top left;
     background-size: 50px;
     left: -24px;
    top: 0px;
    width: 81px;
    height: 68px;
}

#testimonial blockquote p:after{
        position: absolute;
    content: "";
    background: url(../images/quote1.png) no-repeat top left;
    right: -34px;
    bottom: -21px;
    width: 81px;
    height: 68px;
        background-size: 50px;
}

#testimonial .owl-dots{
        display: block !important;
   width:auto;
    text-align: center;
}
#testimonial .owl-dots span{
    width:20px;
    height:20px;
    border:2px solid #20201e;
    float: none;    
    display: inline-block;
    margin: 10px;
      border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    
}

#testimonial.owl-carousel .owl-dot{
    float:none;
    display:inline-block;
}

#testimonial .owl-dot.active span{
    background:#20201e;
    
}

.gallery-outer span.lines:before ,
.gallery-outer span.lines:after{
    background:#fff;
}
#testimonial_fix .owl-nav
{
    display: none;
}
#testimonial blockquote {
    border: none;
    /* background: url(../images/quote.png) no-repeat top center; */
    padding: 30px;
    color: #000;
}
@media (min-width: 1200px)
{
  #testimonial_fix .container {
    width: 600px;
  }
}

#testimonial blockquote cite {
    float: right;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}


.footer-sec {
    background:#232323;
    padding: 60px 0px 40px;
    color: #b5b5b5;
    float: left;
    width: 100%;
}
.footer-sec h4 {
    position: relative;
    margin-bottom: 15px;
}
span.lines-right {
      background: #232323;
    position: relative;
    z-index: 5;
    margin-left: 13px;
    display: inline-block;
    padding: 0 5px;
    color: #b5b5b5;
    text-shadow: 2px 2px 2px #423b3b;
}
.footer-sec h4:after {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    top: 50%;
    position: absolute;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.form-2 {
    font-size: 13px;
}
.form-2 input[type="text"] {
    width: 100%;
    border: none;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid #cacaca;
    background: rgb(237, 237, 237);
    outline: none;
    color: #981d20;
    font-weight: bold;
}
.form-2 input[type="submit"] {
    display: inline-block;
    background: #056d3c;
    color: #FFF;
    border: none;
    padding: 9px 33px;
    border-radius: 5px;
    border: 2px solid #0a7543;
}
.footer-icons.fixed_social_icon {
    position: inherit;
    top: inherit;
    right: inherit;
    width: 100%;
}
.fixed_social_icon ul {
    margin: 0;
    padding: 20px;
    float: left;
    width: 100%;
}
.footer-icons.fixed_social_icon li:first-child {
    padding: 0;
}
.footer-icons.fixed_social_icon li {
    float: none;
    display: inline-block;
    padding-left: 10px;
    margin: 0;
    width: auto;
}
.fixed_social_icon ul li {
    padding-top: 6px;
    float: left;
    width: 100%;
    list-style: none;
    text-align: center;
}
.footer-icons.fixed_social_icon li a {
    border: 2px solid #fff;
}
.fixed_social_icon ul li a {
    float: left;
    width: 100%;
    line-height: 36px;
    width: 40px;
    font-size: 16px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: rgba(0,0,0,.6);
    border: 2px solid #000;
    color: #fff;
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.fa-twitter:before {
    content: "\f099";
}
.fa-envelope:before {
    content: "\f0e0";
}
.fa-google-plus:before {
    content: "\f0d5";
}
.footer-sec img
{
        width: 166px;
}
.footer-sec p
{
    color:#e2c285;
    line-height: 27px;
}
.form-2 textarea {
    width: 100%;
    border: none;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 5px 0;
    min-height: 69px;
    border: 1px solid #cacaca;
    background: #ededed;
    color: #981d20;
    font-weight: bold;
}
.fixed_social_icon ul li a:hover {
    background: #fff;
    color: #000;
}
.footer-sec a
{
	color: #fff;
        transition: all 0.5s ease-in-out;
}
.foot-cont
{
    float: left;
    width: 100%;
}
.footer
{
    float: left;
    width: 100%;
    background-color: #353535;
    padding-top: 10px;
    padding-bottom: 5px;
}
.solutions
{
        text-align: right;
}

.solutions p a{
	color:#fff;
}
.solutions p a:hover{
color: #056d3c;
}
.form-2 input::placeholder,textarea::placeholder 
{
    color: #0a7543 !important;
}
.logo-1
{
    float: left;
    width: 16%;
}

.logo-1 img {
    width: 100%;
}

.m-menu{

    float: left;
    width: 80%;
    padding-top: 12px;
}




.single_details {
    float: left;
    width: 100%;
}

.single_details img {
    width: 100%;    height: 266px;
}

.single_details h5 {
       font-size: 22px;
    line-height: 24px;
    margin: 17px 0 8px;
    text-transform: capitalize;
}.single_details p {
    line-height: 26px;
    margin: 0 0 10px;
    font-size: 15px;
}

.main_banner {
    height: 395px  !important;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

}

.main_banner aside {
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: center;
    color: #FFF;
    top: 50%;
    padding: 0 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.main_banner aside h2 {
    font-size: 48px;
    line-height: 50px;
    text-transform: capitalize;
    text-shadow: 1px 2px 2px #000;    margin-bottom: 0;
}

.about-top h3 {
    font-family: 'Playfair Display', serif;
    text-transform: capitalize;
    color: #00a357;
    font-size: 31px;
    line-height: 33px;
    margin: 10px 0 24px;
}

.about-img2 {
    position: absolute;
    right: 0;
    top: -111px;
    left: 35%;
}

.about-img {
    width: 80%;
    float: left;
    margin-top: 53px;
    position: relative;
}

.about-img img{

    width: 100%;
}

.about-top {
    float: left;
    width: 100%;
    padding: 0 0 69px;
}


.about-img {
    width: 80%;
    float: left;
    margin-top: 52px;
    position: relative;
}

.about-img2 {
    position: absolute;
    /* right: 0; */
    top: -67px;
    left: 25%;
    width: 286px;
}

.inner-page {
    float: left;
    width: 100%;
    padding: 65px 0;
    background: #f1f1f1;
}


.facility_container {
    background: #f0f0f0;
    padding: 50px 0;
    float: left;
    width: 100%;
}

.table-sec {
   display: table!important;
    margin-bottom: 25px;
    border-bottom: 1px solid #d8d5d5;
    padding-bottom: 14px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(204, 204, 204, 0.75);
}

.facility_container .table-sec .tablecell {
    padding: 0 3%;
}


.table-sec .tablecell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.facility_container img {
    width: 100%;
}

.facility_container h4 {
    float: left;
    width: 100%;
    line-height: 25px;
    font-size: 22px;    font-weight: 700;
}

.facility_container p {
    float: left;
    width: 100%;
    line-height: 28px;
    font-size: 15px;
}


.facility_container .facility-list li{
	    width: 25%;
}


.heading-box {
    text-align: center;

}

.heading-box h2 {
    color: #C5A46D;
    display: inline-block;
    border-bottom: 1px solid #C5A46D;
    padding: 0 20px 20px;
    margin: 20px 0;
    font-size: 40px;
    letter-spacing: -2px;
    position: relative;
    z-index: 1;
}

.heading-box h2:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 0 0 0 1px #C5A46D, inset 0 0 0 2px #C5A46D;
    box-shadow: 0 0 0 1px #C5A46D, inset 0 0 0 2px #C5A46D;
}

.heading-box h2:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1px;
    margin-left: -46%;
    z-index: -1;
    background: #C5A46D;
    width: 92%;
    height: 1px;
}

.subtitle {
    font-size: 16px;
    font-weight: 300;
}

#lab {
	width: 1000px;
	overflow: hidden;
	padding-bottom: 70px;
	position: relative;
	margin: 0 auto;
	margin-bottom: 2.5em;
	background: rgb(236, 236, 236);

	-webkit-transition: all ease 500ms;
	-moz-transition: all ease 500ms;
	-o-transition: all ease 500ms;
	-ms-transition: all ease 500ms;
	transition: all ease 500ms;
}

h1 {
	font-family: bebas_neueregular ,sans-serif;
	font-size: 1.75em;
	padding: 0.2em 0 0.2em 0.2em;
	color: white;
	text-shadow: 0 0.06em 0 #424242;
	position: relative;
}

#lab h1 {
	background: #B0DAD4;
}

.beaker {
	-webkit-filter: drop-shadow(#424242 0px 1px 0px);
	border-bottom: 2em solid #FFF;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-radius: .5em;
	height: 0;
	width: 1em;
	position: absolute;
	right: 0.7em;
	bottom: 22%;
	font-size: 0.6em;
}

.beaker::before {
	border-left: .25em solid #FFF;
	border-radius: .25em;
	border-right: .25em solid #FFF;
	content: '';
	height: .25em;
	left: -.25em;
	position: absolute;
	top: -1em;
	width: 1em;
}

.beaker::after {
	border-left: .25em solid #FFF;
	border-right: .25em solid #FFF;
	content: '';
	height: 1em;
	left: 0;
	position: absolute;
	top: -1em;
	width: .5em;
}

.sectionheader {
	position: relative;
}

.lab_item {
	width: 200px;
	height: 230px;
	position: relative;
	display: inline-block;
}

.hexagon2 {
	position: absolute;
	width: 200px;
	height: 400px;
	top: -85px;
}

.hexagon {
	overflow: hidden;
	visibility: hidden;

	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
}

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.hexagon-in2 {
	-webkit-box-shadow: inset 0 0 0 200px rgba(47, 47, 47, 0.48);
	box-shadow: inset 0 0 0 200px rgba(47, 47, 47, 0.48);
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;

	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px rgba(47, 47, 47, 0.48);
	box-shadow: inset 0 0 0 0px rgba(47, 47, 47, 0.48);
}

#lab article {
	padding-top: 1em;
	width: 820px;
	margin: 0 auto;
}

.lab_item:nth-child(7n-2) {
	margin-left: 101px;
}

.lab_item:nth-child(n+5) {
	margin-top: -55px;
}

@media (max-width: 1015px) {
	#lab {
	width: 100%;
}

}

@media (max-width: 820px) {
	.lab_item:nth-child(5n-1) {
	margin-left: 102px;
}

.lab_item:nth-child(n+4) {
	margin-top: -62px;
}

.lab_item:nth-child(7n-2) {
	margin-left: 0px;
}

.lab_item:nth-child(n+5) {
	margin-top: -56px;
}

#lab article {
	width: 610px;
}

}

@media (max-width: 640px) {
	#lab article {
	width: 405px;
}

.lab_item:nth-child(5n-1) {
	margin-left: 0px;
}

.lab_item:nth-child(3n) {
	margin-left: 102px;
}

.lab_item:nth-child(n+3) {
	margin-top: -56px;
}

}

@media (max-width: 450px) {
	#lab article {
	width: 300px;
}

.lab_item:nth-child(3n) {
	margin-left: 0px;
}

.lab_item:nth-child(2n) {
	margin-left: 11px;
}

.lab_item:nth-child(n+2) {
	margin-top: 0;
}

}



article {
    float: left;
    width: 100%;
    text-align: center;    padding: 30px 0;
}


.list-icon-items.no-margins {
    /* margin-top: -100px; */
    float: left;
    width: 100%;
    text-align: center;
}

.list-icon-items.no-margins>li {
    margin: 2.75em 0 0;
    width: 23%;
    float: none;
    display: inline-block;
    word-wrap: break-word;
}
.list-icon-items a {
        border: none;
    display: block;
    color: white;
        font-size: 21px;
}
.main_banner:after {
    
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    top: 0;
}


h4.secondary{
	    color: #ee6557;
    text-transform: capitalize;
    float: left;
    width: 100%;
    margin: 13px 0 11px;
}

.list-icon-items a .pseudo-link {
   float: left;
    width: 100%;
    word-wrap: break-word;
    text-align: center;
}


.out-circle {
    width: 60px;
    height: 60px;
    background: #e2c285;
    border-radius: 100%;
    margin: 0 auto;
    line-height: 60px;
}

.out-circle i{
	color:#fff;    font-size: 21px;
}


.map{
	float:left;
	width:100%;
	height:500px;
}

.map iframe{
	width:100%;
	height:100%;
	
}



.enquiry-form {
    float: left;
    width: 100%;
    background: #efefef;
    margin-top: 21px;
}

.footer-contact {
    float: none;
    max-width: 970px;
    margin: 92px auto;
    width: 100%;
}


.table {
    display: table;
    float: none;
}

.table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
    position: relative;
}


.contact-left {
    background:#000000;
    height: 100%;
    padding: 10px 10px 10px 50px;
    width: 50%;
    text-align: left;

}

.contact-left address{
	    color: #969090;
    font-size: 16px;
}

.enquiry-form h5 {
    color: #000;
}

.enquiry-form span {
    font-weight: 100;
    width: 100%;
    margin-bottom: 9px;
    color: #e2c285;
    line-height: 32px;
    font-size: 19px;
}

.contact-right {
    width: 50%;
    background: #e2c285;
    padding: 3px 40px 34px;
    height: 100%;
    position: relative;
}

.form-con {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.contact-form {
    float: left;
    width: 100%;
}

.contact-form input {
    float: left;
    width: 100%;
    background: none;
    border: 1px solid #cccaca;
    /* border-bottom: 1px solid #fff; */
    /* border-left: 1px solid #fff; */
    margin-bottom: 29px;
    color: #fff;
    padding: 8px 9px;
    outline: none;
    color: #000000;
    background: #fff;
}

.contact-form textarea {
    float: left;
    height: 111px;
    width: 100%;
    background: none;
    border: : 1px solid #cccaca;
    padding: 10px;
    resize: none;
    outline: none;
    background: #fff;
    color: #000000;
}

.contact-form button {
    float: right;
    width: auto;
    padding: 6px 27px;
    background: #080808;
    color: #fff;
    border: none;
    margin-top: 36px;
}

.contact-right:before {
    position: absolute;
    left: -20px;
    top: 30px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #e2c285  transparent transparent;
}


.contact-left p ,
.contact-left p a{
	color:#e8cd98;
}


.contact-left p i {
	color:#969090;    margin-right: 6px;
}

.center{
	text-align:center;
}


.about-heading{
	padding-bottom:30px;
}



.box-outer{
    float: left;
    width: 100%;
    border: 2px solid #e2c285;
    margin-top: 6px;
}

.box-col-single{
	padding: 10px;
  padding: 10px;
    border-top: 1px solid #e2c285;
    color: white;
background-color: rgba(95, 95, 95, 0.9411764705882353);
}

.box-col-single h5{
	color: #ffe2ab;
    font-weight: 700;
    text-transform: capitalize;
}

.box-header:first-child{
	border-top:none;
}


.nice-select span ,.nice-select li{
	color:#000;
}

.book_room1 .input-group {
    position: relative;
    float: left;
    width: 49%;
    margin-bottom: 10px;
    margin-left: 2%;
	display:block;
}

.book_room1 .input-group input{
padding: 5px 10px;
    float: left;
    width: 100%;
}

.book_room1 .input-group:nth-child(odd) {
   margin:0;
}



.box-col:first-child {
    border: none;
}


.box-col {
    width: 40%;
    float: left;
    border-left: 1px solid #c79f51;
}

.box-col.medium-col {
    width: 30%;
    float: left;
}

.book_room1 {
    float: left;
    width: 100%;
    padding: 13px;
    position: relative;
background: url(../images/slider.jpg);
}
.gallery-sec
{
    float: left;
    width: 100%;
    padding-top: 62px;
    padding-bottom: 62px;
}
.title-grid {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 19px;
}
.title-grid h2
{
    margin-bottom: 8px;
}


.grid {
  max-width: 1200px;
  float: left;
  width: 100%;
  margin-top: 23px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.f-grid
{
    width: 386px !important;
    height: 342px !important;
}
.c-grid
{
    width: 388px !important;
    height: 210px !important;
}
.t-grid
{
   width: 388px !important;
}
/* ---- grid-item ---- */

.grid-item {
  width: 160px;
  height: 120px;
  float: left;
  /* vertical gutter */
  margin-bottom: 20px;
  border-color: hsla(0, 0%, 0%, 0.5);
}

.grid-item--width2 { width: 340px; }
.grid-item--width3 { width: 520px; }
.grid-item--width4 { width: 780px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }
.img-first
{
    background: url(../images/muzhappilangad-.jpg);
    background-size: 133%;
    background-repeat: no-repeat;
}
.img-second
{
    background: url(../images/kannur_fort.jpg);
    background-size: 109%;
    background-repeat: no-repeat;
    
}
.img-third
{
    background: url(../images/palakkayam.jpg);
    background-size: 119%;
    background-repeat: no-repeat;
    
}

.img-four
{
    background: url(../images/payyambalam.jpg);
    background-size: 101%;
    background-repeat: no-repeat;
    
}
.cont-kannur {
    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 95px;
    background: url(../images/bg-kannur.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.titl-place
{
    text-align: center;
    padding-top: 12px;
    padding-bottom: 18px;
}
.titl-place h3
{
    font-family: 'Dancing Script', cursive;
    font-size: 50px;
    color: #dea437;
}
.title-grid h2
{
        font-family: 'Dancing Script', cursive;
    font-size: 44px;
    color: #dea437;
}
.kannur-sec
{
     float: left;
    width: 100%;
    padding-top: 21px;
    padding-bottom: 49px;
}
.kannur-abt-sec p
{
    font-size: 16px;
    line-height: 29px;
    text-align: justify;
    color: #fff;
}
.cont-kannur
{
    position: relative;
}
.cont-kannur:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #3a3a3ad9;
}
.cont-kannur .container
{
        position: relative;
    z-index: 1;
}
.places-cont {
    float: left;
    width: 100%;
    padding-top: 74px;
    padding-bottom: 53px;
}

.cont-outer-2 {
    float: left;
    width: 100%;
    position: relative;
}

img.img-place {
    position: absolute;
    width: 32%;
    left: -65px;
    top: 16px;
}
.content-data
{
    float: right;
    width: 65%;
    padding-top: 25px;
    padding-bottom: 68px;

}
.cont-outer-1
{
    float: left;
    width: 100%;
    position: relative;
    
}
.all-outer
{
    float: left;
    width: 100%;
    padding: 29px;
    border: 1px solid #c3c3c3;
    border-radius: 8px

}
.content-data-2 {
    width: 65%;
    padding-top: 50px;
    padding-bottom: 68px;
    text-align: justify;
}
img.img-place-2 {
    position: absolute;
    width: 32%;
    right: -65px;
    top: 48px;
}
.cont-outer-1:after {
    content: "";
    position: absolute;
    background: #e2c285;
    height: 2px;
    width: 37%;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: 0 auto;
}
.cont-outer-2:after {
    content: "";
    position: absolute;
    background: #e2c285;
    height: 2px;
    width: 37%;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: 0 auto;
}
.content-data-last {
    padding-top: 50px;
    padding-bottom: 42px;
}
.cont-outer-2:last-child:after
{
    visibility: hidden;

}
section.outer-tarif {
       float: left;
    width: 100%;
    padding-top: 85px;
    padding-bottom: 85px;
    background: url(../images/img-visit/pattern.png);
    background-attachment: fixed;
}
.tarif-first-img {
    width: 54%;
    float: left;
}
.img-sec {
    width: 32%;
    float: left;
}
.img-sec img
{
 width: 100%;
}
.tarif-cont
{
    float: left;
    width: 46%;
    padding-left: 34px;
}
.title-tarif h3 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 33px;
    font-weight: 600;
    color: #e2c285;
}
.tarif-cont ul
{
    line-height: 36px;
    font-size: 15px;
    list-style-image: url(../images/img-visit/star.png);
    padding-left: 20px;
    color: white;
}
.title-tarif 
{
    position: relative;
    margin-bottom: 40px;
}
.title-tarif:after {
    position: absolute;
    content: "";
    background: #e2c285;
    height: 2px;
    width: 100px;
}
.tarif-cont ul li {
    list-style: inherit;
}
.features.about-inner ul  {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    color: #3e3a3a;
}

.features.about-inner ul li{
	    text-align: right;
}

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



.bullet-list {
    float: left;
    width: 100%;
}

.bullet-list  ul {
    padding: 0;
    float: left;
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.bullet-list  ul li {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 8px;
}

.bullet-list  ul li:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    width: 6px;
    height: 6px;
    background: #5f5f5f;
    border-radius: 100%;
    left: -4px;
    top: 11px;
}

.places {
     float: left;
    width: 100%;
    padding: 0 0 57px;
}

.single-div {
      margin-bottom: 10px;
    float: left;
    width: 25%;
}
.img-cont {
    float: left;
    width: 100%;
    padding: 0 9px;
}

.img-cont img {
   
    width: 100%;
}

.single-div  span {
    float: left;
    width: 100%;
    padding: 10px 5px;
    text-align: center;
    font-weight: bold;
    color: #008e36;
    text-transform: capitalize;
}

.box-col .box-col-single:first-child{
	       background: #000000;
    color: white;
    font-size: 14px;
}


.single-row {
    float: left;
    width: 100%;
    margin-bottom: 49px;
    padding: 45px 20px 0;
    border: 1px solid #e4e4e4;
    margin-top: 54px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(222, 222, 222, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(222, 222, 222, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(222, 222, 222, 0.75);
    background: #fbfbfb;
}

.single-form {
    float: left;
    width: 100%;
    padding: 0 10px;    margin-bottom: 35px;
}

.single-form input {
    float: right;
    width: 70%;
    padding: 6px 10px;
    background: none;
    outline: none;
    border: 1px solid #949494;
}
.single-form .nice-select {
	    border: 1px solid #949494;
    float: right;
    background: none;
    width: 70%;
    height: 20px;
    line-height: 3px;    clear: inherit;
	
}

button,input,textarea{
	outline:none !important;
}

.single-form  button {
     float: right;
    width: auto;
    padding: 10px 41px;
    background: #232323;
    border: none;
    color: #fff;
    text-transform: uppercase;    transition: all 0.5s ease-in-out;
}

.single-form  button:hover {
	    background: #008c36;
}

.single-form textarea {
	 border: 1px solid #949494; float: right;
    width: 70%;
    padding: 6px 10px;
    background: none;    height: 120px;
}

.single-form  label {
    float: left;
    width: 30%;
}
.main-style
{
    font-size: 23px !important;
    color: #d0a350;
    /* font-family: 'Luckiest Guy', cursive; */
    font-weight: 500;
    font-family: 'Arima Madurai', cursive;
}


.registration-sec .contact-left {
    background: none;
    height: 100%;
    padding: 10px 10px 10px 50px;
    width: 100%;
    text-align: left;    margin-top: 37px;
}
.registration-sec .contact-left  h4{
    float: left;
    width: 100%;
    font-size: 27px;
    text-transform: capitalize;
    line-height: 32px;
    font-weight: 700;
    color: #008e36;
}
.registration-sec  .contact-left p a {
    color: #424242;
}
.registration-sec  .contact-left p i {
    color: #008e36;
}

.form-control[readonly]{
	background:none !important;
}

.input-group-addon img{
       width: 17px;
}

.single-form .nice-select:after {
    border-bottom: 2px solid #1a1a1a;
border-right: 2px solid #1a1a1a;
}

sup {
    top: -0.3em;
    color: #f00;
}

.single-form  .nice-select .list{
	background-color: rgb(214, 214, 214);    width: 100%;height: 300px;
    overflow-y: scroll;
}


.footer p{color: #a0a0a0;}


.room-sec ul{    float: left;
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.gallery {
    float: left;
    width: 100%;

}
.ttl-hal
{
    float: left;
    width: 100%;
}
.ttl-hal h3
{
    margin-top: 0;
    color: #cb9734;
    text-align: center;
    position: relative;
    margin-bottom: 11px;
    padding-top: 12px;
    font-size: 28px;
    font-family: 'Playfair Display', serif;

}
.ttl-hal h3:before
{
        content: "";
    position: absolute;
    background: #bf9434;
    height: 2px;
    max-width: 120px;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ttl-hal h3:after
{
    content: "";
    position: absolute;
    background: #bf9434;
    height: 2px;
    max-width: 71px;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.event-one-sec
{
    float: left;
    width: 100%;
}
.event-one-sec h3
{
    position: relative;
    margin-bottom: 21px;
    padding-bottom: 4px;
    text-transform: capitalize;
}
.event-one-sec h3:before
{
    position: absolute;
    content: "";
    background: #e2c285;
    bottom: -7px;
    height: 2px;
    width: 78px;
}
.event-one-sec h3:after
{
      position: absolute;
    content: "";
    background: #e2c285;
    bottom: -14px;
    height: 2px;
    width: 52px;
    left: 0;
}

.main_banner aside h2 strong
{
background-color: #27272769;
    padding: 4px 18px 15px;
    border-radius: 48px;
}

li.flex-active-slide:after {
    background-color: rgba(12, 12, 12, 0.59);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    z-index: 10;
}
.main_banner img
{
    width: 100%;
    object-fit: cover;
    min-height: 399px;
    background-repeat: no-repeat;
    background-size: cover;
}
.owl-outer .owl-carousel .item img
{
    width: 100%;
}
.owl-outer .owl-nav
{
        display: none;
}
.facility_container .table-sec
{
    display: block !important;
}
.owl-outer .owl-dots
 {
    display: block !important;
    width: auto;
    text-align: center;
    margin-top: -33px;
    position: relative;
    top: -14px;
 }
 .owl-outer .owl-dots span {
    
    border: 2px solid #ffffff !important;
}
 .owl-outer .owl-dot.active span {
    background: #ffffff !important;
}
#CDSWIDEXC.widEXC img#CDSWIDEXCLOGO.widEXCIMG{width:100%;}
.contact-left h2
{
    color: #bfbbbb;
}
.contact-left .svg-inline--fa {

    color: #969090;
    margin-right: 6px;
    }
    .info-i
    {
        float: left;
        width: 100%;
        margin: 0;
        line-height: 0;
        padding: 13px 9px;
        background-color: rgba(177, 177, 177, 0.53);
    }
   .info-i .svg-inline--fa {
    color: black;
    }
    .img-dish img
    {
    width: 100%;
    box-shadow: 1px 3px 19px #232323;
    border-radius: 30px;
    }
    .tarif-ttl h3
    {
            font-size: 52px;
    font-family: 'Tangerine', cursive;
    margin: 0;
    color: #8c6c30;
    font-weight: 400;
    }
    .tarif-ttl
    {
    float: left;
    width: 100%;
    text-align: center;
    }
    .tarif-tab
    {   
    float: left;
    width: 100%;
    padding: 39px 0;
    background-image: url(../images/bg-tarif.jpg);
    padding: 39px 0;
    position: relative;
    }
    .tarif-tab:after {
    position: absolute;
background: rgba(240, 240, 240, 0.78);
    width: 100%;
    content: "";
    top: 0;
    height: 100%;
    }
    .z-sec
    {
         position: relative;
         z-index: 1    
    }
    .box-full
    {
    padding: 10px;
    border: 3px solid #e2c285;
    background-color: #5f5f5f;
    float: left;
    width: 100%;
    border-top: 0;
    color: white;
    }
    .box-full p
    {
            color: #ffe2ab;
    }
    .box-full p .svg-inline--fa {
 
    font-size: 14px;
   }
   .rate-ttl h4
   {
    margin: 0;
    color: #8e6e34;
    padding-bottom: 9px;
   }
   .rate-f
   {
        font-size: 16px;
    font-weight: 700;
   }
   .rates-sec p
   {
        margin: 0;
   }
   .half-hall
   {
    float: left;
    width: 100%;
   }


   #slider, #slider-1, #slider-2   {
    position: relative;
    /* width: 640px; */
    /* height: 480px; */
    margin: auto;
    overflow: hidden;
    /* border: 5px solid #fff; */
    box-shadow: 0px 0px 5px 0px #888;
}
#slider img, #slider-1 img, #slider-2 img {
width: 100%;
height: 100%;
}
#slider .navigation , #slider-1 .navigation , #slider-2 .navigation {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
z-index: 99;
margin: 0;
width: 100%;
list-style: none;
padding: 0;
display: none;
}
#slider .navigation li, #slider-1 .navigation li, #slider-2 .navigation li {
display: inline-block;
background: #fff;
width: 10px;
height: 10px;
margin: 5px;
border-radius: 10px;
box-shadow: 0px 0px 5px 0px #444;
}
#slider .navigation li.active, #slider-1 .navigation li.active, #slider-2 .navigation li.active {
box-shadow: inset 0px 0px 0px 3px #fff;
background: #444;
}
#slider .navigation li:hover, #slider-1 .navigation li:hover, #slider-2 .navigation li:hover {
cursor: pointer;
}




   @media (min-width: 320px) and (max-width: 480px)
{
  .info-i
  {
    line-height: 22px;
        padding: 0px 10px 18px 13px;
  }
  .tarif-ttl {

    padding-bottom: 14px;
  }
}