/*
Theme Name: BYB
Theme URI: https://www.byb.com.ar
Description: Custom Theme para BYB
Version: 1.0
Author: Quarter Studios | LAKHU
Author URI: https://quarterstudios.net/
Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5
*/
/* RESET
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6,.radjani{font-weight: 700;font-family: 'Rajdhani', sans-serif; line-height: 1;}
html, button, input, select, textarea {color: #696565; padding: 0;}
body {line-height: 150%;color: #0000; font-weight: 100;background-color: #fff; max-width: 100%; overflow-x: hidden; font-size: 15px;font-family: 'Roboto', sans-serif;}
::-webkit-input-placeholder {color: #b0b0b0; opacity: 1 !important;}
:-moz-placeholder {color: #b0b0b0; }
::-moz-placeholder {color: #b0b0b0; }
:-ms-input-placeholder {color: #b0b0b0; }
input[placeholder], [placeholder], *[placeholder] {color: #b0b0b0;}
blockquote{
	color:#0071bd;
	display: block;
	text-align:center;
	margin:0.5rem 0;
	font-size: 18px;
	line-height: 150%;
	font-style: italic;
	font-weight: 300;

}
.montserrat{font-family: 'Montserrat', sans-serif;}

article{color:#000; font-size: 15px; line-height: 1.5; font-weight: 400;}

/*	article a,.card-body a{color: #0070bc;}
		article a:hover,.card-body a:hover{color: #00164a; border-bottom: 1px dotted #00164a;}
	article h2{font-family: 'Montserrat', sans-serif; color: #00164a;font-size: calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300))); font-weight: 600;}
	article h3{font-family: 'Montserrat', sans-serif; color: #00164a;font-size: calc(19px + (22 - 19) * ((100vw - 300px) / (1600 - 300)));font-weight: 600;}
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #2b2b2b; margin: 1em 0; padding: 0; }

.size-large,.img-responsive,.size-full:not(.alignleft):not(.alignright) {width: 100%; height: auto; display: block; }
	img.alignleft { margin: 5px 20px 5px 0; float: left; }
	img.alignright { margin: 5px 0px 5px 20px; float: right; }
	img.aligncenter { margin: 15px auto; float: none; height: auto;  display: block;  max-width: 100%; }
@media (max-width: 767px) {
	img.alignleft { margin: 5px 0px 5px 0; float: none;clear:both; width: 100%; height: auto;}
	img.alignright { margin: 5px 0px 5px 0px; float: none;clear:both; width: 100%;height: auto;}
}
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }


*:hover, *:hover > a, img,.categorias a>img,.navbar ul,.topbar a,figure.icon,.suave{ text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.relative { position: relative; }



.cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; }
.fit{object-fit: cover;width: 100%;height: 100%;}
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed !important; background-position: bottom center !important; }
.parallax,.pageheader,.cta{ position: relative;}
	.parallax::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background-color: rgba(0, 70, 163,0.2);}
	/*.pageheader::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: "";background-color:  rgba(118,118,118,0.6);}*/
	.cta::after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: "";background-color: #000; opacity: 0.75;}
	.parallax .container,.pageheader .container,.cta .container{position: relative; z-index: 2}
		.pageheader{padding: 3rem 0; display: flex; width: 100%; justify-content: center; align-items: center; background-position: center center; background-size: cover !important;}
.contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center; }
.cover img, .img-responsive, .contain img { display: block; float: none; clear: both; width: 100%; height: auto; }
.full-width { width: 100%; height: auto; padding: 5rem 0; overflow:hidden; position: relative;}
	.full-width.nopadding {padding: 0 0; }
	.content{padding-top: 30px; padding-bottom: 30px }
.rounded {-webkit-border-radius: 8px !important; border-radius: 8px !important; -moz-border-radius: 8px !important; }
.fullrounded { -webkit-border-radius: 100%; border-radius: 100%; -moz-border-radius: 100%; }
.roundless { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0; }
.line {width: 100%; height: 1px; background: transparent; margin: 30px 0; display: block; }
.c-shadow{-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);}

