@font-face {
  font-family: 'Graphik-Bold';
  src: url('../fonts/Graphik-Bold.woff') format('woff'), url('../fonts/Graphik-Bold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Light';
  src: url('../fonts/Graphik-Light.woff') format('woff'), url('../fonts/Graphik-Light.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Medium';
  src: url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik-Regular';
  src: url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik-Semibold';
  src: url('../fonts/Graphik-Semibold.woff') format('woff'), url('../fonts/Graphik-Semibold.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MinionPro-Regular';
  src: url('../fonts/MinionPro-Regular.woff') format('woff'), url('../fonts/MinionPro-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{
	overflow-x: hidden;
	font-family: 'Graphik-Regular', sans-serif;
	font-size:20px;
	background-color:#F5F5F5;
}

a {
    color: #CB3435;
}

a:hover {
    color: #292829;
    text-decoration: underline;
}

a.link-blank{
  color:white;
  font-weight: bold;
}

a.link-blank:hover{
  color:black;
  text-decoration: none;
  font-weight: bold;
}

footer a, #certificados a, #info a{
  color:white;
}

footer a:hover, #info a:hover, #certificados a:hover{
  color: #CB3435;
  font-weight: bold;
  text-decoration: none;
}


.hidden-xs{
display:block;
}

header nav.navbar{
	padding:15px 0 0 0;
	background-color:#CB3435;
	-webkit-box-shadow: 0 8px 6px -6px #000000;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #000000;
}
header nav.navbar .navbar-brand{
padding: 8px 8px 8px 100px;
}

header nav.navbar .navbar-brand img{

}

header nav.navbar #navbarSupportedContent{
padding-right: 100px;
height: 115px;
}
header .navbar-light .navbar-nav .active>.nav-link,header .navbar-light .navbar-nav .nav-link.active,header .navbar-light .navbar-nav .nav-link.show,header .navbar-light .navbar-nav .show>.nav-link,header .navbar-light .navbar-nav .nav-link {
  color: white;
	font-size:20px;
	font-weight:bold;
	padding:0 15px;
	margin-top: 75px;
}

header .navbar-light .navbar-nav .nav-link:focus,header .navbar-light .navbar-nav .nav-link:hover {
    color: white;
}

header ul.navbar-nav.ml-auto{
	height: 130px;
	margin-top:-15px
}

header ul li.nav-item:hover, header ul li.nav-item.active{
	background-color:#292829;
}

header .ml-auto .dropdown-menu {
      left: auto !important;
      right: 0px;
    }

.padding-100{padding:100px;}
.padding-100-d-i{padding:0 100px;}

.padding-right-100{
	padding:0;
	padding-right:100px;
}

.padding-left-100{
	padding:0;
	padding-left:115px;
}

.no-mr{
	margin-right:0!important;
	padding-right:0!important;
}

.no-ml{
	margin-left:0!important;
	padding-left:0!important;
}

.no-padding{
	padding:0!important;
}
.no-margin{
	margin:0!important;
}

.no-padding-bottom{
	padding-bottom:0!important;
	}

.margin-sections{
padding:70px 100px;
}

.margin-sections-l{
padding:70px 15px 70px 100px;
}

.margin-sections-r{
padding:70px 100px 70px 60px;
}


.margin-section-info{
padding:70px 100px 10px 100px;
}

.margin-section-quienes-somos-1{
padding:70px 70px 70px 100px;
}

.margin-section-seguridad-calidad-1{
padding:70px 15px 70px 100px;
}

.margin-section-seguridad-calidad-2{
padding:70px 100px 70px 15px;
}

.margin-section-footer{
padding:24px 100px;
}

.padding-bottom-70{
padding-bottom:70px;
}

.padding-bottom-25{
padding-bottom:25px;
}

#myCarousel, #pag-empresa, #pag-servicios, #pag-flota, #pag-seguridad, #pag-calidad, #pag-aviso-legal{
	margin-top:110px;
	}

