@font-face {
    font-family: 'DIN'; 
    src: url('../fonts/din-regular-webfont.woff2') format('woff2');
}
@font-face {
    font-family: 'DIN-Titulos'; 
    src: url('../fonts/dinengschrift-webfont.woff2') format('woff2');
}
body, html {
	height: 100%; width: 100%; margin: 0;
}
body {
	/*background-color: #F9F9F9;*/
	background-color:#F5F5F5;
	font-family: 'DIN';
	font-size: 14px;
	color: #232323;
}
.modal{	z-index: 99999999999;}

a {	color: black; text-decoration: none; }
a:hover{ text-decoration: none; color: #df0024; }
a.disabled {color: currentColor;opacity: 0.5;text-decoration: none; cursor: not-allowed;}
a.disabled:hover {opacity: 0.2;}
.text-din_titulos {
	font-family: 'DIN-titulos';
}
[rule=button] {
	cursor: pointer;
}
span[rule=button]:hover {
	color: #df0024;
}

.no-padding {
	margin: -20px;
}

.text-select-tags {
	color: #7E7E7E;
	font-family: 'DIN';
	font-size: 16px;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-bold {
	font-weight: bold;
}

.text-blur {
	color: transparent;
	text-shadow: 0 0 10px #000;
}
.text-blur a {
	color: transparent;
	text-shadow: 0 0 10px #000;
	cursor: not-allowed;
}
.text-blur a:hover {
	color: transparent;
	text-shadow: 0 0 10px #000;
}

i.logo {
	font-size: 60px;
}

.row {
	margin: 0px;
}

.card {
	border-radius: 0px;
}

.page-title {
	font-family: 'DIN-Titulos';
	font-size: 22px;
}

.breadcrumb {
	background: none;
}
.breadcrumb-item {
	font-family: 'DIN-Titulos';
	font-size: 18px;
}
.breadcrumb-item a {color: #232323 !important; text-decoration: none;}
.breadcrumb-item a:hover {color: #df0024 !important; text-decoration: none;}
.breadcrumb-item a:active {color: #df0024 !important; text-decoration: none;}
.bg-red {
	background-color: #df0024;
}
.bg-grey {
	background-color:#F2F2F2;
}
.bg-darkred {
	background-color:darkred;
}
.bg-transparente {
	background-color: rgba(0,0,0,0.6);
}

.msg-no-data {
	width: 100%;
	margin-top: 40px;
	text-align: center;
	font-family: 'DIN-Titulos';
	font-size: 22px;
}
.msg-no-data.error {color: #df0024; }

.capa {
	background-color: #232323;
	height: 80px;
	line-height: 80px;
	margin: 0px -20px 40px 0px;
}

.capa img {
	position: relative;
	float: left;
	left: 40px;
	bottom: -20px;
	background-color: #808080;
	border: 3px solid white;
	border-radius: 50%;
	width: 90px;
}

.capa img.product {
	border-radius: 0px;
	background-color: white;
}

.capa img.disabled {
	cursor: not-allowed!important;
}

.capa div {
	position: relative;
	left: 80px;
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	color: white;
}

.capa a {color: white;}

.capa .title {
	font-family: 'DIN-Titulos';
	font-size: 20px;
}

.capa .actions {
	float: right;
	left: 0px;
	height: 80px;
	color: white;
	margin: 0px 20px;
}

.capa .code {
	left: 0px;
	margin-left: 50px;
	font-family: 'DIN-Titulos';
	font-size: 40px;
}

.modal-title {
	font-family: 'DIN-Titulos';
	font-size: 22px;
}

.select-tags .btn {
	margin: 5px;
}
.select-tags .btn:hover {
	background-color: white;
	color: #343a40;
}
.select-tags .btn:focus {
	outline: none !important;
	box-shadow: none !important;
}
.select-tags .space {
	width: 30px;
}
.section .title {
	font-family: 'DIN-Titulos';
	font-size: 50px;
	text-transform: uppercase; 
}
.section .title.red {
	font-family: 'DIN-Titulos';
	font-size: 50px;
	text-transform: uppercase; 
	color: #df0024;
}
.section .container{
	max-width: 1100px;
}
.full-screen{
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	margin: auto;
}
.video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background: transparent url('../images/grid.png') repeat;
	-webkit-backface-visibility: hidden;
}
.image-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.product-tag {
	position: absolute;
	top: 10px;
	left: 25px;
	z-index: 1;
	font-size: 10px;
	border: #df0024 solid 2px;
	outline: none;
	color: #df0024;
	cursor: pointer;
	padding: 2px 5px;
	border-radius: 0px;
	opacity: 0.90;
	filter: alpha(opacity=90);
}
.product-tag.right {
	top: 10px;
	left: inherit;
	right: 25px;
}
.product-tag.dark {
	border: #343a40 solid 2px;
	color: #343a40;
}
.products .product {
	margin: 25px 0px;
}
.products img {
	padding: 25px 25px 15px 25px;
}
.products a {
	text-decoration: none;
	color: #232323;
}
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #df0024;
	opacity: 1;
	filter: alpha(opacity=100);
}
.owl-theme .owl-dots .owl-dot span {
    background-color: #df0024;
	opacity: 0.50;
	filter: alpha(opacity=50);
}
.owl-theme .owl-dots .owl-dot span:hover {
    background-color: #df0024;
	opacity: 1;
	filter: alpha(opacity=100);
}
.owl-prev {
    width: 15px;
    height: 20px;
    position: absolute;
    top: 40%;
	left: -40px;
    margin-left: -40px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.owl-next {
    width: 15px;
    height: 20px;
    position: absolute;
    top: 40%;
    right: -40px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(2,2); color: #ccc;}
.owl-prev i:hover, .owl-next i:hover {
	color: #df0024;
	background-color: white;
}
.tecnologies .owl-item img{
	width: 50%;
	margin: 50px auto;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.no-borders {
	margin-left: -15px;
	margin-right: -15px;
}

.social-media a{
	text-decoration: none;
	color: #343a40;
	margin-right: 5px;
}
.btn-square {
    border-radius: 0;
	/*border: solid 2px;*/
}
.btn-select {
    border-radius: 0;
	color: #495057;
	/*border: solid 2px;*/
}
.btn-error {
    background-color: #dc3545!important;
	border-radius: 0;
	color: white!important;
	/*border: solid 2px;*/
}
.btn-xs {
	height: 30px;
	font-size: 13px!important;
	padding: 5px;
}

.btn-xl {
	font-family: 'Din-Titulos';
    font-size: 30px;
    height: 60px;
}
.btn.sending {
	cursor: wait!important;
}
.btn.waiting, .checking-stock {
	cursor: wait !important;
}

.btn.btn-white {
	background-color: white;
}

.btn.btn-white:hover {
	color: #df0024;
}

.btn.disabled {
	cursor: not-allowed!important;
}
.btn.disabled:hover {
	color: black;
}

.btn-fileinput {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.btn-fileinput input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.hidden {
	display: none;
}

.table .icon-bikes {
	font-size: 22px;
}

.card {
	border: none;
	border-top: 4px solid #232323;
	padding: 0px;
	margin: 10px;
}
.card .header {
	background-color: white;
	padding: 15px 20px;
	border: 0px!important;
	border-bottom: 1px solid #BFBFBF;
}

.card .header .title {
	font-family: 'DIN-Titulos';
	font-size: 20px; 
}

.modal .header .title {
	font-family: 'DIN-Titulos';
	font-size: 20px; 
}

.card .content {
	border: 1px solid white!important;
	background-color: white;
	padding: 20px;
}

.card .header .actions {
	float: right;
}

.card.disabled {
	border-top: 4px solid #C3C3C3;
}

.card .logo {
	position: relative;
	font-size: 120px;
	padding: 0px;
	margin: 0px;
}

.card.disabled .header {
	background-color: #D3D3D3!important;
	color: #C3C3C3;
}
.card.disabled .text-muted {
	color: #C3C3C3!important;
}

.card.disabled .content {
	background-color: #D3D3D3!important;
	border-color: #D3D3D3!important;
	color: #C3C3C3;
}

.overlined {
    text-decoration: line-through;
}

#gotopBtn {
	position: fixed;
	bottom: 15px;
	left: 80px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	background-color: #555;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 4px;
	opacity: 0.20;
	filter: alpha(opacity=20);
}
#gotopBtn:hover {
	background-color: #df0024;
	opacity: 0.55;
	filter: alpha(opacity=55);
}
#cookies-alert {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999999;
	border: none;
	outline: none;
	background-color: #555;
	color: white;
	padding: 25px 50px;
	opacity: 0.90;
	filter: alpha(opacity=90);
}
footer a {color: white !important; text-decoration: none;}
footer a:hover {color: #df0024 !important; text-decoration: none;}
footer a:active {color: #df0024 !important; text-decoration: none;}
footer {
	position: relative;
	bottom: 0px;
	width: calc(100% + 40px);
	background-color: #232323;
	color: white;
	padding: 20px;
	font-size: 12px;
	margin-left: -20px;
	margin-bottom: -20px;
}
footer .menu {
	margin: 30px 10px 0px 10px;
}
footer .menu .row {
	max-width: 1000px;
	margin: auto;
}
footer .title {
	font-family: 'DIN-Titulos';
	font-size: 16px;
}
footer ul {
	list-style-type: none;
}
footer .social-media i {
	margin: 30px 10px;
	font-size: 16px;
}
footer .copyright {
	font-size: 12px;
}
.loader{
	align-content: center;
}
#preloader  {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 1;
    height: 100%;
 }
#status  {
     position: absolute;
     left: 50%;
     top: 50%;
     
     margin: -25px 0 0 -25px;
}
.overflow {
	overflow: hidden;
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.section .title {
		font-family: 'DIN-Titulos';
		font-size: 35px;
		text-transform: uppercase; 
	}
	.card {	margin: 20px 10px;}
	footer ul {
		text-align: center;
		padding: 0px 15px 0px 0px;
	}
	
	#gotopBtn {
		left: 15px;
	}
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	.capa img { display: none;}
	.capa div {left: 20px;}
	.capa .code {margin-left: 20px;}

	.page-title {display: none!important;}
	.card {	margin: 20px 0px;}
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	
}
/* Large devices (desktops, less than 1200px) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
}
/* Large devices (desktops, more than 1200px) */
@media (min-width: 1200px) { 
	
}