/*
Theme Name: Westway Loft
Theme URI: https://wordpress.org/themes/wc/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Westway Construction brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wc
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*
font-family: 'Oswald', sans-serif;
font-family: 'PT Sans', sans-serif;
Start Style Sheet*/


body {margin: 0; background-color: #fff /*#707477*/; font-family: 'PT Sans', sans-serif; color: #222; height:100%;}
.bg-primary{background-color:#00b6fa !important;}
.bg-blue{background-color:#10beff !important;}
.bg-blue-2{background-color:#29c5ff !important;}
.bg-blue-3{background-color:#3ecbff !important;}
.bg-gray{background:#565656;}
.display-4{font-family: 'Oswald', sans-serif;font-weight:400;}
.mar0 {	margin: 0;}
.pad0 {	padding: 0;}
.mar5 {	margin-left: -5px;	margin-right: -5px;}
.pad5 {	padding-left: 5px;	padding-right: 5px;}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {background-color:#00b6fa;  border-color:#00b6fa;box-shadow:0 0 0 0.2rem rgba(0, 182, 249, 0.25);}
.btn-primary{background:#00b6fa;border-color:#00b6fa;color:#fff;}
.btn-primary:hover,.btn-primary:focus{background:#1c1c1c;border-color:#fff;color:#fff;box-shadow:none;}
.btn-primary:focus, .btn-primary.focus { box-shadow:0 0 0 0.2rem rgba(0, 182, 249, 0.25);}
.btn-default{border:1px solid #00b6fa;background:transparent;color:#00b6fa;}
.btn-default:hover,.btn-default:focus{border:1px solid #fff;background: #00b6fa;color:#fff;}
.btn-secondary{background:#3c4043;border-color:#3c4043;color:#fff;}
.btn-secondary:hover,.btn-secondary:focus{border:1px solid #fff;background: #232527;color:#3c4043;}
body {
	margin: 0;
	background-color: #fff;
	font-family: 'Lato', sans-serif; /*default Font family */
	color: #3c4043;
	font-size: 16px;
}
header, .header {	display: block;	position: relative;}
.home-header{height: 95vh;}
.header-head {	position: absolute;	display: block;	padding: 10px;	top: 0;	left: 0;	width: 100%;	-moz-transition: all 0.5s ease-in 0s;	-ms-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;	-webkit-transition: all 0.5s ease-in 0s;}
.header .btn{z-index:1;position:relative;}
.page-header {background-color:transparent;	height: 90px;position: absolute;top: 0;left: 0;z-index: 99;width: 100%;}
.page-header.fixed,.header-head.fixed{position:fixed;width:100%;z-index:100;background:rgba(0,0,0,0.5);}
.news .page-header ,.casestudy .page-header,.header-style{position:relative;background:rgba(0,0,0,0.5);}
.news .page-header.fixed ,.single .page-header.fixed,.casestudy .page-header.fixed,.header-style.fixed{position:fixed;}
 
.page-header .navigation-toggle span {	background-color: #fff;}
.page-header a.logo{background:url(assets/images/logo.png) 0 0 no-repeat scroll}
a.logo {	display: block;	position: relative;	width: 272px;	height: 70px;	background: url(assets/images/logo.png) 0 0 no-repeat scroll;	background-size: cover;	overflow: hidden;	text-indent: -999px;	margin: 0 auto;z-index:1;}
a.logo.black {	background: url(assets/images/logo-black.png) 0 0 no-repeat scroll;	margin-left:0px;}
.navigation-toggle {display: block;	position: fixed;width: 50px;	height: 80px;	outline: none !important;	left: 20px;
	top: 5px;	z-index: 1000;}
.navigation-toggle.cross {
}
.inner-header .navigation-toggle span {
	background-color: #3c4043;
}
.navigation-toggle span {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -3px;
	height: 6px;
	background-color: #fff;
	border-radius: 10px;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
}
.navigation-toggle.cross span {
	background-color: #fff
}
.navigation-toggle span.first {
	margin-top: -20px
}
.navigation-toggle span.last {
	margin-top: 14px
}
.navigation-toggle.cross span.mid1 {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navigation-toggle.cross span.mid2 {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.navigation-toggle.cross span.first {
	opacity: 0;
	margin-top: -100px
}
.navigation-toggle.cross span.last {
	opacity: 0;
	margin-top: 94px;
}

.google-review {
    color: #1a171b;
    padding: 40px 0;
    background-color: #fff;
    overflow: hidden;
}
.google-slider {
    border: 1px solid #ccc;
}
.google-review-box {
    padding: 15px;
    background-color: #f6f6f6;
}
.google-slider li:nth-child(even) .google-review-box {
    background-color: #fff;
}

.google-review-box small {
    display: block;
    background: url(assets/images/five_stars.png) top right no-repeat;
}
.google-review-box blockquote {
    font-size: 16px;
    margin-bottom: 0;
    line-height: normal;
}
.google-review-box cite {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.google-slider:hover .flex-direction-nav .flex-prev {
    left: 0;
	opacity: 0.7;
}
.google-slider:hover .flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
	opacity: 0.7;
}


.menu {width: 92%; height: 100%; position: fixed; top: 0; right: 0; 	z-index: 998; overflow: hidden; display: none;}
.menu-cover {background-color: rgba(255,255,255,0.95); height: 100%; width: 80%; position: relative; transform: skewX(-30deg); padding-left: 70px; display: block; left:20%}
.menu-cover::after {display:block; position:absolute; top:0; right:calc(-20% + 1.1px);background-color: rgba(255,255,255,0.95); width:20%; height:100%; content:""; }
.menu-no-skew {position: relative; height: 100%; width: 78%; padding-top: 60px;}
.navigation-column {display: block; padding: 0; width: 300px; float: left; padding-left: 15px; padding-right: 15px;}
.navigation-column ul {list-style: none; padding: 0; margin: 0; display: block;}
.navigation-column ul li { display: block; padding: 0; margin: 0; position: relative; line-height: 0.8}
.navigation-column ul li a { display: block; margin: 0; padding: 20px 0; position: relative; color: #3c4043; font-family: 'PT Sans', sans-serif; font-weight: 300; text-transform: uppercase; font-size: 18px; transform: skewX(30deg);}
.navigation-column ul li:hover a, .navigation-column ul li.active a, .navigation-column ul li a.hovered {color: #00b6fa; text-decoration: none;}
.navigation-column ul li:hover::before, .navigation-column ul li.active::before, .navigation-column ul li a.hovered::before {background-color: #00b6fa;
    content: "";
    display: block;
    height: 14px;
    left: -10px;
    position: absolute;
    top: 21px;
    width: 4px;
    transform: skewX(30deg)}
.detail_column {display: block;  position: relative;  width: calc(100% - 300px);  float: left;  padding-left: 15px;  padding-right: 15px; } 
/*.detail_column .child {position: absolute;left: 0;top: 0;width: 100%;}*/
#contact-info-menu {display: none; z-index: 0;padding-left: 60px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
#contact-info-menu.showing {display:block;}
#contact-info-menu div {display: block;padding: 20px 0; transform: skewX(30deg);}
#contact-info-menu div:first-child {padding-top: 0}
#contact-info-menu div i, #contact-info-menu div strong, #contact-info-menu div a {display: block;color: #3c4043;}
.submenu {display: none;opacity: 1;visibility: visible; position: relative;padding: 0; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; height:100%}
.submenu ul {padding: 0;margin: 0;list-style: none;display: block;width: 100%; height:100%; overflow:hidden;}
.submenu ul li {display: block;position: relative;overflow: hidden;float: left;padding: 0;width: 50%; height: auto;margin:0;}
.submenu ul li a {display: block;position: relative; background-color:#3c4043; height:100%}
.submenu ul li a:hover {background-color:#00b6fa;}
.submenu ul li a .thumb {background-attachment: scroll;background-position: center center;background-repeat: no-repeat;background-size: cover;display: block;height: 85%;;left: -110px;position: relative;width: calc(100% + 220px);filter: grayscale(100%);transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; transform: skewX(30deg);}
.submenu ul li a:hover .thumb {filter: grayscale(0);}
.submenu ul li a .title {color: #fff;display: block;height: 65px;left: -13px;padding: 25px;position: relative;text-align: center;transform: skewX(30deg);vertical-align: middle;width: 112%;z-index: 1;font-size: 16px;text-transform: uppercase;line-height: 1.1;}
.showing {transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; display:block}
.navigation-column ul.mb-submenu {display: none;}
.mb-submenu {display: none;}


#home_slider::before {
	z-index: 11;
	position: absolute;
	content: "";
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00ffffff', GradientType=0 );
}
#home_slider::after {
	z-index: 11;
	position: absolute;
	content: "";
	width: 100%;
	height: 200px;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6000000', GradientType=0 );
}

#home_slider {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	border-radius: 0
}
#home_slider .slides {
	height: 100%;
}
#home_slider .slides li {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	overflow: hidden;
}
.banner-text {
	position: absolute;
	max-width: 800px;
	height: auto;
	top: 50%;
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 60px;
	text-transform: uppercase;
	width: 100%;
	text-shadow: 1px 1px 4px #000;
	margin: 0 0 0 -400px;
	left: 50%;
	font-family: 'PT Sans', sans-serif;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	
}
.fullscreen {
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.whitesection {
	padding: 20px 0;
	display: block;
	background-color: #fff;
	position: relative;
}
.swiper-container, .swiper-container-services {
	width: 100%;
	height: 100%;
	background: #000;
	overflow:hidden;
}
.swiper-slide {
	font-size: 18px;
	color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 60px;
}
.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center;
}
.tabs {
	background: rgba(0, 182, 250, 0.7);
	text-align: center;
	padding: 15px;
	margin-top: -50px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
}
.tabs a {
	display: inline-block;
	border: 0;
	color: #fff;
	padding: 0 10px;
	border-right: 1px solid #fff;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase
}
.tabs a:last-child {
	border: 0;
}
.tabs a.active {
}
.client-logos {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0
}
.client-logos img {
	margin: 10px;
}
.main-heading {display: block; position: relative; font-size: 40px; font-weight: 700; font-family: 'PT Sans', sans-serif; color: #3c4043; text-transform: uppercase; }
.main-heading  small {color:#fff;}
.main-heading.invert {color:#000}
.large-para {
	font-size: 20px;
}
.propertymanagement {
	background-attachment: fixed;
	background-size: cover;
	background-image: url("assets/images/bg2.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
}
.pbg {
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
}
.parallax {
	color: #fff;
	padding-top: 50px;
}
.parallax h4 {
	font-size: 36px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}
.parallax p {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 20px;
	margin: 20px 0 30px
}
.parallax a {
	color: #fff;
	padding: 10px;
	display: inline-block;
	border: 1px solid #fff;
}
.parallax a:hover {
	color: #3c4043;
	background: #fff;
	text-decoration: none;
}
.solution {
	padding: 0;
	background: url(assets/images/solutions-bg.png) center bottom repeat-x scroll;
	overflow: hidden
}
.read-more {
	display: inline-block;
	padding: 10px;
	border: 1px solid #3c4043;
	color: #3c4043;
	margin: 10px 0;
}
.read-more:hover {
	background-color: #3c4043;
	color: #fff;
	text-decoration: none;
}
.approved-by {
	text-align: center;
	padding: 60px 0;
	background: #fff;
	border-right: 1px solid #E5E5E5;
	position: relative
}
.approved-by::before {
	width: 1000%;
	height: 100%;
	position: absolute;
	left: -1000%;
	background: #fff;
	content: "";
}
.approved-by img {
	width: 75%;
	margin: 10px auto
}
.solution-content {
	padding-top: 50px;
}
.whats-new {
	padding: 20px 0
}
.whats-new-box {
	display: block;
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
	background-color: #000;
}
.whats-new-box .wn-cover {
	-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;
	opacity: 0.3;
	min-height: 100%;
	width: 100%;
}
.whats-new-box:hover .wn-cover {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	filter: blur(5px);
	opacity: 1
}
.box-data {
	position: absolute;
	width: 90%;
	height: 50%;
	padding: 10px;
	text-align: center;
	color: #fff;
	top: 100px;
	left: 5%;
	display: table;
	-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;
	opacity: 1
}
.box-data h3 {
	padding-left:50px;
	padding-right:50px;
}
.box-data p {
	font-size: 22px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	text-align: center;
	display: block;
	vertical-align: middle
}
.whats-new-box:hover .box-data {
	opacity: 0;
}
.view-this {
	width: 80px;
	height: 70px;
	background-color: #fff;
	color: #3c4043;
	text-decoration: none;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: -0;
	margin-left: -40px;
	padding-top: 15px;
	-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;
}
.view-this i {
	display: block;
	text-align: center;
	font-size: 18px;
}
.whats-new-box:hover .view-this {
	top: 50%;
	margin-top: -35px;
}
.view-this:hover {
	text-decoration: none;
	background-color: #00B6FA;
	color: #fff
}
.main-services{
    position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.servicetabsbox {
	background: rgba(60, 64, 67, 0.7) none repeat scroll 0 0;
	display: block;
	height: 100%;
	position: absolute;
	right: 190px;
	top: 0;
	width: 500px;
	z-index: 10;
	text-align: right;
	color: #fff;
	transform: skewX(-20deg);
	padding-top: 30px;
	-moz-transition: all 0.3s cubic-bezier(.67, .46, .43, .29);
	-webkit-transition: all 0.3s cubic-bezier(.67, .46, .43, .29);
	transition: all 0.3s cubic-bezier(.67, .46, .43, .29);
}
.servicetabsbox .service-tab {
	color: #fff;
	padding: 0;
	cursor: pointer;
	outline:none;
	text-decoration:none !important
}
.servicetabsbox .service-tab .servicecontent {
	width: 100%;
	padding: 10px 30px;
	margin-bottom: 10px;
}
.servicetabsbox .service-tab .servicecontent.active {
	background-color: #00B6FA;
	text-decoration: none;
}
.servicetabsbox .service-tab .servicecontent *{transform: skewX(20deg);}
.servicetabsbox .service-tab:hover {text-decoration: none !important;}

/**************************************/
.servicetabsbox.open {right:600px;}
.servicetabsbox .service-tab .detail-box {background-color: rgba(0, 182, 250, 0.8) !important;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 450px;
	padding:30px 20px;
	text-align:left;
	overflow:hidden;
	display:none;}
.servicetabsbox .service-tab .detail-box i.fa {width:30px; height:30px; line-height:28px; text-align:center; border-radius:100%; border:1px solid #fff; display:block; float:right; transform:skewX(20deg); margin-bottom:10px;}
.servicetabsbox .service-tab .detail-box span {transform: skewX(20deg); display:block; padding:5px 25px;}
.servicetabsbox .service-tab .detail-box img {left: -20%; position: relative; width: 140%; transform: skewX(20deg);}
.servicetabsbox .service-tab .detail-box h4 {font-weight:bold; text-transform:uppercase;}


footer {color : #fff; padding: 40px 0 10px; margin: 0; background-color: #3C4043; position: relative; font-size: 14px;}

.foot-sec i {font-size: 4em;}
.foot-sec a, .foot-sec p strong {color: #fff;}
.foot-sec p{position:relative;z-index:1;}
.scrolltotop, .scrolltotop:hover {background-color: #3C4043; border: 1px solid #fff; color: #fff; display: none; font-size: 14px;margin-bottom:10px; padding: 10px;position: fixed; bottom:60px;right:30px;  z-index: 10000; text-align: center; text-decoration: none;border-radius:0;-webkit-border-radius:0;}
.btn-footer {background-color: #3C4043; border: 1px solid #fff; color: #fff; display: inline-block; font-size: 14px; margin-top:-100px; padding: 10px;position: relative; text-align: center; text-decoration: none;border-radius:0;-webkit-border-radius:0;}
.list-arrow{list-style:none;padding:0;margin:0 0 20px;display:table;width:100%;}
.list-arrow li{font-weight:100;font-size: 18px;display:block;padding:5px 10px 5px 20px;position:relative}
.list-arrow li::before{content:"\25B6";position:absolute;left:0;top:5px;font-size:15px;color:#00b6fa}
.list-arrow li a{color:#fff;}
.list-arrow.black li{display:inline-block;width:25%;}
.list-arrow.black li a{color:#000;}
.footer-area-cover{display:none;padding:5px 0 40px;}
.footer-area-cover .list-arrow li{display:inline-block;width:25%;}
/*#########   Inner Page #########*/
.inner-banner {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	height: 800px;
	z-index: 0;
	overflow: hidden;
	border-radius: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.inner-banner.area {height: 450px;}
.page-heading {
	text-align: center;
}
.page-heading h1 {
	font-family: 'PT Sans', sans-serif;
	font-size: 56px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 10px;
	position: relative;
	padding-bottom: 15px;
}
.page-heading h1::after {
	background: #00b6fa;
	content: "";
	height: 4px;
	left: 50%;
	position: absolute;
	bottom: 0px;
	width: 60px;
}
.page-heading span {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}
.aboutcontent {
	height: 800px;
	position: relative;
	background: rgba(0, 0, 0, 0);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
.abt-content {
	padding-top: 100px;
}
.abt-content p {
	font-size: 20px;
	margin-top: 30px;
}
.aboutcontent .amix-a {
	background: rgba(0, 0, 0, 0) url("assets/images/W-shape.png") no-repeat fixed 25% 0;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
	top: 0;
}
.half-diagnol {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 420px;
	background-position: center right;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #fff;
	background-size: cover;
	border: 1px solid #3C4043;
	padding-top: 70px;
}
.half-diagnol::after {
	position: absolute;
	left: -30%;
	top: 0;
	z-index: 1;
	width: 76%;
	height: 100%;
	background-color: #fff;
	content: "";
	transform: skewX(-22deg);
}
.half-diagnol::before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 54%;
	height: 100%;
	background-color: rgba(255,255,255,0.7);
	content: "";
	transform: skewX(-22deg);
}
.half-diagnol.reverse {
	background-position: center left;
	border-top: 0
}
.half-diagnol.reverse::after {
	left: auto;
	right: -30%;
	transform: skewX(22deg);
}
.half-diagnol.reverse::before {
	left: auto;
	right: 0;
	transform: skewX(22deg);
}
.half-diagnol .container {
	z-index: 2;
	position: relative
}
.big-line {
	font-size: 48px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-right: 100px;
	float: right;
	position: relative;
	display: table;
}
.big-line::after {
	width: 40px;
	height: 4px;
	right: 0;
	bottom: 0px;
	position: absolute;
	background: #00b6fa;
	content: "";
}
.short-line {
	font-size: 24px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
}
.short-line::after {
	width: 30px;
	height: 4px;
	left: 0;
	bottom: 0px;
	position: absolute;
	background: #3C4043;
	content: "";
}
.inner-page-nav {
	padding: 20px 0;
	display: block;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #3C4043;
}
.inner-page-nav ul {
	list-style: none;
	display: table;
	margin: 0 auto;
	padding: 0;
}
.inner-page-nav ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.inner-page-nav ul li a {
	display: block;
	padding: 0 15px;
	border-right: 1px solid #3C4043;
	color: #3C4043;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1
}
.inner-page-nav ul li:last-child a {
	border: 0;
}
.inner-page-nav ul li.active a, .inner-page-nav ul li a:hover {
	color: #00b6fa;
	text-decoration: none;
}
.diagram {
	padding: 50px 0;
	background-color: #f9f9fa;
}
.about-diagram {
	display: table;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
}
.about-diagram li {
	display: block;
	width: 16.66666667%;
	padding: 0;
	text-align: center;
	float: left;
}
.about-diagram li span {
	border: 10px solid #d7d7d7;
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-color: #f9f9fa;
	z-index: 1
}
.about-diagram li p {
	display: block;
	padding: 10px 40px;
	font-size: 18px;
}
.about-diagram li:nth-child(even) span {
	margin-top: 80px;
}
.about-diagram li span::after {
	position: absolute;
	width: 100%;
	left: 101%;
	height: 11px;
	background: #d7d7d7;
	content: "";
	top: 70%;
	z-index: 0;
	transform: rotate(20deg);
	transform-origin: left;
}
.about-diagram li:nth-child(even) span::after {
	left: 103%;
	top: 26%;
	transform: rotate(-20deg);
}
.about-diagram li:last-child span::after {
	display: none
}
.about-diagram li span i {
	color: #a5a5a6;
	font-size: 70px;
	line-height: 143px;
}
.partner-logo{margin:20px 0;}
.filter li {
	display: inline-block;
}
.btn-filter {
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #555555;
	text-transform: uppercase;
	margin: 10px 15px;
	text-decoration: none;
	padding-bottom: 10px;
}
.btn-filter:hover, .btn-filter.active {
	color: #00b6fa;
	border-bottom: 2px solid #00b6fa;
}
.item, .items-sizer {
	width: 33.3333%;
}
.item {
	float: left;
	padding: 20px;
	height: 360px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
.item.full {
	width: 100%;
	height: 415px;
}
.item-detail {
	background: rgba(0,0,0,0.5);
	border: 1px solid #fff;
	height: 100%;
	opacity: 0;
	position: relative;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
}
.item-detail:hover {
	opacity: 1;
}
.item-detail a {
	background-color: #fff;
	display: inline-block;
	padding: 10px;
	color: #3c4043;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	line-height: 1.8;
	margin-right: 10px;
}
.item-detail a:hover {
	background-color: #00b6fa;
	color: #fff;
}
.view-more {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -25px;
}
.box-row {
	height: 100%;
	margin: 0
}
.box-bg-half {
	height: 100%;
	padding: 0;
	background-attachment:scroll; background-size:cover; background-repeat:no-repeat; background-position:center center;
}
.box-bg-half .swiper-slide {
	padding: 50px 60px;
}
.box-bg-half .swiper-container {height:100%;}
.fc-white {
	color: #fff;
}
.video-section {
	display: table;
	height: 100%;
	width:100%;
	padding:50px;
}
.middle-align {
	display: table-cell;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.play-video {display:block; position:relative; width:100px; height:100px; border:5px solid #3C4043; text-align:center; margin:10px auto; border-radius:100px; line-height:85px; color:#3C4043; font-size:50px; padding-left:10px}
.play-video:hover {color:#3C4043}
.youtube-video {display:none}
.half-parallax {position:relative; z-index:1}
.half-parallax:after {display:block; position:absolute; z-index:2; width:50%; left:0; height:100%; top:0; background-color:rgba(50,60,70,0.7); content:""}
.middle-table {height:100%; position:relative; display:table; width:100%; z-index:3}
.approvedby {display:block; padding:20px 50px; text-align:center; background-color:#fff; width:80%; margin:20px 0;}
.approvedby h3 {display:block; text-transform:uppercase; margin:0 0 10px 0}
.approvedby img {display:inline-block; width:40%; margin:0 4% }

.partner_enquiry {
	background-attachment: fixed;
	background-size: cover;
	background-image: url("assets/images/bg3.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
	position:relative;
	z-index:1}
.partner_enquiry:after {display:block; position:absolute; z-index:2; width:50%; right:0; height:100%; top:0; background-color:rgba(50,60,70,0.7); content:""}
.partner_enquiry .container {z-index:5; position:relative}
.partners-logos {display:block; position:relative; padding:20px 0}
.partners-logos ul{list-style:none; padding:0; margin:120px 0 0; display:table; width:100%; position:relative}
.partners-logos ul::after {width:1px; height:100%; background-color: rgba(60,64,67,0.41); position:absolute; left:50%; top:0; content:""}
.partners-logos ul li {display:block; float:left; width:50%; padding:40px; border-bottom:1px solid rgba(60,64,67,0.41);}
.partners-logos ul li:last-child, .partners-logos ul li:nth-last-child(2) {border-bottom:0}
.partners-logos ul li img {display:block; position:relative; width:100%;}
.padr60 {padding-right:60px;}
.padl60 {padding-left:60px;}
.style2 {display:block; padding:10px 0; border-bottom:1px solid #3c4043; margin:10px 0; font-size:30px; text-transform:uppercase; font-weight:700; font-family: 'PT Sans', sans-serif;}
.style2.fc-white {border-bottom-color:#fff;}
.enquiryform {position:relative; padding:20px 0 0 0}
.btn-outline {color: #fff;padding: 12px 20px;display: inline-block;border: 1px solid #fff;background-color:transparent;font-size:16px;text-transform:uppercase;margin:10px 0}
.btn-outline:hover {color: #3c4043;background: #fff;text-decoration: none;}
.input-field {background-color: transparent;border-color: #fff;border-image: none;border-radius: 0;border-style: none none solid;border-width: medium medium 1px;box-shadow: none;height: 50px;margin: 20px 0 15px 0;outline: medium none;padding: 0;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;position: relative;}
.input-field.textbox {height:130px;}
.input-field .value_box {color: #fff;margin-left: 0;background-color: transparent;border: 0;border-radius: 0;box-shadow: none;font-size: 18px;height: 50px;line-height: 50px;outline: medium none;padding: 0;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;position: relative;z-index: 1;display:block;width:100%}
.input-field.textbox .value_box{height:130px; resize:none}
.input-field.textbox label {top:0}
.input-field label {font-size: 16px;color: #fff;cursor: text;left: 0;position: absolute;top: 15px;-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;text-shadow: none;z-index: 0;font-weight:400}
.input-field.active label {font-size: 12px;top:-5px}


.input-field.input-black {background-color: transparent;border-color: #414141;border-image: none;border-radius: 0;border-style: none none solid;border-width: medium medium 1px;box-shadow: none;height: 50px;margin: 20px 0 15px 0;outline: medium none;padding: 0;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;position: relative;}
.input-field.input-black.textbox {height:130px;}
.input-field.input-black .value_box {color: #414141;margin-left: 0;background-color: transparent;border: 0;border-radius: 0;box-shadow: none;font-size: 18px;height: 50px;line-height: 50px;outline: medium none;padding: 0;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;position: relative;z-index: 1;display:block;width:100%}
.input-field.input-black.textbox .value_box{height:130px; resize:none}
.input-field.input-black.textbox label {top:0}
.input-field.input-black label {font-size: 16px;color: #414141;cursor: text;left: 0;position: absolute;top: 15px;-moz-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;text-shadow: none;z-index: 0;font-weight:400}
.input-field.input-black.active label {font-size: 12px;top:-5px}

.captcha-box {display:table; width:100%; position:relative;}
.captcha-box img {width:35%; float:left; margin-top:11px;}
.captcha-box .input-field {width:63%; float:left; margin-left:2%;}
.drop-con {float: none;position: relative;display: inline-block;z-index: 99;margin: 0;width: 100%;outline: none;}
.drop-con input[type="text"] {position: relative;float: none;width: 100%;}
.drop-con .con-list {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: url(assets/images/drop-arrow-white.png) no-repeat 97% 52%;outline: none;}
.drop-con input[type="text"]::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.drop-con input[type="text"]::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.drop-con input[type="text"]:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.drop-con input[type="text"]::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.drop-con input[type="text"]::placeholder {
  color: #fff;
  opacity: 1;
}

.drop-con .act.con-list {background: url(assets/images/drop-arrow-white.png) no-repeat 97% 52%;}
.drop-con .act3.con-list {background: url(assets/images/drop-arrow-white.png) no-repeat 97% 52%;}
.drop-con .dropdown-select {position: absolute;left: 0px;top: 60px;width: 100%;height:300px;background: #00B6FA;display: none;overflow-y:scroll;z-index: 5000;}
.drop-con .dropdown-select a {width: 100%;color: #fff;font-size: 13px;font-weight: 300;float: left;position: relative;height: 52px;text-decoration: none;text-align: left;padding: 15px 0 0 15px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.drop-con .dropdown-select a:hover {background: #3C4043;}
textarea:-webkit-input-placeholder {color: #545454;}
textarea:-moz-placeholder {color: #545454;}
.contact-field {text-align: center;}
.contact-field input, .contact-field textarea {width: 100%;position: relative;display: inline-block;float: none;height: 50px;margin: 10px 0;padding: 0;color: #fff;border: none;border-bottom: 1px solid #fff;background: none;resize: none;outline: none;font-size:18px;}
.contact-field textarea {height: 100px;}
.contact-field.black input, .contact-field.black textarea {color: #414141;border-bottom: 1px solid #414141;}
.contact-field.black 

.contact-field.black .drop-con input[type="text"]::-webkit-input-placeholder {
  color: #414141;
  opacity: 1;
}
.contact-field.black .drop-con input[type="text"]::-moz-placeholder {
  color: #414141;
  opacity: 1;
}
.contact-field.black .drop-con input[type="text"]:-ms-input-placeholder {
  color: #414141;
  opacity: 1;
}
.contact-field.black .drop-con input[type="text"]::-ms-input-placeholder {
  color: #414141;
  opacity: 1;
}
.contact-field.black .drop-con input[type="text"]::placeholder {
  color: #414141;
  opacity: 1;
}

.contact-field input:focus, .contact-field textarea:focus {border-bottom: 1px solid #00B6FA;color: #00B6FA;}
.drop-con {float: none;position: relative;display: inline-block;z-index: 90;margin: 0;width: 100%;outline: none;}
.drop-con input[type="text"] {position: relative;float: none;width: 100%;}
.drop-con .con-list {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: url(assets/images/drop-arrow.png) no-repeat 97% 52%;outline: none;}
.drop-con .act.con-list {background: url(assets/images/drop-arrow.png) no-repeat 97% 52%;}
.drop-con .act3.con-list {background: url(assets/images/drop-arrow.png) no-repeat 97% 52%;}
.drop-con .dropdown-select {position: absolute;left: 0px;top: 60px;width: 100%;background: #00B6FA;display: none;z-index: 5000;}
.drop-con .dropdown-select a {width: 100%;color: #fff;font-size: 13px;font-weight: 300;float: left;position: relative;height: 52px;text-decoration: none;text-align: left;padding: 15px 0 0 15px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.drop-con .dropdown-select a:hover {background: #3C4043;}
textarea:-webkit-input-placeholder {color: #545454;}
textarea:-moz-placeholder {color: #545454;}
.contact-field input:-webkit-input-placeholder {color: #fff;}
.contact-field input:-moz-placeholder {color: #fff;}

/*********GALLERY DETAILS******************/
.banner {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 700px;
	position: relative;
}
.btn-back {
	background-color: #00b6fa;
	color: #fff;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 100px;
	transition: all ease 1s;
}
.btn-back:hover {
	text-decoration: none;
	color: #3c4043;
	background-color: #fff;
}
.btn-back i {
	color: #fff;
	padding: 5px;
	font-size: 22px;
	transition: all ease 1s;
}
.btn-back span{
	padding: 4px;
	float: right;
}
.btn-back:hover i {
	color: #3c4043;
}
.points {
	padding-left: 28px;
}
.points li {
	display: block;
	font-size: 18px;
	margin: 10px 0;
	position: relative;
}
.points li::before {
	content: "\f138";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	line-height:1;
	position: absolute;
	left: -27px;
	top: 4px;
}
.img1 {
	height: 434px;
}
.img2 {
	height: 217px;
}
.recent h2 {
	margin-bottom: 30px;
}
.col4 {
	width: 33.33%;
	float: left;
}
.services {
	background: #4c5053;
	position: relative;
}
.services::before {
	position: absolute;
	height: 100%;
	background-color: #f3f3f3;
	content: "";
	width: 18%;
	top: 0;
	left: 0;
}
.services::after {
	position: absolute;
	height: 100%;
	background-color: #747577;
	content: "";
	width: 18%;
	top: 0;
	right: 0;
}
.services h2 {
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
}
.services h3 {
	font-family: 'PT Sans', sans-serif;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
}
.diagnol {
	position: relative;
	overflow: hidden;
	padding-top: 10px;
}
.diagnol::after {
	position: absolute;
	left: -38%;
	top: 0;
	z-index: 1;
	width: 76%;
	height: 100%;
	background-color: #f3f3f3;
	content: "";
	transform: skewX(-31deg);
	display: block;
}
.diagnol::before {
	position: absolute;
	left: auto;
	right: -35%;
	top: 0;
	z-index: 1;
	width: 76%;
	height: 100%;
	content: "";
	background-color: #747577;
	transform: skewX(31deg);
	display: block;
}
.white-box, .black-box {
	z-index: 2;
	position: relative;
}
.white-box {
	color: #fff;
}
.black-box .read-more {
	padding: 15px 30px;
}
.white-box .read-more {
	padding: 15px 30px;
	color: #fff;
	border: 1px solid #fff;
}
.services.reverse::before {
	background-color: #747577;
}
.services.reverse::after {
	background-color: #f3f3f3;
}
.reverse .diagnol {
	padding: 30px 15px 10px
}
.reverse .diagnol::after {
	background-color: #747577;
}
.reverse .diagnol::before {
	background-color: #f3f3f3;
	z-index: 2;
	transform: skewX(36deg);
}
/*********SERVICE DETAILS******************/
.planning.half-diagnol::before {
	width: 60%;
}
.planning.half-diagnol {
	height: auto;
}
.planning.half-diagnol::after {
	width: 86%;
	background-color:rgba(255,255,255,0.2);
}
.service-text {
	position: absolute;
	top: 20px;
}
.planning {
	border: none;
	border-bottom: 2px solid #d3d3d3;
	/*background-size: 75%;*/
	background-size: cover;
}
.planning-content {
	padding-bottom: 100px;
	padding-top: 40px;
}
.planning-content h4 {
	font-size: 28px;
	margin-bottom: 30px;
}
.planning-content p {
	font-size: 20px;
}
.property {
	margin: 20px 0 20px;
}
.property-image {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	border-bottom: 2px solid #f2f2f2;
}
.property-bg {
	background-color: #fff;
}
.property-content {
	padding-left: 100px;
}
.property-content h3 {
	font-size: 36px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-top: 20px
}
.property-content p {
	font-size: 20px;
}
.property-content .read-more {
	margin: 40px 0;
	padding: 10px 20px;
	font-size: 16px;
}
.property-image.reverse {
	background-position: right top;
}
.reverse .property-content {
	padding-right: 100px;
	padding-left: 0;
}
/*********NEWS DETAILS******************/
.news-details h1 {
	font-size: 30px;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	color: #555555;
	margin-bottom: 20px;
	margin-top: 28px;
}
.date {
	display: block;
	font-size: 26px;
	margin-top: 30px;
}
.news-banner {
	background-position: center center;
	background-size: cover;
	height: 488px;
	margin-bottom: 20px;
	overflow:hidden;
	text-align:center;
}
.news-banner img{width:100%;}
.news-details p {
	font-size: 18px;
	margin: 20px 0;
	color: #555555;
}
.entry-footer {
	background: none;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	margin-top: 40px;
	padding: 30px 0;
	color: #b6b6b6;
}
.entry-footer a {
	color: #b6b6b6;
	padding-right: 10px;
	transition: all ease 0.5s;
}
.entry-footer .comments {
	padding-left: 10px;
}
.entry-footer a:hover {
	color: #00b6fa;
	text-decoration: none;
}
.entry-footer i {
	color: #555555;
	padding-left: 15px;
	transition: all ease 0.5s;
}
.entry-footer i:hover {
	color: #00b6fa;
}
.post-navigation h2{display: none;}
.buttons .btn {
	margin: 30px 0;
	padding: 0;
	background: transparent;
	font-size: 28px;
	color: #b6b6b6;
	transition: all ease 0.5s;
}
.buttons .btn:hover {
	color: #00b6fa;
}
.buttons .next {
	float: right;
}
.btn i {
	padding-right: 20px;
}
.btn i {
	padding-left: 20px;
}

@media (max-width: 1499px) {
	.main-heading {font-size:60px}
	.submenu ul li a .title{height:40px;padding:10px 5px;}
	.aboutcontent p, .service-content p {font-size:18px}
	.service-content h2 {font-size:95px;}
}
@media(max-width:1199px) {
	.home-header,.page-header{overflow:visible;}
    .main-heading{font-size: 40px;}
	a.logo{width:222px;height:60px;background-size:100%;}
	.header .btn {padding:5px 10px;font-size:16px;}
    .navigation-column{width: 250px;}
    #contact-info-menu{padding-left: 20px;}
    .submenu ul li{width:46%;height: 160px;}
    .submenu ul li a .thumb{transform:skewX(0deg);width: 100%;height:75%;left:0;}
    .submenu ul li a .title{transform:skewX(30deg);padding: 10px 5px;width:100%;height: 40px;left:0;}
    .detail_column{width: calc(100% - 250px);}
	.box-bg-half .swiper-slide{padding:30px;}
	.half-parallax:after{width:70%;}
    .display-4{font-size: 46px;}
	.page-header a.logo{background-size:100%;}
	.page-heading h1{font-size:42px;}
    /*********NEWS DETAILS******************/
    .top-heading h3, .top-heading span {
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .news-details .pad40 {
        padding-bottom: 20px;
    }
    .entry-footer {
        padding: 20px 0;
    }
    .buttons button {
        margin: 15px 0;
        font-size: 24px;
    }
    /*********SERVICE DETAILS******************/
	.planning.half-diagnol::before{
		width:70%;
		transform:skewX(0deg);
	}
    .planning.half-diagnol {
        padding-top: 0;
    }
    .planning-content h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .planning-content p {
        font-size: 18px;
    }
    .property-content {
        padding-left: 50px;
    }
    .reverse .property-content {
        padding-right: 50px;
    }
    .property-content h3 {
        margin-top: 30px;
        padding-bottom: 10px;
    }
    .property-content p {
        font-size: 20px;
    }
    /*********GALLERY DETAILS******************/
    .img1, .img2 {
        padding: 0;
    }
    .img1 {
        height: 400px;
    }
    .img2 {
        height: 200px;
    }
}
@media(max-width:991px) {
	
	
	
	.header .btn{padding:5px;}
    .menu-cover{left: 15%;padding-left:40px;}
    .menu-no-skew{width: 100%;padding-top:20px;}
    .menu-cover,
    .navigation-column ul li a,
    .navigation-column ul li:hover::before, 
    .navigation-column ul li.active::before, 
    .navigation-column ul li a.hovered::before{transform:skewX(0deg)}
    .navigation-column{float: none;margin-bottom: 15px;}
    .navigation-column ul li a{padding: 10px 0}
    .navigation-column ul li:hover::before, 
    .navigation-column ul li.active::before, 
    .navigation-column ul li a.hovered::before{ top:9px;}
    .submenu ul li{width:46%;height: 200px;}
    #contact-info-menu div,
    .submenu ul li a .thumb,
    .submenu ul li a .title{transform:skewX(0deg);}
    .submenu ul li a .thumb{width: 100%;height:75%;left:0;}
    .submenu ul li a .title{padding: 15px 5px;width:100%;height: 50px;left:0;}
    .detail_column{width:100%;float: none;padding: 0;}
    #contact-info-menu{padding-left: 0px;}
    #contact-info-menu div{padding: 5px 0;}

    #contact-info-menu div i, #contact-info-menu div strong {display:inline-block;}
    #contact-info-menu div a{padding-left: 20px;}
	.banner-text{font-size:40px;max-width:600px;margin-left:-300px;}
    footer{padding: 30px 0;}
    .foot-sec{padding:10px 0;}
    .foot-sec i{font-size: 40px;position: relative;top: auto;left: auto;}
    .foot-sec p{margin-bottom:0px; }
    .page-header a.logo{background-size:100%}
    .servicetabsbox {
        right: 180px;
    }
    .propertymanagement, .propertymanagement.right{height:auto;}
	.half-parallax:after{width:100%}
    .whats-new-box {
        margin-bottom: 10px;
    }
    .half-diagnol {
        height: auto;
        padding-top: 30px;
		background-size: cover;
		border:none;
		border-top:1px solid #9b9b9b;
    }
	.half-diagnol.reverse{
		border-top:1px solid #9b9b9b;
	}
	.half-diagnol::before,.half-diagnol.reverse::before{
		width:100%;
		transform:skewX(0deg)
	}
    .half-diagnol::after {
        left: -20%;
		display:none;
    }
    .half-diagnol.reverse::after {
        right: -20%;
    }
	.banner{height:350px;}
	/*********NEWS DETAILS******************/
	.news-banner{
		height:auto;
	}
    /*********SERVICE DETAILS******************/
	.planning.half-diagnol::before{
		width:100%;
	}
    .planning-content h4 {
        margin-bottom: 10px;
        font-size: 24px;
    }
    .planning-content p {
        font-size: 16px;
    }
    .planning-content {
        padding-bottom: 28px;
        padding-top: 20px;
    }
    .property-content {
        padding: 20px 0;
    }
    .property-content h3 {
        font-size: 30px;
        margin-top: 0;
        padding-bottom: 0;
    }
    .property-content p {
        font-size: 18px;
    }
    .property-content .read-more {
        margin: 20px 0;
    }
    .reverse .property-content {
        padding-right: 0;
    }
    /*********GALLERY DETAILS******************/
    .img1, .img2 {
        padding: 0;
    }
    .img1 {
        height: 330px;
    }
    .img2 {
        height: 165px;
    }
	.about-diagram { padding: 10px 0; margin: 0; }
.about-diagram li span::after { display: none; }
.about-diagram li { width: 33%; }
.about-diagram li:nth-child(2n) span { margin-top: 0; }
	.about-diagram li p{padding:10px 30px;}

}
@media(max-width:767px) {
	.btn-back {
    	top: unset;
		bottom: 0;
	}
	.item, .items-sizer{
		width:50%;
	}
	.grid-item .item{
		height:200px;
	}
    .page-template-project .inner-header{height:90px;}
    .main-heading{font-size: 24px;}
	.header-head{padding:10px 0px;}
	.home-header,.page-header{overflow:visible;}
	.navigation-toggle{height:60px;}
    a.logo{width:200px;height:60px;background-repeat:no-repeat;background-size: 100%;}
	.btn i{padding-right:5px;}
    .disover{z-index: 1;}
	.menu {right:-18%;width:100%;}
    .menu-cover{left: 0;padding-left:40px;}
    .menu-no-skew{width: 100%;padding-top:20px;}
    .menu-cover,
    .navigation-column ul li a,
    .navigation-column ul li:hover::before, 
    .navigation-column ul li.active::before, 
    .navigation-column ul li a.hovered::before{transform:skewX(0deg)}
    .navigation-column{float: none;margin-bottom: 15px;}
    .navigation-column ul li a{padding: 10px 0}
    .navigation-column ul li:hover::before, 
    .navigation-column ul li.active::before, 
    .navigation-column ul li a.hovered::before{ top:9px;}
    .submenu ul li{width:46%;height: 100px;}
    #contact-info-menu div,
    .submenu ul li a .thumb,
    .submenu ul li a .title{transform:skewX(0deg);}
    .submenu ul li a .thumb{width: 100%;height:75%;left:0;}
    .submenu ul li a .title{padding: 5px;width:100%;height: 40px;left:0;}
    .detail_column{width:100%;float: none;padding: 0;}
    #contact-info-menu{padding-left: 0px;}
    #contact-info-menu div{padding: 5px 0;}
    #contact-info-menu div:nth-child(4),#contact-info-menu div:nth-child(3){display: none;}
    #contact-info-menu div i, #contact-info-menu div strong {display:inline-block;}
    #contact-info-menu div a{padding-left: 20px;}
	.banner-text{font-size:28px;margin-left:-50%;}
	.tabs{padding:5px;}
	.tabs a{font-size:16px;}
	.box-bg-half .swiper-slide{padding:20px 15px;text-align:center;}
	.large-para{font-size:16px;}
	.client-logos img{margin:0px}
	.video-section{padding:15px;}
	.servicetabsbox{right:0px;width:100%}
	.servicetabsbox.open{right:100%;}
	.servicetabsbox,.servicetabsbox .service-tab .servicecontent *,.servicetabsbox .service-tab .detail-box i.fa,.servicetabsbox .service-tab .detail-box img,.servicetabsbox .service-tab .detail-box span{transform:skewX(0deg);}
	.servicetabsbox .service-tab .detail-box{width:100%;padding:15px;}
	.servicetabsbox .service-tab .detail-box span{padding:15px 0;}
	.propertymanagement, .propertymanagement.right{height:auto;}
	.half-parallax:after{width:100%;}
	.parallax{padding-top:20px;}
	.parallax p {font-size:16px;margin:10px 0 15px}
	.whats-new-box{height:auto;}
	.box-data{top:40px;width:100%;left:0%;}
	.box-data h3{font-size:24px;padding-left:10px;padding-right:10px;}
	.style2{color:#fff;}
	.partner_enquiry:after{width:100%;}
	.partners-logos ul{margin-top:20px;}
	.partners-logos ul li{padding:15px;}
	.padr60{padding-right:15px;}
	.padl60{padding-left:15px;}
    .makeenquiry{padding: 30px 0}
    .enquiry-shape{width:100%;height:100%;right:0;transform:skewX(0deg);}
    .enquiryform{padding-top: 0px;}
	.footer-area-cover{padding-left:15px;padding-right:15px;}
	.footer-area-cover .list-arrow li{width:50%;}
    footer{padding: 30px 0;}
    .foot-sec{padding:10px 0;}
    .foot-sec i{font-size: 30px;position: relative;top: auto;left: auto;}
    .foot-sec p{margin-bottom:0px; }
    .scrolltotop, .scrolltotop:hover{bottom: 0;}
	
	.display-4{font-size:32px;}
	.page-header{height:130px;}
	.inner-banner{height:300px;}
	.aboutcontent{height:auto;}
	.abt-content{padding-top:30px;}
	.about-diagram li { width: 50%; }
	.about-diagram li span::after, .reviews .slides li:nth-child(2n)::before { display: none; }
	.about-diagram li p{font-size:16px;padding:10px 15px}
	.about-diagram h4 { font-size: 16px; }
	.half-diagnol{background-size:cover;border:none;border-top:1px solid #9b9b9b;height:auto;}
	.half-diagnol.reverse{border-top:1px solid #9b9b9b;}
	.half-diagnol::before,.half-diagnol::after,.half-diagnol.reverse::before,.planning.half-diagnol::before{width:100%;transform:skewX(0deg);}
	.half-diagnol::after{display:none;}
	.planning.half-diagnol::before{background-color:rgba(255,255,255,0.6);}
	.enquiryform{padding:20px 15px 0}
	.captcha-box .input-field{width:60%;}
	
	/* Services */
	.page-heading h1{font-size:26px;letter-spacing:5px;}
	.page-heading span{font-size:16px;}
	
	/* Area */
	.inner-banner.area{height:300px}
	.list-arrow.black li{width:50%;}
	
	.banner{height:300px}
	.img1,.img2{height:auto;}
	.news-banner{height:auto}
}
@media(max-width:639px) {

}
@media(max-width:480px) {
    .home-header{height: 500px !important;}
   
    .main__service{bottom: -178px;}
	.page-header a.logo{height:60px;background-size:100%;}
	.inner-banner{height:240px;}
}
@media(max-width:375px) {

	.footer-area-cover .list-arrow li{width:100%;}
	.list-arrow.black li{width:100%;}
}
@media (max-width: 360px) {
	.about-diagram li { width: 100%; }
}
@media(max-width:359px) {
    div.logo{width: 230px;margin:15px;}
    .submenu ul li a .title{font-size: 14px;}

}
/*
font-family: 'Oswald', sans-serif;
font-family: 'PT Sans', sans-serif;
color : #00b6fa
End Style Sheet*/