.red{background-color:#CB3435;}
.black{background-color:#292829;}
.gris{background-color:#636466;}
.white{background-color:#F5F5F5;}
.no-margin-right{margin-right:0;padding-right:0;}
.no-margin{margin:0;padding:0;}
.border-r{border-right: 1px solid black;}
.owl-dots{position:absolute;}

#certificados h3, .icon-img{
float:left;
}

.icon-img{
margin:24px 0;
}

#certificados h3{
	font-family: 'Graphik-Semibold', sans-serif;
	font-size: 36px;
  margin-left: 50px;
  padding: 38px 0;
}

#quienes-somos h3, #servicios-flota h3, #certificados{
font-family: 'Graphik-Medium', sans-serif;
color:white;
font-size:60px;
}

#quienes-somos p strong, #servicios-flota p strong{
color:white;
font-size:24px;
}

#quienes-somos p, #servicios-flota p{
color:white;
font-size:20px;
}

#quienes-somos .boton{
font-family: 'Graphik-Semibold', sans-serif;
color:#292829;
background-color:white;
padding:25px 70px;
font-size:26px;
}

section.banner{
	  padding: 80px 0;
	  width: auto;
    background-image: url('../images/slider_home4.jpg');
		background-position: center top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

section.banner h2{
	font-family: 'Graphik-Semibold', sans-serif;
	color:white;
	font-size:74px;
}

section.banner p{
	margin-right:20%;
	color:white;
	font-size:24px;
}

#seguridad-calidad h3{
font-family: 'Graphik-Semibold', sans-serif;
color:black;
font-size:36px;
}

#seguridad-calidad p strong{
font-family: 'Graphik-Semibold', sans-serif;
color:#CB3435;
font-size:24px;
}

#seguridad-calidad p{
color:#5C595B;
font-size:20px;
}

#seguridad-calidad .boton{
font-family: 'Graphik-Semibold', sans-serif;
color:white;
background-color:#CB3435;
padding:25px 70px;
font-size:24px;
}

#contacto-info h3{
font-family: 'Graphik-Semibold', sans-serif;
color:#CB3435;
font-size:36px;
}

#contacto-info p strong{
font-family: 'Graphik-Semibold', sans-serif;
color:black;
font-size:24px;
}

#contacto-info p{
color:black;
font-size:20px;
}


#info h4{
font-family: 'Graphik-Semibold', sans-serif;
color:#D1D3D4;
font-size:24px;
}

#info p{
color:#CBCCCD;
font-size:20px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #CBCCCD;
}

footer h4{
margin-top:35px;
color:#D1D3D4;
font-size:16px;
}

#servicios-flota a{
	font-family: 'Graphik-Semibold', sans-serif;
	line-height: 180%;
  color: #CBCCCD;
  font-size: 20px;
  padding: 10px 0 5px 0;
	border-bottom: 1px solid #CBCCCD;
}

#servicios-flota a:hover{
	color:#CB3435;
	border-bottom: 1px solid #CB3435;
	text-decoration: none;
}

#servicios-flota a i.fa.fa-circle{
	margin-right:35px;
	color:#CB3435;
	font-size:20px;
}

#servicios-flota a:hover > i.fa.fa-circle{
	margin-right:35px;
	color:#CBCCCD;
	font-size:20px;
}

#contacto-info .margin-sections-contacto-info-1{
	padding: 0 0 0 100px;
	margin: 70px 0 0 0;
}

#contacto-info .margin-sections-contacto-info-2{
	padding:70px 100px 70px 50px;
}

#contacto-info .form-control {
    padding: .8rem .75rem;
}

#contacto-info textarea{
	margin-top:25px;
  width:100%;
	height: 150px;
}

#contacto-info .enviarbtn{
font-family: 'Graphik-Semibold', sans-serif;
color:white;
margin-top:32px;
background-color:#CB3435;
padding:18px 70px;
font-size:24px;
border: 0;
margin-top:25px;
}

.carousel-indicators {
	position: absolute;
	    width: 100%;
	    margin-left: 0;
	    right: auto;
	    left: auto;
}
.carousel-indicators li {
    margin: 0;
	 width: 30px;
    height: 30px;
    margin: 5px;
	border-radius: 100%;
}

.carousel-indicators .active {
    background-color: #CB3435;
}

