/**
 * @subpackage	Creactive
 * @copyright	Copyright (C) 2021 Creactive - All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
*/

/*	color: #29397E; /* AZUL POOLPISCINAS*/
/*	color: #63ADE0 - CELESTE POOLPISCINAS */
/*	color: #A6CBEB - CELESTE LIGHT POOLPISCINAS */

/*****GENERAL*****/

.paginacion1250 {
	display: block;
	width: 100%;
	margin: auto;
	max-width: 1200px;
	position: relative;
}

@media only screen and (max-width: 1000px) {
.paginacion1250 {
	width: 90%;
}
}


/******INICIO*****/

#portada {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.cont-video-portada {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	z-index: -1;
}

.video-ini {
	min-width: 100% !Important;
	
	min-height: 100% !Important;
}

.marca-inv {
	display: block;
	width: 60%;
}

.titulo-inicio {
	text-align: right;
}

.titulo-inicio h1 {
	font-size: 55px;
}

@media only screen and (max-width: 1000px) {
	
.marca-inv {
	width: 70%;
	margin: 0 auto 10% auto;
}
	
.titulo-inicio {
	text-align: center;
}
	
.titulo-inicio h1 {
	font-size: 35px;
}
	
}

[class^="fl-continuar-"],
[class*="fl-continuar-"] {
	position: absolute;
	bottom: 5vh;
	font-size: 40px;
	display: block;
	text-align: center;
	width: 100%;
	animation: intermitente 1s infinite;
}

.fl-continuar-blanco {
	color: #ffffff;
}

.fl-continuar-celeste {
	color: #63ADE0;
}

.fl-continuar-azul {
	color: #29397E;
}

[class^="fl2-continuar-"],
[class*="fl2-continuar-"] {
	font-size: 40px;
	display: block;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	animation: intermitente 1s infinite;
}

.fl2-continuar-blanco {
	color: #ffffff;
}

.fl2-continuar-celeste {
	color: #63ADE0;
}

.fl2-continuar-azul {
	color: #29397E;
}

.cont-texto-flecha-abajo {
	width: 100%;
}

.cont-flecha-abajo {
	font-size: 37px;
	animation: up-down 1s ease infinite;
	height: 50px;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0;
}

.flecha-abajo:before {
	font-family: 'creactive-iconos' !important;
	content: "\e907";
	opacity: 1;
	margin: auto;
	vertical-align: bottom;
}

@keyframes up-down {
	0% {opacity: 0; transform: translateY(0px);}
	100% {opacity: 1; transform: translateY(20px);}
}

@keyframes intermitente {
	0% {
        opacity: 0.1;
	}
	20% {
        opacity: 1;
	}
	100% {
        opacity: 0.1;
	}
}

.bg-esquema-piscina {
	background-image: url("../../../images/poolpiscinas/bg/bg-esquema-piscina.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.bg-azul-multiply {
	background: rgba(26,115,207,0.15);
}

.casilla-servicios,
.casilla-servicios-celeste {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	min-height: 280px;
}

.casilla-servicios {	
	background: rgba(255,255,255,0.7);
}

.casilla-servicios-celeste {	
	background: rgba(166,203,235,0.4);
}



@media only screen and (max-width: 1000px) {	
#acerca-de .right {
	float: none;
}
	
.text-right {
	text-align: left !important;
}
	
.right {
	float: none !important;
}
}

/****SPAN COLORES****/

.celeste-pool {
	color: #63ADE0 !important;
}

.celeste-light-pool {
	color: #A6CBEB !important;
}

.azul-pool {
	color: #29397E !important;
}

.azul-dark-pool {
	color: #252C4E !important;
}

/*****ARTICULOS*****/

.min91vh { /**descontando header**/
	min-height: 91vh;
	width: 100%;
	position: relative;
	display: table;
}

#pool-soluciones h1 {
	font-size: 60px;
}

@media only screen and (max-width: 1000px) {
#pool-soluciones h1 {
	font-size: 35px;
}	
	
}

/*****FOOTER****/

.bg-fibonacci {
	background-image: url("../../../images/poolpiscinas/bg/Pool-Piscinas-Fibonacci(45).jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.bg-fibonacci-azul {
	background-image: url("../../../images/poolpiscinas/bg/Pool-Piscinas-Fibonacci(azul).jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/*****CONTACTO/COTIZACION*****/

#et-contacto {
	position: -webkit-sticky; 
	position: sticky;
	bottom: 0;
	z-index: 10; 
	width: 100%;
	display: block;
}

.etiqueta-zona-contacto {
	display: table;
	padding: 15px 25px 13px 25px;
	border-radius: 15px 15px 0 0;
	background: #29397E;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	margin-top: -60px;
	margin-bottom: -2px;
}

.etiqueta-zona-contacto a:link,
.etiqueta-zona-contacto a:visited {
	text-decoration: none;
	color: #ffffff;
	transition: 0.2s;
}

.etiqueta-zona-contacto a:hover {
	text-decoration: none;
	color: #A6CBEB;
	transition: 0.2s;
}

#zona-contacto {
	width: 100%;
	background: #29397E;
}

#scrollzona-contacto {
	min-height: 40vh;
	padding: 3em 0;
	box-sizing: border-box;
}

#scrollzona-contacto a:link,
#scrollzona-contacto a:visited {
	color: #ffffff;
}

#scrollzona-contacto .btn,
#scrollzona-contacto .btn-celeste {
	min-width: 65%;
	margin: 0 !important;
	margin-bottom: 0 !important;
}

#scrollzona-contacto [class^="icon-"],
#scrollzona-contacto [class*=" icon-"] {
	font-size: 90px;
	margin: 5px 0 5px 35px;
	transition: 0.2s;
	cursor: pointer;
}

