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

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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Colores Bellacocina*/
:root{
	--dorado: #d2b74a;
	--gris: #9a9a9a;
	--negro: #252525;
	--blanco: #fff;
}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

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



body{background: #fff;}
body, p{font-size: 16px; font-family: 'Avenir Next LT Pro Regular'!important;}
h1, h2, h3, h4, h5, h6, span{text-transform: none; font-family: 'Avenir Next LT Pro Regular'!important;}
a:hover{text-decoration: none;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Fuente, pesos fuente, tamaño*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('../fonts/Avenir Next LT Pro Regular'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
}
.avenir{font-family: 'Avenir Next LT Pro Regular'!important;}
.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;}

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

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

.p-0{padding: 0;}

.p-tb0{padding: 0px 0;}
.p-tb5{padding: 5px 0;}
.p-tb10{padding: 10px 0;}
.p-tb15{padding: 15px 0;}
.p-tb20{padding: 20px 0;}
.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-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-b0{margin-bottom: 0px;}
.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.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;}

.m-r10{margin-right: 10px;}

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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Buttons*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.btn-slide{background: #d2b74a; border: 1px solid #d2b74a; padding: 10px 35px; color: #fff;}
.btn-slide:hover{background: transparent; color: #d2b74a; transition: .5s ease-in-out;}
.btn-golden{background: #d2b74a; border: 1px solid #d2b74a; padding: 10px 35px; color: #fff;}
.btn-golden:hover{background: transparent; color: #d2b74a; transition: .5s ease-in-out;}
.btn-enviar{background: #d2b74a; border: 1px solid #d2b74a; padding: 10px 35px; color: #fff; cursor: pointer;}
.btn-enviar:hover{background: transparent; color: #d2b74a; transition: .5s ease-in-out;}





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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-negro{background: #000;}
.bckgd-negro-c{background: #343434;}
.bckgd-blanco{background: #fff;}
.bckgd-gris{background: #f2f2f2;}
.bckgd-razones-left{background: url('../archivos/home/razones-bellacocina.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%;}
.bckgd-equipamiento{background: url('../archivos/home/accesorios-y-equipaimiento.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed;}
.bckgd-call-to-action-2{background: url('../archivos/home/cocinas-con-financiamiento.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed;}
.bckgd-contacto{background: url('../archivos/home/contacto.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}


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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Slider*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.text-shadow-slide{text-shadow: 0 0 20px #000;}
.title-slide{font-size: 45px;}
.subtitle-slide{font-size: 30px;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.tarjetas{width: 120px;}
.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white){background: #000;}
.menu > li a{color: #fff;}
.nav--absolute{padding-left: 15%!important; padding-right: 15%!important;} /*Simulando clase container bootstrap*/
.info-head{display: flex; align-items: center; justify-content: flex-end;}
.info-head a{padding: 0 20px;}
.info-head a i{margin-right: 10px;}
.menu > li{font-size: 14px; }
.imageblock > .container, .imageblock > div[class*='col-']:not(.imageblock__content){padding-top: 80px; padding-bottom: 80px;}
.icons-razones{width: 80px; height: 80px;}
.slider[class*='height-'] .slides li{padding: 8.5em 0;}
.box-styles-cont{box-shadow: 0 2px 10px rgba(0,0,0,0.5);}
.box-styles-info{padding: 25px; background: #fff;}
.col-md-2-5{width: 20%;}
.counter-increment{counter-increment: my-awesome-counter;}
.counter-ghost{position: relative;}
.counter-ghost:before{content: '0' counter(my-awesome-counter); font-size: 80px; position: absolute; font-weight: 600; top: 0%; transform: translateY(-40%); left: 0px; z-index: -1; opacity: .2; color: #d2b74a;}
.flex-pay{display: flex; align-items: center; justify-content: center;}
.flex-pay img{width: 150px; margin-left: 25px;}
.box-footer-info{min-height: 330px;}
.form-contact{padding: 0 15%;}
input[type], textarea, select{background: rgba(255,255,255,0.5); border-radius: 0;}
.row-flex{display: flex; flex-wrap: wrap; justify-content: center;}

.cont-map{position: relative; overflow: hidden;}
.map-iframe{height: 465px; position: absolute; left: 0; top: 0; width: 50%;}
.map-iframe2{height: 465px; position: absolute; right: 0; top: 0; width: 50%;}



/*Header Logo y Menu*/
.nav-bar .logo{max-height: 100%;}
.nav-bar .nav-module{height: 105px;}
.nav-bar{height: 105px; max-height: 105px; line-height: 100px;}
/*end*/



/*Logo Header*/ 


/*Redes Desktop*/
.cont-info-float{position: fixed; top: 40%; 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);}
}

/**/


/*Footer*/
.footer-padding{padding: 30px 0;}
.flex-footer{display: flex; align-items: center;}
.footer-left{text-align: left;}
.footer-center{text-align: center;}
.footer-center a{margin-left: 10px; margin-right: 10px;}
.footer-right{text-align: right;}

.logo-bellacocina{width: 180px;}
.logo-leadme{width: 175px;}

/*Form*/
input[type], textarea, select{color: #fff;}

/*placehold*/
::placeholder {color: rgba(0,0,0,0.7)!important; opacity: 1; font-style: normal !important;}
:-ms-input-placeholder {color: rgba(0,0,0,0.7)!important; font-style: normal !important;}
::-ms-input-placeholder {color: rgba(0,0,0,0.7)!important; font-style: normal !important;}

/*Scrollbar*/
/*::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-track {border-radius: 0px;}
::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 10px 10px 200px #35a8e0; }*/





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

}

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

}

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

	/*Header*/
	nav:not(.nav--fixed):not(.nav--absolute){position: absolute; width: 100%;}
	.nav-bar.nav--absolute, .nav-bar.nav--fixed{position: fixed;}
	.nav--transparent:not(.nav--fixed){background: transparent!important;}
	.nav-bar.nav--fixed + .nav-mobile-toggle{position: fixed;}
	.nav--absolute{padding-left: 0px!important; padding-right: 0px!important; }
	.info-head{display: flex; justify-content: center; align-items: center;}
	.info-head a{padding: 0 10px;}
	.nav-bar{height: auto;}
	.nav-module.logo-module.left{padding-left: 15px; padding-right: 15px;}
	.nav-module.menu-module.left{padding: 15px; background: #000;}
	/*end*/
	/*Slide*/
	.pos-vertical-center{transform: translateY(20%);}
	.title-slide{font-size: 30px;}
	.subtitle-slide{font-size: 25px;}
	.background-slide-phone{height: 100vh;}
	/*end*/
	
	.dis-none-phone{display: none;}
	.b-bottom-small{border-bottom: 1px solid #fff;}
	.bckgd-razones-left{position: absolute; width: 100%;}
	.icons-razones{maragin-bottom: 20px;}
	.flex-pay{display: block;}
	.flex-pay img{margin-top: 20px;}
	.form-contact{padding: 0;}
	.map-iframe, .map-iframe2{position: relative; width: 100%;}


	
	.text-center-small{text-align: center;}
	
	



	/*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: #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;}
	/*end*/

	/**/
	.m-b0-small{margin-bottom: 0px;}
	.m-b10-small{margin-bottom: 10px;}
	.m-b25-small{margin-bottom: 25px;}
	.m-b40-small{margin-bottom: 40px;}
	.p-tb80-small{padding: 80px 0;}
	.w-space-normal-small{white-space: normal;}
	.m-t25-small{margin-top: 25px;}
	.m-t40-small{margin-top: 40px;}
	.p-b0-small{padding-bottom: 0;}
	.p-b30-small{padding-bottom: 30px;}
	.p-b40-small{padding-bottom: 40px;}
	.p-lr15-small{padding-left: 15px; padding-right: 15px;}

	.fs-20-small{font-size: 20px!important;}

	/*Footer*/
	.footer-padding{padding: 25px 0 70px;}
	.flex-footer{display: block;}
	.footer-left{text-align: center;}
	.footer-center{margin: 5px 0 25px;}
	.footer-right{text-align: center;}
	.cont-info-float{display: none;}
}

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

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