/* Developed entirely by staycreative.es 2024 */

@font-face {font-family: 'mainfontmedium';src: url('../../fonts/mainfont-medium-webfont.woff2') format('woff2'),url('../../fonts/mainfont-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'mainfontmedium_italic';src: url('../../fonts/mainfont-mediumitalic-webfont.woff2') format('woff2'),url('../../fonts/mainfont-mediumitalic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'mainfontregular';src: url('../../fonts/mainfont-regular-webfont.woff2') format('woff2'),url('../../fonts/mainfont-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'mainfontregular_italic';src: url('../../fonts/mainfont-regularitalic-webfont.woff2') format('woff2'),url('../../fonts/mainfont-regularitalic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

/* 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: #20211E;}
*+.uk-hr, *+hr {margin-top: 5px; margin-bottom: 15px;}

/* Generals */
html, body {font-family: 'inter', sans-serif;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #20211E;font-size: 1rem;}
p{font-family: 'inter', sans-serif;color: #20211E;font-weight: 400; font-size: 1rem;}
b, strong{font-weight: 600;}
h1, h2, h3, h4, h5, h6 {font-family: 'mainfontmedium', sans-serif; color: #20211E;font-weight: 500; margin-bottom: 0; margin-top: 0px;text-transform: none;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: 'mainfontregular', sans-serif; color: #20211E;font-weight: 400; margin-bottom: 0; margin-top: 0px;text-transform: none;}
.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: #20211E;}
a:hover{color: #20211E;}
p a:hover{color: #20211E;text-decoration: underline;}
a span {display: inline-block;}
small {font-weight: 400 !important;}
/* ul li {list-style-type: none; list-style: none; } */
:focus {outline: none;}

/* Buttons */
.uk-button{ font-family: 'mainfontregular', sans-serif; font-weight: 400; border:0;line-height: 1.5;text-transform: none;font-size: 1.2rem;-webkit-appearance: none !important;border-radius: 100px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 1rem 2rem; text-align: left; position: relative;border: 1px solid #20211E;}
   
.uk-button-default{background-color: transparent; color: #20211E !important;position: relative;}
.uk-button-default:hover{background-color: #20211E; color: #fff !important;border: 1px solid #20211E;}

    .uk-button-primary{background-color: transparent; color: #FFE200 !important;position: relative;}
    .uk-button-primary:hover{background-color: transparent; color: #FFE200 !important;border:0; }

    .uk-button-secondary{background-color: transparent; color: #fff !important;position: relative;border: 1px solid #fff;}
    .uk-button-secondary:hover{background-color: #fff; color: #20211E !important;border: 1px solid #fff;}

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

    /* form */
    .form {position: relative; z-index: 2;}
    .form .uk-form-label{font-weight: 600;color: #20211E;}
    .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: 5px 10px; border:0; border-bottom: 1px solid #828A9D; background-color: transparent; box-shadow: none; border-radius: 0;  margin-bottom: 6px; color: #20211E !important; font-size: 1rem;height: auto;font-family: 'mainfontregular', sans-serif;}
    .form .uk-select:not([multiple]):not([size]){background-image: none; color: #20211E !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: #20211E !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: #20211E !important;}
    .form select{padding-right: 30px;}
    .form textarea{margin-bottom: 10px;padding: 10px; 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: #20211E !important;font-size: 0.8rem;}
    .form small{color: #20211E;}
    .form .uk-checkbox {border-color: #20211E !important;}
    /* .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #fff !important;} */
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #20211E;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #20211E;}    
    .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 #171919; -webkit-text-fill-color: #171919; /*-webkit-box-shadow: 0 0 0px 1000px #040f0c 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: #20211E !important; font-size: 1rem;}
    form, input:focus::placeholder { color: #20211E;}

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

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

.icon.facebook {width: 30px;height: 30px;background-position: -125px 0px;}
.icon.twitter {width: 30px;height: 30px;background-position: -155px 0px;}
.icon.instagram {width: 30px;height: 30px;background-position: -185px 0px;}
.icon.linkedin {width: 30px;height: 30px;background-position: -215px 0px;}
.icon.arrow-right {width: 30px;height: 30px;background-position: -125px -30px;}

/* .icon.facebook {width: 30px;height: 30px;background-position: -125px 0px;} */
.icon.facebook-c {width: 30px;height: 30px;background-position: -155px -30px;}
.icon.twitter-c {width: 30px;height: 30px;background-position: -185px -30px;}
.icon.instagram-c {width: 30px;height: 30px;background-position: -215px -30px;}

.icon.facebook-c:hover, .icon.twitter-c:hover, .icon.instagram-c {opacity: 0.6;}

.social {list-style-type: none; padding: 0 !important;}
.social li {display: inline; }

.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 */
  .header{margin-top: -80px;}
  .header-logo img{width: 100%;max-width: 300px;}
  .main-menu-button img{width: 50px;}
  #main-menu{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #20211E;z-index: 981;}
  .navbar-main-menu{padding: 0 30px;}
  .main-menu-list{height: 80vh;}
  .main-menu-list>.uk-grid{width: 100%;max-width: 1200px;}
  .mml-list li a{font-size: 6rem;color: white;line-height: 1;box-shadow: inset 0 0 0 0 #fff;margin: 0 -.25rem;padding: 0 .25rem;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;font-family: 'mainfontregular';}
  .mml-list li a:hover{box-shadow: inset 600px 0 0 0 #fff;color: #000;}
  .mml-list li.mml-list-active a{font-family: 'mainfontmedium_italic';position: relative;background-color: #20211E;display: inline-block;cursor: default;}
  .mml-list li.mml-list-active a:before{content: '';display: block;width: 100px;height: 4px;background-color: white;top: 50%;position: absolute;right: -140px;}
  .mml-list-s{margin-top: 10px;}
  .mml-list-s li a{font-size: 2rem;color: white;line-height: 1;box-shadow: inset 0 0 0 0 #fff;margin: 0 -.25rem;padding: 0 .25rem;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;font-family: 'mainfontregular';}
  .mml-list-s li a:hover{box-shadow: inset 500px 0 0 0 #fff;color: #000;}
  .mmll-list li{display: inline-block;font-size: 1.5rem;color: #fff;}
  .mmll-list li:after{content: "//";margin: 0 0 0 5px;}
  .mmll-list li:last-child:after{display: none;}
  .mmll-list li a{color: #fff;box-shadow: inset 0 0 0 0 #fff;margin: 0 -.25rem;padding: 0 .25rem;transition: color .3s ease-in-out, box-shadow .3s ease-in-out;font-family: 'mainfontregular';}
  .mmll-list li a:hover{text-decoration: underline;box-shadow: inset 100px 0 0 0 #fff;color: #000;}
  .uk-navbar-container.uk-active .header-logo img, .uk-navbar-container.uk-active .uk-navbar-right img{filter: invert(1);}

/* HACKS */
.clear{clear: both;}
.overlay{background-color: rgba(146,144,132,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-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; }

.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;}
.white {color: #fff;}
.bg-light {background-color: #F4F4F0;}
.bg-dark {background-color: #20211E;}
.bg-primary{background-color: #FFE200;}
.bg-secondary{background-color: #20211E;}
.bg-red{background-color: #ff0000;}
.border-red{background-color: white; border: 2px solid #ff0000;}
.border-red-container{background-color: white; border: 2px solid #ff0000;}
.red {color: #ff0000;}
.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);}

.b-bottom {border-bottom: 1px solid #eee;}
.b-top {border-top: 1px solid #040f0c;}
.sans {font-family: 'mainfontregular', sans-serif; font-size: 1.1rem;}
.bold {font-family: 'mainfontregular', sans-serif !important;}
p.lead{font-size: 120%;}

.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%;}

.mt-0{margin-top: 0 !important;}
.mt-10{margin-top: 10px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-100 {margin-top: 100px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-100{margin-bottom: 100px !important;}
.ml-0{margin-left: 0 !important;}
.mr-0{margin-right: 0 !important;}

.p-10{padding: 10px;}
.p-20{padding: 20px;}
.pt-0{padding-top: 0 !important;}
.pt-20{padding-top: 20px !important;}
.pr-0{padding-right: 0 !important;}
.pl-0{padding-left: 0 !important;}
.pr-20{padding-right: 20px !important;}
.pl-20{padding-left: 20px !important;}
.pb-0{padding-bottom: 0 !important;}
.pb-100{padding-bottom: 100px !important;}
.pt-100{padding-top: 100px !important;}

.mh-100{min-height: 100%;}

.order-1m{order: -1;}

.aspect-radio-1-1{aspect-ratio: 1 / 1;}

/* PRELOADER */
.preloader{position: fixed;z-index: 999;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;}
  45%{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 */
h1{font-size: 3.3rem;}
h2{font-size: 2.2rem;}
h3{font-size: 2.2rem;}
h4{font-size: 1.8rem;}
.uk-lead{font-size: 120%;}
.header{background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;height: 80vh;}
.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: 20vh; background-image: linear-gradient(to top, rgba(43,46,54,0), rgba(43,46,54,0.5));z-index: 1;}
.d-none{display: none;}

.uk-link{color: #524842;}
.uk-link:after{content:"";display:inline-block; background-image: url('../../front_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('../../front_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;}

.page .header{height: 50vh;}

.page-video .header{overflow: hidden;min-width: 100%;min-height: 100%;}
.page-video .header video{object-fit: cover;min-width: 100%;min-height: 100%;}

.uk-dotnav>*>* {width: 20px; border-radius: 0; height: 5px;     background-color: rgba(102, 102, 102, .4);}
.uk-dotnav>.uk-active>* {background-color: #20211E;}


/* plyr */
.plyr--video{height: 100%;}

/* HOME */
.home h1{font-size: 6rem;font-weight: 400;max-width: 800px;}
.home .header{background-color: #20211E;}
.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 .plyr .plyr__controls{display: none;}
.sc-home-intro{border-top-right-radius: 30px;border-top-left-radius: 30px;margin-top: -40px;}
.schi-text p{font-size: 3rem;line-height: 1;}
.schi-text p i{font-family: 'mainfontmedium_italic';}
.sc-project-item-small .bg-img img{width: 150%;max-width: none;}
.sc-project-item .bg-img img{transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;}
.sc-project-item:hover .bg-img img{opacity: 0;transform: translateY(-20px);}
.sc-project-item h3{position: relative;display: inline-block;}
.sc-project-item h3:after{content: '';display: inline-block;background-image: url('../../front_img/sc-arrow.svg');background-size: contain;background-repeat: no-repeat;width: 20px;height: 20px;margin-left: 8px;vertical-align: middle;opacity: 1;transform: translateX(0);transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.sc-project-item:hover h3:after{opacity: 0;transform: translateX(10px);}
.sc-project-item-first {padding: 0 40px;}
.sc-project-item-first .uk-container {width: 100%;position: absolute;bottom: 0;}
.sc-project-item-first .sc-work-text{padding-bottom: 40px;}
.sc-project-item-first .sc-work-text h3{color: #fff;font-size: 3rem;}
.sc-project-item-first .sc-work-text h3:after{filter: invert(1);}
.sc-project-item-first .sc-work-text p{color: #fff;font-size: 1.4rem;}

.sc-work-text{position: relative;width: 100%;padding: 20px;box-sizing: border-box;z-index: 1;}
.sc-work-text h3{color: #20211E;}
.sc-work-text p{color: #20211E;margin-top: 0;margin-bottom: 0;}
.sc-work-text-small h3{font-size: 1.3rem;}
.sc-work-text-small p{font-size: 0.9rem;}
.sc-home-logos h3{font-size: 8rem;color: #fff;}
.sc-home-logos h5{color: white;font-size: 2rem;margin-top: 0 !important;margin-bottom: 50px;font-weight: 400;font-family: 'mainfontregular', sans-serif;}
.sc-home-logos ul li{color: white;font-size: 2rem;}
.sc-home-logos h4{color: white;font-size: 1.2rem;margin-bottom: 5px;}
.sc-home-logos p{color: white;font-size: 1rem;}
.sc-cta-contact{border-top-right-radius: 30px;border-top-left-radius: 30px;margin-top: -80px;position: relative;}
.sc-cta-contact h3{font-size: 8rem;}
.sc-gallery, .sc-gallery img, .sc-collab-list .sccl-item a {cursor: url('../../front_img/cursor_small.png'), auto !important;}
.sc-gallery img{height: 60vw;}
/* .seo-content{margin-bottom: 120px;} */
.seo-content h2{color: #969696;font-size: 1.5rem;}
.seo-content h3{color: #969696;font-size: 1.2rem;}
.seo-content p{color: #969696;font-size: 1rem;}
.seo-content a{color: #969696;font-weight: 700;}
.seo-content a:hover{color: #969696;text-decoration: underline;}
.seo-content ul li{color: #969696;font-size: 1rem;}

/* SEO Content Toggle */
.seo-content-wrapper{position: relative;}
.seo-content-collapse{max-height: 250px;overflow: hidden;transition: max-height 0.5s ease-in-out;}
.seo-content-wrapper.seo-content-expanded .seo-content-collapse{max-height: 5000px;}
.seo-content-gradient{position: absolute;bottom: 0;left: 0;width: 100%;height: 150px;background: linear-gradient(to bottom, rgba(32, 33, 30, 0) 0%, rgba(32, 33, 30, 1) 100%);pointer-events: none;transition: opacity 0.3s ease-in-out;opacity: 1;}
.seo-content-wrapper.seo-content-expanded .seo-content-gradient{opacity: 0;}
.seo-content-toggle{display: inline-block;background: transparent;border: 1px solid #969696;color: #969696;padding: 0.8rem 1.5rem;border-radius: 100px;cursor: pointer;margin-top: 20px;font-family: 'mainfontregular', sans-serif;font-size: 1rem;transition: all 0.3s ease-in-out;text-decoration: none;}
.seo-content-toggle:hover{background: #969696;color: #20211E;text-decoration: none;}
.seo-content-toggle .toggle-less{display: none;}
.seo-content-toggle .toggle-more{display: inline;}
.seo-content-wrapper.seo-content-expanded + .seo-content-toggle .toggle-more{display: none;}
.seo-content-wrapper.seo-content-expanded + .seo-content-toggle .toggle-less{display: inline;}

/* project */
.page .header{height: 50vh;position: relative;}
.page .header h1{position: absolute;bottom: 5vh;left: 5vw;width: 50vw;font-size: 6rem;line-height: 1;}
.page .header img{position: absolute;bottom: 5vh;right: 5vw;width: 100px;}
.project .header{height: 35vh;position: relative;}
.project .header h1{bottom: 10vh;}
.project .header img{bottom: 10vh;}
.project .sc-project-first-img{margin-top: -6vh; width: 100%;}
.project .sc-page-panels h4{font-size: 2.2rem;}
.project .sc-list-categories li span{border: 1px solid #20211E;border-radius: 100px;display: inline-block;padding: 1rem 2rem;font-size: 1.2rem;}
.scpp-video, .scpp-video video{width: 100%;}
.sc-project-feed .sc-work-text p{font-size: 1.4rem;}
.web-link{font-size: 1.6rem;display: block;}
.web-link:after{content: url('../../front_img/arrow-collab-alt.svg');width: 25px;height: 25px;display: inline-block;margin: -10px 0 0 10px;vertical-align: middle;}
.web-link:hover{text-decoration: underline;}
.project .plyr__video-wrapper, .project .plyr__poster{background-color: transparent;}
.project .panel-video .plyr .plyr__controls{display: none;}
.project .panel-video .plyr .plyr__control--overlaid{display: none;}

/* pages */
.page-intro p {font-family: 'mainfontregular', sans-serif;font-size: 1.4rem;}
.sc-services-list li{color: white;}
.sc-services-list li a{color: white;font-family: 'mainfontmedium', sans-serif;}
.scs-list-lead{font-size: 3rem;}
.scs-list-lead a{position: relative;display: inline-block;}
.scs-list-lead a:after{content: '';display: inline-block;background-image: url('../../front_img/sc-arrow.svg');background-size: contain;background-repeat: no-repeat;width: 20px;height: 20px;margin-left: 20px;vertical-align: middle;opacity: 1;transform: translateX(0);transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;margin-top: -15px;filter: invert();}
.scs-list-lead a:hover:after{opacity: 0;transform: translateX(10px);}
.scs-list{font-size: 1.5rem;}
.scs-lead-caption{font-size: 8rem;}
.sc-team-list .sctl-text {padding: 1rem 2rem;}
.sc-team-list .sctl-text h5{font-size: 1.3rem;font-style: italic;}
.sc-team-list .sctl-text h5 span{display: block;font-size: 1rem;font-style: normal;}
.sc-collab-list{background-color: #F4F4F0;}
.sc-collab-list .sccl-text:before{content: url('../../front_img/arrow-collab.svg');width: 25px;height: 25px;display: block;position: absolute;top: 20px;right: 20px;}
.sc-collab-list .sccl-text {background-color: #20211E;height: 100%;}
.sc-collab-list .sccl-text div {padding: 4rem 2rem 1rem;}
.sc-collab-list .sccl-text h5{font-size: 1.3rem;font-style: italic;color: #fff;}
.sc-collab-list .sccl-text h5 span{display: block;font-size: 1rem;font-style: normal;color: #fff;}
.uk-table.sc-awards-table td {padding: 10px 12px;}
.awards-link:after{content: url('../../front_img/arrow-collab-alt.svg');width: 15px;height: 15px;display: inline-block;margin: -10px 0 0 10px;vertical-align: middle;}
.awards-link:hover{text-decoration: underline;}
.sc-contact-list li{margin: 0 !important;}
.sc-contact-list li a{font-size: 1.4rem;}

  /* contact form */
  .form input[type=text], .form input[type=email], .form input[type=number], .form select, .form textarea, .form input[type=search]{border-bottom: 2px solid #e0ce40;}
  .form input[type=text]:focus, .form input[type=email]:focus, .form input[type=number]:focus, .form select:focus, .form textarea:focus, .form input[type=search]:focus{border-bottom: 2px solid #20211E;}
  .checkbox-wrapper *,.checkbox-wrapper *:after, .checkbox-wrapper *:before { box-sizing: border-box;}
  .checkbox-wrapper .checkbox-input {clip: rect(0 0 0 0);-webkit-clip-path: inset(100%);clip-path: inset(100%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}
  .checkbox-wrapper .checkbox-input:checked + .checkbox-tile {border-color: #20211E;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);color: #20211E;}
  .checkbox-wrapper .checkbox-input:checked + .checkbox-tile:before {transform: scale(1);opacity: 1;background-color: #20211E;border-color: #20211E;}
  .checkbox-wrapper .checkbox-input:checked + .checkbox-tile .checkbox-icon,.checkbox-wrapper .checkbox-input:checked + .checkbox-tile .checkbox-label {color: #20211E;}
  .checkbox-wrapper .checkbox-input:focus + .checkbox-tile {border-color: #20211E;/* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc */  }
  .checkbox-wrapper .checkbox-input:focus + .checkbox-tile:before {transform: scale(1);opacity: 1;}
  .checkbox-wrapper .checkbox-tile {display: flex;flex-direction: column;align-items: center;justify-content: center;width: auto;border-radius: 0.5rem;border: 2px solid #e0ce40;background-color: transparent;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);transition: 0.15s ease;cursor: pointer;position: relative;padding: 22px;}
  .checkbox-wrapper .checkbox-tile:before {content: "";position: absolute;display: block;width: 1.25rem;height: 1.25rem;border: 2px solid #20211E;background-color: #fff;border-radius: 50%;top: 0.25rem;left: 0.25rem;opacity: 0;transform: scale(0);transition: 0.25s ease;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");background-size: 12px;background-repeat: no-repeat;background-position: 50% 50%;}
  .checkbox-wrapper .checkbox-tile:hover {border-color: #20211E;}
  .checkbox-wrapper .checkbox-tile:hover:before {transform: scale(1);opacity: 1;}
  .checkbox-wrapper .checkbox-label {color: #20211E;transition: 0.375s ease;text-align: center;}

    /* 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: 40px;width: 80%;left: 50%;top: 50%;max-width: 580px;transform: translateX(-50%) translateY(-50%);background-color: #FFE200;text-align: center;}
    #cookieMessage .cookies-logo{width: 100px;filter: invert();}
    #cookieMessage p{margin: 20px 0; color: #000;text-align: center;}
    .cookie-consent-options {margin-top: 10px;color: #000000;}
    #cookieMessage h3 {font-size: 1.6rem;}
    #cookieMessage .uk-link{margin-top: 20px;color: #000000;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;}
    #cookieMessageWrapper h4.uk-modal-title{font-size: 1rem;}
    #cookieMessageWrapper .uk-link{color: #000000;display: inline-block;padding: 20px;vertical-align: middle;}
    #cookieMessageWrapper label{margin-right: 10px;font-family: "inter", serif; text-transform: uppercase;font-size: 0.8rem;}
    #cookieMessageWrapper .uk-checkbox{border-color: #000000 !important;margin-right: 5px;}
    #cookieMessageWrapper .uk-checkbox:checked{background-color: #000000;}
    #cookieMessageWrapper .uk-checkbox:disabled:checked{background-color: rgba(255, 255, 255, 0.5);border-color: rgba(255, 255, 255, 0.5) !important;}
    .uk-button-accept{ background-color: #000; color: white !important; border: 1px solid #000; padding: 5px 20px !important; margin: 2px; font-size: 1rem;}
    .uk-button-accept:hover{background-color: #fff; color: #000 !important; border: 1px solid #fff;}
    .uk-button-decline{ background-color: transparent; color: #000000 !important; border: 1px solid #000000; padding: 5px 20px !important; margin: 2px; font-size: 1rem;}
    .uk-button-decline:hover{ background-color: #000000; color: white !important; border: 1px solid #000000; }
    .uk-button-decline-all { background-color: transparent; color: #000000 !important; border: 1px solid #000000; padding: 5px 20px !important;margin: 2px; font-size: 1rem;}
    .uk-button-decline-all:hover{background-color: #000000; color: #fff !important; border: 1px solid #000000;}

    #cookieMessageWrapper .uk-link{color: #000000;display: inline-block;padding: 20px;vertical-align: middle;}
    #cookieMessageWrapper .uk-checkbox{border-color: #000000 !important;}
    #cookieMessageWrapper .uk-checkbox:checked{background-color: #000000;}
    #cookieMessageWrapper .uk-checkbox:disabled:checked{background-color: #fff;border-color: #fff !important;}
    
  /* footer */
  .prefooter{margin-top: -100px;position: relative;padding-top: 20px;}
  .prefooter::before{background-color: #FFE200;content: "";position: absolute;top: 0;width: 100%;display: block;height: 200%;}
  .prefooter span{position: absolute;font-size: 3rem;}
  .menu-social{position: relative;}
  .menu-social li{display: inline-block;font-size: 2rem;}
  .menu-social li:after{content: "//";margin: 0 0 0 5px;}
  .menu-social li:last-child:after{display: none;}
  .menu-social li a:hover{text-decoration: underline;}
  footer {background-color: #F4F4F0;padding: 5vh !important;border-top-right-radius: 30px;border-top-left-radius: 30px;margin-top: -80px;position: relative;}
  footer a:hover{text-decoration: underline;}
  .menu-footer li{list-style-type: none;}
  .menu-footer li a{font-size: 1.4rem;}
  .menu-footer li a:hover{color: ;}
  .menu-footer-pages li{display: inline-block;}
  .menu-footer-pages li:after{content: "//";margin: 0 0 0 5px;}
  .menu-footer-pages li:last-child:after{display: none;}
  .menu-footer-pages li a{font-size: 1rem;}

  /* landings ads */
  .header-logo-landing img{height: 80px;padding-top: 10px;}
  .hero_stay_ads_container{margin-top: -13vh;}
  .hero_stay_ads{cursor: pointer;}
  .landing-block.bg-secondary h2{color: #fff;font-size: 2.4rem;line-height: 1.2;}
  .landing-block.bg-secondary p{color: #fff;}
  .landing-hero-text{padding: 10vh 10vw 0 0;}
  .landing-hero-text h2{font-size: 1.8rem;}
  .landing-hero-text p{font-size: 1.4rem;}
  .sc-landing-icons{filter: invert(1);}

    /* landing social media */ /* landing branding */ /* landing digital */ /* landing holded */
    .service .bg-secondary h3, .service .bg-secondary h4, .service .bg-secondary h5, .service .bg-secondary p{color: #fff;}
    .service .landing-ksp h3{font-size: 6rem;line-height: 1.2;}
    .service .landing-ksp h4{font-size: 2.5rem;font-weight: 700;}
    .service .landing-ksp h5{font-size: 2rem;}
    .service .landing-ksp p{margin-left: 20px;}
    .service .landing-ksp span a{font-style: italic;color: #20211E;display: block;text-align: right;font-size: 1.4rem;padding-top: 10px;}
    .service .landing-ksp span a:hover{text-decoration: underline;}
    .service p.uk-lead {font-size: 1.4rem;}
    /* .service p.uk-lead b{font-family: 'mainfontmedium', sans-serif;} */
    .service .uk-accordion-title{font-size: 2.5rem;font-weight: 700;color: #20211E;border-bottom: 1px solid #20211E;padding-bottom: 20px;font-family: 'mainfontmedium', sans-serif;}
    .service .uk-accordion-content p{font-size: 1.2rem;}
    .service .uk-accordion-title::before{background-size: 40%;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2320211E%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2320211E%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-size: 40%;}
    .service .uk-open>.uk-accordion-title::before{background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%2320211E%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-size: 40%;}
    .service .sc-contact-form h4{font-weight: 700;font-size: 2rem;margin-bottom: 40px;}
    .service .uk-subnav li a{border: 1px solid #fff;color: #fff;border-radius: 100px;text-transform: none;font-size: 1.2rem;padding: 0.5rem 1rem;}
    .service .uk-subnav li a:hover{color: #040f0c;}
    .service .uk-subnav li.uk-active a{background-color: #fff;color: #040f0c;}
    .service .sc-landing-desc-case{margin: 0 0 20px !important;font-size: 1.2rem;}
    .service .sc-landing-kpi{font-size: 10rem;color: #fff;font-style: italic;font-weight: 700;line-height: 1;margin-top: -70px;position: relative;display: block;}
    .service .sc-landing-kpi-detail{font-style: italic;}

    .service .video-header{border-radius: 20px;box-shadow: 1px 1px 20px 6px #00000040;}

@media only screen and (max-width: 1599px){ /* x-large */
  .sc-work-text h3{font-size: 1.4rem;}
  /* .sc-work-text p{font-size: 1.2rem;} */
  .page .header h1{font-size: 4rem;}

  .sc-project-item-first .sc-work-text{padding: 40px;}
  .sc-project-item-first .sc-work-text h3{color: #fff;font-size: 2rem;}
  .sc-project-item-first .sc-work-text p{color: #fff;font-size: 1.2rem;}
}
@media only screen and (max-width: 1199px){ /* large */
  .section-text {padding: 5vh;}
  .text.section-text {padding: 3vh !important;}
  .page .header h2{font-size: 6rem;}
  .section-large {padding: 5vh;}

  /* menu */
  .uk-navbar-container:not(.uk-navbar-transparent) {background-color: white;}
  .uk-navbar-nav#main-menu {display: none;position: absolute;top: 0;left: 0;width: calc(100% - 50px);background-color: #f8f8f8;z-index: 3;top: 80px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 30px;}
  .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: #20211E !important;width: 50px;}
  .uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded=true] {color: #ff0000 !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: 45px;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){/* padding-left: 20px; */height: 80px;margin: 0;}
  .uk-navbar-right{height: 80px;margin-left: auto;width: 50px;}
  .uk-navbar-container.uk-active .uk-navbar-right{height: 80px;}
  .uk-navbar-container .uk-navbar-nav>li a, .home .uk-navbar-nav>li>a, .home .uk-navbar-nav>li ul.uk-nav-sub li a{color: #20211E;}
  .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover {color: #ff0000 !important;}
  .bm-waves span, .home .bm-waves span {width: calc(100vw - 150px);height: 55px;background-position:left;  background-image: url(../../front_img/logo-header.svg);}
  .menu-opener{width: 80px;height: 80px;}
  .menu-opener .hamburger-lines{top: 25px;left: 10px;}

  .uk-navbar-toggle .uk-icon>* {width: 40px;}
  .home h1{font-size: 5rem;}
  .sc-collab-list{padding-bottom: 12vh;}

  .sc-contact-form {padding-bottom: 25vh;}
  .sc-work-text h3{font-size: 1.4rem;}
  .sc-work-text p{font-size: 1rem;}

}

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

}


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


  .vertical {writing-mode: horizontal-tb;transform: rotate(0deg);}

  .section-large{padding: 5%;}
  .section{padding: 5%;}
  footer{padding: 5% !important;}

  /* stay creative */
  h1{font-size: 2rem;}
  h3{font-size: 2rem;}
  /* .uk-navbar-nav>li>a, .uk-navbar-nav>li ul.uk-nav-sub li a{font-weight: 600;font-size: 2.2rem;padding: 0 5px;} */
  .lang-item {display: inline-block;margin-top: 10px;}
  .page .header h2{font-size: 4rem;}
  .page h1{font-size: 2rem;}
  
  .header h1{width: 90vw;}
  .section.np-on-s{padding: 0;}

  /* STAY CREATIVE */
  .header-content h3 {font-size: 2.2rem;}
  .uk-slider-container .uk-position-small {background-color: rgba(255, 255, 255, 0.4);}
  .uk-slider-container .uk-slidenav { color: rgba(41, 22, 129, .6);}
  .uk-slider-container .uk-slidenav:hover { color: rgba(41, 22, 129, .9);}
            
    /* page */
    .img-icon {max-width: 220px;}
    .rcnpp-ps-item {border: 0; border-bottom: 1px solid #000 ;}
    .rcnpp-ps-item:nth-last-child(-n+3) { border-bottom: 1px solid #000 ;}

    .project .sc-page-panels h4 {font-size: 1.8rem;}
    p{font-size: 1.4rem;}
    /* .sc-page-panels{padding: 0;} */
    .uk-container{padding: 0;}
    .home h1{font-size: 5rem;}
    .schi-text p{font-size: 2.5rem;}
    .sc-home-logos h3,.sc-cta-contact h3{font-size: 4rem;}
    .sc-cta-contact{padding-bottom: 10vh;}
    .menu-footer-pages{margin-top: 20px;}
    .mml-list li a{font-size: 4rem;}
    .mml-list-s li a{font-size: 2rem;}
    .page .header h1{bottom: 3vh;width: 75vw;font-size: 4rem;}
    .project .header h1{bottom: 10vh;}
    .project .sc-list-categories li{display: inline-block;}
    .scs-lead-caption{font-size: 5rem;}
    .scs-list-ul{margin: 0 !important;}
    .sc-collab-list{padding-bottom: 12vh;}
    .sc-contact-form{padding-bottom: 25vh;}
    .sc-home-logos{padding-bottom: 10vh;}
    .order-1mu{order: -1;}
    .sc-project-item-first {padding: 0;}

    /* landing social ads */
    .landing-block .pb-100{padding: 0 !important;}
    .hsac-block{order: -1;}
    .hero_stay_ads_container{margin-top: 20px;margin-right: 0;}
    .landing-hero-text{padding: 0;}
    .page-81 .bg-secondary h3, .page-83 .bg-secondary h3,.page-84 .bg-secondary h3, .page-85 .bg-secondary h3{font-size: 3rem;}
    .page-81 .bg-secondary h4, .page-83 .bg-secondary h4, .page-84 .bg-secondary h4, .page-85 .bg-secondary h3{font-size: 2rem;}
    .page-81 .bg-secondary h5,.page-83 .bg-secondary h5,.page-84 .bg-secondary h5,.page-85 .bg-secondary h5{font-size: 1.6rem;}
    .page-81 .uk-subnav>*, .page-83 .uk-subnav>*, .page-84 .uk-subnav>*, .page-85 .uk-subnav>*{padding-left: 10px;}
    .page-81 .uk-subnav li a, .page-83 .uk-subnav li a, .page-84 .uk-subnav li a, .page-85 .uk-subnav li a{font-size: 0.9rem;}
    .page-81 .sc-landing-kpi, .page-83 .sc-landing-kpi, .page-84 .sc-landing-kpi, .page-85 .sc-landing-kpi{font-size: 5rem;margin-top: 0;}
    .page-81 p, .page-83 p, .page-84 p, .page-85 p{font-size: 1.2rem;margin-left: 0;}
    


}
@media (max-width: 767px){ /* medium-small */
  .br-small{display: none;}
  .order-1{order: -1;}
  .autor{text-align: left !important;}

  /* STAY CREATIVE */
  .page .header img {position: absolute;bottom: 3vh;width: 60px;}
  .page .header h1{bottom: 3vh;width: 75vw;font-size: 3rem;}
  .sc-cta-contact h3{font-size: 3rem;}
  .home h1{font-size: 3rem;}
  .schi-text p{font-size: 2rem;}
  .sc-home-logos h3{font-size: 3rem;}
  .sc-home-logos ul li{font-size: 1.2rem;}
  .header-logo img{width: 80%;}
  .sc-home-works .bg-img{overflow: hidden;}
  .sc-home-works img {padding: 10% 0;width: 150%;max-width: none;}
  .sc-work-text h3{font-size: 1.6rem;}
  .sc-work-text p {font-size: 0.9rem !important;margin-bottom: 0; /* display: none; */}
  .sc-home-works .g-overlay{height: 20vh;}
  .mml-list li a{font-size: 3rem;}
  .mml-list .mml-list-s li a{font-size: 2rem;}
  .prefooter{margin-top: -30px;}
  .prefooter span{font-size: 1.5rem;width: 100%;text-align: center;margin-top: 15px;}
  .sc-cta-contact .uk-button {margin-bottom: 150px !important;}
  .menu-social li{font-size: 1.4rem;}
  .footer-logo img {max-width: 100%;margin-top: 20px;}
  .menu-footer-pages{padding: 20px 0 0;text-align: center;margin: 0;}
  .project .header h1, .project .header img{bottom: 8vh;}
  .page .header h1 br{display: none;}
  .project .sc-list-categories li span{padding: 0.5rem 1rem;font-size: 1rem;}
  .scs-lead-caption {font-size: 3rem;}
  .scs-list-lead{font-size: 2rem;}
  .scs-list{font-size: 1.2rem;}

}

@media only screen and (max-width: 639px){ /* small */
  .section {padding: 10%;}
  .uk-notification{left: 50%;}
  .page .header h2{font-size: 3rem;padding: 5vh;}

  h1 {font-size: 1.8rem;}
  h2 {font-size: 1.7rem;}
  h3 {font-size: 1.6rem;}
  h4 {font-size: 1.4rem;}

  .header-content {padding: 30px;}
  .header-content h3 {font-size: 1.8rem;}

  .menu-social {margin-left: 0; padding-left: 0;}
  .menu-footer {margin-top: 10px; padding-left: 0;}

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

  .section {padding: 5%;}

  h1 {font-size: 1.8rem;}
  h2 {font-size: 1.7rem;}
  h3 {font-size: 1.4rem;}
  h4 {font-size: 1.2rem;}

  h3.rcnpp-other:before {top: 18px;}

      
}

@media (max-height: 900px){ /* x-small height */
  .sc-collab-list{padding-bottom: 20vh;}
}