.services-carousel, .service-row{float:left;width:100%;position:relative;height:490px;}
.services-carousel.overlap{margin-top:-90px;position:relative;z-index:100;}
.service{height:385px;position:absolute;width:385px;}
.service.item1{left:0;top:115px;}
.service.item2{left:285px;top:0;}
.service.item3{left:575px;top:115px;}
.service-img{ background:#a9aa39;height:272px;width:272px;position:absolute;left:57px;top:56px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.service-img img{width:100%;height:100%;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px;border-radius:26px;}
.service-detail{height:200px;left:80px;padding:40px 10px 10px;position:absolute;text-align:center;top:90px;width:230px;z-index:1;}
.service-detail:before{background:none repeat scroll 0 0 white;content:"";height:255px;left:-14px;opacity:0.8;z-index:-1;position:absolute;top:-25px;width:254px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service-detail h3{float:left;font-size:16px;font-weight:500;margin-bottom:8px;padding-bottom:15px;position:relative;text-align:center;width:100%;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service-detail h3:before{background:none repeat scroll 0 0 #a4a4a4;content:"";height:1px;margin-left:-30px;width:60px;position:absolute;bottom:0;left:50%;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service-detail p{float:left;font-size:13px;letter-spacing:0; margin-top:5px;width:100%;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.service:hover .service-detail h3, .service:hover .service-detail p{color:#FFF;}
.service:hover .service-detail h3:before{background:#FFF;}
.service-img:before{background:#2d8fcd repeat scroll 0 0 white;content:"";height:292px;left:-10px;position:absolute;top:-10px;width:292px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-border-radius:37px;-moz-border-radius:37px;-ms-border-radius:37px;-o-border-radius:37px;border-radius:37px;}
.service-icon{color:#fff;font-size:50px;height:150px;left:50%;line-height:145px;margin-left:-75px;position:absolute;text-align:center;top:-40px;width:150px;z-index:1;}
.service-icon:before{background:none repeat scroll 0 0 black;content:"";height:110px;width:110px;position:absolute;left:20px;top:20px;z-index:-1;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;}
.service:hover .service-icon:before{background:#6a6868;}
.service-icon:after{background:none repeat scroll 0 0 white;content:"";height:124px;left:13px;position:absolute;top:13px;width:124px;z-index:-2;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.service.item2 .service-icon{top:auto;bottom:-40px;}
.owl-dots{bottom:0;height:7px;left:0;position:absolute;text-align:center;width:100%;}
.owl-dot{background:none repeat scroll 0 0 #cdcbcb;display:inline-block;height:7px;margin:0 2px;width:7px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.owl-dot.active{background:#9c9b9b;}

 
@media screen and (max-width:320px){.service-detail{height:290px;}
}
@media screen and (max-width:800px){.overlayImage{display:none;}
.overlayBox{width:300px;}
.overlayBox2{width:250px !important;}
}
.overlayBox2{width:284px !important;}
/*floating contact form*/
#contact-slider {
bottom:10px;

position:fixed;
z-index:999999;
}
#header {
background: #e1e1ae;
width:340px;
height:450px;
bottom:10px;
right:-30px;
border:1px solid #f1f29a;
padding:20px 40px;
border-radius:3px;
box-shadow:0 0 8px gray
}
#sidebar {
position:absolute;
bottom:10px;
left:-45px;

}
#sidebar1 {
position:absolute;
bottom:10px;
left:-45px;

}

#header h4 {
	font-size:19px !important;
	
}









































.bottom-contact{float:none !important; width:100% !important;}
#header input {
margin-top:10px;
padding:6px;
width:100%;
font-size:15px;
border-radius:2px;
border:1px solid #f1f29a;
font-weight:500;
}
div#title {
position:absolute;
top:300px;
left:650px
}
#header textarea {
padding:6px;
font-size:15px;
border-radius:2px;
border:1px solid #f1f29a;
margin-top:10px;
height:80px;
width:100%;
font-weight:500;
}
#contact-slider hr{
margin-bottom:5px;
margin-top:5px;	
}
.tab-forms .send-enq {
    background: #a9aa39 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    display: table;
    float: none;
    font-family: roboto slab;
    font-size: 13px;
    font-style: normal;
    height: 50px;
    letter-spacing: 0.4px;
    line-height: 30px;
    margin: 20px auto 0;
    padding: 10px 50px;
    text-transform: uppercase;
    width: auto;
}


    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		height:620px !important;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	.text {
		padding:0 30px;
		font-size:48px;
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		line-height:90px;
		position:relative;
		top:40%;
	}
	.text strong {
		display:block;
		font-size:80px;
	}
  .modal-content-a{width: 60%;
  background: #fff;
  margin: 0 auto;}
	
	.tab-forms2 ul.nav li a {
		min-height:80px !important;
		 box-shadow: none !important;
	}
	
	
	/* Color */
	
	
	.service-icon:before,
.deal-price span:before,
.service:hover .service-detail:before,
.tab-forms ul.nav li.active a,
.tab-forms form input[type="submit"],
.controls li.active,
.portfolio:hover .overlay > span,
.table > a:hover,
.coloured-layer:before,
.client-img:after,
.contact > input[type="submit"],
.deal-hover-wrap:before,
.table-head,
.imp-details > a,
.cube,
.kenburns-text h5:before,
.text-slide > h2:before,
.parallax-text li:before,
.reservation-form > form input[type="submit"],
header.header2 .menu > nav > ul > li:hover > a{
	background-color: #a9aa39;
}

.title h2 span,
.deal-detail > i,
.deal-desc > h3 span,
.deal-desc > p a,
.package-inner h6,
.title2 > h2 span,
.member-title > span,
.testimonial blockquote span,
.client > span,
.table > i,
.table > strong span,
.table:hover > h4,
.deal-detail > span i,
.contact-info > h3 span,
.bottom-footer p a,
.page-top h1 i,
.tip-detail > span,
.table-row li a,
.simple-title span,
.menu nav li:hover > a,
.social > a:hover,
.deal-hover-wrap > a:hover,
.deal-detail h4 a:hover,
.slide1-title  span,
.slide2-subtite2,
.kenburns-text h1 i,
.text-slide > h2 span,
.parallax-text > h2,
.reservation-form > h3 span,
.welcome-box > h2 span,
.simple-text > h4{
	color:  #a9aa39;
}

.deal-price,
.controls li.active,
.member:hover .member-img:before,
.contact > input[type="submit"],
.reservation-form > form input[type="submit"]{
	border-color:  #a9aa39;

}



/* Responsive */



@media (max-width:1200px){
.services-carousel.overlap{margin-top: 90px;}	
.service {float: left;left: 0 !important;margin-bottom: 30px;padding-top:40px;position: relative;top: 0 !important; width: 100%; height: 410px;}
.service-img {left: 0; margin:50px auto 0;position: relative;top: 0;}.service-detail {left: 50%;margin-left: -113px;top: 125px;}
.services-carousel, .service-row{height: auto;}
.service-icon{top:0 !important; bottom: auto;}
.title h2 {font-size: 35px;padding: 0 50px;}
.title:before {left: -60px;}.title:after {right: -60px;}
.tab-forms ul.nav li a {
	min-height:126px !important;
	padding:30px 5px !important;
	
}
.tab-forms2 ul.nav li a {
		min-height:80px !important;
		margin-top:0 !important;
	}

}




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


.title{float: left;width: 100%;}.title:before, .title:after{display: none;}
.column {float: left;margin-bottom: 50px;width: 100%;}.column:last-child{margin-bottom: 0;}
.tips .row > div {float: left;width: 50%;}
.tab-forms ul.nav li a, .tab-forms ul.nav li a:hover, .tab-forms ul.nav li.active a {font-size: 10px !important;margin: 0;padding: 20px 10px;}
.tab-forms form .row > div {float: left;width: 100%;}
.testimonial blockquote{width: 100%;}
.testimonial-selector .row > div {float: left;margin-top: 30px;width: 100%;}
.testimonial-selector{text-align: center;}.client { display: inline-block;float: none;margin: 0 auto;text-align: left;width: auto;}
.price-table .row > div { float: left;padding-top: 120px;width: 100%;}
.table:after {content: "";height: 140px;left: 0;position: absolute;top: -140px;width: 100%;}
.counters-bar{margin-top: -30px;}
.slider > iframe{height: auto;}
.gallery_kenburns{height: 500px;}
.tab-forms ul.nav li a {
	min-height:80px !important;
	padding:30px 11px !important;
}
}

 

