/* mont */

@font-face {font-family: 'Mont'; font-weight: 700; src: url('../../fonts/36216D_0_0.eot');src: url('../../fonts/36216D_0_0.eot?#iefix') format('embedded-opentype'),url('../../fonts/36216D_0_0.woff2') format('woff2'),url('../../fonts/36216D_0_0.woff') format('woff'),url('../../fonts/36216D_0_0.ttf') format('truetype');}

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

/* selection  */
::selection {background: #f08e00; color: #262a5e;}
::-moz-selection {background: #f08e00; color: #262a5e;}

/* Generals */
html, body{font-family: 'futura-pt', Helvetica, Arial, Sans-serif; font-weight: 400; color: #000;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: 'futura-pt', Helvetica, Arial, Sans-serif;color: #000;text-align: left;font-weight: 400;font-size: 1rem;}
.hc-intro p a, .hc-intro li a, .hc-intro div a, .hc-intro-en p a{color: #262a5e;font-weight: 700;}
.hc-intro p a:hover, .hc-intro li a:hover, .hc-intro div a:hover, .hc-intro-en p a:hover{color: #F08E00;text-decoration: underline;}
a i{vertical-align: middle;}
a:hover i.pdf{background-position-x: -30px;}
a.link{color: #f08e00;font-weight: 700;}
a.link:hover{color: #262a5e;}
h1,h2,h3,h4,h5,h6{font-family: 'Mont', sans-serif;color: #262a5e;font-weight: 700;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family:'Mont', sans-serif; font-weight: 400;font-style: normal;}
:focus {outline: none;}
li{color: #000;}


/* fonts */
.fa-key{font-size: 80%;}

/* Buttons */
.uk-button{font-family: 'futura-pt', sans-serif;font-weight: 700;padding: 1rem 2rem;border:0;line-height: 1.5;text-transform: none;font-size: 1rem;-webkit-appearance: none !important;border-radius: 50px;}
.uk-button-default{background-color: #fff;color: #f08e00;border:2px solid #fff;}
.uk-button-default:hover, .uk-button-default:active, .uk-button-default:focus{background-color: #262a5e;color: #fff;border:2px solid #262a5e;}
.uk-button-primary{background-color: #f08e00;color: white !important;border:2px solid #f08e00;}
.uk-button-primary:hover, .uk-button-primary:active, .uk-button-primary:focus{background-color: #262a5e;color: white;border:2px solid #262a5e;}
.uk-button-secondary{background-color: #262a5e;color: #fff;border:2px solid #262a5e;}
.uk-button-secondary:hover, .uk-button-secondary:active, .uk-button-secondary:focus{background-color: #19173c;color: white;border:2px solid #19173c;}
.uk-button-empty, .uk-button-empty:active, .uk-button-empty:focus{background-color: #fff;color: #f08e00;border:2px solid #f08e00;}
.uk-button-empty:hover{background-color: #f08e00;color: white;border:2px solid #f08e00;}
.uk-button-empty-secondary, .uk-button-empty-secondary:active, .uk-button-empty-secondary:focus{background-color: #f08e00;color: #fff;border:2px solid #fff;}
.uk-button-empty-secondary:hover{background-color: #fff;color: #f08e00;border:2px solid #fff;}

.uk-button-small{padding: 0.5rem 1rem;font-size: 0.8rem;}

/* uk link */
.uk-link{color: #e7570c !important;font-weight: 700;display: block;font-size: 1.15rem;}
.uk-link:after{content: "";display: inline-block;vertical-align: middle;width: 8px;height: 11px;background-image: url(../../front_img/assets-sprite.svg);background-position: -100px 0; margin-left: 5px;margin-top: -1px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out; background-size: 1000px 500px;}
.uk-link:hover{color:#e7570c !important; text-decoration: none !important;}
.uk-link:hover:after{margin-left: 10px;background-size: 1000px 500px;}

.uk-link-white{color: #fff;font-weight: 700;display: block;}
.uk-link-white:after{content: "";display: inline-block;vertical-align: middle;width: 8px;height: 11px;background-image: url(../../front_img/assets-sprite.svg);background-position: -108px 0; margin-left: 5px;margin-top: -1px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;background-size: 1000px 500px;}
.uk-link-white:hover{color:#fff;}
.uk-link-white:hover:after{margin-left: 10px;}

.uk-link-orange{color: #f08e00;font-weight: 700;display: block;}
.uk-link-orange:after{content: "";display: inline-block;vertical-align: middle;width: 8px;height: 11px;background-image: url(../../front_img/assets-sprite.svg);background-position: -108px 0; margin-left: 5px;margin-top: -1px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;background-size: 1000px 500px;}
.uk-link-orange:hover{color:#f08e00;}
.uk-link-orange:hover:after{margin-left: 10px;}

.uk-link-download{color: #f08e00;font-weight: 700;display: block;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.uk-link-download:after{content: "";display: inline-block;vertical-align: middle;width: 26px;height: 26px;background-image: url(../../front_img/assets-sprite.svg);background-position: -33px -55px; margin-left: 5px;margin-top: -1px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;background-size: 1000px 500px;}
.uk-link-download:hover{color:white;}
.uk-link-download:hover:after{background-position: -62px -55px;}

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

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

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

/* uk-table */
.uk-table{border: 1px solid #e2e2e2;}
.uk-table td {border: 1px solid #e2e2e2;}

/* breadcrumbs */
.uk-breadcrumb{margin: 0;}
.uk-breadcrumb li a{color: #f08e00 !important;font-weight: 400;}
.uk-breadcrumb li a:hover{color: #262a5e !important;}
.uk-breadcrumb li span{color: #f08e00 !important; font-weight: 700;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {content: '>'; margin: -6px 10px 0;vertical-align: middle;color: #f08e00;}

/* form */
.uk-input:focus, .uk-select:focus, .uk-textarea:focus{border: transparent;}
.form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{padding: 10px 20px;border:0;border-bottom: 1px solid #ccc;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #000;}
.form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form select:focus,.form textarea:focus{border-bottom: 1px solid #000;}
.form select{padding-right: 30px;height: 46px !important;border:0;border-bottom: 1px solid #ccc;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat: no-repeat;background-position: 100% 50%;padding: 0 20px;}
.form select option, select option{color: #000 !important;}
.form textarea{margin-bottom: 20px;padding: 20px;}
.form textarea:focus{background-color: transparent;color: #000;}
.form input::-webkit-input-placeholder{color: #ccc;} .form input:-moz-placeholder{color: #ccc;} .form input::-moz-placeholder{color: #ccc;} .form input:-ms-input-placeholder {color: #ccc;}
.form textarea::-webkit-input-placeholder{color: #ccc;} .form textarea:-moz-placeholder{color: #ccc;} .form textarea::-moz-placeholder{color: #ccc;} .form textarea:-ms-input-placeholder {color: #ccc;}
.form small{color: #444;float: left;margin-bottom: 10px;}
.form label{font-weight: 700;color: #000;font-size: 0.9rem;}
.form .uk-select:focus{background-color: transparent;color: #fff;}
.uk-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");}
.form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #f08e00;}
.form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #f08e00;}
.form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
.form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #f08e00;}
.form .g-recaptcha{float: left;}
.form .uk-button{border-radius: 0;margin: 10px;float: right;}
.form .log{color: white;}

.form input[type=number]::-webkit-inner-spin-button, .form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.uk-form-danger, .uk-form-danger:focus {color: #f0506e !important;border-color: #f0506e !important;}


        /* datepicker skin */
        #ui-datepicker-div, .ui-timepicker-container{border-radius: 0 !important;}
        .ui-widget {background: #fff;border: 1px solid #CBCBCB;border-radius: 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-family: "proxima-nova",sans-serif;}
        .ui-datepicker {padding: 0;}
        .ui-datepicker-header {border: none;background: #CBCBCB;font-weight: normal;font-size: 11px;text-transform: uppercase;color: #333;font-weight: 700;border-radius: 0;}
        .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(../../front_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: #333;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #CBCBCB;}
        .ui-datepicker td {border: none;padding: 0;}
        td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: #333 !important;font-size: 12px;border:0 !important;text-align: center !important;}
        td .ui-state-active,td .ui-state-hover {background: #1b7fb0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

        .ui-widget {background: #e6e6e6;border: 1px solid #e6e6e6;}
        .ui-datepicker {padding: 0; margin-top: 25px;}
        .ui-datepicker-header {border: none;background: #e6e6e6;font-weight: normal;font-size: 11px;text-transform: uppercase;color: #1d1d1d;font-weight: 700;border-radius: 0;}
        .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(../../front_img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal; background-color: #e0091d;}
        .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: #012428;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #CBCBCB;}
        .ui-datepicker td {border: none;padding: 0;}
        td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: #1d1d1d !important;font-size: 12px;border:0 !important;text-align: center !important;}
        td .ui-state-active,td .ui-state-hover {background: #e2333f;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
        .uk-navbar-container.uk-navbar.uk-sticky.uk-active.uk-sticky-fixed.uk-sticky-below .ui-datepicker {margin-top: 30px !important;}
        .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {margin-top: 25px; }

/* timepicker */
.ui-timepicker-container{width: 100px !important;border:0;padding: 0;}
.ui-timepicker{border: 0;border-radius: 0;margin: 0;width: 100% !important;width: calc(100% - 2px) !important;padding: 0;}
.ui-timepicker-viewport li a{border: 0;border-radius: 0;font-size: 0.8rem;text-align: left;}
.ui-timepicker-viewport li a.ui-state-hover{border: 0;}

/* 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(146,144,132,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-green{background-color: rgba(0,128,128,0.2);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-orange{background-color: rgba(240,142,0,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.bg-img {background-position: center; background-size: cover; background-repeat: no-repeat;}
.section{padding: 10vh;}
.section-small{padding: 5vh;}
.no-padding{padding: 0 !important;}
.scrolloff{pointer-events: none;}
.orange {color: #f08e00 !important;}
.bg-orange {background-color: #f08e00 !important;}
.white {color: #ffffff !important;}
.bg-white {background-color: #ffffff !important;}
.blue {color: #262a5e !important;}
.bg-blue {background-color: #262a5e !important;}
.p-0{padding: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pb-50{padding-bottom: 50px;}
.mt-25{margin-top: 25px !important;}
.mt-50{margin-top: 50px !important;}
.mt-0{margin-top: 0 !important;}
.ml-0{margin-left: 0 !important;}
.mb-0{margin-bottom: 0 !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;}
.d-block{display: block;}
.di-block{display: inline-block;}
.width-100{width: 100%;}
.grey-bg{background-color: #f8f8f8;}
.dark-bg{background-color: #262a5e;}
.light-bg{background-color: #f08e00;}
.light-orange {background-color: #FFF4E3;}
.visible-flex{display: flex !important;}
.section-bottom-landing {background-color: #f9bc00; min-height: 10vh;}
.bg-top {background-position: top !important;}
.order-1m {-webkit-order:-1; order:-1;}
.text-futura {font-family: 'futura-pt' !important;}

/* Icons */
.icon{background-image: url('../../front_img/assets-sprite.svg');display: inline-block;background-size: 1000px 500px;}
.icon.fb{width: 25px;height: 25px;background-position: -25px 0;}
.icon.fb:hover{background-position: -25px -25px;}
.icon.tw{width: 25px;height: 25px;background-position: -50px 0;}
.icon.tw:hover{background-position: -50px -25px;}
.icon.yt{width: 25px;height: 25px;background-position: -75px 0;}
.icon.yt:hover{background-position: -75px -25px;}
.icon.ig{width: 25px;height: 25px;background-position: -120px 0;}
.icon.ig:hover{background-position: -120px -25px;}
.icon.li{width: 25px;height: 25px;background-position: -145px 0;}
.icon.li:hover{background-position: -145px -25px;}

.icon.pdf{background-position: 0 -52px;width: 30px;height: 30px;}
.icon.handi{background-position: 0 -82px;width: 30px;height: 30px;font-size: 0;vertical-align: middle;margin-top: -4px;}
.icon.machine{background-position: -60px -82px;width: 30px;height: 30px;font-size: 0;vertical-align: middle;margin-top: -4px;}
.icon.income{background-position: -30px -82px;width: 30px;height: 30px;font-size: 0;vertical-align: middle;margin-top: -4px;}

.icon.target_blank_white{background-position: -120px -50px;width: 25px;height: 25px;}
.icon.target_blank_orange{background-position: -145px -50px;width: 25px;height: 25px;}
.icon.target_blank_blue{background-position: -170px -50px;width: 25px;height: 25px;}



/* Cookies */
/* #cookieMessageWrapper{width: 100%;background: rgb(38, 42, 94);position: fixed;left: 10px;bottom: 10px;z-index: 997;max-width: 300px;padding: 20px;}
#cookieMessage{margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;margin-bottom: 0;color: #fff;}
#cookieMessage a{font-size: 12px;color: #f08e00;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #f08e00;margin-top: 20px;cursor: pointer;color: #fff !important;}
#cookieClose:hover{color: #e7570c;} */

.table-cookies.uk-table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
}
.table-cookies.uk-table td {
    border: 1px solid #262a5e;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.table-cookies.uk-table td:first-child {
    width: 30%;
}
.table-cookies.uk-table td:last-child {
    width: 70%;
}
/* .table-cookies.uk-table td b {color: #262a5e;} */

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

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #262a5e;top: 0;left: 0;}
.preloader img{position: absolute;top: calc(50vh - 100px);left: calc(50vw - 100px);width: 200px;height: 200px;}


.header{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw; height:600px; min-height: 600px; overflow: hidden;}
.intro h1{font-family: 'futura-pt';color: #262a5e;width: 100%;margin: 0 auto;line-height: 1;}
.intro h1 span{display: block;font-size: 70%;color: #f08e00;line-height: 1.2;margin-top: 20px;font-weight: 700;}
.header h2{color: white;text-align: center;font-size: 3rem;z-index: 1;position: relative;margin: 0;background-color: #f08e00;}
.header h2 span{font-size: 60%;font-weight: 400;display: block;}
.header-logo{position: absolute;z-index: 6;background-image: url('../../front_img/logo-header.svg');display: inline-block;background-repeat: no-repeat;background-size: contain;width: 80%;max-width: 200px;height: 70px;background-position: center left;margin: 10px auto 10px 20px;}
.is-stuck .header-logo{margin:10px;width: 300px;height: 32px;}

.menu-bg{height: 90px;background-color: #262a5e;margin-top: -90px;}
.page-intro h1{text-align: left;color: #f08e00;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;}

.home-intro{position: relative;text-align: center;}
.home-intro h1{display: block;color: #f08e00;text-align: center;max-width: 800px;margin: 0 auto;}
.home-intro p{max-width: 680px;margin: 40px auto 20px;text-align: center;}



    /* menu */
    .uk-navbar-container.uk-navbar{height: 90px;z-index:4;background-color: #262a5e;}
    .uk-navbar-nav>li>a{color: #fff;font-size: 1rem;min-height: auto;}
    .uk-navbar-nav>li a{height: 70px;font-family: 'futura-pt';font-weight: 700;text-transform: uppercase;}
    .uk-navbar-nav>li>a:hover, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus{color: #f08e00;}
    .uk-navbar-dropdown-nav>li>a{color: #262a5e;font-family: 'futura-pt';text-transform: none;height: auto;text-transform: initial !important;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #f08e00;}

    #main-menu-container{background-color: #19173c;height: 70px;z-index: 3;}
    #main-menu{width: 100%;}
    .uk-navbar-nav#main-menu li a{font-size: 1rem;}
    .uk-navbar-nav#main-menu li.uk-active>a{color:#f08e00;}
    #main-menu .online-bank>a{background-color: #f08e00;color: white;position: relative;}
    #main-menu .online-bank:hover>a{background-color: #e7570c;color: white;}
    #main-menu .online-bank a:before{content: url('../../front_img/online.svg');display: inline-block;margin-right: 5px; width: 20px;}
    #main-menu .online-bank .uk-navbar-dropdown-nav a:before{content: url('../../front_img/online-b.svg');display: inline-block;margin-right: 5px;}
    #main-menu .online-bank:after{display: none;}

    #main-menu .uk-nav-header a{font-family: 'Mont', sans-serif;color:#262a5e;text-transform: none;}
    #main-menu .uk-nav-header a:hover{color: #f08e00;}
    .uk-navbar-dropdown-grid>:not(.uk-first-column)::before{display: none;}
    #main-menu .uk-navbar-dropdown li>a{font-weight: 400;padding: 0 0 0 5px;}

    .uk-navbar-right {margin-right: 10px;}

    .has-dropdown{position: relative;}
    .has-dropdown:after{content: "";display: inline-block;width: 7px;height: 7px;background-image: url('../../front_img/assets-sprite.svg');background-position: -55px -28px; position: absolute;top: 45px;right: 2px;}
    .white-menu .has-dropdown:after {background-position: -55px -9px;}
    .uk-navbar-dropdown{min-width: 250px;}
    /* .uk-navbar .has-dropdown:hover:after{background-position: -36px -4px;} */

    .logo a{padding: 0 !important;font-size: 0 !important;}
    .logo a:hover,.logo a:focus, .logo a:visited{font-size: 0;}
    .logo span{width: 250px;height: 70px;background-image: url('../../front_img/logo-header.svg');background-size: contain;background-repeat: no-repeat;background-position: left center;margin:10px 0 10px 20px;display: block;}
    .logo h1{font-size: 0.1rem;opacity: 0;position: absolute;top: 0;}

    .logo-small {flex:initial !important;width: 0;}
    .logo-small a{padding: 5px !important;}
    .logo-small span{width: 100%;height: 100%;background-image: url('../../front_img/logo-header-small.svg');background-size: contain;background-repeat: no-repeat;background-position: left center;}
    .uk-navbar-container.uk-active .logo-small {width: 70px;}

    .uk-navbar-container.uk-active{background-color: #f8f8f8;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #f08e00;}
    .uk-navbar-container .logo-small{display: none;}
    .uk-navbar-container.uk-active .logo-small{display: block;}

    .uk-navbar-container .uk-navbar-right{align-items: initial;}
    .top-menu{width: 100%;}
    .top-menu .uk-navbar-nav{float: right;}
    .top-menu .uk-navbar-nav>li>a{height: 50px;font-weight: 400;text-transform: none;padding: 0 10px;}
    .top-menu .uk-navbar-nav>li.has-dropdown:after{display: none;}
    .top-menu .uk-navbar-dropdown li>a{font-size: 1rem;font-weight: 400;padding: 0;}
    .top-menu .top-social{float: right;margin: 13px 10px 0 0;}
    .top-menu .top-social li{list-style-type: none;display: inline-block;}
    .top-menu .top-phone{float: right;margin: 16px 0px 0 0;}
    .top-menu .top-phone li{list-style-type: none;display: inline;}
    .top-menu .top-phone li a{color: white; font-weight: 700;}
    .top-menu .top-phone li a:hover{color: #f08e00;}
    .top-menu .top-phone li a:before{content: ""; position: absolute; top: -1px; left: -30px; background-position: 0px 0px; width: 22px; height: 22px; background-image: url('../../front_img/assets-sprite.svg'); background-size: 1000px 500px;}



/* white menu */
.white-menu .header-logo{background-image: url(../../front_img/logo-header.svg);}
.white-menu .uk-navbar-nav>li>a{color: white;}


/* index */
/* .home-header{background-color: #e6eaea;} */

.home .container-iframe iframe {z-index: 1; position: relative; border-radius: 30px;}

.home-header{background-color: #262a5d;}
.slider-home{max-width: 1600px;margin: 0 auto;}
.slider-home .owl-dots{position: absolute;top: calc(50% - 25px);right: 10px;width: 20px;}
.slider-home .owl-dot span{width: 16px;height: 16px;background-color: white;border-radius: 20px;position: relative;display: block;}
.slider-home .owl-dot.active span:after{content: "";width: 20px;height: 20px;border: 2px solid white;position: absolute;border-radius: 20px;top: -4px;left: -4px;}
.slide-home{background-position: center;background-size: cover;min-height: 600px;}
.slide-home a{display: block;}
.slide-home h2{text-align: left;display: inline-block;padding: 0 20px;font-size: 2.2rem;}
.slide-home p{text-align: left;z-index: 1;position: relative;color: white;font-weight: 700;font-size: 2rem;text-shadow: 0px 0px 5px rgba(0,0,0,0.5);line-height: 1.2;}
.slider-home ul {margin-top: 20px;}
.slider-home ul li {color: white; font-size: 1.6rem; font-weight: 600;}

.destacats-home{background-color: #e6eaea;}
.destacats-home h3{color: #262a5e;font-size: 2.5rem;}
.dh-item{background-color: white;border-radius: 10px;}
.dh-item-img{background-position: center;background-size: cover;transition:background .2s ease-in-out;background-blend-mode: multiply;}
.dhi-container:hover .dh-item-img{background-color: rgba(0,0,0,0.3);}
.dhi-horizontal .dh-item-img{border-radius: 10px 10px 0 0;}
.dhi-vertical .dh-item-img{border-radius: 10px 0  0 10px;}
.dh-item-text{padding: 30px;}
.dh-item-text h5{margin-bottom: 0;color: #262a5e;font-size: 1.4rem;}
.dh-item-text p{margin-top: 5px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp:3;-webkit-box-orient: vertical;  overflow: hidden;}

.banner-home{position: relative;}

.landings-home{position: relative;max-width: 1600px;margin: 0 auto;}
.landings-home h3{padding-top: 0;padding-bottom: 0;font-size: 2.5rem;}
.lh-item{position: relative;padding: 40px;background-position: center;background-size: cover;border-left:1px solid white;}
.lh-item:first-child{border: 0;}
.lh-item:after{content:"";background-color: rgba(38,42,94,0.7);position: absolute;top:0;left:0;width: 100%;height: 100%;z-index:0;transition:opacity .2s ease-in-out;}
.lh-item h4{color: white;position: absolute;z-index: 1;transform: rotate(-90deg);transform-origin: left top 0;bottom: 15px;left: 40px;font-size: 2.5rem;line-height: 0;}
.lh-item p{color: white;z-index:1;position: relative;margin-top: 30vh;margin-left: 50px;transition:opacity .2s ease-in-out;}
.lh-item span{font-family: 'Mont', sans-serif;color: white;border-bottom: 2px solid #fff;z-index:1;position: relative;display: inline-block;margin-top: 10px;}
.lh-item:hover:after{opacity: 0;}
.lh-item:hover p{opacity: 0;}
.lhi-particulars{background-image: url('../../front_img/bg-part.jpg');}
.lhi-emprenedors{background-image: url('../../front_img/bg-nego.jpg');}
.lhi-negocis{background-image: url('../../front_img/bg-nego-2.jpg');}

        /* news includes */
        .news-section{background-color: #fff4e3;}
        /* .news-section h3{font-size: 2.5rem;} */
        .ns-item{background-color: white;border-radius: 10px;}
        .ns-item-img{background-position: center;background-size: cover;transition:background .2s ease-in-out;background-blend-mode: multiply;border-radius: 10px 10px 0 0;border-bottom: 5px solid #f08e00;}
        .nsi-container:hover{text-decoration: none !important;}
        .nsi-container:hover .ns-item-img{background-color: rgba(0,0,0,0.3);}
        .ns-item-text{padding: 30px;}
        .ns-item-text h5{margin-bottom: 0;color: #262a5e;}
        .ns-item-text p{margin-top: 5px;display: -webkit-box;-webkit-line-clamp: 3;line-clamp:3;-webkit-box-orient: vertical;  overflow: hidden;}
        .ns-item-text p small{display: block;color: #F08E00;}

        /* press section */
        .press-section{background-color: #e6eaea;}
        .home .press-section{padding-bottom:0;}
        .post-press-img{margin: 0 auto;}

        /* related products includes */
        .rp-section{background-color: #e6eaea;/* margin-left: 15vw; */}

        /* form includes */
        .form-section{background-color: #f9bc00;}
        .form-section h3{color: white;}
        .form-section p{color: white;}
        .form-container{box-shadow: 0px 0px 35px rgba(0,0,0,0.2);background-color: white;}
        .checkbox-list label{font-weight: 400;font-size: 0.9rem;margin-left: 10px;}
        .checkbox-list label:first-child {margin-left: 0;margin-bottom: 10px;}


/* category page */
.page-category h1{margin-bottom: 5px;}
.hc-intro{position: relative;background-color: white;margin: -5vh 5vh -20px !important;box-shadow: 0px 0px 35px rgba(0,0,0,0.2);}
.page-category .hc-intro{margin-bottom: 0 !important;}
.hc-products{margin-top: 100px;}
.hc-intro .hc-products a{color: #F08E00;}
/* .hc-item{margin-top: 20px;} */
.hc-item h4{margin-bottom: 0;margin-top: 20px;}
.hc-item p{margin-top: 10px;}
.page-category .hc-item p{display: -webkit-box;-webkit-line-clamp: 2;line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.hci-img{background-position: center;background-size: cover;border-radius: 10px;overflow: hidden;}
.hci-text a.form-show{color: #F08E00;}

/* product page */
.page-product.no-img .header{display: none;}
.page-product h1{margin-bottom: 5px;}
.hc-highlights{background-color: #262a5e;}
.hc-highlights>div{text-align: center;}
.hc-highlights img{max-width: 150px;}
.hc-highlights h4{color: white;}
.hc-highlights p{color: white;text-align: center;}
.ind-risc{max-width: 600px;width: 100%;}

.page .rp-section {padding-top: 10vh;}

    /* product form */
    .page-product .form-show-container{max-height: 0;overflow: hidden;transition:max-height .3s ease-in-out;}
    .product-form h3{font-size: 2.5rem;}
    .product-form p{font-size: 1.2rem;}
    .ui-menu .ui-menu-item-wrapper{font-family: 'futura-pt', Helvetica, Arial, sans-serif;}

/* landing colonya*/
.colonya.page h3.uk-heading-line{color: #F08E00;}
.colonya h3.uk-heading-line{color: #F08E00;}
.cp-highlights{margin: 10vh 0;}
.cp-highlights h5{font-size: 1.6rem;}
.cp-highlights h5:before{display: block;text-align: center;width: 80%;max-width: 160px;margin: 0 auto;}
.cp-highlights h5:nth-child(1):before{content:url('../../front_img/icon-colonya-1.svg');}
.cp-highlights h5:nth-child(2):before{content:url('../../front_img/icon-colonya-2.svg');}
.cp-highlights h5:nth-child(3):before{content:url('../../front_img/icon-colonya-3.svg');}

/* landing pay*/
.pay .bg-black {background-color: #000;}
.pay .inline {display: -webkit-inline-box;}
.pay .uk-divider-vertical {height: 50px;border-left: 2px solid #000000;}
.pay .logos {position: absolute; bottom: 5vh;}
.pay .section-half {padding: 5vh;}
.pay .section-min {padding: 2vh;}
.pay.page h3.uk-heading-line{color: #F08E00;}
.pay .pay-logo {min-width: 110px; width: 110px; text-align: center;margin-left: calc(50% - 45px); margin: 15px; display: inline-block;}
.pay .wallet-logo {display: inline-block; width: 180px; margin-left: 20px; margin-top: 26px;}
/* .pay .logo-ind {padding: 20px;} */
.pay .logo-ind.br {border-right: 1px solid #000000; display: inline-block; padding: 15px 0;}
.pay .b-bottom {border-bottom: 8px solid #262a5e;}
.pay h4.center {font-weight: 400 !important; font-family: 'futura-pt', Helvetica, Arial, Sans-serif; text-align: center !important; color: #262a5e !important; font-size: 1.4rem;}
.pay .video_screenshot{max-width: 560px; cursor: pointer;opacity: 0.9;width: 100%; padding: 20px;opacity: 1; -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;opacity: 0.9;}
.pay .video_screenshot:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.4); opacity: 1;}
.pay .g-pay-bg-header{background-image: url('../../front_img/bg-google-pay.jpg');background-position: center;background-size: cover; min-height: 50vh;}
.pay .g-pay-bg-header h1{color: white; padding: 25vh 0 0 0;}
.landing-google-pay .logos{position: relative;margin: 50px auto;bottom: auto;display: inline-block;}
.landing-google-pay h4.center{font-size:1.2rem;}
.landing-google-pay .gp-img-phone{order: 1;}
.landing-google-pay .banners-video h4{color: #262a5e;}
.g-pay-bg-2{background-image: url('../../front_img/bg-google-pay-2.jpg');background-position: center;background-size: cover;padding: 25vh 0 5vh;min-height: calc(500px - 30vh);}
.pay .g-pay-bg-2 h1 {color: white;}
img.tc-pay {max-width: 500px;margin: 50px auto 0 !important;}

/* landing app 2020 */
.app-2020 .app-2020-bg-header{background-image: url('../../front_img/bg-app-2020.jpg');background-position: center;background-size: cover;padding: 25vh 0 5vh;min-height: calc(500px - 30vh);}
.app-2020 .hc-intro{margin-top: 0 !important;}
.app-2020 .app-2020-bg-header h1{color: white;text-shadow: 0px 0px 5px #000;}
.app-hl-landing{background-color: #f08e00;padding-bottom: 0;}
.app-hl-landing h4, .app-hl-landing p{color: white !important;}
.app-hl-landing .app-hl-icons{padding: 0;}
.app-hl-landing .app-hl-icons li{color: white;list-style-type: none;font-size: 1.2rem;}
.app-hl-landing .app-hl-icons li i{vertical-align: middle;margin-right: 20px;}
.app-colonya-img{margin-top: calc(-10vh - 100px);}

.app-2020 .icon-l{width: 40px;height: 40px;background-size: contain;display: inline-block;}
.app-2020 .icon-l.app-1{background-image: url('../../front_img/app-icon-1.svg');}
.app-2020 .icon-l.app-2{background-image: url('../../front_img/app-icon-2.svg');}
.app-2020 .icon-l.app-3{background-image: url('../../front_img/app-icon-3.svg');}
.app-2020 .icon-l.app-4{background-image: url('../../front_img/app-icon-4.svg');}
.app-2020 .icon-l.app-5{background-image: url('../../front_img/app-icon-5.svg');}
.app-cta-avisos{background-image: url('../../front_img/bg-app-2020-2.jpg');background-position: center;background-size: cover;background-color: rgba(38, 42, 94,0.4);background-blend-mode: multiply;}
.aca-1-1{text-align: left;color: white;}
.aca-1{text-align: left;color: white;margin-top: 0;}
.aca-2{text-align: left;color: white;}
.aca-3{text-align: left;color: white;}
.app-cta-descarrega{background-color: #262a5e;}
.app-cta-descarrega h3, .app-cta-descarrega p{color: white;}
.app-cta-descarrega .act-app-button{margin-bottom: 10px;display: block;}
.pay img.uk-position-center {max-width: 70px;}


/* landing app 2024 */
.app-2024 .hc-intro {margin: 0 !important;}
.app-2024 .app-2024-bg-header{background-color: #262A5E; padding: 5vh 5vh 0;}
.app-2024 .app-2024-bg-header h1 {font-size: 1.8rem; line-height: 1;}
.app-2024 .app-2024-bg-header h2 {font-size: 3.2rem; font-family: 'futura-pt'; font-weight: 400;line-height: 1.2;}
.app-2024 .app-2024-bg-header h3 {font-size: 2.2rem; line-height: 1;}
.app-2024 .app-2024-bg-header h4 {font-size: 2.2rem; font-family: 'futura-pt'; font-weight: 400; line-height: 1;}
.app-2024 .desc h3 {font-size: 1.6rem; line-height: 1.4;}
.app-2024 h3 {font-size: 2rem; line-height: 1; margin-bottom: 10px;}
.app-2024 h4 {font-size: 1.8rem; font-family: 'futura-pt'; font-weight: 400; line-height: 1;}

.app-2024 .app-colonya-img {margin-top: -14vh;}

.app-2024 .rp-section {margin-top: -3vh; z-index: -1; position: relative;}

/* landing frau */
.frau p {font-size: 1.2rem;}
.frau h1 span {color: #f08e00;}
.frau .text-header .uk-text-large {font-size: 2rem;}
.frau .list h3, .frau .pass h3, .frau .record h3, .frau .chat h3 {font-size: 2.6rem;}
.frau .list span.number {font-size: 2.6rem; font-weight: 700; position: relative; top: -20px;}
.frau .chat .uk-border-rounded {border-radius: 30px;}
.frau .chat .bg-white.right::after {content: ''; position: absolute; right: -30px; top: 40px; width: 0px; height: 0px; border-style: solid; border-width: 0 40px 40px 0px; border-color: transparent transparent #fff transparent; transform: rotate(90deg); }
.frau .chat .bg-white.left::after {content: ''; position: absolute; left: -30px; top: 40px; width: 0px; height: 0px; border-style: solid; border-width: 0 40px 40px 0px; border-color: transparent transparent #fff transparent; transform: rotate(180deg);}
.frau .chat .bg-white.right .alert {position: relative; top: -30px;}
.frau .chat .bg-white.left .alert {position: absolute; top: -20px; margin-left: -20px;}
.frau .chat .left .container-left {margin-right: 60px;}
.frau .chat .left .container-right {margin-left: 60px;}
.frau .pass .bg-white.left::after {content: ''; position: absolute; left: -30px; top: 40px; width: 0px; height: 0px; border-style: solid; border-width: 0 40px 40px 0px; border-color: transparent transparent #fff transparent; transform: rotate(180deg);}
.frau .pass .uk-border-rounded {border-radius: 30px;    height: 130px;}
.frau .pass .stars {margin-top: -28px; position: absolute; color: #f08e00; font-size: 2.6rem;}
.frau .record ul {margin-left: -30px;}
.frau .record ul li {list-style-type: none; list-style: none; font-size: 1.3rem;}
.frau .record h3.white {font-size: 2.2rem; font-weight: 400;font-family: 'futura-pt'; }


/* euro-plus page */
.main-container {position: relative; background-color: white; margin: -5vh 5vh -20px !important; box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.2);}
.euro-plus h1 {font-size: 3rem;}
.euro-plus h3.text-futura {font-size: 2rem; margin-bottom: 0;}
.euro-plus .euro-phone {margin-top: -10vh; max-width: 400px;}
.euro-plus h3.number {font-size: 3rem;}
.euro-plus .feed-numbers p {font-size: 1.4rem;}
.euro-plus .faqs .uk-accordion-title {font-weight: 700; font-size: 1.6rem;}
.euro-plus .faqs .uk-accordion-content {padding: 20px; background-color: white;}
.euro-plus .faqs .uk-accordion-content p {font-size: 1.2rem;}
.euro-plus .faqs .uk-accordion-title::before {background-color: white; border-radius: 30px;}
.euro-plus .faqs .uk-accordion li {border-bottom: 1px solid white; padding-bottom: 20px;}

/* landing page */
.landing .header{min-height: 70vh;}
.landing-intro{margin: -10vh 30vw 0 0;position: relative;background-color: #262a5e;}
.landing-intro h1{color: white;}
.landing-intro h1 span{color: #f08e00;font-size: 50%;display: block;margin-bottom: 10px;}
.landing-intro p{color: white;font-size: 1.2rem;}
.li-img{text-align: center;width: 100%;margin-top: 5vh;}
.li-item{color: white;font-weight: 700;text-transform: uppercase;text-align: center;padding: 20px;position: relative;}
.li-item:after{content:url('../../front_img/more.svg');position: absolute;top: 60px;right: -15px;}
.li-item:last-child:after{display: none;}
.li-item:before{display: block;}

    .landing.particulars .li-item:nth-child(1):before{content:url('../../front_img/hi-nego-3.svg');}
    .landing.particulars .li-item:nth-child(2):before{content:url('../../front_img/hi-nego-2.svg');}
    .landing.particulars .li-item:nth-child(3):before{content:url('../../front_img/hi-nego-5.svg');}

    .landing.emprenedors .li-item:nth-child(1):before{content:url('../../front_img/hi-nego-1.svg');}
    .landing.emprenedors .li-item:nth-child(2):before{content:url('../../front_img/hi-nego-2.svg');}
    .landing.emprenedors .li-item:nth-child(3):before{content:url('../../front_img/hi-nego-3.svg');}

    .landing.negocis .li-item:nth-child(1):before{content:url('../../front_img/hi-nego-1.svg');}
    .landing.negocis .li-item:nth-child(2):before{content:url('../../front_img/hi-nego-2.svg');}
    .landing.negocis .li-item:nth-child(3):before{content:url('../../front_img/hi-nego-4.svg');}



.landing-container{background-color: #fff4e3;}
.landing-container h2{color: #f08e00;}
.landing-products-grid{margin-top: 10vh;}

    /* LANDING SOM ENERGIA */
    .energia ul {padding-left: 0;}
    .energia ul li {text-decoration: none; list-style-type: none;}
    .energia .header{background-image: url('../../front_img/bg-som-energia.jpg'); background-position: center; background-size: cover; width: auto !important;}
    .energia .intro {box-shadow: 0px 0px 35px rgba(0,0,0,0.2); margin-bottom: 5vh;;}
    .energia .intro .logo-som {max-width: 250px;}
    .energia .intro .som {background-color: #262A5E;}
    .energia .intro .som h3,  .energia .intro .som ul li {color: white;}
    .energia .intro .info {background-color: #F08E00;}
    .energia .intro .info h3, .energia .intro .info h3 a {color: white;}
    .energia .intro .info h3 a:hover {color: #262A5E;}

    /* PSD2 */
    .video_screenshot_psd2{width: 100%;cursor: pointer;}
    .psd2.page .hc-highlights h4{margin-top: 10px;}
    #iframe_psd2{width: 100%;}

    #saber-mas-psd2 .section-min{margin-left: 80px;}
    #saber-mas-psd2 .section-min h6{margin-bottom: 0;position: relative;}
    #saber-mas-psd2 .section-min h6:before{content: "";display: block;width: 80px;height: 60px;background-size: contain;background-repeat: no-repeat;position: absolute;left: -90px;top:-10px;}
    #saber-mas-psd2 .section-min h6:nth-of-type(1):before{background-image: url('../../front_img/psd2-icon_2_1.svg');}
    #saber-mas-psd2 .section-min h6:nth-of-type(2):before{background-image: url('../../front_img/psd2-icon_2_2.svg');}
    #saber-mas-psd2 .section-min h6:nth-of-type(3):before{background-image: url('../../front_img/psd2-icon_2_3.svg');}
    #saber-mas-psd2 .section-min p{margin-top: 0;}

    #faq-psd2-link{background-color: #F08E00;}
    #faq-psd2-link h3{color: white;}
    #faq-psd2-link a{color: white;}

    #act-telf{position: relative;margin-left: 50px;}
    #act-telf:before{content: url('../../front_img/act-telf.svg');position: absolute;top: 4px;left: -50px;}
    #act-app .act-app-button{width: 49%;display: inline-block;max-width: 150px;}

        /* 2020 */
        .psd2.particulares .date img {max-width: 100px; min-height: 100px}
        .psd2.particulares .banner-particulars {min-height: 40vh;}
        .psd2.particulares .banner-particulars .banner-text {position: relative; z-index: 1;}
        .psd2.particulares .banner-particulars .banner-text h3 {color: white; font-size: 2.2rem;}
        .psd2.particulares .banner-particulars .banner-text h4 {color: white; margin-bottom: 0;}
        .psd2.particulares .banner-particulars .banner-text h5 {color: white; margin-top: 5px;}
        .psd2.particulares p.destacat {margin-bottom: 0; font-size: 1.4rem;}
        .psd2.particulares .banner-particulars .banner-logo img {height: 50px;}
        .psd2.particulares .banner-particulars .banner-logo img:hover {opacity: 0.8}
        .psd2.particulares .button-hover:hover {color: #f08e00;}

        .psd2.empresas .date img {max-width: 100px; min-height: 100px}
        .psd2.empresas .icon-small {max-width: 30px;}
        .psd2.empresas .hc-highlights h4 {margin-bottom: 10px;}
        .psd2.empresas .hc-highlights p {font-size: 1.2rem; margin-top: 0;}

    /* Formulari denuncies */
    #termsandconditions {color: #262a5e;font-weight: 700;}
    #termsandconditions:hover{text-decoration: underline;}
    #d-modal-infraccions .uk-table-justify td:first-child, #d-modal-infraccions  .uk-table-justify th:first-child{padding-left: 16px;}
    #d-modal-infraccions .uk-table-justify td:last-child, #d-modal-infraccions  .uk-table-justify th:last-child{padding-left: 16px;}

/* landing bizum */
.landing.bizum .header {min-height: 220px; height: 220px;}
.landing.bizum .header img {max-height: 170px; margin-top: 5px;}
.landing.bizum .section.info {padding: 15vh 10vh !important;}
.landing.bizum .info hr {margin: 30px 0; border-top: 1px solid #272C5B;}
.landing.bizum .info h3 {font-size:1.6rem; font-weight: 400; color: #000 !important; font-family: 'futura-pt'; margin-top: 0; margin-bottom: 0;}
.landing.bizum .info h4 {font-size:1.5rem; font-weight: 600; color: #262C5B !important; font-family: 'futura-pt'; margin-top: 0; margin-bottom: 0;}
.landing.bizum .info a {color: #262C5B !important; -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.landing.bizum .info a:hover {color: #f08e00 !important;}
.landing.bizum .info img.icon-con {width: 35px; position: relative; top: 4px;}


/* landing bizum online */
.landing-bizum-online h1{display: inline-block;}
.landing-bizum-online .logo-bizum {max-width: 300px;}
.landing-bizum-online .logo-bizum-white {max-width: 260px;}
.landing-bizum-online .usos {background-color: #fff4e3;}
.landing-bizum-online .bg-rounded {border-radius: 30px;}
.landing-bizum-online .bg-rounded-bottom {border-radius: 0px 0px 30px 30px;}
.landing-bizum-online .simbol-bizum {max-width: 100px;}
.landing-bizum-online .asset-bizum {max-width: 120px;}
.landing-bizum-online .asset-bizum-center {max-height: 140px;}
.landing-bizum-online .featured h4 {color: #000; font-size: 1.6rem !important; font-weight: 400; font-family: 'futura-pt';}
.landing-bizum-online .logo-app {width: 180px;}
.landing-bizum-online .envio .bg-blue {position: absolute; width: 100%; height: 30vh; z-index: -1; bottom: 0;}

/* landing bizum help */
.landing-bizum-help a.orange:hover {color: #272C5B !important;}


/* landing garantia hipoteca */
.landing-garantia-hipoteca .uk-table {border: 0; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff;}
.landing-garantia-hipoteca .uk-table tr {border-bottom: 0.5px solid #ffffff; border-top: 0.5px solid #ffffff;}
.landing-garantia-hipoteca .overlay.dark {background-color: rgba(38, 42, 94,0.9);}
.landing-garantia-hipoteca .bg-orange .border { border-left: 1px solid  #ffffff;}
.landing-garantia-hipoteca .bg-orange h3, .landing-garantia-hipoteca .presentacio h3 {font-size: 2rem;}
.landing-garantia-hipoteca .presentacio h5.dark a {color: #282960;}
.landing-garantia-hipoteca .presentacio h5.dark a:hover {color:#F08E00;}
.landing-garantia-hipoteca .ibavi {background-color: #BDC104;}

.landing-garantia-hipoteca .form-show-container {max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out;}
.landing-garantia-hipoteca .form-section {margin-top: -5vh; position: relative;}
.landing-garantia-hipoteca .call {z-index: 1; position: relative;}
.landing-garantia-hipoteca .call .uk-link::after {background-position: -100px -11px;}


/* landing-firma-online */
.landing-firma-online .box-shadow .bg-rounded {border-radius: 25px;}
.landing-firma-online .box-shadow .bg-grey {background-color: #e2e2e2;}
.landing-firma-online .box-shadow .bg-grey .container {background-color: #f08e00; position: absolute; right: -20px; width: 50px; height: 50px; text-align: center; border-radius: 30px; top: -20px;}
.landing-firma-online .box-shadow .bg-grey .container .number {color: white; position: relative; top: 7px; font-size: 1.4rem; font-weight: 700;}
.landing-firma-online .box-shadow .asset-border {position: absolute; left: 40px;}
.landing-firma-online .box-shadow h4 {font-weight: 400 !important; font-family: 'futura-pt' !important;}
.landing-firma-online .box-shadow ul li {font-size: 1.4rem;}
.landing-firma-online .box-shadow ul li::marker {font-size: 1rem;}
.landing-firma-online .box-shadow .list h3 {font-size: 1.4rem;}


/* plane page */
.page.no-img .header{display: none;}
.page.no-img .hc-intro{margin: 0 5vh !important;}
.page-tabs{padding-top: 0;}
.pt-tabs-container{padding-bottom: 0;border-bottom: 1px solid #e5e5e5;}
.page-tabs .uk-tab{margin-bottom: -1px;}
.page-tabs .uk-tab:before{border: none;}
.page-tabs .uk-tab a{color: #282960;text-transform: none;text-align: right;font-size: 1rem;text-decoration:none !important;}
.page-tabs .uk-tab>.uk-active>a{border-color:#F08E00;font-weight: 700;}
.page-tabs .uk-tab .uk-dropdown-nav:before{border: 0;}
.page-tabs .uk-tab .uk-dropdown-nav>.uk-active>a{border: none;font-weight: 400;color: #262a5e;}
#page-tabs-items a {font-weight: 700;color: #262a5e;}
#page-tabs-items a:hover{color: #f08e00;}
.page h4{color: #F08E00;}
.page-form .form-show-container h3, .page-form .form-show-container p{display: none;}
.page-baja .publi-check{display: none;}
.slider-flat-page h5{background: #eee;display: block;padding: 5px 10px;color: #444;}

.uk-modal-page .b-modal-bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: white;z-index: 10;}
.uk-modal-dialog .text h3 {margin-bottom: 0;}
.uk-modal-dialog .text p.sans {margin: 0; font-weight: 700;}

/* landing pago movil*/
.pago-movil .overlay-orange {background-color: rgba(240,142,0,0.5);}
.pago-movil .header {width: 100% !important;}
.pago-movil .banner-img {min-height: 50vh; background-position: center; background-size: cover;}
.pago-movil .banner-img .banner-text {position: relative; z-index: 1;}
.pago-movil .banner-img .banner-text h4 {font-size: 2rem; font-weight: 400 !important; color: white !important;font-family: 'futura-pt'; margin-bottom: 0; margin-top: 0;}
.pago-movil .banner-img .banner-text h3 {font-size: 2.4rem; font-weight: 700; color: white !important;font-family: 'futura-pt'; margin-top: 0; margin-bottom: 0;}
.pago-movil .banner-img .banner-text p {color: white !important;}
.pago-movil .uso {background-color: #262a5e;}
.pago-movil .uso h3 {color: white !important;}
.pago-movil .uso .button-pago {-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;background-color: transparent; border: 1px solid white !important; border-radius: 10px; padding: 1rem; margin-left: 20px;}
.pago-movil .uso .button-pago h4 {color: white; margin-bottom: 0; }
.pago-movil .uso .button-pago img {height: 30px;}
.pago-movil .uso .button-pago:hover {background-color: #f08e00; border: 1px solid #f08e00 !important;}


/* LANDING ALTA CLIENTE */
.alta-cliente .header{background-position: center; background-size: cover; width: auto !important;}
.alta-cliente .hc-intro {box-shadow: none; background-color: transparent; margin-bottom: 5vh !important;}
.alta-cliente .hc-intro .box-shadow.bg-white {margin-top: -50px; position: relative;}
.alta-cliente .users ul {margin-bottom: 0;}
.alta-cliente .users ul li.section-hor {background-color: #f08e00; padding: 5vh 10vh; margin-top: 5px;}
.alta-cliente .users ul li a.uk-accordion-title {font-size: 1.8rem; color: white; cursor: pointer;}
.alta-cliente .users ul li a span {position: relative; top: 5px;}
.alta-cliente .users ul li .uk-accordion-title::before {width: 50px; background-color: transparent; height: 50px; border-radius: 30px; border: 2px solid white;}
.alta-cliente .users ul li:hover .uk-accordion-title::before {background-color: white;}
.alta-cliente .users ul li.section-hor.uk-open {background-color: white;}
.alta-cliente .users ul li.section-hor.uk-open a.uk-accordion-title {color: #f08e00;}
.alta-cliente .users ul li img {max-width: 90px;}
.alta-cliente .users ul li.section-hor.uk-open .uk-subnav-pill>*>:first-child {text-transform: initial; font-size: 1.1rem;}
.alta-cliente .users ul li.section-hor.uk-open .uk-subnav-pill>*>:first-child:hover {background-color: transparent;}
.alta-cliente .users ul li.section-hor.uk-open .uk-subnav-pill>.uk-active>a {background-color: transparent; color: #f08e00; text-transform: initial; text-decoration: underline; font-size: 1.1rem;}
.alta-cliente .users ul li span {font-weight: 600;}
.alta-cliente .users ul li p b {font-size: 1.2rem; color: #f08e00;}
.alta-cliente .section-hor.caixers {padding: 5vh 10vh; margin-top: 5px;}
.alta-cliente .section-hor.caixers a {color: white; font-size: 1.4rem;}
.alta-cliente  .uk-subnav-pill>*>:first-child {color: #262a5e;}
.alta-cliente .users li .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%23f08e00%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);}

.alta-cliente .users li .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%23f08e00%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);}

.alta-cliente .users li .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%23ffffff%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%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); }

.alta-cliente .users li:hover .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%23f08e00%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%23f08e00%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); }
.alta-cliente .text-underline {text-decoration: underline; font-weight: 400 !important;}

.alta-cliente .hc-intro p a:hover,  .alta-cliente .hc-intro li a:hover, .alta-cliente .hc-intro div a:hover {text-decoration: none;}



.box-shadow {box-shadow: 0px 0px 35px rgba(0,0,0,0.2);}
.box-shadow.sections-margin {margin: -5vh 5vh -20px !important; z-index: 1; position: relative;}
.bg-white {background-color: white !important;}
.white {color: white !important;}
.bg-blue {background-color: #262a5e !important;}
.border-radius {border-radius: 10px;}
.section-hor {padding: 0 10vh;}
.section-small {padding: 5vh;}

.home .container-avh {margin-bottom: -2px; z-index: 0;}
.home .press-section h3, .alta-cliente .press-section h3 {font-size: 2.2rem; margin-bottom: 0; line-height: 1.2;}
.home a .sign-link {position: relative; z-index: 1;}
.home a .sign-link h5 { -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.home a .sign-link h5:hover {color: #262a5e !important;}


.home .press-section h4, .alta-cliente .press-section h4 {font-size: 1.6rem; margin-top: 10px;}
.home .container-avh, .alta-cliente .container-avh {margin-bottom: -2px; z-index: 0; margin-right: -1px;}
.home .press-section.bg-blue, .alta-cliente .press-section.bg-blue {margin-top: 0vh; padding-top: 5vh; padding-bottom: 5vh;}
.home .container-iframe iframe, .alta-cliente .container-iframe iframe {z-index: 1; position: relative; border-radius: 30px;}


/* LANDING TARGETA PREPAGO */
.targeta-prepago .header{background-position: center; background-size: cover; width: auto !important;}
.targeta-prepago .intro { margin-bottom: 5vh;;}
.targeta-prepago .box-shadow {box-shadow: 0px 0px 35px rgba(0,0,0,0.2);margin-bottom: 5vh;}
.targeta-prepago .sections h3 {font-family: 'futura-pt'; color: #000; margin-bottom: 0; font-weight: 700; font-size: 1.2rem;}
.targeta-prepago .sections p {margin-top: 5px;}
.targeta-prepago .bg-blue {background-color: #262a5e;}
.targeta-prepago .bg-blue h4 {color: white; font-weight: 400; font-family: 'futura-pt'; margin-top: 15px;}
.targeta-prepago .bg-blue h3 {color: white;}
.targeta-prepago .bg-blue .icon-ind {max-height: 60px; margin: 0 auto; margin-top: 15px;}
.targeta-prepago .particular {background-image: cover; min-height: 40vh; background-position: center; background-repeat: no-repeat;}
.targeta-prepago .overlay-orange {background-color: rgba(240,142,0,0.4);}
.targeta-prepago .overlay {background-color: rgba(51,51,51,0.4);}
.targeta-prepago .text {position: relative; z-index: 1;}
.targeta-prepago .text h3 {font-size: 3rem; color: white; display: block; margin-bottom: 0; line-height: 1.1;}
.targeta-prepago .text h3 span {color: white; display: block; font-size: 1.8rem;font-family: 'futura-pt';font-weight: 700; margin-bottom: 5px;}
.targeta-prepago .text h4 {color: white; font-weight: 400; font-family: 'futura-pt'; margin-top: 0;}
.targeta-prepago .app .bg-orange {background-color: #f08e00; padding-right: 10vh; margin-right: -10vh;}
.targeta-prepago .app h4 {color: white; font-family: 'futura-pt'; font-weight: 400; font-size: 1.4rem;}
.targeta-prepago .app h4 span {font-weight: 700;  font-family: 'futura-pt'; font-size: 1.4rem;}
.targeta-prepago .app .app-img  {position: relative; bottom: -30px;}

.targeta-prepago .eco h4 {font-weight: 400; font-family: 'futura-pt'; margin-top: 15px; color: #262a5e;}
/* .targeta-prepago .eco h3 {color: white;} */
.targeta-prepago .eco .icon-ind {max-height: 70px; margin: 0 auto; margin-top: 15px;}
.targeta-prepago .eco .uk-divider-small::after {border-top: 2px solid #f08e00; margin-top: 50%;}
.targeta-prepago .pay h3 {color: white; margin-bottom: 0;}
.targeta-prepago .pay {background-color: #262a5e;}
.targeta-prepago .pay .icon-pay {width: 70px;}
.targeta-prepago .pay a:hover {opacity: 0.7;}


/* RESUM ACTIVITATS */
.resum-activitats .ajudes h3 {font-size: 2.4rem;}

.resum-activitats .square-blue {width: 20px; height: 20px; background-color: #262a5e;}
.resum-activitats .square-orange {width: 20px; height: 20px; background-color: #f08e00;}
.resum-activitats .square-cel {width: 20px; height: 20px; background-color: #0970b0;}
.resum-activitats .square-dark {width: 20px; height: 20px; background-color: #f36700;}
.resum-activitats .featured p {font-size: 1.2rem;}

.resum-activitats .immobles .uk-table {border: 0;}
.resum-activitats .immobles .uk-table th {font-weight: 700; color: #262A5E; font-size: 1rem; text-transform: initial;}
.resum-activitats .immobles .uk-table-divider>:not(:first-child)>tr {border-top: 1px solid #f08e00;}
.resum-activitats .immobles .uk-table td {border: 0;}
.resum-activitats .galeria .uk-subnav>* {padding-left: 0;}
.resum-activitats .galeria .uk-subnav-pill>*>:first-child {padding: 5px 20px; border-bottom: 1px solid #d8d8d8; color: #262A5E; }
.resum-activitats .galeria .uk-subnav-pill>.uk-active>a {background-color: white; border-bottom: 2px solid #f08e00;}

.resum-activitats .chart-res-1 .bg-1 {background-color: #4CC5F5;}
.resum-activitats .chart-res-1 .bg-2 {background-color: #0970B0;}
.resum-activitats .chart-res-1 .bg-3 {background-color: #03386E;}
.resum-activitats .chart-res-1 .bg-4 {background-color: #EF8E00;}
.resum-activitats .chart-res-1 .border-1 {border-bottom: 1px solid #4CC5F5;}
.resum-activitats .chart-res-1 .border-2 {border-bottom: 1px solid #0970B0;}
.resum-activitats .chart-res-1 .border-3 {border-bottom: 1px solid #03386E;}
.resum-activitats .chart-res-1 .border-4 {border-bottom: 1px solid #EF8E00;}

.resum-activitats .chart-res-2 .bg-1 {background-color: #7FD8F4;}
.resum-activitats .chart-res-2 .bg-2 {background-color: #4CC5F5;}
.resum-activitats .chart-res-2 .bg-3 {background-color: #18A6DE;}
.resum-activitats .chart-res-2 .bg-4 {background-color: #0970B0;}
.resum-activitats .chart-res-2 .bg-5 {background-color: #03386E;}
.resum-activitats .chart-res-2 .bg-6 {background-color: #EF8E00;}
.resum-activitats .chart-res-2 .bg-7 {background-color: #F5AF54;}


.resum-activitats .chart-res-2 .border-1 {border-bottom: 1px solid #7FD8F4;}
.resum-activitats .chart-res-2 .border-2 {border-bottom: 1px solid #4CC5F5;}
.resum-activitats .chart-res-2 .border-3 {border-bottom: 1px solid #18A6DE;}
.resum-activitats .chart-res-2 .border-4 {border-bottom: 1px solid #0970B0;}
.resum-activitats .chart-res-2 .border-5 {border-bottom: 1px solid #03386E;}
.resum-activitats .chart-res-2 .border-6 {border-bottom: 1px solid #EF8E00;}
.resum-activitats .chart-res-2 .border-7 {border-bottom: 1px solid #F5AF54;}


/* recipes */
.recipes .ns-item-text {border-radius: 0px 0px 15px 15px;}
.recipes .ns-item-text h3 { font-size: 1.8rem;}
.recipes .ns-item-text h4 {min-height: 70px; line-height: 1.1;}

/* recipe */
.home .banner-home-recipes {padding-top: 10vh;}
.home .banner-home-recipes img.image  {position: relative; z-index: 11; border-radius: 30px;}
.home .banner-home-recipes .text {position: relative;z-index: 12; margin-top: 1vh;}
.home .banner-home-recipes h3 {font-size: 2.2rem; margin-bottom: 0;line-height: 1.2;}
.home .banner-home-recipes h4 {font-size: 2.2rem; margin-top: 0; margin-bottom: 30px;line-height: 1.2;}
.home .banner-home-recipes .uk-button-primary {margin-top: -40px; position: relative;z-index: 12;}

.recipe h1 {font-weight: 400; font-size:3.2rem;}
.recipe .recipe-container .bg-blue {position: absolute; width: 100%; height: 60vh; top: 0; left: 0;z-index: -1;}
.recipe .content-recipe h3::after{content: ''; width: 100%; position: absolute; height: 2px; background-color: #f08e00; display: block;}

.recipe .ns-item-text {border-radius: 0px 0px 15px 15px;}
.recipe .uk-dotnav>*>* {width: 15px; height: 4px; border-radius: 0; border: 1px solid rgba(102, 102, 102, .4);}
/* .recipe .content-recipe{margin: 0vh 0vh -20px !important; box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.2);} */
.recipe .content-recipe ul {margin-left: 20px; padding-left: 20px; border-left: 1px solid #f08e00;}
.recipe .content-recipe ul li {list-style-type: none; list-style: none;color: #012428; font-size: 1.1rem; line-height: 1.8;}
.recipe .content-recipe p {color: #012428; font-size: 1.1rem;}
.recipe .link-insta {font-size: 1rem; color: #012428; font-weight: 600;}

/* treballa-amb-nosaltres */
#form-treballa{margin-top: 50px;}

.treballa-amb-nosaltres .uk-accordion-title {padding: 20px;}
.treballa-amb-nosaltres .uk-accordion-content {background-color: white; margin-top: 0;}
.treballa-amb-nosaltres .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%23fff%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%23fff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);}
.treballa-amb-nosaltres .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%23fff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}

/* caixers */
.mapboxgl-popup {max-width: 200px;}
.table-oficines{border: 0;}
.table-oficines th{font-weight: 700;color: #262a5e;}
.table-oficines td{border: 0;}
.offices-next-opening{font-size: 0.8rem;font-weight: 700;}


/* legal */
.legal .header {background-color: #262a5e; }
.cookies .header {background-color: #f08e00; }

/* HOME ENGLISH */
.home-english h1, .home-english h2 {font-size: 2.4rem; color: #f08e00;}
.home-english .uk-subnav {margin: 0; background-color: #19173c; height: 80px; }
.home-english .uk-subnav-pill>.uk-active>a {background-color: transparent; color: #f08e00; font-size: 1rem; font-weight: 700;}
.uk-subnav-pill>*>a:hover {background-color: transparent; color: #f08e00 !important;}
/* .home-english .uk-subnav-pill>*>a:focus {color: white;} */
.home-english .uk-subnav-pill>*>:first-child {padding: 0; color: white; font-size: 1rem; color: white; font-weight: 700; column-gap: 0;}
.home-english .uk-subnav>* {padding-left: 0;}
.home-english .uk-subnav>*>:first-child {display: inline-block !important;}

/* .bg-orange {background-color: #f08e00; width: 100%; height: 80px;}
#button-direct {height: 80px;} */

/* #main-menu-container{background-color: #19173c;height: 70px;z-index: 3;}
#main-menu{width: 100%;} */
/* .uk-navbar-nav#main-menu li a{font-size: 1rem;}
.uk-navbar-nav#main-menu li.uk-active>a{color:#f08e00;} */
.home-english .online-bank {background-color: #f08e00; height: 60px;}
.home-english .online-bank:hover {background-color: #e7570c; height: 60px; color: white;}
.home-english .online-bank>a{color: white;position: relative; top: 0px;}
.home-english .online-bank:hover>a{color: white;}
.home-english .online-bank:hover>a:hover{color: white !important;}
.home-english .online-bank a:before{content: url('../../front_img/online.svg');display: inline-block;margin-right: 5px;}
.home-english .online-bank:after{display: none;}


.new-customers .uk-subnav {margin: 0; background-color: #19173c; height: 80px; }
.new-customers .uk-subnav-pill>.uk-active>a {background-color: transparent; color: #f08e00; font-size: 1rem; font-weight: 700;}
.uk-subnav-pill>*>a:hover {background-color: transparent; color: #f08e00 !important;}
/* new-customers .uk-subnav-pill>*>a:focus {color: white;} */
.new-customers .uk-subnav-pill>*>:first-child {padding: 0; color: white; font-size: 1rem; color: white; font-weight: 700; column-gap: 0;}
.new-customers .uk-subnav>* {padding-left: 0;}
.new-customers .uk-subnav>*>:first-child {display: inline-block !important;}

.new-customers .users ul {margin-bottom: 0;}
.new-customers .users ul li.section-hor {background-color: #f08e00; padding: 30px; margin-top: 5px;}
.new-customers .users ul li a.uk-accordion-title {font-size: 1.8rem; color: white; cursor: pointer;}
.new-customers .users ul li a span {position: relative; top: 5px;}
.new-customers .users ul li .uk-accordion-title::before {width: 50px; background-color: transparent; height: 50px; border-radius: 30px; border: 2px solid white;}
.new-customers .users ul li:hover .uk-accordion-title::before {background-color: white;}
.new-customers .users ul li.section-hor.uk-open {background-color: white;}
.new-customers .users ul li.section-hor.uk-open a.uk-accordion-title {color: #f08e00;}
.new-customers .users ul li img {max-width: 90px;}
.new-customers .users ul li.section-hor.uk-open .uk-subnav-pill>*>:first-child {text-transform: initial; font-size: 1.1rem;}
.new-customers .users ul li.section-hor.uk-open .uk-subnav-pill>*>:first-child:hover {background-color: transparent;}
.new-customers .users ul li.section-hor.uk-open .uk-subnav-pill>.uk-active>a {background-color: transparent; color: #f08e00; text-transform: initial; text-decoration: underline; font-size: 1.1rem;}
.new-customers .users ul li span {font-weight: 600;}
.new-customers .users ul li p b {font-size: 1.2rem; color: #f08e00;}

.new-customers .section-hor.caixers {padding: 5vh 10vh; margin-top: 5px;}
.new-customers .section-hor.caixers a {color: white; font-size: 1.4rem;}
/* .new-customers  .uk-subnav-pill>*>:first-child {color: #262a5e;} */
.new-customers .users li .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%23f08e00%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
.new-customers .users li .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%23f08e00%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
.new-customers .users li .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%23ffffff%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%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); }
.new-customers .users li:hover .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%23f08e00%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%23f08e00%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); }
.new-customers .text-underline {text-decoration: underline; font-weight: 400 !important;}
.new-customers p a:hover,  .new-customers li a:hover, .new-customers div a:hover {text-decoration: none;}


.new-customers .users .uk-subnav>* {padding-left: 30px;}

.home-english .users .uk-subnav>* {padding-left: 30px;}

.home-english .users ul {margin-bottom: 0;}
.home-english .users ul li.section-hor {background-color: #f08e00; padding: 30px; margin-top: 5px;}
.home-english .users ul li a.uk-accordion-title {font-size: 1.8rem; color: white; cursor: pointer;}
.home-english .users ul li a span {position: relative; top: 5px;}
.home-english .users ul li .uk-accordion-title::before {width: 50px; background-color: transparent; height: 50px; border-radius: 30px; border: 2px solid white;}
.home-english .users ul li:hover .uk-accordion-title::before {background-color: white;}
.home-english .users ul li.section-hor.uk-open {background-color: white;}
.home-english .users ul li.section-hor.uk-open a.uk-accordion-title {color: #f08e00;}
.home-english .users ul li img {max-width: 90px;}
.home-english .users ul li.section-hor.uk-open .uk-subnav-pill>*>:first-child {text-transform: initial; font-size: 1.1rem;}
.home-english .users ul li.section-hor.uk-open .uk-subnav-pill>*>:first-child:hover {background-color: transparent;}
.home-english .users ul li.section-hor.uk-open .uk-subnav-pill>.uk-active>a {background-color: transparent; color: #f08e00; text-transform: initial; text-decoration: underline; font-size: 1.1rem;}
.home-english .users ul li span {font-weight: 600;}
.home-english .users ul li p b {font-size: 1.2rem; color: #f08e00;}
.home-english .section-hor.caixers {padding: 5vh 10vh; margin-top: 5px;}
.home-english .section-hor.caixers a {color: white; font-size: 1.4rem;}
/* .home-english  .uk-subnav-pill>*>:first-child {color: #262a5e;} */
.home-english .users li .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%23f08e00%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
.home-english .users li .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%23f08e00%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}
.home-english .users li .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%23ffffff%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%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); }
.home-english .users li:hover .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%23f08e00%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%23f08e00%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E'); }
.home-english .text-underline {text-decoration: underline; font-weight: 400 !important;}
.home-english p a:hover,  .home-english li a:hover, .home-english div a:hover {text-decoration: none;}


#colonya-direct {padding-top: 0px; background-color: #F08E00; color: white; height: 55px; padding-left: 2rem; padding-right: 2rem; text-transform: uppercase; font-weight: 700; position: relative; padding-top: 25px;}

#colonya-direct:before{content: url('../../front_img/online.svg');display: inline-block;margin-right: 5px;}
#colonya-direct:after{display: none;}

.home-english a, .home-english .uk-link, .assistance a {color: #262a5e;}
.home-english a:hover, .home-english .uk-link:hover, .assistance a:hover {color: #F08E00;}



/* END HOME ENGLISH */

/* QUICK FIX */
#main-menu .uk-drop.uk-open.product-dropdown{width: 100%;}

/* QUICK FIX */


  /* footer */
  .footer-main-menu .uk-nav-header{font-family: 'Mont', sans-serif;color:#262a5e;text-transform: none;}
  .footer-main-menu li>a{font-weight: 400;padding: 0 0 0 5px;color:#262a5e;}
  .footer-main-menu li>a:hover{color: #f08e00;}
  footer{background-color: #262a5e;padding-bottom: 2vh !important;width: calc(100% - 20vh);position: relative;}
  footer h6{color: #fff;margin-bottom: 0;text-align: right;}
  footer .uk-container{position: relative;}
  .footer-logo {display: inline-block;width: 180px;}
  .footer-logo img{width: 100%;}
  .list-links li{margin-top: 10px;}
  .footer-cc img{max-width: 180px;}

  .footer-social{ width: 150px;padding-left: 0;}
  .footer-social li{color: #fff;padding: 0;list-style-type: none;font-family: 'futura-pt'; display: inline-block;}
  .footer-social li a{color: #fff;font-weight: 400;display: inline-block;}
  .footer-menu{float: right;margin-top: 5px;}
  .footer-ul{padding: 0;}
  .footer-ul li{color: #fff;padding: 0;list-style-type: none;font-family: 'futura-pt';text-align: right;}
  .footer-ul li a{color: #fff;font-weight: 400;display: inline-block;}
  .footer-ul li a:after{margin-top: -9px;}
  .footer-ul li a:hover{color: #f08e00;}
  .footer-contact li{margin-bottom: 10px;}
  .footer-submenu{float: right;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: #fff;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: #fff;font-size: 0.8rem;padding: 0;}
  .footer-submenu li a:hover{color: #f08e00;}
  .copyright{float: left;font-size: 0.8rem;color: #fff;margin-top: 5px;}
  .autor{float: right;color: #fff;font-size: 0.7rem; opacity: 0.8;}
  .autor a{color: #fff;font-weight: 400; opacity: 0.8;}


/* Media queries */
@media only screen and (min-width: 1600px){
    .landings-home{margin-bottom: 100px;}

}

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

}

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

    .home .press-section h3.video {font-size: 2rem;}
}

@media only screen and (max-width: 1199px){ /* large */
  .header h1{font-size: 2.2rem;}
  .ht-info {padding-left: 3vh;padding-right: 3vh;}
  .menu-header .menu a{font-size: 0.9rem;}
  .is-stuck .header-logo{width: 230px;}
  .header-title-bar.is-stuck .menu-container{width: calc(100% - 250px);}
  #book-now-button a {color: white;font-size: 0.9rem;padding: 1rem 2rem;}
  .uk-navbar-nav>li>a{padding: 0 2px;}

  /* colonya */
  .pay h1 {font-size: 2rem;}
  /* .pay .pay-logo {min-width: 80px; width: 80px;} */
  .top-menu .top-phone {margin: 9px 10px 0 0;}

  .home a .sign-link h5:hover {color: white !important;}

  .frau .list h3, .frau .pass h3, .frau .record h3, .frau .chat h3 {font-size: 2rem;}
  .main-container {margin: 0vh 5vh -20px !important;}


    .euro-plus h1 {font-size: 2rem;}
    .euro-plus .plus-header {max-width: 300px; margin: 0 auto;}
    .euro-plus .euro-phone {margin-top: 5vh;max-width: 300px; }



}

@media (max-width: 1024px){ /* ipad */
    .buscador-container{padding: 0;}
    #buscador_reserva{margin-top: 0;}
    .top-menu .top-social {margin: 4px 10px 0 0;}
}


@media (max-width: 959px){ /* medium */
    h3, .sections h3{font-size: 1.3rem;}
    .section{padding: 5vh;}
    .section-small{padding: 2.5vh;}
    .uk-navbar-container{height: auto;}
    .uk-navbar-right{width: 100%;display: block; height: auto;}
    .uk-navbar-left{display: inline-block;}
    .uk-navbar-nav#main-menu{display: none;position: absolute;top: 0;left: 0;padding: 90px 3vw 0 3vw;width: calc(100% - 6vw);background-color: #262a5e;z-index: 1;}
    .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
    .uk-navbar-nav li{width: 100%;text-align: left;}
    .uk-navbar-nav li a{display: block;height: auto;padding: 20px 12px;}
    .uk-navbar-toggle{width: 120px;float: right;z-index: 2;position: relative; color: white !important; height: 70px;}
    .uk-navbar-toggle-icon{margin-right: 10px;}
    .header-search{margin-top: 0 !important;width: 100%;}
    .bm-waves span{display: block;z-index: 2;position: relative;width: 130px;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #4f59cc;}
    .uk-navbar.uk-sticky.uk-active .uk-navbar-toggle{ color: #f08e00;}
    .uk-navbar-container.uk-active {background-color: #262a5e; height: 80px;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a {color: white;}
    .uk-navbar-container.uk-active .uk-navbar-nav#main-menu li a {color: white;}
    .uk-nav-default>li>a {color: white;}
    .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {color: #f08e00;}
    .uk-navbar-container.uk-active .uk-navbar-nav#main-menu li a:hover {color: #f08e00;}
    .white-menu .uk-navbar-nav>li>a:hover {color: #f08e00;}
    .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover {color: #f08e00;}
    .uk-nav-default .uk-nav-sub a {color: white;}
    .uk-nav-default .uk-nav-sub a:hover {color: #f08e00;}
    .uk-navbar-nav>li>a {color: white;}


    .menu-mobile .online-bank:hover {height: auto;}
    .menu-mobile .top-phone li a {padding: 10px 0 0;}
    .menu-mobile .top-phone li a:hover {color: #f08e00 !important;}


    /* colonya */
    .main-container {margin: 0 !important;}
    #main-menu-container{height: 80px;}
    .logo-small{width: calc(100% - 100px) !important;}
    .logo-small a {display: block;height: 70px;}
    .logo-small span{display: block;}
    .top-menu .top-social{width: 60px;margin: 5px 0 0 0;}
    #main-menu .online-bank>a{text-align: center;}
    .order-1 {-webkit-order:-1; order:-1;}
    .order-1m {-webkit-order:0; order:0;}
    .footer-ul li{font-size: 0.8rem;}
    ul.uk-nav-sub{padding: 0 0 0 15px;}
    ul.uk-nav-sub li>a{padding: 10px;}
    .uk-parent.uk-open{background-color: #19173c;padding-bottom: 10px;}
    .uk-parent.uk-open>a{color: #F08E00;}
    ul.uk-nav-sub li ul li>a{font-size: 0.9rem !important;text-transform: none !important;padding: 5px 10px !important;}
    .small-mobile-menu-link a{font-size: 0.8rem !important;padding: 10px 5px 0 !important;}

    .banner-home{padding: 0 0 5vh;}
    .banner-home .uk-container{padding: 0;}
    .footer-submenu li{display: block;}
    .footer-submenu li:after{display: none;}
    .uk-breadcrumb{display: none;}
    h1{color: #F08E00;}
    .pay h1 {color: #262a5e;}
    body>.uk-container{padding: 0;}
    .hc-intro, .page .hc-intro, .page.no-img .hc-intro{margin: 0 !important;}
    .lh-item{border:0; border-bottom: 1px solid white !important;}
    .slide-home h2{font-size:2rem;}
    .slide-home p{font-size: 1.2rem;}
    .destacats-home h3{font-size: 1.8rem;}
    .lh-item h4{font-size: 1.6rem;}
    .preloader img {top: calc(50vh - 50px);left: calc(50vw - 50px);width: 100px;height: 100px;}
    .landing-intro{margin: 0;}
    .landing-intro h1{font-size:1.8rem;}
    .landing-intro .li-img{display: none;}
    .landing-container .uk-container{padding: 0;}
    .landing .header{min-height: 50vh;}
    .form-section{padding-left: 0 !important;padding-right: 0 !important;}
    .product-form h3{font-size: 1.8rem;}
    .pay .logos {position: relative; margin-top: 60px !important; bottom: 0;}
    .landing-google-pay .gp-img-phone{order: 0;}
    .top-menu .top-phone { margin: 6px 10px 0 0;}

    .box-shadow.sections-margin {margin: 0 !important;}

    /* landing bizum */
    .landing.bizum .section.info {padding: 5vh !important;}
    .landing.bizum .header { min-height: 170px; height: 170px;}

    /* landing english */
    .home-english .online-bank{height: auto;}
    .home-english .online-bank>a{top: auto;}
    .home-english .uk-subnav{height: auto;}
    .home-english .uk-subnav {padding-bottom: 10px;}

    .app-2024 .app-colonya-img {margin-top: 0; max-height: 500px;}
    .page-tabs .uk-tab>.uk-active>a {display: table-caption; text-align: left;}


    .frau .list h3, .frau .pass h3, .frau .record h3, .frau .chat h3 {font-size: 1.8rem;}

    .header-asset {max-width: 400px;}
    .frau .chat .left .container-left {margin-right: 0;}
    .frau .chat .uk-margin-left {margin-left: 0 !important;}
    .frau .chat .left .container-right {margin-left: 0;}
    .frau .chat .bg-white.right .alert, .frau .chat .bg-white.left .alert {width: 50px !important;}
    .frau .record h3.white {font-size: 1.6rem;}


    .euro-plus .faqs .uk-accordion-title {font-weight: 700; font-size: 1.26rem;}

    /* RECIPE */
    .recipe h2 {font-size: 1.6rem;}
    .recipe h1 {font-size:2.2rem;}

    /* EURO 6000 PLUS */
    .euro-plus .uk-text-large {font-size: 1.2rem;}
    .euro-plus h3.number {font-size: 2rem;}

    .home .container-avh, .alta-cliente .container-avh {margin-bottom: -4vh;}

}

@media (max-width: 767px){ /* medium-small */
    .home-slider .owl-nav{display: none;}

    /* colonya */
    .slide-home, .home-header, .home .header  {min-height: calc(60vh - 170px) !important; height: calc(85vh - 170px) !important;}

    .home-english .slide-home, .home-english .home-header {min-height: 50vh;}
    .home-english .slide-home, .home-english .home-header {display: none;}

    .landings-home h3{font-size: 1.6rem;}

    .app-2024 .app-2024-bg-header {padding: 5vh 5vh 0;}
    .app-2024 .app-2024-bg-header h3 {font-size: 1.8rem;}
    .app-2024 .app-2024-bg-header h1 {font-size: 1.4rem;}
    .app-2024 .app-2024-bg-header h2 {font-size: 2.4rem;}

    .frau .chat .bg-white h5, h4.uk-margin-top.blue.uk-position-relative {font-size: 0.8rem !important;}
}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10%;}
    .section-small{padding: 5%;}
    .br-small{display: none;}
    .footer-menu, .footer-submenu{float: left;padding-left: 0;}
    footer h6{text-align: left;}
    .footer-menu li a, .footer-menu li{text-align: left;}
    h1 {font-size: 1.8rem;}
    .pago-movil .banner-img .banner-text h3 {font-size: 2rem;}
    .pago-movil .banner-img .banner-text h4 {font-size: 1.6rem;}

   /* colonya */
   img.tc-pay {max-width: 300px; margin: 20px auto 0 !important;}
   .top-menu .top-phone {display: none;}

   /* landing bizum */
   .landing.bizum .info h3 {font-size: 1.2rem;}
   .landing.bizum .info h4 {font-size: 1.2rem; }

    /* HOME ENGLISH */
   .home-english h1, .home-english h2 {font-size: 1.8rem; }
   .home-english .section {padding: 5%;}

   .pay .logo-ind.br {border-right: 0;}

   .slide-home h2 { font-size: 1.6rem;}
   .app-2024 .app-colonya-img {margin-top: 0; max-height: 400px;}
   .app-2024 h3 {font-size: 1.6rem;}
   .app-2024 h4 {font-size: 1.3rem;}
   .app-2024 .desc h3 {font-size: 1.3rem;}

    /* RECIPE */
    .recipe h2 {font-size: 1.2rem;}
    .recipe h1 {font-size: 1.8rem; line-height: 1.4;}
    .recipe .content-recipe ul {margin-left:0px; padding-left: 20px;}
    .recipe  .uk-slider-container-offset {margin: 0px; padding: 0px; }
    .recipe .relateds h3 {font-size: 1.2rem;}
    .recipe .relateds h4 {font-size: 1.4rem; margin: 0 !important;}
    .recipe-container .uk-section {padding-top: 20px !important; padding-bottom: 20px !important;}
    .recipe .recipe-container .bg-blue {height: 35vh;}

    .landing-bizum-help .uk-text-large {font-size: 1.2rem;}

}

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

    /* colonya */

    .section {
        padding: 10px 15px;
    }

}

/* ========================================
   English Pages Styles
   ======================================== */

/* Base container styles for all English pages */
.english-page,
.english-home {
    min-height: 60vh;
}

/* Typography - Headings */
.english-page h1,
.english-home h1 {
    font-size: 48px;
    margin-bottom: 30px;
    color: #003d6a;
}

.content-section h2,
.english-content-section h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #003d6a;
}

.content-section h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #003d6a;
}

/* Typography - Body text */
.english-page p,
.english-home p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Content sections */
.content-section,
.english-content-section {
    margin: 60px 0;
}

.content-section ul {
    margin-left: 20px;
}

/* Contact information block */
.content-section .contact-info {
    margin-top: 40px;
}

/* Fix for switcher white space - Dynamic height with smooth transitions */
.uk-switcher {
    min-height: 0 !important;
    position: relative;
    overflow: hidden;
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.uk-switcher > * {
    min-height: auto !important;
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active tab visible */
.uk-switcher > .uk-active {
    opacity: 1;
}

/* Override UIkit default fade animation */
.uk-switcher > .uk-animation-fade {
    animation-duration: 0.4s !important;
}

.uk-switcher[class*='uk-animation-'] > * {
    animation-duration: 0.4s !important;
}
