.raleway {
    font-family: 'Raleway', sans-serif;
}

.roboto {
    font-family: 'Roboto', sans-serif;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.semibold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}

.font60 {
    font-size: 60px;
}

.font40 {
    font-size: 40px;
}

.font20 {
    font-size: 20px;
}

.font18 {
    font-size: 18px;
}

.font14 {
    font-size: 14px;
}

.font13 {
    font-size: 13px;
}

.font12 {
    font-size: 12px;
}

.negro {
    color: #303233;
}

.gris-oscuro {
    color: #7d7e7e;
}

.gris-claro {
    color: #dfdfdf;
}

.celeste-oscuro {
    color: #6896ad;
}

.celeste-claro {
    color: #a1c6d8;
}

.blanco {
    color: #fff!important;
}

.blanco-back {
    background-color: #fff;
    max-width: 100%!important;
    left: 0px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 0px!important;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: #6896ad;
    opacity: 0.8;
}

a:focus, button:focus {
    outline: 0px;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar {
    position: fixed;
    max-width: 1140px;
    top: 0px;
    z-index: 1;
}

.nav-item>a {
    letter-spacing: 1px;
}

.dropdown-menu {
    background-color: inherit;
    border: 0px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: inherit;
    opacity: 0.8;
}

.nav-link-scroll {
    color: #303233!important;
}

.dropdown-item-scroll {
    color: #303233!important;
    background-color: #fff;
    right: 0px;
}

.dropdown-item-scroll:hover {
    background-color: #fff;
}

.dropdown-menu-scroll {
    margin-left: 0px!important;
}

.logo-mobile, .logo-scroll {
    display: none;
}

.logo-mobile-scroll {
    display: block;
}

.mapa-scroll {
    display: none;
}

.slider-mobile {
    display: none;
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.carousel-control-prev-icon {
    background-image: url(../images/flecha-izquierda.png);
}

.carousel-control-next-icon {
    background-image: url(../images/flecha-derecha.png);
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 53px;
    height: 24px;
}

.carousel-caption {
    bottom: 0px;
    top: 28%;
}

.carousel-caption-2 {
    bottom: 0px;
    top: 34%;
}

.unidades-mobile {
    display: none;
}

.unidades {
    background-color: #fff;
    border-radius: 49px 49px 49px 49px;
    -moz-border-radius: 49px 49px 49px 49px;
    -webkit-border-radius: 49px 49px 49px 49px;
    border: 0px solid #000000;
    margin-top: 500px;
    width: 60%;
}

.unidades>.row>.col {
    padding: 30px 0px;
}

.borde-derecho {
    border-right: 1px solid #dfdfdf;
}

.link:hover {
    opacity: 0.8;
}

.boton {
    background-color: #303233;
    font-size: 12px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 49px 49px 49px 49px;
    -moz-border-radius: 49px 49px 49px 49px;
    -webkit-border-radius: 49px 49px 49px 49px;
    border: 0px solid #000000;
    display: inline-block;
}

.boton:hover, .boton:focus {
    color: #fff;
    opacity: 0.8;
}

.valores {
    background: url(../images/onelogistics-valores.jpg) no-repeat center center;
    margin: 100px 0px;
}

.card {
    border:0px!important;
}

button {
    background-color: inherit;
    padding: 20px 0px;
    border: 0px;
}

.borde-abajo {
    border-bottom: 1px solid #dfdfdf;
}

.accordion {
    margin-bottom: 100px;
}

.contacto {
    background-color: #e0e0e0;
}

.info {
    background: url(../images/onelogistics-info.jpg) no-repeat center center;
    background-size: cover;
}

.info-contenido {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.form-row {
    margin: 50px;
}

.form-control {
    background-color: inherit;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    color: #303233;
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #303233;
    padding: 0.375rem 0rem;
}

.submit {
    padding: 10px 20px;
}

.footer {
    background-color: #303233;
    padding: 120px 0px 20px 0px;
    z-index: -1;
    margin-top: -100px;
}

.footer-2 {
    background-color: #303233;
    padding: 20px 0px;
    z-index: -1;
}

.gracias {
    background: url(../images/onelogistics-slider1.jpg) no-repeat center center;
    background-size: cover;
}

.gracias-contenido {
    padding: 200px 0px;
}

.padd-100 {padding-top: 100px;}

#aereo, #terrestre, #aduanero {display: none;}

.container-contacto {margin-top: 50px;}

.servicios-mobile {display: none;}

.carousel-control-prev, .carousel-control-next {opacity: 0;}

.aereo-mobile, .terrestre-mobile, .aduanero-mobile, .br-empresa {display: none;}

@media (min-width: 1920px) {
    .unidades {margin-top: 600px;}
}

@media (max-width: 1199px) {
    .navbar {max-width: 1199px!important; left: 0px; padding-left: 20px!important; padding-right: 20px!important;}
}

@media (max-width: 1300px) {
    .unidades {margin-top: 450px;}
}

@media (max-width: 1140px) {
    .unidades {margin-top: 400px; width: 90%;}
}

@media (max-width: 1100px) {
    .unidades {margin-top: 350px;}
    .font60 {font-size: 50px;}
    .font20 {font-size: 16px;}
}

@media (max-width: 991px) {
    .accordion {max-width: 80%!important; padding-right: 0rem!important;}
    .container {max-width: 80%;}
    .navbar {position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem;}
    .unidades {margin-top: 250px;}
    .container-contacto {max-width: 100%;}
}

@media (max-width: 930px) {
    .unidades {margin-top: 200px;}
}

@media (max-width: 900px) {
    .col-md-auto {width: 25%!important;}
    .container-auto {max-width: 100%!important;}
}

@media (max-width: 800px) {
    .font60-unidades {font-size: 40px;}
    .font14 {font-size: 13px;}
}

@media (max-width: 767px) {
    .slider {z-index: 0;}
    .carousel-control-prev, .carousel-control-next {opacity: 0.5;}
    .carousel-control-next-icon {background-size: cover; background-position: right;}
    .carousel-control-prev-icon {background-size: cover; background-position: left;}
    .carousel-control-prev-icon, .carousel-control-next-icon {width: 30px; height: 18px;}
    .carousel-caption {display: block!important;}
    .container {max-width: 90%;}
    .font60 {font-size: 40px;}
    .borde-abajo-2 {border-bottom: 1px solid #dfdfdf;}
    .borde-abajo-3 {border-bottom: 0px!important;}
    .h2 {text-align: left!important;}
    .card-body {padding-left: 0px; padding-right: 0px;}
    .mt-mobile {margin-top: 20px;}
    .unidades {display: none;}
    .unidades-mobile {display: block; margin-top: 250px; margin-bottom: 40px;}
    .accordion {max-width: 90%!important;}
    .info-contenido {position: relative; padding: 50px 0px;}
    .container-contacto {max-width: 100%;}
    .br {display: none;}
    .servicios-desktop {display: none;}
    .servicios-mobile {display: block;}
    .servicios-mobile-col {display: none;}
    
    .hr {border: none; border-left: 1px solid rgba(0, 0, 0, 0); height: 20px; width: 1px;}
    .col-icono-mobile {width:25%; height: 100px; text-align: center;}
    
    .link-maritimo-5 {background: url(../images/onelogistics-icono-maritimo-celeste.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    .link-aereo-5 {background: url(../images/onelogistics-icono-aereo-celeste.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    .link-terrestre-5 {background: url(../images/onelogistics-icono-terrestre-celeste.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    .link-aduanero-5 {background: url(../images/onelogistics-icono-aduanero-celeste.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    
    .link-maritimo-5-apagado {background: url(../images/onelogistics-icono-maritimo-gris.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    .link-aereo-5-apagado {background: url(../images/onelogistics-icono-aereo-gris.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    .link-terrestre-5-apagado {background: url(../images/onelogistics-icono-terrestre-gris.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    .link-aduanero-5-apagado {background: url(../images/onelogistics-icono-aduanero-gris.png) no-repeat center center; background-size: cover; max-width: 72px; max-height: 64px; width:100%; height: 100%;}
    
    .br-empresa {display: block;}
}

@media (max-width: 680px) {
    .unidades-mobile {margin-top: 200px;}
}

@media (max-width: 575px) {
    .container {padding-left: 5%!important; padding-right: 5%!important; max-width: 100%;}
    .slider {display: none;}
    .unidades-mobile {display: block; margin-top: 30px;}
    .slider-mobile {display: block;}
    .carousel-caption {top: 20%;}
    .carousel-caption-2 {top: 34%!important;}
    .custom-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
    .logo-mobile {display: block;}
    .logo {display: none;}
    .nav-item>a, .dropdown-item {color: #303233!important;}
    .mapa {display: none;}
    .contacto {padding: 50px 0px;}
    .accordion {max-width: 100%!important;}
    .navbar {padding-left: 0px!important; padding-right: 0px!important;}
    .col-4-mobile {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    .valores {margin-bottom: 20px;}
    .container-contacto {margin-top: 20px;}
    .col-md-auto {width: 15%!important; padding-left: 1px!important; padding-right: 1px!important; text-align: center;}
    .col-md-auto>a>img {width: 40px!important;}
    .col-6-mobile {max-width: 100%; flex: 100%;}
}

/*
@media (min-width: 757px) {
    .aereo-mobile, .terrestre-mobile, .aduanero-mobile, .br-empresa {display: none;}
}*/