@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(fonts/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons, .respMenuBtn::after{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 40px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/********************************************************************Common css***********************************************/
/************************************* Reset Styles ********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	}
/************************************* Reset End Styles ********************************/
/**************************************Grid styles*****************************/
*, *:after, *:before{
	box-sizing:border-box;
}
/************************************* Common Styles ********************************/
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686;
}

/************************************* Common End Styles ********************************/
/***********Dropdown Styles************/
.dropDownImage{
	float:left;
	margin-right:10px;
	margin-top:3px;
	}
.dropDownImage img{
	display:block;
	}
.dropDownImage + .dropDownText{
	padding-left:27px;
	display:block;
	}
.dropDownToggle{
	position:relative;
	padding-right:14px;
	}
.dropDown{
	display:inline-block;
	position:relative;
	text-align:left;
	}
.dropDownToggle{
	display:block;
	}
.dropDownMenu{
	display:none;
	position:absolute;
	top:100%;
	white-space:nowrap;
	z-index:111;
	}
.dropDownMenu li{
	}
.dropDownToggle:after{
	display:block;
	content:'';
	position:absolute;
	top:50%;
	right:0;
	}
.noPad{
	padding-left:0;
	padding-right:0;
	}
/***********Dropdown End Styles************/
/************************************* Website Styles ********************************/
.header{background-color:#ffffff; padding:28px 0; position:fixed; z-index:5; left:0; top:0; width:100%;}
.header .safeArea, .mainBanner .safeArea, .location .safeArea, .about .safeArea, .contact .safeArea{padding:0 100px;}
.header .logoHolder{width:150px; display:block; float:left;}
.header .logoHolder img{width:100%;}
.header .menuHolder{float:right; padding: 5px 0;}
.header .menuHolder li{display:inline-block; margin-left:65px;}
.header .menuHolder li a{font-size:15px; text-transform:uppercase; color:#000000; display:block; padding:10px 0;}
.header .menuHolder li a:hover, .header .menuHolder li.selected a{color:#808080}

/*.innerContent{padding-top:98px;}*/

.mainBanner .mainBannerHolder{padding-top:250px;}
.mainBannerHolder{height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center center; padding-top:140px; position:relative;}
.mainBannerHolder:after{background-color:rgba(0,0,0,0.35); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; content:"";}
.mainBannerHolder .mainBannerContentHolder{position:relative; z-index:4;}
.mainBannerHolder .mainBannerTitle{font-size:70px; font-weight:bold; letter-spacing:15px; color:#ffffff; text-transform:uppercase; text-align:center; margin-bottom:60px;}
.mainBannerHolder .mainBannerbtn{text-align:center; width:100%;}
.mainBannerHolder .mainBannerbtn a, .borderBtn a, .contact .borderBtn input{color:#ffffff; font-size:16px; border:1px solid #ffffff !important; padding:10px 20px !important; border-radius:0 !important;}
.mainBannerHolder .mainBannerbtn a:hover, .borderBtn a:hover{background-color:#000000; border-color:rgba(0,0,0,1.00) !important;}

.slidingImages .slide{height:100vh; background-position:center center; background-repeat:no-repeat; background-size:cover;position:relative;}
.slidingImages .slide:after{background-color:rgba(0,0,0,0.35); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; content:"";}

.apartmentsSpectsAll{position:absolute; left:100px; top:150px; z-index:5;}
.apartmentsSpectsAll .sectionTitle, .location .sectionTitle, .about .sectionTitle, .contact .sectionTitle{font-size:30px; color:#ffffff; text-transform:uppercase; font-weight:700; letter-spacing:5px; margin-bottom:40px;}
.apartmentsSpectsAll .propertySpects{width:260px; position:relative; left:0;}
.apartmentsSpectsAll .spectsList{background-color:rgba(0,0,0,0.5); padding:20px; width:100%; position:relative;}
.spectsList .borderBtn{display:none;}
.apartmentsSpectsAll .openCloseBtn a{position:absolute; width:40px; height:40px; background-color:#ffffff; left:100%; top:0; display:block;}

.apartmentsSpectsAll .propertySpectsHolder{overflow:hidden;}
.apartmentsSpectsAll .propertySpectsHolder .propertySpects{left:-260px;}
.apartmentsSpectsAll .propertySpectsHolder.opened .propertySpects{left:0;}

.apartmentsSpectsAll .eachSpec{margin-bottom:15px;}
.apartmentsSpectsAll .eachSpec .specTitle{color:#ffffff; margin-bottom:5px; font-size:16px;}
.apartmentsSpectsAll .eachSpec .specDetails, .apartmentsSpectsAll .eachSpec .specDetails a{color:#b2b2b2; font-size:13px;}
.apartmentsSpectsAll .eachSpec .specDetails a{text-decoration:underline;}
.apartmentsSpectsAll .eachSpec .specDetails a:hover{text-decoration:none;}

.openCloseBtn a{position:relative; color:#000000; font-size:35px; text-align:center; line-height:40px;}
.openCloseBtn a:after{content:"add"; width:40px; height:40px; transform:rotate(45deg)}
.opened .openCloseBtn a:after{content:"close";}

.locationInnercontent{position:relative; z-index:4;}


.location .flexslider, .about .flexslider{margin-bottom:25px; transform:translateY(-50px); opacity:0; visibility:hidden;}
.location.active .flexslider, .about.active .flexslider{transform:translateY(0); opacity:1; visibility:visible;}

.location  ul.slides{display:inline-block; width:100%;}
.location  ul.slides li{width:19%; margin-right:1%; margin-bottom:13px; float:left; padding:30px 15px; background-color:rgba(0,0,0,0.5); color:#ffffff; text-align:center;}
.location  ul.slides li:nth-child(5n){margin-right:0;}
.location .borderBtn{text-align:center;}
.location .borderBtn a{display:inline-block;}

.propertyLocation .locationIcon i{font-size:40px;}
.propertyLocation .locationIcon{margin-bottom:20px; font-size:20px;}
.propertyLocation .locationDesc{font-size:16px; color:#cccccc; height:35px; margin-bottom:15px;}
.propertyLocation .locationDistance{font-weight:700; font-size:18px;}

.backgroundColor:after{display:none;}
.backgroundColor .sectionTitle{color:#000000;}

.about  ul.slides li{width:24.25%; margin-right:1%; margin-bottom:10px; float:left; padding:25px 20px 70px; background-color:rgba(0,0,0,1); color:#ffffff; text-align:center;}
.about  ul.slides li:nth-child(4n){margin-right:0;}
.about  ul.slides li .bloclTitle{margin-bottom:30px; font-size:18px; color:#ffffff}
.about  ul.slides li .aboutBlockDesc{margin-bottom:30px; font-size:13px; color:#b3b3b3; height:130px;}

.contact .backgroundColor{background-color:#000000;}
.contact .sectionTitle{color:#ffffff;}

.mapHolder{float:left; width:48%; margin-right:4%;}
.contactFormHolder{float:left; width:48%;}
.contactFormTitle{font-size:18px; margin-bottom:30px; color:#ffffff;}

.formRow{width:48%; float:left; margin-right:4%; margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #ffffff; position:relative;}
.formRow:nth-child(2n){margin-right:0;}
.textareaRow{width:100%; margin-right:0;}
.formRow .labelHolder{width:35%; float:left; margin-right:2%}
.formRow .labelHolder label{color:#ffffff; font-size:15px;}
.formRow .inputHolder{width:63%; float:left;}
.formRow .inputHolder input{width:100%; background-color:transparent; border:0 none; color:#cccccc; font-size:15px;}
.formRow.textareaRow .labelHolder{width:100%; margin-right:0; margin-bottom:10px; float:none;}
.formRow .textareaHolder textarea{width:100%; height:120px; color:#cccccc; font-size:15px; background-color:transparent; border:0 none;}

.errorMsg{color:red; font-size:11px; position:absolute; left:0; bottom:-20px; display:none;}
.errorHere .errorMsg{display:block;}
.errorHere.formRow{border-color:red;}
/*.errorHere.formRow .labelHolder label{color:red;}*/

.mapboxgl-map{height:453px; width:100%;}
.mapboxgl-canvas{width:100% !important; height:100% !important;}
.mapboxgl-ctrl-bottom-right{display:none;}
.map{margin-bottom:40px;}

.contactHolder {padding-top: 140px;}
.contactInfoHolder{color:#ffffff; font-size:18px;}
.contactInfo{margin-bottom:20px;}
.contact .borderBtn{text-align:right;}
.contact .borderBtn input{background-color:transparent; cursor:pointer;}
.contact .borderBtn input:hover{background-color:#ffffff; color:#000000;}

.footer{background-color:#000000; padding:80px 0 20px 0; color:#ffffff; font-size:12px;}
.cp{float:left; width:50%; color:rgba(255,255,255,0.7)}
.desDev{float:right; width:50%; text-align:right; color:rgba(255,255,255,0.7)}
.desDev a{ font-size:12px; text-decoration:underline; color:rgba(255,255,255,0.7)}
.desDev a:hover{text-decoration:none;}

.fp-viewing-3 #fp-nav.right ul li a span{border: 1px solid #000000;}
.fp-viewing-3 #fp-nav.right ul li a.active span{background-color:#000000;}

.smLinks a{display:inline-block; background-color:#ffffff; width:40px; height:40px; border-radius:50%; margin-right:10px; position:relative;}
.smLinks a:hover{opacity:0.8;}
.smLinks a:after{position:absolute; width:100%; height:100%; color:#000000; display:block; background-image:url(../images/sprite@3x.png); background-repeat:no-repeat; background-size:180px auto; content:"";}
.smLinks a.fbIcon:after{background-position:2px 2px;}
.smLinks a.twitterIcon:after{background-position:-32px 2px;}
.smLinks a.instaIcon:after{background-position:-66px 2px;}

.arrowDown{position:absolute; left:50%; bottom:10px; z-index:10; display:block; text-align:center; margin-left:-24px;}
.arrowDown i{ color:#ffffff; font-size:50px;}
.fp-viewing-3 .arrowDown i{color:#000000;}

.tabsLinks a {display: inline-block; padding: 20px; color: #999999; font-size: 14px; text-decoration: none; background: #f2f2f2;}
.tab {display: none; font-size:14px; color:#000000; text-align:justify;}
.tabsLinks a.active , .tabsLinks a:hover{ color: #000000}

.subpage .header{position:relative; background-color:#000000;}
.subpage .header .menuHolder li a{color:#ffffff;}
.subpage .header .menuHolder li.selected a{color:#7f7f7f;}
.subpage .safeArea{max-width:1400px; margin:0 auto; padding:0;}
.subpage .subpageBody{padding:65px 0;}
.subpage h1{font-size:30px; color:#000000; text-transform:uppercase; font-weight:700; letter-spacing:5px; margin-bottom:50px;}
.subpage .backBtn{float:right; color:#000000; font-size:16px; border:1px solid #000000; padding:10px 20px;}
.subpage .backBtn:hover{color:#ffffff; background-color:#000000;}
.subpage .tabsLinks{float:left; width:28.5%; margin-right:3.5%}
.subpage .tabsHolder{width:68%; float:left;}
.subpage .tabsLinks a{display:block; margin-bottom:8px; text-transform:uppercase;}
.subpage .locationLimgHolder{margin-bottom:30px;}
.subpage .locationLimgHolder img{width:100%;}
.subpage .footer{padding:25px 0;}

.mobileBtns.borderBtn{text-align:left;}
.mobileBtns.borderBtn a{display:inline-block; margin-right:10px; margin-bottom:30px;}
.mobileBtns{display:none;}

.respMenuBtn{position:absolute; width:30px; height:30px; right:15px; top:15px; background-color:#000000; display:none;}
.respMenuBtn:after{font-family: 'Material Icons'; position:absolute; width:100%; height:100%; content:"menu"; color:#ffffff; font-size:28px; text-align:center; line-height:30px;}

.about ul.slides li .bloclTitle{font-size:16px;}
.about ul.slides li .aboutBlockDesc{margin-bottom:70px;}
.showOnMbile{display:none;}
.subpageDD{display:none;}
.flexslider .slides > li{display:block;}
.fp-controlArrow, .hideSlider{display:none;}
.borderBtn a{display:inline-block;}
.showFade, .header .menuHolder li a, .mainBannerHolder .mainBannerbtn a, .borderBtn a, .propertySpects, .propertySpectsHolder, .contact .borderBtn input, .subpage .backBtn, .menuHolder, .about ul.slides li .aboutBloc{
	transition:all linear 200ms;
	-moz-transition:all linear 200ms;
	-webkit-transition:all linear 200ms;
	-ms-transition:all linear 200ms;
}
.location .flexslider, .about .flexslider{
	transition:all linear 500ms 500ms;
	-moz-transition:all linear 500ms 500ms;
	-webkit-transition:all linear 500ms 500ms;
	-ms-transition:all linear 500ms 500ms;
}
/*.fp-scrollable,#section5{
    height:auto !important;
    overflow: scroll !important;
}*/

.mobileSlider .flex-direction-nav a{display:none !important;}

.fancybox-close, .fancybox-close:after{
	direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-size: 40px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    overflow-wrap: normal;
    text-rendering: optimizelegibility;
    text-transform: none;
    white-space: nowrap;	
}
.fancybox-close:after{
	content:"close";	
	position:absolute;
	left:0;
	top:0;
	width:30px;
	height:30px;
	color:#ffffff;
}
.about ul.slides li{
	background-color:#000;	
	position:relative;
	min-height:400px;
	overflow:hidden;
}
.about ul.slides li .aboutBloc{
	position:absolute;
	top:15px;
	left:0;
	width:100%;
	height:100%;
	padding:25px;
	box-sizing:border-box;	
	background-color:rgba(0,0,0,0.6);
	opacity:0;
	visibility:hidden;
}
.about ul.slides li:hover .aboutBloc{
	opacity:1;
	top:0;	
	visibility:visible;
}