*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'lato';
    src: url('fonts/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('fonts/lato/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/lato/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('fonts/lato/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family:'raleway';
    src: url('fonts/raleway/raleway-medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/raleway/raleway-medium.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/raleway/raleway-medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body{
	font-family:'lato';
}

::selection{
	background:#FFBE31;
	color:#000000;
}

/*.overlay{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.78);
	z-index:999;
	display:none;
}

.popup{
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:500px;
	height:250px;
	background:#fff;
	padding:20px;
	z-index:9999;
}

.closePop{
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	color:#262626;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:50%;
	box-shadow:0 0 5px #000 inset;
}

.closePop:hover{
	color:#AA0002;
}
*/
.wrapper{
	width:100%;
	margin:0 auto;
}

i{font-style:normal;}

ul, li{
	list-style-type:none;
}

p{
	letter-spacing:1px;
	font:400 20px/30px 'latolight';
	color:#525252;
	padding-bottom:10px;
}

a{
	text-decoration:none;
}

img{
	width:100%;
	display:block;
}

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

.padding{
	padding:70px 0;
}

.min-width{
	width:90%;
	float:left;
	margin:0 5%;
}

.align-center{
	text-align:center;
}

.white{
	color:#fff !important;
}

.relative{
	position:relative;
}
.headerTop
{
	width: 100%;
    position: relative;
    float: left;
    left: 0;
    z-index: 999;
    /* padding: 26px 5%; */
    background: #ebebeb;
}
.TopSocial-links{
	float: right;
    padding: 4px 0px;
    display: inline-block;
    text-align: center;
    padding-right: 5%;
}

.TopSocial-links li{
	display:inline-block; 
	text-align:center;
}

.TopSocial-links li a {
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
    padding: 0px 11px; 
}
.TopSocial-links li a.topList 
{
	padding: 5px 14px;
    background: #727272;
    color: #fff;
    border-radius: 20px;
}
.TopSocial-links li a.socialList
{
	border-right: none;
    padding: 0px 0px;
}

.TopSocial-links li a i{
	width: 22px;
    font-size: 13px;
    font-weight: 100;
    height: 22px;
    line-height: 22px;
    color: #676767;
}

.TopSocial-links li:nth-last-child(1) a
{
	border-right:none;
}
.TopSocial-links li a:hover i{
	opacity:0.9;
}

.header{
	width: 100%;
    float: left;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 999;
    padding: 26px 5%;
    background: #fff;
}

.header, .header *{
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	transition:all 300ms linear;
}

.logo{
	float:left;
	width:200px;
}

.logo a{
	padding:4px 0;
	display:block;
	color:#fff;
}

.navi{
	float:right;
	margin-top:5px;
}

.navi ul li{
	float:left;
	margin:0 10px;
	position: relative;
}

.navi ul li a{
	display: block;
    padding: 10px 15px;
    color: #000000;
    font-family: 'lato';
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
}
.navi ul li:hover a{
	color: #e3000f;
}

.navi ul li.hasChild a:before{
    content: '\f0da';
    font-weight: 900;
    font: 14px/0px FontAwesome;
    font-size: 18px;
    color: #e3000f;
    position: absolute;
    top: 50%;
    right: 0;
    transition: all 300ms ease-in-out;
}

.navi ul li.hasChild:hover a:before{
	transform: rotate(90deg);
}

.navi ul li.enqueryBtn a
{
    background: #1a1a18;
    border-radius: 24px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 30px;
}
.navi ul li.enqueryBtn a:before
{
    display:none;
}



.dropdown {
    position: absolute;
    width: 250px;
    left:0%;
    padding:10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
    background:#FFFFFF;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.navi ul li:hover .dropdown{
	-webkit-transform:translateY(-0%);
	-moz-transform:translateY(-0%);
	-ms-transform:translateY(-0%);
	-o-transform:translateY(-0%);
	transform:translateY(-0%);
	opacity:1;
	visibility:visible;
}

.dropdown ul li{
	width:100%;
	float:left;
	margin:0px 0 !important;
}

.dropdown ul li a{
	display: block;
    padding: 7px;
    background: rgba(181, 181, 181, 0.33);
    color: #1a1a18;
	border-bottom: 1px solid #dedede;
}
.dropdown ul li:nth-last-child(1) a{ 
	border-bottom:none;
}

.navi ul li:hover .dropdown ul li a{
	color: #1a1a18;
}
.navi ul li .dropdown ul li:hover a{
	color: #e7202c;
}
.dropdown ul li a:before
{
    display:none;
}

.header.fixed{
	position: fixed;
	top: 0;
	padding: 10px;
	box-shadow:0 0 10px rgba(0,0,0,0.21);
}

.banner{
	position:relative;
	width:100%;
	z-index:9;
	height:550px;
	margin-top: 95px;
	/*overflow:hidden;
	background:url(images/banner1.jpg) center no-repeat;
	background-size:cover;*/
}

.slides:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.18);
	background:-webkit-radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.18));
	background:-moz-radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.18));
	background:radial-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.18));
	z-index:-1;
}

.banner .slider{
	height:100%;
	z-index:1;
	overflow:hidden;
	position:relative;
}

.banner .slides{
	position:relative;
	height:100%;
	width:100%;
	float:left;
	background:no-repeat center;
	background-size:cover;
	z-index:1;
	display:none;
}

.bannerText{
	width: 50%;
    position: absolute;
    left: 10%;
    bottom: 10%;
    text-align: left;
    color: #3c3c3c;
    z-index: 9;
}

.bannerText h2{
	font:400 36px 'latolight';
	float:left;
}

#slide6 .bannerText h2{
	font-size:31px;
}

.bannerpager{
	width: auto;
    z-index: 999;
    position: absolute;
    bottom: 13%;
    right: 5%;
}
.bannerpager a{
	display: inline-block;
    text-align: center;
    padding: 0px 5px;
    cursor: pointer;
}
.bannerpager a i
{
	padding: 10px 18px;
    display: block;
    font-size: 20px;
    color: #ebebeb;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

 
/*.readmore{
	float:left;
	margin-top:30px;
}

.readmore a, .readmore button{
	position:relative;
	z-index:1;
	display:block;
	padding:0px 15px;
	width:150px;
	min-height:30px;
	border:1px solid #16161b;
	overflow:hidden;
	white-space:nowrap;
	color:#16161b;
	font:0.7em 'latoBlack';
	text-align:center;
	line-height:30px;
	letter-spacing:1px;
	margin:0 auto;
	cursor:pointer;
}

.readmore button{
	width:100%;
	background:none;
}

.readmore a span, .readmore button span{
	height:30px;
	width:100%;
	float:left;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.readmore a span.hover, .readmore button span.hover{
	color:#fff;
	background:#16161b;
	position:absolute;
	left:0;
	width:100%;
	top:100%;
}

.readmore a:hover span.readText, .readmore button:hover span.readText{
	-webkit-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
}

.readmore a:hover span.hover, .readmore button:hover span.hover{
	top:0;
}

.readmore.whiteReadmore a{
	border-color:#fff;
	color:#fff;
}

.readmore.whiteReadmore a span.hover{
	color:#16161b;
	background:#fff;
}
*/

.hm-overview{
	position:relative;
	z-index:1;
}

.hm-overview::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:url(images/logo.png) center fixed no-repeat;
	background-size:50%;
	opacity:0.05;
	z-index:-1;
}

