@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Muli');

html, body, button, input, select, textarea {
		font-family: 'Muli', sans-serif;
		font-size:14px;
		line-height:1.7;
		font-weight:400;
	}

	body {
		background-color:#fff;
		color: #272727;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;	
	}
	a {
    color: #000;
    outline: 0;
}
a:active, a:hover, a:focus {
    outline: 0;
    text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    line-height: 1.3;
}
.clear {
    clear: both;
}
	body, p {
    color: #272727;
    line-height: 1.7;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.headerwrap{
	background:#e9e9e9;	
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color:#424242;
	font-size:14px;
	padding: 5px 11px;
}
.info{text-align:right;}

.navicons{
	font-size:18px;	
}
/*.wsmenu-submenu ul li a:hover{color:#FFF !important;}*/
	.bg-green{background:#025e5e; padding-bottom:3rem; color:#FFFFFF}
	.project{color:#FFFFFF}
	.project p{color:#FFFFFF}
	.project-title{font-size:24px; font-weight:300}
	.project-bg{background:rgba(0,35,72,0.9); z-index:33; position:absolute; width:100%; bottom:0rem; padding:1rem 0 0rem 0;}
	.project-bg p{color:#FFFFFF}
	.project:hover figure figcaption {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
}

	.project{margin-top:2rem;}
	.project figure {position:relative; overflow:hidden}
	.project figure figcaption{background:rgba(0, 0, 0, 0.8);; padding:0.6rem 1rem; position:absolute; z-index:9999; width:100%; bottom:0px; color:#FFFFFF; opacity:0; font-size:16px; text-transform:uppercase}
	.project figure figcaption i{float:right; margin-top:0.4rem;}
	.project figure img{
		transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-webkit-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
	}

	.project:hover figure img {
		transform: scale(1.1) rotateZ(-0deg);
		-moz-transform: scale(1.1) rotateZ(-0deg);
		-webkit-transform: scale(1.1) rotateZ(-0deg);
		-o-transform: scale(1.1) rotateZ(-0deg);
	}
	.text-uppercase {
    text-transform: uppercase!important;
}
.banner_bg {
    background: url(../images/enq-bg.jpg) no-repeat center top;
    background-size: cover;
}

.sy-caption-wrap .sy-caption{text-align:center;}

.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited{color:#f8f8f8 !important;}

.text-xs-center {
    text-align: center!important;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.mycontainer {
    max-width: 1030px;
    width: 100%;
	margin: 0 auto;
	padding:0px 15px;
}
.box div {
    margin-bottom: 15px;
}
.mt-3 {
    margin-top: 3rem!important;
}
.mb10 {
    margin-bottom: 10px;
}
.mt25 {
    margin-top: 25px;
}
.mt60 {
    margin-top: 60px;
}
.mt30 {
	margin-top:30px;	
}
.mb30 {
    margin-bottom: 30px;
}
.my-3 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}
h1, .h1 {
    font-size: 32px;
}
h2, .h2 {font-size: 30px;}
h4, .h4 {font-size: 20px;}
.text-white {
    color: #fff!important;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}

.about-bg{background:#f3f3f3 url(../images/about-bg.jpg) no-repeat top center; padding:6.3rem 0; background-size:cover;}



.cnt_bg {
    background: rgba(2, 94, 94, 0.87);
    padding:20px 40px 20px 40px; 
    margin: auto;
    min-height: 440px;
}

h3{font:30px/30px 'Exo', sans-serif; color:#fff; font-weight:500;background:url(../images/head-br.png) no-repeat 5px 36px; padding-bottom:25px;text-transform:uppercase;}

.btn-lg, .btn-group-lg>.btn{padding:11px 17px;font-size: 16px;line-height: 1.33;border-radius: 10px;}
.btn-danger {color: #fff;background-color: #e01a22;border-color: #e01a22;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {color: #fff;background-color: #e01a22;border-color: #e01a22;}
.form-inline .form-group {display: inline-block;margin-bottom:10px;vertical-align: middle;width: 98%;}
.btn-submit {color:#fff;background-color:#000;border-color:#000;}
.btn-submit:hover, .btn-submit:focus, .btn-submit:active, .btn-submit.active, .open>.dropdown-toggle.btn-submit {color: #fff;background-color: #000;border-color: #000;}

.form-inline .form-group {display: inline-block;margin-bottom:10px;vertical-align: middle;width: 49%;}
.form-inline .form-group2 {display: inline-block;margin-bottom:10px;vertical-align: middle;width: 100%;}
.form-inline .form-control{display: inline-block;width: 97%;vertical-align: middle;}
.form-control{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #fff !important;background-color: transparent;background-image: none;border: 1px solid #fff;border-radius: 8px;-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,-webkit-box-shadow ease-in-out .15s;-o-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;}


.form-inline ::-webkit-input-placeholder {color:#ccc;}
.form-inline :-moz-placeholder {color:#ccc}
.form-inline ::placeholder {color:#ccc;}
.form-inline :-ms-input-placeholder {color:#ccc ;}


input[type=text]{color:#000; background:transparent; border:1px solid #ddd;box-shadow:0 10px 10px rgba(0,0,0,.07) inset; border-radius:8px; border:1px solid #fff;}
input[type=password]{color:#333; background:#fff; border:1px solid #ccc;box-shadow:0 10px 10px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}
input[type=file]{color:#333; background:#fff; border:1px solid #ccc;box-shadow:0 10px 10px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}
textarea, select{color:#333; background:#fff; border:1px solid #ccc; resize:none;box-shadow:0 10px 10px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}
input, textarea, select{font:normal 12px/16px 'Open Sans', Arial, Helvetica, sans-serif; color:#555;box-shadow:0 10px 10px rgba(0,0,0,.07) inset; border-radius:2px; border:1px solid #ccc;}
input.check{border:1px solid #666; font-size:13px;  width:15px; height:15px; margin:2px 2px 2px 0px; outline:none; background:#fff;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{color:#fff; background:transparent;}
option{background-color:#025e5e;}

/*--------------------------------
		Footer Css
	--------------------------------*/
	.footer-bg{background:#025e5e; color:#FFFFFF; padding: 1.6rem 0;}
	.footer-bg .social ul li {
    margin: 0 0.6rem;
}
	.footer-bg .social ul li a{font-size:20px; color:#FFFFFF;}
	.footer-bg p{font-size:15px;color:#FFFFFF; font-weight:300}
	.footer-bg .h3{font-size:24px;color:#FFFFFF; font-weight:200}

	footer {color:#808080; padding:2rem 0 0.6rem 0;}
	footer p{color:#808080;}
	footer hr{margin:0.8rem 0;}
	footer .footer-link ul li{padding:0 0.4rem;}
	footer .footer-link ul li a{color:#808080;}	
	.nav-link{display: inline-block !important; padding: 0rem !important;}
	
	
	.topbg{background:url(../images/contact-bg.jpg) no-repeat top center; background-size:cover; padding:1rem 0 3rem 0;}
	.topbg .h5{color:#FFFFFF; font-size:36px; font-weight:200}
	.breadcrumb{background:none !important; padding:0px 0px 2.3rem 0px !important; margin:0px !important;}
	.breadcrumb-item {
    float: left !important;
}
	.breadcrumb a{color:#FFFFFF !important; text-decoration:none;}
	.breadcrumb .active{color:#FFFFFF !important;}
	
	.py-2 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}

.about-bar {
		width:100%;
		border:1px solid #f2f2f2;
		border-right:0;
		border-left:0;
		text-align:center;
		margin-bottom:2rem;
	}
	.about-bar li {
		display:inline-block
	}
	.about-bar a {
		font-size:18px;
		color:#000;
		padding:20px 25px;
		display:block;
		font-weight:300
	}
	.about-bar a:hover {
		color:#fff;
		background:#ec121a
	}
	.about-bar .active {
		color:#fff;
		background:#ec121a
	}
	.content {
    margin-top: 0;
}


/*------------- Elevation css ---------------*/
	.lightgallery div{padding-left:5px; padding-right:5px;}
	.lightgallery div a figure {position:relative; overflow:hidden; min-height:136px; border: solid 1px #F3F3F3;}
	.lightgallery div a figure img{
		transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-webkit-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
	}
	.lightgallery div a:hover figure img{
		transform: scale(1.1) rotateZ(-0deg);
		-moz-transform: scale(1.1) rotateZ(-0deg);
		-webkit-transform: scale(1.1) rotateZ(-0deg);
		-o-transform: scale(1.1) rotateZ(-0deg);
	}
	.floor-gallery figure{margin-bottom:0.2rem;}
	.floor-gallery figure.effect-bubba { max-height:inherit; overflow:hidden}
	.floor-gallery figure.effect-bubba { position:relative; margin-bottom:0.5em; background-color:#278b41;}
	.floor-gallery figure.effect-bubba img {
		transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-webkit-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;

		min-height:100px;
	}
	
	.floor-gallery figure.effect-bubba:hover img {opacity: 0.3;}
	.floor-gallery figure.effect-bubba figcaption::before,
	.floor-gallery figure.effect-bubba figcaption::after {
		position: absolute;
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
		transition: opacity 0.65s, transform 0.65s;
		z-index:99
	}
	.floor-gallery figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	.floor-gallery figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}
	.floor-gallery figure.effect-bubba:hover figcaption::before,
	.floor-gallery figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.floor-gallery figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.floor-gallery figure figcaption::before,
	.floor-gallery figure figcaption::after {
		pointer-events: none;
	}
	.floor-gallery figure figcaption,
	.floor-gallery figure a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.floor-gallery figure.effect-bubba h4 {
		padding: 0;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
		text-align:center;
		color:#fff; 
		font-size:18px;
		font-weight:400;
		line-height:1em;
		padding-top:5%;
	}
	.floor-gallery figure.effect-bubba h4 .fa { margin-top:0.6em;}
	.floor-gallery figure.effect-bubba:hover h4 {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}	
	
	/*------------- Salient Features ---------------*/
	.floorplan-block{margin:1rem 0; border-top:solid 1px #EEEEEE}
	.pgimg{width:100%;}
	
	
	
	
	
	
	
	

		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			text-align: center;
		}
		ul.tabs li{
			background: none;
			color: #222;
			display: inline-block;
			padding: 10px 32px;
			cursor: pointer;
		}

		ul.tabs li.current{
			    background: #025e5e;
    			color: #fff;
    			border: 1px solid #e0e0e0;
		}

		.tab-content{
			display: none;
			background: #ffffff;
			padding: 15px;
		}

		.tab-content.current{
			display: inherit;
		}
.bx-wrapper{margin-bottom: 5px !important;}
.sl ul{list-style:none; padding-left:0px;}
.sl i{margin-right: 7px;}
.tb h4{color:#333; font-size:16px; padding:10px 10px 0px 0px; font-weight:700; text-transform:uppercase;}
.tb span{color: #737880; font-weight:700;}
.tb p{font-size:13px;}
.srbx div{padding-bottom:30px;}
.arrow {
    bottom: 129px;
    position: absolute;
    right: 25px;
    width: auto !important;
}

.destination{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:0;
}
.destination h2 {
    margin: 0 0 20px;
    padding: 0 0 26px;
    color: #000;
    font-size: 22px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 470px;
    box-shadow: 0 -1px 0 #d0d0d0 inset;
    font-weight: bolder;
    text-transform: uppercase;
}
.sub-text {
    font-size: 15px;
}
.spacer, .spacer2 {
    float: left;
    width: 100%;
    height: 30px;
}
.spacer1 {
    float: left;
    width: 100%;
    height: 10px;
}
.destination > .item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    height: auto;
}
.destination > .item > .holder {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    
    text-align: center;
}
.design-bg1 {
    background-color: #bd2e2d;
}
.destination > .item > .holder > .pic {
    position: absolute;
    top: -40px;
    z-index: 1;
    width: 100%;
    height: auto;
	right:8px;
}
.destination > .item > .holder > .pic > .holder {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px;
    
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    color: #fff;
    font-size: 32px;
    line-height: 36px;
}
/* .destination > .item >  */
.holder > .pic > .holder img{
	    border: 8px #ffffff solid;	
}
.destination > .item > .holder > .main {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 333px;
    float: left;
    overflow: hidden;
    padding: 65px 15px 30px 15px;
    text-align: center;
}
.destination > .item > .holder > .main > .data {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    float: left;
}
/* .destination > .item > .holder >  */
.main > .data h5 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    /* margin: 0px 0px 15px 0px; 
    padding: 0px 0px 10px 0px;*/
	padding:10px;
	margin-bottom:20px;
    font-weight: 400;
    font-size: 20px;
    color: #fefefe;
    line-height: 19px;
	padding-top:20px;
}
/* .destination > .item > .holder > .main >  */
.data h5:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    content: " ";
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #fff;
}
/* .destination > .item > .holder > .main >  */
.data p {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0px 0px 15px 0px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}
/* .destination > .item > .holder > .main >  */
.data p i{
	margin-right:10px;	
}
/* .destination > .item > .holder > .main >  */
.data ul{
	list-style:none;
}
/* .destination > .item > .holder > .main >  */
.data ul li{
	display:block;
}
/* .destination > .item > .holder > .main >  */
.data ul li a{
	background:#666; color:#FFF;	
}
/* .destination > .item > .holder > .main >  */
.data a {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    border: 1px #dedede dashed;
    padding: 5px;
}

.data a:hover {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    border: 1px #fdfffd dashed;
    padding: 5px;
}

.data ul li a:hover{
	background:#666; color:#f8f8f8;	
}
.design-bg1{ background-color:#025e5e;min-height:250px;}
.design-bg2{ background-color:#025e5e;min-height:250px;}
.design-bg3{ background-color:#025e5e;min-height:250px;}
.design-bg4{ background-color:#025e5e;min-height:250px;}
.design-bg5{ background-color:#025e5e;min-height:250px;}
.design-bg6{ background-color:#025e5e;min-height:250px;}
.serviceBox{
    padding: 25px;
    
    border: 1px solid #ddd;
    position: relative;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover{ border: 1px solid #2b336c; }
.serviceBox .service-icon{
    display: inline-block;
    font-size: 40px;
    color: #0a6464;
    margin-bottom: 10px;
}
.serviceBox .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #2b336c;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.serviceBox .description{
    font-size: 15px;
    color: #777;
    line-height: 25px;
    margin: 0;
}
.serviceBox .read{
    display: inline-block;
    padding: 7px 20px;
    font-size: 17px;
    font-weight: 700;
    color: #777;
    position: absolute;
    bottom: -20px;
    right: -20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .read{ color: #fff; }
.serviceBox .read:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skewX(-15deg);
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .read:after{
    background: #0a6464;
    border: 1px solid #0a6464;
}
@media only screen and (max-width: 780px) {
	.headerwrap .txt{text-align:center;}
	
	.cnt_bg {
    width: 100%;
}

	.form-inline .form-group {width: 100%;}
h3 {font: 20px/35px 'Exo', sans-serif;}
.enq{position:absolute; z-index:999;margin: 0 auto;bottom: 2px;right: 182px;}
.enq .btn-danger {color: #fff;background-color: #e01a22;border-color: #e01a22;font-weight:600;box-shadow:#000 0 0 12px;width:115px;;}
.enq .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.enq .dropdown-toggle.btn-danger {color: #fff;background-color: #e01a22;border-color: #e01a22;}
.enq .btn-lg, .btn-group-lg>.btn{padding:4px 37px 4px 13px;font-size: 12px;line-height: 1.33;border-radius:4px;}

	.num{text-align:center; font-size:10px;}
	.info{text-align:center;}
}


@media screen and (max-width: 1199px) and (min-width: 992px){
.destination > .item > .holder > .main{ min-height:385px}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.destination > .item {
    width: 50%;
}

.destination > .item:last-child {
    width: 100%;
}
.destination > .item > .holder > .main{ min-height:275px}
.destination > .item > .holder > .pic {
    text-align: center;
}
.destination > .item:last-child > .holder, .destination > .item:nth-last-child(2) > .holder, .destination > .item:nth-last-child(4) > .holder {
    border-right: none;
}
.responsive_expert_process > .item > .holder > .pic > .holder {
    width: 120px;
}
}
@media screen and (max-width: 767px) and (min-width: 100px){
.destination > .item {
    width: 100%;
}
.destination > .item > .holder > .main{ min-height:260px}
.destination > .item > .holder{ border-bottom:1px #ee4e4d dashed;}
.destination > .item:last-child > .holder{ border-bottom:none;}
}