/* Carnave */
/* RESET
-------------------------------------------------- */
html, button, input, select, textarea {color: #333;}
body {line-height: 150%;color: #333;font-family: 'InterstateCond';}
::-moz-selection, ::selection {background: #DE232B;text-shadow: none; color: #fff; }
::-webkit-input-placeholder {color: #575756; opacity: 1 !important;}
:-moz-placeholder {color: #575756; }
::-moz-placeholder {color: #575756; }
:-ms-input-placeholder {color: #575756; }
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
input[placeholder], [placeholder], *[placeholder] {color: #575756; }
blockquote{border-left:5px solid #DE232B;margin:25px 0;  padding: 0 0 0 30px; font-size: 28px; font-weight: 400; line-height: 120%;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #575756; margin: 1em 0; padding: 0; }
img:not(.alignleft),img:not(.alignright),img:not(.size-medium),img:not(.aligncenter), img.size-large, .img-responsive, .size-full {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%; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; color: #DE232B; padding: 0.2em 0; }

article ul { list-style: none; padding: 0; padding-left: 1rem}
	article ul li{ display: list-item; list-style: disc; font-size: 15px; line-height: 150%; padding: 0.5rem 0 0.5rem 3rem}
	article a{ color: inherit; text-decoration: underline;}

*:hover, *:hover > a,.navbar,.navbar ul,.boxes a .hover,.boxes a .hover.cover .box,.parallax{ 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; }
ul{ padding-left: 0 }

/* General */
.cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; }
.scroll { background-attachment: scroll; }
.bg-center{ background-position: center center !important; }
.fixed { background-attachment: fixed !important; background-position: center center; }
.parallax{ position: relative;background-repeat: no-repeat !important;background-position: 50% 0px;background-size: 100% !important;}
	.parallax::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; background: rgba(0,0,0,0.5) }
	.parallax .flex{z-index: 2; position: relative;}

.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: 3rem  0; overflow: hidden;}
	.full-width.nopadding {padding: 0 0; }
	.content{padding-top: 30px; padding-bottom: 30px }
.rounded {-webkit-border-radius: 15px; border-radius: 15px; -moz-border-radius: 15px; }
.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: 5px 0; display: block; border-bottom: 1px solid #a59763;}
.c-shadow{-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);box-shadow: 0 0 4px 2px rgba(0,0,0,0.5); }
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.text-center{ text-align: center !important;}
.col-5{ width: 20%; max-width:20%;display: inline-block; padding: 0 15px; position: relative;}
.bold{font-family: 'Interstate';}
.condensed{font-family: 'InterstateCond';}
.light{font-family: 'InterstateLight';}

.fw100{ font-weight: 100;}
.fw300{ font-weight: 300;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw700{ font-weight: 700;}

.fs64{ font-size: calc(36px + (64 - 36) * ((100vw - 300px) / (1600 - 300))); }
.fs58{ font-size: calc(32px + (58 - 32) * ((100vw - 300px) / (1600 - 300))); }
.fs48{ font-size: calc(28px + (48 - 28) * ((100vw - 300px) / (1600 - 300))); }
.fs40{ font-size: calc(24px + (40 - 24) * ((100vw - 300px) / (1600 - 300))); }
.fs36{ font-size: calc(20px + (36 - 20) * ((100vw - 300px) / (1600 - 300))); }
.fs32{ font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300))); }
.fs30{ font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300))); }
.fs26{ font-size: calc(17px + (26 - 17) * ((100vw - 300px) / (1600 - 300))); }
.fs24{ font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300))); }
.fs22{ font-size: calc(15px + (22 - 15) * ((100vw - 300px) / (1600 - 300))); }
.fs20{ font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300))); }
.fs18{ font-size: calc(13px + (18 - 13) * ((100vw - 300px) / (1600 - 300))); }
.fs16{ font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300))); }