#teamBg{
	background:url(images/bg.jpg) center no-repeat fixed;
	background-size:cover;
	position:relative;
	z-index:1;
}

#teamBg::before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(0, 0, 0, 0.89);
	z-index:-1;
}

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

.team .row{
	margin:0 -20px;
}
.team h2{
	text-align: center;
    font-size: 28px;
    color: #ffffff;
	padding-bottom: 40px;
    text-transform: uppercase;	
}

.teamBox{
	width: 33.333%;
    float: left;
    padding: 0 20px;
    position: relative;
}

.teamBox .subTeamBox{
	width: 100%;
    float: left;
    position: relative;
}
.teamBox a{
	width:100%;
	float:left;
	display:block;
	background:#fff;
}

.teamBox a .imgBox{ 
	overflow:hidden;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.teamBox a:hover .imgBox{
	-webkit-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
	
}

.teamBox a:hover .imgBox img{
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	transform:scale(1,1);
}

.teamBox a:hover .imgBox img{
	transform:scale(1.02,1.02);
}

.teamBox a article{
	padding: 0 20px;
    position: absolute;
    bottom: 33px;
}

.teamBox a h4{
	display: block;
    font-weight: 100;
    color: #ededed;
    font-size: 17px;
    padding-bottom: 5px;
}

.teamBox a p{
	color: #f2f2f2;	
} 



/*------footer---------*/
.footer{
	background:#000;
	position:relative;
	z-index:1;
}
.footer:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
}

.mainFooter{
	padding:50px 0;
}

.mainFooter > div{
	width: 25%;
    float: left;
    position: relative;
	height:180px;
}

.footer .footAbout .footLogo{
	width:75%;
    position: relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.footer .footLinks {
    padding: 0 20px 0 0px;
    width: 15%;
}

.footer .footLinks ul{
	width:100%;
	float:left;
}

.footer .footLinks ul li{
	width:100%;
	float:left;
	margin:2px 0px;
}

.footer .footLinks ul li a{
	font-size:13px;
	color:#979797;
	letter-spacing:1px;
	padding:5px;
	display:table;
}

.footer .footLinks ul li a:hover{
	color:#e3000f;
}

.footer .footSec{
	width:60%;
	padding: 0px 25px;
}

.footer .footSec h2{
	padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
}


.footer .footSec .add-links
{
	width:50%;
	float: left;
}

.footer .footSec .add-links p{
	color: #979797;
	font:13px/22px 'lato';
}

.footer .footSec .add-links p strong{
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;	
}


.bottom{
	width:100%;
	float:left;
	padding-top:5px; 
    border-top: 1px solid #323131;
}

.bottom p{
	float:left;
	color:#989898;
	font-size:13px;
	padding-bottom: 0;
}

.bottom p span{
	text-transform:uppercase;
	font-size:12px;
}

.ecis{
	float:right;
}

.ecis img{
	width:25px;
	height:25px;
	display:inline-block;
	vertical-align:middle;
}

.ecis p{
	float:none;
	display:inline-block;
	vertical-align:middle;
	padding:0;
}

.button-top{
	background:rgba(58, 58, 58, 0.59);
    position: fixed;
	cursor:pointer;
	right:10px;
    bottom:40px;
	color:#FFFFFF;
	font-size:20px;
	opacity:0;
	width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
	z-index:99;
}

.button-top i{
	margin-right:0;
}

.button-top:hover{
	background:#2f2f2f;
}
/*------footer---------*/


.translate{
	opacity:0;
	-webkit-transform:translateY(200px);
	-o-transform:translateY(200px);
	-ms-transform:translateY(200px);
	-moz-transform:translateY(200px);
	transform:translateY(200px);
	transition:all 500ms linear;
}

.doneTranslate{
	opacity:1;
	-webkit-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}


.insideBanner{
	height:calc(100vh - 79px);
	overflow:hidden;
}

.pageHeader{
	padding:10px 0;
	text-align:right;
	background:#fff;
	-webkit-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	transition:all 300ms linear;
	position:relative;
}

.pageHeader.fixed{
	position:fixed;
	background:#fff;
	z-index:997;
	box-shadow:0 0 10px #000;
	padding-top:5px;
	top:34px;
	left:0;
}

.pageHeader .mb_pageHeader{
	position:absolute;
	left:10px;
	top:10px;
	color:#212121;
	display:none;
}

.pageHeader .mb_pageHeader > i{
	padding:10px 10px 7px;
	border:1px solid #ccc;
	display:inline-block;
	vertical-align:middle;
}

/*.pageHeader.fixed ul{
	border-bottom:0;
}

.pageHeader.fixed ul li{
	width:100%;
}*/

.pageHeader.fixed ul li a{
	font-size:12px;
	padding:6px 10px 5px;
}

.pageHeader .projectLogo{
	width:200px;
	position:absolute;
	left:3px;
	top:50%;
	transform:translateY(-50%);
	padding:10px;
}

.pageHeader ul{
	width:100%;
	float:left;
}

.pageHeader ul li{
	display:inline-block;
	margin:0 -2px;
}

.pageHeader ul li a{
	width:140px;
	display:block;
	padding:15px 15px 12px;
	font-size:13px;
	color:#3e3e72;
	text-align:center;
	border-right:1px solid rgba(0,0,0,0.23);
}

.pageHeader ul li:last-child a{
	border-right-color:transparent;
}

.pageHeader ul li a i{
	display:block;
	margin:0 auto 10px;
	font-size:20px;
}

.pageHeader ul li a:hover{
	background:#3e3e72;
	color:#cbcbe9;
}

.pageHeader ul li a.activePage{
	color:#cbcbe9;
	background:#3e3e72;
	text-transform:uppercase;
    letter-spacing:1px;
	position:relative;
}

.pageHeader ul li a.activePage:after{
	content:'\f0d7';
	font-family:'fontAwesome';
	position:absolute;
	left:50%;
	bottom:-20px;
	color:#212121;
	font-size:32px;
	margin-left:-10px;
}

.projectOverviewBg{
	background:#e7e9f3;
	position:relative;
	z-index:1;
}

.textarea{
}

.textarea p{
}

.projectOverview{
	width:50%;
	float:left;
	padding:50px 5%;
}

.insideTag{
	display:table;
	margin:0 auto 30px;
	padding-bottom:15px;
	position:relative;
	text-align:center;
}

.insideTag:before{
	content:'';
	position:absolute;
	width:100px;
	height:1px;
	bottom:0;
	left:50%;
	margin-left:-50px;
	background:#0c0c38;
}

.insideTag h2{
	font:400 24px 'latolight';
	letter-spacing:2px;
	color:#0c0c38;
	padding-bottom:10px;
}

.insideTag h4{
	text-transform:uppercase;
	letter-spacing:3px;
	font:13px 'latoblack';
	color:#3f51b5;
	
}

.textarea section{
	width:100%;
	float:left;
	margin-top:20px;
}

.textarea section h3{
	display:table;
	margin:0 0 10px;
	font-size:16px;
	letter-spacing:2px;
	color:#3f51b5;
}

.textarea section .list{
	width:100%;
	float:left;
}

.textarea section .list h4{
	text-align:center;
	font-size:13px;
	letter-spacing:3px;
	padding-bottom:15px;
	color:#000;
	text-transform:uppercase;
}

.textarea section .list li{
	width:100%;
	float:left;
	padding:10px;
	border:4px double #D7D7D7;
	margin:5px 0;
}

.projectsOverviewImg{
	padding:50px 5%;
	position:absolute;
	width:50%;
	top:0;
	bottom:0;
	right:0;
	background:url(images/northeye-pic1.jpg) 0 center no-repeat fixed;
	background-size:cover;
	z-index:1;
}

.projectsOverviewImg:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(78, 92, 147, 0.94);
	z-index:-1;
}

