/* Global */

@font-face {
    font-family: mark-pro;
    src: url("../../components/mark-pro-font/MarkPro.otf") format("opentype");
}
@font-face {
    font-family: mark-pro-bold;
    src: url("../../components/mark-pro-font/MarkPro-Bold.otf") format("opentype");
}
@font-face {
    font-family: mark-pro-bold-italic;
    src: url("../../components/mark-pro-font/MarkPro-BoldItalic.otf") format("opentype");
}
@font-face {
    font-family: mark-pro-extra-light;
    src: url("../../components/mark-pro-font/MarkPro-ExtraLight.otf") format("opentype");
}
@font-face {
    font-family: mark-pro-medium;
    src: url("../../components/mark-pro-font/MarkPro-Medium.otf") format("opentype");
}
@font-face {
    font-family: mark-pro-thin;
    src: url("../../components/mark-pro-font/MarkPro-Thin.otf") format("opentype");
}

body.lmmx-style {
    background-color: #ffffff;
}

/* Borders */

.lmmx-style .lmmx-right-warning-border {
    border-right-color: #FF9803;
    border-right-style: solid;
}

.lmmx-style .lmmx-right-primary-border {
    border-right-color: #ff5f0a;
    border-right-style: solid;
}

.lmmx-style .lmmx-bottom-warning-border {
    border-bottom-color: #FF9803;
    border-bottom-style: solid;
}

.lmmx-style .lmmx-bottom-primary-border {
    border-bottom-color: #ff5f0a;
    border-bottom-style: solid;
}

/* Button */

.lmmx-style .lmmx-button-lowercase {
    text-transform: none !important;
}

.lmmx-style .lmmx-rose-circle-button {
    border-style: solid;
    border-color: #00ccc6;
    border-width: 12px;
    border-radius: 50px;
    background-color: #00ccc6;
}

.lmmx-style .lmmx-rose-scroll-to-top-button-container {
    position: fixed;
    right: -12px;
    bottom: 0;
}

/* Checks */

.lmmx-style .lmmx-bright-form-check-sign .check {
    background-color: #ffffff;
}

/* Carousel */

.lmmx-style .lmmx-carousel.lmmx-carousel-warning .carousel-inner {
    background-color: #FF9803;
}

.lmmx-style .lmmx-carousel.lmmx-carousel-primary .carousel-inner {
    background-color: #ff5f0a;
}

.lmmx-style .lmmx-carousel .carousel-indicators {
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: block;
    height: 50%;
}

.lmmx-style .lmmx-carousel .carousel-indicators-sm {
    height: 50%;
    right: 0px !important;
    top: 0px !important;
}

.lmmx-style .lmmx-carousel .carousel-indicators-xs {
    right: unset !important;
    top: unset !important;
    height: 300px;
}

.lmmx-style .lmmx-carousel .carousel-indicators li {
    width: 10px !important;
    height: 30px !important;
    text-indent: 30px;
}

.lmmx-style .lmmx-carousel .carousel-dark-active-indicators li.active {
    font-size: xx-large;
}

.lmmx-style .lmmx-carousel .carousel-dark-active-indicators li.active a {
    color: #000000 !important;
}

.lmmx-style .lmmx-carousel .carousel-control-prev {
    margin-left: 35%;
}

.lmmx-style .lmmx-carousel .carousel-control-next {
    margin-right: 35%;
}

.lmmx-style .lmmx-carousel .lmmx-carousel-control-prev-md i{
    padding-left: 60%;
}

.lmmx-style .lmmx-carousel .lmmx-carousel-control-next-md i{
    padding-right: 60%;
}

.lmmx-style .lmmx-carousel .lmmx-carousel-control-sm {
    top: 75%;
}

.lmmx-style .lmmx-carousel .carousel-control-xs {
    top: -20%;
}

.lmmx-style .lmmx-carousel .carousel-caption .container {
    padding-left: 30%;
}

.lmmx-style .lmmx-carousel .lmmx-carousel-caption-xs {
    bottom: unset; !important;
    right: unset; !important;
    left: unset; !important;
    position: unset !important;
    height: 300px !important;
}

.lmmx-style .lmmx-carousel .lmmx-carousel-caption-md .lmmx-caption-icon {
    position: absolute;
    bottom: 0px;
    width: 15%;
}

.lmmx-style .lmmx-carousel .lmmx-carousel-caption-xs .lmmx-caption-icon {
    position: absolute;
    bottom: 0px;
    width: 75px;
}

/* Cols */

.lmmx-style .row .lmmx-primary-col {
    background-color: #ff5f0a;
}

.lmmx-style .row .lmmx-warning-col {
    background-color: #FF9803;
}

.lmmx-style .row .lmmx-rose-col {
    background-color: #00ccc6;
}

/* Backgrounds */

.lmmx-style .lmmx-dark-bg {
    background-color: #000000;
}