@media (max-width:480px){
.responsive-header{position: relative;float: left;width: 100%; z-index:9999;}
.service {float: left;height: 364px !important;left: 0 !important;margin-bottom: 30px; overflow: hidden; padding-top: 40px;position: relative;top: 0 !important;width: 100%;border-radius:30px;}
.services-carousel, .service-row{overflow: hidden;}
.service-img {height: auto;left: 0;margin: 50px auto 0;position: relative;top: 0;transform: rotate(0deg);width: 100%;}
.service-detail {bottom: 0;left: 0;margin-left: 0;width: 100%;}
.service-detail:before {border-radius: 22; height: 100%;left: 0;top: 0;transform: rotate(0deg);width: 100%;}
.tips .row > div{width: 100%;}
.tab-forms ul.nav li{width: 100%;}
.client { padding-left: 0;padding-top: 150px;text-align: center;}
.client-img {left: 50%;margin-left: -51px;}
.client > h4:before {left: 50%;margin-left: -35px;}
.kenburns-text h1{font-size: 30px;}
.kenburns-text h5{font-size: 13px; letter-spacing: 3px;}
.text-carousel-wrapper{height:400px;}

.tab-forms ul.nav li a{
	min-height:50px !important;
	padding:10px 0 !important;
	line-height:50px !important;
}

.text{
	font-size:23px !important;
	line-height:38px !important;
}

.text strong{
	font-size:40px !important;
	margin-bottom:10px !important;
}

.swiper-slide {
	height:280px !important;
}
.swiper-button-prev, .swiper-button-next{
	display:none !important;
}

.services-carousel.overlap{
	margin-top:40px !important;
}

}