.projectsOverviewImg .imgBox{
	padding:10px;
	background:#e7e9f3;
	text-align:center;
}

.projectsOverviewImg .imgBox h4{
	text-align:center;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:5px;
	padding-top:20px;
}

.flat-types{
	width:100%;
	float:left;
	padding:10px;
	background:#e7e9f3;
	text-align:center;
}

.flat-types li{
	font:13px 'lato';
	display:inline-block;
	vertical-align:middle;
	padding:0 15px;
	letter-spacing:1px;
	color:#525252;
	border-right:1px solid #525252;
}

.flat-types li:last-child{
	border-right-width:0;
}

.galleryBg{
	background:url(images/noise.jpg);
}



.viewsHeader{
	text-align:center;
}

.viewsHeader ul li{
	display:inline-block;
	vertical-align:top;
	width:200px;
	margin:0 5px;
}

.viewsHeader ul li a{
	display:block;
	padding:10px;
	border:2px solid #636363;
	color:#636363;
	cursor:pointer;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing:1px;
}

.viewsHeader ul li a:hover{
	background:#222;
}

.viewsHeader ul li a.viewsBtnActive{
	background:#000;
    color:#b6b6b6;
    border-color:#b6b6b6;
}

.viewsWrapper{
	padding:20px;
}

.viewsBox{
	width:33.33%;
	float:left;
	padding:1px;
}

.viewsBox a{
	position:relative;
	display:block;
	z-index:1;
	color:#fff;
	text-align:center;
	overflow:hidden;
}

.viewsBox a .imgBox{
}

.viewsBox a .imgBox:before{
	content:'';
	position:absolute;
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
	background:rgba(0,0,0,0.64);
	-webkit-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
}

.viewsBox a .imgBox:after{
	content:'';
	position:absolute;
	left:20px;
	right:20px;
	top:20px;
	bottom:20px;
	border:1px solid rgba(255,255,255,0.35);
	-webkit-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
}

.viewsBox a:hover .imgBox:before{
	-webkit-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	opacity:0;
}

.viewsBox a:hover .imgBox:after{
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
}

.viewsBox a span{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.viewsBox a span i{
	display:block;
	padding-top:10px;
}

.bigViewBox{
	width:66.66%;
}

/*.galleryHeader{margin-top:20px;}
.galleryHeader ul{text-align:center;}
.galleryHeader ul li{display:inline-block;}
.galleryHeader ul li a{display:block; font-size:13px; padding:10px 0 7px; width:200px; text-transform:uppercase; color:#828282; border:1px solid rgba(0, 0, 0, 0.35); letter-spacing:1px; cursor:pointer;}
.galleryHeader ul li a:hover{color:#fff;}
.galleryHeader ul li a.galBtnActive{background:rgba(0, 0, 0, 0.35); color:#fff; border-color:transparent;}

.display{
	display:block !important;
}

.galleryContainer{
	background:rgba(0, 0, 0, 0.35);
	padding:3px;
}

.galleryShowcase{
	position:relative;
	display:none;
}

.gallerySlider{
	height:450px;
	overflow:hidden;
}

.gallerySlider img{
	cursor:zoom-in;
}

.galleryArrow{
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	background:no-repeat center;
	background-size:30px;
	cursor:pointer;
	z-index:99;
}

#galPrev{
	left:10px;
	background-image:url(images/img/back.png);
}

#galNext{
	right:10px;
	background-image:url(images/img/forward.png);
}

.galleryArrow:active{
	-webkit-transform:translateY(2px);
	-o-transform:translateY(2px);
	-moz-transform:translateY(2px);
	-ms-transform:translateY(2px);
	transform:translateY(2px);
}

.galleryPager{
	width:100%;
	float:left;
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	z-index:99;
	background:rgba(0,0,0,0.3);
}

.galleryPager:hover{
	background:rgba(0,0,0,0.8);
}

.galleryPager li{
	display:inline-block;
	vertical-align:top;
	width:80px;
	padding:0px;
	margin:0 -9px;
	transform:scale(0.8,0.8);
	opacity:0.4;
	transition:all 300ms linear;
}

.galleryPager li:hover{
	opacity:0.8;
}

.galleryPager li.activeSlide{
	transform:scale(1,1);
	opacity:1;
	position:relative;
	z-index:1;
}

.galleryPager li.activeSlide a{
}

.galleryPager li a{
	padding:2px;
	background:#AFFF7E;
	display:block;
}

.galleryPager li a img{
	margin:0 auto;
	height:50px;
	position:relative;
}*/

.featuresBg{
	background:url(images/bg.jpg) center fixed #32416a;
	position:relative;
	z-index:1;
}

.featuresBg:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background:rgba(49, 70, 106, 0.95);
	z-index:-1;
}

.featuresContainer{
	padding-top:30px;
}

.featuresContainer h4{
	width:100%;
	float:left;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.23);
	color:#fff;
	letter-spacing:3px;
	font-weight:400;
	text-transform:uppercase;
}

.amenitiesBigBox{
	width:50%;
	float:left;
	padding:0 3%;
}

.amenitiesBigBox .iconBox{
	width:24%;
	min-height:122px;
	display:inline-block;
	vertical-align:middle;
	margin:2px 0px;
	border:1px solid rgba(255,255,255,0.42);
	padding:10px 5px;
	text-align:center;
}

.amenitiesBigBox .iconBox .imgBox{
	width:50%;
	display:block;
	margin:0 auto 3px;
}

