/* Developed entirely by staycreative.es 2023 */ /* 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: #000000;} *+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;} /* Generals */ html, body { font-family: "Manrope", sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #000000;font-size: 1.1rem;} p{ font-family: "Manrope", sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5;} b, strong{font-weight: 700;} h1, h2, h3{ font-family: "Manrope", sans-serif; margin-bottom: 0; margin-top: 0px; color: #000000;} h4, h5, h6 { font-family: "Manrope", sans-serif; color: #000000;} h1 {font-size: 3rem;} h2 {font-size: 2.6rem;} h3 {font-size: 2.2rem; line-height: 1.2;} h4 {font-size: 1.8rem;} /* h5 {font-size: 3rem;} */ /* h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-style: italic;display: block;font-size: 40%;font-weight: 300;font-family: 'Golos Text';} */ ul {padding-left: 0px;} /* li {text-decoration:none; list-style-type: none; color: #323031;} */ .post ul li {text-decoration: initial !important;} a {-webkit-transition: ease-in-out, .20s ease-in-out;transition: ease-in-out, .20s ease-in-out; word-wrap: break-word;color: #1c1c1c;} a:hover{color: #1c1c1c;} a span {display: inline-block;} small {font-weight: 300 !important;} ul li {list-style-type: none; list-style: none; } /*p b {font-size: 1rem; font-weight: 600;}*/ :focus {outline: none;} /* Buttons */ .uk-button{ font-family: "Manrope", sans-serif; border:0;line-height: 1.5; 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.7rem 1.5rem; font-weight: 500; text-align: left; position: relative; text-transform: inherit; border-radius: 30px;} /* .uk-button-default{background-color: transparent; color: #000; font-weight: 700;} .uk-button-default:hover{background-color: transparent; color: #af472b !important; } .uk-button-default span {width: 30px; height: 7px; background-color: #af472b; margin-right: 10px; position: relative; margin-bottom: 4px; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;} .uk-button-default:hover span {padding-right: 20px;} */ .uk-button-default{background-color: transparent; color: #af472b; border: 1px solid #af472b;} .uk-button-default:hover{background-color: #af472b; color: white !important; border: 1px solid #af472b;} .uk-button-primary{background-color: #000000; color: white; border: 1px solid #000000;} .uk-button-primary:hover{background-color: #af472b; color: white !important; border: 1px solid #af472b;} .uk-button-secondary{background-color: white; color: #af472b; border: 1px solid white;} .uk-button-secondary:hover{background-color: transparent; color: white !important; border: 1px solid white;} .uk-button-book {background-color: #af472b; color: white !important; border: 1px solid #af472b; padding: 7px; font-family: "Manrope", sans-serif; font-size: 2.2rem; font-variation-settings: "wght" 70, "wdth" 35; margin-top: 10vh; } .uk-button-book span {border: 3px solid white; padding: 1px 8px;} .uk-button-book:hover {background-color: white; color: #af472b !important;} .uk-button-book:hover span {border: 3px solid #af472b; padding: 1px 8px;} .uk-navbar-container.uk-active .uk-button-book {margin-top: 0; margin-right: 30px; padding: 0.3rem 0.5rem;} /* uk notification */ .uk-notification-message{background-color: white;border: 1px solid #eee;} .uk-notification-message{font-size: 1rem;} .uk-notification{width: 400px;} .uk-notification-top-center{transform: translateX(-50%) !important;margin-left: 0;} /* 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;} /* 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;} /* modal */ #modal-container h5 {font-size: 1.2rem;} /* form */ .form {position: relative; z-index: 2;} .form .uk-form-label{font-weight: 400; color: white;} .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea, .form input[type=search]{min-height: 40px; margin-top: 0px !important; padding: 15px 30px; border:0; border: 1px solid #AF472B; background-color: transparent; box-shadow: none; border-radius: 30px; margin-bottom: 6px; color: #AF472B !important; font-size: 1rem;height: auto; font-family: "Manrope", sans-serif;} .form .uk-select:not([multiple]):not([size]){background-image: none; color: white !important;} .uk-select:not([multiple]):not([size]) option {background-color: white !important; color: #1b1f28 !important;} .bg-select-white:focus {background-color: white !important; color: white !important;} /* .form p {color: white;} */ .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder, .form input[type=search]::placeholder{color: #1c1c1c !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{ background-color: transparent !important; color: #1c1c1c !important;} .form select{padding-right: 30px;} .form textarea{margin-bottom: 10px;padding: 15px 30px; color: white;} .uk-input:focus, .uk-select:focus, .uk-textarea:focus {border-color: #1c1c1c !important;} .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: #1c1c1c !important;font-size: 0.8rem;} .form small{color: #1c1c1c; font-size: 0.7rem;} .form .uk-checkbox {border-color: #1c1c1c !important;} /* .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #fff !important;} */ .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #1c1c1c;} .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;} .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #1c1c1c;} .form input:-webkit-autofill, .form input:-webkit-autofill:hover, .form input:-webkit-autofill:focus .form textarea:-webkit-autofill, .form textarea:-webkit-autofill:hover .form textarea:-webkit-autofill:focus, .form select:-webkit-autofill, .form select:-webkit-autofill:hover, .form select:-webkit-autofill:focus { border-bottom: 1.5px solid #AF472B; -webkit-text-fill-color: #AF472B; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s;} .form input[type=text]::placeholder,.form input[type=email]::placeholder,.form input[type=number]::placeholder,.form select,.form textarea::placeholder{color: #1c1c1c !important; font-size: 1rem;} form, input:focus::placeholder { color: #1c1c1c;} .form .uk-form-danger, .form .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;} /* Icons */ .icon{background-image: url('../../public/img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;} .icon.facebook {width: 35px; height: 35px; background-position: -240px 0px; position: relative; top: 5px;} .icon.instagram {width: 35px; height: 35px; background-position: -310px 0px; position: relative; top: 5px;} .icon.facebook-c {width: 35px; height: 35px; background-position: -240px -35px; position: relative; top: 5px;} .icon.instagram-c {width: 35px; height: 35px; background-position: -310px -35px; position: relative; top: 5px;} .icon.twitter {width: 30px;height: 30px;background-position: -155px 0px;} .icon.linkedin {width: 30px;height: 30px;background-position: -215px 0px;} .icon.arrow-right {width: 30px;height: 30px;background-position: -125px -30px;} .icon.menu-opener{width: 40px;height: 40px;background-position: -185px 0;cursor: pointer;} .icon.menu-opener-alt{width: 40px;height: 40px;background-position: -225px 0;padding: 0; position: relative;top: auto;right: auto;z-index: 1;cursor: pointer;} .icon.audio{position: absolute;bottom: 100px;right: 70px;cursor: pointer;opacity: 0.5;} .icon.audio.audio-on{background-position: -245px -30px;width:30px;height: 30px;} .icon.audio.audio-off{background-position: -245px 0px;width:30px;height: 30px;} .icon.full-video{background-position: -245px -60px;width:30px;height: 30px;position: absolute;bottom: 100px;right: 30px;cursor: pointer;opacity: 0.5;} .icon.audio:hover, .icon.full-video:hover{opacity: 1;} /* menu */ .uk-navbar-container:not(.uk-navbar-transparent){height: 100px;z-index:5;background-color: white;box-sizing: border-box;} .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;gap: 10px; margin-left: 30px;} .uk-navbar-container .uk-navbar-center img {width: 200px !important; margin-top: 20px !important;} .uk-navbar-container.uk-active .uk-navbar-center img {width: 150px !important; margin-top: 0 !important;} .uk-navbar-left {float: left; } .uk-navbar-right {background-color: transparent;} .uk-navbar-nav>li>a, .uk-navbar-nav>li ul.uk-nav-sub li a{font-weight: 300; color:white; padding: 0px 10px; font-size: 1rem; font-family: "Manrope", sans-serif;text-transform: none;} .uk-navbar-nav>li ul li a, .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover{font-weight: 300;font-size: 1rem; font-family: "Manrope", sans-serif;text-transform: none;} .uk-navbar-nav .uk-active {color:#1c1c1c; } .uk-navbar-nav#main-menu {gap: 15px;} .uk-navbar-nav#main-menu .lang{margin-left: 10px;} .uk-navbar-nav#main-menu .lang .languages-menu{padding: 5px;float: left;width: 100%;box-sizing: border-box;} .uk-navbar-nav#main-menu .lang .languages-menu li{width: 50%;display: inline-block;text-align: center;float: left;font-size: 0.9rem;padding: 7px 0px;} .uk-navbar-nav#main-menu .lang .languages-menu li a{padding: 0;color: #1c1c1c;} .uk-navbar-nav#main-menu .lang .languages-menu li a:hover{color: #1c1c1c;} .uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a{color: #F3EDE5 !important;} .uk-navbar-dropdown-nav>li>a{ color: #1c1c1c; height: auto;} .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #1c1c1c;} .uk-navbar-dropdown{position: absolute; } .uk-navbar-dropdown.uk-navbar-dropdown-bottom-left {z-index: 100000;left: 0px; top: -5px;} .uk-navbar-dropdown.uk-open{background-color: rgba(255, 255, 255, 0.8);} .uk-navbar-dropdown.uk-open:before{content: "";width: 0;height: 10px;display: block;position: absolute;top: -20px;left: 30px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(255, 255, 255, 0.8);} .uk-navbar-dropdown.uk-open.uk-navbar-dropdown-bottom-right:before{left:auto;right: 30px;} .uk-navbar-toggle {color: white !important; } .uk-nav-parent-icon>.uk-parent>a::after{background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");} .uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");} /* .uk-navbar.uk-active .uk-navbar-toggle {color: #1c1c1c !important;z-index: 5; } */ .has-dropdown{position: relative; } .has-dropdown {padding-right: 0;} .uk-navbar-dropdown {width: 300px; } .has-dropdown:after{content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 39px; right: -2px; background-size: 1000px 500px;} /* .has-dropdown:hover:after, .uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -4px; position: absolute; top: 39px; right: -2px; background-size: 1000px 500px;} */ .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -7px; position: absolute; top: 40px; right: -5px; background-size: 1000px 500px;} .uk-navbar.uk-active .lang.has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 5px; background-image: url(../../public/img/assets-sprite.svg); background-position: -55px -8px; position: absolute; top: 40px; right: -15px; background-size: 1000px 500px;} .bm-waves a{padding: 0 !important;font-size: 0 !important;display: block;} .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;} .bm-waves span{display: block; z-index: 1; position: relative; width: 180px; height: 100px;background-image: url('../../public/img/logo-header.svg'); background-size: contain; background-repeat: no-repeat; position: relative;background-position: center;margin: 0px;} .uk-navbar-container.uk-active{width: 100vw !important; height: 100px; z-index: 5; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%);} .uk-navbar-container.uk-active .bm-waves span {background-image: url('../../public/img/logo-header.svg');} .uk-navbar-container.uk-active .uk-navbar-right {background-color: transparent; height: 100px; box-shadow: none;} .uk-navbar-nav>li>a:active{color: #999; } .uk-navbar-container.uk-active .uk-navbar-nav>li.uk-active>a {color: #fff !important;font-weight: 600;} .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #fff;} .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #D3CBC3 !important;} .uk-navbar-container.uk-active .uk-navbar-nav>li>a.uk-active {font-weight: 600;} .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;} /* .uk-navbar-container.uk-active .bm-waves span{margin-top: 0;width: calc(100vw - 150px);} */ .uk-navbar-container.uk-active .uk-button-menu {color: #999 !important;} .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-button-menu svg:not(:root) {width: 50px; height: 50px;} .uk-button-menu svg:not(:root) rect {height: 1px !important;} /* .menu .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve), #book .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {display: none;} */ .sales-dropdown{position: relative;} .sales-dropdown .sd-container{margin-top: 0;padding: 30px 20px 20px;} .sales-dropdown .sd-container li .sd-menu-item{opacity: 0.6;} .sales-dropdown .sd-container li:hover .sd-menu-item{opacity: 1;} .sales-dropdown .sd-container a{text-align: center;font-weight: 600;} .sd-menu-item{background-position: center;background-size: cover;background-repeat: no-repeat;margin-bottom: 10px;} #main-menu li.lang-item:first-child{margin-left: 20px;} #main-menu .lang-item:last-child{margin-right: 20px;} #main-menu .lang-item a{text-transform: uppercase !important;padding-right: 0;} .menu-opener{width: 100px;height: 100px;background-color: transparent;cursor: pointer;z-index: 1;position: relative;} .menu-opener .hamburger-lines {display: block;height: 30px;width: 50px;position: absolute;top: 32px;left: 25px;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap-reverse;} .menu-opener .hamburger-lines .line {display: block;height: 3px;border-radius: 0;background: #fff;} .menu-opener .line1{width: 80%;} .menu-opener .line2{width: 60%;} .menu-opener .line3{width: 80%;} .menu-opener:hover .hamburger-lines .line{width: 100%;} /* MENU ICON */ #menu-icon { width: 40px; height: 30px; background-color: #af472b; padding: 10px 30px; border-radius: 30px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 1111;} #menu-icon span {display: block; position: relative; height: 4px; width: 40px; background: white; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} .uk-navbar-container.uk-active #menu-icon span {background: #fff;} .uk-offcanvas-container #menu-icon span {background: #fff;} .container-phone {background-image: url(../../public/img/icons/icon-tel.svg); width: 40px; height: 51px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} /* .uk-navbar-container.uk-active .container-phone {background-image: url(../../public/img/icons/icon-tel-w.svg);} */ .uk-navbar-container.uk-active .container-phone:hover {filter: brightness(0);} .container-contact {background-image: url(../../public/img/icons/icon-contact.svg); margin-left: 5px; width: 40px; height: 40px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} .uk-navbar-container.uk-active .container-contact {background-image: url(../../public/img/icons/icon-contact-w.svg);} .uk-navbar-container.uk-active .container-contact:hover {filter: brightness(0);} #menu-icon span:nth-child(1) {top: 4px;} #menu-icon span:nth-child(2) {top: 10px;} #menu-icon span:nth-child(3) {top: 6px;} #menu-icon span:nth-child(4) { top: 12px;} #menu-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;} #menu-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #menu-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #menu-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;} #menu-icon.open .text-menu-open {position: relative; margin-left: 70px; font-size: 1.2rem; top: -16px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline;} .text-menu-open {position: relative; margin-left: 70px; font-size: 1.2rem; top: 2px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline;} #menu-icon.open .text-menu-close {position: relative; margin-left: 70px; font-size: 1.2rem; top: -16px; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; display: inline; display: inline-block;} /* #menu-icon .text-menu-open {display: inline-block;} */ #menu-icon .text-menu-close {display: none;} #menu-icon.open .text-menu-open {display: none;} #menu-icon:hover span {background: #232323 !important;} #menu-icon:hover p {color: #232323 !important;} .menu-lang li:first-child a {font-weight: 400;} #offcanvas-nav-primary {background: rgb(98, 173, 224 / 60%) !important;} #offcanvas-nav-primary .uk-nav-primary {width: auto; } #offcanvas-nav-primary .uk-offcanvas-overlay::before {background: rgba(98, 173, 224,1);} #offcanvas-nav-primary .uk-offcanvas-bar {width: auto; background: #af472b !important; padding: 0 10vh;} #offcanvas-nav-primary .uk-nav-primary>li>a { font-family: "Manrope", sans-serif;font-weight: 500; font-style: normal; font-size: 1.8rem; color: white;} #offcanvas-nav-primary .uk-nav-primary>li.lang>a { font-family: "Manrope", sans-serif;font-weight: 400; font-style: normal; font-size: 1.5rem; color: white;} #offcanvas-nav-primary .uk-nav-primary .uk-nav-sub span { font-family: "Manrope", sans-serif;font-weight: 500; font-style: italic; font-size: 1.4rem;} #offcanvas-nav-primary .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { font-family: "Manrope", sans-serif;font-weight: 400; font-size: 1.2rem; color: white; text-transform: inherit; border: 0; display: block;} #offcanvas-nav-primary .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, #offcanvas-nav-primary .uk-nav-primary>li>a:hover {color: #000000; } .uk-offcanvas-overlay.uk-open::before {display: none;} .uk-offcanvas-bar {color: white;} #offcanvas-nav-primary .uk-nav-primary>li>a {-webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;font-weight: 500;} #offcanvas-nav-primary .uk-nav-primary>li>a .uk-icon-image {opacity: 0 !important;} #offcanvas-nav-primary .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important;} #container-images {height: 100vh; width: calc(100vw - 500px); top: 0; left: 500px; position: absolute; background-color: #af472b;} #container-images .con-img-ind {width: 50vw;} #offcanvas-nav-primary .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 0 !important;} #offcanvas-nav-primary .uk-nav-primary>li.uk-active>a {color: #000000; line-height: 1.1; text-decoration: underline;} #offcanvas-nav-primary .uk-nav-primary>li.uk-active>a:hover {color: #000000;} #offcanvas-nav-primary .uk-nav-primary>li.uk-active>a .uk-icon-image {opacity: 1 !important; } #offcanvas-nav-primary .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important; } #offcanvas-nav-primary a h3 {font-size: 3.6rem; -webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;} #offcanvas-nav-primary li.uk-active a h3 {color: #000;} #offcanvas-nav-primary a:hover h3 {color: #000; } .switcher-img {width: 50vh; /*opacity: 0;*/} .switcher-img-room {width: 50vh; /*opacity: 0;*/} #offcanvas-usage {z-index: 1111;} #offcanvas-usage .uk-icon>* {width: 30px; height: 30px; stroke-width: 1px;} #offcanvas-usage .uk-offcanvas-bar {width: auto; background: #af472b !important; padding: 0 10vh;} #offcanvas-usage h3 {font-size: 3rem; font-variation-settings: "wght" 70, "wdth" 35;} #offcanvas-usage a h3 {-webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out; } #offcanvas-usage a:hover h3 {color: white !important;} #offcanvas-usage h3.small {font-size: 2rem; } #offcanvas-usage h3.small p {font-size: 2rem; font-family: "Manrope", sans-serif; font-variation-settings: "wght" 70, "wdth" 35; line-height: 1.1;} .uk-offcanvas-bar .uk-nav-primary .uk-nav-divider {border-top-color: rgba(255, 255, 255, 1);} /* HACKS */ .clear{clear: both;} .overlay{background-color: rgba(98, 173, 224,0.6);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; } .overlay-dark{background-color: rgba(0, 0, 0,0.5);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; } .overlay-light{background-color: rgba(255,255,255,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; } .overlay-top { position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 0; mix-blend-mode: multiply; background: transparent; background: -webkit-linear-gradient(to top, transparent 75%, #af472b 100%); background: -moz-linear-gradient(to top, transparent 75%, #af472b 100%); background: linear-gradient(to top, transparent 75%, #af472b 100%);} .d-block{display: block;} .section{padding: 5vh;} .section-large{padding: 10vh;} .section-small{padding: 3vw;} .transition {-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;} .bg-white {background-color: #fff !important;} .white {color: #fff !important;} .bg-light {background-color: #fffaf3 !important;} .light {color: #f6f6f6 !important;} .bg-dark {background-color: #000000 !important;} .dark {color: #000000 !important;} .bg-primary{background-color: #af472b !important;} .primary{color: #af472b !important;} .bg-secondary{background-color: #000000 !important;} .secondary{color: #000000 !important;} .bg-img {background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-img img{width: 100%;} .text-white{color: #fff;} .shadow {box-shadow: 0 0px 10px rgba(0,0,0,0.3);} .text-shadow {text-shadow: 1px 1px 8px #232323;} .b-bottom {border-bottom: 1px solid #eee;} .b-top {border-top: 1px solid #040f0c;} .sans { font-family: "Manrope", sans-serif;} /* .bold {font-family: 'Golos Text', sans-serif !important;} */ .serif { font-family: "Manrope", sans-serif;} p.lead{font-size: 120%;} .border-radius-large {border-radius: 200px;} .border-radius {border-radius: 30px;} .uk-heading-small {font-size: 2rem !important;} .uk-heading-medium {font-size: 2.5rem !important;} .uk-heading-large {font-size: 3rem !important;} .container-border{border-top: 1.5px solid #040f0c; border-bottom: 1.5px solid #040f0c;} .container-text {max-width: 700px; margin: 0 auto;} .container-feed {width: calc(100% - 10%); padding-left: 10%;} /* PRELOADER */ .preloader{position: fixed;z-index: 11111;width: 100vw;height:100vh; opacity: 1; background: white; top: 0;left: 0;} .preloader img{-webkit-animation: heartbeat 1.5s ease-out infinite normal;animation: heartbeat 1.5s ease-out infinite normal;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);} @keyframes heartbeat{ 0%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;} 15%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;} 30%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;} 90%{transform: scale( 1 ) translate(-50%,-50%);opacity:1;} 80%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;} 100%{transform: scale( .95 ) translate(-50%,-50%);opacity:0.6;} } /* GENERALS */ /* .uk-dotnav>* {margin-left: 5px; border: 1px solid #af472b;} */ .uk-dotnav>* {padding-left: 6px;} .uk-dotnav>*>* {width: 20px; height: 8px; border-radius: 0;} .uk-lead{font-size: 120%;} .header{height: 75vh; margin-top: -100px;} .header .header-text {padding: 10vh;} .header .header-text h1 {font-size: 3rem;} .bg-menu{height: 100px;margin-top: -100px;background-color: #D3CBC3;width: 100%;} .g-overlay{position: absolute;bottom: 0;left: 0;width: 100%;height: 10vh; background-image: linear-gradient(to bottom, rgba(43,46,54,0), rgba(43,46,54,0.5));z-index: 1;} .g-overlay-top{position: absolute;top: 0;left: 0;width: 100%;height: 10vh; background-image: linear-gradient(to top, rgba(43,46,54,0), rgba(43,46,54,0.5));z-index: 1;} .d-none{display: none;} .cursor-pointer {cursor: pointer;} .uk-link{color: #524842;} .uk-link:after{content:"";display:inline-block; background-image: url('../../public/img/assets-sprite.svg');background-size: 1000px 500px; width: 12px;height: 12px;background-position: -113px -0px;margin-left: 5px;vertical-align: middle;margin-top: -1px;} .uk-link:hover{color: #524842;text-decoration: underline;} .uk-link-alt{color: #fff;} .uk-link-alt:after{content:"";display:inline-block; background-image: url('../../public/img/assets-sprite.svg'); background-size: 1000px 500px; width: 12px;height: 12px;background-position: -113px -12px;margin-left: 5px;vertical-align: middle;margin-top: -1px;} .uk-link-alt:hover{color: #fff;text-decoration: underline;} .underline {text-decoration: underline;} .page .header{height: calc(70vh + 15px);} /* .page .uk-navbar-right {height: calc(70vh + 15px);} */ .page .header.video {overflow: hidden;min-width: 100%;min-height: 100%;} .page .header.video video{object-fit: cover;min-width: 100%;min-height: 100%;} .page .intro .desc h3 {text-transform: uppercase;} /* MENU */ .icon-header-logo{width: 50px;} .menu-lang{line-height: 1.2;gap: 10px;} .menu-lang li{display: inline-block;} .menu-lang li a{color: #eae5e1;font-size: 1.2rem;padding: 0;text-transform: uppercase; font-family: "Manrope", sans-serif; margin-right: 10px; font-weight: 400; margin-top: 10px;} .menu-lang li a:hover{color: #000 !important;} .menu-lang li.uk-active a{font-weight: 400;} @keyframes scroll-to {50% { transform: translatex(-50%) translateY(10px); } 100% { transform: translatex(-50%) translateY(0); }} /* booking engine */ .booking-engine-container { /* margin-top: -100px; */ height: calc(100% - 100px);} .booking-engine{box-sizing: border-box;} .booking-engine h3{font-size: 1.8rem;} .booking-engine .uk-input{width: 100%;border: 0;border-bottom: 1px solid #eee;color: #fff;background-color: transparent;} .booking-engine .be-item{position: relative;margin: 15px 0;} .booking-engine .be-item i{position: absolute;top: 10px;} .booking-engine .be-item .uk-input{padding-left: 45px !important;} .booking-engine .be-item .uk-input::placeholder{color: #FFF !important;} .booking-engine .be-item .promocode{border: 0;padding-left:10px !important;background-color: rgba(255,255,255, 0.1); padding-top: 5px !important; padding-bottom: 5px !important;} .booking-engine .be-send{margin-top: 20px;} /* datedropper new */ div.datedropper.jorda-theme {--dd-color1: #554640 !important;--dd-color2: #FFF !important;--dd-color3: #26272E !important;--dd-color4: #FFF !important;--dd-radius: 16px !important;--dd-width: 160px !important;--dd-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3) !important;} /* PINTURAS MALLORCA */ .home .header .plyr{height: calc(90vh - 100px);} .plyr__video-wrapper {width: calc(100% - -5px);} .home .header .plyr .plyr__controls {display: none;} .home .header video{min-width: 100%;min-height: 100%;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);} .home .header .slider-images .slider-ind, .home .header .slider-images .uk-slideshow-items, .home .header .slider-images.uk-slideshow {height: 100vh; min-height: 100vh;} /* TOP BAR */ .banner-container { position: relative; width: 100%; overflow: hidden; background: #fff; padding: 10px 0;} .banner-container h3 {font-variation-settings: "wght" 70, "wdth" 35; font-size: 2.4rem;} .scrolling-text {display: inline-block; white-space: nowrap; animation: scroll-text 2s linear infinite;} @keyframes scroll-text { from {transform: translateX(0%); } to {transform: translateX(-10%); } } .banner-container-home { position: relative; width: 100%; overflow: hidden; background: #fff; padding: 10px 0;} .scrolling-text-home {display: inline-block; white-space: nowrap; animation: scroll-text 5s linear infinite;} @keyframes scroll-text-home { from {transform: translateX(100%); } to {transform: translateX(-100%); } } .banner-container-home h3 {font-size: 3rem; font-variation-settings: "wght" 70, "wdth" 35;} .uk-navbar-center:not(:only-child) {opacity: 0;} .uk-navbar-container.uk-active .uk-navbar-center:not(:only-child) {opacity: 1;} /* modal-full */ #modal-full h5 {font-size: 1.4rem;} #modal-full .border-primary {border-bottom: 25px solid #af472b;} #modal-full .border-grid {border-bottom: 1px solid #af472b; border-top: 1px solid #af472b;} .brush-title {display: inline-block; background: url(../../public/img/brush-title-2.svg) no-repeat center center; background-size: contain; padding: 2rem 4rem; color: white; line-height: 1.2; text-align: center; font-size: 2.5rem; font-weight: 600; background-position: center center;} /* HOME */ /* .home .header.video {overflow: hidden;min-width: 100%;min-height: 100%;} .home .header.video video{object-fit: cover;min-width: 100%;min-height: 100%;} */ .marquee {overflow: hidden; white-space: nowrap; width: 100%; position: relative;} .marquee-content {display: inline-block; animation: marquee 20s linear infinite;} .marquee-content .item {display: inline-block; margin: 0 0.5rem; font-size: 2rem; color: #000;} @keyframes marquee { 0% { transform: translateX(0);} 100% { transform: translateX(-50%);}} .home .header {min-height: calc(100vh - 140px);} .home .header h1 {position: absolute; left: 10vh; bottom: 10vh; width: calc(100% - 20vh);} .home .slider-words {padding: 40px 0;} .home .about .second-img {margin-left: -10vh; padding-left: 10vh; margin-bottom: -60px;} .home .about .asset-brush-primary {position: absolute; width: 320px; bottom: -100px; right: -150px;} .home .solutions {margin-top: 10vh;} .home .solutions .solutions-img {margin-top: -100px; z-index: 0; background-position: bottom;} .home .services .uk-tab-left>*>a {justify-content: space-around;} .home .services .uk-tab-left::before {border-left: 0;} .home .services .uk-tab>*>a {text-transform: inherit;} .home .services .uk-tab>.uk-active>a {border-right: 0; border-color: #AF472B;} .home .services .uk-tab-left>*, .home .services .uk-tab-right>* {margin-bottom: 35px;display: ruby; text-align: center;} .home .services .uk-tab-left>*::after, .home .services .uk-tab-right>*::after {content: ''; height: 37px; width: 1px; background-color: #AF472B; position: absolute; text-align: center; left: 50%; top: 44px;} .home .services .uk-tab-left li:first-child::before {content: ''; height: 37px; width: 1px; background-color: #AF472B; position: absolute; text-align: center; left: 50%; bottom: 44px;} .home .services .switcher {margin-top: 10vh;} .home .custom-tab > li > a { border: 1px solid #AF472B; border-radius: 999px; padding: 10px 20px; color: #AF472B;} .home .custom-tab > li > a:hover { border: 1px solid #AF472B; border-radius: 999px; padding: 10px 20px; color: white; background: #AF472B;} .home .custom-tab > li.uk-active > a { background: #AF472B;color: #fff;} .home .fade-switcher li { opacity: 0; transition: opacity 0.5s ease; position: absolute; width: 100%; top: 0; left: 0;} .home .fade-switcher li.uk-active {opacity: 1; position: relative; z-index: 1;} /* SERVICES */ .services .feed-ind {margin-bottom:10vh;} .services .feed-ind .feed-text-right {padding: 50px 100px;} .services .feed-ind .asset-brush-right {position: absolute; width: 280px; bottom: -50px; right: -100px;} .services .feed-ind .feed-text-left {padding: 50px 100px;} .services .feed-ind .asset-brush-left {position: absolute; width: 240px; bottom: -50px; left: -100px;} /* SERVICE */ .service .feed-ind {margin-bottom:10vh;} .service .feed-ind .feed-text-right {padding: 50px 100px;} .service .feed-ind .asset-brush-right {position: absolute; width: 280px; bottom: -50px; right: -100px;} .service .feed-ind .feed-text-left {padding: 50px 100px;} .service .feed-ind .asset-brush-left {position: absolute; width: 240px; bottom: -50px; left: -100px;} .service .related-projects {margin-bottom: 10vh;} .service .related-projects .bg-primary {padding-bottom: 10vh;} .service .related-projects .feed {margin-top: -10vh;} .service .related-projects .container-slider-arrows {width: 150px; margin: 20px auto 0; } .service .related-projects .container-slider-arrows .uk-slidenav {color: rgba(175, 71, 43,.5);} .service .related-projects .container-slider-arrows .uk-slidenav:hover {color: rgba(175, 71, 43,.9)} .service .related-services {margin-bottom: 5vh;} .service .related-services .container-slider-arrows {width: 150px; margin: 20px auto 0; } .service .related-services .container-slider-arrows .uk-slidenav {color: rgba(175, 71, 43,.5);} .service .related-services .container-slider-arrows .uk-slidenav:hover {color: rgba(175, 71, 43,.9)} .service .related-services .brush-title {display: inline-block; background: url(../../public/img/brush-title-2.svg) no-repeat center center; background-size: contain; padding: 2rem 4rem; color: white; line-height: 1.2; text-align: center; font-size: 2rem; font-weight: 600; background-position: center center;} /* CONTACT */ .contact .intro {margin-top: 10vh; margin-bottom: 15vh;} /* Cookies */ #cookieMessageWrapper{width: 100%;position: fixed;left:0;top: 0;z-index: 997;height:100%;background: rgba(38,38,38,0.6);} #cookieMessage{margin: 0 auto;position: absolute;padding: 20px;width: 80%;left: 50%;top: 50%;max-width: 500px;transform: translateX(-50%) translateY(-50%);background-color: white;} #cookieMessage p {margin-bottom: 0;color: #444; font-size: 0.9rem;} #cookieMessage .uk-link{margin-top: 20px;color: #1A1A1A;display: inline-block;padding: 10px;vertical-align: middle;} #cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #cookieClose{display: inline-block;margin-top: 20px;cursor: pointer;margin-right: 5px;} #cookieClose:hover{color: #fff;} #cookieNone{margin-top: 20px;} #cookieMessage h4.uk-modal-title{font-size: 1rem; text-transform: uppercase;} #cookieMessageWrapper h3 {font-size: 1.4rem;} #cookieMessage .uk-link{color: #1A1A1A;display: inline-block;padding: 20px;vertical-align: middle;} #cookieMessage .uk-checkbox{border-color: #1A1A1A !important;} #cookieMessage .uk-checkbox:checked{background-color: #1A1A1A;} #cookieMessage .uk-checkbox:disabled:checked{background-color: #f5e9c9;border-color: #f5e9c9 !important;} #cookieMessage label {font-size: 0.9rem;} .uk-button-accept{ background-color: #af472b; color: white !important; border: 1px solid #af472b; padding: 7px 10px !important; margin-top: 3px; font-size: 1rem;} .uk-button-accept:hover{background-color: white; color: #1A1A1A !important; } .uk-button-decline{ background-color: white; color: #1A1A1A !important; border: 1px solid #1A1A1A; padding: 7px 10px !important; margin-top: 3px; font-size: 1rem;} .uk-button-decline:hover{ background-color: white; color: #1A1A1A !important; border: 1px solid #1A1A1A; } .uk-button-decline-all{ background-color: white; color: #1A1A1A !important; border: 1px solid #1A1A1A; padding: 7px 10px !important; margin-top: 3px; font-size: 1rem;} .uk-button-decline-all:hover{background-color: #1A1A1A; color: white !important; border: 1px solid #1A1A1A;} /* cookies i aviso legal */ .cookies .header {background-position: center; position: relative; background-image: url('../../public/img/bg-cookies.jpg');background-size: cover; background-repeat: no-repeat; } .legal .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; } .conditions .header {background-position: center; position: relative; background-image: url('../../public/img/bg-legal.jpg');background-size: cover; background-repeat: no-repeat; } /* newsletter */ #form-newsletter input[type=text]{background-color:transparent;border: 1px solid white;color: white;height: 55px;} #form-newsletter input[type=text]::placeholder{color: rgba(255, 255, 255, 0.8) !important;} #form-newsletter small{color: #fff;} #form-newsletter .g-recaptcha{margin: 10px 0;} #modal-news .uk-modal-dialog {height: 100%;} /* footer */ #whatsapp-icon{position: absolute;top: -20px; right: 3vh; width: 70px; height: 70px; background-image: url('../../public/img/whatsapp.svg'); background-position: center;background-size: contain;z-index:1;} #whatsapp-icon:hover {filter: drop-shadow(0 14px 25px rgba(0,0,0,.16));} footer {background-color: white; color: #000; border-radius: 100px 100px 0px 0px; border-top: 50px solid #AF472B; padding-top: 50px; padding-left: 80px; padding-right: 80px; padding-bottom: 30px; border-bottom: 1px solid #AF472B; margin-top: -90px;} footer li a, footer li {color: #000; list-style: none !important; font-size: 0.9rem;text-transform: none; font-weight: 400;} footer li.uk-lead{font-weight: 600;font-size: 1.4rem;} footer li a:hover {opacity: 0.8;color: #af472b;} footer small {font-size: 0.7rem;} footer hr{margin: 20px 0;} footer .icon.newsletter{vertical-align: middle;margin-left: 10px;} footer .vertical-asset {display: block; background-image: url(../../public/img/asset-vertical-w.svg); background-size: 50px; background-position: left; width: 100%; height: 244px; gap: 10px; margin-top: -50px;} .footer-logo {display: inline-block;} .footer-logo img{width: 100%;max-width: 300px;} .footer-logo p{text-transform: uppercase;color: #000;} .footer-logo p a{font-weight: 600;color: #000;} .footer-logo p a:hover{text-decoration: underline;} .kit small {font-size: 0.8rem;} /* .menu-footer{margin-top: 30px;} */ .menu-footer li a{color: #fff;} .menu-footer li a:hover{color: #D3CBC3;text-decoration: underline;} footer .lead-menu{/* font-family: 'LeGrandLigatures', serif;color: #5E564D !important; */font-weight: 700;/* font-size: 1.5rem; */} /* .menu-footer-contact{text-align: right;} */ .menu-footer-contact li{color: #080706;} .menu-footer-contact li a{color: #080706;} .menu-footer-contact li a:hover{color: #080706;text-decoration: underline;} .menu-address{margin-top: 30px;text-align: right;} .menu-social {margin-top: 30px;margin-left: 25%;} .menu-social .icon{vertical-align: middle;} .menu-social span{display: inline-block;margin-top: 10px;} .menu-social ul{margin-top: 0;} .menu-social li{display: inline-block;/* font-size: 1.2rem; */line-height: 1.5;} .menu-social li i{vertical-align: middle;} .menu-social li a{padding: 0;color: #080706;font-weight: 300;} .menu-social li a:hover{color: #080706;text-decoration: underline;} .social-footer span{margin-top: 2px;display: block;margin-right: 10px;font-family: 'LeGrandLigatures', serif;} .menu-legal li{display: inline-block;margin-left: 10px;font-size: 0.9rem;} .sub-footer img{max-height: 60px;width: 100%;} .copyright{font-size: 0.9rem; color: #000;} .autor{margin-top: 20px !important; font-size: 0.8rem; color: #000; margin-bottom: 0;opacity: 0.6;} .autor a{color: #000; font-weight: 300;margin-top: 10px !important; } .autor b {font-weight: 600;} @media only screen and (max-width: 1199px){ /* large */ .header .header-text {padding: 5vh !important;} /* #offcanvas-nav-primary .uk-offcanvas-bar {width: 60vw;} */ #offcanvas-nav-primary .uk-nav-primary {width: 100%;} } @media (max-width: 1024px){ /* ipad */ } @media (max-width: 959px){ /* medium */ .order-1 {order: -1; -webkit-order:-1;} .section, .section-large {padding: 10% !important;} .featured .uk-text-large {font-size: 1.2rem; line-height: 2;} .uk-navbar-nav#main-menu {display: none;position: absolute;top: 0;left: 0;padding: 20px 0vw 0 0vw;width: calc(100% - 20px);background-color: #000000;z-index: 3;padding-left: 20px;padding-top: 100px;} .uk-navbar-nav.visible-flex {display: block !important;overflow-y: auto;height: calc(100vh - 80px);} .uk-navbar-toggle {height: 80px;float: right;z-index: 4;position: relative;color: white !important;} .uk-navbar-toggle-icon {margin-right: 10px;} .uk-navbar-nav>li, .uk-navbar-nav>li ul li, .uk-navbar-nav>li ul.uk-nav-sub li{min-height: 40px;justify-content: left;} .uk-navbar-nav>li>a, .uk-navbar-nav>li ul li a, .uk-navbar-nav>li ul.uk-nav-sub li a{min-height: auto;justify-content: left;padding: 8px 10px;} /* .uk-navbar-container:not(.uk-navbar-transparent) {background-color: transparent; height: 80px;} */ /* .uk-navbar-container.uk-navbar .uk-navbar-left {margin-left: 0;} */ .uk-navbar-container.uk-active .uk-navbar-center img {width: 120px !important;} .bm-waves span {margin: 0;} .uk-navbar-container.uk-active .uk-navbar-right {height: 80px;} #offcanvas-nav-primary-res .uk-nav-primary>li>a {-webkit-transition: .20s ease-in-out;-moz-transition: .20s ease-in-out; -o-transition: .20s ease-in-out; transition: .20s ease-in-out;} #offcanvas-nav-primary-res .uk-nav-primary>li>a .uk-icon-image {opacity: 0 !important;} #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important;} #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 0 !important;} #offcanvas-nav-primary-res .uk-nav-primary>li.uk-active>a {color: #000000;} #offcanvas-nav-primary-res .uk-nav-primary>li.uk-active>a .uk-icon-image {opacity: 1 !important; } #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover .uk-icon-image {opacity: 1 !important; } .uk-offcanvas-flip .uk-open>.uk-offcanvas-bar {width: 100vw !important;} #offcanvas-nav-primary-res .uk-nav-primary>li>a { font-family: "Manrope", sans-serif; font-weight: 500; font-style: normal; font-size: 1.6rem; color: white;} #offcanvas-nav-primary-res .uk-nav-primary>li>a:hover {color: #000000;} .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {color: white !important;} .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover {color: #000000;} .uk-offcanvas-bar {background: #af472b;} /* #menu-icon {width: 60px; height: 60px; margin: 25px 20px 0 20px;} */ .menu-lang li a {font-size: 1.2rem; } .menu-lang li a:hover {color: #000 !important;} /* PINTURAS MALLORCA */ #offcanvas-usage .uk-section-small {padding: 20px 0px !important;} .home .header {min-height: calc(100vh - 60px);} .home .header h1 {position: absolute; left: 5vh; bottom: 5vh; width: calc(100% - 10vh); font-size: 2rem;} .uk-navbar-container.uk-active {height: 90px;} .bm-waves span {height: 90px;} .home .about .second-img {margin: 0; padding: 0;} .home .switcher .uk-tab::before {border-bottom: 0;} .home .switcher .uk-tab>* {margin-top: 10px;} .services .feed-ind {margin-bottom: 0;} .services .feed-ind .asset-brush-right {position: absolute; width: 200px; bottom: -20px; right: 0px;} .services .feed-ind .feed-text-right {padding: 5vh;} .brush-title {font-size: 2rem;} .service .feed-ind {margin-bottom: 0;} .service .feed-ind .feed-text-right {padding: 5vh;} .kit small {font-size: 0.7rem !important;line-height: 1;} /* .flat-page .feed.cartes .custom-grid { display: block; transition: all 0.8s ease-in-out;} .flat-page .feed.cartes .custom-grid .column {flex: 1; transition: flex 0.8s ease-in-out;} .flat-page .feed.cartes .custom-grid .column:hover {flex: 1.01; } .flat-page .feed.cartes .custom-grid .column:not(:hover) {flex: calc((1 - 0.1) / (var(--columns-count, 3) - 1));} .flat-page .feed.cartes .uk-height-large {margin-bottom: 15px;} */ footer {border-radius: 0px; border-top: 20px solid #AF472B; padding-top: 30px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; border-bottom: 1px solid #AF472B;margin-top: 0px;} .home .slider-words {padding: 20px 0;} .home .marquee-content .item {font-size: 1.5rem;} } @media (max-width: 767px){ /* medium-small */ .uk-heading-small {font-size: 1.6rem !important;} } @media only screen and (max-width: 639px){ /* small */ .section {padding: 5%;} /* PINTURAS MALLORCA */ .brush-title {padding: 1rem 2rem;} .uk-navbar-container:not(.uk-navbar-transparent) {height: 80px;} .bm-waves span { height: 80px; width: 140px; } .uk-navbar-container.uk-navbar .uk-navbar-left {margin-left: 20px;} .uk-heading-medium {font-size: 2rem !important;} h1, h2, h3 {font-size: 2rem !important;} } @media (max-width: 459px){ /* x-small */ .uk-heading-medium {font-size: 1.6rem !important;} h1, h2, h3 {font-size: 1.6rem !important;} }