@charset "utf-8";
@font-face {font-family: 'ITCAvantGardePro-Bk';src: url('../fuentes/ITCAvantGardePro-Bk.otf') format('truetype');font-weight:900}
@font-face {font-family: 'ITCAvantGardePro-Md';src: url('../fuentes/ITCAvantGardePro-Md.ttf') format('truetype');font-weight:800}

.wrapper {display: none;position: fixed;padding:10px;z-index:9999999999;box-shadow: 2px 2px 2px 2px rgba(60,60,60,0.5);border-radius:4px;background-color:rgba(250,250,250,1.00)}

#contact_form{position: relative;height: auto;float:left;}

.content-wrapper{background-color:rgba(250,250,250,1.00)}

.h2-wrapper{font-family: 'Montserrat', sans-serif;line-height:25px;text-align:left;color:rgba(61,59,59,1.00);letter-spacing: 1px;font-weight:600;}

.p-wrapper{font-family: 'Montserrat', sans-serif;font-weight: 400;color:rgba(18,15,15,1.00);position: relative;float: left;}

#formulario-wrapper{position: relative;float:left;text-align: center;z-index: 9;}	

.box-form-wrapper{float: left;position: relative;display: block;}

.espacio-blanco-wrapper{font-family: 'Montserrat', sans-serif;color: #181818;border:none;border-bottom: 2px solid rgba(193,193,193,.55);font-weight: 400;z-index: 99;text-align: center;display: block;float: none;position:relative;background-color:transparent;border-radius:0px 0px 5px 5px}

#enviar-wrapper {color:rgba(25,25,25,1);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center;border:2px solid #000; background:#ff3232;background: linear-gradient(to left, transparent 50%, rgba(0,0,0,1.00) 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;cursor: pointer}

#enviar-wrapper:hover {background-position:left bottom;color:#fff;border:2px solid #000; }

#enviar-wrapper span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}

#enviar-wrapper span:after {content: '\00bb';position: absolute;opacity: 0;right: -20px;transition: 0.2s;}

#enviar-wrapper:hover span {padding-right: 25px;}

#enviar-wrapper:hover span:after {opacity: 1;right: 0;}

.h3-wrapper{font-family: 'Montserrat', sans-serif;text-align:center;color:rgba(61,59,59,1.00);font-weight:400;}

.popupCloseButton {background-color:#173a28;color:#fff;border: 3px solid #173a28;opacity: 0.7; border-radius: 50px;cursor: pointer;display: inline-block;font-family: 'Sarabun', sans-serif;font-weight:900;position: absolute;top: -20px;right: -20px;font-size: 25px;line-height: 30px;width: 30px;height: 30px;text-align: center;z-index: 99 !important}

.popupCloseButton:hover {background-color:#fff;color:#173a28;opacity: 1;}

.content-box-content-2,.back-content-3,.content-box-content-4 {opacity: 1;}

#content-1{float: left;width: 100%;position: relative;height: auto;z-index:9;background-color:rgba(255,255,255,1)}

.h1-content-1 {color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Md', sans-serif;font-weight:800;text-align:center;}

.p-content-1 {color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Bk', sans-serif;font-weight:800;text-align:center;}

.h2-content-1 a{background-color:rgba(204,204,153,1.00);color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Md', sans-serif;font-weight:600;text-align:center}

#content-2{float: left;width: 100%;position: relative;height: auto;z-index:9;background-color:rgba(255,255,255,1)}

.h2-content-2 {color:rgba(30,30,30,1);font-family: 'Montserrat', sans-serif;font-weight:700;text-align:center}

.p-content-2{color:rgba(67,67,67,1);font-family: 'Montserrat', sans-serif;font-weight:400;text-align:center}

.h3-content-2 {color:rgba(25,25,25,1);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center}

#content-3{float: left;width: 100%;position: relative;height: auto;z-index:9;}

.h2-content-3 {color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Md', sans-serif;font-weight:800;text-align:center;}

.p-content-3 {color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Bk', sans-serif;font-weight:800;text-align:center;}

.h3-content-3 a{background-color:rgba(204,204,153,1.00);color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Md', sans-serif;font-weight:600;text-align:center}

#content-4{float: left;width: 100%;position: relative;height: auto;z-index:9;}

.h2-content-4{color:rgba(233,233,233,1.00);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:left;text-transform: uppercase}

.h3-fade-content-4 a {color:rgba(25,25,25,1);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center;border:2px solid #000; background:#ff3232;background: linear-gradient(to left, transparent 50%, rgba(0,0,0,1.00) 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;}

.h3-fade-content-4 a:hover {background-position:left bottom;color:#fff;border:2px solid #000; }

.h3-fade-content-4 a span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}

.h3-fade-content-4 a span:after {content: '\00bb';position: absolute;opacity: 0;right: -20px;transition: 0.2s;}

.h3-fade-content-4 a:hover span {padding-right: 25px;}

.h3-fade-content-4 a:hover span:after {opacity: 1;right: 0;}

#content-5{float: left;width: 100%;position: relative;height: auto;z-index:9;}

.h2-content-5{color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Md', sans-serif;font-weight:700;text-align:left;}

.h3-content-5{color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Bk', sans-serif;font-weight:600;text-align:center}

.p-content-5{font-family: 'ITCAvantGardePro-Bk', sans-serif;font-weight:400;color:rgba(0,51,0,1);text-align:left;}

.icon-presentacion-proyecto:before,.icon-descripcion-proyecto:before,.icon-ejecucion-proyecto:before {position: relative;float: left;text-align: center;border-radius: 50%;color:rgba(0,0,0,1.00); border:10px solid rgba(204,204,153,1.00);}

#content-6{float: left;width: 100%;position: relative;height: auto;z-index:9;}

.h2-content-6 {color:rgba;font-family: 'ITCAvantGardePro-Bk', sans-serif;font-weight:800;text-align:center;}

.span-content-6 a {color:rgba(0,51,0,1);font-family: 'ITCAvantGardePro-Md', sans-serif;font-weight:800;text-align:center;}

.span-content-6:hover a{color:rgba(223,223,223,1.00);border-bottom:2px solid rgba(223,223,223,1.00)}

#content-8{float: left;width: 100%;position: relative;height: auto;z-index:9;}

.box-content-8{position: relative;float: left;z-index: 999;}

.h2-content-8{font-family: 'Montserrat', sans-serif;font-weight:700;color:rgba(67,67,67,1);padding:10px 0px;position:relative;float:left;text-align:center}

.p-content-8{font-family: 'Montserrat', sans-serif;font-weight:500;color:rgba(88,88,88,1);position:relative;float:left;}

#formulario{position: relative;text-align: center;z-index: 9;}	

.box-form,.box-form-select,.box-form-short-tel,.box-form-medium-tel{float: left;position: relative;display: block;}

.box-form-msj{float: left;position: relative;display: block;}

.p-form-content-8{font-family: 'Montserrat', sans-serif;font-weight:400;color:rgba(19,19,19,1.00);position:relative;float:left}

.espacio-blanco,.espacio-blanco-select{font-family: 'Montserrat', sans-serif;color: #181818;border:none;background-color:rgba(240,240,240,0.85);font-weight:500;z-index: 99;text-align: center;border-radius: 4px;display: block;position:relative}

.espacio-blanco-msj{font-family: 'Montserrat', sans-serif;color: #181818;border:none;background-color:rgba(240,240,240,0.85);font-weight:500;z-index: 99;text-align: center;border-radius: 4px;display: block;position:relative;}

#enviar{color:rgba(25,25,25,1);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center;border:2px solid #000; background:#173a28;background: linear-gradient(to left, transparent 50%, #173a28 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;cursor: pointer}

#enviar:hover {background-position:left bottom;color:#fff;border:2px solid #fff; }

.h3-content-8{font-family: 'Montserrat', sans-serif;font-weight:700;color:rgba(0,0,0,1.00);padding:10px 0px;position:relative;float:left;text-align:center}

.p-2-content-8{font-family: 'Montserrat', sans-serif;font-weight:500;color:rgba(0,0,0,1.00);position:relative;float:left;}

.h4-content-8 a {color:rgba(25,25,25,1);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center;border:2px solid #000; background:#ff3232;background: linear-gradient(to left, transparent 50%, rgba(0,0,0,1.00) 50%);background-size: 200% 100%;background-position:right bottom;margin-left:10px;transition:all 1s ease;}

.h4-content-8 a:hover {background-position:left bottom;color:#fff;border:2px solid #000; }

.h4-content-8 a span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}

.h4-content-8 a span:after {content: '\00bb';position: absolute;opacity: 0;right: -20px;transition: 0.2s;}

.h4-content-8 a:hover span {padding-right: 25px;}

.h4-content-8 a:hover span:after {opacity: 1;right: 0;}


@media screen and (max-width:600px){

    .wrapper {width:400px;height:370px;bottom:5px;left:10%;position: fixed;display: none !important;}

    .content-wrapper {width:400px;height:370px;margin:0px 0px;position:fixed;}

    .h2-wrapper{font-size:18px;position: relative;float: left;display: block;text-align:center;width:100%;margin:15px 0px 10px 0%;line-height:28px;text-transform:uppercase}

    .p-wrapper{margin:5px 5%;font-size:14px;line-height:25px;width:90%;text-align:center}

    #formulario-wrapper{height:auto;width:300px;margin:0px 50px;top:0px;position:relative;float:left;border-radius:4px}

    .box-form-wrapper{height: auto;width:300px;margin:5px 0px;}

    .espacio-blanco-wrapper{position: relative;width:100%;height:45px;font-size: 16px;margin:0}

    #enviar-wrapper{font-size:20px;position: relative;width:250px;height:auto;line-height:26px;float:left;margin:20px 25px 0px 25px;left:0%;padding:10px 0px}

    #enviar-wrapper span {font-size:30px}

    #enviar-wrapper span:after {top: -23px;}
    
    .result{height:358px;width:400px;margin:0px;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-wrapper{width:150px;height:auto;position: relative;margin:50px 125px 25px 125px;float:left} 

    .h3-wrapper{font-size:15px;position: relative;float: left;display: block;text-align:center;width:90%;margin:5px 5%;line-height:25px;}

     #content-1{width: 100%;height:auto;padding:5px 0px 50px 0px;z-index:9 !important;position: relative;}

    .back-content-1{width: 100%;height:100%;top:0px;z-index:9 !important;position: absolute;background-attachment: fixed;background-repeat: no-repeat; background-size:contain;background-position:center top;left: 0px;background-image:url('../imagenes/proyectos-paisajismo/background-content-1-mob.png')}

    .content-box-content-1{position:relative;width:95%;height:auto;margin:70px 2.5% 0px 2.5%;float:left;z-index: 9999999999999999999 !important;}

    .box-content-1{width:100%;height:auto;margin:0px;position:relative;float:left;padding:0px}

    .h1-content-1{font-size:35px;position: relative;width:100%;height:auto;line-height:40px;float:left;margin:5px 0%;text-align:center}

    .p-content-1{font-size:18px;position: relative;width:100%;height:auto;line-height:30px;float:left;margin:5px 0%;text-align:center}

    .h2-content-1 a{font-size:25px;position: relative;width:180px;height:auto;line-height:26px;float:left;margin:30px 0px 0px -90px;left: 50%; padding:15px 0px}

    #content-5{width: 100%;height:auto;padding:30px 0px 50px 0px;margin:10px 0px;}

    .content-box-content-5{position:relative;width:95%;height:auto;margin:0px 2.5% 0px 2.5%;float:left;z-index: 9999999999999999999 !important;}

    .h2-content-5{font-size:30px;position: relative;width:90%;height:auto;line-height:45px;float:left;margin:10px 5%;text-align:center}

    .box-content-5{width:95%;margin:10px 2.5%;position: relative;height:auto;float: left; left: 0px;}

    .span-border-union{background-color: rgba(204,204,153,1.00);width: 5px;height: 585px;position: absolute;float: left;left: 0px;top:60px}
    
    div.box-content-5:nth-child(3) > div:nth-child(1){background-color: rgba(204,204,153,1.00);width: 5px;height: 465px;position: absolute;float: left;left: 0px;top:60px}
    
    .icon-presentacion-proyecto:before,.icon-descripcion-proyecto:before,.icon-ejecucion-proyecto:before {font-size:50px; width:70px;height:65px;padding:15px 5px 0px 5px ;margin:10px 0px 10px 0px;left:0px;}
    
    .h3-content-5{font-size:22px;position: relative;width:80%;height:auto;line-height:30px;float:left;margin:10px 0px 10px 10%;text-align: left;padding:0px 0px 10px 0px}
    
    .p-content-5{font-size:15px;position: relative;width:80%;height:auto;float:left;line-height:25px;margin:10px 0px 10px 10%;display: list-item;}

    #content-10{width: 100%;height:auto;padding:10px 0px;position: relative;float: left}

    .box-content-10{width:350px !important;position: relative;float: left;margin:0px 10px;height:auto;}	
    
    .img-content-10{position: relative !important;float: left; height: auto;width:110%;margin:0%;top:0px;}
    
    #content-3{width: 100%;height:auto;padding:50px 0px;background-color:rgba(244,244,244,0.40)}

    .back-content-3{width: 100%;height:100%;top:0px;z-index:9 !important;position: absolute;background-attachment: fixed;background-repeat: no-repeat; background-size:contain;background-position:center center;left: 0px;background-image:url('../imagenes/proyectos-paisajismo/background-content-3-mob.png')}

    .content-box-content-3{position:relative;width:95%;height:auto;margin:0px 2.5% 0px 2.5%;float:left;z-index: 9999999999999999999 !important;}

    .box-content-3{width:95%;margin:10px 2.5%;position: relative;height:auto;float: left; left: 0px;}
    
    .h2-content-3{font-size:30px;position: relative;width:90%;height:auto;line-height:40px;float:left;margin:10px 5%;text-align:center}

    .p-content-3{font-size:18px;position: relative;width:100%;height:auto;line-height:30px;float:left;margin:10px 0px;text-align: left;}

    .icon-bien:before {font-size: 30px;width: 25px;position: relative;float: left;margin:0px 10px 0px 0px;text-align: left}

    #content-6{width: 100%;height:auto;margin:10px 0px;}

    .content-box-content-6{position:relative;width:95%;height:auto;margin:0px 2.5% 0px 2.5%;float:left;z-index: 9999999999999999999 !important;}

    .box-content-6{width:100%;height:auto;padding:15px 0px;display: block;position:relative;float:left;margin:10px 0px;}

    .h2-content-6{font-size:25px;position: relative;width:100%;height:auto;line-height:38px;float:left;margin:10px 0px;text-align: center}

    .span-content-6 a{font-size:25px;width:auto;height:auto;line-height:38px;margin:5px 0px 0px 0px;padding:5px 0px}

    #content-8{width: 100%;height:auto;margin:10px 0px 40px 0px;}

    .content-box-content-8{position:relative;width:95%;height:auto;padding:5px 0px;margin:0px 2.5% 5px 2.5%;float:left;z-index: 9999999999999999999 !important}

    .img-content-8{width:200px;margin:10px 0px 10px -100px;left:50%;height:auto;position:relative;float:left;}

    .h2-content-8{font-size:20px;width:100%;margin:0px 0px;height:auto;}

    .p-content-8{height:auto;font-size: 15px;width:85%;text-align: center;display: block;line-height: 28px;margin:5px 7.5% 10px 7.5%;}

    .box-content-8{width:95%;margin:5px 0px;height:auto;padding:10px 2.5%;}	

    .box-content-8:last-child{border-top:5px solid #000;padding:20px 2.5% 0px 2.5%;}	

    #formulario{height:auto;width:100%;margin:0px;padding: 5px 0px;top:0px;position: relative; float: left}

    .box-form{height: auto;width:75%;margin:5px 12.5%;}

    .box-form-short-tel{height: auto;width:20%;margin:5px 2.5% 5px 12.5%;}

    .box-form-medium-tel{height: auto;width:52.5%;margin:5px 2.5% 5px 0px;}

    .box-form-select{height: auto;width:75%;margin:5px 12.5%;}

    .box-form-msj{height: 120px;width:75%;margin:5px 12.5%;}

    .p-form-content-8{height:auto;font-size: 13px;width:100%;text-align: left;display: block;line-height: 26px;margin:5px 0px;}

    .espacio-blanco{position: relative;width:95%;height:45px;font-size: 14px;margin:0}

    .espacio-blanco-select{position: relative;width:100%;height:50px;font-size: 14px;margin:0}

    .espacio-blanco-msj{position: relative;height:85px;width: 100%;font-size: 14px;}

    #enviar{height:auto;width:80%;position: relative;font-size:20px;float: left;margin:20px 10%;display:block;padding:10px 0px}

    .h3-content-8{font-size:22px;width:100%;margin:0px 0px;height:auto;line-height:34px;text-align: center}

    .p-2-content-8{height:auto;font-size: 14px;width:100%;text-align: center;display: block;line-height: 24px;margin:0%;}

    .h4-content-8 a{font-size:20px;position: relative;width:200px;height:auto;line-height:26px;float:left;margin:20px 0px 0px -100px;left:50%;padding:10px 0px}

    .h4-content-8 a span {font-size:30px}

    .h4-content-8 a span:after {top: -20px;}
    
}
/*

@media screen and (min-width:601px) and (max-width:980px) {

#content-1{width: 100%;height:auto;padding:5px 0px;z-index:9 !important;display:block}

.content-box-content-1{position:relative;width:95%;height:auto;margin:0px 2.5%;float:left}

.h2-content-1{font-size:22px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:0px;text-align:center}

.p-content-1{font-size:15px;position: relative;width:90%;height:auto;line-height:25px;float:left;margin:10px 5%;}

.box-content-1{position:relative;width:100%;height:auto;margin:5px 0px 15px 0px;float:left;}

#content-2{width: 100%;height:auto;margin:0px 0px}

.content-box-content-2{position:relative;width:95%;height:auto;margin:10px 2.5%;float:left;}

.box-content-2{position:relative;width:80%;height:auto;margin:15px 10%;float:left;}

.box-img-content-2{transition: transform .3s, filter 0.2s ease-in-out; -webkit-transition: transform .3s, filter 0.2s ease-in-out; overflow: hidden;height:auto;width:100%;left:0px;float:left;position:relative;top:0px;margin:20px 0px}

.img-content-2{height:auto;width:100%;left:0px;float:left;position:relative;top:0px;transition: all 0.5s ease;}

.box-img-content-2:hover .img-content-2{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);transform: scale(1.2); width:100%}

.p-content-2 a{font-size:18px;position: relative;width:200px;height:30px;float:left;padding:5px 0px;left:50%;margin:-50px 0px -50px -95px}

.p-2-content-2{font-size: 14px;line-height:22px;margin:10px 0px}

#content-3{width: 100%;height:auto;padding:0px;margin:5px 0px}

.content-box-content-3{position:relative;width:95%;height:auto;margin:0px 2.5%;float:left}

.box-content-3{position:relative;width:100%;height:auto;margin:15px 0px;float:left;left:0px;}

.h2-content-3{font-size:16px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:0px}

.img-content-3{height:auto;width:25%;float:left;position:relative;top:0px;margin:20px 3.5%;text-align:center;background-color:rgba(44,44,44,.85)}

#content-4{width: 100%;height:auto;margin:25px 0px}

.content-box-content-4{position:relative;width:95%;height:auto;margin:0% 2.5%;float:left;}

.h2-content-4{font-size:16px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:0px}

.h3-content-4{font-size:30px;position: relative;width:100%;height:auto;line-height:42px;float:left;margin:10px 0px;}

.p-content-4{font-size:15px;position: relative;width:90%;height:auto;line-height:25px;float:left;margin:10px 5%;}

.box-content-4{position:relative;width:100%;height:auto;margin:25px 0px;float:left;left:0px;}

.box-img-content-4{height:auto;width:100%;left:0px;float:left;position:relative;top:0px;margin:20px 0px}

#map {height: 400px;width: 95%;margin:20px 2.5%;position:relative;float:left}

.h4-content-4 {font-size:22px;position: relative;width:90%;height:auto;line-height:35px;float:left;top:0px;margin:10px 5%;padding:0px 0px}

.p-2-content-4{font-size:14px;position: relative;width:90%;height:auto;line-height:25px;float:left;top:0px;margin:10px 5%;padding:0px 0px}

.icon-celular-contacto:before,.icon-email-contacto:before,.icon-ubicacion-contacto:before,.icon-whatsapp-contacto:before{font-size:20px;position: relative;float: left;display: inline;text-align: center;width:25px;margin-right:5px;margin-top:2px}

#content-6{width: 100%;height:auto;padding:5px 0px;z-index:9 !important;}

.content-box-content-6{position:relative;width:95%;height:auto;margin:0px 2.5%;float:left}

.h2-content-6{font-size:18px;position: relative;width:100%;height:auto;line-height:30px;float:left;margin:0px}

#formulario{height: auto;width:100%;padding: 5px 0px;}

.box-form{height:auto;width:90%;margin:5px 5%}

.box-form-msj{height:auto;width:90%;margin:5px 5%}

.espacio-blanco{position: relative;height:35px;width:100%;font-size: 14px;margin:10px 0px}

.espacio-blanco-msj{position: relative;height:150px;width: 100%;font-size: 14px;}

#enviar{height:40px;width:200px;position: relative;font-size:18px;float: left;left:50%;margin:10px 0px 10px -100px;}

}

@media screen and (min-width:981px) and (max-width:1100px) {

#content-1{width: 100%;height:550px;padding:5px 0px;z-index:9 !important;position: absolute}

.img-content-1{height:auto;width:100%;left:0px;float:left;position:absolute;top:0px;transition: all 0.5s ease;filter: contrast(40%);}

.content-box-content-1{position:relative;width:980px;height:450px;margin-left:-490px;left:50%;float:left;}

.box-content-1{width:720px;height:280px;margin:200px 40px 0px 0px;position:relative;float:left;padding:0px 15px}

.h1-content-1{font-size:55px;position: relative;width:100%;height:auto;line-height:55px;float:left;margin:15px 0%;text-align:left}

.p-content-1{font-size:22px;position: relative;width:100%;height:auto;line-height:26px;float:left;margin:0% 0%;text-align:left}

.h2-content-1 a{font-size:25px;position: relative;width:260px;height:auto;line-height:26px;float:left;margin:30px 0px 0px 0px;padding:15px 10px}

#content-2{width: 100%;height:auto;margin:350px 0px 0px 0px;}

.content-box-content-2{position:relative;width:980px;height:auto;margin-left:-490px;left:50%;float:left;}

.box-content-2{ position: relative; width: 700px; height: auto; margin: 15px 140px; float: left; left: 0px; }

.h2-content-2{font-size:55px;position: relative;width:100%;height:auto;line-height:65px;float:left;margin:10px 0px;}

.p-content-2{font-size:22px;position: relative;width:100%;height:auto;float:left;line-height:32px;margin:10px 0px}

.h3-content-2{font-size:25px;position: relative;width:100%;height:auto;line-height:26px;float:left;margin:20px 0px;}

#content-3{width: 100%;height:auto;padding:20px 0px;margin:0px;}

.back-content-3{width: 100%;height:280px;padding:0px 0px;margin:0px 0px;background: rgb(252,238,33);background: linear-gradient(90deg, rgba(252,238,33,1) 24%, rgba(247,147,30,1) 100%);position:absolute;top:0px;left:0px}

.content-box-content-3{position:relative;width:980px;height:auto;margin-left:-490px;left:50%;float:left;}

.h2-content-3{font-size:55px;position: relative;width:100%;height:auto;line-height:55px;float:left;margin:40px 0px 0px 0px;padding:0px 0px;text-transform:uppercase}

.span-h2-content-3{font-size:35px;text-transform:uppercase;position: relative;width:100%;}

.p-content-3{font-size:20px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:20px 0%;}

.box-content-3{position:relative;width:450px;height:220px;margin:35px 18px 0px 18px;float:left;top:30px;left:0px;border:1px solid rgba(198,198,198,.25);border-radius:5px}

.box-img-content-3{position:relative;width:150px;height:110px;margin:0px 0px;float:left;left:0px;background-color:rgba(150,150,150,.05);border-radius:5px}

.img-content-3{ position: relative; width: 75px; height: auto; line-height: 26px; float: left; margin:15px 37.5px 0px 37.5px;}

.h3-content-3{font-size:32px;position: relative;width:200px;height:auto;line-height:26px;float:left;margin:50px 0px 0px 0px;}

.p-2-content-3{font-size:15px;position: relative;width:80%;height:120px;line-height:25px;float:left;margin:10px 10%;}

.span-borde-content-3 {position:absolute;width:100px;height:3.5px;margin:90px 195px 0px 195px;float:left;background: rgb(252,238,33);background: linear-gradient(90deg, rgba(252,238,33,1) 24%, rgba(247,147,30,1) 100%);left:0px}

#content-4{width: 100%;height:auto;padding:0px 0px;margin:20px 0px;}

.back-content-4{width: 100%;height:400px;padding:0px 0px;margin:0px 0px;position:absolute;top:0px;left:0px;background: rgba(249,249,249,1)}

.content-box-content-4{position:relative;width:980px;height:auto;margin-left:-490px;left:50%;float:left;}

.box-content-4{position:relative;width:580px;height:300px;margin:50px 2.5px 0px 0px;padding:20px 0px 0px 0px;float:left;left:0px;}

.box-content-4:last-child{width:390px;height:360px;padding:20px 0px 0px 0px;float:left;left:0px;background:none;border-radius:2px;margin:0px 2.5px 0px 0px;}

.h2-content-4{font-size:35px;position: relative;width:100%;height:auto;line-height:45px;float:left;margin:0px;padding:0px 0px;text-transform:uppercase}

.span-borde-content-4 {position:relative;width:100px;height:3.5px;margin:10px 120px 20px 225px;float:left;background: rgb(252,238,33);background: linear-gradient(90deg, rgba(252,238,33,1) 24%, rgba(247,147,30,1) 100%);left:0px}

.h3-content-4{font-size:15px;position: relative;width:150px;height:auto;line-height:26px;float:left;margin:10px;padding:6px 5px;text-align:center;border:1px solid rgba(235,235,235,1)}

.h4-content-4{font-size:30px;position: relative;width:100%;height:auto;line-height:35px;float:left;top:0px;margin:5px 0px;text-align:center}

.p-content-4{font-size:18px;position: relative;width:520px;height:auto;line-height:30px;float:left;top:0px;margin:10px 0px 10px 10px;text-align:justify}

.img-content-4{ position: relative; width:360px; height: auto; line-height: 26px; float: left; margin:0px 0px;}

#content-5{width: 100%;height:auto;padding:20px 0px;margin:0px 0px 5px 0px;}

.content-box-content-5 {position:relative;width:980px;left:50%;margin-left:-490px;float:left;height:auto;}

.box-content-5{width:410px;left:0%;height:auto;display: inline;position:relative;float:left;margin:80px 20px 0px 0px;padding:0px;}	

.box-content-5:last-child{width:540px;left:0%;height:auto;display: inline;position:relative;float:left;margin:-10px 0px 30px 10px;}	

.h2-content-5{font-size:30px;position: relative;width:100%;height:auto;line-height:45px;float:left;margin:10px 0px;text-align:left}

.p-content-5{font-size:16px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:10px 0%;text-align:left}

.icono-img-content-5{ position: relative; width:70px; height: auto; float: left; margin:10px 5px;}

.h3-content-5 a{font-size:20px;position: relative;width:200px;height:auto;line-height:26px;float:left;margin:20px 0px;padding:15px 10px}

.img-content-5{ position: relative; width: 100%; height: auto; float: left;}

#content-6{width: 100%;height:auto;padding:0px 0px 20px 0px;margin:0px;}

.icon-flecha-abajo:before{font-size:80px;position: absolute;float: left;display: inline;text-align: center;width:50px;top:-20px;left:50%;margin-left:-25px;color:rgba(255,255,255,1);z-index:99999999999 !important}

.back-content-6{width: 100%;height:270px;padding:0px 0px;margin:0px 0px;position:absolute;top:0px;left:0px;background: rgba(252,238,33,1);background: linear-gradient(90deg, rgba(252,238,33,1) 24%, rgba(247,147,30,1) 100%);}

.content-box-content-6 {position:relative;width:980px;left:50%;margin:0px 0px 0px -490px;float:left;height:auto;}

.h2-content-6{font-size:50px;position: relative;width:100%;height:auto;line-height:65px;float:left;margin:50px 0px 0px 0px;text-align:center}

.p-content-6{font-size:25px;position: relative;width:100%;height:auto;line-height:35px;float:left;margin:10px 0%;text-align:center}

.box-content-6{width:100%;left:0%;height:auto;display: inline;position:relative;float:left;margin:20px 0px 0px 0px}	

.h3-content-6{font-size:36px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:50px 0px 20px 0px;text-align:center}

.h4-content-6{font-size:20px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:0px;text-align:center}

#formulario{height: auto;width:700px;padding: 5px 0px;margin:0px 140px}

.box-form{height:auto;width:300px;margin:20px 20px 20px 25px}

.box-form-msj{height: 150px;width:320px;margin:20px 0px 0px 5px;float:left;top: 0px;}

.espacio-blanco{position: relative;height:45px;width:100%;font-size: 16px;margin:10px 0px;border-radius:4px;}

.espacio-blanco-msj{position:relative;height:185px;width: 100%;font-size: 14px;margin:10px 0px 0px 0px;border-radius:4px;}

.box-enviar-form{height: auto;width:100%;margin:0px 0px;float:left;top: 0px;}

#enviar{height:45px;width:295px;position: relative;font-size:20px;float: right;margin:0px 25px 0px 0px;left:0px}

#content-7{width: 100%;height:auto;padding:30px 0px 0px 0px;border-top:1px solid rgba(213,213,213,.5)}

.content-box-content-7{position:relative;width:980px;left:50%;margin:0px 0px 30px -490px;float:left;height:auto;}

.box-content-7{width:500px;left:0%;height:auto;display: inline;position:relative;float:left;margin:0px 0px;background-color:rgbargba(253,253,253,1)}

.box-content-7:last-child{width:400px;left:0%;height:auto;display: inline;position:relative;float:left;margin:0px 0px 0px 30px;background-color:rgba(255,255,255,1);box-shadow:none}	

.h2-content-7{font-size:30px;position: relative;width:100%;height:auto;line-height:45px;float:left;margin:10px 0px;text-align:left}

.p-content-7{font-size:18px;position: relative;width:100%;height:auto;line-height:35px;float:left;margin:10px 0%;text-align:left}

.img-content-7{ position: relative; width:150px; height: auto; line-height: 26px; float: left; margin:0px 30px 0px 10px;top:5px}

.img-content-7:first-child{width:150px !important; margin:10px 0px 0px 5px;top:0px}

#content-8{width: 100%;height:auto;padding:20px 0px 10px 0px;margin:0px 0px 5px 0px;}

.back-content-8{width: 100%;height:105px;padding:0px 0px;margin:0px 0px;position:absolute;top:0px;left:0px;background-color:rgba(197,197,197,.11);}

.content-box-content-8 {position:relative;width:980px;left:50%;margin-left:-490px;float:left;height:auto;}

.box-content-8{width:220px;left:0%;height:auto;display: inline;position:relative;float:left;margin:-20px 0px 0px 0px;padding:0px 6px 0px 0px;border-right:3px solid rgba(235,235,235,.5)}	

.box-content-8:last-child{border-right:none}

.h2-content-8{font-size:14px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:2px 0px 0px 0px;text-align:center}

.icon-clientes:before,.icon-innovacion:before,.icon-calidad:before,.icon-experiencia:before{font-size:70px;position: relative;float: left;display: inline;text-align: center;width:100%;margin:5px 0px 0px 0px;}

}

*/

@media screen and (min-width:1101px){

    .wrapper {width:400px;height:370px;bottom:5px;left:10%;position: fixed;}

    .content-wrapper {width:400px;height:370px;margin:0px 0px;position:fixed;}

    .h2-wrapper{font-size:18px;position: relative;float: left;display: block;text-align:center;width:100%;margin:15px 0px 10px 0%;line-height:28px;text-transform:uppercase}

    .p-wrapper{margin:5px 5%;font-size:14px;line-height:25px;width:90%;text-align:center}

    #formulario-wrapper{height:auto;width:300px;margin:0px 50px;top:0px;position:relative;float:left;border-radius:4px}

    .box-form-wrapper{height: auto;width:300px;margin:5px 0px;}

    .espacio-blanco-wrapper{position: relative;width:100%;height:45px;font-size: 16px;margin:0}

    #enviar-wrapper{font-size:20px;position: relative;width:250px;height:auto;line-height:26px;float:left;margin:20px 25px 0px 25px;left:0%;padding:10px 0px}

    #enviar-wrapper span {font-size:30px}

    #enviar-wrapper span:after {top: -23px;}
    
    .result{height:358px;width:400px;margin:0px;top:0px;position:absolute;float:left;border-radius:4px;z-index:9 !important;background-color: #fff;display: none}

    .img-wrapper{width:150px;height:auto;position: relative;margin:50px 125px 25px 125px;float:left} 

    .h3-wrapper{font-size:15px;position: relative;float: left;display: block;text-align:center;width:90%;margin:5px 5%;line-height:25px;}

    .sidenav {width:320px;position: fixed; z-index:999 !important;top: 0;left: 0;background-color:rgba(254,254,254,.65) !important;overflow-x: hidden;transition: 0.5s;border-right: 2px solid rgba(0,0,0,0.15)}
    
    #content-1{width: 100%;height:700px;padding:5px 0px;z-index:9 !important;position: relative;}

    .back-content-1{width: 100%;height:100%;top:0px;z-index:9 !important;position: absolute;background-attachment: fixed;background-repeat: no-repeat; background-size:contain;background-position:center center;left: 0px;background-image:url('../imagenes/proyectos-paisajismo/background-content-1.png')}

    .content-box-content-1{position:relative;width:1000px;height:auto;left:50%;margin-left:-500px;top:200px;float:left;z-index: 9999999999999999999 !important;}

    .box-content-1{width:800px;height:auto;margin:0px 100px;position:relative;float:left;padding:0px}

    .h1-content-1{font-size:55px;position: relative;width:100%;height:auto;line-height:75px;float:left;margin:15px 0%;text-align:center}

    .p-content-1{font-size:25px;position: relative;width:100%;height:auto;line-height:40px;float:left;margin:0% 0%;text-align:center}

    .h2-content-1 a{font-size:25px;position: relative;width:180px;height:auto;line-height:26px;float:left;margin:30px 0px 0px -90px;left: 50%; padding:15px 10px}

    #content-3{width: 100%;height:auto;padding:10px 0px 50px 0px;background-color:rgba(244,244,244,0.40)}

    .back-content-3{width: 100%;height:100%;top:0px;z-index:9 !important;position: absolute;background-attachment: fixed;background-repeat: no-repeat; background-size:contain;background-position:center center;left: 0px;background-image:url('../imagenes/proyectos-paisajismo/background-content-3.png')}

    .content-box-content-3{position:relative;width:1100px;height:auto;margin-left:-550px;left:50%;float:left;padding:0px}

    .box-content-3{width:95%;margin:10px 0% 0px 5%;position: relative;height:auto;float: left; left: 0px;}
    
    .h2-content-3{font-size:55px;position: relative;width:80%;height:auto;line-height:65px;float:left;margin:20px 10%;text-align:center}

    .p-content-3{font-size:24px;position: relative;width:100%;height:auto;line-height:30px;float:left;margin:10px 0px;text-align: left;}

    .icon-bien:before {font-size: 30px;width: 25px;position: relative;float: left;margin:0px 10px 0px 0px;text-align: left}

    #content-5{width: 100%;height:auto;padding:30px 0px 100px 0px;margin:10px 0px;}

    .content-box-content-5{position:relative;width:1100px;height:500px;margin-left:-550px;left:50%;float:left;padding:0px}

    .h2-content-5{font-size:45px;position: relative;width:70%;height:auto;line-height:55px;float:left;margin:10px 15%;text-align: center}

    .box-content-5{ position: relative; width: 340px; height: 400px; margin: 5px 25px 5px 0px; float: left; left: 0px}

    .box-content-5:last-child{ margin: 5px 0px;border-right:none}

    .span-border-union{background-color: rgba(204,204,153,1.00);width: 270px;height: 5px;position: absolute;float: left;left: 230px;top:60px}
    
    .icon-presentacion-proyecto:before,.icon-descripcion-proyecto:before,.icon-ejecucion-proyecto:before {font-size:50px; width:70px;height:65px;padding:15px 5px 0px 5px ;margin:10px 0px 10px -35px;left:50%;}
    
    .h3-content-5{font-size:22px;position: relative;width:100%;height:auto;line-height:30px;float:left;margin:10px 0px;text-align: center;padding:0px 0px 10px 0px}
    
    .p-content-5{font-size:15px;position: relative;width:95%;height:auto;float:left;line-height:25px;margin:5px 0px 5px 5%;display: list-item;}

    #content-6{width: 100%;height:auto;margin:10px 0px;}

    .content-box-content-6{position:relative;width:900px;height:auto;margin-left:-450px;left:50%;float:left;padding:0px}

    .box-content-6{width:100%;height:auto;padding:15px 0px;display: block;position:relative;float:left;margin:10px 0px;}

    .h2-content-6{font-size:40px;position: relative;width:100%;height:auto;line-height:56px;float:left;margin:10px 0px;text-align: center}

    .span-content-6 a{font-size:40px;width:auto;height:auto;line-height:22px;margin:5px 0px 0px 0px;padding:5px 0px}

    #content-8{width: 100%;height:auto;margin:0px 0px 50px 0px}

    .content-box-content-8{position:relative;width:1100px;height:auto;left:50%;margin:0px 0px 20px -550px;}

    .img-content-8{width:200px;margin:10px 0px 10px -100px;left:50%;height:auto;position:relative;float:left;}

    .h2-content-8{font-size:20px;width:100%;margin:0px 0px;height:auto;}

    .p-content-8{height:auto;font-size: 15px;width:85%;text-align: center;display: block;line-height: 28px;margin:5px 7.5% 10px 7.5%;}

    .box-content-8{width:680px;margin:0px 10px 0px 0px;height:auto;display: inline;padding:10px;}	

    .box-content-8:last-child{width:365px;height:250px;display: inline;margin:100px 0px 0px 0px;border-left:5px solid #000;padding:30px 0px 0px 20px;}	

    #formulario{height:auto;width:680px;margin:0px;padding: 5px 0px;top:0px;}

    .box-form{height: auto;width:330px;margin:5px 10px 5px 0px;}

    .box-form-select{height: auto;width:315px;margin:5px 25px 5px 0px;}

    .box-form-short-tel{height: auto;width:150px;margin:5px 25px 5px 0px;}

    .box-form-medium-tel{height: auto;width:500px;margin:5px 5px 5px 0px;}

    .box-form-msj{height: 120px;width:645px;margin:5px 30px 0px 5px;}

    .p-form-content-8{height:auto;font-size: 13px;width:100%;text-align: left;display: block;line-height: 26px;margin:5px 0px;}

    .espacio-blanco{position: relative;width:95%;height:45px;font-size: 14px;margin:0}

    .espacio-blanco-select{position: relative;width:100%;height:50px;font-size: 14px;margin:0}

    .espacio-blanco-msj{position: relative;height:85px;width: 100%;font-size: 14px;}

    #enviar{height:60px;width:650px;position: relative;font-size:28px;float: left;margin:30px 25px 0px 5px;display:block;}

    .h3-content-8{font-size:22px;width:100%;margin:0px 0px;height:auto;line-height:34px;text-align: left}

    .p-2-content-8{height:auto;font-size: 14px;width:100%;text-align: left;display: block;line-height: 24px;margin:0%;}

    .h4-content-8 a{font-size:20px;position: relative;width:200px;height:auto;line-height:26px;float:left;margin:20px 0px 0px 0px;left:0%;padding:10px 0px}

    .h4-content-8 a span {font-size:30px}

    .h4-content-8 a span:after {top: -20px;}
    
    #content-10{width: 100%;height:auto;padding:50px 0px;position: relative;float: left}

    .box-content-10{width:350px !important;position: relative;float: left;margin:0px 10px;height:auto;}	
    
    .img-content-10{position: relative !important;float: left; height: auto;width:110%;margin:0%;top:0px;}
    
}