@charset "utf-8";
/*
Theme Name: 6tems
Author: Laia Estech
Author URI: http://6tems.com/
Description: Style Overide
Version: 1.0
*/

body { color: #333333; }

/* COMMON */
h1, h2, h3, h4, h5, h6 { font-family: Arlon; }

/* HEADER */
.menu-item, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav a, .navbar-light .navbar-nav .dropdown-menu .nav-link { font-family: 'Arlon'; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #333333; }
.navbar-light .navbar-nav .current-menu-ancestor, .navbar-light .navbar-nav .current-menu-ancestor>.nav-link, .navbar-light .navbar-nav .current-menu-item, .navbar-light .navbar-nav .current-menu-item>.nav-link, .navbar-light .navbar-nav .current-menu-parent, .navbar-light .navbar-nav .current-menu-parent>.nav-link, .navbar-light .navbar-nav .current_page_ancestor, .navbar-light .navbar-nav .current_page_ancestor>.nav-link, .navbar-light .navbar-nav .current_page_item, .navbar-light .navbar-nav .current_page_item>.nav-link { color: white!important; }
.navbar-light .navbar-nav .current-menu-ancestor, .navbar-light .navbar-nav .current-menu-ancestor>.nav-link, .navbar-light .navbar-nav .current-menu-item, .navbar-light .navbar-nav .current-menu-item>.nav-link, .navbar-light .navbar-nav .current-menu-parent, .navbar-light .navbar-nav .current-menu-parent>.nav-link, .navbar-light .navbar-nav .current_page_ancestor, .navbar-light .navbar-nav .current_page_ancestor>.nav-link, .navbar-light .navbar-nav .current_page_item, .navbar-light .navbar-nav .current_page_item>.nav-link { color: #5d6ae0!important; }
li.menu-item.current-menu-item.nav-item { background: none; color: #5d6ae0; }
.navbar-light .navbar-nav .menu-item:hover::before, .navbar-light .navbar-nav .menu-item:hover >.nav-link, .navbar-light .navbar-nav .page_item:hover::before, .navbar-light .navbar-nav .page_item:hover >.nav-link { color: #5d6ae0!important; }
.navbar-light .navbar-nav .dropdown-menu .menu-item:hover>.nav-link, .navbar-light .navbar-nav .dropdown-menu .page_item:hover>.nav-link { color: #5d6ae0; }
a:hover { color: #5D6AE0; }
#header_navigation li a { font-family: 'arlon-medium'; font-size: 15px; font-weight: 500; color: #333333; }
#header.sticky.sticky--top { border-bottom: none; }

/* HEADER MOBILE */
.home .sticky--top .uf_mobile_navigation .custom-logo-link img { -webkit-transform: inherit; -moz-transform: inherit; transform: inherit; }
.sticky--not-top .uf_mobile_navigation .custom-logo-sticky-link img, .sticky--top .uf_mobile_navigation .custom-logo-sticky-link img { -webkit-transform: inherit; -moz-transform: inherit; transform: inherit; }

/* TOP BAR HEADER */
#topbar { background-color: #5d6ae0!important; color: #fff!important; }
.topbar-mobile .topbar-left div { width: 100%; }
.topbar-left { display: flex; flex-flow: wrap; }
span.separador { padding-right: 25px; padding-left: 5px; }
.topbar-left a:first-child { padding-left: 0px; }
.topbar-left a { color: #fff; padding-right: 25px; padding-left: 5px; }
.topbar-left a:hover { color: #cddc00!important; }
.topbar-right a:first-child { padding-left: 0px; }
.topbar-right a { color: #fff; padding-left: 10px; }
.topbar-right a:hover { color: #cddc00!important; }
.topbar-content i { color: #cddc00; font-size: 16px; }
.row.topbar-content a { font-family: 'arlon-medium'; }


/* MENUS */
#header_navigation li a { text-align: right!important; width: 100%; }
/* HOME */
#home-feature div { justify-content: center; }
#banner-home #titol-slide { font-family: 'Arlon'!important; font-weight: 500!important; }
#banner-home .button-slide { font-family: 'Arlon'!important; font-weight: 500!important; }
.menu-card { padding: 25px 10px; }
.email-custom div.content-title a, .telf-custom div.content-title a { color: #ffffff; font-family: arlon-light; font-size: 18px; font-weight: 400; line-height: 45px; margin-bottom: 3px; }
.email-custom div.content-title a:hover, .telf-custom div.content-title a:hover { color: #ffffff; text-decoration: underline; }

/* BREADCRUMBS */
.uf-breadcrumbs span:last-child { color: #5d6ae0; }
.post-navigation .nav-links, .uf-breadcrumbs { font-family: 'Open Sans'!important; }

/* SERVICE PAGE */
.service-list .menu-card { padding: 0px; }
.service-list #petita .menu-card .kc_single_image { top: -15px; }


/* CONTACT PAGE */
.content-icon { margin-top: -10px; }

/* FAQS ACCODION */
#faqs_acordion h3 a { display: flex; }

/* FORMS */
form label { width: 100%; font-family: 'Open Sans'; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; color: #333333; }
div#rb-pressupost { margin: 0 auto; justify-content: center; align-items: center; display: flex; }
#rb-pressupost label { padding: 0px 20px; font-family: 'Open Sans'; font-size: 14px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.86; letter-spacing: normal; text-align: center; color: #333333; }
.form-pressupost-empresa { display: none; }
.fp-block { width: 100%; color: #5d6ae0; border-bottom: 1px solid #d5d5d5; font-size: 25px; font-weight: 500; font-family: 'arlon-medium'; margin-bottom: 20px; line-height: 2em; margin-top: 20px; }

/* NEWS LETTER FORM */
#nl-footer { padding-bottom: 0px; }
#nl-footer form { display: flex; width: 100% }	
.news-form-items { display: flex; float: right; width: 60%; }
.news-form-items span { padding-right: 35px; width: 70%; }
.news-form { width: 40%; }
.news-form p { font-family: Arlon; font-size: 26px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; margin-bottom: 5px; }
.lopd-chk .wpcf7-list-item-label { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; vertical-align: text-top; }
.form-on-subscribe2>span input.wpcf7-form-control.wpcf7-text { width: 100%!important; }

input.wpcf7-form-control.wpcf7-submit.btn.btn-rounded.skin-primary:hover { color: #333333 !important; background-color: #ffffff !important; }
input.wpcf7-form-control.wpcf7-submit.btn.btn-rounded.skin-primary { color: #333333 !important; background-color: #cddc00 !important; font-family: arlon; font-size: 16px; font-weight: 500; text-transform: none; border: 1px solid #cddc00; border-radius: 23.5px 23.5px 23.5px 23.5px; padding: 10px 25px 10px 25px; text-transform: uppercase; }


/* OVERRIDE WPCF7 */
.wpcf7 form.sent .wpcf7-response-output { display: none!important; }
div.wpcf7 .wpcf7-submit:disabled { color: #333333; background-color: #cddc00; }
button, input[type="submit"] { padding: 15px 40px; border: 1px solid #cddc00!important; }
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .elementor-button:hover { color: #333333!important; background-color: #ffffff!important; box-shadow: inset 0 0 100px 100px rgba(255,255,255,.1); border: 1px solid #cddc00!important; }
span.wpcf7-acceptance .wpcf7-list-item-label { font-family: 'Open Sans'; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.17; letter-spacing: normal; color: #333333; position: relative; top: -2px; }
span.wpcf7-acceptance .wpcf7-list-item-label a { color: #5d6ae0; }
.lopd-chk span.wpcf7-acceptance .wpcf7-list-item-label { top: -4px; }
span.wpcf7-form-control.wpcf7-radio > span { margin-left: 15px!important; }
span.wpcf7-form-control-wrap.radio-prod-limpieza-part { margin-left: 10px; }
.selectize-control.single .selectize-dropdown .option.active { background-color: #cddc00; color: #000; }
div#mfcf7_zl_multifilecontainer { margin-top: -15px; }


#mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file span { position: relative; visibility: hidden; }
a.mfcf7_zl_delete_file { display: flex; }
span.mfcf7-zl-multifile-name { padding-left: 20px; }
img.emoji { display: none!important; }
#mfcf7_zl_multifilecontainer p .mfcf7_zl_delete_file span:after { visibility: visible; position: absolute; top: -20px; left: 0px; content: ""; background-image: url(../../assets/images/creu.svg); height: 14px; width: 14px; }



/*label.mf-label { display: flex; }
label.mf-label p { position: relative; top: 10px; }
div#mfcf7_zl_multifilecontainer { margin-left: 15px; }
*/

/* FOOTER */
.footer-info a { color: white; }
.footer-info p { margin: 0 0 5px 0px; }
.link-on-dark p { margin-bottom: 5px!important; }
.link-on-dark p:hover { color: #cddc00!important; }
.link-on-dark a:hover { color: #cddc00!important; }

/* ADDITIONAL CLASSES KINGCOMPOSER */
.titol-banners { position: absolute; top: 50px; left: 50px; color: #333333!important; }
.titol-banners h3 { font-family: arlon-medium; font-size: 55px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 0.98; letter-spacing: normal; color: #333333; }
.titol-banners p { font-size: 16px; font-family: OpenSans; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #333333; width: 50%; }
img.img-banner-home { opacity: 0.5; }
span.span-color { color: #5d6ae0; }
.no-boxshadow { box-shadow: none!important; }
.no-boxshadow.col4 { width: 25%!important; }
.lopd-ul li { padding-bottom: 1%; }
.serv-item .kc_col-sm-1 { width: 50%; margin-bottom: 3%; }
.»nuestro-equipo» .kc_col-sm-1 { width: 50%; }
                                                                                     
/* ADITIONAL IDS KINGCOMPOSER */
#buttons-banner { position: absolute; top: 300px; }
#img-opacity img { opacity: 0.5; }
#gmap-contact .kc_column { padding: 0px; }
#serv-item .kc_col-sm-1 { width: 50%; margin-bottom: 3%; }
#featured-reasons .kc-feature-boxes figure { width: 10%; }

/* ADITIONALS STYLES */
.kc_text_block ul li { padding-bottom: 3%; }
.kc_button:hover { box-shadow: inset 0 0 100px 100px rgba(255,255,255,.1)!important; }
.kc_button { padding: 10px 35px 10px 35px!important; }


/* PRESSUPOST */
#mfcf7_zl_add_file { border: 1px solid #cddc00!important; }

/* RECAPCHA v3 HIDDEN */
.grecaptcha-badge { visibility: hidden!important; }


/* NEWSLETTER SENDINBLUE */
.widget_sib_subscribe_form { float: left; max-width: 100%!important; }
.widget_sib_subscribe_form h2.widgettitle { display: none; }
.sib_signup_form .news-form .lopd-chk a { display: inherit; }
.sib_signup_form > div { display: flex; flex-flow: wrap; width: 100%; }
form.sib_signup_form { display: flex; width: 100%; }
form.sib_signup_form .news-form { width: 40%; }
form.sib_signup_form .news-form-items { display: flex; float: right; width: 60%; }
form.sib_signup_form .news-form-items span { padding-right: 35px; width: 70%; min-width: 70%; }
form.sib_signup_form input.sib-email-area { width: 100%!important; border-radius: 100px; }
form.sib_signup_form input.sib-default-btn { color: #333333 !important; background-color: #cddc00 !important; font-family: arlon; font-size: 16px; font-weight: 500; text-transform: none; border: 1px solid #cddc00; border-radius: 23.5px 23.5px 23.5px 23.5px; padding: 10px 25px 10px 25px; text-transform: uppercase; }

form.sib_signup_form input.sib-default-btn:hover { color: #333333 !important; background-color: #ffffff !important; }

.sib_signup_form > div.sib_loader { width: 20px; display: block; }
.sib_loader img { width: 20px; height: 20px; position: absolute; top: 20px; }
.sib_msg_disp { color: #000; position: absolute; border-radius: 5px; z-index: 9; }

span.wpcf7-acceptance .wpcf7-list-item-label a { color: #5d6ae0!important; }

/* SWEETALERT2 */
.sweet-alert button {
	color: #333333 !important;
    background-color: #cddc00 !important;
    font-family: arlon;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    border: 1px solid #cddc00 !important;
    border-radius: 23.5px 23.5px 23.5px 23.5px;
    padding: 10px 25px 10px 25px;
    text-transform: uppercase;
}
.sweet-alert button:hover {
    color: #333333 !important;
    background-color: #ffffff !important;
}
.sweet-alert button.cancel {
	margin: 0 auto;
    color: #5d6ae0 !important;
    background-color: #ffffff !important;
    font-family: Arlon;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #5d6ae0 !important;
    border-radius: 23.5px 23.5px 23.5px 23.5px;
}
.sweet-alert button.cancel:hover {
	color: #ffffff !important;
    background-color: #5d6ae0 !important;
}

/* MEDIA */
@media (max-width: 1200px) {
	.navbar-light .navbar-nav { height: 100%; display: flex; flex-flow: wrap; width: 90%; justify-content: center; }
	.topbar-left a, .topbar-right a { font-size: 12px; }
	.topbar-left a { padding-right: 15px; }
}

@media (max-width: 1150px) {
	rs-layer { padding: 0 25px; }
}

@media (max-width: 1023px) {
	rs-layer.button-slide { display: none; }
	rs-layer { top: -50px; }
}
@media (max-width: 992px) {
	.topbar-left a { color: #333333; width: 90%; position: relative; top: 5px; left: 10px; }
	.menu-item, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav a, .navbar-light .navbar-nav .dropdown-menu .nav-link { text-align: left; }
	.topbar-right { display: flex; flex-direction: row-reverse; }
	.topbar-right span.selector_idioma a { color: #333333; }
	
	.servei-titol .kc_column_inner { width: 100%; }
	#navbar { padding: 12px 0; }
	
}

@media (max-width: 769px) {
	#nl-footer form { display: block; width: 100%; }
	.news-form, .news-form-items { width: 100%; }
	form.sib_signup_form .news-form-items { width: 100%; }
	form.sib_signup_form .news-form { width: 100%; }
}

@media (max-width: 767px) {
	#featured-reasons { padding: 10px 20px!important; }
}

@media (max-width: 680px) {
	.news-form-items { display: flex; flex-flow: wrap; }
	.news-form-items span { width: 100%; }
	form.sib_signup_form .news-form-items span { width: 100%; font-size: 14px; margin-bottom: 10px; }
	/*.kc_row.kc_row_inner {background: none!important; }*/
}
@media (max-width: 550px) {
	rs-layer { padding: 0 25px; }
	body.kc-css-system .kc-css-861214 { padding: 15px 0px 15px 0px!important; }
	#home-feature div { justify-content: left!important; }
}
/*
.slideThree input { position: relative; display: inline-block; width: 60px; height: 34px; }
.slideThree input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #e6ab46; }
input:focus + .slider { box-shadow: 0 0 1px #e6ab46; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
*/

/*.slideThree { width: 80px; height: 26px; background: #333; margin: 10px auto; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: relative; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); }
.slideThree:after { content: 'OFF'; font: 12px/26px Arial, sans-serif; color: #000; position: absolute; right: 10px; z-index: 0; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, .15); }
.slideThree:before { content: 'ON'; font: 12px/26px Arial, sans-serif; color: #00bf00; position: absolute; left: 10px; z-index: 0; font-weight: bold; }
.slideThree label { display: block; width: 34px; height: 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead', GradientType=0); }
.slideThree input[type=checkbox]:checked + label { left: 43px; }
input[type=checkbox] { visibility: hidden; }
*/