/* Developed entirely by staycreative.es */




/* 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: #ff003c;}


/* Generals */
html, body{font-family: futura-pt, sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
p{font-family: futura-pt, sans-serif;color: #232323;font-weight: 400; line-height: 1.4; font-size: 1.1rem; margin-top: 5px;}
h1, h2, h3, h4, h5, h6{font-family: futura-pt, sans-serif; font-weight: 700;font-style: normal; color: #232323; text-transform: inherit; line-height: 1.1;  }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: futura-pt, sans-serif; font-weight: 400;font-style: normal; color: #232323; display: block;}
ul {padding-left: 0px;}
/* li {text-decoration:none; list-style-type: none; color: #232323;} */
.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;}
small {font-weight: 400 !important;}
/*p b {font-size: 1rem; font-weight: 700;}*/
:focus {outline: none;}

/* Buttons */
.uk-button{ font-family: futura-pt, sans-serif; font-weight: 700; border:0;line-height: 1.5;text-transform: lowercase;font-size: 1rem;-webkit-appearance: none !important;border-radius: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 0; padding: 1.5rem 4rem; }


.uk-button-default{ background-color: #ff003c !important; color: white!important;border: 1px solid #ff003c; text-transform: lowercase; margin-left: -5vh; margin-top: -10vh;}
.uk-button-default:hover{background-color: white !important; color: #ff003c !important; border: 1px solid #ff003c; }
.uk-button-default.left{ background-color: #ff003c !important; color: white!important;border: 1px solid #ff003c; text-transform: lowercase; margin-left: -5vh; margin-top: -10vh;}
.uk-button-default.left:hover{background-color: white !important; color: #ff003c !important; border: 1px solid #ff003c; }
.uk-button-default.right{ background-color: #ff003c !important; color: white!important;border: 1px solid #ff003c; text-transform: lowercase; margin-right: -5vh; margin-top: -10vh;}
.uk-button-default.right:hover{background-color: white !important; color: #ff003c !important; border: 1px solid #ff003c; }


.uk-button-primary{background-color: #ff003c !important; color: white!important;border: 1px solid #ff003c; text-transform: lowercase; padding: 1rem 2rem;}
.uk-button-primary:hover{background-color: #171919 !important; color: white !important; border: 1px solid #171919; }
.uk-button-primary.block {display: table;}

.uk-button-modal{ background-color: #ff003c !important; color: white!important;border: 1px solid #ff003c; text-transform: lowercase; padding: 1rem 2rem;}
.uk-button-modal:hover{background-color: white !important; color: #ff003c !important; border: 1px solid #ff003c; }


.uk-button-occasion{ background-color: #ff003c !important; color: white!important;border: 1px solid #ff003c; text-transform: lowercase; width: 80%; margin-left: 10%; bottom: -30px; position: absolute;}
.uk-button-occasion:hover{background-color: white !important; color: #ff003c !important; border: 1px solid #ff003c; }


.uk-button-secondary{ background-color: black !important; color: white!important; display: -webkit-inline-box; text-transform: capitalize;}
.uk-button-secondary:hover{background-color: #ff003c !important; color: white !important;}

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


.uk-button-specs{ background-color: transparent !important; color: #ff003c!important;border: 0; padding: 0; text-decoration: underline; }
.uk-button-specs:hover{background-color: transparent !important; color: #171919 !important; }

.uk-button-specs-product{ background-color: transparent !important; color: white!important;border: 0; padding: 0; text-decoration: underline; }
.uk-button-specs-product:hover{background-color: transparent !important; color: #171919 !important; }



/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}

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

    /* form */
    /* .form {margin-bottom: 10vh;} */
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{min-height: 80px; margin-top: 0px !important; padding: 20px 20px 10px 50px;border:0;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0; color: #171919 ; font-size: 1rem; border-bottom: 1px solid white; }

    .ensaimadas .form input[type=text], .ensaimadas .form input[type=email], .ensaimadas .form input[type=number], .ensaimadas .form select, .ensaimadas .form textarea{ color: white; }
    /* .ensaimadas .form #embalaje {background-color: white !important;} */

    .form .uk-select:not([multiple]):not([size]){background-color: #ff003c; background-image: none; color: white !important;}

    .uk-select:not([multiple]):not([size]) option {background-color: white !important; color: #000000 !important;}
    .bg-select-white:focus {background-color: white !important; color: #000000 !important;}

    /* .form .ex:after {content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 38px; right: -15px; background-size: 1000px 500px;}  */
    .form p {color: white;}
    .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: white !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 #ff003c !important; /* background-color: #ff003c !important; */ color: #ff003c;}
    .form select{padding-right: 30px; font-size: 1rem; height: 80px !important; padding: 40px 20px 10px 50px;  border: 0; border-bottom: 1px solid white;}
    .form textarea{margin-bottom: 10px;padding: 40px 20px 10px 50px; color: white;}
    .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: #ff003c !important;font-size: 0.8rem;}
    .form small{color: white;float: left;margin-bottom: 10px; margin-top: 20px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: white;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #ff003c;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #ff003c;}
    .form .g-recaptcha{float: left; width: 100%; margin-bottom: 10px;}
    .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: 1px solid #171919; -webkit-text-fill-color: #171919; -webkit-box-shadow: 0 0 0px 1000px #ff003c inset; transition: background-color 5000s ease-in-out 0s;}
    /* .form .uk-button{margin: 40px 10px 10px 10px; float: right !important;  z-index: 1; position: relative; }
    .form .uk-button:hover {background-color: white !important;  color: #9c121c;}
    .form .uk-button-primary:focus, .uk-button-primary:hover {background-color: transparent; color: #9c121c;} */
    .uk-input:focus, /*.uk-select:focus,*/ .uk-textarea:focus {background-color: rgba(255, 255, 255, 0);}
    .uk-form-danger, .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}




/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(177,16,40,0.4);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay.dark{background-color: rgba(177,16,40,0.6);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-dark{background-color: rgba(26,26,26,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.shadow-img { box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.shadow { box-shadow: 0 0px 10px rgba(0,0,0,0.3);}
.anchor {font-size: 0 !important;    display: inline-block;}

.section{padding: 10vh;}
.section-max{padding: 20vh 10vh 10vh;}
.section-text{padding: 5vh;}
.section-img{padding: 0vh 10vh;}


/* Icons */
.icon{background-image: url('../../public/img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;}
.icon.cil{width: 40px; height: 40px; background-position: 0px -100px; position: relative; z-index: 1; }
.icon.pot{width: 40px; height: 40px; background-position: -40px -100px; position: relative; z-index: 1; }

.icon.mail{width: 30px; height: 30px; background-position: -0px -142px; position: relative; z-index: 1; }
.icon.print{width: 30px; height: 30px; background-position: -30px -142px; position: relative; z-index: 1; }
.icon.arrow{width: 30px; height: 30px; background-position: -60px -142px; position: relative; z-index: 1; }

.icon.ser-1{width: 100px; height: 100px; background-position: -0px -180px; position: relative; z-index: 1; }
.icon.ser-2{width: 100px; height: 100px; background-position: -100px -180px; position: relative; z-index: 1; }
.icon.ser-3{width: 100px; height: 100px; background-position: -200px -180px; position: relative; z-index: 1; }
.icon.ser-4{width: 32px; height: 32px; background-position: -0px -280px; position: relative; z-index: 1; }

.icon.moto{width: 40px; height: 40px; background-position: -0px -312px; position: relative; z-index: 1; }
.icon.calc{width: 50px; height: 50px; background-position: -0px -352px; position: relative; z-index: 1; margin-left: calc(50% - 25px);}

.icon.facebook{width: 30px;height: 30px;background-position: -215px -0px;}
.icon.facebook:hover{width: 30px;height: 30px;background-position: -215px -30px;}
.icon.instagram{width: 30px;height: 30px;background-position: -185px -0px;}
.icon.instagram:hover{width: 30px;height: 30px;background-position: -185px -30px;}



.scroll{display: none;}
.home .scroll{display: block;}

/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(38,38,38,0.8);position: fixed;left: 0;bottom: 0;text-align: center;padding: 0;z-index: 997;}
#cookieMessage{width: 90%;padding: 3px 0 3px 0;margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 5px;color: white;text-align: center;}
#cookieMessage a{font-size: 12px;color: white; font-weight: 700;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #cc2b36;margin-top: 6px;cursor: pointer;color: white !important;}

/* Politica Cookies */
.page-intro {word-wrap: break-word;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: #232323; top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 31px);left: calc(50vw - 112px); width: auto; height: 62px; width: 224px}


/* .header h1{color: white;  z-index: 1; margin-bottom: 0; font-weight: 600; font-size: 3rem; line-height: 1;}
.header h2{color: white;  z-index: 1; margin-top: 10px; font-weight: 400; margin-bottom: 0;} */
.is-stuck .header-logo{margin:10px;width: 300px;height: 32px;}
.page .header h1{margin: 10vh 5vh;}
.page .header .header-logo{background-image: url('../../public/img/logo-white.svg');margin: 20px 0 0 20px;width: 100px;height: 100px;}
.menu-bg{height: 90px;background-color: #232323;margin-top: -90px;}
.page-intro h1{text-align: left;color: #232323;font-weight: 700;margin-bottom: 0;}
.page-intro h1:after{display: none;}
.page-intro h1 span{display: block;font-size: 60%;}
.page-intro p{text-align: left;margin: 20px 0;}



    /* menu */
    .uk-navbar-container.uk-navbar{height: 80px;z-index:5;background-color: white; width: calc(100% - 60px); margin: 0 auto;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
    ul .uk-navbar-nav {width: 200px;}
    .uk-navbar-left {width: 210px;}
    .uk-navbar-right {background-color: transparent; height: 80px;}
    .home .uk-navbar-right {padding-right: 5vh;}
    .uk-navbar-nav .uk-active {color:#ff003c;}
    .uk-navbar-nav>li>a{height: 75px;font-weight: 400;text-transform: initial;color:#000000; padding: 0px 10px 0px 10px; font-size: 1rem; font-family: futura-pt, sans-serif; text-transform: uppercase;}
    li.lang.has-dropdown a{padding-right: 0;}
    .uk-navbar-nav>li.uk-active>a{color: #ff003c !important; font-weight: 700; }
    /* .uk-navbar-nav>li.uk-active>a>span {border-bottom: 3px solid #ff003c; width: 10px; padding-bottom: 25px; padding-right: 25px; margin-right: -25px; margin-left: -10px;} */
    .uk-navbar-nav>li>a.uk-active>a>span{border-bottom: 3px solid #ff003c; width: 10px; padding-bottom: 25px; padding-right: 25px; margin-right: -25px; margin-left: -10px;}
    .uk-navbar-nav>li>a:hover{color: #ff003c;}
    .uk-navbar-dropdown-nav>li>a{ color: #232323;text-transform: initial;height: auto;font-family: futura-pt, sans-serif; font-size:1rem;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #ff003c;}
    .uk-navbar-dropdown{position: absolute; }
    .uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {background-color: red;z-index: 100000;left: 0px; top: 65px !important;}
    .uk-navbar-dropdown.uk-open{background-color: rgba(245, 245, 245, 1);}
    .uk-navbar-toggle {color: white !important; }
    .uk-navbar.uk-active .uk-navbar-toggle {color: #232323 !important;z-index: 5; }
    .has-dropdown{position: relative; }
    .lang.has-dropdown {padding-right: 0;}
    .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg);     background-position: -53px 2px; position: absolute; top: 35px; right: -15px; background-size: 1000px 500px;}
    .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../../public/img/assets-sprite.svg); background-position: -53px 2px; position: absolute; top: 35px; right:0px; background-size: 1000px 500px;}
    .uk-navbar.uk-active .has-dropdown:after {background-position: -55px -7px; right: -3px;  }
    .uk-navbar.uk-active .lang.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; top: 36px; right: -15px; background-size: 1000px 500px;}
    /* .bm-waves { background-image: url('../public/img/logo-header.png'); height: 100px; width: 300px;} */
    /* .uk-navbar.uk-active .uk-navbar-nav#main-menu { padding-right: 0px; } */
    .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{width: 190px; height: 60px; background-image: url(../../public/img/logo-header.png); background-size: contain; background-repeat: no-repeat;  position: relative; z-index: 10; margin-top: 10px;}
    #book-now-button{background-color: #214c83;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
    .uk-navbar-container.uk-active{background-color: #171919 !important;width: 100vw !important; height: 80px;-webkit-box-shadow: 0px 0px 10px #171919; -moz-box-shadow: 0px 0px 10px #171919; box-shadow: 0px 0px 10px #171919; z-index: 5;}
    .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 80px; padding-left: 20px; box-shadow: none; padding-right: 20px;}
    .uk-navbar-nav>li>a:active{color: #214c83; }
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: white ; }
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #ff003c ;} 
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a.uk-active {color: #ff003c !important;} 
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
    .uk-navbar-container.uk-active .bm-waves span{ margin-left: 20px;}

        /* menu */
        .blog-ind .uk-navbar-container.uk-navbar{background-color: #171919; width: 100%; height: 80px; }
        .blog-ind .uk-navbar-container.uk-navbar .uk-navbar-right {padding-right: 20px;}
        .blog-ind .bm-waves span {width: 170; height: 65px; background-image: url(../../public/img/logo-header.png); margin-left: 20px; margin-top: 15px; }


        


    .uk-form-div{position: relative;padding: 0 !important;}
    .uk-notification-message{font-size: 1rem;}
    .uk-notification{width: 400px;}
    .uk-notification-top-center{margin-left: -200px;}    
    .uk-nav.uk-navbar-dropdown-nav {position: relative; z-index: 5;}
    .uk-nav.uk-navbar-dropdown-nav li:hover  {background-color: #ff003c; }
    .uk-nav.uk-navbar-dropdown-nav li:hover a {color: white;}
    .uk-navbar-dropdown {padding: 0; background-color: rgba(255, 255, 255, 1) !important;}
    .uk-navbar-dropdown ul {top: 0;}
    .uk-navbar-dropdown ul li {padding: 5px 20px;}


#rangepicker{position: absolute; width: calc(100% - 70px);  z-index: 1;opacity: 0;background-color: transparent;cursor: pointer;font-size: 1rem;font-family: futura-pt, sans-serif;text-overflow: ellipsis; line-break: unset; white-space: nowrap; display: block; overflow: hidden; top: -1px; color: white; text-align: left; padding: 0 35px 0 40px;}



/*
--------------------------
FIN BUSCADOR
--------------------------
*/

/* CSS */
.bg-dark {background-color: #232323;}
.bg-light {background-color: #f2f2f2;}
.shadow { box-shadow: 0 0 20px rgba(0,0,0, 0.2)} 
h4 {font-weight: 400;}
.mt-30 {margin-top: 30px;}
.bold {font-weight: 700 !important;}

/* INTRO */
.intro {position: relative;} 
.intro h1 { font-size: 3rem; color: rgb(255, 0, 60); margin-bottom: 0;}
.intro h2 { font-size:1.6rem; margin-top: 20px; text-transform: uppercase; font-weight: 400;}

/* FEED MARCAS */
.feed-brands {position: relative;}
.feed-brands .fb-ind {margin-bottom: 10vh;}
.feed-brands .fb-ind .text {height: 100%;}
.feed-brands .fb-img {background-size: cover; background-position: center; width: 110%; height: 110%; padding: 5% 0; margin-top: -5vh;}
.feed-brands .fb-logo.left {background-size: contain; background-repeat: no-repeat; background-position: left; height: 250px; margin-bottom: 20px;}
.feed-brands .fb-logo.right {background-size: contain; background-repeat: no-repeat; background-position: right; height: 250px; margin-bottom: 20px;}
.feed-brands .e-logo {margin-top: -70px; margin-bottom: 40px; max-width: 260px; float: right;}
.feed-brands h4 {text-transform: uppercase; margin-top: 0; }
.feed-brands h3 {color: #ff003c; margin-bottom: 10px;}

/* FEED RELACIONADAS */
.feed-related {position: relative; padding-bottom: 5vh;}
.feed-related .bg-red {background-color: #ff003c;height: calc(100% - 500px); position: absolute; width: 100%; z-index: -1; bottom: 0;}
.feed-related h3 {color: #ff003c; font-size: 3rem; margin-bottom: 10px;}
.feed-related h4 {font-size: 1.4rem; margin-top: 0; text-transform: uppercase; }
.feed-related .fr-ind {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.feed-related .fr-ind .text {height: 100%;}
.feed-related .fr-img {background-size: contain; background-repeat: no-repeat; background-position: center;  min-height: 35vh; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
/* .feed-related .fr-ind:hover .fr-img {background-size: cover;} */
.feed-related .fr-text {padding: 20px;}
.feed-related .fr-text h4 {text-transform: initial; text-align: center;color: white; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.feed-related .fr-ind:hover .fr-text h4 {color: #444444;}

/* FEED MODEL */
.feed-models {position: relative;}
.feed-models .bg-light {background-color: #edf2f4; position: absolute; height: 100%; width: 60%; z-index: -1;}
.feed-models .desc {margin-bottom: 30px;}
.feed-models .desc h3 {font-size: 3rem; color: #ff003c; margin-bottom: 0px;}
.feed-models .desc h4 {text-transform: uppercase; margin-top: 10px; font-size: 1.6rem;}
.feed-models .fm-ind {position: relative; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.feed-models .fm-ind .fm-img {min-height: 30vh;background-size: contain; background-repeat: no-repeat; background-position: center;}
/* .feed-models .fm-ind:hover .fm-img { -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;} */
.feed-models .fm-ind .fm-text {padding: 20px;}
.feed-models .fm-ind .fm-text h4 {text-transform: uppercase; text-align: center;}
.feed-models .fm-ind:hover .fm-text h4 {color: #ff003c;}
.feed-models .uk-subnav-pill>.uk-active>a {background-color: transparent !important; color: #ff003c; font-weight: 600;}
.feed-models .uk-subnav-pill>*>a:focus, .uk-subnav-pill>*>a:hover {background-color: transparent !important; color: #ff003c !important;}
.feed-models .uk-card-body {padding: 0;}


/* FEED TEST */
.feed-test {position: relative;}
.feed-test .bg-light {background-color: #edf2f4; position: absolute; height: 100%; width: 60%; z-index: -1;}
.feed-test .desc {margin-bottom: 30px;}
.feed-test .desc h3 {font-size: 3rem; color: #ff003c; margin-bottom: 0px;}
.feed-test .desc h4 {text-transform: uppercase; margin-top: 10px; font-size: 1.6rem;}
.feed-test .ft-ind {position: relative; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.feed-test .ft-ind .ft-img {min-height: 30vh;background-size: contain; background-repeat: no-repeat; background-position: center;}
/* .feed-test .ft-ind:hover .ft-img { -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;} */
.feed-test .ft-ind .ft-text {padding: 20px;}
.feed-test .ft-ind .ft-text h4 {text-transform: uppercase; text-align: center;}
.feed-test .ft-ind:hover .ft-text h4 {color: #ff003c;}


/* FEED STORES */
.feed-stores {position: relative;}
.feed-stores .bg-light {background-color: #edf2f4; position: absolute; height: 55vh; width: 100%; top: 30vh; z-index: -1;}
.feed-stores .fs-ind {position: relative;}
.feed-stores .fs-ind .fs-img {min-height: 40vh;background-size: cover; background-repeat: no-repeat;}
.feed-stores .fs-ind .fs-text {padding: 40px;}
.feed-stores .fs-ind .fs-text h3 {text-transform: uppercase; font-weight: 400;}

/* FEED OCASSIONS */
.feed-occasions {position: relative;}
.feed-occasions .fo-ind {position: relative;}
.feed-occasions .fo-ind .uk-button {display: none; padding: 40px; }
.feed-occasions .fo-ind .text-hover {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.feed-occasions .fo-ind:hover .text-hover {display: none;}
/* .feed-occasions .fo-ind .fo-text {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;} */
.feed-occasions .fo-ind:hover .fo-text {padding: 0;}
.feed-occasions .fo-ind:hover .uk-button {display: block; }
.feed-occasions .fo-ind .fo-img {min-height: 30vh;background-size: contain; background-repeat: no-repeat; background-position: center;}
.feed-occasions .fo-ind .fo-text {padding:20px; border-top: 3px solid #ff003c;}
.feed-occasions .fo-ind .fo-text h4 {text-transform: initial; font-weight: 700; font-size: 1rem; color: #ff003c; margin-bottom: 5px;}
.feed-occasions .fo-ind .fo-text h4 span {color: #000000; text-decoration: line-through; display: block;}
.feed-occasions .fo-ind .fo-text h5 {margin-top: 0px; font-weight: 700; font-size: 0.9rem;}
.feed-occasions .fo-ind .fo-text h3 {font-size: 1.2rem;}

/* HEADER */
.header{position: relative;background-position: center; background-size: cover; min-height: 75vh;}
.header .header-text {position: absolute; left: 10vh; bottom: 10vh; max-width: 700px; width: 100%; z-index: 2;}
.header .header-text h2 {color: white; font-size: 3rem;}

/* SLIDESHOW */
.uk-slideshow-items {min-height: 70vh !important; }
.uk-dotnav {position: absolute; right: -42px; writing-mode: vertical-lr; top: 30px; /* top: calc(50% - 100px); */}
.uk-dotnav>*>* {border-radius: 0; width: 3px; height: 80px; background-color: #f2f2f2; border: 0; margin-bottom: 5px;}
.uk-dotnav>*>*:hover { background-color: rgba(255, 0, 60,.3);}
.uk-dotnav>.uk-active>* { background-color: rgba(255, 0, 60,.6); border-color: transparent;}

/* STROKE */
.stroke {height: 100%; border-left: 2px solid #e5e5e5; width: calc(100% - 60px);  margin: 40px 0px 40px 40px; padding: 10px 20px;}
.stroke h4 {color: #ff003c; font-weight: 600;}

/* BANNER TIENDA */
.banner-tiendas {position: relative;}
.banner-tiendas-img {position: absolute; background-position: right; position: relative; background-image: url('../../public/img/banner-cita.jpg');background-size: cover; background-repeat: no-repeat;  background-color: rgba(255, 0, 60,0.6); background-blend-mode: multiply; }
.banner-tiendas h2 {color:white; font-size: 3rem; }
.banner-tiendas p {color: white; max-width: 600px; width: 100%; margin: 0 auto 40px;}

/* BANNER PRUEBA */
.banner-prueba {position: relative;}
.banner-prueba-img {background-position: right; position: relative; background-size: cover; background-repeat: no-repeat; width: 95%; margin-left: 5%; min-height: 50vh;background-color: rgba(255, 0, 60,0.6); background-blend-mode: multiply; margin-top: 10vh}
.banner-prueba .text {max-width: 500px; width: 100%; float: right;}
.banner-prueba h2 {color:white; font-size: 3rem; }
.banner-prueba p {color: white; margin-bottom: 50px;} 

/* HOME */
.home .header { border-radius: 0px 0px 50px 0px; min-height: 70vh; width: calc(100% - 8vh); } 
.home .header .gal-ind {background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 50vh; width: 100%;;background-color: rgba(0, 0, 0,.4); background-blend-mode: multiply;}
.home .header .text {max-width: 500px; width:100%; text-align: right; left: 10vh; bottom: 10vh;}
.home .header .uk-position-bottom-right {right: 5vh; bottom: 5vh; max-width: 500px; text-align: right; width: 75%;}
.home .header .uk-position-bottom-right h2 {font-size: 2.6rem;}
.home .header .uk-position-bottom-right h4 {font-size: 1.4rem; font-weight: 400; text-transform: uppercase;}
.home .intro { padding-top: 10vh; margin-top: -10vh; position: relative; z-index: -1;}
.home .dis h2 {font-size: 5rem; color: #d3d3d3; margin-top: 0vh; position: absolute; line-height: 1; text-transform: lowercase;}
.home .tiendas {position: relative; margin-top: -10vh;}
.home .tiendas h2 {font-size: 5rem; color: #d3d3d3; line-height: 1;}
.home .tiendas .title {background-color: white; top: 10vh; position: relative; z-index: 1; }
.home .tiendas .text {padding-top: 20vh;}
.home .tiendas .img-tiendas {background-position: top; position: relative; background-image: url('../../public/img/bg-home-02.jpg');background-size: cover; background-repeat: no-repeat; min-height: 60vh; }
.home .logos .logo-ind {min-height: 20vh; background-size: contain; background-repeat: no-repeat; background-repeat: no-repeat; margin: 20px; opacity: 0.8;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;background-position: center;}
.home .logos .logo-ind:hover {opacity: 1;}

/* BRAND */
.brand .header {background-color: rgba(0, 0, 0,0.3); background-blend-mode: multiply; } 
.brand .header h1 { color: white; }
.brand .intro h2 { font-size: 3rem; color: rgb(255, 0, 60); margin-bottom: 0; text-transform: initial; font-weight: 700;}
.brand .intro h3 {font-weight: 400; text-transform: uppercase; margin-top: 10px;}
.brand .intro .logo {min-height: 15vh; background-size: contain; background-repeat: no-repeat; margin: 0px 50px;}
.brand .banner {background-color: rgba(255, 0, 60, 0.6); background-blend-mode: multiply; min-height: 60vh; background-size: cover; background-position: center;}
.brand .banner .text {max-width: 600px; width: 80%;}
.brand .banner .text h3 {color: white; font-size: 4rem;}
.brand .banner .text p {color: white;}
.brand .uk-subnav {margin-bottom: 0; margin-top: 0px;}
.brand .uk-subnav .mat {min-width: 100px;}
.brand .js-filter {margin-top: 40px;}
.brand .uk-select {border:0; background-color: transparent; width: 150px; border-bottom: 1px solid #ff003c; margin-bottom: 20px;;}

/* .brand #con-cil {} */
.brand #con-car {display:none;}
.brand #con-uso {display:none;}

/* PRODUCT */
.product .header .gal-ind {background-size: contain; background-repeat: no-repeat; background-position: center; min-height: 75vh; width: 100%;}
.product .header .img-ind {background-size: contain; background-repeat: no-repeat; background-position: center; min-height: 75vh; height: 90%; margin: 20px;}
.product .header .bg-light {background-color: #edf2f4; width: calc(100% - 30vh); height: 100%; position: absolute; z-index: -1; right: 0;;}
.product .header .text h1 {color: #ff003c; margin-bottom: 10px; margin-top: 0;}
.product .header .text h3 {color: #363436; font-weight: 400; text-transform: uppercase; margin-top: 0;  font-size: 1.2rem; margin-bottom: 0px;}
.product .header .text h3 span {color: #363436; font-weight: 700; display: block;  margin-top: 0px;font-size: 3rem; }
.product .header .text h3 span.before-price {color: #7f7f7f; font-size: 1.5rem;text-decoration: line-through; font-weight: 400; }
.product .header .text h4 {margin-bottom: 0; font-weight: 600; color: #363436;font-size: 1.6rem;}
.product .header .text small {color: #7f7f7f; font-size: 1rem; display: block;text-transform: uppercase;}
.product .header .text small.corp {color: #ff003c; font-size: 1rem; text-transform: lowercase;}
.product .header .text small.corp b {color: #ff003c; font-size: 1rem; text-transform: uppercase;}
.product .header .text p b {display: block;}
.product .header .logo-warranty{ max-width: 110px; display: inline; margin-top: -20px;}
.product .header .small-conditions p {font-size: 0.9rem; text-transform: initial !important;}
.product .financiation {background-color: #ff003c;  }
.product .financiation .fin-ind {padding: 30px;}
.product .financiation .fin-ind h5 {color: white; font-size: 1.6rem; width: 120px;margin-top: 16px; padding-left: 10px; margin-bottom: 0px;}
.product .financiation .fin-ind h5 span {display: inline; color: white; font-weight: 700;}
/* .product .financiation .fin-ind h5#financeResult {opacity: 0.6;}  */
.product .financiation .fin-ind h5 small {margin-top: 0; font-size: 1rem; margin-bottom: auto;}
.product .financiation .fin-ind small {margin-top: 0; font-size: 1rem; margin-bottom: auto; padding-left: 10px;}
.product .financiation .bg-black {background-color: #000000; width: 120px; height: 100%; padding: 50px 30px; cursor: pointer;}
.product .financiation .back-black {background-color: #000000;}
.product .financiation h4 {color: white; font-weight: 700; padding: 30px 30px 20px 30px; text-transform: uppercase;}
.product .financiation small {padding-top: 10px; color: white; display: block; text-transform: initial; font-size: 0.9rem; max-width: 150px;}
.product .financiation .uk-input {border: 0 !important; background-color: transparent; color: white !important; border-bottom: 1px solid white !important; min-height: 40px; padding: 10px;} 
.product .financiation .uk-select {border: 0 !important; background-color: transparent; color: white !important; border-bottom: 1px solid white !important; min-height: 40px; padding: 10px; height: 45px !important;} 
.product .financiation .uk-input:active, .product .financiation .uk-select:active{border-bottom: 1px solid #444444 !important;}
.product .description h3 {font-size: 3rem; color: #ff003c;}
.product .description h4 {font-size: 1.6rem; color: #ff003c; font-weight: 700;}
.product .specs [class*=uk-align] {display: flex !important; margin-bottom: 0 !important;}
.product .uk-table th {padding: 16px 12px;text-align: left;vertical-align: bottom;font-size: .875rem;font-weight: 700;color: #000000;text-transform: initial;}
.product .uk-table th {color: #000000; max-width: 150px;}
.product .icons {max-width: 160px;}
.product .icons .pdf {display: inline; text-align: left;}
.product .icons .pdf a {text-align: left; width: 260px;}
.product .ind {position:relative;}
.product .ind .ind-img {position:relative; min-height: 30vh; background-position: center; background-size: cover; }
.product .gal-ind {min-height: 30vh; background-size: cover; background-position: center; -webkit-transition: ease-in-out, .35s ease-in-out; transition: ease-in-out, .35s ease-in-out; opacity: 0.8;padding: 10px;}
.product .gal-ind:hover {opacity: 1;}
.product .gallery-color h3 {font-size: 3rem; color: #ff003c;}
.product .gallery-color .left svg:not(:root) {margin-left: 6px; margin-top: 3px;}
.product .gallery-color .right svg:not(:root) {margin-left: 8px; margin-top: 3px;}
.product .gal-color {background-size: contain; background-position: center; background-repeat: no-repeat;}
.product .uk-light .uk-slidenav {background-color: #ff003c; padding: 20px; border-radius: 40px; width: 30px; height: 30px;}
.product .app {background-color: #edf2f4;}
.product .app .img {padding: 60px 30px 0 30px;}
.product .app h3 {color: #ff003c;}


    /* SLIDESHOW */
    .uk-light .uk-slidenav.prev {margin-left: 44px !important; margin-bottom: 22px;}
    .uk-light .uk-slidenav.next {margin-left: 80px !important; margin-bottom: 22px;}
    .uk-border-circle {background-color: #ff003c; height: 80px; width:80px; margin-left: 40px; margin-top: -70px;}

/* ABOUT */
.about .header { background-image: url('../../public/img/bg-nosotros-01.jpg'); background-color: rgba(0, 0, 0,0.3); background-blend-mode: multiply; } 
.about .intro h3 {font-weight: 400; text-transform: uppercase; margin-top: 20px;}
.about .intro .logo {min-height: 15vh; background-size: contain; background-repeat: no-repeat; margin: 50px;}
.about .logos {margin-top: -10vh;}
.about .logos .logo-ind {min-height: 20vh; background-size: contain; background-repeat: no-repeat; margin: 10px; background-position: center;}
.about .services {background-color: #232323;}
.about .services h4 {color: white; text-transform: uppercase;}
.about .services p {color: white;}
.about .more-services h4 {text-transform: uppercase; margin-top: 10px; margin-bottom: 20px;}
.about .clients {padding-bottom: 5vh;}
.about .clients h2 {color: #ff003c; font-size: 3rem;}
.about .clients h3 {color: #ff003c; margin-bottom: 10px;}
.about .clients h5 {color: #171919; margin-top: 0;}
.about .clients .client-ind {width: 100%;}
.about .clients p {color: #171919; }
.about .clients .img-clients {min-height: 30vh; background-size: cover; background-position: center;}
.about .uk-slideshow-items, .about .uk-slideshow-items>* {min-height: 45vh !important; width: 92%; margin-left: 3%;}
.about .uk-light .uk-slidenav {background-color: #999; padding: 10px;}
.about .colabor h3 {font-size: 2rem; text-transform: uppercase; font-weight: 400;}

/* STORE */
.store .header {background-color: rgba(0, 0, 0,0.3); background-blend-mode: multiply; } 
.store .intro h4 {font-size: 1.6rem; text-transform: uppercase; margin-top: 10px;}
.store .form {z-index: 1;}
.store .form input[type=text], .store .form input[type=email], .store .form input[type=number], .store .form select, .store .form textarea {border-bottom: 1px solid #000000;}
.store .form input[type=text]::placeholder, .store .form input[type=email]::placeholder, .store .form input[type=number]::placeholder, .store .form select,.form textarea::placeholder{color: #000000 !important;}
.store .form small {color: #000000;}
.store .gallery{padding-bottom: 10vh;}
.store .gal-ind {min-height: 30vh;  background-size: cover; background-position: center;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;opacity: 0.8;}
.store .gal-ind:hover { opacity: 1; }

/* OCASION */
.occasions .header { background-image: url('../../public/img/bg-ocasion-01.jpg'); background-color: rgba(0, 0, 0,0.2); background-blend-mode: multiply; } 
.occasions .intro h3 {font-weight: 400; text-transform: uppercase; margin-top: 10px;}

/* OCCASION IND */
.occasion-ind .header .gal-ind {background-size: contain; background-repeat: no-repeat; background-position: center; min-height: 50vh; width: 100%;}
.occasion-ind .bg-light {background-color: #edf2f4; }
.occasion-ind h1 {color: #ff003c; text-transform: Initial; margin-bottom: 10px;}
.occasion-ind h2 {margin-top: 0; text-transform: uppercase; font-weight: 400;font-size: 1.6rem;}
.occasion-ind .text {margin-bottom: 10vh;}
.occasion-ind .text h4 {color: #ff003c; font-size: 2.4rem; font-weight: 700;}
.occasion-ind .text h3 {font-size: 2rem;}
.occasion-ind .text h3 span {display: block; font-size: 1.4rem;}
.occasion-ind .uk-slideshow-items {min-height: 50vh !important;}
.occasion-ind .icons .icon {margin: 10px;}
.occasion-ind .specs {margin-top: 40px;}
.occasion-ind .uk-table th {color: #000000; font-weight: 700;text-transform: initial;}
.occasion-ind .uk-table td {color: #000000;}
.occasion-ind .uk-table tbody tr {border-top: 1px solid white !important;}
.occasion-ind .form-occasion {background-color: #edf2f4;}

.form-occasion input[type=text], .form-occasion input[type=email], .form-occasion input[type=number], .form-occasion select, .form-occasion textarea {background-color: transparent; border: 0; border-bottom: 1px solid #000000; padding: 40px 20px;}
.form-occasion input[type=text]::placeholder, .form-occasion input[type=email]::placeholder, .form-occasion input[type=number]::placeholder, .form-occasion select,.form-occasion textarea::placeholder{color: #000000 !important;}
.form-occasion small {color: #000000;}
.form-occasion h3 span {color: #ff003c;}
.form-occasion .uk-offcanvas-bar {transition: left .3s ease-out; min-width: 800px !important; width: 100% !important; background-color: #edf2f4 !important; }
.form-occasion .canvas {transition: left .3s ease-out; }

/* DATE */
.date .header { background-image: url('../../public/img/bg-cita-01.jpg'); background-color: rgba(0, 0, 0,0.2); background-blend-mode: multiply; } 
.date .intro h3 {font-weight: 400; text-transform: uppercase; margin-top: 10px;}
.date .form {z-index: 1; margin-bottom: 10vh;}
.date .form input[type=text], .date .form input[type=email], .date .form input[type=number], .date .form select, .date .form textarea {border-bottom: 1px solid #000000;    padding: 10px 10px 10px 30px;}
.date .form input[type=text]::placeholder, .date .form input[type=email]::placeholder, .date .form input[type=number]::placeholder, .date .form select,.form textarea::placeholder{color: #000000 !important;}
.date .form small {color: #000000;}
.date #date-hidden {background-color: transparent; z-index: -1; border: 0; height: 80px; position: absolute;  color: white; font-size: 1.5rem; text-align: center; }
.date .date-section {margin-bottom: 10vh;}
.date-form li.active {color: #ff003c !important;}

    /* FULLCALENDAR */
    .date .fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {cursor: default !important;}
    .date .fc-event {width: 50% !important; }
    .date .fc-widget-content {cursor : pointer !important;}
    .date .fc-button-primary {background-color: #ff003c; border-color: #ff003c; }
    .date .fc-button-primary:hover {background-color: #171919 !important;}
    .adte .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active { background-color: #171919 !important;}
    /* .date .fc-time-grid .fc-slats td {height: 2rem;} */

    .date #time {font-size: 2rem; color: #171919 !important;}
    .date h4 {margin-bottom: 10px;}
    /* .date p {margin-top: 30px;} */
    .date #date { z-index: 1011 !important; border:0; font-size: 1.6rem; font-weight: 700; color: red; cursor: pointer;}
    /* .date #date:hover {} */
    .date #hours { z-index: 1011 !important;  border:0;  cursor: pointer; font-size: 1.6rem; font-weight: 700; color: red; cursor: pointer; width:100%;}
    .date #hours::placeholder{color: #ff003c;}    
    .date .ui-timepicker-container{z-index:99999 !important;}
    .date .ui-timepicker-standard {border: 1px solid #ff003c;}
    .date .ui-timepicker-standard a {color: #ff003c; border: 0px;}
    .date .ui-timepicker-standard a:hover {background-color: #ff003c; color: white;}
    .date .fc-event {background-color: #ff003c !important; border: 0;}
    .date .fc-event-dot {background-color: #ff003c !important; border: 0;}
    .date .uk-modal-title {color: #ff003c;}
    .date .uk-input, .date .uk-textarea, .date .uk-select {border: 0; border-bottom: 1px solid #e5e5e5;}
    .date .uk-select {color: #999999 !important;}
    .date .uk-textarea {margin-bottom: 20px;}
    .date .uk-input:focus, .uk-select:focus, .uk-textarea:focus {border-color: #ff003c !important;}
    .date label.accept {line-height: 1; margin-bottom: 20px;}
    .date .b-bottom {border-bottom: 1px solid #e5e5e5;}
    .date .fc-time-grid {min-height: auto;}
    .date .fc-time-grid, .date .fc-time-grid-container {height: 100% !important;}
    .date .fc-listWeek-button {display: none;}
    .date .fc-list-button {display:none;}

/* AGENT */
.agent .header {background-image: url('../../public/img/bg-home-01.jpg'); background-color: rgba(0, 0, 0,0.2); background-blend-mode: multiply; } 
.agent .stroke {height: 100%; border-left: 2px solid #e5e5e5; width: calc(100% - 40px);  margin: 40px 0px 0px 40px; padding: 10px 20px;}
.agent .intro h3 {font-weight: 400; text-transform: uppercase; margin-top: 10px;}
.agent .uk-table th {color: #ff003c; font-size: 1rem;}
.agent .uk-table thead tr {margin-top: 40px;}
.agent .uk-table td {vertical-align: middle;}
.agent .uk-table small {color: #ff003c; display: block;}

/* TEST */
.test .header {background-color: rgba(0, 0, 0,0.2); background-blend-mode: multiply; background-image: url('../../public/img/bg-test-01.jpg');} 
.test .intro h3 {margin-top: 10px;}
.test .ft-text {padding: 20px;}
.test .ft-text h3 {color: #ff003c; margin-bottom: 10px;}
.test .ft-text h5{margin-top: 10px; margin-bottom: 30px;}
.test .test-form {background-color: #edf2f4;}

      /* form */
    .test-form input[type=text],.test-form input[type=email],.test-form input[type=number],.test-form select.uk-select,.test-form textarea{min-height: 50px; margin-top: 0px !important; padding: 20px 20px 10px 20px;border:0;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0; color: #171919 ; font-size: 0.8rem; border-bottom: 1px solid #171919; cursor: pointer; }
    .test-form input[type=text]::placeholder,.test-form input[type=email]::placeholder,.test-form input[type=number]::placeholder,.test-form select,.test-form textarea::placeholder{color: #171919 !important;}
    .test-form input[type=text]:focus,.test-form input[type=email]:focus,.test-form input[type=number]:focus,/*.test-form select:focus,*/.test-form textarea:focus, .test-form select:focus{border-bottom: 1px solid #ff003c;}
    .test-form select{ font-size: 0.8rem; padding: 40px 20px 10px 50px; width: 100%; border: 0;}
    .test-form textarea{margin-bottom: 10px;padding: 10px 20px 10px 10px;}
    .test-form input::-webkit-input-placeholder, .test-form input:-moz-placeholder, .test-form input::-moz-placeholder, .test-form input:-ms-input-placeholder, .test-form textarea::-webkit-input-placeholder, .test-form textarea:-moz-placeholder, .test-form textarea::-moz-placeholder, .test-form textarea:-ms-input-placeholder 
    {color: #171919 !important;font-size: 0.8rem;}
    .test-form small{color: #999;float: left;margin-bottom: 10px;}
    .test-form .uk-checkbox:focus, .test-form .uk-radio:focus {border-color: #ff003c;}
    .test-form .uk-checkbox:checked, .test-form .uk-checkbox:checked:focus {background-color: #ff003c}
    .test-form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .test-form .uk-radio:checked, .test-form .uk-radio:checked:focus {background-color: #ff003c}
    .test-form .g-recaptcha{float: left;}
    .uk-input:focus, /*.uk-select:focus,*/ .uk-textarea:focus {background-color: rgba(255, 255, 255, 0);}
    .uk-form-danger, .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}
    .test .ui-timepicker-standard {background-color: #000000;  border: 1px solid #ff003c;}
    .test .ui-timepicker-standard a {background-color: #ff003c !important; border: 1px solid #000000;}
    .test .ui-timepicker-standard a:hover {background-color: rgba(211, 86, 116, 0.6) !important;}
    .test .date-ida {position: absolute; color:#171919; padding-left: 30px; font-size: 0.8rem; }
    .test .h-60 {height: 60px !important; margin-top: 20px;}
    .test .form-contact .form textarea {padding-top: 20px;}
    .test .b-title{text-align: left; display: inline-block; color: white; font-family: "proxima-nova",sans-serif; top: 17px; position: relative; font-weight: 400; font-size: 0.8rem; width: 100%;}
    .test .uk-button-default { margin-right: 0; float: right;}
    .test .form-contact p {color: white; margin: 30px 0 0px 0px;}

            /* datepicker skin */
            .b-datepicker{height: 65px;border: 0;padding: 0;width: 100%;background-color: transparent; cursor: pointer !important; text-align: center;color: transparent !important;font-size: 0.8rem; line-height: 4.8;position: absolute;z-index: 1;top: 0; border-right: 5px solid #000;}
            .ui-widget {background: #171919;border: 1px solid #171919;}
            .ui-datepicker {padding: 0; margin-top: 25px;}
            .ui-datepicker-calendar {background: #171919 !important;}
            .ui-datepicker-header {border: none;background: #171919; background-color: #171919 !important; font-weight: normal;font-size: 11px;text-transform: uppercase;color: white;font-weight: 700;border-radius: 0;}
            /* .ui-widget-content {} */
            .ui-datepicker-header .ui-state-hover {background: transparent;border-color: transparent;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
            .ui-datepicker .ui-datepicker-title {margin-top: 1.5em;margin-bottom: 1em;}
            .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {top: 1.7em;border:none;}
            .ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
            .ui-datepicker .ui-datepicker-next-hover {right: 2px;}
            .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {background-image: url(../../public/img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal; background-color: #ff003c;}
            .ui-datepicker .ui-datepicker-prev span {background-position: -96px -32px; }
            .ui-datepicker .ui-datepicker-prev-hover span {background-position: -96px -48px; }
            .ui-datepicker .ui-datepicker-next-hover span {background-position: -32px -48px;}
            .ui-datepicker table {margin: 0; }
            .ui-datepicker th {padding: 1em 0;color: white;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #CBCBCB;}
            .ui-datepicker td {border: none;padding: 0;}
            td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: white !important;font-size: 12px;border:0 !important;text-align: center !important;}
            td .ui-state-active,td .ui-state-hover {background: #ff003c !important;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
            .uk-navbar-container.uk-navbar.uk-sticky.uk-active.uk-sticky-fixed.uk-sticky-below .ui-datepicker {margin-top: 30px !important;}
            .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {margin-top: 25px; }
            .sticky-buscador.uk-sticky.uk-active.uk-sticky-below.uk-sticky-fixed .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {margin-top: 30px; }
            
            .ui-widget.ui-widget-content {border: 0;}
            /* .test .ui-datepicker {display: contents !important;} */


                
             
/* CONTACTA */
.contact .header {background-image: url('../../public/img/bg-contact-01.jpg'); background-color: rgba(0, 0, 0,0.2); background-blend-mode: multiply; } 
.contact .intro h3 {font-weight: 400; text-transform: uppercase; margin-top: 10px;}
.contact .text h5 {color: #ff003c;}
.contact .text a, .contact .text p {color: white;}
.contact .text a:hover {color: #ff003c;} 
.form-contact {margin-bottom: 10vh;}
.form-contact .form input[type=text], .form-contact .form input[type=email], .form-contact .form input[type=number], .form-contact .form select, .form-contact .form textarea {background-color: transparent; color: #444444;  padding: 0px 20px;}
.form-contact  input[type=text], .form-contact  input[type=email], .form-contact  input[type=number], .form-contact  select, .form-contact  textarea {color: #444444; border-bottom: 1px solid #444444;}
.form-contact #send-form {position: relative !important; float: right; box-shadow: none !important;}
.form-contact #send-form:hover {border: 1px solid white;}
.form-contact input[type=text]::placeholder,.form-contact input[type=email]::placeholder,.form-contact input[type=number]::placeholder,.form-contact select,.form-contact textarea::placeholder{color: #444444 !important;}

.form-contact small {display: block; color: #444444;}


        /* uk notification */
        .uk-notification-message{background-color: white;border: 1px solid #eee;}

        /* danger */
        .uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
        .uk-notification-message.uk-notification-message-danger .uk-close{color: white;}
        .uk-notification-message.uk-notification-message-primary {background-color: #42d1b5; color: white;}
        .uk-notification-message.uk-notification-message-primary .uk-close{color: white;}

        /* mapa */
        #map {width: 100% !important;}
        #map-container{ -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;width: 100%;height: 500px;display: block; margin-top: 5vh; padding-bottom: 10vh; z-index: 1;}
        #map-container.obert{max-height: 2000px;margin-top: 100px;}
        #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}


  /* 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; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;}
  .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;}
  .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; background-color: rgba(00,00,00,0.4); background-blend-mode: multiply;}
  .cookies .uk-link, a {color: #232323;}
  .cookies .uk-link, a:hover {color: #ff003c;}

  

  /* footer */
  footer {background-color: #171919;padding-bottom: 2vh !important;}
  footer.section {padding: 5vh 10vh;}
  footer h5 {color: white !important; margin-bottom: 10px; text-align: left !important; text-transform: uppercase;font-family: futura-pt, sans-serif;}
  footer h6{color: #fff;margin-bottom: 10px;display: block;font-size: 1rem;}
  footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
  footer li a,   footer li {color: white; list-style: none !important;}
  footer li a:hover {color: #ff003c;}
  .footer-logo {display: inline-block;width: 200px;}
  .footer-logo img{width: 100%;}
  .list-links li{margin-top: 10px;}
  .social {position:relative; }
  .social li {list-style: none !important;}
  .contacta .social {margin-top: 30px; }
  .footer-social {padding-top: 20px;}
  .footer-social li{display: inline-block;}
  .footer-social li a{display: block;height: 35px;font-size: 0;}
  /* .footer-social li a:hover{opacity: 0.7;} */
  .footer-menu{float: right;}
  .footer-ul {right: 0;  margin-top: 0; min-width: 200px;}
  .footer-ul li a, .footer-ul li{text-align: left !important; float: left; text-decoration: none; color: white;font-size: 0.8rem;padding: 0;line-height: 1.8;list-style-type: none; width: 100%;}
  .footer-ul li a:hover{color: #ff003c;}
  .footer-submenu{float: right; margin-top: 30px;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: white;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: white;font-size: 0.8rem;padding: 0;}
  .footer-submenu li a:hover{color:#ff003c;}
  .copyright{float: left;font-size: 0.8rem;color: white;margin-top: 5px;}
  .autor{float: right; text-align: right;margin-top: 10px !important; font-size: 0.8rem; color: #686867;}
  .autor p{float: right; text-align: right; color: #686867 !important;font-size: 0.7rem; margin-top: 10px !important; ;} 
  .autor a{color: #686867;font-weight: 400;margin-top: 10px !important; ;}
  .autor b {font-weight: 700;}


/* 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 */
    


}

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

       

        /* MOTOCITY */
        .home .dis h2 {font-size: 4rem; position: relative;}


}

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

}


@media (max-width: 959px){ /* medium */
    
     /* MENU */
     .menu-header .menu a{font-size: 0.9rem;}
     .is-stuck .header-logo{width: 230px;}
     .uk-navbar-nav>li>a{padding: 0 15px; min-height: auto;}
     .uk-navbar-container{height: auto;}
     .uk-navbar-right{width: 100%;display: block; height: auto; margin-top: 0;  }
     .uk-navbar-left{display: inline-block;}
     .uk-navbar-nav#main-menu{display: none; position: absolute; top: 0; left: 0; padding: 20px 0vw 0 0vw; width: calc(100% - 10px); background-color: #f8f8f8; z-index: 3;padding-left: 10px; margin-top: 80px;}
     .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; }
     .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px;}
     .uk-navbar-toggle{height: 80px;float: right;z-index: 4;position: relative;color: white !important;}
     .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #eee;}
     .uk-navbar-toggle-icon{margin-right: 10px;}
     .header-search{margin-top: 0 !important;width: 100%;}
     .bm-waves span{display: block; z-index: 4; height: 65px; position: relative; top: 0px; background-image: url(../../public/img/logo-header.png); margin-top: 13px; margin-left: 20px;}
     /* .uk-navbar-container.uk-active .bm-waves span {margin-top: 0px; width: 270px; height: 90px; margin-left: 0;} */
     .uk-navbar-container.uk-active .bm-waves span{margin-top: 13px; top: 0;}
     .uk-navbar.uk-active .uk-navbar-toggle{color: white   !important;}
     .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #232323 !important  ; text-transform: initial;font-size: 1rem; font-weight: 700;}
     .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #ff003c !important;}
     .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../public/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: #171919; height: 80px; width: 100%;}
     .uk-navbar-container.uk-active .uk-navbar-right {margin-top: 0; padding-right: 2vh;}
     .uk-navbar-nav>li.uk-active>a>span  {padding-bottom: 5px; margin-left: 0;} 
     .uk-navbar-right {box-shadow: none; padding-right: 0vh;}

   /* MOTOCITY */
   .text.section-text {padding: 5vh !important;}
   .section-max {padding: 5vh;}
   .uk-button {margin-top: 10px !important;}
   .order-1 {-webkit-order: -1; order: -1;}
   .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: auto;}
   .uk-navbar-container.uk-active .uk-navbar-right {padding-right: 0; margin-right: 0;}
   
   .home .header {width: 100%; }
   .home .intro {padding-top: 0; margin-top: 0; }
   .home .uk-navbar-right {padding-right: 0;}
   .home .uk-dotnav {right: 25px;}

   .feed-brands .fb-img { width: 80%; height: 80%; padding: 10% 0; margin-top: 0; min-height: 50vh; margin: 0 auto; margin-top: -3vh;}
   .uk-button-default.left {margin-left: 0vh; margin-top: 0vh;}
   .uk-button-default.right {margin-right: 0vh; margin-top: 0vh;}
   .feed-brands h3 {font-size: 3rem;}
   .home .tiendas .text {padding-top: 5vh;}
   .brand .banner .text h3 {font-size: 3rem;}

    .header .header-text {max-width: 700px;width: 80%; left: 5vh; bottom: 5vh;}
    .product .financiation .bg-black {width:100%;}
    .about .logos {margin-top: 0;}
    .banner-prueba .text {float: none;} 
    .product .financiation small {max-width: 100%;}
    .about .uk-slideshow-items, .about .uk-slideshow-items>* {min-height: 70vh !important;}
    .home .uk-dotnav {position: relative;  margin: -20px auto 0; right: auto; top: 0; writing-mode: horizontal-tb;;  }
    .home .uk-dotnav>*>* {width: 40px; height: 3px;}

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

    /* MOTOCITY */
    .section-intro {padding: 3vh;}
    .gallery-color .uk-position-center-left, .gallery-color .uk-position-center-right {bottom: 5% !important; top: auto !important;}
    .date .fc-toolbar h2 {font-size: 1rem !important;padding-left: 5px;}


}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10%;}
    .section-text{padding: 10%;}
    .section-intro {padding: 3vh 0;}
    .section-max {padding: 10%;}
    footer.section {padding: 10%;}
    
      /* MOTOCITY */
      .intro h2 {font-size: 2.2rem;}
      .home .blog .feed-blog {width: auto; margin-left: 0; padding: 10%;}
      .banner-ensaimadas h5 {font-size: 2.2rem;}
      .footer-submenu {float: left;}
      .autor {float: left; text-align: left;}

      .about .logos .logo-ind { max-width: 280px; margin: 0 auto;}
      .home .tiendas h2 {font-size: 4rem;}
      .header .header-text {bottom: 3vh; left: 3vh;}
      .feed-related h3 {font-size: 2rem;}
      .header .header-text h2 {font-size: 2rem;}
      .intro h1 {font-size: 2rem;}
      .brand .banner .text h3 {font-size: 2.2rem;}
      .about .uk-slideshow-items, .about .uk-slideshow-items>* {min-height: 80vh !important;}
      .feed-models .fm-ind .fm-img {min-height: 40vh;}
      .product .header .img-ind {margin: 15px;}
      .feed-brands .fb-logo.left, .feed-brands .fb-logo.right {margin-bottom: 0;}
      .feed-brands .fb-logo.left {margin-bottom: 0 !important; height:160px;}
      .feed-brands .uk-position-bottom-left, .feed-brands .uk-position-bottom-right {position:relative !important;}
      .banner-tiendas h2 {font-size: 2rem;}

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

    /* generics */
    .section{padding: 5%;}
    .section-text{padding: 5%;}
    .section-intro {padding: 5%;}
    .mt-50 {margin-top: 10px !important;}

        /* MOTOCITY */
        .home .header .uk-position-bottom-right h2 {font-size: 1.8rem;}
        .stroke {border-left: 0; width: 100%; margin: 0; padding: 0;}
        .brand .stroke {border-left: 0; width: 100%; margin: 0; padding: 0;}
        .brand .intro .logo {margin: 0;}
        .intro h2 {font-size: 1.8rem;}
        .home .dis h2 {font-size: 2.6rem;}
        .uk-button-default.left {margin-left: 0vh;}
        .uk-button-default.right {margin-right: 0vh;}
        .feed-brands .fb-logo.left,  .feed-brands .fb-logo.right  {margin-bottom: 40px;}
        .feed-brands .fb-img {width: 100%;}
        .home .tiendas h2 {font-size: 3rem;}
        .feed-stores .fs-ind .fs-text {padding: 20px;}

        .product .gallery-color h3, .banner-prueba h2 {font-size: 2.4rem;}
        .gallery-color .uk-position-center-left, .gallery-color .uk-position-center-right {bottom: -10% !important;}
        .about .uk-slideshow-items, .about .uk-slideshow-items>* {min-height: 120vh !important;}
        .about .uk-light .uk-slidenav {margin-top: -160px;}
        .home .uk-dotnav {right: -5px;}

        .colabor .uk-slideshow-items .section-text {padding: 10% !important;}
        .colabor .uk-slideshow-items .section-text p {margin: 0 0 10px 0;}
        .about .uk-light .uk-slidenav {padding: 5px;}
        .about .uk-slideshow-items, .about .uk-slideshow-items>* {width: 85%; margin-left: 7%;}
        .form input[type=text], .form input[type=email], .form input[type=number], .form select, .form textarea {padding: 20px 20px 10px 20px !important;}
        /* [class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] {position: relative !important;} */

      
}