#scrollzona-contacto [class^="icon-"]:link,
#scrollzona-contacto [class*=" icon-"]:link,
#scrollzona-contacto [class^="icon-"]:visited,
#scrollzona-contacto [class*=" icon-"]:visited {
	text-decoration: none !important;
	color: #ffffff !important;
	transition: 0.2s;
	cursor: pointer;
}

#scrollzona-contacto [class^="icon-"]:hover,
#scrollzona-contacto [class*=" icon-"]:hover {
	text-decoration: none !important;
	color: #A6CBEB !important;
	transition: 0.2s;
}

@media only screen and (max-width: 1000px) {
#scrollzona-contacto [class^="icon-"],
#scrollzona-contacto [class*=" icon-"] {
	font-size: 80px;
	margin: 0;
}
	
#scrollzona-contacto .right,
#scrollzona-contacto .text-center,
#scrollzona-contacto .text-right {
	float: none;
	text-align: left !important;		
}

}

/*****CHRONOFORM7-ESPECIALES****/

.ui-row50 {
	max-width: 50% !important;
}

.ui-column25 {
	width: 25% !important;
}

.ui.form .field {
	width: 100%;
	min-width: 100px;
}

.ui.grid > .column:not(.row), .ui.grid > .row > .column {
	padding-bottom: 2em;
}

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

.ui.form .eight.wide.field {
	width: 100% !important;
}

.ui.form .field {
	min-width: 320px !important;
}
.ui-row50 {
	max-width: 100% !important;
}
	
.ui.grid > .column:not(.row), .ui.grid > .row > .column {
	width: 100% !important;
}
	
.ui.grid > .column:not(.row), .ui.grid > .row > .column {
	padding: 5px;
}

}

.ui.success.message {
	color: #29397E !important;
}


.ui.success.message .header {
	color: #29397E !important;
}

.ui.message .list:not(.ui) {
	opacity: 1 !important;
}

/*****BOTON-SELLECCIONAR-FORMA-COTIZACION****/

#cont-btn-cotizacion {
	display: table;
	margin: 1em 0;	
	cursor: pointer;
	transition: 0.2s
}

#cont-btn-cotizacion .btn-cotizacion-azul,
#cont-btn-cotizacion .btn-cotizacion-celeste {
	
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 16px;
	padding: 15px 25px;
	text-align: center;
	-moz-border-radius: 60px;
	border-radius: 60px;
	text-decoration: none;
	color: #FFFFFF;
	transition: 0.2s;
	
}

#cont-btn-cotizacion .btn-cotizacion-azul {	
	background: #29397E;
}

#cont-btn-cotizacion .btn-cotizacion-celeste {	
	background: #A6CBEB;
	color: #29397E;
}

#cont-btn-cotizacion .btn-cotizacion-azul:hover,
#cont-btn-cotizacion .btn-cotizacion-celeste:hover {
	background: #63ADE0;
	transition: 0.2s;
}

#cont-btn-cotizacion .triangle-down {
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 15px solid #29397E;
	margin: auto;
}

/***SECCION REVESTIMIENTOS***/

#pool-revestimiento {
	width: 100%;
	overflow: hidden;
	min-height: 100vh;
	position: relative;
}

#pool-revestimiento .back-revestimientos {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("../../../images/poolpiscinas/revestimientos/bg-pool-piscinas-revestimientos.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	animation: revcolor 10s infinite;
	z-index: -5;
}

#pool-revestimiento .col-texto {
	display: table;
	width: 30%;
	height: 100%;
}

#pool-revestimiento .col-muestrarios {
	width: 70%;
	height: 100%;
	margin-right: -2%;
}

#pool-revestimiento .cont-col-rev {
	width: 100%;
	max-width: 1250px;
	margin: auto;
}

#pool-revestimiento .icono-inicio {
	width: 16.5%;
	float: left;
	clear: none;
}

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

#pool-revestimiento .col-texto {
	display: table;
	width: 100%;
	margin-bottom: 2vh;
}

#pool-revestimiento .col-muestrarios {
	width: 140%;
}

#pool-revestimiento .cont-col-rev {
	width: 90%;
}
	
}

@keyframes revcolor {
	
  20% {
     filter: grayscale(0) hue-rotate(40deg);
  }
  40% {
    filter: grayscale(0) hue-rotate(-92deg);
  }
	80% {
    filter: grayscale(0.75) hue-rotate(40deg);
  }
	 
}

.columna-revestimiento {
	display: table;
	width: 32%;
	min-height: 270px; 
	background-color: rgba(255,255,255,0.50);
	border-radius: 20px;
	text-align: center;
	padding: 2%;
	margin-bottom: 2%;
	backdrop-filter: blur(5px);
	box-sizing: border-box;
}

.columna-revestimiento .img-col-rev {
	width: 40%;
	height: auto;
	margin: auto;
}

#pool-revestimiento h1
{
	margin-top: 0;
}

@media only screen and (max-width: 800px) {
	
.columna-revestimiento {
	min-width: 100%;
	margin: 1vh 0;
}	
	
}

 #revestimientos-caract {
	width: 100%;
	padding: 1em 0;
}

#revestimientos-caract ul {
	list-style: none;
	padding-left: 1.2em;
	margin: 0.5em 0;
	font-size: 29px;
	font-weight: 600;
	line-height: 1.0em;
}

#revestimientos-caract li::before {
	content: "\ea26";
	font-family: creactive-iconos;
	margin-left: -1.2em;
	margin-right: 5px;
	font-size: 110%;
	color: #63ADE0;	
}

@media only screen and (max-width: 800px) {
	
#revestimientos-caract ul {
	font-size: 22px;
}
	
#revestimientos-caract li {
	margin-bottom: 0.5em;
}	
	
}