/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}
/* .uk-card-default {background-color: transparent !important; box-shadow: none; } */
::selection {color: white; background-color: #FBBF1A;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}





/* Generals */
ul li {list-style: none;}
html, body {  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto; text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto; color: #5A5E5B; font-size: 1rem; line-height: 1.6; margin-top: 0; }
h1 {font-size: 2.2rem;}
h1, h2, h3 {font-family: "Gabarito", sans-serif; font-optical-sizing: auto;  margin-bottom: 5px; margin-top: 0px;line-height: 1.2; font-weight: 700;}
h4, h5, h6 {font-family: "Gabarito", sans-serif; font-optical-sizing: auto;  margin-bottom: 5px; margin-top: 0px;line-height: 1.2; font-weight: 600;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-style: normal; }
h3 {font-size: 2rem;}
ul {padding-left: 0px;}
/* li {text-decoration:none; list-style-type: none; color: #323031;} */
.post ul li {text-decoration: initial !important;}
a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; word-wrap: break-word;}
a.white:hover {color: #FBBF1A !important;}
a span {display: inline-block;}
small {font-weight: 400 !important;}
ul li {color: #000000;line-height: 1.6;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
.uk-button{  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto; font-weight: 700; border:0;line-height: 1.5;font-size: 1rem; text-transform: initial; -webkit-appearance: none !important;border-radius: 50px; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out; padding: 1rem 3rem; }

.uk-light .uk-button-default {border-color: rgba(255,255,255,.0);}
   
    .uk-button-default{ background-color: white !important; color: #929292 !important; border: 1px solid white;}
    .uk-button-default:hover{ background-color:transparent !important; color:  white !important; border: 1px solid white;}

    .uk-button-primary{ background-color: white !important; color: #FBBF1A !important; border: 1px solid white;}
    .uk-button-primary:hover{ background-color:transparent !important; color:  white !important; border: 1px solid white;}

    .uk-button-secondary{ background-color: #FBBF1A !important; color: white !important; border: 1px solid #FBBF1A;}
    .uk-button-secondary:hover{ background-color:transparent !important; color:  #FBBF1A !important; border: 1px solid #FBBF1A;}

    .uk-button-tertiary{ background-color: #FBBF1A !important; color: white !important;border: 1px solid #FBBF1A;}
    .uk-button-tertiary:hover{ background-color:#3E3E3E !important; color:  white !important; border: 1px solid #3E3E3E;}

    .uk-button-cookies{ background-color: #3E3E3E !important; color: white !important;border: 1px solid #3E3E3E;}
    .uk-button-cookies:hover{ background-color:transparent !important; color:  #3E3E3E !important; border: 1px solid #3E3E3E;}

    .uk-button-link{ background-color: transparent !important; color: #3E3E3E !important; padding: 0; border: 0;}
    .uk-button-link:hover{ color: #FBBF1A !important;}


    /* .uk-button-download{ background-color: #FBBF1A !important; color: white !important; border: 1px solid #FBBF1A; width: 100%; text-align: center; border-radius: 0; padding: 2rem;}
    .uk-button-download:after{content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../../public/img/assets-sprite.svg); background-position: -0px -120px; position: absolute; background-size: 1000px 500px; margin-left: 4px;}
    .uk-button-download:hover{ background-color:#000000 !important; color:  white !important; border: 1px solid #000000;} */

/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;font-size: 0.9rem;}
    
    /* danger */
    .uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
    .uk-notification-message.uk-notification-message-danger .uk-close{color: white;}

    /* success */
    .uk-notification-message.uk-notification-message-success{background-color: #32d296;color: white;}
    .uk-notification-message.uk-notification-message-success .uk-close{color: white;}


/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.9rem;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

    /* form */
    .form {position: relative; z-index: 2;  z-index: 0;}
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{min-height: 40px; margin-top: 0px !important; padding: 10px; border: 0; background-color: transparent; box-shadow: none; border-radius: 0;  margin-bottom: 6px; color: #000000 !important; font-size: 1rem; border-bottom: 1px solid #000000;}
    .form .uk-select:not([multiple]):not([size]){background-color: transparent;  color: #000000 !important;}
    .uk-select:not([multiple]):not([size]) option {background-color: transparent !important; color: #000000 !important;}
    .bg-select-:focus {background-color: #000000 !important; color: #000000 !important;}
    .form p {color: #000000;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #000000 !important;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,/*.form select:focus,*/.form textarea:focus, .form select:focus{border-bottom: 1px solid #FBBF1A; background-color: transparent !important; color: #000000 !important;}
    .form select{font-size: 1rem; height: 40px !important; padding: 10px; border:0; width: calc(100% - 10px);  border-bottom: 1px solid #000000}
    .form textarea{margin-bottom: 10px;padding: 10px; color: #000000;}
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder 
    {color: #040f0c !important;font-size: 0.8rem;}
    .form small{color: #000000;}
    .form .uk-checkbox {border-color: #000000;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #040f0c !important;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #040f0c;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #FBBF1A;}    
    .form input:-webkit-autofill,
    .form input:-webkit-autofill:hover, 
    .form input:-webkit-autofill:focus
    .form textarea:-webkit-autofill,
    .form textarea:-webkit-autofill:hover
    .form textarea:-webkit-autofill:focus,
    .form select:-webkit-autofill,
    .form select:-webkit-autofill:hover,
    .form select:-webkit-autofill:focus { border-bottom: 1.5px solid #000000; -webkit-text-fill-color: #000000; -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #000000 !important; font-size: 0.8rem;}
    form, input:focus::placeholder { color: transparent;}

    .uk-form-danger, .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}


/* Icons */
.icon{background-image: url('../../public/img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;}

.icon.scroll {width: 30px;height: 30px;background-position: -125px -0px;}

.icon.arrow-download {width: 20px;height: 20px;background-position: -0px -120px; top: 10px; position: relative;}

.icon.facebook-footer:hover {width: 30px;height: 30px;background-position: -85px -0px;top: -0px; position: relative;}
.icon.twitter-footer:hover {width: 30px;height: 30px;background-position: -115px -0px; top: -0px; position: relative;}
.icon.youtube-footer:hover {width: 30px;height: 30px;background-position: -145px -0px; top: -0px; position: relative;}
.icon.facebook-footer {width: 30px;height: 30px;background-position: -85px -60px;}
.icon.twitter-footer {width: 30px;height: 30px;background-position: -115px -60px;}
.icon.youtube-footer {width: 30px;height: 30px;background-position: -145px -60px;}



.icon.menu-info {width: 25px; height: 30px; background-position: -0px -90px; position: relative;} 
.icon.map {width: 40px; height: 40px; background-position: -0px -160px; position: relative; top: 10px;} 
.icon.share {width: 20px; height: 20px; background-position: -20px -140px; position: relative; top: 5px; left: 5px;} 

.icon.bike {width: 36px; height: 35px; background-position: -0px -170px; position: relative; } 
.icon.moto {width: 36px; height: 36px; background-position: -36px -170px; position: relative; } 
.icon.check {width: 20px; height: 20px; background-position: -210px -75px; position: relative; } 
.icon.cross {width: 20px; height: 20px; background-position: -230px -75px; position: relative; } 

.icon.phone {width: 40px; height: 40px; background-position: -309px -0px; position: relative; } 
.icon.share {width: 40px; height: 40px; background-position: -349px -0px; position: relative; } 
.icon.komoot {width: 40px; height: 40px; background-position: -389px -0px; position: relative; margin-top: -7px; } 




.icon.duracion {width: 36px; height: 36px; background-position: -0px -210px; position: relative; top: 10px; margin-right: 5px;} 
.icon.km {width: 36px; height: 36px; background-position: -36px -210px; position: relative; top: 10px; margin-right: 5px;} 
.icon.desnivel {width: 36px; height: 36px; background-position: -72px -210px; position: relative; top: 10px; margin-right: 5px;} 
.icon.nivel-1 {width: 36px; height: 36px; background-position: -108px -210px; position: relative; top: 10px; margin-right: 5px;} 
.icon.nivel-2 {width: 36px; height: 36px; background-position: -144px -210px; position: relative; top: 10px; margin-right: 5px;} 
.icon.nivel-3 {width: 36px; height: 36px; background-position: -180px -210px; position: relative; top: 10px; margin-right: 5px;} 





        /* menu */
        .uk-navbar-container {background-color: transparent !important; }
        .uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent !important; height: 60px;float: left; width: 100%; }
        .uk-navbar-container.uk-navbar{height: 80px;z-index:5;background-color: transparent; padding-left: 40px; padding-right: 40px; width: 100%;box-sizing: border-box;}
        .uk-navbar-left {width: auto; height: 80px; float: left; }
        .uk-navbar-right {background-color: transparent; float: right; height: 80px; /* margin-right: 13px; */}

        .menu-container{width: 100%;text-align: center;}
        .uk-navbar-container.uk-active {height: 80px;}
        .uk-navbar-container.uk-active .uk-navbar-nav#main-menu {height: 80px;}
        .uk-navbar-container.uk-active .uk-navbar-nav#main-menu li a {height: 80px;}
        .uk-navbar-container.uk-active .has-dropdown:after {top: 39px;}
  
        .uk-navbar-nav .uk-active {color:#FBBF1A;   }
        .uk-navbar-nav#main-menu {margin: 0 auto;display: inline-flex; height: 60px;}
        .uk-navbar-nav#main-menu li a{ margin:0 10px;  height: 60px;}
        .uk-navbar-nav#main-menu li.menu-info {background-color: #FBBF1A;-webkit-transition: ease-in-out, .30s ease-in-out;transition: ease-in-out, .30s ease-in-out;}
        .uk-navbar-nav#main-menu li.menu-info:hover {background-color: #000000;}
        .uk-navbar-dropdown {padding: 0px !important;}
        .uk-navbar-nav#main-menu .lang .uk-navbar-dropdown a {color: #000000; }
        .uk-navbar-nav#main-menu .lang .uk-navbar-dropdown a:hover {color: #FBBF1A;}
        .uk-navbar-nav>li a{font-weight: 700;text-transform: initial; color:white; padding: 0px 0px 0px 0px; font-size: 1.1rem;  font-family: "Gabarito", sans-serif;
        font-optical-sizing: auto;min-height: 50px;align-items: center;display: flex; }
        li.lang.has-dropdown a{padding-right: 0;   font-family: "Gabarito", sans-serif;
        font-optical-sizing: auto; color: #000000; padding-left: 10px; margin-right: 0 !important;}
        li.lang.has-dropdown a:hover {color: #FBBF1A !important;}
        .uk-navbar-nav>li.uk-active>a{color: #000000 !important;}
        .uk-navbar-nav>li>a:hover{color: #000000 !important;}
        .uk-navbar-dropdown-nav>li>a{ color: #FBBF1A; height: auto;}
        .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #000000; background-color: #eceae7;}
        .uk-navbar-nav#main-menu .uk-nav.uk-navbar-dropdown-nav li {text-align: center;}
        .uk-navbar-nav#main-menu .lang .uk-nav.uk-navbar-dropdown-nav li a {height: auto;}
        .uk-navbar-nav#main-menu .uk-nav.uk-navbar-dropdown-nav li a{margin: 0px; padding: 0px 15px; text-align: center !important; width: inherit; height: 20px; display: grid; border-bottom: 1px solid #FBBF1A;}
        .uk-navbar-nav#main-menu .uk-nav.uk-navbar-dropdown-nav li a:hover{background-color: #FBBF1A; color: white !important;}
        .uk-navbar-nav#main-menu .uk-nav.uk-navbar-dropdown-nav li:last-child a {border-bottom: 0px }
        .uk-nav.uk-navbar-dropdown-nav {position: relative; z-index: 5; text-align: center !important;}
        .uk-navbar-dropdown-nav>li>a:hover {background-color: #FBBF1A; color: white !important;}
        .uk-navbar-dropdown{position: absolute; }
        .uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {z-index: 100000;left: 0px; top: -5px;}
        .uk-navbar-dropdown.uk-open{background-color: rgba(255, 255, 255, 1);}
        .uk-navbar-toggle {color: white  !important; }
        .uk-navbar.uk-active .uk-navbar-toggle {color: #FBBF1A !important;z-index: 5; }
        .has-dropdown{position: relative; }
        .has-dropdown {padding-right: 0;}
        .uk-navbar-dropdown {width:auto; } 
        .uk-navbar-dropdown.categories {width: 200px;}
        .uk-navbar-dropdown.routes {width: 300px;}
        .uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; right: -5px; background-size: 1000px 500px;}
        .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 29px; right: -5px; background-size: 1000px 500px;}
        .has-dropdown.lang:after{content: ""; display: inline-block; width: 10px; height: -5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 29px; right: -15px; background-size: 1000px 500px; display: none;}
        .uk-navbar.uk-active .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px 1px; position: absolute; background-size: 1000px 500px; right: -15px; display: none;}
        .bm-waves a{padding: 0 !important;font-size: 0 !important;}
        .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
        .bm-waves span{display: block; z-index: 4;  position: relative; width: 180px; height: 60px;background-image: url(../../public/img/logo-header.svg); background-size: contain; background-repeat: no-repeat; position: relative; top: 0px;}
    
        .menus-langs li a{padding: 0 5px;opacity: 0.7;}
        .menus-langs li a:hover{opacity: 1;}


        .uk-navbar-container.uk-active{background-color: #FBBF1A !important;width: 100vw !important; height: 80px;  z-index: 5;padding: 0 40px;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);}
        .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 80px; padding-left: 20px; box-shadow: none; }
        .uk-navbar-nav>li>a:active{color: #999; }
        .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #000 !important;}
        .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: white;}
        .uk-navbar-container.uk-active .menu-container .uk-navbar-nav>li>a{margin-top: 15px !important;}
        .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #000 !important;} 
        .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
        /* .uk-navbar-container.uk-active .bm-waves span {display: block; z-index: 4; position: relative; width: 150px; height: 73px; background-image: url(../../public/img/logo-header.svg); background-size: contain; background-repeat: no-repeat; position: relative; top: 0px;} */
        .uk-navbar-container.uk-active .bm-waves span {background-image: url(../../public/img/logo-header.svg);}
        .uk-navbar-container.uk-active .uk-button-menu {color: #999 !important;}
        .uk-form-div{position: relative;padding: 0 !important;}    
        .uk-button-menu svg:not(:root) {width: 50px; height: 50px;}
        .uk-button-menu svg:not(:root) rect {height: 1px !important;}
        .menu .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve),  #book .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {display: none;}
        
        .uk-navbar-dropdown.lang {background: transparent; box-shadow: none;}
        .uk-navbar-dropdown.lang:hover {display: inline !important;}
        .uk-navbar-dropdown.lang.has-dropdown a {display: contents;}
        .uk-navbar-dropdown.lang ul li {display: contents !important;}
        .has-dropdown.menu-large {position: relative; top: 0px; left: 0px; list-style: none;}
        .menu-large a {font-size: 0.9rem; text-transform: uppercase; color: #fff5db;   font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto; letter-spacing: 2px;}
        .menu-large .uk-navbar-dropdown-nav>li>a {color: #fff5db;}
        .menu-large a:hover .uk-navbar-dropdown {display: contents !important;}
        li.menu-large:hover .uk-navbar-dropdown {display: contents !important;}
        .menu-large .uk-nav.uk-navbar-dropdown-nav {display: inline-flex; color: #fff5db;}
        .menu-large .uk-navbar-dropdown-nav>li>a:hover, .menu-large .uk-navbar-nav>li>a.uk-open {color: #040f0c !important;}
        .uk-navbar.uk-active .menu-large a {color: #040f0c;}
        .uk-navbar.uk-active .menu-large a:hover {color: #eceae7 !important;}
        .uk-navbar.uk-active .menu-large .uk-navbar-dropdown-nav>li>a {color: #040f0c;}
        a.lang-list:before {content: "|"; display: inline-block; color: #fff5db; padding: 0 4px 0 7px;}
        a.lang-list.first:before {display: none;}
        .uk-navbar.uk-active a.lang-list:before {color: #040f0c;}

            /* CATEGORIES */
            .uk-navbar-dropdown.uk-open.fixed {width: 100vw; max-width: 100vw; top: 59px !important; left: 0 !important; position: fixed;}
            .uk-navbar-dropdown.uk-open.fixed h3 {font-size: 1rem; font-weight: 500; margin-top: 0;}
            .uk-navbar-dropdown.uk-open.fixed .bg-img-menu {min-height: 60px; height: 60px; width: 100px; display: block; background-position: center; background-repeat: no-repeat; background-size: cover;}
            .uk-navbar-dropdown.uk-open.fixed li {border-right: 1px solid #FBBF1A;}
            .uk-navbar-dropdown.uk-open.fixed li:hover h3 {color: #FBBF1A;}
            .uk-navbar-dropdown.uk-open.fixed li.catagories.bike a {margin: 0;}
            .uk-navbar-dropdown.uk-open.fixed li.catagories.bike .bg-img-menu {margin: auto;}
            
            .uk-nav li>a>* {flex: auto;}

            
            .offices .uk-navbar-dropdown {width: 200px;}

           /* MENU LANG */
           #menu .mm-icon{position: relative;width:45px;height: 60px;background-image: url('../../public/img/assets-sprite.svg');display: inline-block;vertical-align: middle; background-size: 1000px 500px; background-color: transparent;}
           #menu .icon-es{background-position: -800px -0px; }
           #menu .icon-en{background-position: -800px -60px; }
           #menu .icon-de{background-position: -800px -120px; }
           #menu .icon-ca{background-position: -800px -180px; }
           #menu .icon-it{background-position: -800px -240px; }
           #menu .icon-fr{background-position: -800px -300px; }
           #menu .uk-dropdown {min-width: 70px; right: 50px;}
           #menu .lang-dropdown {background-color: transparent !important; border: 0; height: 80px; margin-left: 20px;}

      

/* HACKS */
.clear{clear: both;}

.overlay-header {
    position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
    background: transparent;
    background: -webkit-linear-gradient(to top, transparent 5%, #999 100%);
    background: -moz-linear-gradient(to top, transparent 5%, #999 100%);
    background: linear-gradient(to top, transparent 5%, #999 100%);}

.overlay-left {
    position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply;
    background: transparent;
    background: -webkit-linear-gradient(to left, transparent 25%, #999 100%);
    background: -moz-linear-gradient(to left, transparent 25%, #999 100%);
    background: linear-gradient(to left, transparent 25%, #999 100%);}



.bg-primary {background-color: #FBBF1A !important;}
.bg-secondary {background-color: #929292 !important;}
.bg-dark {background-color: #3e3e3e !important;}
.bg-light {background-color: #F2F2F2 !important;}
.bg-white {background-color: #ffffff  !important;}

.primary {color: #FBBF1A  !important;}
.secondary {color: #929292 !important;}
.dark {color: #3e3e3e  !important;}
.white {color: #ffffff  !important;}

.light {color: #F2F2F2;}


.shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.b-radius {border-radius: 20px 20px 0px 0px;}
.vertical-text {writing-mode: vertical-lr; transform: rotate(180deg);}
.uk-divider-small::after {border-top: 5px solid #000000;}
.uk-divider-small.white::after {border-top: 5px solid #ffffff;}
.b-left.white {border-left: 1px solid white;}
.no-spacing {letter-spacing: 0 !important;}
.text-initial {text-transform: initial !important;}
/* .uk-table td {padding: 5px 10px;} */
.container-download {margin-top: -3rem;}
.box-shadow {box-shadow: 0 14px 25px rgb(0 0 0 / 16%);}
.big {font-size: 2.5rem;}
.xbig {font-size: 3rem;}


 /* box-shadow: -40px 0px 80px -80px rgb(0 0 0 / 16%), 40px 0px 80px -80px rgb(0 0 0 / 16%); */
    /* box-shadow: 6px 0 4px -4px rgb(0 0 0 / 16%), -6px 0 4px -4px rgb(0 0 0 / 16%); 
    -moz-box-shadow: 6px 0 4px -4px rgb(0 0 0 / 16%), -6px 0 4px -4px rgb(0 0 0 / 16%); 
   -webkit-box-shadow: 6px 0 4px -4px rgb(0 0 0 / 16%), -6px 0 4px -4px rgb(0 0 0 / 16%);}  */

   /* box-shadow: 0 14px 25px rgb(0 0 0 / 16%);*

/* new datedropper */
.mototravel-theme { --dd-overlay:rgba(0, 0, 0, .75); --dd-background:#FFFFFF;--dd-text1:#26272E;--dd-text2:#FFFFFF;--dd-primary:#FBBF1A;--dd-gradient:linear-gradient(45deg, #FBBF1A 0%, #FBBF1A 100%);--dd-radius:16px;--dd-shadow:0 0 2.5em rgba(0, 0, 0, 0.1);--dd-range:rgba(0, 0, 0, 0.05);--dd-monthBackground:var(--dd-gradient);--dd-monthText:var(--dd-text2);--dd-monthBorder:transparent;--dd-confirmButtonBackground:var(--dd-gradient);--dd-confirmButtonText:var(--dd-text2);--dd-selectedBackground:var(--dd-gradient);--dd-selectedText:var(--dd-text2);}
div.datedropper {--dd-color1: #FBBF1A !important;}


/* PRELOADER */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: #FBBF1A; top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 75px);left: calc(50vw - 75px);width: 150px;height: 150px;-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;}

@keyframes heartbeat{ 0%{transform: scale( .95 );opacity:0.6;} 15%{transform: scale( 1 );opacity:1;} 30%{transform: scale( .95 );opacity:0.6;} 45%{transform: scale( 1 );opacity:1;} 80%{transform: scale( .95 );opacity:0.6;} 100%{transform: scale( .95 );opacity:0.6;}}

/* BREADCRAMBS */
.uk-breadcrumb {margin-bottom: 3vh;}

/* BUSCADOR */
.buscador {z-index: 1; position: relative;}
/* .buscador.home {margin-top: -180px; width: 360px; padding-left: 10%;} */
.product .buscador.home {margin-top: 0px; width: 100%; }
.product .buscador.home .uk-grid { /* box-shadow: 0 14px 25px rgba(0, 0, 0, .16); */ box-shadow: 0 5px 15px rgba(0, 0, 0, .08);}

.buscador.home {margin-top: -180px; width: 100%; }
.buscador.home .uk-tab {margin-left: 0;}
/*.buscador .icon-selector {padding: 15px 10px 5px;}*/
.buscador .icon-selector {background-color: #3E3E3E;}
.buscador .icon-selector.uk-active {background-color: #FBBF1A;}

.buscador.home .icon.bike {margin: 10px;}
.buscador.home .icon.moto {margin: 10px;}
.buscador.home .form .uk-select:not([multiple]):not([size]) {color: #000 !important;}
.buscador.home .border-bottom {border-bottom: 1px solid #FBBF1A;}
.buscador.home .form input[type=text], .buscador.home .form input[type=email], .buscador.home .form input[type=number], .buscador.home .form select, .buscador.home .form textarea {border-bottom: 1px solid #FBBF1A; font-size: 1rem; color: #000 !important}
.buscador.home  .form input[type=text]::placeholder,.buscador.home  .form input[type=email]::placeholder,.buscador.home  .form input[type=number]::placeholder,.buscador.home .form select,.buscador.home  .form textarea::placeholder {color:  #000 !important; font-size: 1rem;}
.buscador.home .uk-button.uk-button-buscador {padding: 1rem 2rem; width: 100%; background-color: #FBBF1A; color: white;}
.buscador.home .uk-button.uk-button-buscador:hover { background-color: #000;}

.buscador .uk-tab>.uk-active>a {border-right: 0;}
.buscador .uk-tab>.uk-active.bg-red>a {background-color: #3E3E3E;}
.buscador .uk-tab-left>*>a {padding: 11px 30px;}
.buscador .form .b-right {border-right: 1px solid white;}
.buscador .form input[type=text]::placeholder,.buscador .form input[type=email]::placeholder,.buscador .form input[type=number]::placeholder,.buscador .form select,.buscador .form textarea::placeholder {color: white !important;}
.buscador .form input[type=text]:focus, .buscador .form input[type=email]:focus, .buscador .form input[type=number]:focus, .buscador .form textarea:focus{border: 0;}
.buscador .form select:focus {border-bottom: 1px solid #3E3E3E;}
/* .buscador div.datedropper {--dd-color1: #FBBF1A !important;} */
.buscador .form input[type=text], .buscador .form input[type=email], .buscador .form input[type=number], .buscador .form select, .buscador .form textarea {color: white !important; border-bottom: 0; margin-bottom: 0; min-height: 30px;}
.buscador .form .b-datepicker {top: 0px !important; width: calc(100% - 21px); position: absolute; opacity: 0;}
.buscador .uk-button-send {color: white; width: 100%; height: 100%; border-radius: 0;padding-top: 50px;}
.buscador .uk-button-send:hover {background-color: #3E3E3E; color: white !important; }
.buscador .uk-button-send span {width: 100%; height: 100%;}
.buscador .form .uk-select:not([multiple]):not([size]) {color: white !important; height: 50px !important; background-image: none;}
.buscador .form .uk-select:not([multiple]):not([size]):after {content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px 1px; position: absolute; background-size: 1000px 500px; right: -15px; }
.buscador .form .dates-container{margin-top: 20px; height: 50px;}



.buscador .form input[type=text], .buscador .form input[type=email], .buscador .form input[type=number], .buscador .form select, .buscador .form textarea {font-size: 0.8rem;}
/* .buscador .bg-dark {height: 126px;} */
/* .buscador .uk-tab-left.uk-tab {height: 100%; padding-top: 50%;} */
.buscador .uk-tab-left::before {border: 0;}
.buscador .date-ida {font-size: 0.8rem; color: white; padding: 15px 10px 10px 10px; }
.buscador .datedropper {margin-top: 10px; height: 50px; position: relative !important;}

/* .buscador .date-ida .day-ida, .buscador .date-vuelta .day-vuelta {font-weight: 400; color:#000000 !important; font-size: 2rem; font-family: "proxima-nova",sans-serif; line-height: 2;}
.buscador .date-ida .month-ida, .buscador .date-vuelta .month-vuelta{font-size: 0.9rem; color: #000000 !important; font-family: "proxima-nova",sans-serif; position: absolute;  font-weight: 600; text-transform: capitalize;top: 22px;left: calc(50% + 5px);}
.buscador .date-ida, .date-vuelta {text-align: center; background-color: #68bc29;} */

    /* no dispo */
    .feed-no-disp{overflow-x: scroll;overflow-y: hidden; z-index: 1; position: relative;}
    .feed-no-disp .feed-no-disp-grid{width: 100%;}
    .feed-no-disp .feed-ind{width: 200px;float: left;margin-top: 25px;}
    .feed-no-disp .feed-ind .ind-text{margin: 10px;padding-bottom: 10px;}
    .feed-no-disp .feed-ind .ind-text h3{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 1.2rem;}
    .feed-no-disp .feed-ind .ind-text h4{ font-size: 1rem;}
    .feed-no-disp .feed-ind .ind-text small{ font-size: 0.8rem;}
    .feed-no-disp .feed-ind .uk-button{width: 100%;text-align: center;display: block;margin: 0;}
    .feed-no-disp .feed-ind .ind-img {min-height: 20vh; background-position: center; background-size: contain; background-repeat: no-repeat;}





/* HEADER */
.page .uk-navbar-container.uk-navbar {background-color: #FBBF1A !important;}
/* .page .header {height: 60vh;} */
.header{height: 70vh; background-position: center; background-size: cover; margin-top: 0px; display: block; }
.header-text {position: absolute; bottom: 10vh; left: 10vh;  max-width: 700px; width: 100%; }
.header-text h1{color: white;z-index: 1; font-size: 3.5rem; line-height: 1;}
.header-text h3{color: white; margin-top: 10px;}
.home .header .bg-img {min-height: 70vh;}

/* GENERALS */
.section {padding: 10vh;}
.section-small {padding: 5vh;}
.text {position: relative; z-index: 2;}
h1 {font-size: 2.4rem;}

/* HOME */


/* ABOUT */
.about .featured.uk-box-shadow-medium {box-shadow: 0 0px 25px rgba(0,0,0,.16);}

/* PRODUCT */
.product .header {height: auto; }
.product .uk-table tbody tr {border-bottom: 1px solid white ;}
.product .uk-table td {font-size: 1rem;}
.product .more-info .uk-accordion-title {font-size: 1.5rem; color: #000; font-weight: 600;}
.product .more-info .uk-accordion-title::before {border: 1px solid #000; border-radius: 20px;}
.product .more-info .uk-accordion-content p {color: #000;}
.product .more-info hr {border-top: 1px solid #000;}



/* Cookies */
#cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6);}
#cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 500px;transform: translateX(-50%) translateY(-50%);background-color: white;}
#cookieMessage p{margin-bottom: 0;color: #444;}
#cookieMessage .uk-link{margin-top: 20px;color: #1A1A1A;display: inline-block;padding: 10px;vertical-align: middle;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;}
#cookieClose:hover{color: #fff;}
#cookieNone{margin-top: 20px;}
#modal-cookies h4.uk-modal-title{font-size: 1rem;}
#modal-cookies .uk-link{color: #1A1A1A;display: inline-block;padding: 20px;vertical-align: middle;}
#modal-cookies .uk-checkbox{border-color: #1A1A1A !important;}
#modal-cookies .uk-checkbox:checked{background-color: #1A1A1A;}
#modal-cookies .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;}
.uk-button-accept{ background-color: #FBBF1A; color: white !important; border: 1px solid #FBBF1A; padding: 10px 20px !important;}
.uk-button-accept:hover{background-color: white; color: #1A1A1A !important; }
.uk-button-decline{ background-color: white; color: #FBBF1A !important; border: 1px solid #FBBF1A; padding: 10px 20px !important;}
.uk-button-decline:hover{ background-color: #1A1A1A; color: white !important; border: 1px solid #1A1A1A; }
.uk-button-decline-all{ background-color: #1A1A1A; color: white !important; border: 1px solid #1A1A1A; padding: 10px 20px !important;}
.uk-button-decline-all:hover{background-color: white; color: #FBBF1A !important; }


  /* cookies i aviso legal */
  .cookies .header {background-position: center; position: relative; background-image: url('../../public/img/bg-cookies.jpg');background-size: cover; background-repeat: no-repeat; }
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; }
  .cookies .uk-link, a {color: #000000;}
  .cookies .uk-link, a:hover {color: #FBBF1A;}



  /* footer */
  
  footer p{color: #fff;margin-bottom: 0;}
  footer li {  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto; color: #fff; list-style: none !important; font-size: 1rem; font-weight: 400;}
  footer li a {  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto; color: #fff; list-style: none !important; font-size: 1rem; font-weight: 700;}
  footer li b{font-size: 1rem;margin-bottom: 5px;display: block;}
  footer li a:hover {color: #FBBF1A;}
  footer small {font-size: 0.7rem;}
  footer.section {padding: 5vh;}
  footer .logo-small {max-width: 180px; margin-top: 15px;}
  footer .logo-medium {max-width: 190px;}
  footer .logo-big {max-width: 270px;}


  .footer-logo img{width: 100%; width: 170px;}
  footer .social {position:relative; margin-top: 0;}
  footer .social li {list-style: none !important;display: inline-block;}
  footer .social li a{display: inline-block; margin: 0 3px;font-size: 0;}
  footer .social li a:hover{opacity: 0.7;}
  .footer-menu{float: right;}
  .footer-menu .fm-heading{font-weight: 700;}
  .footer-submenu{float: right; margin-top: 20px;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content:'·';display: inline-block;margin-left: 5px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: #fff;font-size: 0.8rem;padding: 0;font-weight: 400;}
  .footer-submenu li a:hover{color:#fff;}
  .copyright{font-size: 0.9rem; color: #fff;}
  .autor{float: right; text-align: right; font-size: 0.8rem; color: #fff;}
  .autor p{float: right; text-align: right; color: #fff !important;font-size: 0.7rem;} 
  .autor a{color: #eceae7;font-weight: 400;}
  .autor b {font-weight: 700;}

  /* footer .container-logos {min-width: 400px;} */

/* Media queries */
@media only screen and (min-width: 1600px){

}

@media only screen and (min-width: 1200px){

}

@media only screen and (max-width: 1599px){ /* x-large */

    .feed h3.big {font-size: 10vh !important; margin-bottom: -27px;}
    
}



@media only screen and (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .section-large {padding: 10vh !important;}
  .text.section-text {padding: 3vh !important;}
  .order-1 {order: 1; -webkit-order: 1;}
/*   .order-2 {order: 1; -webkit-order: 1;} */

    /* GENERIC */
    h3 {font-size: 1.6rem;}
    .feed h3.big {font-size: 8vh !important; margin-bottom: -27px;}

    /* FEEDS */
    .feeds .feed .fb-ind .bike-img {margin-left: 0; padding: 0;}


 /* MENU */
 .menu-header .menu a{font-size: 0.9rem;}
 .is-stuck .header-logo{width: 230px;}
 .uk-navbar-nav>li>a{ min-height: 45px;}
 .uk-navbar-container{height: auto;}
 .uk-navbar-right{width: 100%;display: block; height: auto; margin-top: 0; padding-right: 0; }
 .uk-navbar-left{display: inline-block;}
 .uk-navbar-nav#main-menu{display: none; position: absolute; top: 80px; left: 0; padding: 40px 40px 0 20px;; width: calc(100% - 60px); background-color: #f8f8f8;  min-height: calc(100vh - 120px); height: 100%; z-index: 3; }
 .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
 .uk-navbar-nav li{width: calc(100% - 15px);text-align: left; display: inline-table; height: 50px;}
 .uk-navbar-nav li a{display: block;height: auto; }
 .uk-navbar-toggle{height: 80px;float: right;z-index: 4;position: relative;}
 
 .uk-navbar-toggle .uk-icon>* {width: 40px; height: 40px;}

 .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #eee;}
 .uk-navbar-toggle-icon{margin-right: 10px;width: 30px;}
 .header-search{margin-top: 0 !important;width: 100%;}
 .uk-navbar-container .bm-waves span {width: 155px; background-size: contain; height: 70px; margin-top: 12px; background-image: url(../../public/img/logo-header.svg);} 
 .uk-navbar.uk-active .uk-navbar-toggle{color: white !important;}
 .uk-navbar .uk-navbar-toggle:hover{color: #000000 !important;}
 .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #000000 !important; font-size: 1rem;}
 .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #FBBF1A !important;}
 .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #000000 !important;}
 .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -36px -5px; position: absolute; top: 18px; left: 100px; background-size: 1000px 500px;}
 .uk-navbar-dropdown-nav {margin-left: 20px !important;}
 .uk-navbar-container.uk-navbar {background-color: #FBBF1A !important; height: 80px;padding-left: 20px; padding-right: 20px;}
 .uk-navbar-container.uk-active .uk-navbar-right {margin-top: 0; background-color: transparent; padding-right: 0vh;}
 .uk-navbar-nav>li.uk-active>a>span  {padding-bottom: 5px; margin-left: 0;} 
 .uk-navbar-right {box-shadow: none;} 
 .page .uk-navbar-nav#main-menu li a:hover {color: #FBBF1A !important;}
 .uk-nav-parent-icon>.uk-parent>a::after {position: absolute; right: 20px;}
 .uk-navbar-nav#main-menu li a {height: 50px; margin: 0;}
 .uk-navbar-nav#main-menu .uk-nav-sub li a {height: 30px; min-height: auto;}
 .uk-navbar-container.uk-active .uk-navbar-nav#main-menu {min-height: calc(100vh - 120px); }
 .uk-navbar-container.uk-active .uk-navbar-nav#main-menu li a {height: 50px;}
 .uk-nav-default.uk-nav-parent-icon.uk-nav ul.uk-nav-sub {padding: 0 15px;}

 
  /* Moto Travel */
  .product-ind .header {height: auto;}


}

@media (max-width: 1024px){ /* ipad */
    .section {padding:5vh;}
    .section-small {padding: 5vh;}
    .section-intro {padding: 5vh;}
    .section-large {padding: 5vh!important;}

    /* Moto Travel */
    .product-ind .header-text {padding: 5vh !important; left: auto; top: auto;}


}


@media (max-width: 959px){ /* medium */


    /* GENERIC */
    h1 {font-size: 2rem;}
    .xbig {font-size: 2.2rem;}
    
    /* .form {padding-bottom: 5vh !important;} */
    .contact .map iframe {margin-top: 0; }
    .buscador .uk-button-send {padding: 20px;}

    .products .uk-navbar-container .bm-waves span, .product-ind .uk-navbar-container .bm-waves span,  .sales .uk-navbar-container .bm-waves span {background-image: url(../../public/img/logo-header.svg);}
    .products .uk-navbar-toggle, .product-ind .uk-navbar-toggle,  .sales .uk-navbar-toggle {color: #000000 !important;}
    .products .uk-navbar.uk-active .uk-navbar-toggle:hover, .product-ind .uk-navbar.uk-active .uk-navbar-toggle:hover, .sales .uk-navbar.uk-active .uk-navbar-toggle:hover{color: #000000 !important;}

    /* MOTOTRAVEL */
    .header-text {left: 5%;width: 85%;}
    .uk-tab>.uk-active>a {border-color: #FBBF1A !important;}
    .uk-tab>.uk-active>a:after, .uk-tab>*>a:after {display: none;}
    .uk-tab>*>a {color: #000000;}
    #locals-menu {top: -40px;}

    /* buscador */
    .buscador .bg-dark {height: 64px;}
    .buscador .uk-tab>* {width: calc(50% - 20px); }
    .buscador .uk-tab {margin-left: 0;}


    /* home */
    .home .header .bg-img {min-height: 35vh;}
    .home .sales .sales-text.right:before {display: none;}
    .home .sales .sales-text.right:after {display: none;}
    .home .sales .sales-text.left:after {display: none;}
    .home .sales .sales-text.left:before {display: none;}
    .home .pickup .bg-img h3.featured {font-size: 2.2rem;}

    .product .buscador.home {margin-top: 30px;}

    /* about */
    .about .shop-img-center {min-height: 50vh;}
    .about .featured-text h3 {font-size: 5rem;}

    /* product ind */


    footer .social {text-align: left;}
    footer p {text-align: left;}
    .footer-submenu {float: left;}
    .buscador .form {box-shadow: 0 5px 15px rgba(0, 0, 0, .08);}

            
}
@media (max-width: 767px){ /* medium-small */


}

@media only screen and (max-width: 639px){ /* small */
    h3 {font-size: 1.6rem;}
    .section{padding: 10% !important;}
    .section-small{padding: 10% !important;}
    .section.prices {padding: 5% !important;}
    .section-large {padding: 10% !important;}
    .uk-navbar-container.uk-active {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}

    /* GENERIC */
    .xbig {font-size: 1.8rem;}

        /* be-buscador */
        .sticky-buscador {height: 350px;}
        #buscador_reserva {height: 302px;}
        .date-ida, .date-vuelta {    border-bottom-left-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
        .b-title {border-right: 0;}
        .date-ida, .date-vuelta {border-bottom: 2px solid #FBBF1A;}
        .be-send { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 0px;}
        .product-ind .header-img .bg-img {min-height: 50vh;}
        .home .header .header-asset { max-width: 110px; bottom: -10px; }
    
        

    /* Moto Travel */
    .header-text h1 {font-size: 1.6rem;}
    .header-text h3 {font-size: 1.6rem;}
    .about .featured-text h3 {font-size: 3rem;}
    .products .intro .uk-margin-remove-top {margin-top: 30px !important;}
    .product-ind .header-bottom {height: 100%; padding-bottom: 20px;}


    
}
@media (max-width: 459px){ /* x-small */

    /* generics */
    .section{padding: 10% !important;}
    .section-small{padding: 5% !important;}

    

      
}