@font-face{
font-family:'Roboto-Regular';
src:url('Roboto-Regular.ttf');}

@font-face{
font-family:'Roboto-Italic';
src:url('Roboto-Italic.ttf');}

@font-face{
font-family:'Roboto-Light';
src:url('Roboto-Light.ttf');}

@font-face{
font-family:'Roboto-LightItalic';
src:url('Roboto-LightItalic.ttf');}
.carousel-inner{
      height: 68vh !important;
}
.menu_space{height:80px;}
.menu{
  position:fixed; 
  width:100%;
  z-index:10000000;
  background: rgba(255, 255, 255,1);
  font-size:25px;
  height:80px;
}
.menu button{
  background-color:white;
}
.menu .fa{
  background-color:white;
}
.menu2{margin-left: 10%;margin-right:10%;padding-top: 1.5%;}
#menu_pages{text-align:center;display:inline-block;width:50%;}
#menu_rrss{display:inline-block;  }
#menu_image{display:none;}

.dropdownMenu{
  left:-100px !important;
}
.materials_div{
  height: 540px;
}


.footer{
  width:100%;
  background: rgba(255, 255, 255,1);
  font-size:25px;
  height:80px;
}
#footer_pages{text-align:center;display:inline-block;width:50%;}
#footer_rrss{display:inline-block;}

.footer2{
margin-left: 10%;margin-right:10%;padding-top: 1%;text-align: center;
}
.btn-group{
  right: 8%;padding-top: 2%;z-index: 100;
}
.logo{
  height:40px;
  margin-top:1.5%;
}
.logo_footer{
  height:40px;
}
.separation{
  height:1px;
  background-color:#adadad;
  margin-left:15%;
  margin-right:15%;
}

.menu_button {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 0.6em;
  display: inline-block;
  text-decoration: none;
  color:#adadad;
  font-family:Roboto-Light;
}
.menu_button:hover{
	text-decoration: none;
}

/*Home Carousel*/

.top_div{
background-size: cover;
background-image: url("../img/home.jpg");
height:90vh;
}
.title{
text-align:center;
font-size:3.5em;
color:white;
width:70%;
margin: 0 auto;
font-weight:100;

}
#option_container{
  text-align:center;margin-left:10%;margin-right:10%;margin-bottom:2%;
}
.option{
  color:#adadad;
  font-family:Roboto-Regular;
}
.option:hover{
	cursor: pointer;
}
#option_sust:hover{
  cursor:pointer;
}
.option_active{
	color:#363636;
}
.footer_option{
	text-decoration: none;
	color:#adadad;
    font-family:Roboto-Light;

}
.footer_option:hover{
	text-decoration: none;
}
.row.nomargin{
margin-left:0px;
margin-right:0px;
}
.col-md-3.nopadding{
padding-left:0px;
padding-right:0px;
}
.col-md-4.nopadding{
padding-left:0px;
padding-right:0px;
}
.col-md-5.nopadding{
padding-left:0px;
padding-right:0px;
}

.sust_title{
  margin-top:8%;
  font-size: 1.5em;
    font-family:Roboto-Regular;
 }
#materials_title{
    margin-top:8%;
  font-size: 1.5em;
    font-family:Roboto-Regular;
    margin-left:10%;
}
.homes_title{
  margin-top:8%;
  font-size: 1.5em;
    font-family:Roboto-Regular;
}
.sust_left_image{background-image:url('../img/home/sust/sust2.jpg'); background-size:cover;height:400px;}
.sust_right_image{background-image:url('../img/home/sust/sust3.jpg'); background-size:cover;height:400px;}

.design_image1{background-image:url('../img/home/design/design1.jpg'); background-size:cover;height:400px;}
.design_image2{background-image:url('../img/home/design/design2.jpg'); background-size:cover;height:400px;}
.design_image3{background-image:url('../img/home/design/design3.jpg'); background-size:cover;height:400px;}

.int_image1{background-image:url('../img/home/design/design2.jpg'); background-size:cover;height:400px;}
.int_image2{background-image:url('../img/home/design/design3.jpg'); background-size:cover;height:400px;}
.int_image3{background-image:url('../img/home/design/design4.jpg'); background-size:cover;height:400px;}

