/*
Theme Name: Fs-design Child
Description: fs-design
Author: fs-design
Template: fs-design
Version: 4.0
*/

.contacto-diseno .social-icons a {
    color: #000000;

}
.nuestros-servicios .box-vertical .box-text {
    vertical-align: top;
}
.usuarios>.col-inner{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 400px;
    overflow-y: scroll;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/* WhatsApp Modal */
#modalWhatsapp .form-group-button.mensaje-wa{width:85%;}
#errormessage{color:#fff;display:none;font-size:12px;border:1px solid #ffff99;margin-bottom:20px;padding:10px;text-align:center;}
.modal-content{position:fixed;background-color:#fefefe;border-radius:25px;width:415px;max-width:460px;left:50%;top:50%;padding:80px 40px 30px 40px;transform:translate(-50%, -50%);-webkit-animation-name:slideIn;-webkit-animation-duration:0.4s;animation-name:slideIn;animation-duration:0.4s;}
.modal{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(77 92 116 / 95%);-webkit-animation-name:fadeIn;-webkit-animation-duration:0.4s;animation-name:fadeIn;animation-duration:0.4s;}
.contact-buttons{cursor:pointer;background-color:#25d366;max-width:100px;padding:10px;text-align:center;border-radius:10px 0 0 10px;position:fixed;right:0;bottom:10%;z-index:95;-webkit-box-shadow:-5px 5px 20px rgb(37 211 102 / 50%);box-shadow:-5px 5px 20px rgb(37 211 102 / 50%);}
.contact-buttons .ripple:before, .contact-buttons .ripple:after{-webkit-animation:ripple 3s infinite;animation:ripple 3s infinite;border-radius:10px 0 0 10px;box-shadow:0 0 0 0 rgb(37 211 102 / 50%);top:0;height:36px;position:absolute;width:100px;right:0;height:82px;}
.contact-buttons .ripple:before{-webkit-animation-delay:.9s;animation-delay:.9s;content:"";position:absolute;top:0}
.contact-buttons .ripple:after{-webkit-animation-delay:.6s;animation-delay:.6s;content:"";position:absolute;top:0;}
@-webkit-keyframes ripple{70%{box-shadow:0 0 0 50px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
@keyframes ripple{70%{box-shadow:0 0 0 50px rgba(27,215,65,0)}100%{box-shadow:0 0 0 0 rgba(27,215,65,0)}}
.contact-buttons .buy-now-btn{background:rgb(118 164 169);font-family:"HelveticaNeueLTPro-MdCn", sans-serif !important;border-radius:30px;box-shadow:0 5px 10px 0 rgb(37 211 102 / 50%);-webkit-transform-origin:center;transform-origin:center;position:relative;height:36px;width:120px;text-align:center;padding:8px 20px;font-size:1rem;color:#fff;z-index:1;display:block;}
.contact-buttons span{font-size:10px;line-height:12px;display:inline-block;color:#fff;text-transform:uppercase;font-weight:bold;}
#modalWhatsapp .modal-content{background-color:#E5DDD5;width:100%;height:500px;max-width:450px;max-height:450px;border-radius:10px;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 20%);box-shadow:0 10px 20px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden;padding:0px 0px 0px 0px;}
#modalWhatsapp .modal-content .wrap{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;}
#modalWhatsapp .modal-content .top{padding:10px;background-color:#009688;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;color:#fff;}
#modalWhatsapp .modal-content .top img{width:45px;height:45px;border:solid 1px #f1f1f1;padding:0px;border-radius:50%;margin-right:10px;background-color:#fff;}
#modalWhatsapp .modal-content .bottom{background-color:#EFEFEF;padding:10px 5px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}
#modalWhatsapp .modal-content #mensajewhatsapp{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:#ffffff;border-color:#fff;border-radius:21px;line-height:20px;border-style:solid;border-width:1px;padding:12px 12px 12px 12px;-webkit-box-shadow:none;box-shadow:none;resize:none;min-height:auto;margin-bottom:0em;width:100%;font-family:helvetica;height: 50px}
#modalWhatsapp .modal-content .send{cursor:pointer;font-size:0px;width:100%;background-color:transparent;height:33px;border-color:rgb(0 0 0 / 0%);}
#modalWhatsapp .modal-content .send img{width:25px;margin-left:10px;display:block;}
#modalWhatsapp .modal-content .wrap:after{content:"";width:100%;height:100%;position:absolute;background-image:url('https://www.fs-design.pe/wp-content/uploads/2023/03/ws-fondo.png');background-size:450px;background-color:#E5DDD5;z-index:0;opacity:0.1;}
#modalWhatsapp .modal-content .top .info-text strong{font-weight:600;display:block;margin-bottom:2px;}
#modalWhatsapp .modal-content .top .info-text span{font-weight:100;font-size:14px;}
#modalWhatsapp .closewhatsapp::after{border:1px solid #eeeeee;}
#modalWhatsapp .closewhatsapp{color:#ffffff;right:15px;top:15px;background-color:#009688;position:absolute;width:35px;height:35px;border-radius:99px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:5;transition:transform 1.1s cubic-bezier(.23,1,.32,1);}
#modalWhatsapp .closewhatsapp:hover{transform:rotate(90deg);}
#modalWhatsapp .closewhatsapp:hover::after{transform:scale(1.2);}
#modalWhatsapp .form-group-button{margin-top:0rem;width:42.5%;float:left;text-align:left;padding-left:5px;padding-right:5px;}
#modalWhatsapp .form-group-button.enviar-whatsapp{width:10%;margin-top:-15px;position:relative;}
#modalWhatsapp .form-group-button .img-whatsapp{position:absolute;left:10px;top:5px;z-index:-1;}
#modalWhatsapp input[type=text]{background-color:#ffffff;border-color:#fff;border-radius:21px;line-height:20px;border-style:solid;border-width:1px;padding:12px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / 10%);box-shadow:inset 0 0px 0px rgb(0 0 0 / 10%);margin-bottom:0em;font-family:helvetica;}
#modalWhatsapp form{margin-bottom:0em;}
.info-text{line-height:20px;font-family:helvetica;}
.validation{color:#ff4646;font-size:13px;line-height:normal;margin-bottom:10px;margin-top:5px;}
/* WhatsApp Modal */



@font-face {
  font-family: 'fs_design';
  src: url('font/fs_design.eot?41238932');
  src: url('font/fs_design.eot?41238932#iefix') format('embedded-opentype'),
       url('font/fs_design.woff2?41238932') format('woff2'),
       url('font/fs_design.woff?41238932') format('woff'),
       url('font/fs_design.ttf?41238932') format('truetype'),
       url('font/fs_design.svg?41238932#fs_design') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fs_design';
    src: url('../font/fs_design.svg?41238932#fs_design') format('svg');
  }
}
*/
[class^="icona-"]:before, [class*=" icona-"]:before {
  font-family: "fs_design";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icona-metros-cuadrado:before { content: '\e800'; } /* '' */
.icona-logo-fsdesing:before { content: '\e801'; } /* '' */
.icona-estacionamiento:before { content: '\e802'; } /* '' */
.icona-instagram:before { content: '\e803'; } /* '' */
.icona-recurso-titulo:before { content: '\e804'; } /* '' */
.icona-cuadro-inicio:before { content: '\e805'; } /* '' */
.icona-glob:before { content: '\e806'; } /* '' */
.icona-dinero:before { content: '\e807'; } /* '' */
.icona-facebook:before { content: '\e808'; } /* '' */
.icona-libro-reclamaciones:before { content: '\e809'; } /* '' */
.icona-lote:before { content: '\e80a'; } /* '' */
.icona-ubicacion:before { content: '\e80b'; } /* '' */
.icona-concursos:before { content: '\e80c'; } /* '' */
.icona-procesos:before { content: '\e80d'; } /* '' */
.icona-arquitectura:before { content: '\e80e'; } /* '' */
.icona-construccion:before { content: '\e80f'; } /* '' */
.icona-mision:before { content: '\e810'; } /* '' */
.icona-celular:before { content: '\e811'; } /* '' */
.icona-resolver-problemas:before { content: '\e812'; } /* '' */
.icona-apasionadas-aldiseño:before { content: '\e813'; } /* '' */
.icona-amplia-experiencia:before { content: '\e814'; } /* '' */
.icona-ubicacion2:before { content: '\e815'; } /* '' */
.icona-vision:before { content: '\e816'; } /* '' */
.icona-manzanas:before { content: '\e817'; } /* '' */
.icona-por-estacionamiento:before { content: '\e818'; } /* '' */
.icona-postes:before { content: '\e819'; } /* '' */
.icona-cerco-perimetrico:before { content: '\e81a'; } /* '' */
.icona-portico-ingreso:before { content: '\e81b'; } /* '' */
.icona-caminos-asalfados:before { content: '\e81c'; } /* '' */
.icona-recurso-agua:before { content: '\e81d'; } /* '' */
.icona-areas-verdes:before { content: '\e81e'; } /* '' */
.icona-caseta-seguridad:before { content: '\e81f'; } /* '' */
.icona-electrificacion:before { content: '\e820'; } /* '' */
.icona-mas:before { content: '\e821'; } /* '' */
.icona-flecha-derecha:before { content: '\e822'; } /* '' */
.icona-flecha-izquierda:before { content: '\e823'; } /* '' */
.icona-seña2:before { content: '\e824'; } /* '' */
.icona-seña1:before { content: '\e825'; } /* '' */
/* SLIDER */

	.slider-inicio .text-box{
		right: -35%;
		z-index: 1;
	}
	.slider-inicio  .icon-box .icon-box-img {
	    margin-bottom: 0em;
	}
	.slider-inicio .slider-show-nav .flickity-prev-next-button, 
	.slider-inicio .slider:hover .flickity-prev-next-button {
	    opacity: 1;

	}
	.slider-inicio .flickity-prev-next-button {
	    bottom: 0%;
	    top: auto;
	    line-height: 3.2em;
	    min-height: 3.2em;
	}
	.slider-inicio .flickity-prev-next-button {
	    width: 44px;
	}
	.slider-nav-circle .flickity-prev-next-button svg {
	    border-radius: 0%;
	    padding: 24%;
	}
	.slider-inicio .slider-nav-circle .flickity-prev-next-button.previous {
	    left: 66.6666666667%;
	    background-color: #fff;
	}
	.slider-nav-circle .flickity-prev-next-button.previous .flickity-button-icon{
		fill: #000!important;
	}
	.slider-nav-circle .flickity-prev-next-button.previous .flickity-button-icon .arrow{
	    fill: #000;
	}
	.slider-inicio .slider-nav-circle .flickity-prev-next-button.next {
		right: auto;
	    left: 66.6666666667%;
	    margin-left: 44px;
	}
	.slider-inicio .icon-box-img svg {
		height: 60px;
	}
	.slider-inicio .banner i{
		color: #00c2a1;
	}
/* FIN SLIDER */

/* INICIO */
	.titulos h1{
	    -webkit-text-stroke: 1px #707070;
	    color: transparent;
	    font-size: 7.7em;
	    margin-bottom: 0;
	    line-height: 1em;
	}
	.dark .titulos h1{
	    -webkit-text-stroke: 1px #fff;
	}
	.titulos h2 {
		font-size: 3.1em;
	    margin-left: 31px;
	    line-height: 1em;
	    margin-top: -34px;
	}
	.titulos:before{
		content: "";
		z-index: 0;
		position: absolute;
		background-color: #000;
		width: 10px;
		height: 30px;
		left: 10px;
		bottom: 15px;
		transition: all 0.5s;
	}
	.dark .titulos:before{
		background-color: #fff;
	}
	.titulos:after{
		content: "";
		z-index: 0;
		position: absolute;
		background-color: #000;
		width: 30px;
		height: 10px;
		left: 10px;
		bottom: 15px;
		transition: all 0.5s;
	}
	.dark .titulos:after{
		background-color: #fff;
	}
	.titulos.texto{
		position: relative;
	}
	.titulos.texto:before{
		left: 0px;
    	bottom: -35px;
	}
	.titulos.texto:after{
		left: 0px;
    	bottom: -35px;
	}
	.contacto .titulos:before{
		bottom: -35px;
	}
	.contacto .titulos:after{
		bottom: -35px;
	}
	.contacto .icon-box{
	    align-items: flex-end;
	}
	.section:hover .titulos:before{
		background-color: #00c2a1;
		height: 70px;
		transition: all 0.5s;
	}
	.section:hover .titulos:after{
		background-color: #00c2a1;
		width: 70px;
		transition: all 0.5s;
	}
	.large-8 .res-text {
	    font-size: 100%;
	}
	.large-6 .res-text {
	    font-size: 100%;
	}
	.quienes{
	    padding-top: 0px!important;
	    padding-bottom: 150px!important;
	}
	.quienes .texto .text-inner {
	    padding: 60px 60px 60px 60px;
	}
	.contacto .col-01{
	    margin-top: -70px;
	}
	.contacto{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+40,000000+40,000000+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(0,0,0,1) 40%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(0,0,0,1) 40%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	}
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-textarea {
	    border-width: 0px!important;
	    border-bottom-width: 1px!important;
	}
	.forminator-ui.forminator-custom-form[data-design=material] .forminator-button{
		border-radius: 0!important;
		font-weight: 600!important;
	}
	.chica{
	    z-index: 2;
	}
/* FIN INICIO */

/* MENU */
	.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
	    height: 6px;
	    width: 6px;
	}
	.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
	    color: hsl(0deg 0% 0% / 85%);
	}
	.nav>li>a:hover {
	    color: #00c2a1;
	}
	.nav>li>a:hover:before {
	    background-color: #00c2a1;
	}
/* FIN MENU */

/* OTROS */
	.diferencia .icon-box-img svg{
		height: 150px;
	}
	.mision .icon-box-img svg{
		height: 50px;
	}
	.dedicado .icon-box-img svg{
		height: 95px;
	}
	sup{
		font-size: 10px;
	}
	.uppercase, h6, span.widget-title, th {
	    letter-spacing: .0em;
	}
	.banner h4 {
	    font-size: 1.0em;
	    color: #00c2a1;
	    font-weight: 100;
	}
	.h1, h1 {
	    font-size: 2.5em;
	}
	.w100 h1 {
	    font-weight: 300;
	}
	.h2, h2 {
	    font-size: 2.5em;
	}
	.h3, h3 {
	    font-size: 1.5em;
	}
	.box-text {
	    font-size: inherit;
	}
	.col-cero .col{
		padding-bottom: 0;
	}
	.col-cero.col{
		padding-bottom: 0;
	}
	.mt-100{
		margin-top: -100px;
		z-index: -1;
	}
	.pb-115 .col-inner{
	    padding-bottom: 150px!important;
	}
	.mision{
		padding-top: 60px!important;
		padding-bottom: 100px!important;
	}
	.mision .icon-box-left {
	    padding: 30px;
	}
	.zoom .icon {
	    -webkit-transition: all 0.5s ease-out;
	    -moz-transition: all 0.5s ease-out;
	    -ms-transition: all 0.5s ease-out;
	    -o-transition: all 0.5s ease-out;
	    transition: all 0.5s ease-out;
	}
	.zoom:hover .icon {
	    -webkit-transform: scale(1.2);
	    -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	    -o-transform: scale(1.2);
	    transform: scale(1.2);
	}
	.enviar:before{
	    content: '';
	    z-index: 0;
	    position: absolute;
	    right: 0px;
	    top: 0px;
	    color: #fff;
	    height: 42px;
	    width: 42px;
	    background-color: #fff;
	}
	.enviar:after{
	    content: '\e821';
	    font-family: "fs_design";
	    z-index: 1;
	    position: absolute;
	    font-size: 14px;
	    right: 13px;
	    top: 10px;
	    color: #000;
	    transform: rotate(0deg);
		transition: all 0.5s;
	}
	.enviar{
	    padding-right: 60px!important;
	    padding-left: 20px!important;
	    border: 2px solid #000!important;
	}
	.enviar:hover:after{
		transform: rotate(90deg);
		transition: all 0.5s;
	}
	.icon-angle-left:before{
	    content: '\e823';
	    font-family: "fs_design";
	}
	.accordion-title.active {
	    background-color: rgb(0 0 0)!important;
	    color: #ffffff!important;
	}
	.accordion .small-columns-2 .flickity-slider>.col {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.accordion-title{
	    text-align: center;
	}
	.accordion .row-slider .flickity-prev-next-button{
		opacity: 1;
		display: none;
	}
	.accordion .datos,
	.accordion .box-text-inner h5,
	.accordion .box-text-inner a{
    	display: none;
	}
/* FIN OTROS */


/* BOTONES */

	.button.primary:not(.icon)>span+i{
	    margin-left: 2.2em;
	    color: #000;
	    z-index: 1;
	    transition: all 0.5s;
	}
	.button.white:not(.icon)>span+i{
	    margin-left: 2.2em;
	    color: #fff;
	    z-index: 1;
	    transition: all 0.5s;
	}
	.button.primary {
	    border: 1px solid #000;
	    border-radius: 0;
	    letter-spacing: .0em;
	    line-height: 3em;
	    min-height: 3em;
	}
	.button.primary:after{
		content: "";
		z-index: 0;
		position: absolute;
		background-color: #fff;
		width: 40px;
		height: 100%;
		right: 0;
		top: 0;
	}
	.button.primary:hover i{
		transform: rotate(90deg);
		transition: all 0.5s;
	}
	.button.white {
	    border: 1px solid #fff;
	    border-radius: 0;
	    letter-spacing: .0em;
	    line-height: 3em;
	    min-height: 3em;
	}
	.button.white:after{
		content: "";
		z-index: 0;
		position: absolute;
		background-color: #000;
		width: 40px;
		height: 100%;
		right: 0;
		top: 0;
	}
	.button.white:hover i{
		transform: rotate(90deg);
		transition: all 0.5s;
	}
	.white {
	    background-color: #fff!important;
	    color: #000!important;
	}
/* FIN BOTONES */

/* FOOTER */

	img.size-full.alignnone {
	    margin-bottom: 0em;
	}
	.footer p{
		margin-bottom: 0;
	}
	.footer .col-03,
	.footer .col-04 {
	    flex-basis: 10%;
	    max-width: 10%;
	}
	.footer .col-02 {
	    flex-basis: 30%;
	    max-width: 30%;
	}
	.footer .col-01 {
	    flex-basis: 50%;
	    max-width: 50%;
	}
	.footer {
	    padding: 40px 0 0;
	}
	.absolute-footer {
	    padding: 0px 0 0px;
	}
	.round {
	    border-radius: 0px;
	}

/* FIN FOOTER */

/* SERVICIOS */

	.nav-pills>li>a {
	    border-radius: 0px;
	}
	.nav-box>li>a, .nav-pills>li>a {
	    line-height: 3.2em;
	    padding: 0 1.75em;
	    border: 2px solid;
	    width: 170px;
	    justify-content: center;
	    font-weight: 400!important;
	}
	.nav-pills>li>a {
	    border-radius: 0px;
	}

	.nav-pills>li.tab{
	    line-height: 3.2em;
	    padding: 0 1.75em;
	        margin-left: 15px;
	    margin-right: 15px;
	}
	.nav-pills>li.tab.active a{
		font-weight: 700!important;
	}
	.pestanas{
		padding-top: 0px!important;
	}
	.pestanas p{
		color: #00c2a1;
	}
/* FIN SERVICIOS */

/* PROYECTOS */
	.cabecera-proyectos .forminator-ui.forminator-custom-form[data-design=material] {
	    margin: 0px 0!important;
	}
	.cabecera-proyectos .texto p,
	.cabecera-proyectos .texto i,
	.cabecera-proyectos .texto h3{
		color: #00c2a1;
	}
	.datos-proyectos .icon-box-img svg{
		height: 50px;
	}
	.contamos .icon-box-img svg{
		height: 80px;
	}
	.icon-plus:before {
	    content: '\e821';
	    font-family: "fs_design";
	}
	.datos{
		display: flex;
		align-items: flex-end;
	}
	.datos>div{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
	}
	.datos>div.no{
		display: none;
	}
	.portfolio-element-wrapper .datos i,
	.portfolio-element-wrapper h5 i{
		color: #00c2a1;
	}
	.portfolio-box-category{
		color: #00c2a1;
	}
	.portfolio-featured-title{
		display: none;
	}
	#portfolio-content.page-wrapper {
	    padding-bottom: 0px;
	    padding-top: 0px;
	}
	.datos-proyectos .col{
		background-color: #000;
		padding: 20px 15px 20px;
	}
	.datos-proyectos h3 {
	    margin-bottom: 0;
	    line-height: 0.6em;
	    font-size: 1.7em;
	}
	.datos-proyectos .row{
	    margin-top: -55px;
	}
	.datos-proyectos{
	    padding-bottom: 80px!important;
	}
	.mt-30{
		margin-top: -30px;
	}
	.ubicacion ul{
	    color: #00c2a1;
	    font-weight: bold;
	    font-size: 16px;
	}
	.ubicacion ul li{
	    position: relative;
	    list-style: none;
	    margin-bottom: 0.2em;
	}
	.ubicacion ul li:before{
	    position: absolute;
	    content: "";
	    z-index: 1;
	    left: -15px;
	    top: 10px;
	    width: 8px;
	    height: 8px;
	    background-color: #00c2a1;
	}
	.flickity-prev-next-button {
	    opacity: 1;
	}
	.fotos{
		padding-bottom: 100px!important;
	}

	.fotos .flickity-prev-next-button {
    	opacity: 1;
    }
    .fotos:after{
    	position: absolute;
    	z-index: 0;
    	content: "";
    	background-color: #000;
    	height: 50%;
    	width: 50%;
    	top:10%;
    	right:0;

    }
    .fotos .box-text {
	    padding-bottom: 0em;
	    padding-top: 0em;
	}
	.fotos .col-02 {
		padding-left: 20px!important;
    	margin-top: -50px;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.previous{
	    left: -33%;
	    right: auto;
	    top: 72%;
	    bottom: auto;
	    text-align: right;
	    padding-right: 15px;
	}
	.otros .slider-nav-outside.slider-nav-circle .previous {
	    transform: translateX(0%)!important;
	}
	.otros .slider-nav-outside .flickity-prev-next-button.previous {
	    left: -15%;
	    right: auto;
	    top: 48%;
	    bottom: auto;
	    text-align: right;
	    padding-right: 15px;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.previous:hover{
	    background-color: #000!important;
	    color: #fff!important;
	    border: 2px solid #000!important;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.previous:hover .arrow{
	    fill: #ffffff!important;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.next{
	    left: -33%;
	    right: auto;
	    top: 60%;
	    bottom: auto;
	    text-align: left;
	    padding-left: 15px;
	    background-color: #000!important;
	    color: #fff;
	    border: 2px solid #000;
	}
	.fotos .slider .flickity-prev-next-button:hover svg,.fotos .slider .flickity-prev-next-button:hover .arrow {
	    fill: #ffffff!important;
	}
	.otros .slider-nav-outside .flickity-prev-next-button.next {
	    left: -15%;
	    right: auto;
	    top: 34%;
	    bottom: auto;
	    text-align: left;
	    padding-left: 15px;
	    background-color: #000!important;
	    color: #fff;
	    border: 2px solid #000;
	}
	.otros .slider-nav-outside.slider-nav-circle .next {
	    transform: translateX(0%)!important;
	}
	.otros .slider-nav-circle .flickity-prev-next-button .arrow,
	.otros .slider-nav-circle .flickity-prev-next-button svg {
	    border: 0px solid;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.next:hover{

	    background-color: #fff;
	    color: #fff;
	    border: 2px solid #000;
	}
	.otros .slider-nav-outside .flickity-prev-next-button.next:hover{

	    background-color: #fff;
	    color: #fff;
	    border: 2px solid #000;
	}
	.otros .slider-nav-circle .flickity-prev-next-button:hover svg {
	    fill: #000!important;
	    background-color: transparent!important;
	}
	.otros .slider-nav-circle .flickity-prev-next-button:hover .arrow {
	    fill: #fff!important;
	}
	.otros .slider-nav-circle .flickity-prev-next-button.previous:hover svg {
	    fill: #fff!important;
	    background-color: transparent!important;
	}
	.otros .slider-nav-circle .flickity-prev-next-button.previous:hover .arrow {
	    fill: #000!important;
	}
	.fotos .next:before,
	.otros .next:before{
		content: "SIGUIENTE";
	}
	.fotos .previous:after,
	.otros .previous:after{
		content: "ANTERIOR";
	}
	.fotos .flickity-prev-next-button svg,
	.otros .flickity-prev-next-button svg{
	    height: auto;
	    left: auto;
	    right: auto;
	    max-height: 100%;
	    max-width: 100%;
	    padding: 5%;
	    top: 50%;
	    transform: translate(0%,-50%);
	    width: auto;
	}
	.fotos .flickity-prev-next-button,
	.otros .flickity-prev-next-button{
		width: 130px!important;
		border: 2px solid;
		letter-spacing: .0em;
		line-height: 2.8em;
    	min-height: 2.8em;
	}
	.fotos .flickity-prev-next-button.previous,
	.otros .flickity-prev-next-button.previous {
	    left: 0%;
	    transform: translateX(0%);
	}
	.fotos .flickity-prev-next-button.previous svg,
	.otros .flickity-prev-next-button.previous svg{
	    left: 0%;
	}
	.fotos .flickity-prev-next-button.next,
	.otros .flickity-prev-next-button.next {
	    right: 0%;
	    transform: translateX(0%);
	}
	.fotos .flickity-prev-next-button.next svg,
	.otros .flickity-prev-next-button.next svg{
	    right: 0%;
	}
	.fondo-contenido .bg-fill {
	    background-position: 100% 50%!important;
	    background-repeat: no-repeat!important;
	    background-size: contain!important;
	}
	.portfolio-top>.row{
		display: none;
	}
	.mb-100{
	    margin-bottom: -110px;
	}
	.atractivos .slider-nav-circle .flickity-prev-next-button.previous {
	    left: 0%;
	    background-color: #fff;
	    top: auto;
	    bottom: 0;
	    transform: translateX(0%);
	}
	.atractivos .flickity-prev-next-button.next {
	    right: auto;
	    left: 36px;
	    transform: translateX(0%);
	    top: auto;
	    bottom: 0;
	}
	.otros .relacionados{
		margin-right: -100px;
	}
	.panel .datos,.panel .box-text-inner h5,.panel .box-text-inner a,
	.servicios .datos,.servicios .box-text-inner h5,.servicios .box-text-inner a{
		display: none;
	}
	.tab-panels .entry-content {
	    padding-top: 40px;
	}
	.atras i {
	    margin-left: 0em!important;
	    margin-right: 1.2em!important;
	    font-size: 22px;
	    transition: all 0.5s;
	}
	.atras:hover i {
		transition: all 0.5s;
	    margin-right: 0.5em!important;

	}
	.atras.button.primary:hover i {
	    transform: rotate(0deg);
	    transition: all 0.5s;
	}
	.atras.button.primary:after {
	    left: 0;
	    right: auto;
	    z-index: -1;
	}
	.precios .col-02 img {
	    margin-top: -40px;
	    margin-left: -70px;
	    width: 70%;
	}
	.precios .col-02 p{
		margin-bottom: 0;
	}
	.precios .col-01 .col-inner{
		padding-top: 0px;
	}
	.servicios .gallery-col.col{
		padding-bottom: 21px;
	}
	.servicios .flickity-prev-next-button.next {
	    right: 15px;
	    transform: translateX(0%);
	    background-color: #000;
	}
	.servicios .flickity-prev-next-button.next .arrow{
	    fill: #fff;
	}
	.servicios .flickity-prev-next-button.previous {
	    left: auto;
	    right: 49px;
	    transform: translateX(0%);
	    background-color: #fff;
	}
	.servicios .flickity-prev-next-button.previous svg{
		border-color: #fff;
	}
	.servicios .flickity-prev-next-button{
		top: auto;
		bottom: 22px;
	}
	.pestanas .flickity-prev-next-button.next {
	    display: none;
	}
	.pestanas .flickity-page-dots .dot:nth-child(1):before{
		content: "1";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(2):before{
		content: "2";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(3):before{
		content: "3";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(4):before{
		content: "4";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(5):before{
		content: "5";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(6):before{
		content: "6";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(7):before{
		content: "7";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(8):before{
		content: "8";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(9):before{
		content: "9";
		color: #000;
		z-index: 1;

	}
	.pestanas .flickity-page-dots .dot:nth-child(10):before{
		content: "10";
		color: #000;
		z-index: 1;

	}
	.pestanas .row-slider .flickity-page-dots .dot {
	    background-color: transparent;
	    height: 20px;
	    opacity: .2;
	    width: 20px;
	    border-bottom: 2px solid transparent;
	    font-weight: 600;
	    border-radius: 0%;
	    text-align: center;
	}
	.pestanas .flickity-page-dots .dot.is-selected {
	    background-color: transparent;
	    border-bottom: 2px solid #000;
	}
	.pestanas .flickity-page-dots {
	    left: 0%;
	    right: 0%;
	    text-align: right;
	}
	.menu-proyectos{

	}
	.has-dropdown .icon-angle-down{
		display: none;
	}
	.sub-menu.nav-dropdown .row{
			margin-left: auto;
			margin-right: auto;
	}
	.nav-dropdown-has-border .nav-dropdown {
    	border: 0px solid #ddd;
	}
	.nav-dropdown-has-shadow .nav-dropdown {
	    box-shadow: 0px 0px 0px rgb(0 0 0 / 15%);
	    padding-top: 40px;
    	padding-bottom: 20px;
	}
	.portfolio-inner h5 img{
		width: auto;
	}
/* FIN PROYECTOS */
/* CONTACTO */
	.formulario .forminator-input,
	.formulario .forminator-textarea {
	    border-color: #000000!important;
	}
	.formulario .forminator-label[class*="forminator-floating-"] {
	    color: #000000!important;
	}
	.formulario .forminator-button-submit {
	    background-color: #000000!important;
	    color: #ffffff!important;
	}
/* FIN CONTATO */

.header-social-icons .social-icons a{
    color: #000;
    font-size: 1.5em!important;
}


@media only screen and (max-width: 1400px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.slider-inicio .text-box{
	    width: 54%!important;
	}

}

@media only screen and (max-width: 1300px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.slider-inicio .text-box{
	    width: 58%!important;
	}

}
@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.precios .col-02 img {
	    margin-top: 0px;
	    margin-left: 0px;
	    width: 70%;
	}
	.slider-inicio .text-box{
	    width: 70%!important;
	}
	.slider-inicio .is-full-height {
    	height: 750px;
    	min-height: 750px;
	}
	body {
	    overflow-x:hidden;
	}
	.slider-inicio .text-box {
	    right: -45%;
	    z-index: 1;
	}
	.titulos h1 {
	    font-size: 5.0em;
	}
	.footer .col-01 {
	    flex-basis: 30%;
	    max-width: 30%;
	}
	.footer .col-03, .footer .col-04 {
	    flex-basis: 20%;
	    max-width: 20%;
	}
	.otros .large-2 {
	    flex-basis:100%;
	    max-width: 100%;
	}
	.otros .large-10 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.otros .relacionados {
	    margin-right: 0px;
	}
	.otros .row-collapse>.col {
	    padding: 15px!important;
	}
	.otros .slider-nav-outside .flickity-prev-next-button.previous {
	    left: 1%;
	    right: auto;
	    top: auto;
	    bottom: 0%;
	    text-align: right;
	    padding-right: 15px;
	}
	.otros .slider-nav-outside .flickity-prev-next-button.next {
	    left: auto;
	    right: 1%;
	    top: auto;
	    bottom: 0%;
	}
	.otros .row-slider .flickity-prev-next-button svg {
	    padding: 12px!important;
	}
	.mb-100 {
	    margin-bottom: 40px;
	}
	.atractivos .row-collapse>.col{
	    padding: 15px!important;
	}
	.datos-proyectos .col{
	    flex-basis: 20%;
	    max-width: 20%;
	}
	.cabecera-proyectos .divider{
	    margin-top: 1em!important;
	    margin-bottom: 1em!important;
	}

}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.precios .col-02 img {
	    width: 90%;
	}

	.cabecera-proyectos .medium-8 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.cabecera-proyectos .medium-8 .banner{
	    padding-top: 440px!important;
	}
	.cabecera-proyectos .medium-4 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.cabecera-proyectos .medium-4 .col-inner {
	    padding: 5% 5% 5% 5%!important;
	}
	.datos-proyectos .col {
	    flex-basis: 33%;
	    max-width: 33%;
	}
	.datos-proyectos .row {
	    margin-top: -55px;
	    background-color: #000;
	}
	.slider-inicio .medium-3 {
	    flex-basis: 33%;
	    max-width: 33%;
	}
	.slider-inicio .is-full-height {
    	height: 700px;
    	min-height: 700px;
	}
	.titulos h1 {
	    font-size: 4em;
	}
	.titulos h2 {
    font-size: 2.2em;
    margin-top: -20px;
	}
	.footer .col-01 {
	    flex-basis: 50%;
	    max-width: 50%;
	}
	.footer .col-02 {
	    flex-basis: 50%;
	    max-width: 50%;
	}
	.footer .col-03, .footer .col-04 {
	    flex-basis: 50%;
	    max-width: 50%;
	}
	.fotos .medium-3 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.fotos .col-02 {
	    padding-left: 0px!important;
	    margin-top: 0px;
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.fotos .row-collapse>.col{
	    padding: 15px!important;
	}
	.fotos:after {
	    background-color: transparent;
	}
	.fotos .col-01 .divider{
   		margin-top: 1em!important;
	    margin-bottom: 1em!important;
	}
	.fotos .col-01 .img{
	    width: 200px!important;
	    margin: auto!important;
	    display: block!important;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.previous {
	    left: 1%;
	    right: auto;
	    top: auto;
	    bottom: -5%;
	}
	.fotos .slider-nav-outside .flickity-prev-next-button.next {
	    left: auto;
	    right: 1%;
	    top: auto;
	    bottom: -5%;
	}
}

@media only screen and (max-width: 700px) {
	.precios .col-01,.precios .col-02{
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.precios.fondo-contenido .bg-fill {
	    background-position: 50% 100%!important;
	    background-repeat: no-repeat!important;
	    background-size: contain!important;
	}
}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.fotos .row-slider .flickity-prev-next-button svg {
	    padding: 10px!important;
	}
	.mt-100 {
	    margin-top: 0px;
	    z-index: -1;
	}
	.banner h2 {
	    font-size: 1.9em;
	}
	.h1, h1 {
	    font-size: 1.2em;
	}
	.h2, h2 {
	    font-size: 1.6em;
	}
	.h3, h3 {
	    font-size: 1.2em;
	}
	.h5, h5 {
	    font-size: 0.8em;
	}
		.footer .col-01 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.footer .col-02 {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.footer .col-03, .footer .col-04 {
	    flex-basis: 50%;
	    max-width: 50%;
	}
	.contacto {
	    background: rgb(255,255,255);
	    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
	    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
	    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 0%,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 );
	}
	.libro br{
		display: none;
	}
	.footer  .col-30>.col-inner>div{
    text-align: center!important;
    padding-top: 20px;
	}
	.footer .col-01 img{
	    width: 220px!important;
	}
	.footer .col-01{
	    text-align: center;
	}
	.contacto .texto-contacto{
	    transform: translate(0%,-50%);
	    left: 3%;
	}
	.proyectos-inicio .small-columns-2 .flickity-slider>.col, .small-columns-2>.col {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.slider-inicio .is-full-height {
	    height: 780px;
	    min-height: 780px;
	}
	.slider-inicio .text-box {
	    right: 5%;
	    z-index: 4;
	    width: 90%!important;
	    bottom: auto;
	    top: 280px;
	}
	.slider-inicio .bg-fill {
	    background-position: 80% 12%!important;
	    background-repeat: no-repeat!important;
	    background-size: contain!important;
	}
	.titulos h1 {
	    font-size: 3.5em;
	}
	.slider-inicio.quienes .bg-fill {
	    background-position: 50% 0%!important;
	}
	.slider-inicio.quienes .text-box {
	    z-index: 0;
	}
	.slider-inicio.quienes .banner{
	    padding-top: 680px!important;
	}
	.slider-inicio.quienes .chica{
	    right: -3%;
	}
	.quienes .texto .text-inner {
	    padding: 25px 25px;
	}
	.slider-inicio.quienes .banner-layers{
		overflow-x: hidden;
	}
	.servicios .col-01{
		display: none;
	}
	.servicios .flickity-prev-next-button.previous {
	    right: 55px;
	    background-color: #fff!important;
	}
	.servicios .flickity-prev-next-button.next {
	    background-color: #000!important;
	}
	.servicios .row-slider .flickity-prev-next-button {
	    opacity: 1!important;
	    transform: translateX(0)!important;
	    width: 40px!important;
	}
	.servicios .row-slider .flickity-prev-next-button svg {
	    padding: 10px!important;
	}

	.otros .small-columns-2 .flickity-slider>.col {
	    flex-basis: 100%;
	    max-width: 100%;
	}
	.atractivos .slider-wrapper .flickity-prev-next-button {
	    display: initial;
	}
	.cabecera-proyectos .medium-8 .banner {
	    padding-top: 340px!important;
	}
	.datos-proyectos .col {
	    flex-basis: 50%;
	    max-width: 50%;
	}

}