.to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    height: 50px;
    width: 50px;
    font-size: 2rem;
    background-color: #CB3435;
    text-align: center;
    color: #ffffff;
    line-height: 46px;
    border-radius: 4px;
    display: none;
    border-radius: 50%;
}


#pag-empresa h1, #pag-aviso-legal h1, #pag-servicios h1, #pag-servicios h2, #pag-flota h1, #pag-flota h2, #pag-seguridad h1, #pag-calidad h1, #pag-calidad h2{
font-family: 'Graphik-Semibold', sans-serif;
color:#CB3435;
font-size:36px;
line-height: 150%;
}

#pag-flota img.camiones{
	margin:100px 0;
}

#pag-calidad .iconos-div{
	width:20%;
	float:left;
	min-height:200px;
}

#pag-calidad .iconos-div img{
padding: 0 50px;
}

#pag-calidad .iconos-div p{
width:100%;
text-align:center;
font-family: 'Graphik-Semibold', sans-serif;
color:#292829;
font-size: 30px;
margin-top: 20px;
text-decoration: none;
}

.iconos-div a:hover, .iconos-div a p:hover, .iconos-div a:hover > p{
	text-decoration: none!important;
	color:#CB3435!important;
}

#pag-calidad h3{
font-family: 'Graphik-Semibold', sans-serif;
color:#292829;
font-size: 68px;
margin-top: -50px;
}

.hr_red{
border-top: 4px solid #CB3435;
}

footer{
margin-top: -2px;
}

strong{
	font-family: 'Graphik-Semibold', sans-serif;
	color:black;
	font-weight:bold;
}

.carousel-caption {
    position: absolute;
    top: 25%;
    bottom: auto;
    width: 100%;
    margin-left: -60px;
    right: auto;
    left: 50%;
    z-index: 10;
    color: #fff;
    text-align: left;
}

#txt_banner{
	font-family: 'Graphik-Semibold', sans-serif;
	color:white;
	font-weight:bold;
	font-size:70px;
	line-height:100%;
}

#txt_banner2{
	color:white;
	font-size:28px;
	line-height:100%;
}

.item .carousel-caption {
  opacity: 0;
  transition-property: opacity;
}

.item.active .carousel-caption {
  transition-delay: .1s;
  opacity: 1;
  transform: translate(0);
  transition-duration: .7s;
  transition-timing-function: ease;
  transition-property: opacity,transform;
}

#txt_button{
	width:100%;
}

input[type=checkbox] {
  transform: scale(1.5);
}