.material{
  opacity:1;
}
.material:hover{
  opacity:0.9;
  cursor:pointer;
}
.material_selected{
  opacity:1;
  cursor:pointer;
}
.material_other{
    opacity:0.9;
  cursor:pointer;
}
.red{
  background-color:red;
}
.sust_text{
 height: 180px; 
 font-family:Roboto-Light;
 line-height:200%;
}
#materials_text{
 height: 180px; 
 font-family:Roboto-Light;
 line-height:200%;
 margin-left: 10%;
}
.homes_text{
 height: 180px; 
 font-family:Roboto-Light;
 line-height:200%;
}
.design_text{
 height: 180px; 
 font-family:Roboto-Light;
 line-height:200%;
}
a.car_link{
  color:white;
}
a.car_link:hover{
  color:white;
}
a.car_link:visited{
  color:white;
}
a.car_link:focus{
  color:white;
}
a.design_link{
  color:white;
}
a.design_link:hover{
  color:white;
  cursor:pointer;
}
a.design_link:visited{

  cursor:pointer;
  color:white;
}
a.design_link:focus{

  cursor:pointer;
  color:white;
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.overlay { 
  position:absolute;
  z-index:12;
  top:50%;
  left:0;
  width:70%;
  margin-left:15%;
  margin-right:15%;
  text-align:center;
}
.arrow { 
  position:absolute;
  z-index:12;
     top: 60%;
   left: 48.5vw;

 }
 .arrow img{ height:40px;}
.carousel{
  width:100%;
}

.col_home{
  background-color:#618fb4;color:white;padding-left:10%;padding-right:5%;height:350px;
}
.col_homes_text{
  background-color:#618fb4;color:white;padding-left:10%;padding-right:5%;height:350px;
}
.col_homes_image{
  background-color:#618fb4;color:white;padding-left:10%;padding-right:5%;height:350px;
}
.col_co2_container{
    background-color:#618fb4;color:white;padding-left:5%;padding-right:5%;height:350px;
}
.panel_css{
  width: 50%;margin-left: 25%;margin-top:4%;
}
.menu_button_footer {
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
}
.footer_hide{
font-family:Roboto-Regular;
}
#sust_sub_images{
  margin-left: 35%;
  margin-right: 10%;
}
.mix{
  display: none;
}
.about_title{
    font-size: 1.5em;
    font-family:Roboto-Regular;
    margin-top:5%;
    text-align: center;
}
.about_text{
    font-size: 1.3em;
    font-family:Roboto-Light;
    margin-left:20%;
    margin-right: 20%;
    text-align: justify;
    margin-bottom: 10%;
}
.contact_title{
    font-size: 1.5em;
    font-family:Roboto-Regular;
    margin-top:5%;
    margin-bottom: 5%;
}
.contact_main{
background-image: url("../img/contact_main.jpg");
background-size: cover;
height: 25vh;
}
.about_main{
background-image: url("../img/contact_main.jpg");
background-size: cover;
height: 50vh;
}
.homes_main{
background-image: url("../img/home1.jpg");
background-size: cover;
height: 60vh;
}

.send_contact{
 background-color: #6999d1;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 color:white;padding:10px 50px 10px 50px;
 border: none;
 cursor:pointer;
 overflow: hidden;
 outline:none;
}
.calculator_left{
  padding-top:3%;position:relative;
}
.travel_table{
padding-top: 2%; padding-bottom:1%;border-bottom: 1px dashed white;font-family: Roboto-Regular;
}

div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}
input{
    font-family:Roboto-Light;

}
:placeholder-shown {
  font-family:Roboto-Light;
}