.amenitiesBigBox .iconBox span{
	font-size:13px;
	color:rgba(255, 255, 255, 0.81);
	letter-spacing:1px;
}

.featuresBigBox{
	width:30%;
	float:left;
}

.featuresBigBox ul li{
	width:100%;
	float:left;
	padding-left:30px;
	margin:5px 0;
	position:relative;
}

.featuresBigBox ul li:before{
	content:'\2728';
	position:absolute;
	left:0;
	color:#fff;
}

.featuresBigBox ul li p{
	color:rgba(255,255,255,0.55);
}

#specifications{
	background:url(images/blue.jpg) #30354a;
	background-blend-mode:overlay;
}

.specsContainer{padding:20px 20px;}

.spec-head{
	text-transform: uppercase;
    color: #212121;
    font: 13px 'latoblack';
    letter-spacing: 1px;
    width: 100%;
    float: left;
    margin: 2px 0;
}

.spec-head h4{
	position:relative;
	cursor:pointer;
	background:rgba(0, 0, 0, 0.50);
	color:#fff;
	padding:10px;
}

.spec-head h4:after{
	content:'+';
	position:absolute;
	right:10px;
	top:50%;
	font-size:20px;
	line-height:0;
}

.spec-head.activeSpecHead h4{
	background:#fff;
	color:#1e3664;
}

