/*
Developed by notinathens.com technology division / http://notinathens.technology 
Contact info: (GR) 210 3611180 / tech@notinathens.com
Mavrommateon 7, Athens, 10682, Greece
All rights Reserved (c) 2015-2016
*/

@charset "utf-8";
/* CSS Document */
/*
Table of Contents
		1. Typography fonts required
		2. Custom CSS Classes 
		3. Header
		
				
*/


/* 1. Typography fonts required */
@font-face {
	font-family: "bpreplay";
	src: url("../fonts/bpreplay.eot");
	src: url("../fonts/bpreplay.eot#iefix") format("embedded-opentype"),
	url("../fonts/bpreplay.woff") format("woff"),
	url("../fonts/bpreplay.ttf") format("truetype"),
	url("../fonts/bpreplay.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "bpreplaybold";
	src: url("../fonts/bpreplaybold.eot");
	src: url("../fonts/bpreplaybold.eot#iefix") format("embedded-opentype"),
	url("../fonts/bpreplaybold.woff") format("woff"),
	url("../fonts/bpreplaybold.ttf") format("truetype"),
	url("../fonts/bpreplaybold.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "bpreplaybolditalics";
	src: url("../fonts/bpreplaybolditalics.eot");
	src: url("../fonts/bpreplaybolditalics.eot#iefix") format("embedded-opentype"),
	url("../fonts/bpreplaybolditalics.woff") format("woff"),
	url("../fonts/bpreplaybolditalics.ttf") format("truetype"),
	url("../fonts/bpreplaybolditalics.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "bpreplayitalics";
	src: url("../fonts/bpreplayitalics.eot");
	src: url("../fonts/bpreplayitalics.eot#iefix") format("embedded-opentype"),
	url("../fonts/bpreplayitalics.woff") format("woff"),
	url("../fonts/bpreplayitalics.ttf") format("truetype"),
	url("../fonts/bpreplayitalics.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* 2. Custom CSS Classes */
html{ height:100%;}
body{ font-family: "bpreplay"; position:relative; height:100%; }
.wrapper{ width:960px; margin:0 auto;}
a:hover{ color:#7a7a7a;}
a:focus,button:focus{ outline:none;}

/* 3. Header */
.header{ width:100%; float:left; background:#fff; position:fixed; z-index:90; max-height:95px; box-shadow:0 1px 4px 0 rgba(0,0,0,0.40); -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.40);}
.logo{ text-align:center; width:100%; float:left; font-size:26px; font-family: "bpreplay"; margin-top:18px; }
.logo a{ color:#7a7a7a;}
.w33p{ width:33.33%; float:left;}

.top_row{ width:100%; float:left; position:relative;}
.left_links{ float:left; width:100%;}
a.video_link{ float:left; padding:25px 10px 0 10px; border-right:1px dotted #7a7a7a; color:#7a7a7a; font-size:11px; text-transform:uppercase;}
a.video_link span{ float:left; margin-right:3px;}
.play_btn{ background:url(../images/video_btn.jpg) no-repeat left top; width:10px; height:10px; float:left; margin-right:3px; margin-top:2px;}
.pause_btn{background:url(../images/video_btn.jpg) no-repeat right top; width:10px; height:10px; float:left; margin-right:3px;margin-top:2px;}
.stop_btn{background:url(../images/stop_icon.jpg) no-repeat right top; width:10px; height:10px; float:left; margin-right:3px;margin-top:2px;}
.brochure{ float:left; margin:25px 10px 0;}
.brochure_link{ color:#7a7a7a; font-size:11px; text-transform:uppercase; float:left;}

.right_link{ width:100%; float:right;}
.contact_link{ float:right; padding:25px 10px 0 10px; border-right:1px dotted #7a7a7a; color:#7a7a7a; font-size:11px; text-transform:uppercase;}
.lang_sel{ float:right; text-align:center; margin:5px 10px}
.lang_sel span{ display:block; color:#7a7a7a; font-size:11px; text-transform:uppercase;}

.main_nav{ width:100%; float:left; text-align:center; margin:10px 0; letter-spacing:0.7px;}
.main_nav ul{ margin:0; padding:0;}
.main_nav ul > li{ display:inline-block; font-size:11px; list-style:none; position:relative; padding:0 10px; padding-bottom:40px;}
.main_nav ul > li:after{ position:absolute; right:-5px; top:7px; width:2px; height:2px; background:#7a9376; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; content:''; }
.main_nav ul > li:last-child:after{ display:none;}
.main_nav ul > li > a.home{background:url(../images/home_icon.png) no-repeat right top; width:10px; height:10px; text-indent:-9999px; display:inline-block; position:relative; }
.main_nav ul > li:hover > a.home,.main_nav ul > li.active > a.home{ border:none; }
.main_nav ul > li > a{  padding:0px 0; position:relative; color:#b7b7b7; text-shadow:none;}
.main_nav ul > li:hover > a,.main_nav ul > li.active > a{ border-top:1px solid #7a9376; border-bottom:1px solid #7a9376; text-decoration:none; color:#7a9376; }
.main_nav ul > li > a:after{ content:''; position:absolute; bottom:-28px; background:url(../images/arrow_down.png) no-repeat center center ;left:0; z-index:9; display:none; width:32px; height:16px;}
.main_nav ul > li:hover > a:after,.main_nav ul > li.active > a:after{ display:block;}
.main_nav ul > li > a.home:after{ display:none;}
.sub_ul{ position:absolute; background:rgba(255,255,255,0.70); width:550px; height:100vh; top:50px; left:0; padding:0 !important; z-index:9999; box-shadow:0 1px 4px 0 rgba(0,0,0,0.40); -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.40); transition:opacity 0.5s ease-in-out; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; opacity:1; height:0; overflow:hidden; display:none; }
.sub_ul.showsubul{ opacity:1; transition:opacity 0.5s ease-in-out; -webkit-transition:opacity 0.5s ease-in-out; -moz-transition:opacity 0.5s ease-in-out; height:100vh; overflow:auto; display:inline-block; padding:8px !important;  }

.info_icon{ position:absolute;top:58px; left:8px; background:url(../images/info_icon2.png) no-repeat right top; width:55px; height:55px; display:none; cursor:pointer; }
.main_nav ul > li.active .info_icon{ display:block;}

/* 4. Slider Section */
.slider_sec{ width:100%; float:left; height:100%; }
.slider_sec .carousel,.slider_sec .carousel-inner{ height:100%;}
.slider_sec .carousel-inner .item{ height:100%;}
.carousel-caption { font-family: "bpreplay"; text-align:left; left:auto; bottom:160px; z-index:1; padding:10px;}
.carousel-caption h1:before{ font-family: "bpreplay"; width:100px; height:2px; margin-bottom:10px; position:absolute; top:0; left:0; font-weight:400;}
.carousel-caption h1{ font-family: "bpreplay"; font-size:40px; color:#7a9376;  position:relative; margin:0; padding:0 0 0; letter-spacing:0.7; font-weight:400;}
.carousel-caption h9{ font-family: "bpreplay"; font-size:40px; color:#ffffff;  position:relative; margin:0; letter-spacing:0.7; font-weight:400;}
.carousel-caption h9 span{ font-size:16px; text-transform:uppercase; display:block; margin-top:10px; letter-spacing:0.7; font-weight:400;}
.carousel-caption h1 span{ font-size:16px; text-transform:uppercase; display:block; margin-top:10px; letter-spacing:0.7; font-weight:400;}
.slider_sec .carousel-inner > .item > img,.slider_sec .carousel-inner > .item > a > img{ width:100%; height:100%;}
.carousel-indicators{ text-align:right; bottom:30px; z-index:1;}
.carousel-indicators li{ width:10px; height:10px; background:#ffffff; opacity:0.8; border:none; }
.carousel-indicators li.active{ opacity:1; margin:1px; width:10px; height:10px; background:#7a9376;}
.carousel-control {
position: absolute;
top: 55%; /* pushes the icon in the middle of the height */
z-index: 5;
display: inline-block;
}
.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
 }
.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
}


.img-responsivet
{
  display: block;
  width: auto;
  max-width: 100%
}

/* 5. Residence Tab*/
.title{ width:100%; float:left; text-align:center;}
.title h2{ font-size:22px; color:#7a9376; display:inline-block; border-top:1px solid #7a9376; border-bottom:1px solid #7a9376; padding:8px 0; font-family: "bpreplay"; letter-spacing:0.7;}
.title h2 span{ font-size:12px; display:block; font-family: "bpreplay"; margin-top:3px; letter-spacing:0.7;}
.info_icon2{background:url(../images/info_icon2.png) no-repeat left top; width:55px; height:55px; cursor:pointer; float:left;}
.sub_ul_content{ float:left; width:100%; text-align:left;}
.sub_ul_content p{ margin-left:13px; margin-right:13px; font-size:12px; letter-spacing:1.2px; text-align:left; font-family: "bpreplay"; color:#7a9376;}
.title2{ width:100%; float:left; margin:5px 0;}
.title2 h3{ color:#7a7a7a; font-size:12px; float:left; border-bottom:4px solid #7a7a7a; padding-bottom:5px; margin:0;}
.title2 span{ float:right; font-size:12px; color:#b7b7b7; } 
.title2 span a{ float:right; font-size:12px; color:#b7b7b7; border:none; margin:20px 0; } 
a.map_view{ float:right; font-size:12px; color:#b7b7b7; border:none; } 
a.map_view:hover,.title2 span a:hover{color:#7a9376; text-decoration:none;}
.map_viewport{ position:relative; display:none;}
.map_viewport:after{border-top: 16px solid transparent;	border-bottom: 16px solid transparent; 	border-right:15px solid rgba(255,255,255,0.85);  position:absolute; content:''; left:-23px; top:10px;}
.map_container{ position:absolute; right:110%; top:8px; padding:10px; background:#fff; max-width:420px;}
.static_map,.google_map{ width:100%; float:left;}


.map_viewport2{ position:relative; display:none;}
.map_viewport2:after{border-top: 16px solid transparent;	border-bottom: 16px solid transparent; 	border-right:15px solid rgba(255,255,255,0.85);  position:absolute; content:''; left:-23px; top:10px;}
.map_viewport2 .map_container{ position:absolute; right:110%; top:-305px; padding:10px; background:#fff; max-width:420px;}
.google_map iframe{ width:100%; height:335px; width:400px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.map_container{ top:2px;}	
 .map_viewport2 .map_container{  top:-300px; }
}


.main_nav .our_facility{ width:100%; float:left; text-align:center;}
.main_nav .our_facility > li{ width:100%; text-align:center; float:left; position:relative; margin:8px 0; padding:0; font-size:12px;}
.main_nav .our_facility > li:first-child:after{ top:30px;}
.main_nav .our_facility > li:after{ content:''; right:50%; top:30px;}
.main_nav .our_facility > li:hover a:after{ display:none;}
.main_nav .our_facility > li > a{ color:#7a7a7a;}
.main_nav .our_facility > li > a:hover{ border:none;}
.main_nav .our_facility > li > a:after{ display:none; }


/* Apartment 1 Tab*/
.apartment_img_bx{ width:100%; text-align:center;}
.building_bx{ width:50%; float:left; margin:0px 0;}
.building_bx h3{ color:#7a7a7a; font-size:11px; text-transform:uppercase; width:50%; float:left; margin:8px 0 0;}
.building_img{ float:left; width:30px; height:28px; background:#7a9376; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:28px;}
.building_img img{ width:50%; }
.apartment_bx{ width:50%; float:left; margin:0px 0;}
.apartment_bx h3{ color:#7a7a7a; font-size:11px; text-transform:uppercase; width:50%; float:left; margin:8px 0 0; cursor:pointer;}
.apartment_bx h3:hover{ color:#7a9376;}
.apartment_bx h3 span{ font-size:10px; display:block;}
.apartment_img{ float:right; width:30px; height:28px; background:#7a9376; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:28px;}
.apartment_img img{ width:50%; }



.apartment_list{ width:50%; float:right;}
.apartment_list .apartment{ width:100%; float:left; position:relative; margin-bottom:8px;}
.apartment_list .apartment:last-child{ margin-bottom:0;}
.apartment_list .apartment .apartment_img{ width:32px; height:37px; background:#7a9376; text-align:center; color:#fff; font-size:12px; font-weight:700; line-height:28px; position:absolute; left:0; top:0; display:inline-block;}
.apartment_list .apartment .apartment_content{ padding-left:40px; float:left; width:100%;}
.apartment_list .apartment .apartment_content span{ height:3px; width:50px; background:#bcc494; display:block; margin-bottom:2px;}
.apartment_list .apartment .apartment_content span.floor{ color:#fff; background:#7a9376; height:auto; text-align:center;}
.apartment_list .apartment hr{ margin:5px 0; border-color:#7a9376;}
.apartment_viewport{ position:absolute; width:100%; float:left; margin-top:100px; display:none; }
.apartment_viewport:after{border-top: 16px solid transparent;	border-bottom: 16px solid transparent; 	border-right:15px solid rgba(255,255,255,0.85);  position:absolute;  left:-22px; top:-150px;}
.apartment_map{ position:absolute; right:110%; bottom:10px; padding:10px; background:#fff;}
.apartment_details{ position:absolute; width:100%; float:left; margin-top:100px; display:none; }
.apartment_details:after{border-top: 16px solid transparent;border-bottom: 16px solid transparent;	border-left: 15px solid rgba(255,255,255,0.85);   position:absolute;  right:-22px; top:-150px;}
.apartment_detail_port{ position:absolute; left:110%; bottom:-40px; padding:10px 15px; background:rgba(122,147,118,0.40);}
.apartment_detail_port .detail_bx{background:rgba(122,147,118,0.70); width:100%; float:left; text-align:center; padding:10px; margin:10px 0;}
.apartment_detail_port .detail_bx .values{ color:#fff; font-size:12px; display:block; min-width:180px; }
.apartment_detail_port .detail_bx.bx2 .values{ text-transform:capitalize; text-align:left;}
.apartment_detail_port .detail_bx .values span{ display:inline;} 



/* Apartment 2 Tab*/
.apartment2_img_bx{ width:100%; text-align:center;}
.building2_bx{ width:50%; float:left; margin:0px 0;}
.building2_bx h3{ color:#7a7a7a; font-size:11px; text-transform:uppercase; width:50%; float:left; margin:8px 0 0;}
.building2_img{ float:left; width:30px; height:28px; background:#7a9376; text-align:center; color:#fff; font-size:16px; font-weight:700; line-height:28px;}
.building2_img img{ width:100%; }
.apartment2_bx{ width:50%; float:left; margin:0px 0;}
.apartment2_bx h3{ color:#7a7a7a; font-size:11px; text-transform:uppercase; width:50%; float:left; margin:8px 0 0; cursor:pointer;}
.apartment2_bx h3:hover{ color:#7a9376;}
.apartment2_bx h3 span{ font-size:10px; display:block;}
.apartment2_img{ float:right; width:30px; height:28px; background:#7a9376; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:28px;}
.apartment2_img img{ width:50%; }




.apartment2_list{ width:50%; float:right;}
.apartment2_list .apartment{ width:100%; float:left; position:relative; margin-bottom:8px;}
.apartment2_list .apartment:last-child{ margin-bottom:0;}
.apartment2_list .apartment .apartment_img{ width:32px; height:37px; background:#7a9376; text-align:center; color:#fff; font-size:12px; font-weight:700; line-height:28px; position:absolute; left:0; top:0; display:inline-block;}
.apartment2_list .apartment .apartment_content{ padding-left:40px; float:left; width:100%;}
.apartment2_list .apartment .apartment_content span{ height:3px; width:50px; background:#bcc494; display:block; margin-bottom:2px;}
.apartment2_list .apartment .apartment_content span.floor{ color:#fff; background:#7a9376; height:auto; text-align:center;}
.apartment2_list .apartment hr{ margin:5px 0; border-color:#7a9376;}
.apartment2_viewport{ position:absolute; width:100%; float:left; margin-top:100px; display:none; }
.apartment2_viewport:after{border-top: 16px solid transparent;	border-bottom: 16px solid transparent; 	border-right:15px solid rgba(255,255,255,0.85);  position:absolute;  left:-22px; top:-150px;}
.apartment2_map{ position:absolute; right:110%; bottom:55px; padding:10px; background:#fff;}
.apartment2_details{ position:absolute; width:100%; float:left; margin-top:100px; display:none; }
.apartment2_details:after{border-top: 16px solid transparent;border-bottom: 16px solid transparent;	border-left: 15px solid rgba(255,255,255,0.85);   position:absolute;  right:-22px; top:-150px;}
.apartment2_detail_port{ position:absolute; left:110%; bottom:-11px; padding:10px 15px; background:rgba(122,147,118,0.40);}
.apartment2_detail_port .detail_bx{background:rgba(122,147,118,0.70); width:100%; float:left; text-align:center; padding:10px; margin:10px 0;}
.apartment2_detail_port .detail_bx .values{ color:#fff; font-size:12px; display:block; min-width:180px; }
.apartment2_detail_port .detail_bx.bx2 .values{ text-transform:capitalize; text-align:left;}
.apartment2_detail_port .detail_bx .values span{ display:inline;} 



/* Apartment 3 Tab*/
.apartment3_img_bx{ width:100%; text-align:center;}
.building3_bx{ width:50%; float:left; margin:0px 0;}
.building3_bx h3{ color:#7a7a7a; font-size:11px; text-transform:uppercase; width:50%; float:left; margin:8px 0 0;}
.building3_img{ float:left; width:30px; height:28px; background:#7a9376; text-align:center; color:#fff; font-size:16px; font-weight:700; line-height:28px;}
.building3_img img{ width:100%; }
.apartment3_bx{ width:50%; float:left; margin:0px 0;}
.apartment3_bx h3{ color:#7a7a7a; font-size:11px; text-transform:uppercase; width:50%; float:left; margin:8px 0 0; cursor:pointer;}
.apartment3_bx h3:hover{ color:#7a9376;}
.apartment3_bx h3 span{ font-size:10px; display:block;}
.apartment3_img{ float:right; width:30px; height:28px; background:#7a9376; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:28px;}
.apartment3_img img{ width:50%; }


.apartment3_list{ width:50%; float:right;}
.apartment3_list .apartment{ width:100%; float:left; position:relative; margin-bottom:8px;}
.apartment3_list .apartment:last-child{ margin-bottom:0;}
.apartment3_list .apartment .apartment_img{ width:32px; height:37px; background:#7a9376; text-align:center; color:#fff; font-size:12px; font-weight:700; line-height:28px; position:absolute; left:0; top:0; display:inline-block;}
.apartment3_list .apartment .apartment_content{ padding-left:40px; float:left; width:100%;}
.apartment3_list .apartment .apartment_content span{ height:3px; width:50px; background:#bcc494; display:block; margin-bottom:2px;}
.apartment3_list .apartment .apartment_content span.floor{ color:#fff; background:#7a9376; height:auto; text-align:center;}
.apartment3_list .apartment hr{ margin:5px 0; border-color:#7a9376;}
.apartment3_viewport{ position:absolute; width:100%; float:left; margin-top:100px; display:none; }
.apartment3_viewport:after{border-top: 16px solid transparent;	border-bottom: 16px solid transparent; 	border-right:15px solid rgba(255,255,255,0.85);  position:absolute;  left:-22px; top:-150px;}
.apartment3_map{ position:absolute; right:110%; bottom:100px; padding:10px; background:#fff;}
.apartment3_details{ position:absolute; width:100%; float:left; margin-top:100px; display:none; }
.apartment3_details:after{border-top: 16px solid transparent;border-bottom: 16px solid transparent;	border-left: 15px solid rgba(255,255,255,0.85);   position:absolute;  right:-22px; top:-150px;}
.apartment3_detail_port{ position:absolute; left:110%; bottom:32px; padding:10px 15px; background:rgba(122,147,118,0.40);}
.apartment3_detail_port .detail_bx{background:rgba(122,147,118,0.70); width:100%; float:left; text-align:center; padding:10px; margin:10px 0;}
.apartment3_detail_port .detail_bx .values{ color:#fff; font-size:12px; display:block; min-width:180px; }
.apartment3_detail_port .detail_bx.bx2 .values{ text-transform:capitalize; text-align:left;}
.apartment3_detail_port .detail_bx .values span{ display:inline;} 










.bx-wrapper{ margin:0 auto; height:100%;}
.bx-wrapper img{ width:100%; height:100vh;}
.bx-wrapper .bx-viewport{ height:100% !important; border:none; left:0; }
#bx-pager{ position:absolute; top:120px; max-width:40px; right:50px;  -y:auto; height:80vh; vertical-align:middle; display:inline-block; float:none;}
#bx-pager a{ width:37px; height:37px; background:#fff; display:inline-block; margin:5px 0; border:none; opacity:0.8; vertical-align:middle;} 
#bx-pager a.active,#bx-pager a:hover{ opacity:1;}
.bx-wrapper .bx-controls-direction a{  width:29px; height:29px; padding-top:90px;}
.bx-wrapper a.bx-prev{background:url(../images/arrow_slides.png) no-repeat left center;}
.bx-wrapper a.bx-next{background:url(../images/arrow_slides.png) no-repeat right center;}
.bx-wrapper a.bx-prev:hover{background-position:left center; opacity:0.8;}
.bx-wrapper a.bx-next:hover{background-position:right center; opacity:0.8;}

#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{ height:100%; }

.tabs_grup{ width:100%; float:left;}
.tabs_grup .nav-tabs{ margin:0; padding:0; border:none;}
.tabs_grup .nav-tabs li{ margin:10px 0; padding:0; width:50%; float:left;}
.tabs_grup .nav-tabs li:hover a{ padding:0 0 5px; border:none;}
.tabs_grup .nav-tabs li:after{ display:none;} 
.tabs_grup .nav-tabs li a:after{ display:none !important;}
.tabs_grup .nav-tabs li a{ border-top:none !important; border-left:none !important; border-right:none !important;}
.tabs_grup .nav-tabs li a:hover{ border:none ; background:none; padding:0 0 5px; margin:0;} 
.tabs_grup .nav-tabs li:nth-child(2) a{ float:right !important; }
.tabs_grup .nav-tabs li  a{ color:#7a7a7a; text-decoration:none; background:none; margin:0; padding:0; font-size:12px;}
.tabs_grup .nav-tabs li.active a{color:#7a7a7a; font-size:12px; float:left; border-bottom:4px solid #7a7a7a; padding-bottom:5px; margin:0; background:none;}



/* Contact page*/
.contact_map{ width:100%; float:left; position:fixed; height:100vh; overflow: auto;}
.contact_map iframe{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.contact_form{ width:100%; float:left; text-align:center; padding-top:140px; position:relative; z-index:9; overflow: auto;}
.contact_form form{ background:rgba(255,255,255,0.90); max-width:600px; width:100%; display:inline-block; text-align:left; padding:50px; box-shadow:0 0 4px 0 rgba(0,0,0,0.40); -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.40); -moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.40); overflow: hidden;}
.contact_form form h2{ font-size:20px; text-transform:uppercase; color:#7a9376; display:block; margin:0 0 20px;}
.contact_form .form-control{ border-radius:0; box-shadow:none; border-color:#e0e0e0; color:#7a9376; height:40px; font-size:12px; }
.contact_form .form-control:focus{ border-color:#7a9376;}
.contact_form textarea.form-control{ height:110px; resize:none;}
.contact_form::-webkit-input-placeholder { color: #7a9376;}
.contact_form:-moz-placeholder { color:#7a9376; }
.contact_form:-ms-input-placeholder { color:#7a9376;}
.contact_form .btn-default{ background:#7a9376; color:#fff; border-color:#697d66; text-transform:uppercase;}
.contact_form .btn-default:hover{ background:#697d66;}
/* Contact Page ends*/


/* Video Page*/
.video_page{width:100%; float:left; position:fixed; height:100vh; background:#fff; text-align:center;}
.video_box{ max-width:600px; display:inline-block; text-align:left;margin-top:140px; box-shadow:0 0 4px 0 rgba(0,0,0,0.40); -webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.40); -moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.40); width:100%; min-height:480px; position:relative; border:4px solid #fff;}
.video_box iframe{ width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.video_box2{ width:100%; height:100vh; padding-top:90px;}
/* Video Page*/


@media screen and (min-width:1599px)
{ 
.modal-dialog {
    width: 1400px;
    margin: 160px auto;
}
}



@media screen and (min-width:1199px)
{ 
.modal-dialog {
    width: 1000px;
    margin: 160px auto;
}
}


@media screen and (max-width:1199px)
{ 
.modal-dialog {
    width: 800px;
    margin: 160px auto;
}
}
@media screen and (max-width:991px)
{ 
.wrapper{ width:100%; padding-left:15px; padding-right:15px;}
.left_links,.right_link{ margin-left:-15px; margin-right:-15px;}
a.video_link{ padding:25px 5px 0;}
.brochure{ margin:25px 0 0 8px;} 
.top_row .w33p:first-child{ width:38%;}
.top_row .w33p:nth-child(2){ width:28.33%;}
.main_nav ul > li:last-child .sub_ul{ left:auto; right:0;}
.main_nav ul > li:nth-last-child(-n+2) .sub_ul{ left:auto; right:0;}


.map_container{ min-width:380px; width:100%;}
.map_container img{ width:100%;}
.google_map iframe{ width:100%;}

.apartment_map{ width:285px;}
.apartment_map img{ width:100%;}
.apartment_detail_port .detail_bx .values{ min-width:120px;} 
 
 
 
.carousel-caption { font-family: "bpreplay"; text-align:left; left:auto; bottom:100px; z-index:1; padding:10px;}
.carousel-caption h1:before{ font-family: "bpreplay"; width:100px; height:2px; margin-bottom:10px; position:absolute; top:0; left:0; font-weight:400;}
.carousel-caption h1{ font-family: "bpreplay"; font-size:20px; color:#7a9376;  position:relative; margin:0; padding:0 0 0; letter-spacing:0.7; font-weight:400;}
.carousel-caption h9{ font-family: "bpreplay"; font-size:20px; color:#ffffff;  position:relative; margin:0; letter-spacing:0.7; font-weight:400;}
.carousel-caption h9 span{ font-size:16px; text-transform:uppercase; display:block; margin-top:10px; letter-spacing:0.7; font-weight:400;}
.carousel-caption h1 span{ font-size:16px; text-transform:uppercase; display:block; margin-top:10px; letter-spacing:0.7; font-weight:400;} 
 
 .modal-dialog {
    width: 600px;
    margin: 60px auto;
}
 
 
}
@media screen and (max-width:767px)
{ 
.w33p{ width:100%;}
.top_row .w33p:nth-child(2){ width:100%;}
.left_links{ position:absolute; top:0; left:0; z-index:1; width:auto;}
.right_link{ position:absolute; top:0; right:0; z-index:1; width:auto;}
a.video_link{ padding:15px 5px 0;}
.brochure {margin: 15px 0 0 8px;}
.contact_link{ padding:15px 8px 0;}
.logo{ margin-top:40px;}
.lang_sel{ margin:0 10px; line-height:18px;}
.header{ max-height:75px ; z-index:99; position:relative;}
.main_nav{ position:relative; left:-15px; text-align:left; height:100%;}
.navbar-toggle{ background:rgba(255,255,255,0.85); margin:0; float:none; display:inline-block; padding:0; border-radius:0; float:right; position:relative; right:-32px; width:32px; height:32px; text-align:center; box-shadow:1px 1px 4px 0 rgba(0,0,0,0.40);}
.navbar-toggle:focus,.navbar-toggle:hover{ background:rgba(255,255,255,1);}
.navbar-toggle .icon-bar{ background:#7a7a7a; margin:0 2px;} 
#headernav{ margin-top:10px; position:absolute; background:rgba(255,255,255,0.85); width:170px; padding:0;}
.navbar-toggle.hidenav span{ display:none;}
.navbar-toggle.hidenav:before{ content: ""; position:absolute; text-align:center; width:32px; height:32px; font-size:22px; color:#7a9376; font-family:"Ionicons"; line-height:0; left:0;}
.main_nav ul{ padding:0; box-shadow:0 1px 4px 0 rgba(0,0,0,0.40); -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.40); -moz-box-shadow:0 1px 4px 0 rgba(0,0,0,0.40);}
.tabs_grup .nav-tabs,.main_nav .our_facility{ box-shadow:none;}

.main_nav ul > li{ display:inline-block; font-size:15px; list-style:none; position:relative; padding:0 10px; padding-bottom:40px;}


.main_nav ul > li > a{ color:#7a7a7a; padding:2px 0;}
.main_nav ul > li > a.home{ top:4px;}
.main_nav ul > li{ padding-bottom:0; width:100%; margin:3px 0; }
.main_nav ul > li:after{ display:none;}	
.main_nav ul > li:hover a:after,.main_nav ul > li.active > a:after{ display:none;}
.info_icon{ right:5px; top:-5px; left:auto; background-image:url(../images/info_icon3.png);}
.sub_ul{ position:fixed; overflow:auto; top:0; width:100%; background:#fff; transition:all 0.5s; }
.sub_ul.showsubul{overflow-y:auto;}
.carousel-caption{ left:10px;}

.apartment_viewport,.apartment_details{ display:block !important; float:left;}
.apartment_viewport:after,.apartment_details:after{ display:none;}
.apartment_map,.apartment_detail_port{ position:static; width:100%;}
.apartment_map img{ width:100%;}
.apartment_detail_port,.map_viewport{ float:left; width:100%;}
.map_container,.map_viewport2 .map_container{ position:static;}
.map_container img{ width:100%;}
#wowslider-container1 .ws_thumbs{ width:40px; right:50px;}

.slider_sec{ position:fixed;}
.navbar-header{ position:absolute; right:0; top:0;} 
.map_container{ min-width:inherit;}


.contact_map{ position:absolute;}
.contact_map iframe{ min-height:600px;}
.contact_form{ padding-top:150px; margin-bottom:20px;}
.contact_form form{ padding:20px;}  
.video_page{ position:relative;height:400px;}
.video_box{ margin-top:80px; min-height:300px; }
.video_box2{ padding-top:0;}


.carousel-caption { font-family: "bpreplay"; text-align:left; left:auto; bottom:100px; z-index:1; padding:10px;}
.carousel-caption h1:before{ font-family: "bpreplay"; width:100px; height:2px; margin-bottom:10px; position:absolute; top:0; left:0; font-weight:400;}
.carousel-caption h1{ font-family: "bpreplay"; font-size:20px; color:#7a9376;  position:relative; margin:0; padding:0 0 0; letter-spacing:0.7; font-weight:400;}
.carousel-caption h9{ font-family: "bpreplay"; font-size:20px; color:#ffffff;  position:relative; margin:0; letter-spacing:0.7; font-weight:400;}
.carousel-caption h9 span{ font-size:16px; text-transform:uppercase; display:block; margin-top:10px; letter-spacing:0.7; font-weight:400;}
.carousel-caption h1 span{ font-size:16px; text-transform:uppercase; display:block; margin-top:10px; letter-spacing:0.7; font-weight:400;} 
 
.modal-dialog {
    width: 400px;
    margin: 30px auto;
}


@media screen and (max-width:479px)
{
	.brochure_link,a.video_link,.contact_link,.lang_sel span{ font-size:9px;}
	.stop_btn,.pause_btn,.play_btn{ margin-top:0;}
	.lang_sel{ line-height:15px;}
	
	.modal-dialog {
    width: 350px;
    margin: 30px auto;
}
	 
}
@media screen and (max-width:319px)
{
	.brochure{ display:none;}
.logo{ font-size:18px;}
.contact_form form h2{ font-size:15px; margin:0 0 10px;}
.modal-dialog {
    width: 250px;
    margin: 30px auto;
}
}