/*--------------------------------------------------
BODY
--------------------------------------------------*/
*{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
 }
html,body{ height: 100%;  }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) {display:none; }
[hidden] {display:none; }
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
html, button, input, select, textarea {font-family: 'Rubik', sans-serif; color:#414142;/*letter-spacing: 1px; */  }

body {margin:0; padding:0; background:#fff; font-size:16px; line-height:1.3; overflow-x: hidden!important;}
body {
width:100%;
height:100%;
margin:0;
padding:0;
overflow-x:hidden;
}

::-moz-selection {background:#bcd1ed; color:inherit; text-shadow:none;}
::selection {background:#bcd1ed; color:inherit; text-shadow:none; }

::-webkit-input-placeholder {   color:  #DCDCDC;}
:-moz-placeholder { /* Firefox 18- */   color: #DCDCDC;}
::-moz-placeholder {  /* Firefox 19+ */    color: #DCDCDC;}
:-ms-input-placeholder {   color: #DCDCDC;}

:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}


img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{outline: none; }
a{ color: #fff; }
a:hover{ color: #659bec; }
img {border: none;}
.f-left{float: left;}
.f-right{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.clear{ clear: both;}
.ib{display: inline-block;}
.rtl{direction:rtl;}
body{
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
.pt3{ padding-top:3%; }
.eng{direction: ltr; unicode-bidi: bidi-override;}
.heb{direction: rtl; unicode-bidi: bidi-embed;}

#video_holder{
height: 100vh;
    overflow: hidden;
    position: relative;
 }

 .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_harish{ display: inline-block; width: 100%; margin-bottom:2%; vertical-align: top; }
/*--------------------------------------------------
Non-Semantic Helper Classes
--------------------------------------------------*/
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content:""; display:table;}
.clearfix:after, .cf:after {clear:both;}
.clearfix, .cf {*zoom:1;}
::-webkit-input-placeholder {   color: black;}
:-moz-placeholder { /* Firefox 18- */   color: black;}
::-moz-placeholder {  /* Firefox 19+ */    color: black;}
:-ms-input-placeholder {   color: black;}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 2em; }
h2{ margin: 0;	padding: 0; font-size: 1.667em; }
h3{	margin: 0;	padding: 0; font-size: 1.333em; }
h4{	margin: 0;	padding: 0;	font-size: .667em; }


.eng{direction: ltr; unicode-bidi: bidi-override; font-family: "Times New Roman", Times, serif; }
.heb{direction: rtl; unicode-bidi: bidi-embed;}

 .proj_specification a,.proj_text a{ color: #000; }
/*---------------------------------------------------
         SECTIONS
-----------------------------------------------------*/


.section{
    margin:0px;
    width:100%;

	text-align: right;
	direction: rtl;

}
.section2{
    margin:0px;
    bottom:0px;
    width:1000px;
    float:right;
    height:100%;

}

.section h2{ text-align: center; font-size: 3em; font-weight: 300; }

#section3{  }
#section2{ padding:5% 10%;}
#section4{ }
#section1{ padding:0; direction: ltr; position: relative; }
#section7{ position: relative;  }
.black{
    color:#fff;
    background-color: #1f2023;
}
.white{
    color:#414142;
     background-color: #fff;
}
.black h2{
    color: #659bec;
}
.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}
/*---------------------------------------------------
         TABLE
-----------------------------------------------------*/

.tab table {
  width: 97%;
  border-collapse: collapse;
}
/* Zebra striping */
.tab tr:nth-of-type(odd) {
  background: #eee;
}
.tab th {
  background: #333;
  color: white;
  font-weight: bold;
}
.tab td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: right;
}

/*--------------------------------------------------
Basic
--------------------------------------------------*/
#wrapper{
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 50px;
  position: relative;
  margin: auto;
  margin-top:30px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
}

#nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
header{ width: 100%; text-align: center; direction: rtl; display:block; }
#logo{  width: 100%;}
#logo a{ border-bottom:none; }

#logo img{width: 100%; padding:20% 12%; }
header ul{margin:0; padding:0; list-style-type: none;}
.nav{ list-style-type: none; text-align: center; display: inline-block; width: 33.333%; margin-left:-4px;padding:0 5%; vertical-align: top; }
.nav:nth-child(2){ border-left:1px solid  #6A550C; border-right:1px solid #6A550C; }
.nav a,.nav span{ display: block;font-size: 1.33em; color:  #659bec; text-decoration: none; padding:10px 0;color: #fff; font-weight: 400;  }
.nav span{ cursor: pointer; }
.nav span{ padding:30px 0; }
.nav a{  }
.nav a:hover{  color: #659bec; }
.nav#slide a{ display: inline-block;

 }
#logo a:hover{ background-color: transparent;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b29130+0,edcc59+48,b29130+100 */
background:  transparent; /* Old browsers */
background: -moz-linear-gradient( none); /* FF3.6-15 */
background: -webkit-linear-gradient(none); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(none); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(none ); /* IE6-9 fallback on horizontal gradient */
  }
.hidden_holder{ position: relative; }
#hiddenPanel {position:fixed;top:100px;  right:-600px; width:600px; height:100px;z-index: 999; background-color: #231f20; padding:20px;border-bottom:1px solid #323439; border-right:1px solid  #323439;}
#close-bar { cursor: pointer;padding:5px; float: right;  position: absolute; top:0px; right:10px;}
#close-bar> span{ position: relative; display: inline-block; top:-15px; padding-left:10px; color: #fad6a7;  }
#close-bar img{position: relative;display: inline-block;}
#close-bar-inside{ float:left; cursor: pointer; }

.md-close{ position: absolute; top:100px; right:100px; z-index: 999; }

.md-contentX{ padding:2.5%;	background: #000; border:1px solid #323439;  direction: rtl; }

#hiddenPanel2 {position:absolute; top:-78px; right:-1000%; width:1000%; height:78px;z-index: -1; background-color: #28292d; padding:20px;}
#close-bar2 { position: relative; }
#close-bar-inside2{ float:left; cursor: pointer; }

#search_form button,#search_form2 button{ border:none; background-color: #659bec; width: 12%; padding:6px 10px; cursor: pointer; font-size: 1em;  }
#search_form2 button{ width: 100%; }

#slide{ width: 40%; text-align: center; padding:12px; border-top:1px solid #659bec; border-bottom:1px solid #659bec; margin:0 auto; }


#main_gallery img{ width: 100%;  }
#main_menu{  position: fixed; z-index: 2; display: inline-block; width: 100px; margin-left:-4px; background-color: #000; height: 100px; right:0; bottom:0; }
#menu{  }
#menu ul{ list-style-type: none; }
#menu li{ display: inline-block;}
#menu a{ padding:12px 15px; display: block; text-decoration: none; }

#section_search{ padding:15px; text-align: center; background-color: #659bec; width: 100%; max-width: 1000px; margin:0 auto; margin-bottom:2.5%; }
#section_search h2{ display: inline-block; margin-left:-4px; color: #FFFFFF; font-size: 2em; vertical-align: top;  width: 15%; margin-top:-5px;}
#section_search form{ display: inline-block; margin-left:-4px; width: 85%; margin:0; }
#section_search button{ border: none;
    background-color:  #1F2023;
	color: #659bec;
    width: 12%;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 1em; }
   #section_search	.free_appart  {  color: #1F2023; }

.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	 background-color: rgba(0, 0, 0, 0);
	z-index: 800;
	height: 200px;

	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

.cbp-af-header .cbp-af-inner >.logo{
	position: relative;
    padding:10px;
	z-index: 2;
	float:left;


-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; }

.cbp-af-header .cbp-af-inner >.logo img{ height: 0;-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;  }

.cbp-af-header .cbp-af-inner {
	width: 100%;
	/*max-width: 1200px; */
	margin: 0 auto;
	position: relative;
	background-color: #231f20;


}




/* Transitions and class for reduced height */
.cbp-af-header h1,
.cbp-af-header nav a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding:10px 0;

}
.cbp-af-header nav ul li a{ line-height: normal; }
.cbp-af-header.cbp-af-header-shrink {
	height: 90px;

}
.cbp-af-header nav{ padding:25px 0; width: 80%; float:right; -moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear; }
.cbp-af-header .cbp-af-inner> ul{ text-align: center; -moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear; }
.cbp-af-header.cbp-af-header-shrink{ }
.cbp-af-header.cbp-af-header-shrink ul{}
.cbp-af-header.cbp-af-header-shrink .cbp-af-inner> .logo img{ height: 70px; }
.cbp-af-header .cbp-af-inner> #menu{ padding-top:0px;
  text-align: center;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear; }
.cbp-af-header.cbp-af-header-shrink .cbp-af-inner> #menu{padding-top:20px;}

.cbp-af-header .cbp-af-inner> #close-bar{ padding-top:5px;-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
transition: all .3s linear; }
.cbp-af-header.cbp-af-header-shrink .cbp-af-inner> #close-bar{padding-top:30px; }



#main_logo{ position: absolute; top:150px; left:0; right:0; margin:0 auto; width: 12.5%; z-index: 99; }
#main_logo img{ width: 100%; }

#menu_button{ width: 50px;
    margin: 0 auto; }
#menu_button_holder{  display: inline-block;  margin-left:-4px;width: 80px; background-color: #fff; height: 80px; vertical-align: top; border-bottom:1px solid #E6E7E8; border-left:1px solid #E6E7E8;}

#search_form{ float:right; width: 93%;direction: rtl; }
.styled-select select{
   direction: rtl;
background: url(pics/downarrow.png) no-repeat left #231f20;

   width: 40%;
   margin-left:1.5%;
   padding:7px;
   line-height: 1;
   border: 1px solid #5a5b5e;
   color:#fff;
   font-size: 1em;
   font-weight: 300;
    appearance:none;
   text-align: right;
   padding-left:25px;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
   }

   select.styled-select2{
   direction: rtl;

   background: url(pics/downarrow.png) no-repeat left #fff;
   width: 20%;
   display: inline-block;
   margin-left:1.5%;
   padding:7px;
   line-height: 1;
   border: 1px solid #5a5b5e;
   color: #333333;
   font-size: 1em;
   font-weight: 300;
    appearance:none;
   text-align: right;
   padding-left:25px;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
   }
#search_form select:nth-child(4).styled-select2{ width: 40%;}

#section_search select:nth-child(4).styled-select2{ width: 40% }
h2.title{ display: block; position:  relative; font-size: 2.33em; font-weight: 700; text-align: right; padding-right:20px; }
h2.title span{ display: block; font-size: 50%; color: #659bec; font-weight: 500; }
h2.title:before{ content: "";
 display: block;
 position: absolute;
 right:0; top:10px; height: 60px;
 width: 4px; background-color: #659bec;
 }
 h2.title.white_title{ margin-right:2%; padding-bottom:2.5%; }
 h2.title.white_title span { color: #fff; }
 h2.title.white_title:before{ background-color: #fff;    }
/*--------------------------------------------------
PROJECT
--------------------------------------------------*/
 .bottom_arrow{ padding-top:50px;  padding-bottom:100px;}
.container{  }
 .navbar-nav{ width: 100%; position: fixed; top:0; background-color: rgba(255,255,255,1); list-style-type: none; margin:0; padding:0; text-align: center; direction: rtl; border-bottom:1px solid #DFDFDF; z-index: 89; }
 .navbar-nav li{ display: inline-block; margin-left:-4px; }
 .navbar-nav li a{ color: #1F2023; text-decoration: none; padding:17px 20px; display: block; border-left:1px solid #659bec }
 .navbar-nav li a:hover{ background-color: #659bec; }
  .navbar-nav li:last-child a{ border-left:none; }
  .navbar-nav li.hidden a{ border-left:none; }

 #about_proj_holder{ padding:2.5% 5% 2.5%; text-align:  center;  direction: rtl; width: 60%; margin:0 auto; }
 .proj_logo{ text-align: center; width: 20%; padding:0%; background-color: #fff; border-radius: 50%;  margin:0 auto; overflow: hidden; display: inline-block;  }

.archit{ text-align: center; width: 20%; padding:0%; background-color: #fff; border-radius: 50%;  margin:0 auto; overflow: hidden; display: inline-block;  }

  .proj_text{ padding:5%; margin:0 auto; width: 80%; }
 .proj_logo img,.archit img{ width: 100%; }


 .proj_phone{ padding-bottom:2.5%; direction: ltr; text-align: center; }
 .proj_phone a{ text-decoration: none; font-size: 3em; color:   #4D4D4F; font-family: 'Merriweather', serif; font-style: italic; padding-right:20px; }
.proj_phone img{ opacity: .5; position: relative; top:3px; }

/*.proj_contact{ background-color: #659bec; padding:10px; } */
.proj_contact form{ padding:0; margin:0; }
.proj_contact input{ font-size: 1em; padding:5px; border:1px solid  #E6E7E8; width: 25%; }
.proj_contact button{ cursor: pointer;font-size: 1em; padding:5px; border:1px solid   #659bec; background-color:  #659bec; width: 15%;  position: relative; }
.proj_contact button:after{

 content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #659bec;

    position: absolute;
    top: 8px;
    left: 7px;
    z-index: 1;
     -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
 }
 .proj_contact button:hover:after{ color:   #1F2023;      }

 .imaging_container { width: 100%; margin:0 auto; }
  .project_map { width: 60%; margin:0 auto; padding-top:2.5%; }
 .project_map iframe{ height: 500px; }


 #main_proj_menu{ text-align: center;/* border-top:1px solid #659bec;*/color: #659bec;padding:10px 0; margin:0 auto; margin-top:20px; position: relative; }
#main_proj_menu:before{
	content: "";
	display: block;
	width: 100%; height: 1px;
	top:-10px;
	position: absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f2023+0,edcc59+48,1f2023+100 */
background: #fff; /* Old browsers */
background: -moz-linear-gradient(left, #fff 0%, #659bec 48%, #fff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fff 0%,#659bec 48%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fff 0%,#659bec 48%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 ); /* IE6-9 */

 }
  #main_proj_menu a{ text-decoration: none; display: inline-block; padding:0 10px; color: #000; }
  #main_proj_menu a:hover{ color:  #1F2023; }
 .floorPlans_holder{ display: inline-block; margin:0 auto; padding-top:2.5%; }
 .floorplan a{ position: relative; border-bottom:1px solid #659bec; font-size: 1.33em; font-weight: 400; padding:15px 50px; direction: rtl; text-align: right; display: block; color: #1F2023; text-decoration: none; }
 .floorplan a:after{ content: "\f1c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #659bec;
     cursor: pointer;
    position: absolute;
    top: 15px;
    left: 7px;
    z-index: 1;
     -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
   .floorplan a:hover:after { color: #F51C24; }


.row.special{  position: absolute; bottom:0; background-color: #FFFFFF; width: 100%; padding:50px 0; }



 .about-section {

    padding-top: 100px;

    text-align: center;
    background: #eee;
	position: relative;

}
#contactUs.about-section{ padding-top:0; }
.imaging-section {
    min-height: 100vh;
   /* padding-top: 100px;  */
    text-align: center;
    background: #fff;
}

.location-section {
    min-height: 100vh;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}
.specification-section {
    min-height: 100vh;
    text-align: center;
    background: #fff;
	background-image: url(pics/proj_spec_bg.jpg); background-attachment: fixed; background-position: center; background-size: cover;

}
.floorPlans-section {
    min-height: 100vh;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}

.proj_specification{ background-color: #fff; width: 50%; margin:0 auto; padding:5%; min-height: 100vh; padding-top:150px; direction: rtl; }
.proj_specification h1{padding-bottom:5%; /*text-align: right;*/}
.proj_specification ul{ padding:0 ; margin:0; list-style-type: none; text-align: center; width: 70%; display: inline-block;margin:20px 0; vertical-align: top; margin-left:-4px;  }
.proj_specification li:first-child{/* padding-bottom:15px; */ }
.proj_specification li{ padding:3px 0; }



.gal_image_image{ margin-bottom:20px; }
.gal_image_image img{ width: 100%; }

#firm{ padding:5% 10%; background-image: url(pics/bg.jpg);  background-size: cover; }
.firm_about{ padding-top:5%; line-height: 1.7; text-align: justify; width: 50%; display: inline-block; padding-left:10%;  vertical-align: top;}
.firm_logo{ display: inline-block;  width: 48%; }
.firm_logo img{width: 100%; }


#yazam_grid{ height: 400px; }
.grid-cell_holder{ float:right;}
.gird-cell2{position: relative; padding:5px; }
.gird-cell2 img{ width: 100%; }
.gird-cell2 h2{ position: absolute; bottom:5px; width:calc(100% - 10px); background-color: rgba(0,0,0,.8); color: #659bec; font-size: 1.125em; text-align: center; padding:10px 0; }
.grid-cell_holder{ float:right;}
.gird-cell3{position: relative; padding:5px; }
.gird-cell3 img{ width: 100%; }
.gird-cell3 h2{ position: absolute; bottom:5px; width:calc(100% - 10px); background-color: rgba(0,0,0,.8); color: #659bec; font-size: 1.125em; text-align: center; padding:10px 0; }
.g3{ width: 29.2% }
.g2{ width: 29.2% }
.g1{ width: 41.4% }
.g7{ width: 12.8% }
.g5{ width: 40% }
.g6{ width: 33.3% }
.g4{ width: 12.8% }


/*--------------------------------------------------
INFO PAGE
--------------------------------------------------*/

#team_holder{ width: 100%; max-width: 1200px; margin:0 auto; position: absolute; bottom:0; left:0; right:0; }
#about{ }
.about_pic{  width: 37%; display: inline-block; margin-left:-4px; padding-left:5%; }
.about_text{ width: 30%; display: inline-block; vertical-align: top; margin-left:-4px; }
.about_text p{ padding-top:5%; text-align: justify; line-height: 1.7;}
.about_map{ width: 33%; display: inline-block;  margin-left:-4px; padding-right:2.5%;vertical-align: top; }
#team{ padding-top:50px; }
.about_pic img, .about_map img{ width: 100%; }

#people{ height: 100vh; overflow: hidden; }



.about_btn a{ margin:10px auto; width: 90%; display: block; background-color:  #659bec;

 color:  #3C3C3C;
  padding:10px;
  text-align: center;
  font-size: 1.125em;
  font-weight: 400;
  text-decoration: none;
  border-radius: 3px;


 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer; }
.about_btn a:hover{ background-color: #1F2023; color: #659bec;}

/*--------------------------------------------------
PROJECTS PAGE
--------------------------------------------------*/
.grid {

	margin: 0;
	width: 102%;
	margin-right:-1%;

   padding:0;
    direction: rtl;
	list-style: none;
 padding-bottom:5px;



}
.gird-cell{ float:right;
width:16.6666%;
height:260px;
   /* width: calc( (100% - 60px) / 4 );  */
    text-align: center;
    padding: 7px;
    position: relative;
    margin-left: -4px;
	margin-bottom:10px;
   }

   .gird-cell:nth-child(1){ height: 530px;  width: 33.332%}
   .gird-cell:nth-child(2){ width: 16.6666%;  height: 530px;}
   .gird-cell:nth-child(3){  width: 33.332%}
   .gird-cell:nth-child(6){ width:  33.332%}

.gird-cell h2{ position: relative;  color: #3598DB; font-size: 1.66em; font-weight: 600; }

.gird-cell p{ }
.gird-cell h2 span{ color: #3c3c3c;}
.circle_shadow{position: relative; top:-20px; }
.circle_shadow img{width:100%; }
/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin:0;
	width:100%;

	background: #fff;
	text-align: center;
	cursor: pointer;

      -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
     height: inherit;

}
.grid figure:nth-child(5){ margin-right:0; }
.grid figure a {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;

	background: #fff;
	text-align: center;
	cursor: pointer;

}
.grid figure img {
	position: relative;
	display: block;

	height: 260px;

	opacity: 1;
}
.gird-cell:first-child>.effect-chico img{height:530px; min-width: 100%; width: initial; }
.gird-cell:nth-child(2)>.effect-chico img{height:530px; min-width: 100%; width: initial;  }
.grid figure figcaption {

	color: #fff;
	font-size: 1.25em;
    opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
 .grid figure:hover figcaption{ opacity: 1; }
 .grid figure:hover figcaption .cat_icon{ opacity: 1;}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 999;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-weight: normal;


}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;

}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

.cat_icon{ display: inline-block; position: absolute; top:100px; left:0; margin:0 auto; right:0; padding:0; z-index: 99; width: 150px; height: 150px;  border-radius:50%; overflow: hidden;  transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
figcaption> .cat_icon img{ width: 100%;  opacity: 1;  min-height: initial;}
.gird-cell:first-child>.effect-chico .cat_icon img{ height: initial; }

figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico:hover img {
	opacity: 1;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

figure.effect-chico figcaption {

}


figure.effect-chico figcaption::before,
figure.effect-chico p {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-chico h2 {
    position: absolute;
    padding: 5px 3%;
   left:0; 	width: 100%;
    text-align: center;
    font-size: 1em;
    color:   #659bec;
	 font-weight: 300;
    bottom:0;
	background: rgba(0,0,0,0.8)
}

figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.video_holder{ width: 33.333%; display: inline-block; margin-left: -4px; }


.timeline_title{ padding:2.5%; text-align: center; }
.home_design_block{ width: 25%; display: inline-block; margin-left:-4px; padding:2.5%; vertical-align: top; }
.home_design_block img{ width: 100%; }
.home_design_block p{ height: 80px; overflow: hidden; }
.desigh_image{  padding:5px; border:1px solid #659bec }
#home_design_holder{ margin-right:-4%; text-align: center; }
.home_design_block{ text-align: right; }
.home_design_block h3{ padding-top:15px; font-size: 1em; }
.home_design_block p{ }
.home_design_block a{ font-weight: bold; font-size: .86em; font-style: italic; color: #659bec; }
.home_design_block a:hover{ color: #3C3C3C; }
 .pnim_section{ padding:5% 10%;    background-image: url(pics/bg.jpg); background-size: 100%; }

.article_holder{ width: 86%; max-width: 800px; margin: 0 auto; text-align: right; direction: rtl; padding:2% 0 5%;padding-right:100px; }
.article_holder img{ width: 100%;  padding:5px; border:1px solid #659bec; margin:2% 0 5%; }
.art_back a{ background-color: #659bec; padding:15px; color: #1F2023; display: inline-block; text-decoration: none;
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear;
 }
 .art_back a:hover{ background-color: #1F2023; color: #659bec; }
.art_back{ text-align: left; margin-top:50px; }


.top_image{ height: 300px; background-size: cover; overflow: hidden; background-attachment: fixed; text-align: center; }
.top_image:before{
    content: "";
    display: block;
    width: 38%;
    height: 400px;
    background-image: url(pics/logo_pat.png);
    position: absolute;
    right: 8%;
    top: -100px;
    /* right: 0; */
    /* margin: 0 auto; */
    background-size: cover;
	z-index: 2;

 }
 .top_image:after{

 content: "";
    display: block;
    width: 100%;
    height: 300px;
    background:rgba(0,0,0,.4);
    position: absolute;
	left:0; top:0;
	z-index: 1;

  }
.yazam{  background-image: url(pics/yazam.jpg);background-size: 100%;  }
.sviva{  background-image: url(pics/sviva.jpg);background-size: 100%;  }
.maps{  background-image: url(pics/maps.jpg) }
.purchase{  background-image: url(pics/purchase.jpg) }
.payments{  background-image: url(pics/payments.jpg); background-position: bottom; }
.mortgage{  background-image: url(pics/mortgage.jpg); background-position: top; background-size: 100%; }
.plans{  background-image: url(pics/plans.jpg); background-size: 100%; background-position: bottom;}
.price{  background-image: url(pics/price.jpg); background-size: 100%;}
.links{  background-image: url(pics/links.jpg); background-size: 100%;}

.pnim_title{ position: relative; top:130px; font-size: 4em; text-align: center; z-index: 3;  display: inline-block; margin:0 auto;}
 h2.pnim_title{ color:  #659bec; line-height: 1; font-weight: 500;text-shadow: 2px 3px 0px #000; }
h2.pnim_title  span{ display: block; font-size: 50%; font-weight: 300; color:  #fff; border-top:1px solid #659bec; border-bottom:1px solid #659bec;}

.city_map{ width: 39%; display: inline-block; margin-left:-4px; padding:2%; }
.wide_map{ width: 61%; }
.city_map> h2{ font-size: 1.33em; font-weight: 500; padding-bottom:2.5%; }
.city_map img{ width: 100%; }
.proj_info_text{ display: inline-block; width: 35%; padding-left:5%; text-align: justify; margin-left:-4px; vertical-align: top; line-height: 1.7; }
.gallery_container { display: inline-block; width: 65%; margin-left:-4px; vertical-align: top; }


  /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding:2.5%;
	margin-top:15vh;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.modal-content a{ color: #1F2023; font-weight: 500; }
.modal-content p{ line-height: 1.7; }

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
 position: absolute;
 right:10px; top:10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.modal-body {padding: 2px 16px;}


.step_number{ display: inline-block; width: 25%; margin-left:-4px; vertical-align: top; text-align: center; cursor: pointer; }
.step_number img{ width: 100%; padding:0 20%}
.step_number span{ font-weight: 500; font-size: 1.33em; }

#payments_table{ width: 100%; border:1px solid #DCDCDC; text-align: center;}
.table_head,.prices_head{ font-weight: 500; background-color: #659bec;}
.tab_row span{ padding:10px; border:1px solid #DCDCDC; }
.tab_row span:nth-child(1){ width: 10% }
.tab_row span:nth-child(2){ width: 40% }
.tab_row span:nth-child(3){ width: 25% }
.tab_row span:nth-child(4){ width: 25% }
.tab_row:nth-child(even) { background-color: #F2F2F2; }
.tab_row,.prices_row{
	width: 100%;
	display: -webkit-inline-flex; /* Safari */
  display: inline-flex; -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap; }
  .prisa{  width: 40%; }
  .prisa_info h3{ padding-bottom:15px; padding-top:50px; }
  .prisa_info p{ line-height: 1.7; }
  .moed{ padding:10px 0; border-bottom:1px solid #659bec }

  .mortg h2{ text-align: right; display: inline-block; position: relative; border-bottom:1px solid #659bec; margin-bottom:40px; margin-top:40px; font-weight: 500; color: #659bec; }
.castah{ font-size: 86%; }

 .prices_row span{ padding:10px;border:1px solid #DCDCDC; width: 7%; text-align: center; }
  .prices_row span:nth-child(13){ width: 9%; }
  .prices_row span:nth-child(4){ direction: ltr;}
 .prices_row span img{  width: 100%; padding:0 30%;}
 .prices_row{ position: relative; }
 .prices_row:nth-child(even) { background-color: #F2F2F2; }
 .prices_row.disable:after{
  content: "";
  position: absolute;
  top:0; width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(158, 185, 225, .8) ;
  z-index: 1;
  background-image: url(pics/sold.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
 }
 .prices_row.disable{ border-bottom: 1px solid #F2F2F2 }
 .vacant{ text-align: center; font-size: 1.33em; padding:10px;color: #659bec; background-color: #1F2023; }
 .container{
			width: 100%;
			margin: 0 auto;
		}



		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;

			display: inline-block;
			margin-left:-4px;
			padding: 10px;
			cursor: pointer;
			border-top:1px solid  #fff;
			border-right:1px solid  #fff;
				border-left:1px solid  #fff;
				background-color: #DCDCDC;
		}

       .plans_tabs ul.tabs li  { padding:10px 3%; width: 25%; }
		ul.tabs li.current{
			background:   #fff;

		}

		.tab-content{
			display: none;
			background: #fff;
			padding: 0;
		}

		.tab-content.current{
			display: inherit;
		}
		.tab-link{ font-size: 1.66em; font-weight: 500; color: #659bec; text-align: center; }
		.tab-link span{ display: block; font-size:86%; color: #666666; }

.pdf_holder,#links_holder{ width: 100%;
	display: -webkit-inline-flex; /* Safari */
  display: inline-flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
   }


  .app_pdf{padding:15px; }
  .app_pdf a{ display: block; direction: ltr;  text-align: center; text-decoration: none; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear;
      box-shadow: 0 0px 0px 0px black;
	  width: 100%;
  }

  .app_pdf img { height: 85px;}
  .app_pdf span,.link a span{font-size: .86em;  display:block;  color: #1F2023;  }
   .floor_plans .app_pdf{ display: inline-block; width: 33.333%; margin-left:-4px;}
   .floor_plans .app_pdf a{  color: #1F2023;}
   .floor_plans{ width: 30%;  display: inline-block; margin-left:-4px; vertical-align: top;}
   .pdf_holder{width: 70%;display: inline-block; margin-left:-4px; border-right:1px solid #DCDCDC;  }
   .pdf_holder.pdf_holder2{  width: 100%; border-right:none; }
   .pdf_holder .app_pdf{ width: 16.666%;display: inline-block; margin-left:-4px;}
   .plans_inliner{ border-bottom:2px solid #659bec; padding:1.5% 2.5%;  text-align: center;}

  .link { width: 33.333%; padding:30px 15px;display: inline-block;	margin-left:-4px; text-align: center;  vertical-align: top; }
  .link a{ text-decoration: none; }
  .link img{ width: 100%; padding:1.5% 25%; }

   #links_holder{
   	width: 60%; display: inline-block;
	margin-left:-4px; vertical-align: top;
}
 .link_img{ 	width: 40%; display: inline-block;
	margin-left:-4px; vertical-align: top; }
	.link_img img{ width: 100%; }
  .link.long{ width: 50%; }
  .tabs_header{ padding:15px; width: 100%;  background-color: #1F2023; }
  .tabs_header span{ display: inline-block; margin-left:-4px; font-size: 1.33em; text-align: center; color: #659bec;font-weight: 500;}
  .tabs_header span:nth-child(1){border-left:1px solid #666666; width: 30%}
  .tabs_header span:nth-child(2){ width:70%}
  .tabs_header span:only-child{ width: 100%; border-left:none; }

/*--------------------------------------------------
CONTACT PAGE
--------------------------------------------------*/
#contact_holder{ background-color:#4D4D4F; color:#fff;}
#projects_row_cont{ height: 600px; margin:auto; background-image: url(pics/bg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; position: relative;}

.contact_main_form{ background-color: #659bec;position: relative; padding:5% 20% ;
	color:#28292d;  background-image: url(pics/contact_bg.png); background-position: left; background-repeat: no-repeat;


}


#contact_buyers{ position: absolute; bottom:10%; right:10%;  width: 40%; margin:0 auto;padding:2.5% ; background-color: #fff; border:5px solid #000;}
.contact_main_form form{ margin:0; }
#contact_buyers h3{ font-size: 1.66em; font-weight: 300; color:  #1F2023; text-align: center;padding-bottom:15px; }
#contact{ }
#contact_address{ width: 40%; float: right; text-align: right; font-size: 1.125em; color: #3C3C3C; padding-top:3%; }
#contact_address a{ color:#3C3C3C  }


.contact_map iframe{width:100%;}
#map{ width: 100%; }
#map iframe{ height: 550px; }
.half{ display: inline-block; margin-left:-4px; width: 50%; padding:0 2%; vertical-align: top; }

#contact input[type="text"],#contact_buyers input[type="text"]{

  width: 100%;
   background:#fff;

  border: 1px solid #000;

  padding:7px;
  border-radius: 3px;
  text-align: right;
  outline: 0;
  font-size: 1.125em;

  margin: 7px 0;
}
#contact input[type="text"]{ border:none; }
#contact label{color:#000;}
#contact input[type="submit"]{
  padding:7px;
  border-radius: 3px;

 background-color: transparent;
 color:  #3C3C3C;
  border: none;
  text-align: center;
  font-size: 1.125em;
  font-weight: 400;
  float:left;
  margin-left:2%;


  cursor: pointer;
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
#contact input[type="submit"]:hover{
 background-color:  #28292D;
 color:   #659bec;


}
#contact_buyers input[type="submit"]{
 padding:5px 20px;
 float:left; margin-left:2%;
 background-color:  #659bec;
 border:2px solid #659bec;
 color:  #3C3C3C;

  text-align: right;
  font-size: 1.125em;
  font-weight: 400;
  margin-top:7px;
  cursor: pointer;
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
#contact_buyers input[type="submit"]:hover{ background-color: transparent; color: #659bec; }


#contact_buyers  textarea{
  width: 96%;
   background:#fff;

  border: 1px solid #000;
  padding:5px;
  text-align: right;
  height: 100px;
  resize: none;
  outline: 0;
  font-size: 1em;
  margin:7px 2%;
}
#contact textarea{
  width: 100%;
   background:#fff;
 padding:7px;
  border-radius: 3px;
  text-align: right;
  outline: 0;
  font-size: 1.125em;

  margin: 7px 0; border: none;

  text-align: right;
  height: 135px;
  resize: none;
  outline: 0;

}
#contact_holder{ position: absolute; right:0; width: 25%; top:0; height: 100%; }
#address{ width: 46%; float: right; text-align: right; direction: rtl; }

#address a{
  color: #333;
  text-decoration: none;
  font-size: 1em;
}
#address a:hover{
  color:  #666666;
  text-decoration: underline;
  font-size: 1em;
}
.form-group input[type="text"]{border-radius:5px;}
.form-group label,.form-group input[type="text"]{color:white;}
/*--------------------------------------------------
FOOTER
--------------------------------------------------*/
footer{ width: 100%; background-color: #28292D;}

#footer_address{ width: 100%; text-align: center; direction: rtl; padding: 3% 0;  font-size: 1rem; color: #659bec;  }
#footer_social{ width: 100%; text-align: center; padding-top: 1.5%; }
#footer_social a{ display: inline-block; width: 35px; height: 35px; text-align: center; border-radius: 50%; background-color: #659bec;  color: #3C3C3C; margin:0 10px;}
#footer_social a i{ font-size: 120%; line-height: 35px; }



#footer_address a{
  color:  #659bec;
  text-decoration: none;

}
#footer_address a:hover{
  color:   #FAD6A7;
  text-decoration: underline;

}
#footer_address span{ padding-right:2%; font-size: 1.05rem; }

#main_menu_mob{ display: none; clear: both; }
#submenu{ display: none; }
#submenu ul{ list-style-type: none; padding:0; margin:0}
#submenu ul li{ border-bottom: 1px solid #666666; text-align: right; padding: 10px 20px; background-color: #e6e7e8;}
#submenu ul li a{ color: #333333; text-decoration: none; }
royalSlider > .rsContent {
visibility: hidden;
/* or display:none depending on your needs... */
}
#quick_contact_wrap{ padding:0 5px; }

 .nomob{ display: inline-block; }
 .mob{ display: none; }

 #prices_holder .tab-content{ padding:0;  background-color: transparent; }
 #prices_holder ul.tabs li{ width: 12.5%; padding:10px; font-size: 1.33em; }

/* ---------------------------------- */


/*--------------------------------------------------
MINISITE
--------------------------------------------------*/
#minisite_proj_info{position: absolute; bottom:0; width: 100%; z-index: 9999999;  background-color:rgba(255,255,255,1);}
.minisite_proj_info{  padding:10px 5%;}
.minisite_proj_logo  { float:right; width: 10%; }
.minisite_proj_logo2  { float:right; width: 8%; margin-left:1%; }
.minisite_proj_logo img{ width: 100%; overflow: hidden; border-radius: 50%; }
.minisite_proj_logo2 img{ width: 100%; overflow: hidden; border-radius: 50%; }
.minisite_form{ float:left; width: 85%; padding:0 5%; text-align: right;  direction: rtl; }
.minisite_form.form2{ float:left; width: 80%; padding:0 5%; text-align: right;  direction: rtl; }
.minisite_form h2{ padding:2.5% 0; text-align: center;  font-weight: normal; font-size: 2em;}
.minisite_form h3{ padding:2.5% 0; text-align: center;  font-weight: normal; font-size: 2em;}
.minisite_form h2 a{ text-decoration: none; color: #147ed5 }
.minisite_form h2 a img{ position: relative; max-height:30px; top:5px; }
.minisite_form input{  width: 27%; padding:7px; font-size: 1.125em; border:1px solid #E6E7E8; border-radius: 3px; text-align: right; }
.minisite_form input[type=submit]{ width: 15%; background-color: #147ed5; color: #fff; text-align: center; }
#minisite_desc{ padding:10px; font-size: 1.33em; color: #fff; text-align: center; background-color: #3598DB; }
.rsABlock {
	right: 0;
	left:0;
	margin:0 auto;

	top: 55vh;
	width: 100%;
	text-align: center;


}
.rsABlock h1{padding:1% 5%; font-size: 4em; color:  #fff; text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+49,0+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 49%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 49%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 49%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
text-shadow:
       3px 3px 0 rgba(0,0,0,.5),
     -1px -1px 0 rgba(0,0,0,.5),
      1px -1px 0 rgba(0,0,0,.5),
      -1px 1px 0 rgba(0,0,0,.5),
       2px 2px 5px rgba(0,0,0,.8),
	    2px 2px 10px rgba(0,0,0,.8)	   ;}




#full-width-slider2 .rsABlock {
	top: 50%;
	width: 100%;
	color: #1F2023;

 }
 #full-width-slider2 .rsABlock.rsABlock_right{ right:0; text-align: right; }
 #full-width-slider2 .rsABlock.rsABlock_left{ left:0; text-align: right; top:70%  }
  #full-width-slider2 .rsABlock.rsABlock_right .top_title{ float: right; }
 #full-width-slider2 .rsABlock.rsABlock_left .top_title{float:left; }
 #full-width-slider2 .rsABlock h2{ font-size: 2em; color: #659bec;  text-shadow: 1px 1px 0px rgba(0,0,0,.5)     }
  #full-width-slider2 .top_title { width: 33%; background-color: rgba(31, 32, 35, .7); padding:10px; color: #fff; }

  #full-width-slider3 .top_title{ background-color: rgba(31, 32, 35, .7);padding:10px; color: #fff; width: 33%; margin:0 auto; }
  #full-width-slider3 .rsABlock { top:55%; padding-right:100px;  }
  #full-width-slider3 .rsABlock h2{ font-size: 2em; color: #659bec;  text-shadow: 1px 1px 0px rgba(0,0,0,.5)     }



.prices_table{ font-size: .86em; }
.free_appart{ color: #659bec; text-align: center;padding-top:5px; }

/*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:959px) {
	.rsABlock {

	top:  auto;
	bottom:0;



}
#footer_address{ margin-right:0; }
.nav a{ text-shadow: none; font-size: 1.33em; font-weight: normal; }
.article_holder{ padding-right:0; padding-top:100px; }
.imaging-section{ padding-top:100px; }
	.rsABlock h1{ font-size: 2em; font-weight: normal; }
#minisite_desc{ font-size: 1.125em; }
#minisite_proj_info{ position: relative; }
.minisite_proj_info{ position: relative;background-color:rgba(255,255,255,1); }
.minisite_proj_logo { width: 33.333%; margin:0 auto; float:none; position: absolute; top:10px; z-index: 999; left:0; right:0; }
.minisite_form{ width: 100%; padding:2.5% 5%; }
.minisite_form h2{ font-size: 1.33em; }
.minisite_form h2 a{ font-size: 1.33em; background-color: #E6E7E8; margin:10px 0; display: block; border-radius: 50px; padding:7px; }
.minisite_form input,.minisite_form input[type=submit]{ width: 100%; margin:5px 0; }
	 .nomob{ display: none; }
 .mob{ display: block; }

  .bordered{     border-collapse: collapse;    font-size: 90%; width: 100%; }
  .bordered td, .bordered th{ padding:5px 0; text-align: center; }
.gmap{
	position: static;
	top:0;
	right: 0;
	width: 100%; 
	height: 300px;
}
#about{ width: 100%; }
#about p{ line-height: 1.5; }
.section{ height: initial; }
.gird-cell{ width: 100%; height: 240px; margin-bottom:10px }
.about_pic, .about_text, .about_map{ width: 100%; }
.half{ width: 100%; }
.archit{ width: 40%; }
#logo{ position: absolute; width: 20%; left:10px; z-index:999999; margin:0 auto; left:0; right:0; }
#logo img{ padding:5px;}
header{ display: none; }
#main_menu_mob{ display: block;  position: fixed; width: 100%; top:0; z-index: 999998; height: 70px; background-color:  #231f20; }
#top_menu{ display: none; }
.navbar-nav{ top:65px; }
.grid figure a{ z-index: 99999999; }
.search_mob{ position: relative; top:30px; left:10px; }
#close-bar2{ z-index: 9999; top:-10px; }
.hidden_holder{ left:-10px; }
#hiddenPanel2 {position:absolute; top:10px; right:-100%; width:100%; z-index: -1; background-color: #231f20; padding:20px; height: 230px;}
#search_form2{ display: block; padding-top:50px; }
.styled-select select{ width: 100%; margin:10px 0; }
#project_big_pic{ display: none; }
.top_project{ position: relative; width: 100%; left:0; top:0; }
.proj_logo{ height: auto; }
.proj_info{ text-align: center; }
#submenu{ display: block; }
#techText img{ display: none; }
#techText_holder{ position: relative; width: 100%; }
.proj_name{ font-size: 1px; }
#footer_address{ width: 100%; }
#footer_social{ width: 100%; text-align: center; }
.word{ font-size: 3em; }
#info_main_pic{ width: 100%; height: auto; }
.pic1,.pic2,.pic3,.pic4,.pic5,.pic6 { display: none; }
.info_text{ width: 100%; padding:3%; }
.info_text h1{ font-size: 2em; }
#projects_row{ background-image: none; height: auto; }
.project{ margin-left:0; width: 100% }
.tripple_proj {padding:0!important;}
#quick_contact_wrap { padding:0 10px; }
.project_added_info{ position: static; width: 100%; margin:0; }
#projects_row_cont{ background-size: contain; height: auto; padding-top:40%; }
#contact_holder{ width: 100%; top:20%; position: static; overflow: auto; }

#about{  height: initial;  }
.section{  min-height: initial; }
#section2, #section3,#section4,#section5,#section6{ height: initial;  }
#section2{ background-image: none; }
.firm_about{ width: 100%; padding-left:0; }
h2.title:before{ top:0; }
.firm_logo{ width: 100%; }
#section7{ padding-right:0; }
footer{ position: relative; }
.contact_main_form{ width: 100%; padding:5% 10%; margin-top:0; }
#contact,#contact_address{ width: 100%; padding:0; }
#footer_address span{ width: 100%; text-align: center; display: block; }
#map iframe{ height: 50vh; }
#contact input[type="submit"]{ text-align: center; width: 96%; color:  #659bec; background-color: #231F20; font-size: 1.33em; padding:7px; margin-bottom:30px; }
#contact_address{ text-align: center; }

.navbar-nav li a{ padding:7px 5px; }
.container{ padding-right:0; }
#about_proj_holder,.proj_text{ width: 100%; }
.proj_logo{ width: 40%; }
.proj_phone a{ font-size: 2em; }
.proj_contact{ width: 80%; margin:0 auto; }
.proj_contact button,.proj_contact input{ width: 100%; margin:5px 0; }
.imaging_container{ width: 100%; overflow: hidden; }
.sliderContainer{ width: 200%; }
.proj_specification{ width: 90%; background: rgba(255,255,255,.9) }
.proj_specification ul{ width: 90%; }
.proj_specification ul li{ border-bottom:1px solid #659bec }
#contact_buyers{ width: 90%; right:5%; }
.home_design_block{ width: 100%; }
#home_design_holder{ margin-right:0; }
#close-bar{ background-color: transparent; border:none; }
#team_holder{ overflow: hidden; bottom: auto; }
#team_holder .sliderContainer{ width: 100%; }
#people .sliderContainer{ width: 100%; }
#team{ padding-top:100px }
#full-width-slider2 .top_title{ width: 49%; font-size: 74%; padding:4px; }
#people{ padding-top:70px; }
#full-width-slider3 .top_title{ width: 100%; }
.grid figure figcaption{ opacity: 1; }
#main_menu{ display: none; }
#video_holder{ height: initial; margin-top:70px; width: 150%; margin-left:-25%; }
#section1{ min-height: initial; overflow: hidden; }
.section#section1{ min-height: initial;margin-top:70px; }
.md-contentX{ display: none; }
#section2{ padding-top:30px; }
#close-bar{ display: none; }
.gird-cell:nth-child(1){ height: 300px; width: 100%; }
.gird-cell:first-child>.effect-chico img { height: 300px; }
.gird-cell:nth-child(3){ width: 100%; }
.gird-cell:nth-child(4){ width: 100%; }
.gird-cell:nth-child(6){ width: 100%; }
.gird-cell:nth-child(2){ width: 100%; }
.gird-cell:nth-child(8){ width: 100%; }
.gird-cell:nth-child(9){ width: 100%; }
       .link a:hover i{ font-size: 1.33em; }
.cat_icon{ top:65px; }
#section4{ min-height: 100%; background-position: left; }
.top_image:before{ top:0; height: 200px;right:0; width: 100%; }
.top_image,.top_image:after{ height: 200px; }
.pnim_title{ top:90px; font-size: 3em; }
.city_map,.gallery_container{ width: 100%; }
.proj_info_text{ width: 100%; padding-left:0; }
.step_number,.prisa{ width: 100%; }
.modal-content{ width: 100%; margin-top:0; }
.modal-content h2,.mortg h2{ font-size: 2em; }
.mortgage{ background-size: cover; }
.tab-link{ font-size:.86em; }
.tabs_header{ display: none; }
.floor_plans,.pdf_holder{ width: 100%; border-right:none; border-bottom:2px solid #659bec }
.plans_inliner{ border-bottom:none; }
.pdf_holder .app_pdf{ width: 50%; }
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8{ width: 100%; }
.sviva{ background-size: 230%; }
#section_search, select.styled-select2{ width: 100%; }
#section_search h2{ display: none; }
#section_search button{ width: 100%; }
#prices_holder ul.tabs li{ font-size: 1em; }

.app_pdf,.link{ width: 100%; } #links_holder{ padding:0; width: 100%; }
.link{ padding:15px 0; }
.link_img{ display: none; }
.link span{ }
.prices_section{ padding:5% 0;  }
.prices_table{ font-size: .76em; }
.prices_head span:nth-child(11){ display: none }
.prices_head{ font-size: 10px; }
.prices_head span:nth-child(12){ display: none }
.prices_head span{ width: 10%; padding:4px; }
.prices_row span{ width: 10%; padding:10px 4px;  }
.prices_row span:nth-child(11){ width: 80%; font-size: 150%;}
.prices_row span:nth-child(12){ width: 20%;}
.prices_row span img{ padding:0 15%; }
.mortg p{ text-align: justify; }
}


@media screen and (min-width:560px) and (max-width:959px) {
 #logo{ width: 12%; }
 #contact_buyers{ position: relative; }

}
@media screen and (min-width:960px) and (max-width:1024px) {
	#section1{ min-height: initial; overflow: hidden; }
	#video_holder{ height: initial;  width: 150%; margin-left:-25%; }
#logo{ margin-bottom:0; }
.pnim_section{ padding:5%; }

#map iframe{ height: 350px; }
.contact_main_form{ width: 70%; }

.gird-cell{height:250px;   }

   .gird-cell:nth-child(1){ height: 510px; }
   .gird-cell:first-child>.effect-chico img{min-height:510px }
.proj_text{ width: 100%; }
.proj_specification ul{ width: 90%; }
   	#links_holder{ padding:0; }

	.rsABlock h1{ font-size: 2em;}
	 .pnim_section.prices_section{ padding:5% 1.5%; }
}

@media screen and (min-width:1025px) and (max-width:1200px) {
	.pnim_section{ padding:5%; }
	#links_holder{ padding:0; }
		#section1{ min-height: initial; overflow: hidden; }
	#video_holder{ height: initial;  width: 120%; margin-left:-10%; }
	#logo{ margin-bottom:0; }
	body{ font-size: 14px; }
	#menu a{ padding:12px 5px; }
     	 .pnim_section.prices_section{ padding:5% 1.5%; }
	.firm_about{ padding-left:0; }
	.firm_logo{ padding-right:2.5%; }
	#close-bar{ right:30px; }
      .link a:hover i{ font-size: 1.33em; }
#map iframe{ height: 350px; }
.contact_main_form{  }
 .gird-cell{height:205px;   }

   .gird-cell:nth-child(1){ height: 420px; }
   .gird-cell:first-child>.effect-chico img{height:420px }
   .gird-cell:nth-child(2){ height: 420px; }
   .gird-cell:nth-child(2)>.effect-chico img {height:420px }

.proj_text{ width: 100%; }
	.rsABlock h1{ font-size: 2.33em;}
	.cbp-af-header.cbp-af-header-shrink .cbp-af-inner> #menu{ text-align: left; padding-left:10%}
}

@media screen and (min-width:1201px) and (max-width:1400px) {
	   	#section1{ min-height: initial; overflow: hidden; }
	#video_holder{ height: initial;  width: 120%; margin-left:-10%; }
	#logo{ margin-bottom:0; }
	body{ }
	#menu a{ padding:12px 5px; }
         .link a:hover i{ font-size: 1.33em; }
	.firm_about{ padding-left:0; }
	.firm_logo{ padding-right:2.5%; }
	#close-bar{ right:30px; }
.cbp-af-header.cbp-af-header-shrink .cbp-af-inner> #menu{ text-align: left; padding-left:10%}
#map iframe{ height: 350px; }
.contact_main_form{  }
 .gird-cell{height:205px;   }
     	 .pnim_section.prices_section{ padding:5% }
   .gird-cell:nth-child(1){ height: 420px; }
   .gird-cell:first-child>.effect-chico img{height:420px }
   .gird-cell:nth-child(2){ height: 420px; }
   .gird-cell:nth-child(2)>.effect-chico img {height:420px }

.proj_text{ width: 100%; }
	.rsABlock h1{ font-size: 2.33em;}

}
@media screen and (min-width:1401px) and (max-width:1600px){ .app_pdf span, .link a span{ font-size: 1.125em; }      .link a:hover i{ font-size: 1.66em; } 	 .pnim_section.prices_section{ padding:5%%; }  }
@media screen and (min-width:1401px) {

}
@media screen and (max-height:700px){ }