#co2_div{
  background-color: #618fb4;
}
.co2_option_selected{
  background-color: #5982a4;
  border: none;
  color:white;
  outline: 0;
  padding-top:3%;
  padding-bottom:1%;
  text-align: center;
  width: 49%;
border-radius: 15px 15px 0px 0px;
}
.co2_option{
  background-color: #517594;
    border: none;
  color:white;
  outline: 0;
  padding-top:3%;
  padding-bottom:1%;
  text-align: center;
  width: 49%;
  border-top-radius: 15px;
border-radius: 15px 15px 0px 0px;

}
#energyUse_div{
  background-color: #5982a4;
    font-family:Roboto-Light;
    color: white;
    padding-bottom: 10px;
}
#energyUse_div input{
  width:110px;
}
#travel_div{
  background-color: #5982a4;
    font-family:Roboto-Light;
    color: white;
    padding-bottom: 10px;

}
.fuel_type_select{margin-top:5px;margin-left:5%;}
.total_co2{
    background-color: #5982a4;
    text-align: right;
    color: white;
    font-family:Roboto-Light;
    padding-right: 20%;
    padding-top:5%;
    padding-bottom: 5%;
    border-top: 1px dashed #618fb4;
    border-radius: 0px 0px 15px 15px;

}
.sub_total_co2_title{
    background-color: #517594;
    text-align: center;
    color: white;
    font-family:Roboto-Light;
    padding-top:5%;
    padding-bottom: 1%;
    border-radius: 15px 15px 0px 0px;
}
.sub_total_co2_energy{
    background-color: #5982a4;
    text-align: right;
    color: white;
    font-family:Roboto-Light;
    padding-right: 20%;
    padding-top:5%;
    padding-bottom: 4%;

}
.sub_total_co2_travel{
    background-color: #5982a4;
    text-align: right;
    color: white;
    font-family:Roboto-Light;
    padding-right: 20%;
    padding-top:2%;
    padding-bottom: 5%;
}
.total_co2_value{
  border-bottom: 1px solid white;
  width:90px;
}
.border_line{
  padding:4%;
  border: 1px solid white;
  background-color: #5982a4;
  border-radius: 15px;
  min-height: 250px;
}
.outer_border{
  padding:5%;
  background-color: #5982a4;
border-radius: 0px 0px 15px 15px;

}
select{
   background-color: #5982a4;
}
.co2_input{
    background-color: #5982a4;
    border: 1px solid white;
    text-align: right;
    margin-right: 10px;
}
.flight_duration_hh{
  width:60px;margin-top:5px;
      background-color: #5982a4;
    border: 1px solid white;
    text-align: right;
    margin-right: 10px;

}
.flight_duration_mm{
  width:60px;
      background-color: #5982a4;
    border: 1px solid white;
    text-align: right;
    margin-right: 10px;
}


.co2_title{
margin-top:1%;
font-size: 1.5em;
font-family:Roboto-Regular;
color: white;
text-align:center;
}
.co2_text{
   font-family:Roboto-Light;
   color: white;
   text-align:center;
   margin-left:15%;
   margin-right: 15%;
}

#gallery_div .mix {
    display: none;
}

.portfolio-item {
    position: relative;
    float: left;
    overflow: hidden;
    width: 25%;
}
img.img_hover:hover{
  opacity: 0.8;
}
.gallery_options{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color:#fafafa;
}

.gallery_option{
  color:#adadad;
  font-family:Roboto-Light;
  border: 1px solid #adadad;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
  padding:10px 50px 10px 50px;
  cursor:pointer;
  overflow: hidden;
  outline:none;
}

.gallery_option:hover{ 
  cursor: pointer;
  text-decoration: none;
  color:#adadad;
}
.gallery_option:visited{
  cursor: pointer;
  text-decoration: none;
  color:#adadad;
}
.gallery_option:active{
  cursor: pointer;
  text-decoration: none;
  color:#adadad;
}
.gallery_option:focus{
  cursor: pointer;
  text-decoration: none;
  color:#adadad;
}
.gallery_option_active{
  color:#6999d1;
  font-family:Roboto-Light;
  border: 1px solid #6999d1;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
  padding:10px 50px 10px 50px;
  cursor:pointer;
  overflow: hidden;
  outline:none;
}
.gallery_option_active:hover{
  color:#6999d1;
  text-decoration: none;
}
.gallery_option_active:visited{
  color:#6999d1;
  text-decoration: none;
}
.gallery_option_active:active{
  color:#6999d1;
  text-decoration: none;
}
.gallery_option_active:focus{
  color:#6999d1;
  text-decoration: none;
}
.delete{
    text-decoration: none;
    color: white; 
    margin-left: 10px;
}
.delete:hover{
    text-decoration: none;
    color: white; 
    cursor: pointer;
}
.subindice 
{vertical-align:sub;
font-size:0.8em;}