/* Colores */
.c-white{color: #fff;}
	.c-bg-white,body{background-color: #fff;}
.c-black{color: #000;}
	.c-bg-black{background-color: #000;}
	.c-bg-light{ background-color: #f1f1f1; }
/*.c-red{color: #DE232B;}
	.c-bg-red{background-color: #DE232B;}
	.c-bg-red.transp{ background-color: rgba(222,35,43,0.75) }
.c-orange{color: #EA5B30;}
	.c-bg-orange{background-color: #EA5B30;}
*/
.c-dark{color: #343434;}
	.c-bg-dark{background-color: #343434;}
.c-gray{color: rgb(52,52,52);}
	.c-bg-gray{background-color: #717175;}
.c-aaa{color: #aaa;}
.max{
	max-width: 750px; margin: 0px auto;
}
/* Botones */
.btn{ border: none;-webkit-border-radius: 0; border-radius: 0; -moz-border-radius: 0;}
	.btn-link{ background-color: transparent; color: #333; text-transform: uppercase; border: 1px solid #333;font-family: 'InterstateCond';}
		.btn-link:hover,.btn-link.active,.btn-link.is-checked{background-color: #EA5B30; color: #fff;}
	.btn-info{ background-color: transparent; color: #fff;  text-transform: uppercase; border: 1px solid #fff;font-family: 'InterstateCond';}
		.btn-info:hover,.btn-info.active,.btn-info.is-checked{background-color: transparent; color: #333; border-color: #333;}
	.btn-default{background: #767676;color: #fff; text-transform: uppercase;}
		.btn-default:hover, .btn-default:focus{background:#1C1C1B; color: #fff;}
	.btn-primary{ background-color: transparent; color: #575757; text-transform: uppercase; border: 2px solid #575757}
		.btn-primary:hover,.btn-primary.active,.btn-primary.is-checked{background-color: #EA5B30; color: #fff; border-color: #ea5b30;}

/* NAVBAR */
header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
body{ padding-top: 98px;}
body.prehome{ padding-top: 170px;}

.navbar{margin-bottom: 0; padding: 0; display: block;}
	.navbar .topbar{background-color: #000; padding: 15px 0 5px}
	.navbar-header{float: none;width: 100%;position: relative; width: 100%;display: inline-block;}
	.navbar.prehome .navbar-header {text-align: center;}
		.navbar .navbar-brand {max-width: 267px; float: left;}
			.navbar .navbar-brand img{width:100%;max-width:267px; height: auto; float: none; margin: 0px auto}
			.navbar.prehome .navbar-brand {max-width: 51px; float: none;}
				.navbar.prehome .navbar-brand img{max-width:51px; margin: 60px auto 35px}

			.navbar-header .navbar-toggler {border: none; margin: 1px 0; float: right;}
				.navbar .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(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }


/* Navbar Collapse */
	.navbar-collapse{}
	.navbar ul.navbar-nav{width: 100%; text-align: left;}
		.navbar ul.navbar-nav li{display: inline-block; text-align: center;position: relative;}
			.navbar ul.navbar-nav li a{display:block; text-align: left; color: #484848; font-size: 17px; padding: 4px 20px 4px 0; text-transform: uppercase;font-family: 'InterstateCond'; font-weight: 100 !important; }
				.navbar ul li:hover>a,.navbar ul li a:hover{color: #F7A93C;}
	
	
				
/* Searchform */
[type=search]::-webkit-search-cancel-button {-webkit-appearance: none}
.search-form{ display: inline-block;background-color: transparent;height: 30px;float: right; clear: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; margin-right: 2px; line-height: 40px}
	.search-field {border: none;cursor: pointer;width: 0px;height: 28px;margin: 0px 0p;padding: 0px 0px 0px 0px;position: relative; 
	-webkit-transition: width 400ms ease, background 0ms;transition:width 400ms ease, background 0ms;
	background: transparent url(images/sprites.png) top left no-repeat;display: inline-block;-webkit-appearance: textfield;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;vertical-align: middle;}
		.navbar.scrolled .search-field,.navbar-light .search-field {background-position: 0 -56px}
		.search-field:hover{background-position: 0 -28px;box-sizing: border-box;}
		.search-form .search-submit {display:none;}
			.search-form:focus .search-submit {display:block;}
	
			.search-field:focus {border: none;cursor: defult;outline: 0;width: 150px;padding: 0 4px 0 4px; background: #eeeeee; border-bottom: 1px solid #000; background-position: right;}
			.navbar.scrolled .search-field:focus,
			.navbar.navbar-light .search-field:focus {background-color: #eee;border: none;cursor: pointer;outline: 0;width: 150px;padding: 0 4px 0 4px;border-bottom: 1px solid #000; background-position: right;}
/* end seachform */		
		

/* Nav Tabs */
.nav-tabs {border-bottom: 1px solid #343434; }
	.nav-tabs .nav-link{color: #343434;border:none; text-transform: uppercase; font-size: 18px; text-align: center;margin-bottom: -1px; padding-bottom: 30px;}
		.nav-tabs .nav-link.active,
		.nav-tabs .nav-link:hover{color: #333;border:none; border-bottom: 3px solid #333;}			
	.nav-tabs .nav-link img{width: 195px; height: 195px; margin: 10px auto 20px; border: 1px solid #dcdcdc}			
		.nav-tabs .nav-link.active img,
		.nav-tabs .nav-link:hover img{border-color:#333}			
/* NavTabsContent*/
	.tab-content a{padding:20px 0; display: block;color: #333; text-transform: uppercase}
		.tab-content a>img{ width: 34px; height: 20px; display: inline-block; margin-right:8px;}


/* SLIDER */
.swiper-container{width: 100%;height: auto; position: relative;}
    .swiper-slide{text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
	    .swiper-slide img{width: 100%; height: auto; display: block;}
	.swiper-button-prev,.swiper-button-next{ width: 58px; height: 96px; background-size:58px 96px;  }


		
/* Boxes*/
.box{ margin: 8px; display: block; width: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,0)}
	.box .box-inner{ background-size:cover !important; position: relative; width: 100%; height: 100%;-webkit-transition: all 400ms ease, background 0ms;transition:all 400ms ease, background 0ms;}
		.box .flex{width: 100%;height: 100%;line-height: 100%;position: absolute; top: 0; left: 0;}
			.box .box-inner .flex{ background-color: rgba(0,0,0,0.5);}
			.box .box-outer .flex{ padding: 15px;}
			.box .box-inner h2{font-family: 'Interstate';}
		.box .box-outer{height: 100%;line-height: 100%;position: absolute; top: 0; left: -100%; background-color: #fff;text-align: left;width: calc( 85% - 80px);-webkit-transition: all 400ms ease, background 0ms;transition:all 400ms ease, background 0ms;}
			.box .box-outer::after {content: " ";display: block;position: absolute;right: calc(-80px * 2 + 1px);width: 0;top: 0;height: 0;border-style: solid;border-width: 460px calc(80px * 2) 0 0;		border-color: #fff transparent transparent transparent;-webkit-transition: width 400ms ease, background 0ms;transition:width 400ms ease, background 0ms;}
		.box .box-outer .content{padding: 70px 0px 70px 50px}
			.box .box-outer h4{font-family: 'Interstate';}
			.box .box-outer p{font-family: 'InterstateLight'; color: #343434; line-height: 150%;}
			.box:hover{border: 1px solid #343434;}
				.box:hover h2{filter:blur(3px);}
				.box:hover .box-inner{filter:blur(3px);}

				.box:hover .box-outer{ left: 0;}
			
/* Banner */
.banner{ position: relative; background: #7b7b7b url(../images/banner_bg.png) top center repeat-x; line-height: 80%; margin-bottom: 80px; overflow: visible;}
	.banner h2{font-family: 'Interstate';}
	.banner .catimg{ position: relative;}
		.banner::after{ position: absolute;width: 50%; height: 120%; z-index: 1; content: ""; background: url(../images/catalogue.png) top left no-repeat; top: 50px; background-size:contain; left: 50%}
	.banner .line{width: 80px; height: 1px; border-bottom: 1px solid #fff;}
	.banner a.btn{position: absolute; bottom: 0; left: 15px;}
@media (max-width: 767px) {
	.banner::after{ width: 100%;left: 0%; background: url(../images/catalogue.png) top center no-repeat; top:60%;background-size:contain; height: 90% }
	.banner a.btn{position: relative; bottom: auto; left: auto;}
	.banner{text-align: center;}
		.banner .line{margin: 30px auto;}

}		

/* Page header */
.pageheader{width: 100%; min-height: calc(100vh - 98px); position: relative; text-align: center;}
	.pageheader .mid{height:  calc(50vh - 49px); width: 100%; display: block; position: relative;}
	.pageheader a.smooth img{width: 90px; height: auto; margin: 5rem auto 20px}
	.pageheader .flex{height: 100%;}
	.pageheader h1{font-size: calc(54px + (128 - 54) * ((100vw - 300px) / (1600 - 300))); text-shadow: 2px 2px 2px #333;font-family: 'Interstate';}
	.pageheader h2{font-size: calc(42px + (62 - 42) * ((100vw - 300px) / (1600 - 300))); font-family: 'Interstate';}
	.pageheader .line{max-width: 100px; border-color: #767676; margin: 10px auto; }
	.pageheader p.lead{color: #767676;}

/* Featured Products */
.featured{text-align: center;}
	.featured figure{background-position: center bottom;}
	.featured h5{	font-family: 'InterstateLight';}

/* Product Details */
.product{position: relative;}
	.product h1,.form-group label,.form-control{font-family: 'Interstate'; line-height: normal;}
		.form-group label,.form-control{font-size: 17px; font-weight: 400}
	.product h3{font-family: 'InterstateLight'; margin-bottom: 0;}
	.product .accordion{padding: 20px 0;}
		.product .accordion .card{border-radius: 0; border: none;}
			.product .accordion .card .card-header{border-radius: 0; border: none; background-color: #fff; text-transform: uppercase;font-family: 'Interstate'; padding: 8px 0}
				.product .accordion .card .card-header h5{border-bottom: 1px solid #343434;border-top: 1px solid #343434;}
					.product .accordion .card .card-header h5 a{padding: 8px 0; display: block; position: relative;}
			.product .accordion .card .card-body{padding: 4px 0 15px}

	.card-header a::before {width: 24px;height: 24px;content: "\f107";display: block;overflow: hidden;font-family: FontAwesome; position: absolute; top: 8px; right: 0px;}
		.card-header a[aria-expanded="true"]::before {content: "\f106";}

	.product .accordion .numbers{display: inline-block; line-height: 20px; font-size: 13px; color: #4a4a4a;float: left; text-transform: uppercase;}
		.product .accordion .square{display: inline-block; width: 46px; height: 46px; line-height: 40px; font-size: 48px; color: #4a4a4a; text-align: center; border: 1px solid #4a4a4a; margin-right: 5px; float: left; margin-bottom: 10px}
	.product .accordion .light{font-family: 'InterstateLight'; color: #5e5e5e; font-size: 16px;}

	.product .accordion dl{width: 49.5%; float: left; }
		.product .accordion dl:last-child{float: right; }
		.product .accordion dt,.product .accordion dd{display: inline-block;border-bottom: 1px solid #767676;width: 50%; float: left;font-size: 13px; }
			.product .accordion dt{font-family: 'Interstate';color: #767676; text-transform: uppercase; padding-right: 0px; width: 60%}
			.product .accordion dd{font-family: 'InterstateLight'; color: #767676;width: 40% }
	.product .sharer span{font-family: 'Interstate';}
	.product .sharer a{display: inline-block; width: 32px; height: 32px; background-color: #767676; color: #fff; text-align: center; line-height: 32px; font-size: 18px; border-radius:100%; margin: 0 4px; }
		.product .sharer a:hover{background-color: #343434;}


/* footer */
footer{ position: relative; font-size: 18px; line-height: 150%; margin-top: 0px; padding: 0px 0;}
	footer .container{position: relative;z-index: 2}
	footer p{color:#333;font-family: 'InterstateCond'; font-weight: 100; position: relative; font-size: 14px;}
	footer .foo-brand img{ max-width: 57px; margin: 0px auto; padding-top: 40px; margin-bottom: 20px}
	footer .foomenu{display: block; text-align: center; padding: 0px 0; margin-bottom: 0}
		footer .foomenu li{display: inline-block;line-height: 1}
		footer .foomenu li a,footer .foomenu li p{display: inline-block;font-family: 'InterstateCond'; font-size: 13px;color: #333; text-transform: uppercase; padding: 0 8px; margin-bottom: 0; }
		footer .foomenu li{padding: 0 0; border-left: 1px solid #333;}
			footer .foomenu li:first-child{border-left: none;}
				footer .foomenu li:hover a,footer .foomenu li a:hover {color: #de232b;}
	footer .socials a{display: inline-block; width: 32px; height: 32px; margin: 5px 0 5px 15px; border-radius: 100%; background-color: #333; color: #fff; text-align: center; line-height: 32px;}
		footer .socials a:hover{background-color: #de232b;}

.scrollToTop{ position: fixed; bottom: 10px; right: 10px; background-color: #fff; color: #343434; opacity: 0.5; font-size: 28px; display: inline-block; width: 48px; height: 48px; line-height: 48px; text-align: center; z-index: 3}
	.scrollToTop:hover{opacity: 0.9; color: #fff; background-color: #767676}