﻿
    .header_aera {height: 70px;    background: none;    position: absolute;}
    .cont-head1 {height:100%;}
    h2:after {background:#b6c94f!important}
    .featured_works .featured_gallery .gallery_iner:after {background-color: rgba(182, 201, 79, 0.79)!important;}
    .header_aera .navbar-collapse .navbar-nav.navbar-right li a {font: 700 15px/70px "Roboto", sans-serif; color: #ffffff;}
    .header_aera .navbar-header .navbar-brand {padding: 8px; height:70px;padding-left: 15px;}
    .header_aera .navbar-header .navbar-brand img {width: auto;height:100%;}
    .navbar-right {    margin-right: 0px;}
    
    .header_aera .navbar-collapse .navbar-nav.navbar-right li.img-lnks{height:70px!important}
    .header_aera .navbar-collapse .navbar-nav.navbar-right li.img-lnks a{justify-content: center; height: 100%; display: flex!important; align-items: center;}
    .header_aera .navbar-collapse .navbar-nav.navbar-right li.img-lnks a img { height: 20px; top: -2px; position: relative;}
    .slider_area .slider_inner .camera_fakehover {position: relative; z-index: 1;}
    .slider_area .slider_inner .camera_fakehover:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;z-index: 0;background-color: rgba(0, 0, 0, 0.45);
        width: 100%;        height: 100%;}
    .mob-link-btn img {height: 25px;top: 26px;position: relative;float: right;padding-right: 15px;display:none;}
    .more-btn{font: 700 18px/55px "Roboto", sans-serif; width: 180px; text-align: center;    background: #b6c94f; display: block; text-shadow: none;
    margin: 0 auto; outline: none !important; box-shadow: none;    border: 0;    color: #fff;position: relative; z-index: 2; padding: 0; border-radius: 6px;}
    .more-btn:hover {color:#555; background:#fff;}
    
    .w100 {width:100%}
    .pt-15 {padding-top:15px;}
    .pt-20 {padding-top:20px;}    .pt-35 {padding-top:35px;}
    .pt-60 {padding-top:60px;}
    .pb-20 {padding-bottom:20px;}
    .pr-10 {padding-right:10px!important;}     
    .cerca-dv h5 {font-size: 18px;padding: 10px 0;}
        
    .parallax1, .parallax2, .parallax3, .parallax4 {height: 360px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;        }
    .st-img1, .st-img2 {height: 280px;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .parallax1 {background-image:url("../images/am_pensadas-1920x600.jpg")}
    .parallax2 {}
    .st-img1 { background-image:url("../images/beach_club-1.jpg")}
    .st-img2 { background-image:url("../images/home_nosotros-1920x1282.jpg") }
    

    .img-container-model{height: 380px;background-position: center;background-repeat: no-repeat;background-size: cover;}

    .ame-desc {display: inline-block;height: 280px;padding: 70px 0;}
    .ame-desc h4 {font-size: 23px; color: #fff; font-weight: 600;  padding-bottom: 10px;}
    .ame-desc p {font-size:15px; font-weight :300; color: #fff;  padding-bottom: 10px;}
    .ame-desc .btn {color: #fff; text-decoration: none; background-color:#b6c94f; padding: 10px 30px; font-weight:700}
    .dv-des p, .footer_row p {color:#fff; font-size:18px; text-align:center;}




    .dv-des-logos  {display: flex;align-items: center;justify-content: center; }
    .dv-des-logos label {font-size: 25px;    padding: 0px 10px;    height:auto; position: relative; top: 14px;}
    .footer_row {text-align:center;}
    .copyright_area {padding:50px 0px;}
    .copyright_area a {color:#b6c94f!important; }
    .newsletter-dv input {background: none; border: solid 1px #fff; border-radius: 5px; height: 39px; width: 230px; padding: 0px 15px;color: #fff;}
    .newsletter-dv .btn {height: 40px; border: solid 1px #b6c94f; border-radius: 5px; color:#b6c94f;  line-height: 23px;}
    .dv-des-logos img {height:55px;}
    .footer_area .copyright_area {font: 400 14px/35px "Roboto", sans-serif !important;}


    .banner_area.contacto { background: url(../images/home_vivelo-1920x1335@2x.jpg) no-repeat fixed;background-position: center!important;    
                            text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area:after {background-color: rgba(0, 0, 0, 0.45); width: 100%; height: 100vh;}
    .banner_area.contacto h2, .banner_area.lowrise h2, .banner_area.amenidades h2  {padding-top: 130px;}
    .cont-btns {display: flex; align-items: center; justify-content: center;}
    .contact-btns {padding:50px 0; }
    .btn-contact1 {width: 120px; height: 120px; background-color: #b6c94f; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all .25s linear; }
    .btn-contact1 i {color:#fff; font-size:44px;}
    .btn-contact1:hover{border: solid 2px #b6c94f; background-color: #ffffff63;}
    .btn-contact1:hover i{color:#b6c94f;}
        
    .contact-btn-txt{color: #fff; padding-top: 30px; font-size: 23px; font-weight: 600; text-transform: uppercase;}
    .contact-btns p {color:#fff;padding-top:15px;}
    
    .contact_info {padding-top:30px;}
    .contact_row .tittle h2 {padding-top: 0px;}
    .contact_row .tittle  {padding-bottom:40px;}
    .contact-item {padding-bottom:15px;}
    .contact-item-tittle{display: flex; align-items: center;}
    .contact-item-tittle i{font-size: 25px; padding-right: 15px; color:#b6c94f}
    .all_contact_info .contact_row .contact_info p { padding-top: 5px;}
    .all_contact_info .contact_row .send_message .contact_box button, .all_contact_info .contact_row .send_message .contact_box input[type=submit] {color: #fff!important; background:#b6c94f!important; border-radius: 7px;}

    .banner_area.blog{background: url(../images/am_pensadas-1920x600.jpg) no-repeat fixed;background-position: top!important;    
                      text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: auto;}
    .banner_area.blog:after {background-color: rgba(0, 0, 0, 0.45); width: 100%; height:auto;}
    .blog_tow_area .blog_tow_row .renovation .renovation_content p { height: 87px; overflow:hidden;text-overflow:ellipsis;
}
    .blog_row .img-dv {height:500px; background-position:center;background-size:cover;}
    .renovation .img-dv {width: 100%; height: 210px;background-position:center;background-size:cover;}
    .blog_tow_area .renovation .tittle {   white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}
    .media-left .dv-image {height:70px;width:70px;background-position:center;background-size:cover;}
   
    
    .banner_area.proyecto {background: url(../images/PUESTA-DE-SOL-2.jpg) no-repeat fixed;background-position: center!important;    
                           text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.proyecto:after {background-color: rgba(0, 0, 0, 0.45); width: 100%; height: 100vh;}

    .amenidades_area {background: url(../images/hv_ame-1920x1282.jpg) no-repeat fixed;background-position: top!important;  height:280px;  
                      text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;}
    .amenidades_area:after {background-color: rgba(0, 0, 0, 0.45); width: 100%; height: 280px; content: ""; position: absolute; top: 0; left: 0;
                            right: 0; bottom: 0; display: block; z-index: -1;}

    .info_area{display: inline-block; text-align: center; width: 100%; padding: 45px 0;}
    .info_area p{font-size:18px;}

    .test_carosel_2 {padding-top:70px;}
    .test_carosel_2 .item{border-radius: 10px; padding: 30px 10px; background-color: #ecebeb; margin:15px;}
    .testimonial_area .test_carosel_2 .owl-controls {    text-align: center;}
    .testimonial_area .test_carosel_2 .owl-controls .owl-dots .owl-dot {height: 10px; width: 10px; border: 2px solid #555555; margin-left: 15px;    
                                                                        display: inline-block; transition: all 300ms linear 0s; border-radius: 50%;}

    .testimonal-info {display: inline-flex;width: 100%;align-items: center;justify-content: center;}
    .testimonal-info img{height: 85px;    width: 85px!important;    border-radius: 50%; }
    .testimonial-name {padding-left:15px;}
    .testimonial-name h3{color: #b6c94f;}
    .testimonial-name p{font-size:16px; }
    .testimonial-content p {    font-style: italic; font-size: 15px; padding: 10px 5px; text-align: justify;}

    .avance_area {background: url(../images/hv_apa-1920x577.jpg) no-repeat fixed;background-position: top!important;  height:280px;  
                  text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;}
    .avance_area:after {background-color: rgba(0, 0, 0, 0.45); width: 100%; height: 280px; content: ""; position: absolute; top: 0; left: 0;
                        right: 0; bottom: 0; display: block; z-index: -1;}


    .banner_area.amenidades {background: url(../images/MG_0188-1920x1280.jpg) no-repeat fixed;background-position: center!important;    
                             text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.amenidades:after {background-color: rgba(0, 0, 0, 0.43); width: 100%; height: 100vh;}
    .am-bntxt {font-size: 35px;    color: #fff;    padding-top: 60px;}
    .ame-item {border: solid 1px #ccc; overflow: hidden; border-radius: 10px;}
    .ame-item h4 { padding: 10px; font-size: 16px; font-weight: 600!important; text-align: center!important;}

    .banner_area.lowrise {background: url(../images/VISTA-PISCINA-PRINCIPAL-2.jpg) no-repeat fixed;background-position: center!important;    
                          text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.lowrise:after {background-color: rgba(0, 0, 0, 0.43); width: 100%; height: 100vh;}

    .apartamentos_area .parallax1:after, .apartamentos_area .parallax2:after, .apartamentos_area .parallax3:after, .apartamentos_area .parallax4:after  
    {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: -1; background-color: rgba(0, 0, 0, 0.45); width: 100%; height: 360px; }
    .apartamentos_area .parallax1 { background-image:url("../images/modeloa1.jpg"); z-index:1;position: relative;}
    .apartamentos_area .parallax2 { background-image:url("../images/modelob_new.jpg");z-index:1;position: relative;}
    .apartamentos_area .parallax3 { background-image:url("../images/modeloC2.jpg");z-index:1;position: relative;}
    .apartamentos_area .parallax4 { background-image:url("../images/modelod_new.jpg");z-index:1;position: relative;}

    .our_team_area.galeria .team_row .team_membar {height: 160px; border-radius: 10px; border: solid 1px #ccc;margin-bottom:6px;}
    .our_team_area.galeria .team_row .team_membar .team_content {background: #fff; padding-top: 5px; padding-bottom: 10px;}
    .our_team_area.galeria .team_row .team_membar .team_content ul li a {font-size: 20px;}
    .our_team_area.galeria .team_row .team_membar .team_content h6 {font: 400 16px "Roboto", sans-serif;}

    .banner_area.modelo-a {background: url(../images/slide-modA.jpg) no-repeat fixed;background-position: center!important;    
                             text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.modelo-b {background: url(../images/modelob_new.jpg) no-repeat fixed;background-position: center!important;    
                             text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.modelo-c {background: url(../images/slid-modC.jpg) no-repeat fixed;background-position: center!important;    
                             text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.modelo-d {background: url(../images/modelod_new.jpg) no-repeat fixed;background-position: center!important;    
                             text-align: center; position: relative; z-index: 1; padding-bottom: 70px; background-size: cover;    height:100vh;}
    .banner_area.modelo-a:after, .banner_area.modelo-b:after, .banner_area.modelo-c:after, .banner_area.modelo-d:after
    {background-color: rgba(0, 0, 0, 0.43); width: 100%; height: 100vh;}

    .plane-container img {width:100%; padding:0px 10px;}
    .description_area {padding-top:55px;}
    .description_area .tittle h2 {padding-top:10px}
    .description_area .description-dv {padding-top:65px; font-size:16px; text-align:justify;}
    .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul {background: #6f6767b8;}
    .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul:after, .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul:before 
    {background:#b6c94f!important}
    .header_aera .navbar-collapse .navbar-nav.navbar-right li a:hover, .header_aera .navbar-collapse .navbar-nav.navbar-right li a:focus {
    color: #b6c94f!important;}

    .faq-page {padding-top:70px;padding-bottom:70px}
    .faq-page  .tittle h2 {padding-top: 0px;}
    .faq-page  .accordion {padding-top: 70px;}
    .faq-page .card {border: solid 2px #b6c94f; padding: 12px 10px; width: 100%; text-align: left; margin-bottom:10px;}

    .faq-page .card-header .btn-link {width:100%; font-size: 17px; text-align: left; font-weight: 600; color: #555; white-space: inherit;}
    .faq-page .card-body  {width:100%; font-size: 16px; text-align: left; font-weight: 400; color: #555;padding: 7px 15px}
    .faq-page .right-lnk {float:right; color:#b6c94f; font-weight:600 }
    
	.safari-dv {display: none; background-color: rgba(182, 201, 79, 0.79); position: absolute; top: 60%; right: 5%; height: 75px;
				width: 90%; border-radius: 9px;}
	.safari-dv h4{padding-top: 10px;    padding-bottom: 10px;}
	.btn-safari {background-color: #333; font-size: 15px; color: #fff; padding: 6px 10px; border-radius: 5px; right: 25%;}

     @media (min-width: 768px)  {
        .header_aera .navbar-collapse .navbar-nav.navbar-right li a {font: 700 14px/70px "Roboto", sans-serif;}
        .header_aera .navbar-collapse .navbar-nav.navbar-right li.submenu ul {margin-right: -115px!important;}
        
    }
    @media (min-width: 768px) and (max-width: 991px) {
        .header_aera .navbar-collapse .navbar-nav.navbar-right li a {font: 700 13px/70px "Roboto", sans-serif;}
        .apartamentos_area.ame-desc, .apartamentos_area .parallax1, .apartamentos_area .parallax2, .apartamentos_area .parallax3, .apartamentos_area .parallax4,
        .apartamentos_area .parallax1:after, .apartamentos_area .parallax2:after, .apartamentos_area .parallax3:after, .apartamentos_area .parallax4:after  
        {height:390px;}
    }

    @media (max-width: 767px) {
		.safari-dv {    display: block;}
		.featured_works .featured_gallery .gallery_iner:after, .featured_works .featured_gallery .gallery_hover{display:none;}
        .plr-0 {padding-left:0px; padding-right:0px;}
        .plr-0 iframe{padding-top:20px;}
        .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
        .header_aera .navbar-collapse .navbar-nav.navbar-right li a {font: 700 15px/45px "Roboto", sans-serif;color: #555;border-bottom: solid 1px #ccc;text-align: center;}
        .header_aera .navbar-nav {margin: 0px -15px;}
        .slider_area .slider_inner .camera_fakehover:after {height: 500px;}
        .mob-link-btn img {display:block;}
        .header_aera .navbar-collapse .navbar-nav.navbar-right li.img-lnks{ display:none;}
        .btn-contact1 i {font-size: 22px;}
        .btn-contact1 {width: 40px;height: 40px;}
        .contact-btn-txt {padding-top: 0px;font-size: 19px;}
        .contact-btns {padding: 0;}
        .contact-btns p {padding-top: 0px;padding-bottom: 5px;}
        .banner_area .breadcrumb {padding-top: 0px;}
        .banner_area h2 {font: 400 37px "Oswald", sans-serif;}
        .am-bntxt {padding-top:15px;font-size: 30px;}
        .banner_area.contacto h2 {padding-top: 85px;}
        .our_team_area.galeria { padding-bottom:0px;}
		.our_team_area.galeria .container{ padding:0px;}
        .our_team_area.galeria .team_row{padding-left: 3px;    padding-right: 3px;}
        .our_team_area.galeria .team_row .team_membar {height: 150px; border-radius: 8px; }
        .our_team_area.galeria .team_row .team_membar .team_content {padding-top: 5px; padding-bottom: 10px;}
        .our_team_area.galeria .team_row .team_membar .team_content h6 {font: 600 11px "Roboto", sans-serif;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
        .our_team_area.galeria .image-gallery-dv {height:120px!important;}
        .our_team_area.galeria .col-md-2.col-sm-3.col-xs-4 {padding: 0px 3px;}
        .slider_area .slider_inner .camera_caption div a {  font: 700 17px/45px "Roboto", sans-serif}
        .img-container-model {height: 220px;}
        .featured_works .featured_gallery .gallery_iner .gallery_hover a {font: 400 14px/40px "Roboto", sans-serif;}
    }
        
    @media (max-width: 460px){
        .dv-des-logos img {height:45px;}
        .footer_area .footer_row {padding: 30px!important;}
        .featured_works .featured_gallery .gallery_iner .gallery_hover a {width: 140px;}
        .apartamentos_area.ame-desc, .apartamentos_area .parallax1, .apartamentos_area .parallax2, .apartamentos_area .parallax3, .apartamentos_area .parallax4,
        .apartamentos_area .parallax1:after, .apartamentos_area .parallax2:after, .apartamentos_area .parallax3:after, .apartamentos_area .parallax4:after  
        {height:390px;}
        .ame-desc p { font-size: 14px; }
		.our_team_area.galeria .team_row .team_membar {height: 130px; border-radius: 8px; }
		.our_team_area.galeria .image-gallery-dv {height:100px!important;}
    }
    @media (max-width: 375px){
        .dv-des-logos img {height:35px;}
        .newsletter-dv input {width: 156px;}
        .dv-des-logos label {font-size: 19px; height: auto; top: 10px;}
        .our_team_area.galeria .team_row .team_membar {height: 110px; border-radius: 5px; }
        .our_team_area.galeria .team_row .team_membar .team_content {padding-top: 0px; padding-bottom: 5px;}
        .our_team_area.galeria .team_row .team_membar .team_content h6 {font: 400 10px "Roboto", sans-serif;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
        .our_team_area.galeria .image-gallery-dv {height:95px!important;}

    }
@media (max-width: 320px) {
    .apartamentos_area.ame-desc, .apartamentos_area .parallax1, .apartamentos_area .parallax2, .apartamentos_area .parallax3, .apartamentos_area .parallax4,
    .apartamentos_area .parallax1:after, .apartamentos_area .parallax2:after, .apartamentos_area .parallax3:after, .apartamentos_area .parallax4:after {
        height: 420px!important;    }
    .ame-desc p { font-size: 13px; }
}