.btn_units{
  border: 1px solid white;
  background-color: #5982a4;
  border-radius: 5px;
  color:white;
}
.btn_units_active{
  border: 1px solid white;
  background-color: #517594;
  border-radius: 5px;
  color:white;
}
.btn_units_active:focus{
      outline:none;
}

.btn_units:active{
      outline:none;
}
.gallery_text{
  text-align:center;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color:#fafafa;
  font-family:Roboto-Regular;
  padding-left:15%;
  padding-right:15%;
  color:#adadad;
}
#material_image{
  height:420px;
  padding-right: 0px;
  padding-left: 0px;
}
.left_col_co2{
  margin-left:12%;
}
.buttons_calculator_top{
  margin-left:9%;
}
.specs_grey{
  color:#adadad;
  font-family:Roboto-Regular;
}
.specs_black{
    color:#363636;
    font-family:Roboto-Regular;
}
.specs_black_light{
     color:#363636;
    font-family:Roboto-Light; 
}
.materials_height{
  height:420px;
}
.material_height{
   background-size:cover;height:210px;
}
.web_hide{
  display:none;
}
.mobile_hide{
  display:inline;
}
.interior_space{
  width:15%;margin-left: 15%;
}
.col_2_15{
  width:15%;
}
.artwork_option_div{
  display:inline-block;
}
.input_style{
  display:inline-block;width:200px;height:36px;
   -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
border:solid 1px #adadad;
 overflow: hidden;
 outline:none;
}
.text_area_style{
  width:400px;height:100px;font-family:Asap-Regular;
     -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
border:solid 1px #adadad;
 overflow: hidden;
 outline:none;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#sidebar{
  position:absolute;
  right:8%;
  top: 40px;
}
#homes_menu{
    display: flex;
    justify-content: space-between;
margin-bottom:2.5%;margin-top:2.5%;
text-align:center;
}
.homes_gallery{height:600px;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
.homes_specs{
 margin-left: 15%;width:10%;
 color:#6999d1;font-family: 'Roboto-Regular';
 margin-right:5%;
}
#homes_amenities{
   margin-left: 15%;margin-right: 1%;
   color:#6999d1;font-family: 'Roboto-Regular';
}
#col_regla{width:15%;margin-left: 15%;}
#col_bed{width:15%;}
#col_bath{width:15%;}
#col_floors{width:15%;}
#col_cei{width:15%;}

#col_specs2{width:22%;}

#amenities{text-align:center;}

.carousel-fade .carousel-inner .item {
  opacity: 0.5;
  transition-property: opacity;
  transition-duration:1s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0.5;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0.5;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0.5;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*IPAD Landscape*/
@media only screen and (max-width: 1040px) {
  #sust_sub_images {
    margin-left: 25%;
    margin-right: 10%;
}
#menu_pages{width:45%;}
#footer_pages{width:45%;}
.homes_specs{
 margin-left: 10%;width:10%;margin-right:5%;
}
#homes_amenities{
   margin-left: 10%;margin-right: 6%;
   color:#6999d1;font-family: 'Roboto-Regular';
}
.homes_gallery{height:500px;}

.about_text{margin-bottom:5%;}


}

@media only screen and (max-width: 950px) {
   #menu_rrss{display:none;}
  #menu_pages{display:none;}
  #menu_image{display:inline-block;float:right;}
    #footer_pages{display:none;}
    #footer_rrss{float:right;}
    .homes_gallery{height:400px;}

}

/*IPAD normal*/
@media only screen and (max-width: 770px) {
 #calculator{display:none;}
 #calculator_text{display:none;}
  #menu_rrss{
    display:none;
  }
  #menu_pages{display:none;}
  .overlay{
    top:20%;
  }
  .arrow{top:35%;}
  .title{font-size:3em;}
  .carousel{height:400px;}
  #sust_sub_images {
    margin-left: 10%;
    margin-right: 5%;
}
.sust_left_image{height:300px;}
.sust_right_image{height:300px;}
.design_image1{height:300px;}
.design_image2{height:300px;}
.design_image3{height:300px;}
.int_image1{height:300px;}
.int_image2{height:300px;}
.int_image3{height:300px;}

.calculator_left{
  padding-top:20%;
}
#sidebar{
  top: 152px;
  right:4%;
}
.buttons_calculator_top{
  margin-left:4%;
}
#energyUse_div{
padding-top:20px;
}