.tab-forms ul.nav{border:0 none;margin:0 0 30px;}
.tab-forms ul.nav li{float:left;margin:0;padding:0 0.5px;text-align:center;width:16%;}
.tab-forms ul.nav li a{
	min-height:100px !important;
}

.tab-forms ul.nav li a { background:#fff; border:0 none !important;color:#505050; font-family:roboto slab;font-size:15px;margin:0;padding:30px 20px;text-transform:uppercase;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;
}
.tab-forms ul.nav li a:hover, .tab-forms ul.nav li.active a{font-family:roboto slab;font-size:15px;margin:0;padding:30px 20px;text-transform:uppercase;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;}
.tab-forms ul.nav li.active{margin-left:-1px;padding:0; background:#A9AA39;}
.tab-forms ul.nav li.active a{background:#a9aa39 !important;color:#fff;margin-top:-10px;padding:35px 20px;z-index:1;  box-shadow: 0 0 13px #505050;}
.tab-forms .tab-content p{color:#fff;float:left;margin-bottom:40px;padding:0 120px;text-align:center;width:100%;}
.tab-forms form{float:left;width:100%;margin-bottom:-30px;}
.tab-forms form label{color:#fff;float:left;font-family:arimo;font-size:12px;font-weight:100;line-height:12px;margin-bottom:10px;width:100%;}
.tab-forms form input{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.27);border:0 none;float:left;height:50px;width:100%;font-family:arimo;font-size:11px;color:#b5b5b5;font-style:italic;padding:10px 20px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.tab-forms form .row > div{margin-bottom:30px;}
.tab-forms form input[type="submit"]{background:none repeat scroll 0 0 black;color:#fff;display:table;float:none;font-family:roboto slab;font-size:13px;font-style:normal;height:50px;letter-spacing:0.4px;line-height:20px;margin:20px auto 0;padding:10px 50px;text-transform:uppercase;width:auto;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
.n{font-size: 36px;
    text-transform: uppercase;
    width: 100%;
color: #fff;
text-shadow: 0px 0px 0px;
 }

.tes{border: 0 none;
    color: #e6e6e6;
    font-family: arimo;
    font-size: 25px;
    margin: 0 auto;
    padding: 0;
    width: 80%;
    line-height: 40px;}

    .tesc{color: #9c9c9c;
    margin-right: -20px;
    font-size: 60px;}
.pp{ color: #e2e2e2;
    font-size: 14px !important }

    .f{color: #fff !important}


    .tesm{border: 0 none;
    color: #e6e6e6;
    font-family: arimo;
   text-align: center;
    margin: 0 auto;
    padding: 0;
    width: 90%;
    }
    .contact-info li i{background: none repeat scroll 0 0 #414141;
    color: #a4a4a4;
    float: left;
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    margin-right: 15px;
    text-align: center;
    width: 27px;
    border-radius: 3px;
  }


    #header11{position: absolute;
    /* right: 0; */
   
    border: 2px solid #edeed7;
    /* margin-left: 40px; */
    padding: 20px 40px;
    border-radius: 3px;
    box-shadow: 0 0 8px black;
    background: #a9aa39; width: 352px;}
 
::placeholder {
    color: #000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #000;
}
 

 #fo{border: 1px solid #bbb7b7; width: 100%}

 #ph{    font-size: 36px;
    text-transform: uppercase;}
    .im{     width: 48%;
          float: left;
          

      }



 .mr {
  position: relative;
 
}

 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #a9aa39;
}

.mr:hover .overlay {
  opacity: 1;
}

.tex { text-align: center;
  color: white;
  font-size: 15px;
  position: absolute;
      line-height: 28px;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

#rm{    background-color: #fff; color:black;}
.modal-content-c
{
  width: 60%;
  background: #fff;
  margin: 0 auto;
}