/**
 * @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 */

/***FUENTES**/

/*

<link rel="stylesheet" href="https://use.typekit.net/rdm2zeo.css">

font-family: "semplicitapro", sans-serif;
font-weight: 300;
font-style: normal;

font-family: "semplicitapro", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "semplicitapro", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "semplicitapro", sans-serif;
font-weight: 600;
font-style: normal;

font-family: "semplicitapro", sans-serif;
font-weight: 700;
font-style: normal;

*/

/* PRECARGA */

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
	z-index: 9999;
}

ul {
	list-style-position: outside;
	list-style-type: square;
	padding-left: 17px;
	margin: 5px 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**  General **/

* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

body {
	
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	
	position: relative;	
	text-align: left;
	font-size: 16px;	
	overflow-x: hidden;
	color: #29397E;
	line-height: 1.2em;
	
	background-image: url("../../../images/poolpiscinas/bg/Pool-Piscinas-Fibonacci(45).webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


.link-white a:link,
.link-white a:visited,
.link-white a:active {
	text-decoration: none;
	color: #ffffff !important;
	transition: 0.2s;
}

a:link {
	text-decoration: none;
	color: #29397E;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #29397E;
}

a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

img {
	border-style: none;
}

strong, b {
	letter-spacing: normal;
	font-weight: 700;
}

p {
	margin: 10px 0;
}

h1, h2, h3 {
	font-weight: 600;
}

h1 {
	
	font-family: "semplicitapro", sans-serif;
font-weight: 700;
font-style: normal;
	
	line-height: 1.0em;
	font-size: 40px;
	margin: 10px 0;	
	display: block;
/*	letter-spacing: -1px; */
}

h1 a {
	text-decoration: none;
}

h1 a:hover {
	color: #000;
	text-decoration: none;
}

h1 a:link {
	text-decoration: none;
}

h1 a:visited {
	color: #000 !important;
	text-decoration: none !important;
}

h2 {
	line-height: 1.0em;
	font-size: 29px;
	margin: 5px 0;	
	display: block;
	letter-spacing: -1px;
}

h2 a {
	text-decoration: none;
}

h2 a:hover {
	color: #7f8085;
	text-decoration: none;
}

h3 {
	font-size: 20px;
  	line-height: 1.1em;
	margin: 5px 0;	
	display: block;
}

h3 a {
	text-decoration: none;
}

h3 a:hover {
	color: #7f8085;
	text-decoration: none;
}

.text-flash {
	padding: 0.7em 1em;
	background: #B5DDF9;
	box-sizing: border-box;
	display: block;
	border-radius: 0.6em;
}

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

hr {
	display: block;
	clear: both;
	border: 0;
	background-color: rgb(0,0,0,0.4);
	height: 1px;
	margin: 15px 0;
}


#system-message-container {
	display: table;
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

#system-message {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 100px auto 0 auto;
}

/** HEADER **/

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

}

#header {	
	position: -webkit-sticky; 
	position: sticky;
	top: 0;
	z-index: 10; 
	width: 100%;
	display: block;
	border-bottom: 5px solid #ffffff;
}

#header .header-container {	
	position: relative;
	width: 100%;
	height: 90px;
	overflow: hidden;
}

#header .cont-branding {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
}

.branding-logo {
	height: 70px;
	margin-top: 10px;
}

.gradiente-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0.6418768190870099) 66%, rgba(255,255,255,0) 100%);
}

/** ARTICULOS **/

#content-1column {
	width: 100%;
	min-height: 90vh;
	position: relative;
}


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

#footer {
	width: 100%;
}

#footer ul {
	list-style: none !important;
	text-decoration: none !important;
	padding-left: 10%;	
}

#footer li {
	padding: 5px 0;
	font-size: 18px;
}

#footer a:link {
	text-decoration: none !important;
}

#footer a:hover {
	text-decoration: none !important;
	color: #63ADE0;
	transition: 0.5s;
}

#cont-footer {
	background: rgba(26,115,207,0.15);
}

/*****SIGNATURE****/

#signature {
  width: 100%;
  display: table;
  background: #29397E;
  font-size: 14px;
	font-weight: 300;
  line-height: 1.0em;
  color: #ffffff;
}