#energyUse_div input{
  width:60px;
}
.enertype_option{
  margin-left:-5px;
  margin-right:15px;
}
.co2_input{
  margin-right:0px;
}
#footer_pages{
display:none;
}
.gallery_option{
  padding: 10px 20px 10px 20px;
}
.gallery_option_active{
  padding: 10px 20px 10px 20px;
}
#homes_menu{
  margin-left:15%;margin-right:10%;
}
.homes_specs{
 margin-left: 5%;margin-right:10%;
 color:#6999d1;font-family: 'Roboto-Regular';
}
#homes_amenities{
  margin-left:5%;
}
.homes_gallery{height:400px;}

}

@media only screen and (max-width: 740px) {
.menu_space{height:60px;}
.menu{height:60px;}
.overlay{top:25%;}
.carousel{height:270px;}
.logo{height:35px;}
  .homes_gallery{height:370px;}
  .logo_footer{
  height:35px;
}
.col_homes_text{
  background-color:#618fb4;color:white;padding-left:10%;padding-right:5%;height:150px;
}

}

@media only screen and (max-width: 700px) {
#option_container{
  text-align:center;margin-left:1%;margin-right:1%;margin-bottom:2%; font-size:12px;
}
  .overlay{
    top:35%;
  }
  .title{font-size:2.5em;}

  .carousel{height:250px;}

#material_image{
  padding-right: 0px;
  padding-left: 0px;
  margin-top:0px;
}
.co2_text{
  height:0px;
  margin-bottom:10%;
}
  .sust_text{
    font-size:11px;
  }
    .design_text{
    font-size:11px;
  }
.left_col_co2{
margin-left:5%;
}
.center_col_co2{
  margin-top:0px;
}
.right_col_co2{
  margin-top:0px;
}
.buttons_calculator_top{
  margin-left:1%;
}
#sidebar{
  top: 152px;
  right:1%;
}
.portfolio-item{
  width:25%;
}
#homes_menu{
  margin-left:0%;margin-right:0%;
}
.homes_specs{width:100% !important; padding-left:5%; margin-left:0px;}

#col_specs1{width:100%;padding-left:3%;}
#col_specs2{width:80%; margin-top:5%;}
#col_specs3{width:20%; margin-top:5%;}

  .homes_gallery{height:340px;}

}


@media only screen and (max-width: 660px) {
  .carousel{
    height:210px;
  }
  .homes_gallery{height:300px;}
  .web_hide{display:inherit;}
  .mobile_hide{
  display:none;
}

}

@media only screen and (max-width: 600px) {
  .carousel{
    height:210px;
  }
  .homes_gallery{height:280px;}

}
@media only screen and (max-width: 420px) {
  .carousel{
    height:210px;
  }
  .menu2{margin-left:0px;}
.menu_space{height:60px;}
.menu{height:60px;}
.overlay{top:15%;}
.title{font-size:2em;}

#col_regla{width:20%;margin-left:3%;}
#col_bed{padding:0px;width:20%;}
#col_bath{width:21%;}
#col_floores{width:18%;}
#col_cei{width:18%;}
.homes_gallery{height:230px;}


}

@media only screen and (max-width: 400px) {
.logo{
  height:30px;
  margin-left:15%;
}
.logo_footer{
  height:30px;
  margin-left:15%;
}
.right_col_co2{
  width:36% !important;
}

.menu{height:52px;}
.menu_space{height:52px;}

  .overlay{
    top:15%;
  }
  .title{font-size:1.8em;}

  .carousel{height:180px;}
  .option{font-size:12px;}

  #opt_sust{
    width:33%;
  }
  #opt_des{
    width:33%;
  }
  #opt_int{
    width:33%;
  }
  #opt_mat{
    width:33%;
  }
  #opt_co2{
    width:33%;
  }
  #opt_gal{
    width:33%;
  }
  .sust_text{
    font-size:10px;
  }
  #materials_text{
    font-size:10px;
  }
  #sust_sub_images{
    margin-left:0%;
  }
  #option_sust{
    width:33%;
  }
  .sust_left_image{height:200px;}