.lmmx-style .lmmx-middle-dark-bg {
    background-color: #14121d;
}

.lmmx-style .lmmx-bright-bg {
    background-color: #ffffff;
}

.lmmx-style .lmmx-middle-bright-bg {
    background-color: #f1f1f1;
}

/* Fonts */

.lmmx-style .lmmx-font-mark-pro {
    font-family: mark-pro;
}
.lmmx-style .lmmx-font-mark-pro-bold {
    font-family: mark-pro-bold;
}
.lmmx-style .lmmx-font-mark-pro-bold-italic {
    font-family: mark-pro-bold-italic;
}
.lmmx-style .lmmx-font-mark-pro-extra-light {
    font-family: mark-pro-extra-light;
}
.lmmx-style .lmmx-font-mark-pro-medium {
    font-family: mark-pro-medium;
}
.lmmx-style .lmmx-font-mark-pro-thin {
    font-family: mark-pro-thin;
}

/* Forms */

.lmmx-style .lmmx-login-form .card-login-no-shadow {
    box-shadow: none !important;
}

.lmmx-style .lmmx-login-form .bmd-form-group {
    display: block;
}

.lmmx-style .lmmx-login-form a.lmmx-warning-link-hover:hover, .lmmx-style .lmmx-login-form a.lmmx-primary-link-hover:hover  {
    background-color: transparent !important;
}

.lmmx-style .lmmx-login-form .input-group input.lmmx-middle-dark-input:focus {
    background-color: #14121d;
}

/* Navbar */

.lmmx-style .navbar.lmmx-warning-navbar .nav-item.active a {
    border-bottom-style: solid;
    border-bottom-color: #ff920a;
}

.lmmx-style .navbar.lmmx-primary-navbar .nav-item.active a {
    border-bottom-style: solid;
    border-bottom-color: #ff5f0a;
}

.lmmx-style .navbar.lmmx-warning-navbar .nav-item.show a {
    border-bottom-style: solid;
    border-bottom-color: #ff920a;
}

.lmmx-style .navbar.lmmx-primary-navbar .nav-item.show a {
    border-bottom-style: solid;
    border-bottom-color: #ff5f0a;
}

/* Footer */

.lmmx-style .lmmx-landing-footer {
    background-color: #100f11;
}

.lmmx-style .lmmx-landing-footer .container {
    width: 100% !important;
    max-width: initial !important;
}

/* Icons */

.lmmx-style .lmmx-next-icon {
    content: url("../../img/icon-next-lamensajeriamx--la-mensajeria-mx-envios-en-monterrey-y-area-metropolitana--entregas-guias.png");
}

.lmmx-style .lmmx-play-icon {
    width: 50px;
    content: url("../../img/icon-play-lamensajeriamx--la-mensajeria-mx-envios-en-monterrey-y-area-metropolitana--entregas-guias.png");
}

.lmmx-style .lmmx-quote-icon {
    width: 75px;
    content: url("../../img/icon-quote-lamensajeriamx--la-mensajeria-mx-envios-en-monterrey-y-area-metropolitana--entregas-guias.png");
}


/* Inputs */

.lmmx-style .input-group input.lmmx-middle-dark-input {
    background-color: #14121d;
}

.lmmx-style .form-group input.lmmx-middle-bright-input {
    background-color: #f1f1f1;
}

.lmmx-style input.lmmx-search-address-input{
    background-color: #ffffff;
    text-overflow: ellipsis;
    width: 400px;
}

/* Links */

.lmmx-style a.lmmx-warning-link-hover:hover {
    color: #ff920a;
}

.lmmx-style a.lmmx-primary-link-hover:hover {
    color: #ff5f0a;
}

/* Positions */

.lmmx-style .landing-element-position-1 {
    top: -100px;
}

.lmmx-style .landing-element-position-2 {
    bottom: -200px;
}

.lmmx-style .lmmx-play-buttons-position {
    position: relative;
    bottom: 25%;
}

.lmmx-style .lmmx-vehicles-image-xs-position {
    position: relative;
    right: 25%;
    max-width: 150%;
}

/* Texts */

.lmmx-style .lmmx-dark-text {
    color: #000000;
}

.lmmx-style .lmmx-middle-dark-text {
    color: #14121d;
}

.lmmx-style .lmmx-bright-text {
    color: #ffffff;
}

.lmmx-style .lmmx-middle-bright-text {
    color: #f1f1f1;
}

.lmmx-style .lmmx-top {
    z-index: 9999 !important;
}


#scroll-to-top {
    position:fixed;
    right:20px;
    bottom:20px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#f74d34;
    text-indent:-9999px;
    /*display:none;*/
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    z-index:9999;
}
#scroll-to-top span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}

#scroll-to-top:hover {
    background-color:greenyellow;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
#scroll-to-top:hover span{
    border-bottom-color:#222;
}