#signature .sign-cont {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 20px 0;
}

@media only screen and (max-width: 1000px) {
#signature .sign-cont {
	width: 90%;
}	
}

#signature .sign-cont a:link,
#signature .sign-cont  a:visited,
#signature .sign-cont  a:hover {
	color: #ffffff;
}


#signature .sign-icon:hover {	
	opacity: 1;
	transition: 0.2s;
}

#signature .sign-icon {
	opacity: 0.7;
	transition: 0.2s;
}

#signature .sign-icon::after {
	content: url( "../images/icono-creactivo.svg");
	margin-left: 3px;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: -3px;
	filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(29deg) brightness(108%) contrast(101%);
	cursor: pointer;
}

#signature .copyright {
	vertical-align: top;
	font-size: 18px;
}


/**ICONOS**/

.icono100 {
	width: 40px !important;
	height: auto !important;
	opacity: 0.5;
	cursor: pointer;
	transition: 0.2s ease;
}

.icono100:hover {
	opacity: 1;
}

.icono-mas {
	background-image: url(../../../images/creactive/iconos/icon-mas.svg);
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	display: inline-block;
	background-size: contain;
	margin: 0 3px;
	opacity: 0.5;
	cursor: pointer;
	transition: 0.2s ease;
}

.icono-mas:hover {
	opacity: 1;
}

.mas-in-text {
	background-image: url(../../../images/creactive/iconos/icon-mas.svg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
	background-size: contain;
	margin: 0 3px;
	opacity: 0.5;
	cursor: pointer;
	transition: 0.2s ease;
}

.mas-in-text:hover {
	opacity: 1;
}

/** ICONO SUBIR **/
	
.ir-arriba {
	position: fixed;
	display:none;
	opacity: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
	line-height: 1em;
	z-index: 12;
	border-radius: 50%;
	margin: 30px;
	cursor: pointer;
	font-size: 40px;
	color: #fff;
	
	background: #29397E;
}

@media only screen and (max-width: 1000px) {
.ir-arriba {
	font-size: 27px;
	margin: 45px 15px;
	padding: 16px;
}
}

.ir-arriba:hover {
	opacity: 1;
}

.ir-show {
	display: block;
	opacity: 0.5;
	transition: 0.2s;
}


.registrado {
	font-size: medium;
	vertical-align: text-top;
	line-height: 1.3em;
}

.precarga {
	min-height: 100px;
	background: url(../images/ajax-loader.gif) center no-repeat;
}



#video {
	width: 100%;
}


/* BOTON MAS */

.boton-mas {
	display: table;
	position: relative;
	width: 55px;
	margin: 30px auto;
	float: none;
	clear: both;
}

.boton-mas img {
	width: 100%;
}

.boton-mas .mas-over {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s;
}

.boton-mas:hover .mas-over {
	opacity: 1;
	
}

/* FIN BOTON MAS */


/*** BOTONES ***/

.btn {
	display: table;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 16px;
	padding: 15px 25px;
	text-align: center;
	-moz-border-radius: 60px;
	border-radius: 60px;
	background: #ffffff;
	text-decoration: none;
	color: #29397E;
	cursor: pointer;
	margin: 1em 0;
	transition: 0.2s;
}

.btn-azul {
	display: table;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 16px;
	padding: 15px 25px;
	text-align: center;
	-moz-border-radius: 360px;
	border-radius: 60px;
	background: #29397E;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
	margin: 1em 0;
	transition: 0.2s;
}

.btn-celeste {
	display: table;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 16px;
	padding: 15px 25px;
	text-align: center;
	-moz-border-radius: 60px;
	border-radius: 60px;
	background: #A6CBEB;
	text-decoration: none;
	color: #29397E;
	cursor: pointer;
	margin: 1em 0;
	transition: 0.2s;
}

.btn:hover,
.btn-azul:hover,
.btn-celeste:hover {
	background: #63ADE0;
	text-decoration: none;
	transition: 0.2s;
}

.btn-celeste:link,
.btn-celeste:visited,
.btn:link,
.btn:visited,
.btn:active {
	color: #29397E !important;
	text-decoration: none !important;
}
.btn-celeste:active {
	color: #ffffff;
}

