@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i');
@import url("owl.carousel.min.css");
@import url("infinite-slider.css");

body {
	font-family: 'Roboto Condensed', sans-serif;
}

.txt-white { color: white; }
.txt-orange { color: #F28C00; }
.bg-white { background: white}
.bg-grey-dark { background: #333}
.bg-grey-light { background: #efefef}

h1 {
	font-weight: 700;
	font-size: 2rem;;
}

h2 {
	font-weight: 700;
	font-size: 1.55rem;;
}

h3 {
	font-weight: 700;
	font-size: 1.55rem;;
}

p { line-height: 130%;}

.btn-primary {
	background: #F28C00;
	border-color: #F28C00;
	border-radius: 0;
}

.btn-primary:hover,
.btn-primary:focus {
	background: #F28C00;
	border-color: #F28C00;
}

.line-orange-bottom {
	padding-bottom: 14px;
	border-bottom: 5px solid #f28c00
}


/* ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ */
/* HEADER */
/* ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ */
header .bg-light {background: white !important}

.topheader {
	margin-bottom: 10px;
	padding: 2px 0;
	background: #2C2C2C;
	font-weight: 300;
}

.navbar-nav {
	font-weight: 700;
	font-size: 1.15rem;
	margin-top: 3%;
	margin-bottom: 3% !important;
}

.navbar-nav li {
	margin: 0 10px
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    background: #fff;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
    opacity: 1;
    color: #F28C00;
}

.navbar {
	position: relative;
}

.navbar-brand {
	position: absolute;
	top: 0;
	z-index: 5;
}
/* ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ */
/* ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ */



/* ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ */
/* PRODUCT */
/* ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ ======== ++++ */
.product-wrapper {
	cursor: pointer;
    margin-bottom: 20px;
    padding-bottom: 15px;
	border: none;
    border-bottom: solid 4px transparent;
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
}

.product-wrapper:hover {
    border-bottom: solid 4px #f28c00;
}

.product-wrapper img {
	background: #f5f3f3c9 !important
}
/*modal*/
.list-medidas { padding: 0; margin: 0;}
.list-medidas li {  width: 30%; padding: 5px 0 5px 3%; display: inline-block; position: relative;}
.list-medidas li:before { content:""; background: #666; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 0; top: 13px;}







.section#mecanica {
	background: url("../img/herramientas.png") right no-repeat;
}

.neumatico-flotante {
	margin-top: -100px
}

.list-bullets {
	padding: 0;
	font-weight: 700;
	list-style: none;
}

.list-bullets li:after {
	background: url("../img/tilde.png");
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 21px;
	height: 16px;
}

.list-bullets li {
	position:relative;
	margin: 5px 0;
	padding: 7px 0 7px 40px;
	line-height: 120%;
}

.list-bullets.remove-icon li:after {
	background: none;
}

.list-bullets.remove-icon li {
	padding: 9px 10px;
	margin: 14px 0
}

.list-bullets.hover li:hover {
	background: #F28C00;
	color: white;
}

.cards-servicios .card {
	border-bottom: 5px solid #F28C00;
	border-top: none;
}

.cards-servicios .card-title {
	font-size: 1rem
}



/* EMPRESA*/
section#empresa {
	padding: 70px 0;
	background: url("../img/nuestra-empresa.png") center center no-repeat;
	background-size: cover !important;
}

#datos-importantes .accordion {}
#datos-importantes .accordion-button {
	color: #f28c00;
	font-weight: 700;
	font-size: 1.15rem;
}
.accordion-item {
	border:none
}



/* NOTICIAS */
#noticias .row a { color: #000; text-decoration: none; }


/* FOOTER CONTACTANOS */
section#contacto {
	background: url("../img/contacto-neumaticos-independencia.png") center center no-repeat;
	background-size: cover;
}

#contacto .content p {
	font-size: 1.35rem;
}

.footer {
	background: #2C2C2C;
	border-top: 1px solid #666;
	padding: 30px 0 20px;
}

.modal-title {
	font-weight: 700;
}

















@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1170px;
	}
}

@media screen and (max-width: 1220px){
.topheader {
    display: none;
}
}


@media screen and (max-width: 768px){
	header {
		min-height: 110px
	}
	.navbar-brand {
			margin: 0;
			right: 0;
			left: 0;
			text-align: center;
	}
	.navbar-brand img {
			width: 50%;
			max-width: 100px;
			display: inline-block;
	}
	.nav-link {
		text-align: center
	}
	.navbar-light .navbar-toggler {
		z-index: 10;
		position: absolute;
		right: 10px;
		top: 10px;
	}
	.navbar-nav {
		margin-top: 115px;
	}
	.list-medidas li {  width: 50%;}
	.owl-nav { display: none;}
}




/* FIX OWL */
.owl-nav {
	position: absolute;
	top: 40%;
	width: 100%;
	font-size: 5em;
	color: #fff;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
	position: absolute;
	background: transparent;
}

.owl-nav .owl-prev {
	left: 2%;
}

.owl-nav .owl-next {
	right: 2%;
}

.owl-dots {
	position: absolute;
	bottom: 8px;
	z-index: 1;
	width: 100%;
	text-align:center;
}

.owl-carousel button.owl-dot {
	width: 15px;
	height: 15px;
	background: white;
	opacity:.5;
	display: inline-block;
	margin: 0 3px;
	border-radius: 100%;
}

.owl-carousel button.active {
	opacity:1;
}