@media (min-width: 576px){
#contacto-info .mr-sm-2, #contacto-info .mx-sm-2 {
    margin-right: 2.9rem!important;
}
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
	 right: 0;
    margin-right: -80px;
    margin-top: -60px;
	 min-width: 5rem;
	 background-color: #F5F5F5;
}
.navbar-expand-lg .navbar-nav .dropdown-menu li{
	text-align:right;
	padding-right:5px;
}

}

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

	body{
	font-size: 1.0rem;
	}
	section#mapa, .hidden-xs{
		display:none!important;
	}
	header nav.navbar{
	padding: 3px 15px;
	margin: 0;
	}
	header nav.navbar img{
	 width: 200px;
    height: auto;
	}
	header nav.navbar .navbar-brand{
	padding: 0;
	padding-top: .3125rem;
   padding-bottom: .3125rem;
	}
	header nav.navbar #navbarSupportedContent{
	padding-right: 0;
	height: auto;
	}
	header .navbar-light .navbar-nav .active>.nav-link, header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show, header .navbar-light .navbar-nav .show>.nav-link, header .navbar-light .navbar-nav .nav-link {
    font-size: 1.2em;
    padding: 15px 15px;
    margin-top: 0;
    text-align: center;
	}
	header ul.navbar-nav.ml-auto{
	height: auto;
	}
	header .ml-auto .dropdown-menu {
      left: auto !important;
      right: 0px;
    }
	.padding-100{padding:0;}
	.padding-100-d-i{padding:0;}
	.padding-right-100{
	padding:0;
	padding-right:15px;
	}
	.padding-left-100{
	padding:0;
	padding-left:15px;
	}
	.no-mr{
	margin-right:0!important;
	padding-right:0!important;
	}
	.no-ml{
	margin-left:0!important;
	padding-left:0!important;
	}
	.no-padding{
	padding:0!important;
	}
	.no-margin{
	margin:0!important;
	}
	.no-padding-bottom{
	padding-bottom:0!important;
	}
	.margin-sections, .margin-sections-l, .margin-sections-r{
	padding:50px 15px;
	}
	.margin-section-info{
	padding:50px 15px 0 15px;
	}
	.margin-section-quienes-somos-1{
	padding:50px 15px;
	}
	.margin-section-seguridad-calidad-1{
	padding:50px 15px;
	}
	.margin-section-seguridad-calidad-2{
	padding:50px 15px;
	}
	.margin-section-footer{
	padding:24px 15px;
	}
	.padding-bottom-70{
	padding-bottom:50px;
	}
	#contacto-info .margin-sections-contacto-info-1{
	padding: 0;
	margin: 50px 15px;
	}
	#contacto-info .margin-sections-contacto-info-2{
	padding: 0 15px;
	}
	#quienes-somos h3, #servicios-flota h3, #certificados, #seguridad-calidad h3, #contacto-info h3, #info h4{
    font-size: 1.5em;
	}
	section.banner h2 {
    font-size: 2.2em;
	}
	#quienes-somos p, #servicios-flota p {
    font-size: 1.2em;
	}
	#quienes-somos p strong, #servicios-flota p strong, #seguridad-calidad p strong, #seguridad-calidad p, #contacto-info p strong, #contacto-info p, #info p{
    font-size: 1.0em;
	}
	.carousel-indicators li, .hr-mobile {
	display:none;
	}
	#servicios-flota a {
    line-height: 200%;
    font-size: 1.0em;
    padding: 8px 0 3px 0;
	}
	#servicios-flota a i.fa.fa-circle {
    margin-right: 5px;
    font-size: 1.2em;
	}
	section.banner {
    padding: 50px 0;
    width: auto;
	}
	section.banner p {
    margin-right: 0;
    color: white;
    font-size: 1.2em;
	}
	.icon-img {
	width:60px;
    margin: 24px 0;
	}
	#certificados h3 {
    font-size: 1.2em;
    margin-left: 20px;
    padding: 22px 0;
	}
	.img-mov{
	padding:0;
	}
	.border-r {
    border-right: 0;
	}
	#contacto-info .enviarbtn {
    margin-top: 32px;
    padding: 18px 70px;
    font-size: 26px;
    border: 0;
    position: relative;
	}
	#contacto-info form.form-inline input{
		width:100%!important;
		margin-right: 0!important;
		margin-left: 0!important;
       margin-bottom: 15px!important;
	}
	#contacto-info form.form-inline textarea {
    margin-top: 0;
	 margin-bottom: 15px;
    width: 100%;
    height: 150px;
	}
	#myCarousel, #pag-empresa, #pag-servicios, #pag-flota, #pag-seguridad, #pag-calidad, #pag-aviso-legal{
    margin-top: 90px;
	}
	#pag-empresa .img-fluid.cabecera, #pag-servicios .img-fluid.cabecera, #pag-flota .img-fluid.cabecera, #pag-seguridad .img-fluid.cabecera, #pag-calidad .img-fluid.cabecera{
	width: 100%;
	height: 100%!important;
	}
	#pag-empresa h1, #pag-servicios h1, #pag-flota h1, #pag-seguridad h1, #pag-calidad h1, #pag-empresa h2, #pag-servicios h2, #pag-flota h2, #pag-seguridad h2, #pag-calidad h2{
	font-size: 1.5em!important;
	}
	#quienes-somos .boton, #seguridad-calidad .boton {
    padding: 15px 30px!important;
    font-size: 1.2em!important;
	}
	#pag-calidad h3 {
    font-size: 1.5em;
    margin-top: 5px;
	}
	#txt_banner{
	font-size:1.2em;
	line-height:100%;
	}
	#txt_banner2{
	font-size:1.0em;
	}
	.carousel-caption {
	margin:0;
	width:auto;
    top: 5%;
	bottom:auto;
    padding:15px;
    right: auto;
    left: auto;
	}
}