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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/**/
:root{
	--negro: #000;
	--blanco: #fff;
	--dorado: #c89158;
	--gris: #999999;

}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
/*@font-face {
  font-family: "Segoe Ui";
  src: url("../fonts/segoeui.ttf");
}

@font-face {
  font-family: "Segoe Ui Bold";
  src: url("../fonts/segoeuib.ttf");
}*/


.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000!important;}
.l-negra{color: #000;}
.l-dorada{color: #c89158;}
.l-gris{color: #999999;}




body, p{font-family: 'Poppins', sans-serif; letter-spacing: 0px;}
h1, h2, h3, h4, h5, h6, span{font-family: 'Poppins', sans-serif; letter-spacing: 0px;}
a:hover{text-decoration: none;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

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

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

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

.p-tb25{padding: 25px 0;}
.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-tb120{padding: 120px 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-a0{margin: 0px;}
.p-a0{padding: 0px;}

.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-t0{margin-top: 0px;}
.m-t10{margin-top: 10px;}
.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-b0{margin-bottom: 0px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px!important;}
.m-b20{margin-bottom: 20px!important;}
.m-b25{margin-bottom: 25px;}
.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;}
.letter-sp-2{letter-spacing: 2px;}
.letter-sp-5{letter-spacing: 5px;}

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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Buttons*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.btn-slide{color: #000; border: 1px solid #c89158; transition: .5s linear; background: transparent; display: block; padding: 10px 25px;}
.btn-slide:hover{color: #fff; border: 1px solid #c89158; transition: .5s linear; background: #c89158;}
.btn-transparent{color: #000; border: 1px solid #c89158; transition: .5s linear; background: transparent; display: block; padding: 5px 40px; width: fit-content;}
.btn-transparent:hover{color: #fff; border: 1px solid #c89158; transition: .5s linear; background: #c89158;}
.btn-transparent-gray{color: #fff; border: 1px solid #999999; transition: .5s linear; background: transparent; display: block; padding: 10px 25px; width: fit-content;}
.btn-transparent-gray:hover{color: #fff; border: 1px solid #999999; transition: .5s linear; background: #999999;}
.btn-form{cursor: pointer;}


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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-dorado{background: #c89158;}
.bckgd-gris{background: #999999;}
.bckgd-negro{background: #000000;}
.bckgd-zukeyt{background-image: url(../archivos/zukeyt-goldskin-bg.jpg); background-image: url(../archivos/zukeyt-goldskin-bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover;}
.bckgd-pasos{background: url(../archivos/aplicacion-zukeyt-goldskin.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.no-webp .bckgd-comprar{background-image: url(../archivos/zukeyt-goldskin-producto-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.webp .bckgd-comprar{background-image: url(../archivos/zukeyt-goldskin-producto-bg.webp); background-size: cover; background-position: center; background-repeat: no-repeat; }

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


/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
/*.top-meu li a.active{color: #c89158!important;}*/
.logo-header img{width: 110px; height: auto; margin-top: 1px;}
.main-menu .navigation > li:hover > a{color: #c89158!important;}
.sticky-header .main-menu .navigation > li:hover > a{color: #fff!important;}
.logo-header-sticky{width: 70px; height: auto; margin-top: 1px;}
.flex-center{display: flex; align-items: center;}
.flex{display: flex;}
section.section{padding: 70px 0;}
.header{box-shadow: 0px 0px 10px #000;}
.main-header .sticky-header .main-menu .navigation > li:hover > a{background: #c89158 !important;}
.fluid-section-one .content-column .inner-column{padding: 0px 15px 0px 50px; max-width: 850px;}
.watermark-zukeyt{position: absolute; top: 45%; transform: translateY(-50%); right: 0; width: 60%; height: auto;}
.watermark-zukeyt-black{position: absolute; top: 0; left: 13%; width: auto; height: 100%;}
.list-benefits li{display: flex; width: 50%; float: left; min-height: 90px; margin-bottom: 35px; padding-right: 40px;}
.icon-benefits{width: 50px; height: 50px; margin-right: 10px;}
.col-md-2-5{width: 20%; max-width: 20%; flex: 0 0 20%;}
.procedure-block .icon-box{border: 1px solid #c89158;}
.procedure-block .inner-box:after{left: -15px;}
.procedure-block .inner-box:before{left: -15px; border: 1px solid #c89158;}
.procedure-block:hover .icon-box .icon-steps{width: 50px; height: 50px; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1);}
.text-steps{color: #000; padding: 0 15px; min-height: 170px;}
.procedure-block:hover .text-steps{color: #fff;}
.procedure-block:hover{background-color: rgba(0,0,0,0.85)!important;}
.title-steps{min-height: 45px;}
.disclaimer-steps{font-size: 12px; line-height: 17px; position: absolute; bottom: 40px; width: 100%; text-align: center;}
.products-tabs{background: rgba(255,255,255,0.90); box-shadow: none;}
.products-tabs .content-column .inner-column{padding-top: 60px;}
.tab-btn .image-box{border: 1px solid #c89158;}
.list-contact li{display: flex; height: 50px; align-items: center;}
.list-contact li:not(:last-child){margin-bottom: 20px;}
.list-contact li .link-contact a{display: block;}
.list-contact li i{margin-right: 20px; font-size: 15px; width: 40px; color: #c89158; line-height: 40px; text-align: center; height: 40px; border-radius: 50%; border: 1px solid #c89258;}
.list-contact li a{font-size: 14px; line-height: 19px; color: #000;}

.scroll-to-top{position: fixed; z-index: 99; right: 5%; bottom: 5%; top: initial; left: initial; color: #c89158!important;}
.scroll-to-top:hover{background: #c89158!important; color: #fff!important;}

.mensajes-form{position: absolute; right: 20%; bottom: 5px;}


/*Slide*/
.title-slide{font-size: 45px!important; line-height: 50px; color: #000; font-weight: 400!important;}
.subtitle-slide{font-size: 26px!important; line-height: 31px; color: #c89158; font-weight: 400!important;}
.disclaimer-slide{color: #c89158; font-size: 15px!important; line-height: 20px; display: block; margin-top: 10px; font-weight: 400!important;}
 

/*Contacto*/


/*Footer*/
footer{background: #c89158;}
.footer-padding{padding: 30px 0;}
.flex-footer{display: flex; align-items: center;}
.footer-left{text-align: left; margin-bottom: 0;}
.footer-center{text-align: center;}
.footer-right{text-align: right;}
.logo-leadme{width: 175px;}


/*Logo Header*/ 


/*Redes Desktop*/
.cont-info-float{position: fixed; top: 35%; right: 5px; z-index: 99;}
.info-float img{width: 50px; display: block; margin: 10px 0; filter: drop-shadow(1px 3px 2px black);}
.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){

}

@media screen and (max-width: 767px){
	.flex{display: block;}
	.flex-center{display: block;}
	.main-menu .navbar-collapse > .navigation > li > a{background-color: #c89158!important;}
	.text-center-sm{text-align: center !important;}
	.cont-info-float{display: none;}
	.logo-header img{max-width: 90px;}
	.logo-header-sticky{width: 90px; padding: 10px 0 0;}
	.title-slide{font-size: 22px!important; line-height: 27px;}
	/*.subtitle-slide{font-size: 18px!important; line-height: 23px;}*/
	.subtitle-slide{font-size: 14px!important; line-height: 19px; margin-top: 5px;}
	.btn-slide{font-size: 14px;}
	.flex-wrap{justify-content: center; flex-wrap: wrap;}
	.main-header .header-lower{position: relative;}
	.main-header .nav-outer{margin-top: -70px;}
	.list-benefits li{width: 100%; min-height: auto; margin-bottom: 30px; padding-right: 15px;}
	.fluid-section-one .content-column .inner-column{padding: 0 15px;}
	.main-menu .navbar-header{padding: 13px 0px 20px;}
	.sticky-header .main-menu .navbar-header{padding: 20px 0px 10px;}
	.pull-none-sm{float: none!important;}
	.col-md-2-5{width: 100%; max-width: 100%; flex: 0 0 100%;}
	.scroll-to-top{bottom: 10%;}
	.procedure-block{margin-bottom: 0px;}
	.procedure-block .inner-box{padding: 15px 0 15px;}
	.title-steps{min-height: 100%;}
	.text-steps{min-height: 100%;}
	.slide1 .tp-bgimg{background-position-x: 25%!important;}
	.slide3 .tp-bgimg{background-position-x: 68%!important;}
	.main-menu .navbar-header .navbar-toggle{background: #c89158!important; border: 1px solid #c89158!important;}
	.products-tabs .content-column .inner-column{padding-top: 0px; padding-bottom: 30px;}

	.mensajes-form{right: 15%;}





	
	
	/*btn*/
	.btn-space-sm{margin: 20px auto 0;}
	.btn-form{margin: 0px auto 0;}
	/*Redes Phone*/
	.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: #3ab54a; width: 20%; padding: 10px 0;}
	.phone-phone{background: #c89158; width: 20%; padding: 10px 0;}
	.mail-phone{background: #c89158; width: 20%; padding: 10px 0;}
	.insta-phone{background: #c89158; width: 20%; padding: 10px 0;}
	.face-phone{background: #c89158; width: 20%; padding: 10px 0;}
	/*end*/

	/**/
	.m-b0-sm{margin-bottom: 0px;}
	.m-b10-sm{margin-bottom: 10px;}
	.m-b20-sm{margin-bottom: 20px !important;}
	.m-b25-sm{margin-bottom: 25px !important;}
	.m-b30-sm{margin-bottom: 30px !important;}
	.m-b40-sm{margin-bottom: 40px !important;}
	.m-b45-sm{margin-bottom: 40px !important;}
	.m-t25-sm{margin-top: 25px!important;}
	.p-tb40-sm{padding: 40px 0 !important;}
	.p-tb80-sm{padding: 80px 0;}
	.p-lr15-sm{padding: 0 15px;}
	.w-space-normal-sm{white-space: normal;}
	.m-t25-sm{margin-top: 25px;}
	.m-t40-sm{margin-top: 40px;}
	.m-t50-sm{margin-top: 50px;}
	.p-b0-sm{padding-bottom: 0;}
	.p-b30-sm{padding-bottom: 30px;}
	.p-b40-sm{padding-bottom: 40px;}
	.p-b70-sm{padding-bottom: 70px;}
	.p-b100-sm{padding-bottom: 100px;}
	.p-lr15-sm{padding-left: 15px!important; padding-right: 15px!important;}
	.p-lr30-sm{padding-left: 30px!important; padding-right: 30px!important;}
	.fs-16-sm{font-size: 16px!important;}
	.fs-19-sm{font-size: 19px!important;}
	.fs-25-sm{font-size: 25px!important;}
	.fs-30-sm{font-size: 30px!important;}

	/*Footer*/
	.flex-footer{display: block;}
	.footer-left{text-align: center;}
	.footer-center{margin: 0px 0 25px;}
	.footer-right{text-align: center; }
	.footer-padding{padding: 30px 0 80px;}
}

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

}

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

}


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