/* Add here all your CSS customizations */
/*Estilos para Poolmart*/

/*******************************************************************************************************/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
                               /* C S S    B Y    A G R A  :P */
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
/********************************************************************************************************/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Colores Poolmart*/
:root{
	--gris: #757575;
	--azul-claro: #35a8e0;
	--azul-medio: #1d70b7;
	--dorado: #c69c6d;
	--platino: #999999;
	--negro: #000;
	--blanco: #fff;
}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000!important;}
.l-negra{color: #000;}
.l-gris{color: #757575;}
.l-azul-c{color: #35a8e0;}
.l-azul-m{color: #1d70b7;}
.l-azul-m-force{color: #1d70b7 !important;}
.l-dorado{color: #c69c6d;}
.l-platino{color: #999999;}

body{font-size: 18px;}
body, h1, h2, h3, h4, h5, h6, p, span{font-family: 'Quicksand', sans-serif!important; text-transform: none;}
a:hover{text-decoration: none;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Fuente, pesos fuente, tamaño*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.quick{font-family: 'Quicksand', sans-serif;}
.upper{text-transform: uppercase !important;}
.w-300{font-weight: 300;}
.w-400{font-weight: 400;}
.w-500{font-weight: 500;}
.w-600{font-weight: 600;}
.w-700{font-weight: 700;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-22{font-size: 22px;}
.fs-23{font-size: 23px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}
.fs-36{font-size: 36px;}
.fs-37{font-size: 37px;}
.fs-38{font-size: 38px;}
.fs-39{font-size: 39px;}
.fs-40{font-size: 40px;}
.fs-41{font-size: 41px;}
.fs-42{font-size: 42px;}
.fs-43{font-size: 43px;}
.fs-44{font-size: 44px;}
.fs-45{font-size: 45px;}
.fs-46{font-size: 46px;}
.fs-47{font-size: 47px;}
.fs-48{font-size: 48px;}
.fs-49{font-size: 49px;}
.fs-50{font-size: 50px;}
.fs-51{font-size: 51px;}
.fs-52{font-size: 52px;}
.lh-normal{line-height: normal;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Margin, padding*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.p-no-margin{margin: 0 !important;}
.justi-p{text-align: justify;}

.p-tb40{padding: 40px 0;}
.p-tb50{padding: 50px 0;}
.p-tb60{padding: 60px 0;}
.p-tb70{padding: 70px 0;}
.p-tb80{padding: 80px 0;}
.p-tb90{padding: 90px 0;}
.p-tb100{padding: 100px 0;}
.p-tb110{padding: 110px 0;}

.p-t20{padding-top: 20px;}
.p-t30{padding-top: 30px;}
.p-t40{padding-top: 40px;}
.p-t50{padding-top: 50px;}
.p-t60{padding-top: 60px;}
.p-t70{padding-top: 70px;}
.p-t80{padding-top: 80px;}
.p-t90{padding-top: 90px;}
.p-t100{padding-top: 100px;}


.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}
.p-b40{padding-bottom: 40px;}
.p-b50{padding-bottom: 50px;}
.p-b60{padding-bottom: 60px;}
.p-b70{padding-bottom: 70px;}
.p-b80{padding-bottom: 80px;}
.p-b90{padding-bottom: 90px;}
.p-b100{padding-bottom: 100px;}

.m-a20{margin: 20px;}

.m-tb50{margin: 50px 0;}
.m-tb60{margin: 60px 0;}
.m-tb70{margin: 70px 0;}
.m-tb80{margin: 80px 0;}
.m-tb90{margin: 90px 0;}
.m-tb100{margin: 100px 0;}
.m-tb110{margin: 110px 0;}

.m-t20{margin-top: 20px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}
.m-t60{margin-top: 60px;}
.m-t70{margin-top: 70px;}
.m-t80{margin-top: 80px;}
.m-t90{margin-top: 90px;}
.m-t100{margin-top: 100px;}

.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.m-b30{margin-bottom: 30px;}
.m-b40{margin-bottom: 40px;}
.m-b50{margin-bottom: 50px;}
.m-b60{margin-bottom: 60px;}
.m-b70{margin-bottom: 70px;}
.m-b80{margin-bottom: 80px;}
.m-b90{margin-bottom: 90px;}
.m-b100{margin-bottom: 100px;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Buttons*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.btn-slide{background: #35a8e0; border-color: #35a8e0 !important;}
.btn-slide:hover{background: transparent !important; border-color: #35a8e0; color: #fff !important;}
.btn-azul{background: #35a8e0; border: 1px solid #35a8e0; color: #fff; font-weight: 500; padding: 5px 20px;}
.btn-azul:hover{transition: all .5s ease-in-out; color: #777777; background: transparent; text-decoration: none;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-beneficios{background: url('../archivos/bg-beneficios.png'); background-position: center; background-repeat: no-repeat; background-position-y: 0px;}
.bckgd-descuentos{background: url('../archivos/bg-descuentos.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.bckgd-footer{background: url('../archivos/bg-footer.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.bckgd-azul{background: #35a8e0;}
.back-ola{background: url('../archivos/hover-otros-productos.png'); background-size: cover; padding-top: 35px; opacity: 0.9;}
.bg-dorado{background: #c69c6d!important;}
.bg-negro{background: #000000!important;}
.bg-platino{background: #999999!important;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*ola Canvas*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
#sea {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1000;
  opacity: 0.15;
  pointer-events: none;
}
#footerSea {
  width: calc(100% + 15px);
  position: absolute;
  bottom: 0;
  left: -15px;
  z-index: 0;
  opacity: 0.55;
  pointer-events: none;
}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.logo-header{width: 200px;}
html.sticky-header-active #header .header-body{box-shadow: 0px -4px 10px 0px #000;}
#header{box-shadow: 0px -4px 10px 0px #000;}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span{font-size: 14px; color: #35a8e0; font-weight: 600;}
#header .header-nav-main nav > ul > li > a{font-size: 17px; letter-spacing: 0; color: #757575;}
#header .header-nav-main nav > ul > li > a.last-child{padding-right: 0;}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a{background: transparent; color: #35a8e0;}
.text-shadow-slide{text-shadow: 2px 2px 2px #000;}
.dis-flex{display: flex; align-items: center;}
.dis-flex-center{display: flex; align-items: center; justify-content: center;}
.icons-beneficios{width: 45px; height: 25px;}
.space-preline{white-space: pre-line;}
.list-presentaciones{padding-left: 20px;}
.owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev{color: #1d70b7;}
.box-shadow-3{-webkit-box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.75); box-shadow: 10px 10px 15px -5px rgba(0, 0, 0, 0.75);}
.white-space-pre{white-space: pre-line;}
.flex-info-contacto{display: flex; align-items: baseline; font-size: 16px;}
.icon-footer{margin-right: 15px;}
.text-shadow{text-shadow: 2px 2px 2px #000;}
.pricing-table .plan .plan-header{padding: 5px !important;}
.pricing-table .plan .plan-footer{padding: 0.5rem 0.8rem 2.5rem;}
.cont-info-float{position: fixed; top: 50%; right: 20px; z-index: 99;}
.info-float img{width: 50px; display: block; margin: 10px 0;}
.cont-redes-phone{display: none;}

/*Animation*/
.info-float:hover img{animation: move linear 2s infinite;}

@keyframes move{
	0%{transform: translateX(-10px);}
	50%{transform: translateX(10px);}
	100%{transform: translateX(-10px);}
}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Responsive*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
@media screen and (min-width: 1700px){

}

@media screen and (max-width: 1400px){
	.back-ola p{font-size: 17px;}
	.cont-hidden-information{bottom: -96%; min-height: 320px;}
}

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

	
	.footer-bottom{padding: 30px 0 70px;}
	.cont-redes-phone{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
	.cont-redes-phone .cont-style{border-top: 1px solid #fff; display: flex; align-items: center;}
	.whats-phone{background: #25d366; width: 33.333333%; padding: 10px 0;}
	.phone-phone{background: #014693; width: 33.333333%; padding: 10px 0;}
	.mail-phone{background: #35a8e0; width: 33.333333%; padding: 10px 0;}

	
}

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

}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->