.btn-celeste a:link,
.btn-celeste a:visited,
.btn a:link,
.btn a:visited,
.btn-celeste a:link {
	color: #29397E !important;
	text-decoration: none !important;
}

.btn-azul a:active,
.btn-azul:active {
	color: #63ADE0;
}

.btn-azul:visited,
.btn-azul a:visited {
	color: #ffffff;
}




#system-readmore {
	list-style: none !important;
	float: left !important;
}

.readmore a:link {
	color: #FFF !important;
	text-decoration: none;
}


.readmore .btn {
	box-sizing: border-box;
	min-width: 50px;
	padding: 9px 23px 11px 23px;
	margin: 15px 0;
}


/** REDES SOCIALES **/

#redes-sociales {
	width: 100%;
	text-decoration: none;
	display: inline-block;	
	padding: 20px 0;
}

#redes-sociales [class^="icon-"], #redes-sociales [class*=" icon-"] {
	font-size: 18px;
	margin-right: 12px;
	color: #fff;
	
	display: inline-block;
}

#redes-sociales a:link {
	text-decoration: none;
}

#redes-sociales [class^="icon-"]:hover, #redes-sociales [class*=" icon-"]:hover {
	color: #2e226e;
}

#redes-sociales a:hover {
	text-decoration: none;
	color: #000000 !important;
}

.icono-compartir {
	color: #fff !important;
	font-size: 20px !important;
	margin-bottom: 3px;
	margin-right: 10px;
}

#redes-sociales .icono-borde {
	border: 1px solid #fff;
	padding: 15px;
	border-radius: 50%;

}

@media only screen and (min-width: 1000px) {
.icon-whatsapp-inv {
	display: none;
}
	
}

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

#e-form {
	position: relative;
	z-index: 0;
	width: 100%;
	border-bottom: 1px solid #29397E;
	display: table;
	padding-top: 2em;
	background: #fff;
}

#e-form .paginacion-leng {
	max-width: 1200px;
	margin: 0 auto;	
}

#e-form .leng,
#e-form .leng-celeste,
#e-form .leng-blanca {
    font-size: 29px;
    font-weight: 600;
    line-height: 1em;
	margin-right: 15px;
	margin-bottom: -1px !important;
	border-radius: 17px 17px 0 0 !important;
	padding: 15px 25px 8px 25px;	
	display: table;	
	box-sizing: border-box;
	transition: 0.2s;
	color: #29397E;
}

#e-form .leng-blanca {
	border-left: 1px solid #29397E;
	border-top: 1px solid #29397E;
	border-right: 1px solid #29397E;
	border-bottom: 1px solid #fff;
	background: #fff;
}

#e-form .leng-blanca:hover,
#e-form .leng-celeste:hover {
	color: #63ADE0;
	transition: 0.2s;
}

#e-form .leng-celeste {
	background: #E6F0F9;
	border-left: 1px solid #29397E;
	border-top: 1px solid #29397E;
	border-right: 1px solid #29397E;
	border-bottom: 1px solid #E6F0F9;
}

#e-form .cont-contacto .leng-celeste {
	border-bottom: 1px solid #29397E;
}

#e-form .cont-cotizacion .leng-blanca {
	border-bottom: 1px solid #29397E;
}

#e-form .celeste-off {
	  background: rgb(182,207,228);
background: linear-gradient(0deg, rgba(182,207,228,1) 0%, rgba(230,240,249,1) 51%); 
}

#e-form .blanca-off {
	 background: rgb(227,227,227);
background: linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 55%); 
}

@media only screen and (max-width: 800px) {
#e-form .leng,
#e-form .leng-celeste,
#e-form .leng-blanca {
    font-size: 15px;
	border-radius: 5px 5px 0 0 !important;
	padding: 8px 13px 5px 13px;
	margin-right: 5px;
}
	
#e-form .paginacion-leng {
	max-width: 95%;
}

}

.ui.fluid.container {
	max-width: 1200px !important;
	margin: auto;
}

.ui.message .list:not(.ui) li::before {
	display: none !important;
}

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

.ui.form {
	max-width: 95% !important;
	margin: auto;
}
	
}