/* Developed entirely by staycreative.es */


/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}

/* Generals */
html, body{font-family: 'Muli', sans-serif; font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: 'Muli', sans-serif; color: #000000;text-align: left;font-weight: 300; line-height: 1.8; font-size: 1rem; margin-top: 0px;}
h1, h2, h3, h4, h5, h6{font-family: 'Muli', sans-serif; font-weight: 700;font-style: normal; color: #000000; text-transform: initial; margin-bottom: 0; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: 'Muli', sans-serif;font-weight: 300;font-style: normal; color: #000000; display: block; font-size: 90%;}
ul {padding-left: 0px;}
li {text-decoration:none; list-style-type: none;}
/*p b {font-size: 1rem;}*/
h3 {font-size: 2.4rem;}
:focus {outline: none;}



/* Buttons */
.uk-button{border-radius: 0 !important; font-family: 'Muli', 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; text-transform: lowercase; padding: 1rem 2rem;}
.uk-button-default{ background-color: #000000; color: white; border: 1px solid transparent; }
.uk-button-default:hover{color: #000000; border: 1px solid #000000; }

.uk-button-primary{color: #000000; background-color: transparent;border-bottom: 1px solid transparent; padding: 0;}
.uk-button-primary:hover{border-bottom: 1px solid #000000; background-color: transparent;color: #000000;}

.uk-button-secondary {color: white; background-color: transparent; margin: 0 calc(50% - 90px); width: 180px; border-bottom: 1px solid transparent;}
.uk-button-secondary:hover {border-bottom: 1px solid white; background-color: transparent;}

.uk-button-tertiary{ background-color: #000000; color: white; border: 1px solid #000000;}
.uk-button-tertiary:hover{background-color: white; color: #000000; border: 1px solid #000000; }

/* 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{margin-top: 0px !important; padding: 10px 20px;border:0;background-color: white; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #2c2a29;border-bottom: 2px solid transparent; height: 80px; font-size: 0.9rem;}
   .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form select:focus,.form textarea:focus{border-bottom: 2px solid #000;}
    .form select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
    .form textarea{margin-bottom: 10px;padding: 10px 20px; min-height: 20vh;}
    .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: #2c2a29;font-size: 0.8rem;}
    .form small{color: #2c2a29;float: left;margin-bottom: 10px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #929084;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #929084;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #59277d;}
    .form .g-recaptcha{float: left;}
    .form .uk-button{margin: 10px; float: right !important; z-index: 15; position: relative; padding: 2rem 4rem;}
    .form .uk-button:hover {background-color: white !important;}
    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {background-color: rgba(255, 255, 255, 1);}


/* Datepicker */
.ui-widget {background: #929084;border: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.ui-datepicker {padding: 0;}
.ui-datepicker-header {border: none;background: transparent;font-weight: normal;font-size: 11px;text-transform: lowercase;color: white;font-weight: 700;}
.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(../img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal;}
.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: #eee;font-size: 8px;font-weight: normal;text-transform: lowercase;border: none;border-top: 1px solid #eee;}
.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: #efefef !important;font-size: 12px;border:0 !important;text-align: center !important;}
td .ui-state-active,td .ui-state-hover {background: #2c2a29;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(51,51,51,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-light {background-color: rgba(255, 255, 255, 0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-dark{background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.section{padding: 10vh;}
.section-social{padding: 5vh;}
.section-feed{padding: 2vh;}
.section-intro {padding: 20vh 10vh 20vh 10vh;}
.section-text{padding: 3vh 5vh 5vh 5vh;}
.section-info{padding: 3vh 3vh 3vh 3vh;}
.no-padding{padding: 0 !important;}
.scrolloff{pointer-events: none;}
.mt-50{margin-top: 50px !important;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}
.visible-flex{display: flex !important;}
.left {float: left !important;}
.right {float: right !important;}
.center {text-align: center; margin: 0 auto;}
.mb-5 {margin-bottom: 5vh;}
.m-left:after {left:65px !important;}
.turquesa {color: #42D1B7 !important; }
.bg-white {background-color: white;}
.no-b {border:0 !important; padding: 0 !important;}
.m-t-20 {margin-top: 70px !important;}
.width {max-width: 70%;}


/* Icons */
.icon{background-image: url('../img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.icon.facebook{width: 20px;height: 20px;background-position: -70px -0px; display: inline-block;}
.icon.facebook:hover {opacity: 0.7; }
.icon.instagram{width: 20px;height: 20px;background-position: -91px -0px; margin-left: 3px; display: inline-block;}
.icon.instagram:hover {opacity: 0.7; }
.icon.scroll{width: 55px;height: 65px;background-position: -0px -60px; position: absolute; bottom: 0; margin-left: calc(50% - 27px); z-index: 2;}
.icon.arrow{width: 36px;height: 20px;background-position: -66px -60px; margin-left: 20px; top: 2px; position: relative;}
.icon.arrow-s-b{width: 25px;height: 18px;background-position: -120px -60px; margin-left: 10px; top: 4px; position: relative;}
.icon.arrow-s-c{width: 25px;height: 18px;background-position: -145px -60px; margin-left: 10px; top: 4px; position: relative;}
.icon.close{width: 40px;height: 40px; background-position: -0px -130px; }
.icon.arrow-left {width: 36px;height: 20px; background-position: -30px -60px; margin-right: 10px; display: inline-block;}
.icon.arrow-right {width: 36px;height: 20px; background-position: -66px -60px; display: inline-block;}
.icon.share{width: 15px;height: 15px; background-position: -220px 3px; margin-left: 3px; display: inline-block; }
.icon.insta{width: 35px;height: 35px; background-position: -115px 0px; position: absolute; top: 53px; display: inline-block; }

/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(0,0,0,0.9);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: #777777;margin-top: 6px;cursor: pointer;color: white !important;}

/* Main */
.der{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: rgba(26,42,51,1); top: 0;left: 0;}
.der img{position: absolute;top: calc(50vh - 200px);left: calc(50vw - 200px);width: 400px;height: auto;}
.header{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover; width:100%; min-height: 70vh; margin-top: -80px; }

.header h1 {color: white; z-index: 2; position: relative; text-align: center; margin: 0vh 5vh; padding-top: 25vh; font-size: 3rem; }
.header h1 span {color: white; font-weight: 300; font-size: 80%; display: block;}
.page .header{min-height:50vh;}
.header h2{color: white; text-align: right; padding-bottom: 20vh; padding-right: 20vh; z-index: 1;}
.header h2 span{font-size: 60%;font-weight: 400;display: block;}
.is-stuck .header-logo{margin:10px;width: 300px;height: 32px;}
.page .header h1{margin: 10vh 5vh;}
.page .header .header-logo{background-image: url('../img/logo-white.svg');margin: 20px 0 0 20px;width: 100px;height: 100px;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1; background: rgba(0,0,0,1);top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 150px);left: calc(50vw - 150px);width: 300px;height: auto;}

.menu-bg{height: 90px;background-color: #000000;margin-top: -90px;}
.page-intro h1{text-align: left;color: #000000;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:4;background-color: transparent; width: 100vw; margin: 0 auto;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
    ul .uk-navbar-nav {width: 200px;}
    .uk-navbar-left {width: 180px;}
    .uk-navbar-nav .uk-active {color: #000000;}
    .uk-navbar-nav#main-menu {margin-right: 4vh; }
    .uk-navbar-nav>li>a{height: 75px; font-weight: 400; text-transform: initial; color: white; padding: 0px 0px 0px 20px; font-size: 0.9rem; font-family: "Muli", sans-serif; font-weight: 700;}
    .uk-navbar-nav>li.uk-active>a{color: #000000;}
    .uk-navbar-nav>li>a:hover{color: #000000;;}
    .uk-navbar-dropdown-nav>li>a{ color: #000000;text-transform: lowercase;height: auto;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #777777;}
    .uk-navbar-toggle {color: white !important; }
    .uk-navbar.uk-active .uk-navbar-toggle {color: #000000 !important;z-index: 5; }
    .has-dropdown{position: relative;  }
    .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -35px -12px; position: absolute; top: 35px; right: -15px; background-size: 1000px 500px;}
    .uk-navbar.uk-active .has-dropdown:after{background-position: -35px -11px;}
    .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: 170px;height: 170px;background-image: url('../img/colber-logo.svg');background-size: contain;background-repeat: no-repeat; position: relative; left: 0; top: 0;}
    #book-now-button{background-color: #33BDDD;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
    .uk-navbar-container.uk-active{background-color: #000000 !important;width: 100vw !important; height: 90px;}
    /*.uk-navbar-container.uk-active .uk-navbar-right {margin-right: 2vw;}*/
    .uk-navbar-nav>li>a:active{color: #777777; }    
    .uk-navbar-container.uk-active .uk-active>a {color: #777777 ; }
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #777777 ;}    
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
    .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;}
    .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: 210px;height: 110px;background-image: url('../img/logo-header.svg');background-size: contain;background-repeat: no-repeat;background-position: left center; margin-left: 10px;}

    
/* HOME NEW */


/* INDEX */
.home h1 {padding-top: 30vh; width: 80%; margin: 0 auto;}
.home .header {background-image: url('../img/bg-home-01.jpg'); background-position: center;}
.home .intro {text-align: center;}
.home .intro h3, .home .intro p  {text-align: center;}
.home .vestidor.img {background-image: url('../img/bg-home-02.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; }
.home .coleccion .col-ind {margin-top: 5vh; }
.home .coleccion .col-ind .img { background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 70vh;}
.home .coleccion .col-ind .text {position: relative;}
.home .coleccion .col-ind .text h3 {background-color: white; color: #000000; padding: 1rem 4rem; margin-left: -30vh; margin-top: 0vh; margin-bottom: 40px;}
.home .arrivals {position: relative;}
.home .arrivals .post-ind .img {background-image: url('../img/bg-home-04.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 25vh;}
.home .arrivals .post-ind { margin-bottom: 5vh; border: 3px solid transparent;}
.home .arrivals .post-ind .text p {margin-top: -5px; margin-bottom: 0;}
.home .section-social {text-align: right; position: relative;}
.home .section-social h4 {text-align: right; margin-bottom: -9px; margin-right: 10px;}
.home .section-social p {text-align: right; margin-right: 10px;}
.home .instagram {margin-top: 5vh;}
.home .feed-instagram { margin-bottom: 5vh;}
.home .feed-instagram .instagram-ind { border: 3px solid transparent;}
.home .feed-instagram iframe{width: 100% !important; margin-bottom: 20px !important;}
.home .feed-instagram iframe .image-box {width: 19.6% !important;}
.home .feed-instagram .instagram-ind .img {background-image: url('../img/bg-home-05.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 35vh;}
.home .feed-instagram .instagram-ind .text p {margin-top: -5px; margin-bottom: 0;}

    /* INSTAGRAM */
    #rudr_instafeed{list-style:none}
    #rudr_instafeed li{float:left;margin:5px; width:calc(25% - 10px);}
    #rudr_instafeed li.insta{background-size: cover; min-height: 30vh; background-position: center;}
    #rudr_instafeed li img{max-width:100%;max-height:100%;}
    
.home .bg-grey {min-height: 25vh; width: 100%; background-color: #f2f2f2; margin-top: 15vh; position: absolute; z-index: -1;}



.image-box {width: 24.6666666% !important;}
#link-8f3478bf0aaf9cd62c1cdcef7fba7605ed31c2f98b8da2dbbac9d1bdd586fc95 {display: none !important;}


/* NOSOTROS */
.nosotros .header {background-image: url('../img/bg-nosotros-01.jpg'); background-position: center; min-height: 60vh;}
.nosotros .intro { position: relative; margin-top: 10vh;}
.nosotros .intro .img {background-image: url('../img/bg-nosotros-02.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; position: relative;  } 
.nosotros .intro .text {position: relative;}
.nosotros .intro .text h3 {text-align: right; max-width: 300px; float: right; width: 100%; display: block;}
.nosotros .intro .text p {text-align: right; float: right; margin-top: 30px;}
.nosotros .intro .text p b {text-align: right; float: right; margin-top: 0px; font-weight: 700;}
.nosotros .tienda {position: relative; margin-top: 5vh; }
.nosotros .tienda .img-left {background-image: url('../img/bg-nosotros-03.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; position: relative; border-left: 40px solid white; border-right: 20px solid white; }
.nosotros .tienda .img-right {background-image: url('../img/bg-nosotros-04.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; position: relative;  border-right: 40px solid white; border-left: 20px solid white; }
.nosotros .marcas {position: relative; min-height: 30vh;}    
.nosotros .marcas .logo-1 {background-image: url('../img/logos/alta/morgan-2.png'); background-position: center; background-size: contain; background-repeat: no-repeat;  position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}
.nosotros .marcas .logo-2 {background-image: url('../img/logos/alta/francomina-2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat; position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}
.nosotros .marcas .logo-3 {background-image: url('../img/logos/alta/logo-denny_2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;  position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}
.nosotros .marcas .logo-4 {background-image: url('../img/logos/alta/met-jeans2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;  position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}
.nosotros .marcas .logo-5 {background-image: url('../img/logos/alta/sahoco-2.png'); background-position: center; background-size: contain; background-repeat: no-repeat;  position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}
.nosotros .marcas .logo-6 {background-image: url('../img/logos/alta/silvian-heach-logo-2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;  position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}
.nosotros .marcas .logo-7 {background-image: url('../img/logos/alta/tous-logo-2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;  position: relative; max-width: 180px; min-height: 30vh; margin: 0 auto;}


/* COLECCIONES */
.colecciones .header {background-image: url('../img/bg-colecciones-01.jpg'); background-position: center;}
.colecciones .coleccion {margin-top: 5vh; position: relative;}
.colecciones .coleccion .col-ind {position: relative;}
.colecciones .coleccion .col-ind:first-child {margin-top: 5vh;}
.colecciones .coleccion .col-ind .img-left {/*order: 0;*/ background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 70vh;}
.colecciones .coleccion .col-ind .text-right {/*order: 0;*/ position: relative;}
.colecciones .coleccion .col-ind .text-right h3 {background-color: white; color: #000000; padding: 1rem 4rem; margin-left: -30vh; margin-top: 0vh; margin-bottom: 30px;}
.colecciones .coleccion .col-ind .text-left {/*order: 0;*/ position: relative; text-align: left;}
.colecciones .coleccion .col-ind .text-left h3 {text-align: right; background-color: white; color: #000000; padding: 1rem 4rem; margin-right: -30vh; margin-top: 0vh;margin-bottom: 30px;}
.colecciones .coleccion .col-ind .text-left p {text-align: right;}
.colecciones .coleccion .col-ind .img-right {/*order: 0;*/ background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 70vh;}
.colecciones .coleccion .col-ind .img-right img, .colecciones .coleccion .col-ind .img-left img { background-size: cover; background-position: center; background-repeat: no-repeat;}
.colecciones .arrivals {position: relative;}
.colecciones .arrivals h3 {margin-top: 5vh;}
.colecciones .arrivals .post-ind .img { background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 25vh;}
.colecciones .arrivals .post-ind { margin-bottom: 10vh; border: 3px solid transparent;}
.colecciones .arrivals .post-ind .text p {margin-top: -5px; margin-bottom: 0;}
.colecciones .section-social {text-align: right; position: relative;}
.colecciones .section-social h4 {text-align: right; margin-bottom: -9px; margin-right: 10px;}
.colecciones .section-social p {text-align: right; margin-right: 10px;}
.colecciones .feed-instagram { margin-bottom: 5vh;}
.colecciones .feed-instagram .instagram-ind { border: 3px solid transparent;}
.colecciones .feed-instagram .instagram-ind .img {background-image: url('../img/bg-home-05.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 35vh;}
.colecciones .feed-instagram .instagram-ind .text p {margin-top: -5px; margin-bottom: 0;}
.colecciones .bg-grey {min-height: 45vh; width: 100%; background-color: #f2f2f2; margin-top: -30vh; position: absolute; z-index: -1;}


        /* COLECCION */
        .coleccion .header-coleccion {margin-top: -80px;}
        .coleccion .header-coleccion .img-header {background-position: top center; min-height: 70vh; background-size: cover;}
        .coleccion .header-coleccion .text-header h3 {background-color: white; color: #000000; padding: 1rem 4rem; margin-left: -30vh; margin-top: 10vh;}
        .coleccion .gal-coleccion {min-height: 70vh; width: 100%;}
        .coleccion .gal-coleccion .gallery {min-height: 50vh; width: 100%;}
        .coleccion .arrivals .post-ind .img { background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 25vh;}
        .coleccion .arrivals .post-ind { margin-bottom: 10vh; border: 3px solid transparent;}
        .coleccion .arrivals .post-ind .text p {margin-top: -5px; margin-bottom: 0;}
        .coleccion .feed-instagram { margin-bottom: 5vh;}
        .coleccion .feed-instagram .instagram-ind { border: 3px solid transparent;}
        .coleccion .feed-instagram .instagram-ind .img {background-image: url('../img/bg-home-05.jpg'); background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 35vh;}
        .coleccion .feed-instagram .instagram-ind .text p {margin-top: -5px; margin-bottom: 0;}
        .coleccion .sc-slider {margin-bottom: 5vh; margin-top: 5vh;}
        .coleccion  svg:not(:root) { background-color: #000000 !important; padding: 1rem !important; opacity: 1 !important; -webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
        .coleccion .sc-slider .owl-item{opacity: 0.6;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;cursor: pointer;    height: 60vh;}
        .coleccion .sc-slider .owl-item:hover, .coleccion .sc-slider .owl-item.center{opacity: 1;}
        .coleccion .owl-carousel .owl-stage-outer {height: 80vh;}
        .coleccion .owl-carousel .owl-item img { border-left: 60px solid white;}
        
        .coleccion .galeria {position: relative; margin-top: 10vh; margin-bottom: 20vh;}
        .coleccion .galeria h3 {color: white}
        .coleccion .galeria p {color: white; max-width: 500px; width: 100%;}
        .coleccion .galeria .img-left {min-height: 30vh; margin-top: 15vh;background-image: url('../img/bg-home-05.jpg'); background-position: top center; background-size: cover; }
        .coleccion .galeria .img-right {min-height: 80vh; background-position: top center; background-size: cover;}
        .coleccion .galeria .text {margin-left: 10vh; margin-top: -200px; max-width: 500px;position: relative; z-index: 3;}
        .sc-slider .owl-item{opacity: 0.6;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out,  .35s ease-in-out;cursor: pointer;}
        .sc-slider .owl-item:hover, .sc-slider .owl-item.center{opacity: 1;}
        .sc-slider .owl-item.active.center {width: 30% !important;min-height: 80vh;}
        .sc-slider .owl-carousel.owl-drag .owl-item  {width: 10% !important;}
        .owl-carousel .owl-prev {display: block; position: absolute; z-index: 2; width: 22px; height: 45px; top: 50% !important; left: 26%; background-image: url(../img/assets-sprite.svg); background-position: -239px 0px;; font-size: 0; background-size: 1000px 500px; z-index: 5;}
        .owl-carousel .owl-next {display: block; position: absolute; z-index: 2; width: 22px; height: 45px; top: 50% !important; right: 5vh; background-image: url(../img/assets-sprite.svg); background-position: -268px 0px;; font-size: 0; background-size: 1000px 500px; z-index: 5; }
        li span.share{color: #000000; background-color: transparent;border-bottom: 1px solid transparent; padding: 0;}
        li span.share:hover{border-bottom: 1px solid #000000; background-color: transparent;color: #000000;}
        li.share {margin-top: -70px;}

     
            /* menu */
            .coleccion .uk-navbar-container.uk-navbar{height: 80px;z-index:4;background-color: transparent; width: 100vw; margin: 0 auto;}
            .coleccion .uk-navbar-nav>li>a {color: #000000;}
            .coleccion .uk-navbar-nav>li>a:hover {color: #777777;}
            .coleccion .uk-navbar.uk-active .uk-navbar-nav>li>a {color: white;}
            .coleccion .uk-navbar.uk-active .uk-navbar-nav>li>a:hover {color: #777777;}
            .coleccion .bg-grey {width: 100%; background-color: #f2f2f2; z-index: -1;}





/* ARRIVAL */
.arrival .header {background-position: center;}
.arrival .arrivals {position: relative;}
.arrival .arrivals .post-ind .img {background-position: top center; background-size: cover; background-repeat: no-repeat; min-height: 25vh;}
.arrival .arrivals .post-ind { margin-bottom: 5vh; border: 3px solid transparent;}
.arrival .arrivals .post-ind .text p {margin-top: -5px; margin-bottom: 0;}
.arrival .bg-grey {min-height: 45vh; width: 100%; background-color: #f2f2f2;  z-index: -1;}
.arrival .arrivals .post-ind .text p {margin-top: -5px; margin-bottom: 0;}
.arrival .gallery-item {border:5px solid white;background-size: cover;background-position: center; min-height: 50vh;}
.arrival .gallery-item img {min-height: 30vh;}
.arrival .header-arrival .img-gal {margin-top: 10vh; margin-bottom: 10vh;}
.arrival .header-arrival .img-gal .gallery a {height: 40vh; background-size: contain;  background-position: center; background-repeat: no-repeat;}
.arrival  svg:not(:root) { background-color: #000000 !important; padding: 1rem !important; opacity: 1 !important; -webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; }
.arrival .header-arrival .text h3 {font-size: 2.2rem;}

        /* menu */
        .arrival .uk-navbar-container.uk-navbar{height: 80px;z-index:4;background-color: #000000; width: 100vw; margin: 0 auto;}
        .arrival .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
        .arrival ul .uk-navbar-nav {width: 200px;}
        .arrival .uk-navbar-left {width: 180px;}
        .arrival .uk-navbar-nav .uk-active {color: #000000;}
        .arrival .uk-navbar-nav#main-menu {margin-right: 4vh; }
        .arrival .uk-navbar-nav>li>a{height: 75px; font-weight: 400; text-transform: initial; color: white; padding: 0px 0px 0px 20px; font-size: 0.9rem; font-family: "Muli", sans-serif; font-weight: 700;}
        .arrival .uk-navbar-nav>li.uk-active>a{color: #000000;}
        .arrival .uk-navbar-nav>li>a:hover{color: #777777;;}
        .arrival .uk-navbar-dropdown-nav>li>a{ color: #000000;text-transform: lowercase;height: auto;}
        .arrival .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #777777;}
        .arrival .uk-navbar-toggle {color: white !important; }
        .arrival .uk-navbar.uk-active .uk-navbar-toggle {color: #000000 !important;z-index: 5; }
        .arrival .has-dropdown{position: relative;  }
        .arrival .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -35px -12px; position: absolute; top: 35px; right: -15px; background-size: 1000px 500px;}
        .arrival .uk-navbar.uk-active .has-dropdown:after{background-position: -35px -11px;}
        .arrival .bm-waves a{padding: 0 !important;font-size: 0 !important;}
        .arrival .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
        .arrival .bm-waves span{width: 170px;height: 170px;background-image: url('../img/colber-logo.svg');background-size: contain;background-repeat: no-repeat; position: relative; left: 0; top: 0;}
        .arrival #book-now-button{background-color: #33BDDD;color: white;display: none;}
        .arrival #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
        .arrival .uk-navbar-container.uk-active{background-color: #000000 !important;width: 100vw !important; height: 90px;}
        /*.uk-navbar-container.uk-active .uk-navbar-right {margin-right: 2vw;}*/
        .arrival .uk-navbar-nav>li>a:active{color: #777777; }    
        .arrival .uk-navbar-container.uk-active .uk-active>a {color: #777777 ; }
        .arrival .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #777777 ;}    
        .arrival .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
        .arrival .uk-form-div{position: relative;padding: 0 !important;}
        .arrival .uk-notification-message{font-size: 1rem;}
        .arrival .uk-notification{width: 400px;}
        .arrival .uk-notification-top-center{margin-left: -200px;}
        .arrival .bm-waves a{padding: 0 !important;font-size: 0 !important;}
        .arrival .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
        .arrival .bm-waves span{width: 210px;height: 110px;background-image: url('../img/logo-header.svg');background-size: contain;background-repeat: no-repeat;background-position: left center; margin-left: 10px;}




/* CONTACTA */
.contacta .header {background-image: url('../img/bg-contacta-01.jpg'); background-position: center; min-height: 60vh;}
.contacta .intro { position: relative; margin-top: 10vh;}
.contacta .intro .info { background-color: white; position: relative; z-index: -1; height: 65vh;}
.contacta .intro .info h3 {text-align: right; margin-bottom: 20px; word-wrap: break-word;}
.contacta .intro .info p {text-align: right;}
.contacta .intro .form-right {position: relative; z-index: 1; background-color: #f2f2f2;  padding-bottom: 20vh;}
.contacta .intro .form-right h3 {text-align: right;}
.contacta .intro .form-right h4 {text-align: left;}


        /* mapa */
        #map {margin-top: -15vh; position: relative; z-index: 2;}
        #map-container{ -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;width: 100%;height: 450px;display: block;}
        #map-container .text h3 {background-color: white; padding: 1rem 4rem;position: absolute; z-index: 3; margin-left: -100px; margin-top: 50px;}
        #map-container.obert{max-height: 2000px;margin-top: 100px;}
        #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}



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



  /* cookies i aviso legal */
  .cookies .header{background-image: url('../img/bg-cookies.jpg');background-position: center 20%;}
  .cookies .uk-link, a {color: #2a2c37;}
  .cookies .uk-link, a:hover {color: #333;}
  .legal .header{background-image: url('../img/bg-legal.jpg');background-position: center 20%;}

  /* footer */
  footer{background-color: #000000;padding-bottom: 2vh !important;}
  footer h5, footer h4 {color: white;}
  footer h6{color: #fff;margin-bottom: 10px;display: block;font-size: 1rem;}
  footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
  .footer-logo {display: inline-block;width: 180px;}
  .footer-logo img{width: 100%;}
  .footer-logo-center {display: inline-block;width: 100%;text-align: center;}
  .footer-logo-center img{width: 200px;}
  .list-links li{margin-top: 10px;}
  .social {margin-top: 10px; }
  .contacta .social {margin-top: 30px; }
  .footer-social{text-align: center;}
  .footer-social li{display: inline-block;}
  .footer-social li a{display: block;height: 35px;}
  .footer-social li a:hover{opacity: 0.7;}
  .footer-menu{float: right;}
  .footer-ul {right: 0;  margin-top: 0;}
  .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{opacity: 0.7;}
  .footer-submenu{float: right;}
  .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;}
  .copyright{float: left;font-size: 0.8rem;color: white;margin-top: 5px;}
  .autor{float: right; text-align: right;margin-top: 10px !important;}
  .autor p{float: right; text-align: right; color: #666666 !important;font-size: 0.7rem; margin-top: 10px !important; ;} 
  .autor a{color: #666666;font-weight: 700;margin-top: 10px !important; ;}


/* 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;}
  .section-intro {padding:10vh;}
  


    /* fetiche */
   



}

@media (max-width: 1024px){ /* ipad */


}


@media (max-width: 959px){ /* medium */
    h3 {font-size: 2rem; margin-bottom: 20px !important;}
    .section {padding:10vh;}
    .section-intro {padding:10vh;}
    .header h1 {font-size: 2rem;}
    .menu-header .menu a{font-size: 0.9rem;}
    .is-stuck .header-logo{width: 230px;}
    .uk-navbar-nav>li>a{padding: 0 15px;}
    .uk-navbar-container{height: auto;background-color: white;}
    .uk-navbar-right{width: 100%;display: block; height: auto; margin-right: 2vh;}
    .uk-navbar-left{display: inline-block;}
    .uk-navbar-nav#main-menu{display: none; position: absolute; top: 0; left: 0; padding: 30px 0vw 0 0vw; width: 100%; 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;height: 80px;}
    .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px;}
    .uk-navbar-toggle{width: 80px;height: 85px;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;position: relative; width: 180px; }
    .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: #000000 !important  ; text-transform: initial;font-size: 0.8rem; }
    .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #777777 !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: #000000;}
    .uk-nav-default {    margin-top: 10px; font-weight: 300;}
    .bm-waves span {height: 90px;}
    .uk-navbar-container.uk-active {height: 80px;}
    .nosotros .intro {margin-top: 0;}
    .nosotros .tienda .img-left {border-left: 0px; border-right: 0px;} 
    .nosotros .tienda .img-right {border-left: 0px; border-right: 0px; margin-top: 5vh;} 
    .footer-logo-center {text-align: left;margin-left: -30px;}
    .footer-logo-center img, .footer-logo {margin-left: -30px;}
    .footer-ul.right {float: left !important;}
    .coleccion .uk-navbar-container.uk-navbar {background-color: #000;}
    

   /* fetiche */
   .colecciones .coleccion .col-ind .text-right h3 {margin-left: 0; padding: 0;}
   .colecciones .coleccion .col-ind .text-left h3 {margin-right: 0; padding: 0;}
   .coleccion .header-coleccion .text-header h3 {padding: 0; margin-left: 0;}
   .home .coleccion .col-ind .text h3  {padding: 0; margin-left: 0;}
   .contacta .intro {margin-top: 0;}
   .contacta .intro .info {height: auto;}
   #map-container .text h3 {margin-left: 0; padding: 0; position: relative !important;padding: 10vh 0 2vh; margin-top: 0;}
   #map-container {margin-bottom: 10vh;}
   .width {width: 100%;}
   .home .bg-grey {display: none;}
   .colecciones .coleccion .col-ind:first-child {margin-top: 0;}
   .colecciones .coleccion {margin-top: 0;}
    .order-1{order: -1;}
    .colecciones .coleccion .col-ind .img-col{min-height: 50vh ;}
    .colecciones .header{background-image: none;min-height: auto;}
    .colecciones .header .overlay{display: none;}
    .colecciones .header h1{color: #000;padding-top: 120px;padding-bottom: 40px;}
    .colecciones .header h1 span{color: #000;}
   /* .colecciones .coleccion .col-ind .img-left {order: 0;}
   .colecciones .coleccion .col-ind .text-right {order: 0;}
   .colecciones .coleccion .col-ind .img-right {order: 0;}
   .colecciones .coleccion .col-ind .text-left {order: 0;} */
   .coleccion .bg-grey {margin-top: -35vh;}
   .coleccion .text-left .uk-button.uk-button-default.uk-align-right {margin-bottom: 10vh;}
   .arrival .header-arrival .img-gal {margin-top: 0;}
   
   

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

    /* fetiche */
  
}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10%;}
    .section-text{padding: 10%;}
    .coleccion .bg-grey {margin-top: -15vh;}
 

        /* fetiche */
        h1 {word-wrap: break-word;}
        .home h1 {padding-bottom: 10vh;}
        .nosotros .marcas .logo-1, .nosotros .marcas .logo-2, .nosotros .marcas .logo-3, .nosotros .marcas .logo-4, .nosotros .marcas .logo-5, .nosotros .marcas .logo-6, .nosotros .marcas .logo-7 {margin-left: 20px; width: calc(50% - 20px);}
        .footer-submenu {float: left;}
        .coleccion .arrivals .post-ind .img {min-height: 40vh;}
        .coleccion .galeria h3 {font-size: 1.6rem;}
        .home .arrivals .post-ind .img {min-height: 40vh;}
     
      
    
}
@media (max-width: 459px){ /* x-small */

    
    /* fetiche */

}