.sust_right_image{height:200px;}

  .design_text{
    font-size:10px;
  }
  #option_design{
    width:25%;
  }
  #option_int{
    width:25%;
  }
  .materials_height{
  height:330px;
}
.material_height{
   background-size:cover;height:165px;
}
.co2_text{
  margin-bottom:30%;

}
.left_col_co2{
  margin-left:-2%;
}
#col_co2{
  width:33%;
  font-size:11px;
}
.calculator_left{
  padding-top:36%;
}
.btn-group{
  font-size:10px;
}
#energyUse_div{
  font-size:10px;
}
#energyUse_div input{
  width:45px;
}
#travel_div{
  font-size:10px;
}
#energyUse_div input{
  width:45px;
}
.co2_option{
  font-size:0.6em;
}
.co2_option_selected{
  font-size:0.6em;
}
#calculadora_width{
  width:100%;
}
.artwork_option_div{
  margin-top:25px;
}
#sidebar{
  width:93%;
  position:relative;
  top:20px;
  margin-left:6%;
}
#footer_rrss{
  width:100%;
  text-align:center;
}
.menu2{
  margin-left:-5%;
}
.about_text{
  margin-left:10%;
  margin-right:10%;
}
#homes_menu{
  margin-left:0%;
}
#option_homes{
  width:33%;
  margin-bottom:2%;
}
#option_homes1{
  width:50%;
}
.homes_title{
  margin-top:8%;
  font-size: 1.4em;
}
.homes_text{
  font-size:14px;
}
#col_regla{width:20%;margin-left:2%;}
#col_bed{padding:0px;width:20%;}
#col_bath{width:21%;}
#col_floores{width:18%;}
#col_cei{width:18%;}
.homes_gallery{height:180px;}

#homes_amenities{margin-left:0%;}

}
/*Iphone 5*/
@media only screen and (max-width: 320px) {
  .menu_space{height:60px;}
.menu{height:60px;}
.logo{
  height:30px;
  margin-top:1.5%;
}
.logo_footer{
  height:30px;
  margin-left:0%;
}
.footer2{
  text-align:center;
}

#menu_image{
    text-align: right;
    margin-top: 0px;
    display: inline;
    z-index: 1000;
        padding-right: 0;
    padding-left: 30px;
    width:15%;
    }
  .overlay{
    top:15%;
  }
  .title{font-size:1.8em;}

  .carousel{height:154px;}
  .option{font-size:12px;}
  .sust_title{font-size:1.3em;}
  #materials_title{font-size:1.3em;margin-left:0%;}
  #materials_text{margin-left:0%;}
  #col_sust{padding-left:3%;}
  .design_text{height:216px;}
  #option_design{padding-left:5px;padding-right:5px;}
  .materials_height{
  height:360px;
}
.material_height{
   background-size:cover;height:180px;
}
.col_co2_container{padding-left:0%;padding-right:0%;height:380px;}
.enertype_option select{
  width:70px;
}
.travel_mode_col select{
  width:60px;
}
#mode_of_travel{
  width:30%;
}
.travel_table{
  padding-top:8%;
}
.co2_input{
  width:60px;
}
.fuel_type_select{margin-top:5px;margin-left:3%;}
.flight_duration_hh{width:40px;}
.flight_duration_mm{width:40px;}

#col_regla{width:20%;margin-left: 3%; padding:0px;font-size:10px;}
#col_bed{width:20%; padding:0px;font-size:10px;}
#col_bath{width:20%; padding:0px;font-size:10px;}
#col_floors{width:17%; padding:0px;font-size:10px;}
#col_cei{width:17%; padding:0px;font-size:10px;}

#col_regla img {height:35px;}
#col_bed img {height:35px;}
#col_bath img {height:35px;}
#col_floors img {height:35px;}
#col_cei img {height:35px;}
.homes_specs{width:100% !important; padding-left:5%; margin-left:0px;}

#col_specs1{width:100%;padding-left:5%;}
#col_specs2{width:80%; margin-top:5%;}
#col_specs3{width:20%; margin-top:5%;}

#homes_amenities{width:100%;margin-left:0px;}
#amenities{text-align:center;width: 100%;font-size: 10px;padding: 0px;padding-top: 20px;}
.homes_gallery{height:170px;}
.helper{height:0px;}
.col_homes{height:220px;margin-bottom:5%;}
.col_homes img{height:100px;}
.text_area_style{width:300px;}
.input_style{margin:1px;}

}