.spec-head.activeSpecHead h4:after{
	content:'-';
}
.specs-box{width:100%; float:left; display:none;}
.specs-box li{width:100%;float:left;color:#fff; background:#1e3664; font-size:14px; margin:1px 0;}
.specs-box li strong{display:block;padding:10px; font-weight:400;float:left;width:100%;}
.specs-box li.hasChild strong{width:40%;}
.specs-box li.hasChild span{width:60%;float:left;padding:10px; background:#2d477b;}

.downloadsBg{
	background:url(images/noise.jpg) #bfbfbf;
	background-blend-mode:overlay;
}

.downloads{
	text-align:center;
}

.downloads li{
	width:200px;
	display:inline-block;
	vertical-align:top;
	margin:0 5px;
}

.downloads li a{
	display:block;
	padding:10px;
	background:#212121;
	color:#fff;
	position:relative;
	z-index:1;
}

.downloads li a:before{
	content:'';
	background:#00775F;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:50%;
	z-index:-1;
	-webkit-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
}

.downloads li a:after{
	content:'';
	background:#00775F;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:50%;
	z-index:-1;
	-webkit-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
}

.downloads li:nth-child(2) a:before{
	background:#531c3c;
}

.downloads li:nth-child(2) a:after{
	background:#531c3c;
}

.downloads li:nth-child(3) a:before{
	background:#152849;
}

.downloads li:nth-child(3) a:after{
	background:#152849;
}

.downloads li a:hover:before, .downloads li a:hover:after{
	width:0;
}

.downloads li a i{
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:50%;
	background:rgba(255, 255, 255, 0.35);
	display:table;
	margin:0 auto 15px;
	box-shadow:0 0 10px #000 inset;
}

.downloads li a span{
	letter-spacing:1px;
	font-size:14px;
	text-transform:uppercase;
	-webkit-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-ms-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
}

.downloads li a:hover span{
	color:rgba(255,255,255,0.52);
}

.downloads li a:hover:before, .downloads li a:hover:after{
	width:0;
}

/*-----floor plans-------*/
.display{
	display:block !important;
}

.floorplanBg{
	background:#eaeaea;
}

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

.fpLeftPanel ul{
	width:100%;
	float:left;
	padding:10px;
	background:#fff;
	text-align:center;
}

.fpLeftPanel ul li{
	width:200px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	text-align:center;
}

.fpLeftPanel ul li a{
	display:block;
	padding:15px 10px;
	background:#fff;
	border:1px solid #ccc;
	color:#9C9C9C;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}

.fpLeftPanel ul li a:hover{
	color:#212121;
}

.fpLeftPanel ul li a.fpWingsBtnActive{
	background:#1b1b1b;
	color:#fff;
}

.fpLeftPanel ul li a span{
	position:absolute;
	left:0;
	width:100%;
	top:50%;
	transform:translateY(-43%);
	font:50px 'latoblack';
	color:rgba(255,255,255,0.05);
}

.fpRightPanel{
	width:100%;
	float:left;
	min-height:450px;
	background:#fff;
	padding:20px;
	position:relative;
}

.fpWingsContainer{
	width:100%;
	float:left;
	display:none;
	text-align:center;
}

.fpLevels *{
	-webkit-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

.fpWingsContainer h2{
	font:400 30px 'latolight';
	letter-spacing:2px;
	width:100%;
	float:left;
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
}

.fpLevels{
	width:25%;
	float:left;
	padding:1px;
	position:relative;
}

.fpLevels a{
	width:100%;
	float:left;
	cursor:pointer;
	display:block;
	padding:10px 10px 10px;
	background:#d3d3d3;
}

.fpLevels a:hover{
	background:#000;
}

.fpLevels a .imgBox{
	width:100%;
	display:block;
	margin:0 auto;
	position:relative;
	z-index:1;
}

.fpLevels a .imgBox:before{
	content:'';
	position:absolute;
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
	background:rgba(0,0,0,0.50);
	-webkit-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.fpLevels a:hover .imgBox:before{
	opacity:0;
}

.fpLevels a h3{
	position:absolute;
	width:100%;
	bottom:40%;
	font:400 30px 'latolight';
	color:#fff;
}

.fpLevels a h3 span{
	font:30px 'latoblack';
	display:inline-block;
	vertical-align:middle;
}

.fpLevels a:hover h3{
	bottom:0;
	background:rgba(0,0,0,0.47);
}

.fpLevels a aside{
	width:100%;
	float:left;
	min-height:60px;
}

.fpLevels a p{
	width:100%;
	padding:10px 0;
	font-size:14px;
	line-height:20px;
}

.fpLevels a:hover p{
	color:#fff;
}
/*-----floor plans-------*/

.banksBg{
	background:#145B9E;
	background:-webkit-linear-gradient(30deg, #730001, #0041A7);
	background:linear-gradient(30deg, #730001, #0041A7);
}

.commercialWrapper .commbrands .bx-wrapper{
	padding-bottom:0;
}

.commercialWrapper .commbrands .brandsLogo img{
	padding:10px;
	border:1px solid #ccc;
}

#location{
	background:#e8efff;
}

.mapContainer, .commbrands{
	width:50%;
	float:left;
}

.mapContainer{
	padding:20px;
	background:#fff;
	box-shadow:1px 1px 10px rgba(0, 0, 0, 0.65) inset;
}

.mapContainer iframe{
	width:100%;
	height:465px;
}

.commbrands{
	padding:5%;
	text-align:center;
}

.brandsLogo{
	width:100px;
	display:inline-block;
	vertical-align:middle;
	margin:5px 2px;
}

.financeBy{
	margin-top:30px;
}

.financeBy h3{
	letter-spacing:1px;
	font-size:22px;
	font-weight:400;
	width:100%;
	float:left;
	margin-bottom:10px;
}



/*--------------------------------menu----------------------*/
.menuBtn {
    display: none;
    width: auto;
    position: absolute;
    top: 50%;
    right: 4%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menuBtn ul li{
	float:right;
	padding:0 10px;
}

.menuBtn ul li a {
    display: block;
    color: #1a1a18;
    font-size: 26px;
}
.menuBtn:hover ul li a
{
	color: #e3000f;
}

.menuContainer{
	position:fixed;
	top:0;
	bottom:0;
	right:-100%;
	width:100%;
	background:rgba(0, 0, 0, 0.9);
	z-index:99999;
	transition:all 200ms ease-in-out;
}

.menuContainerSlide{
	right:0;
}

.menuContainer aside{
	padding: 0;
    width: 100%;
	display: table;
	margin: 0 auto;
	text-align: center; 
}

.menuContainer ul{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:350px;
	padding:20px 0;
	background:#fff;
	/*border-bottom:1px solid rgba(255,255,255,0.15);*/
}

.menuContainer li{
	width:100%;
	float:left;
	margin-bottom:15px;
}

.menuContainer li a{
	font-size:13px;
	font-family:'latoblack';
	color: #1a1a18;
	text-transform:uppercase;
	display:block;
	position:relative;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}



.menuContainer li a::before{
	content:"";
	position:absolute;
	left:-15px;
	top:7px;
	width:10px;
	height:1px;
	background:#f5821f;
	opacity:0;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
} 

.menuContainer ul .menu{
	float:left;
}

.menuContainer ul .menu li{
	width: 90%;
    padding: 0px 0px;
    margin: 0px 5%;
    border-bottom: 1px solid rgba(227, 0, 15, 0.07);
}
.menuContainer li:last-child{
	margin-bottom:0;
	border-bottom:none !important;
}
.menuContainer ul .menu li a{
	font-size: 13px;
	padding: 10px 0px;
	text-align:left;
	color: #1a1a18;
	font-weight:600;
	letter-spacing:2px; 
    font-family: 'lato';
}

.menuContainer ul .menu li a:hover{
	color: #e3000f;
}
.menuContainer ul .menu li.MenuListBtn a:after{
	content:'+';
	position:absolute;
	right:10px;
	top:50%;
	font-size: 20px;
	line-height:0;
	/*font-family:fontAwesome; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
} 
.menuContainer ul .menu li.MenuListBtn.active-MenuBtn a:after{
	content:'-';
	position:absolute;
	right:10px;
	top:50%;
	font-size: 20px;
	line-height:0;
	/*font-family:fontAwesome; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;*/
}

.menuContainer ul .menu li.MenuListBtn.active-MenuBtn a{
	color: #e3000f;
}

.menuContainer ul .menu .MenuListDrop
{
	width: 100%;
    float: left;
    position: relative;
    display: none;
/*    background: #1e6eb8;*/
}
.menuContainer ul .menu .MenuListDrop  ul
{ 
	width:100%;   
    float:left;
	padding: 0px;
	position:relative;  
}

.menuContainer ul .menu .MenuListDrop  ul  > li {
	width: 100%;
    display: inline-block;
    margin: 0px 0%;
    padding: 0px 5%;
	border: none;
}
.menuContainer ul .menu .MenuListDrop  ul li a
{ 
	position:relative;
}
.menuContainer ul .menu .MenuListDrop  ul > li > a {
	color: #2e2e2e;
    font-size: 11px;
	padding: 10px 0px;
	text-align:left; 
	font-weight:600;
	letter-spacing:2px; 
    font-family: 'lato';
    border-bottom: 1px solid rgba(227, 0, 15, 0.07);
    display: block; 
} 
.menuContainer ul .menu .MenuListDrop  ul > li a:hover {
   color: #e6e6e6;
}


.closeBtn{
	float: right;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #e3000f;
    margin: 12px 20px 12px 0;
}

.closeBtn a{
	color:#fff;
	display:block;
}







.enquiryform{
	position:fixed;
	top:0;
	left:-100%;
	right:auto;
	bottom:0;
	background: rgba(0, 0, 0, 0.72);
	z-index:99999;
	-webkit-transition:all 200ms ease-in-out;
	-moz-transition:all 200ms ease-in-out;
	-ms-transition:all 200ms ease-in-out;
	-o-transition:all 200ms ease-in-out;
	transition:all 200ms ease-in-out;
}

.enquiryformActive{
	right:0;
	left:0;
}

.SubEnquiryform {
    width: 430px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding:30px;
    background: #fff;
	border: 1px solid #1a1a18;
}

.enquiry-formBox{
	width: 100%;
    float: left;/*
    padding: 20px;
    border: 4px solid #1a1a18;*/
}

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

.enquiry-form-div{
	width:100%;
	float:left;
	padding:5px 0;
}

.enquiry-form-div input, .enquiry-form-div textarea{
	width:100%;
	float:left;
	padding:10px;
	outline:none;
	color: #535353;
    border: 1px solid rgba(27, 27, 24, 0.25);
	font-family:'lato';
}

.enquiry-form-div input::placeholder{
	color: #535353;
}

.enquiry-form-div textarea::placeholder{
  	font-family:'lato';
  	padding:10px;
	color: #535353;
}

.enquiry-form-div input[type=submit]{
	width: 140px;
	border: none;
    background: #1a1a18;
    color: #9f9f9f;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.enquiry-form-div input[type=submit]:hover{
    background:#e3000f;
	color:#FFFFFF;
}

.enquiry-closeBtn{
	width: 35px;
    position: absolute;
    right: -35px;
    border-left: 1px solid #1a1a18;
    top: 0px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
}

.enquiry-closeBtn i{
	font-size: 20px;
    color: #1a1a18;
}

.enquiry-closeBtn:hover{
	background: #e3000f; 
}
.enquiry-closeBtn:hover i{
	color:#FFFFFF;
}
.EnquiryLogo
{
	width: 220px;
    text-align: center;
    position: relative;
    margin: 0px auto 35px;
}

.focus-red:focus {
	background: #ff7676 !important;
    color: #fff !important;
}
.focus-red:focus::-webkit-input-placeholder { 
  color:#FFFFFF;
}
.focus-red:focus::-moz-placeholder { 
  color:#FFFFFF;
}
.focus-red:focus:-ms-input-placeholder { 
  color:#FFFFFF;
}
.focus-red:focus:-moz-placeholder {
  color:#FFFFFF;
}

/*-------------------------------inside-css---------------------------*/
.insideBg
{
}
.inside-padding
{
	padding:50px 0px;
}
.inside-banner{
    position: relative;
    z-index: 1;
	margin-top: 95px;
}
/*.inside-banner::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, #e3000f 0%, #ffe8e8 100%);
    opacity: 0.97;
    z-index: -1;
}
*/
.pageTitle {
    position: absolute;
    left:5%; 
	top:50%;
	transform:translateY(-50%); 
}
.pageTitle h1 {
    color: #20201e;
    text-transform: uppercase;
    font: 26px 'latoblack';
    padding-bottom: 10px;
}
/*.breadcrumb {
    width: 100%;
    float: left;
}
.breadcrumb li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
    font-size: 18px;
    color: #FFFFFF;
}
.breadcrumb li a {
   color: #1a1a18;
}*/
.menuBoxContainer
{
	width:100%;
    float: left;
} 
.menuBoxContainer .menuSubBox {
    width: 100%;
    margin: 0%;
    float: left;
    position: relative;
}
.menuBoxContainer .menuSubBox {
  background: #1e242b;
}
.menuBoxContainer .menuSidemenu {
    width: 100%;
    float: left;
   padding: 0px 5%;
    margin: 0px 0;
}
/*.leftBoxContainer h2 {
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    position: relative;
     background: white; 
}
.leftBoxContainer .leftSubBox h2 {
    color: #ffffff; 
    background: #e3000f;
    width: 100%;
    float: left;
}*/
.menuBoxContainer .menuSubBox .menuSidemenu li
{ 
	display: inline-block;
    margin: 0px -2px;
    vertical-align: top;
	border-right: 1px solid #343434;
}
.menuBoxContainer .menuSubBox .menuSidemenu li:last-child
{  
	border-right:none;
}
.menuBoxContainer .menuSubBox .menuSidemenu li a {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    padding: 12px 25px;
    color: #fff;
    font-size: 13px;
}

.menuBoxContainer .menuSubBox .menuSidemenu li a:hover{
    background: rgb(227, 0, 15);
    color: #ffffff;
}
.menuBoxContainer .menuSubBox .menuSidemenu li.active a{
	background: rgb(227, 0, 15);
    color: #ffffff;
}


.menuBoxContainer .menuSubBox .sideMenuDrop{
	width: 100%;
    float: left;
    position: relative;
}

.menuBoxContainer .menuSubBox .sideMenuDrop ul li a
{
	background: rgba(255, 255, 255, 0.05);
}
.menuBoxContainer .menuSubBox .sideMenuDrop ul li a:hover{
	background: rgba(255, 252, 247, 0.17);
    color: #ffffff;
}
.menuBoxContainer .menuSubBox .sideMenuDrop ul li.active1 a{
	background: rgba(255, 252, 247, 0.17);
    color: #ffffff;
}


/*.leftBoxContainer
{
	width: 25%;
    float: left;
} 
.leftBoxContainer .leftSubBox {
    width: 100%;
    margin: 0%;
    float: left;
    position: relative;
}
.leftBoxContainer .leftSubBox.leftSubBox1 {
    background: #1e242b;
}
.leftBoxContainer .leftSidemenu {
    width: 100%;
    float: left;
    padding: 0px 20px;
    margin: 20px 0;
}
.leftBoxContainer h2 {
    width: 100%;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    position: relative;
     background: white; 
}
.leftBoxContainer .leftSubBox h2 {
    color: #ffffff; 
    background: #e3000f;
    width: 100%;
    float: left;
}
.leftBoxContainer .leftSubBox1 .leftSidemenu li
{
	width:100%;
	float:left;
}
.leftBoxContainer .leftSubBox1 .leftSidemenu li a {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    padding: 10px 10px;
    color: #fff; 
    font-size: 13px;
}
.leftBoxContainer .leftSubBox1 .leftSidemenu li.active a:before
{
	content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px; 
    font-size: 30px;
    width: 4px;
    background: #fff;
}

.leftBoxContainer .leftSubBox1 .leftSidemenu li a:hover{
    background: rgb(227, 0, 15);
    color: #ffffff;
}
.leftBoxContainer .leftSubBox1 .leftSidemenu li.active a{
	background: rgb(227, 0, 15);
    color: #ffffff;
}


.leftBoxContainer .leftSubBox1 .sideMenuDrop{
	width: 100%;
    float: left;
    position: relative;
}

.leftBoxContainer .leftSubBox1 .sideMenuDrop ul li a
{
	background: rgba(255, 255, 255, 0.05);
}
.leftBoxContainer .leftSubBox1 .sideMenuDrop ul li a:hover{
	background: rgba(255, 252, 247, 0.17);
    color: #ffffff;
}
.leftBoxContainer .leftSubBox1 .sideMenuDrop ul li.active1 a{
	background: rgba(255, 252, 247, 0.17);
    color: #ffffff;
}

*/


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

.middleBoxContainer.less-leftBox{
	width:78%;
	padding-right:0;
}

.middleBoxContainer .headingBox
{
	margin-bottom: 30px;
}
.middleBoxContainer .headingBox h2{
	text-align: center;
    font-size: 25px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #000000;
    position: relative; 
}
.middleBoxContainer  .headingBox h2 span{
	font-weight: 100;
    font-size: 20px;
    text-transform: capitalize;
} 
.middleBoxContainer h2.h2{
	font-size: 17px;
    padding: 10px 0px;
    color: #4e4e4e;
    font-family: 'latolight';
}

.headingBox{
	width:55%;
	margin-bottom:30px;
	text-align:center;
}

.headingBox.fullwidth{
	width:100%;
}

.headingBox h2{
	display:table;
	margin:0 auto;
	color:#212121;
	font:400 32px 'latolight';
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:1px solid #BFBFBF;
}

/*overviewBox*/

.ecity{
	width:100%;
	float:left;
	margin-top:10px;
}

.ecity span{
	color:#525252;
}

.ecity span a{
	color:#e30110;
}

.ecity span a:hover{
	color:#212121;
	text-decoration:underline
}

.separator{
	text-align:center;
	font-size:24px;
	color:#B9B9B9;
}

.businessText{
	width:60%;
	float:left;
	padding-right:5%;
	text-align:justify;
}

.businessImg{
	width:40%;
	float:right;
}

.icons{
	width:40%;
	float:left;
	text-align:center;
}

.icons li{
	width:33.33%;
	display:inline-block;
	vertical-align:top;
	margin:0 -2px;
	padding:0 5px;
}

.icons li a{
	display:block;
	padding:10px;
	border:1px solid #DFDFDF;
	font-size:14px;
	color:#525252;
}

.icons li a .imgBox{
	margin:0 auto 10px;
	width:90px;
}

/*our-verticals*/
.housingList
{
	width:40%;
	float:left;
	text-align:center;
	background-color: #f7f7f7;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.37) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.37) inset;
}
.housingList li
{
	width:50%;
    margin: 0px -2px;
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
	position: relative;
}

.housingList li .imgBox
{
	width: 90px;
    border: 1px solid #1e242b;
    border-radius: 50%;
    padding: 5px;
    display: inline-block;
    text-align: center;
    position: relative;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
} 
.housingList li .imgBox img
{ 
    padding:11px;
    text-align: center;
    border-radius: 50%;
    background: #1e242b;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
} 
.housingList li:hover .imgBox
{ 
    border: 1px solid #e3000f;
} 
.housingList li:hover .imgBox img
{  
	background: #e3000f;
} 
/*.housingList li .imgBox:before {
    content: '';
	top:0px;
	left:0px;
    border: 2px solid transparent;
	box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
	border-radius:100%;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.housingList li .imgBox:hover:before {
    border-top-color: #bf1e2e;
    border-right-color: #bf1e2e;
    border-bottom-color: #bf1e2e;
	border-left-color: #bf1e2e;
    -webkit-transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
    transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s;
} 
*/
.housingList li .txtBox
{
	width: 100%;
    padding-top: 20px;
    margin: 0px -2px;
    display: inline-block;
    text-align: center;
} 
.housingList li .txtBox h2
{
	font-size: 13px;
    text-transform: uppercase;
}


.emi-calculator
{
     padding: 50px 0px 0px;
}
.calculatorList
{
	width:100%;
	float:left;
	text-align:center;
}
.calculatorList li
{
	width: 47%;
    margin: 0px .5%;
    /* float: left; */
    display: inline-block; 
    background: #1e242b;
    padding: 30px 30px;
    position: relative;
}
.calculatorList li .imgBox
{
	width: 90px;
    height: 90px;
    float: left;
    padding: 0;
    position: relative;

}
.calculatorList li .imgBox img
{   
    display: inline-block;
    text-align: center; 
    background: #1e242b;
}
.calculatorList li .txtBox
{
	width: calc(100% - 90px);
    padding-top: 0;
    padding-left: 20px;
    margin: 0px -2px;
    display: inline-block;
    text-align: left;
} 
.calculatorList li .txtBox h2
{
	font-size: 21px;
    text-transform: uppercase;
    color: #dcdcdc;
	padding-bottom: 8px;
}
.calculatorList li .txtBox p
{ 
    color: #dcdcdc;
	font:13px/22px 'lato';
}
.readBtn { 
    float: left;
    position: relative; 
}
.readBtn a {
  	display: block;
    color: #ffffff;
    font-weight: 100;
    text-align: center;
    font-size: 15px;
    padding: 0px;
    width: 100%;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
    cursor: pointer;
    margin: 0px 0px;
}
.calculatorList li:hover .readBtn a{
   color: #e3000f;
}

.readBtn a span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  -webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.readBtn a span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0; 
   color: #e3000f;
  right: -10px;
  -webkit-transition:all 300ms;
	-o-transition:all 300ms;
	-ms-transition:all 300ms;
	-moz-transition:all 300ms;
	transition:all 300ms;
}

.calculatorList li:hover .readBtn a span {
  padding-right:15px;
  
}

.calculatorList li:hover .readBtn a span:after {
  opacity: 1;
  right: 0;
}

.careers p a{
	color:#e3000f;
}

.careers p a:hover{
	color:#212121;
	text-decoration:underline;
}


/*-------------------------location-css------------------------------------------*/
.contact-us{
	padding-top: 20px;
}
.contact-address
{
	width:50%;
	float:left;
}
.contact-address ul{
	width: 100%;
    float: left; 
    padding: 0px 30px 30px 0px; 
    text-align: center;
}
.contact-address ul li
{
	width: 100%;
    margin: 0px;
    padding: 0;  
    display: inline-block;
    vertical-align: top; 
}
.contact-address ul li p
{ 
	position: relative;
    padding-left: 30px;
    text-align: left;
}
.contact-address ul li p a{
	color: #5c5c5c;
}
.contact-address ul li p i{
    position: absolute;
    top: 2px;
    color: #e3000f;
    left: 0;
    padding: 3px;
    border: 1px solid #e3000f;
    font-size: 12px; 
}
.contact-map
{
	width:50%;
	float:left;
}
.contact-map iframe
{
	width: 100%;
    height: 240px;
    padding: 4px;
    background: #eaeaea;
}

.accordionButton{
	width:100%;
	float:left;
	font:16px 'latoblack';
	color:#2D2D2D;
	display:block;
	padding:15px 0px 15px 50px;
	position:relative;
	z-index:1;
}

.accordionButton::before{
	content:'Ques.';
	position:absolute;
	left:0;
}

.accordionContent article{
	width:100%;
	float:left;
	position:relative;
	padding-left:40px;
	z-index:1;
}

.accordionContent article::before{
	content:'Ans.';
	position:absolute;
	left:0;
	font:14px/25px 'latoblack';
	color:#525252;
	letter-spacing:1px;
}

.accordionContent article p{
	font:14px/25px 'lato';
}

.policies{
	min-height:300px;
}

.policies li{
	width:25%;
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
	padding:10px;
}

.policies li a{
	display:block;
	padding:20px 10px 17px;
	background:#f4f4f4;
	color:#515151;
	position:relative;
	z-index:1;
	overflow:hidden;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-ms-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}

.policies li a:hover{
	background: #e4e4e4;
    -webkit-box-shadow: 3px 3px 0px #a1a1a1;
    box-shadow: 3px 3px 0px #a1a1a1;
}

.policies li a i{
	position:absolute;
	font-size:42px;
	opacity:0.3;
	top:7px;
	left:10px;
}

/*------------------------------responsive-code----------------------------*/

@media screen and (max-width:1100px)
{
	.navi ul li { 
		margin: 0 5px;
	}
	.navi ul li a { 
    	padding: 10px 10px;
	}
	.navi ul li.enqueryBtn a {
		font-size: 13px;
		padding: 7px 20px 5px;
	}
	.competitation-list li {
		width: 50%; 
		padding: 0px 10px 40px;
	}
	.banner { 
		height: 470px;
	}
	.bannerText h2 {
    	font: 400 30px 'latolight';
	}
	.policies li a {
    font-size: 14px;
	}
}

@media screen and (max-width:950px){
	.footer .footSec {
		width: 57%; 
	}
	.footer .footLinks { 
		width: 18%;
	}
	.banner {
		height: 440px;
	}
	
	.policies li {
    width: 285px;
	}
	.footer .footSec {
    width: 75%;
    padding: 0px 18px;
}
.footer .footLinks {
    padding: 28px 0px 0px;
    width: 100%;
    height: auto;
    text-align: center;
}

.footer .footLinks ul li {
    width: auto;
    float: none;
    margin: 2px 0px;
    /* border-right: 1px solid #ccc; */
    display: inline-block;
}
}

@media screen and (max-width:900px){
	.navi ul li {
    	display: none;
	}
	.navi ul li.enqueryBtn
	{
		display:block;
	}
	.menuBtn {
    	display:block;
	}
	.header { 
		height: 95px;
	}
	.navi { 
		position: relative; 
		right:40px;
	}
	

}

@media screen and (max-width:770px)
{
	.banner {
		height: 400px;
	}
	.bannerpager li i {
		padding: 8px 13px; 
		font-size: 18px;
	}
	.bannerText h2 {
		font: 400 26px 'latolight';
	}

	.AboutUsBox li { 
		padding: 25px 10px;
	}
	.teamBox a article { 
		bottom: 2px;
	}
	.teamBox a h4 { 
    	font-size: 15px;
	}
	.mainFooter > div {
    	width: 20%;
	}
	.footer .footAbout .footLogo {
    	width: 100%;
	}
	.footer .footSec { 
    	padding: 0px 15px 0px 25px;
	}
	.footer .footLinks { 
		padding: 30px 0px 0 0px;
	}
}

@media screen and (max-width:720px){
	.mainFooter > div {
		width: 100%;
		height: auto;
	}
	.footer .footAbout .footLogo {
		width: 250px; 
		top: 0%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-bottom:35px;
	}
	.footer .footSec {
		width: 100%;
		padding: 0px 15px 0px 0px;
	}
	.ecis {
		float: none;
	}
	.bottom p {
		width: 100%;
		text-align: center;
	}
	.businessImg {
		width: 100%;
    	margin-top: 10px;
	}
	.businessText {
		width: 100%;
		padding-right: 0;
	}
}

@media screen and (max-width:650px)
{
	.header {
		padding: 15px 5%;
		height: 67px;
	}
	.logo { 
		width: 160px;
	}
	.headerTop { 
    	text-align: center;
	}
	.headerTop ul li.conLeft
	{
		float:left;
	}
	.headerTop ul li.socLeft
	{
		float:right;
	}
	.navi ul li.enqueryBtn a {
		font-size: 12px;
		padding: 6px 20px 5px;
	}
	.TopSocial-links {
		float: left;
		width: 100%;
		margin: auto;
		padding:0px 5%; 
	}
	.TopSocial-links li a.topList {
		padding: 5px 5px;
		background:none;
		color: #e3000f;
		border-radius: 0;
	}
	.TopSocial-links li a { 
		display: block; 
	}
	/*.banner {
		height: 300px;
	}*/
	.bannerText {
		width: 100%;
		padding: 0px 20px; 
		left: 0;
		bottom: auto; 
		text-align:center;  
		top:70%;
		transform: translate(0%, -50%);
	}
	.bannerpager { 
    	bottom:5%;
	}
	.bannerpager li i {
		padding: 0;
		border: 0px;
		font-size: 26px;
		border-radius: 0px;
	}
	.inside-banner { 
    	margin-top: 78px;
	}
	.AboutUsBox li {
		width:100%; 
	}
	.teamBox {
		width: 50%; 
		padding: 0 20px 40px;
	}
	.teamBox:nth-last-child(1)
	{
		padding: 0 20px 0px;
	}	
	.contact-us {
		padding-top: 0;
	}
	.contact-address {
		width: 100%; 
	}
	.contact-map {
    	width: 100%;
	}
	.banner {
    margin-top: 49px;
}
}

@media screen and (max-width:550px){
	.headingBox h2 {
    	font-size: 23px !important;
	}
	.competitationBox h2 { 
    	padding-bottom: 30px;
	}
	.padding {
		padding: 40px 0;
	}
	.AboutUsBox ul { 
		margin-top:15px;
	}
	.AboutUsBox li {
		padding: 20px 0px 0px;
	} 
	.AboutUsBox li span { 
    	margin-top: 10px;
	}
	.AboutUsBox li h3 {
		font-size: 20px;
		padding-bottom: 5px;
	}
	.competitation-list li {
		width: 100%;
		padding: 0px 10px 30px;
	}
	.mainFooter {
		padding:40px 0;
	}
	.footer .footLinks {
		width: 40%;
		padding: 0 0px 0 0px;
		float: right;
	}
	.footer .footLinks ul li {
		width: 100%; 
	} 
	.EnquiryLogo {
		width: 200px; 
		margin: 0px auto 12px;
	}
	
	.footer .footSec {
    width:50%;
		padding: 0px 0px 0px 0px;
	}
	.footer .footSec .add-links {
    width: 100%;
    margin-bottom: 13px;
}
}

@media screen and (max-width:480px){
	.banner .slides{
		background-position:bottom right;
	}
	
	.bannerText{
		background:rgba(255, 255, 255, 0.75);
		left:10px;
		right:10px;
		width:auto;
		padding:10px;
	}
	
	.bannerText h2{
		font-size:20px !important;
	}
	
	.bannerpager{
		right:50%;
		transform:translateX(50%);
	}
	
	.bannerpager a i{
		background:rgba(0, 0, 0, 0.57);
	}
}

@media screen and (max-width:460px){
	.menuContainer ul { 
    	width: 100%;
	}
	.bannerText h2 {
		font: 400 18px 'latolight';
	}
	.bannerpager li i { 
		font-size: 22px;
	}
	.teamBox {
		width: 100%;
		padding: 0 20px 20px;
	}
	.footer .footAbout .footLogo {
    	width:200px;
	}
	.competitation-list li { 
		text-align: center;
		padding: 0px 0px 40px;
	} 
	.competitation-list li .imgBox {
		width: 60px;
		float: none;
		margin: auto;    
	}
	.txtBox {
		width: 100%;
		text-align: center;
		float: left;
		padding: 0px 15px;
	}
	.txtBox h3 {
		display: inline-block; 
		margin-bottom: 14px;
		padding: 17px 0px 10px 0px;  
		text-align: center; 
	}
	.SubEnquiryform {
    	width: 77%;
    	padding: 20px;
	}
.footer .footSec .add-links p {
    font: 12px/15px 'lato';
}
.footer .footLinks {
    width: 106px;
}
}

@media screen and (max-width:375px){
	.header {
		padding: 15px 5%;
		height: 57px;
	}
	.logo {
		width: 150px;
	}
	.logo a {
    	padding: 0px 0;
	} 
	.navi { 
		right: 32px;
    	margin-top: 0px;
	}
	.navi ul li.enqueryBtn a { 
		padding: 6px 15px 5px;
	}
	.menuBtn { 
    	right: 3%;
	}
	.competitation-list li .imgBox {
		width: 50px; 
		padding: 14px;
	} 
	.footer .footSec .add-links {
		width: 100%; 
		margin-top: 5px;
	}
	.menuBoxContainer .menuSubBox .menuSidemenu li a {
    width: 100%;
    float: none;
    position: relative;
    display: block;
    padding: 10px 18px;
    color: #fff;
    font-size: 13px;
}
.policies li {
    width: 100%;
}
.TopSocial-links li a {
    font-size: 14px;
    margin: 3px 7px;
}
}


@media screen and (max-width:340px){
	.footLinks{
		display:none;
	}
	.footer .footSec {
		width: 100%;
		padding: 0px 0px 0px 0px;
	}
}