.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.image-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
/* Colores */
.c-white,.overwhite:hover{color: #fff;}
	.c-bg-white,.lined.lined-white::after{background-color: #fff;}
	.c-bg-white.transp{background-color: rgba(255,255,255,0.75);}
.c-black,.overblack:hover{color: #000;}
	.c-bg-black{background-color: #000;}
	.c-bg-black.transp{background-color: rgba(0,0,0,0.5);}
.c-dark{color: #2b2b2b;}
	.c-bg-dark{background-color: #2b2b2b;}

.c-light{color: #f2f3f0;}
	.c-bg-light{background-color: #f2f3f0;}

.c-yellow,.overyellow:hover{color: #ffff00;}
	.c-bg-yellow{background-color: #ffff00;}
	.c-bg-yellow:hover{background-color: #cece27;}

/* Botones */
.btn{border: none; border-radius: 0;text-transform: uppercase;font-weight: 700; font-size: 15px;}
	.btn:hover,.btn:focus,.btn:active{ text-decoration: none; box-shadow: none; }
	.btn-default{background: #292929;color: #fff;}
		.btn-default:hover, .btn-default:focus{background:#ffff00; color: #000;}
	.btn-info{background: #fff;color: #292929;}
		.btn-info:hover{background:#292929; color: #fff;}
	.btn-secondary{background:#797676; color: #fff;text-transform: uppercase; font-weight: 300;}
		.btn-secondary:hover, .btn-secondary:focus{background: #292929;color: #fff; }
	.btn-faq{background: #292929;color: #fff;}
		.btn-faq:hover,.btn-faq[aria-expanded="true"]{background:#ffff00; color: #000;}
		.btn-faq:hover::after{filter: grayscale(1) invert(1);}
		.btn-faq[aria-expanded="true"]::after{transform: rotate(45deg); filter: grayscale(1) invert(1);}
	.btn-download{padding: 0px 0; display: block; position: relative; padding-left: 50px; background: url(images/download.png) left center no-repeat; text-transform: uppercase; font-weight: 300; min-height: 50px; line-height: 50px; color: #000;}
		.btn-download:hover{font-weight: 400;}
/*
	.btn-primary{background:#222f56; color: #fff;text-transform: uppercase;}
		.btn-primary:hover, .btn-primary:focus{background: #0071bd;color: #fff; }
		.btn-primary.is-checked{background: #2b2b2b;color: #fff; }
	
*/


/* TOPBAR */
.topbar{background-color: #292929; color:#fff; font-size: 13px; padding: 0.5rem 0;}
	.topbar ul{padding: 0; display: flex;}
		

	.topbar a.btn{text-transform: uppercase;}
/* NAVBAR */
.navbar {margin-bottom: 0;  padding: 0px 0;background:rgba(255,255,255,1);}
	.navbar .d-block {width: 100%;clear: both;}
		.navbar.scrolled{ -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);}
	.navbar .container{ position: relative; flex:1}
		.navbar .navbar-brand{padding:10px;}
			.navbar .navbar-brand img{width:100%;max-width:200px; height: auto;}
			
				.navbar.scrolled .navbar-brand img{max-width:150px;}
				.navbar.scrolled .navbar-nav li a::before{display: none;}

		.navbar .navbar-nav li{position: relative; list-style: none;}
			.navbar .navbar-nav li a{ font-size: 15px; font-weight: 300; color: #000; text-transform: uppercase; text-align: center; position: relative; display: inline-block;font-family: 'Montserrat', sans-serif;letter-spacing: 1.3;}
				.navbar .navbar-nav li a:hover,
				.navbar .navbar-nav li:hover>a{color: #000;}
				.navbar .navbar-nav li.current_page_item:not(.qtranxs-lang-menu-item)>a,
				.navbar .navbar-nav li.current-menu-item:not(.qtranxs-lang-menu-item)>a{color: #000;font-weight: 700;}


	.navbar-toggler{z-index: 999}
		.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
		.navbar-toggler:hover .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,160,57,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

/* Lang Bar */
.navbar .lang-mnu{margin-left: 20px;}
	.navbar .lang-mnu>a{position: relative; text-indent: -99999px;  float: left; width: 20px; height: 20px; background: url(images/icono_lang.png) center center no-repeat; margin: 5px 10px;}
		.navbar .lang-mnu>.sub-menu{display: flex; align-items: center; padding-left: 0px;}
			.navbar .lang-mnu>.sub-menu li:not(:last-child)::after{content: "/"; color: #000; padding-left: 8px;}
				.navbar .lang-mnu>.sub-menu li a{white-space: nowrap;letter-spacing: 1.3;}
.navbar .navbar-nav li.lang-mnu.menu-item-has-children .dropitem {display: none;}
body.es .qtranxs-lang-menu-item-es a{color: #000;font-weight: 700;}
body.en .qtranxs-lang-menu-item-en a{color: #000;font-weight: 700;}
body.pt .qtranxs-lang-menu-item-pb a{color: #000;font-weight: 700;}

body.en .navbar .navbar-nav > li.store,
body.pt .navbar .navbar-nav > li.store{display: none;}

/* Slider */
.skew{position: absolute;z-index: 1;left: 0px;top: 0;width: 50%;height: 100%;-ms-transform: skewX(20deg)!important;transform: skewX(20deg)!important;background-color: #ffff00;mix-blend-mode: multiply;}
.carousel-caption {right: 0;bottom: 0px;left: 0%;padding: 0 0;color: #fff;height:100%; align-items:center; text-align: left; background-color: transparent; z-index: 2;}
	.carousel-caption .slider-caption{background-color: rgba(43,43,43,0.8); flex-direction: column; justify-content: center; padding: 3rem;}
	.carousel-caption .p1{animation-delay: 0.6s;}
	.carousel-caption .p2{animation-delay: 1.2s;}
	.carousel-caption .p3{animation-delay: 1.8s;font-weight: 700;font-family: 'Rajdhani', sans-serif;}
	.carousel-caption .p4{animation-delay: 2.4s;}
	.carousel-caption .dropdown{width: 90%; margin: 0px auto;}
	.carousel-caption .btn-secondary,
	.show > .btn-secondary.dropdown-toggle,
	.btn-secondary:not(:disabled):not(.disabled):active{width: 100%; background-color: #fff;position: relative; color: #000; text-align: left; text-transform: none; box-shadow: none;}
		.carousel-caption .btn-secondary::before{display: inline-block;width: 32px;height: 32px;margin-left: .15em;vertical-align: -.5em;background: url(images/casa.png) left top no-repeat;content: "";}
		.carousel-caption .btn-secondary::after{display: inline-block;width: 21px;height: 18px;background: url(images/arrow.png) center center no-repeat;content: ""; transform: rotate(90deg); position:absolute; right:10px; top:12px;border:none;}
		.carousel-caption .dropdown-menu{width: 100%;}
			.carousel-caption .dropdown-item {font-size: 16px;}

	

/* CARACTERISTICAS */

.caracteristicas{position: relative;}
	.caracteristicas .titulo-car{
		font-size: calc(90px + (180 - 90) * ((100vw - 300px) / (1600 - 300)));
		display: table-caption;
		line-height: 0.8;
		letter-spacing: -8px;
		position: relative;
		position: relative;
		width: auto;
	}
	.caracteristicas .titulo-car p{letter-spacing: normal;}
	.caracteristicas .titulo-car.car2{
		font-size: calc(72px + (136 - 72) * ((100vw - 300px) / (1600 - 300)));
	}
@media (max-width: 500px) {
	.caracteristicas .titulo-car{font-size: calc(70px + (140 - 70) * ((100vw - 300px) / (1600 - 300)));}
}
.caracteristicas .titulo-car img{position: absolute;top: 0%;left: 65%;width: 35%;}

/* CATALOGO */
.catalogo{position: relative;}
	.catalogo .fondo{display: block; width: 100%; height: auto; padding-top: 56%; position: relative; margin-top: -8rem; margin-bottom: 4rem; overflow: hidden;}
@media (min-width: 992px) {
	.catalogo .fondo{position: absolute; left: 0; top: 0; margin: 0; width: 45%; height:100%; z-index: 1; padding-top: 0;}
}
/* Call to action */
.cta{padding: 5rem 0;}
	.cta .btn{padding-left: 15px; padding-right: 15px;}
		.cta .btn img{display: inline-block; width: 24px; margin-right: 8px;}
			.cta .btn:hover img{filter: grayscale(1) invert(1);}

/* Contact Block */
.contact-block{background-image: url(images/mapa.jpg); padding: 5rem 0;}
	.contact-block .form-control{background-color: #797676; color: #fff; height: 45px; border: none; border-radius: 0;}
	.contact-block textarea.form-control{ height: 108px;}
.contact-block .form-control::placeholder{color: #fff !important; font-size: 14px;}
	.wpcf7-acceptance .wpcf7-list-item{margin-left: 0px;}
	.contact-block .wpcf7-acceptance label{position:relative; color: #222020;}
		.contact-block .wpcf7-acceptance label span{padding-left: 24px; font-weight: 400; position: relative; cursor: pointer;}
		.contact-block .wpcf7-acceptance input[type="checkbox"]{position: relative; opacity: 0; width: 0; height: 0;}
		.contact-block .wpcf7-acceptance input[type="checkbox"] + span::before{position:absolute;left: 0; top: 0; width: 20px; height: 20px; background-color: #797676; content: "";}
		.contact-block .wpcf7-acceptance input[type="checkbox"] + span::after{position:absolute;left: 7px;top: 3px;width: 6px;height: 12px;border: 1px solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);opacity: 0;}
			.contact-block .wpcf7-acceptance input[type="checkbox"]:checked + span::after{opacity: 1;}

/* Banner */
.banner{padding: 5rem 0 4rem ; min-height: 400px;}
.banner h3{text-shadow: 1px 0px 8px black;}

/* Contacto */
.contact-page{ padding: 4rem 0!important;}
.contactform {position: relative;}
	.contactform>h4{position: relative; margin: 10px 0 15px; padding-bottom: 8px; display: block; text-align: left;}
		.contactform>h4::after{position: absolute;left: 0;bottom: 0;width: 70px;height: 3px;background-color: #fff;content: "";}
	.contactform .form-control{border:none; border-radius: 0px; font-size: 14px; color: #000; height: 42px;}
		.contactform textarea.form-control{height: 160px;}
	.contactform .wpcf7-list-item-label{color: #fff; font-size: 16px; font-weight: 400;}
	.contactform .btn{padding-left: 20px;padding-right: 20px;}
.contactform .form-control::placeholder{color: #000 !important; font-size: 14px; font-style: italic;}
	
	.contactform .wpcf7-acceptance label{position:relative; color: #222020;}
		.contactform .wpcf7-acceptance label span{padding-left: 24px; font-weight: 400; position: relative; cursor: pointer;}
		.contactform .wpcf7-acceptance input[type="checkbox"]{position: relative; opacity: 0; width: 0; height: 0;}
		.contactform .wpcf7-acceptance input[type="checkbox"] + span::before{position:absolute;left: 0; top: 0; width: 20px; height: 20px; background-color: #fff; content: "";}
		.contactform .wpcf7-acceptance input[type="checkbox"] + span::after{position:absolute;left: 7px;top: 3px;width: 6px;height: 12px;border: 1px solid #000;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);opacity: 0;}
			.contactform .wpcf7-acceptance input[type="checkbox"]:checked + span::after{opacity: 1;}

/* PRODUCTO */
.producto hr{padding: 10px 0; border-top:none;border-bottom:10px solid #000;}
/* DESCARGAS */
.descargas{
	padding-bottom: 3.5rem ;
	position: relative;
	padding-left: 150px;
	display: flex;
	flex-direction: column;
	background: url(images/icono_descarga.png) left center no-repeat;
}
	.descargas .download{position: relative; width: auto;}
		.descargas .download p{font-weight: 700;font-family: 'Rajdhani', sans-serif;}
@media (min-width: 768px) {
	.descargas{flex-direction: row; justify-content: space-around;}
	.descargas .download:first-child{ padding-right: 50px;}
}
.border-bottom-black{border-bottom: 4px solid #222020;}

/* FAQS */
.calidad{ position: relative;}
	.calidad .card{ background-color:transparent; padding: 0 0; border:none;margin-bottom: 20px;}
@media (min-width: 767px) {
	.calidad .card{padding-left: 50px;}
}
	.calidad .card-header{ background-color:transparent; padding: 0 0;}
		.calidad .card .btn{position: relative; }
			.calidad .card .btn::after{content: "";right: 10px;top:50%;margin-top:-10px; position: absolute; background: url(images/icono_mas.png) center center no-repeat; width: 20px; height: 20px;}
			.calidad .card .btn[aria-expanded="true"]::after{transform: rotate(45deg); filter: grayscale(1) invert(1);}
	.calidad .card-body{padding-left: 20px;-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);}


/* footer */
footer{font-size: 14px;}
	footer ul{padding-left: 0; list-style: none;}
	footer a,footer li a{color: #fff;}
	footer .foo-brand{display: block; padding: 10px;text-align: center;}
		footer .foo-brand:hover{background-color: #000;}
			footer .foo-brand:hover>img{filter: invert(1);}
		footer a:hover,footer li a:hover{color: #ffff00;}
	footer .sociales{display: flex; margin-bottom: 20px;}
		footer .sociales a{display: inline-block; width: 24px; height: 24px; color: #fff; background-color: transparent; border-radius: 50rem; text-align: center; }
			footer .sociales a:hover{color: #fff; background-color: #ffff00; }
			footer .sociales a:hover img{filter: grayscale(1) invert(1);}
/* PWD */
.pwd{font-weight: 500;}
.pwd ul{ margin-bottom: 0; padding-left: 0; flex-direction: row;}
.pwd li,.pwd li a{ display: inline; padding: 0 8px; color: #2b2b2b; font-size: 14px; }
	.pwd li{ border-left: 1px solid #4a4747;}
		.pwd li:first-child{ border-left: none}
		.pwd a:hover{color: #00A039;}
/*Scroll */
.scrollToTop{ position: fixed; bottom: 0px; right: 20px; width: 48px; height: 48px; background-color: #fff; color: #00A039; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px; border: 1px solid #00A039;}
	.scrollToTop>svg{transform: rotate(180deg);}
	.scrollToTop:hover{ opacity: 1; color: #fff; bottom: 0; background-color: #00A039;}
	.scrollToTop:hover>svg>path{fill:#ffffff}
/* Recaptcha */
.grecaptcha-badge{bottom: 50px!important; z-index: 1050!important;}
/* Map */
.acf-map,.acf-map2{ display: block; width: 100%; min-height:400px; }


/* Pagination */
.pagination{ display: inline-block; margin: 30px auto !important;  border-radius:30rem; overflow: hidden; padding: 5px; height: 60px; width: 100%;}
	.pagination .page-numbers{ display: inline-block; width: 30px; height:30px; background-color: transparent; overflow: hidden; line-height: 30px; text-align: center; color: #0070bc; font-size: 14px; font-weight: 700; margin-bottom: 0; background-color: #fff;}
		.pagination .page-numbers.current,
		.pagination .page-numbers:hover{background-color: #ffff00; color: #fff;}
		.pagination .page-numbers.prev,.pagination .page-numbers.next{width: auto; padding: 0 15px;}
.full-width.address{background-color: #ffff00;}

/* Whatsapp */
/*
.joinchat{
	bottom: 80px!important;
	right: 0!important;
}*/
.whatsapp__button{
	position: fixed;
	z-index: 2;
	bottom: 80px;
	right: 8px;
	height: 60px;
	min-width: 60px;
	background-color: #25d366;
	color: inherit;
	border-radius: 50rem;
	box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
	cursor: pointer;
	transition: background-color .2s linear;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12.002 12.002 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.846 9.846 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22l3.961-.501zm6.534-7.003-.933 1.164a9.843 9.843 0 0 1-3.497-3.495l1.166-.933a.792.792 0 0 0 .23-.94L9.561 6.96a.793.793 0 0 0-.924-.445 1291.6 1291.6 0 0 0-2.023.524.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.793.793 0 0 0-.445-.923L14.6 13.327a.792.792 0 0 0-.94.23z'/%3E%3C/svg%3E");
	background-size: 60%;
	background-position: center center;
	background-repeat: no-repeat;
}
.whatsapp__button a{
	height: 60px;
	width: 60px;
	display: block;

}
.whatsapp__button:hover {
	background-color: #128c7e;
}

.wpcf7 form.sent .wpcf7-response-output {
 	border-color: #46b450;
	background-color:#46b450;
	color:#fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  	border-color: #ffb900;
	background-color: #ffb900;
	color:#fff;
}