:root {
  --color-beforeafter:#000000;
  --color-unselected:#ef7c71;
  --color-selected:#b4d9bd;
  --color-primary:#eed897;
  --color-form:#ef7c7c;
  --color-menutop:#ef7c7c;

  --webkit-var-primary:#eed897;
  --webkit-var-selected:#b4d9bd;
  --webkit-var-unselected:#ef7c71;
  --webkit-var-form:#ef7c7c;
  --webkit-var-menutop:#ef7c7c;
  --webkit-var-beforeafter:#000000;

}

body{font-family:"Open Sans";}
h1,h2,h3,h4,h5{font-family:"Ubuntu Condensed",serif}
.all-wrapper-i, .os-container {width: 100%;overflow:hidden}
.fixed-header-w.color-scheme-light .os-container { overflow: visible;}
.os-slide h1 {text-transform: uppercase;font-weight: normal;font-size: 1.9rem!important;line-height: 34px!important;}
.os-slide h1:after{content:' |';font-size:120%;color:-webkit-var(beforeafter);color:var(--color-beforeafter)}
.os-slide h1:before{content:'| ';font-size:120%;color:-webkit-var(beforeafter);color:var(--color-beforeafter)}
.os-slide a span{text-transform:uppercase;font-weight:normal}
.cs-description-w .cs-label:after {content: ' |';font-size: 120%;color:-webkit-var(beforeafter);color:var(--color-beforeafter)}
.cs-description-w .cs-label:before {content: '| ';font-size: 120%;color:-webkit-var(beforeafter);color:var(--color-beforeafter)}
.os-btn{font-family:"Ubuntu Condensed",serif;text-transform:uppercase;font-weight:normal;min-width:240px;}
.os-slider-w .os-btn{text-transform:uppercase;font-weight:normal;min-width:initial;}
.os-slider-w.style-v1 .os-slide-content .os-slide-shade{background-color: rgba(238, 216, 151, 0.60);}
.os-slider-w.style-v1 .slider-navigation-w .slide-navi-next, .os-slider-w.style-v1 .slider-navigation-w .slide-navi-prev {color:#000000;}
.os-slider-w.style-v1 .slider-navigation-w .slider-navigation-dot{background-color:#000000}

.os-faq-item .os-faq-answer li {list-style: none;}

a.os-btn {border-color: var(--color-primary);color: #000000;font-weight:700;background:#ffffff;}
a.os-btn.invert{border-color:#ffffff;background:#eed897;background:var(--color-primary);}
a.os-btn.noborder{border:none;}
a.os-btn:hover span{color:#eed897;color:var(--color-primary);}

a.os-btn.invert:hover{bordercolor:#eed897;border-color:var(--color-primary);background:#ffffff}
a.os-btn.invert:hover span{color:#eed897;color:var(--color-primary);}

.main-header-w.main-header-version_1{background:#fff;}
.fixed-logo-w{width: 340px;padding: 15px 0px 15px 50px;}
ul#fixed-header-menu {text-align: right;}
ul#fixed-header-menu ul {text-align:left}

.fixed-header-w .fixed-top-menu-w ul.sub-menu{left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);margin-top:15px;}
.fixed-header-w .fixed-top-menu-w ul.sub-menu li a:hover{transform:none;-webkit-transform:none;-ms-transform:none;-moz-transform:none;}
.fixed-header-w .fixed-top-menu-w > ul > li:first-child{border:none}
.fixed-header-w .fixed-top-menu-w > ul > li:first-child:after{display:none;}
.fixed-header-w .fixed-top-menu-w > ul > li a{font-size:1.2rem;font-family:"Ubuntu Condensed";text-transform:uppercase}
.fixed-header-w .fixed-top-menu-w > ul > li a:hover{color:#eed897;color:var(--color-primary)}
.fixed-header-w .fixed-top-menu-w > ul > ul.submenu li a:hover{color:#eed897;color:var(--color-primary)!important}
.peeking-form-w .pf-trigger{background-color:-webkit-var(form);background-color:var(--color-form);}
.peeking-form-w .pf-trigger:hover{background-color:#eed897;background-color:var(--color-primary);}

 ul#header-menu > li:after {content: ' ';width: 2px;height: 20px;background: #eed897;background: var(--color-primary);position: absolute;top: 50%;left: 0%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}
 ul#header-menu > li:first-child:after {display:none;}
.page-w.with-sidebar .page-sidebar:before{display:none}
.page-w.with-sidebar .page-sidebar:after{display:none}
.page-w.without-header-image .page-sidebar{transform:none;animation:none!important}

.mobile-header-w .mobile-header .mobile-language-switcher {vertical-align: middle;width: 80px;font-size: 40px;display: table-cell;text-align: right;padding-right: 30px;}

.mobile-language-switcher ul li {display: inline-block;font-size: 1rem;text-transform: uppercase;}

@media (max-width: 767px){
  .mobile-header-w .mobile-header .mobile-language-switcher {font-size: 20px;padding: 10px;padding-right: 20px;width: auto;}
}

.page-content .cta-box:before, .tms-side .cta-box:before{display:none;}
.page-content .cta-box:after, .tms-side .cta-box:after{display:none;}
.page-content .cta-box h4:before, .tms-side .cta-box h4:before{display:none;}
.page-w .page-content .cta-box{border:4px solid #ef7c7c;background:none}
.archive-sidebar .widget .widget-title:before, .page-sidebar .widget .widget-title:before, .single-sidebar .widget .widget-title:before, .blog-sidebar .widget .widget-title:before{display:none}
.archive-sidebar .widget .widget-title:after, .page-sidebar .widget .widget-title:after, .single-sidebar .widget .widget-title:after, .blog-sidebar .widget .widget-title:after{display:none}
.blog-content-w .blog-sidebar:before,.blog-content-w .blog-sidebar:after{display:none;}

.page-w .page-content div:not(.cta-box) h4 {color: #ef7c7c;}
.archive-sidebar .widget .widget-title span:after, .page-sidebar .widget .widget-title span, .single-sidebar .widget .widget-title span, .blog-sidebar .widget .widget-title span{position:relative}

.archive-sidebar .widget .widget-title span:after, .page-sidebar .widget .widget-title span:after, .single-sidebar .widget .widget-title span:after, .blog-sidebar .widget .widget-title span:after{content: ' ';position: absolute;left: 0px;width: 60px;height: 5px;background-color: #eed897;background-color: var(--color-primary);top: 105%;transform: none!important;webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none!important;}

.blog-index .read-more-link a {color: #000000;background: #eed897!important;background: var(--color-primary)!important;padding: 5px 20px;border: none;}
.blog-index .read-more-link a:hover {color: #ffffff;}
.page-content .cta-box h4:after, .tms-side .cta-box h4:after {content: ' ';position: absolute;left: 0px;width: 60px;height: 5px;background-color: #eed897;background-color: var(--color-primary);top: 105%;transform: none!important;webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none!important;}
.os-box-with-image-and-features .box-image img{max-width:50%;}
.os-cta-form-w .cta-form-header-w h3 + h5:after {
    content: " ";position: absolute;left: 0px;width: 60px;height: 5px;
background-color: #eed897;background-color: var(--color-primary);top: 105%;transform: none!important;webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none!important;
}


.os-cta-form-w .cta-form-header-w h3 + h5:before{display:none;}
.os-cta-form-w .cta-form:before,.os-cta-form-w .cta-form:after{display:none;}


.cta-box-content h2{font-size:2rem;}

@media (min-width:650px) {
  .cta-box-content strong{white-space:nowrap;}
}


blockquote{font-size:1.6rem;line-height:1.6}
blockquote:after{color:#eed897}

.latest-posts-w h3:before {display:none;}
.latest-posts-w h3:after{content: ' ';position: absolute;left: 0px;width: 60px;height: 5px;background-color: #eed897;background-color: var(--color-primary);top: 105%;transform: none!important;webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none!important;}

#respond h3:before {display:none;}
#respond h3:after{content: ' ';position: absolute;left: 0px;width: 60px;height: 5px;background-color: #eed897;background-color: var(--color-primary);top: 105%;transform: none!important;webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none!important;}

.styled-header:before{display:none;}
.styled-header:after{content: ' ';position: absolute;left: 0px;width: 60px;height: 5px;background-color: #eed897;background-color: var(--color-primary);top: 105%;transform: none!important;webkit-transform: none!important;-moz-transform: none!important;-ms-transform: none!important;-o-transform: none!important;}

.blog-index .index-item-content h4 a{color:#ef7c7c}
.blog-index .index-item-content h4 a:hover{color:#eed897}
.latest-posts-w .lp-post .lp-meta a{color:#ef7c7c;border-color:#ef7c7c}
.latest-posts-w .lp-post .lp-meta a:hover{color:#eed897;border-color:#eed897}
.blog-index .blog-index-item-meta .blog-index-author-name a{color:#ef7c7c;}
.blog-index .blog-index-item-meta .blog-index-author-name a:hover{color:#eed897;}
.blog-index .blog-index-item-meta .blog-index-date-posted{color:#ef7c7c;}

/*.blog-content-w .blog-content-text-and-meta .blog-content-meta{background-color:#eed897;background-image:none}*/
.page-content .cta-box h4, .tms-side .cta-box h4{display:inline-block;}
.page-content .cta-box .cta-box-content a:hover, .tms-side .cta-box .cta-box-content  a:hover{color:#eed897}

.menu-top {padding-right: 24px;text-align:right;}
.menu-top > div{display:inline-block}
.menu-top ul {text-align: right;}
.menu-top ul li {display: inline-block;margin: 0 5px;}
.main-header .menu-top ul li a,.main-header .menu-top select {font-family:"Ubuntu Condensed";color:#ef7c7c/*-webkit-var(menutop);color: color:-webkit-var(beforeafter);--color-menutop);*/}
.main-header .menu-top ul li a:hover,.main-header .menu-top select:hover{color:#eed897;color:var(--color-primary)}
.main-header #header-menu li.current_menu_item a,.main-header #header-menu li.current_page_item > a{text-decoration:underline!important}
.main-header #header-menu li a{font-family:"Ubuntu Condensed";text-transform:uppercase}
.menu-top ul li i.fa{background: black;color: white;border-radius: 4px;padding: 4px;width: 24px;text-align: center;}
.main-header .top-menu > ul > li:after{height:50%;}
.main-header #header-menu li.current_menu_item a,.main-header #header-menu li.current_menu_item a
.fixed-header-w .fixed-top-menu-w > ul > li > a{font-size:1.2rem!important;}
.fixed-top-menu-w li.featured.menu-item a {color: #000000!important;background:#eed897;background: var(--color-primary);padding:5px 20px}
.fixed-top-menu-w li.featured.menu-item a:hover {color: #ffffff!important;}
.fixed-header-menu > li:after {content: "";background-color: rgba(255,255,255,0.2);width: 1px;height: 10px;position: absolute;right: 0px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
#header-menu .menu-item.current-menu-item a,#header-menu  .menu-item a:hover {color:#ef7c7c;}
.fixed-header-w .fixed-top-menu-w > ul > li:hover > a,.fixed-header-w .fixed-top-menu-w > ul > li.current_page_item > a{color:#ef7c7c;}
.fixed-header-w .fixed-top-menu-w > ul > li.current_page_item > a{text-decoration:underline;}
@media (max-width: 1150px) and (min-width: 992px) {
    .main-header .menu-top ul li {padding-left:0px;padding-right:0px;}
}

select#lang_choice_1 {font-size: 18px;margin:0px;background: none;border: none;border-bottom: 1px solid;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;-ms-appearence:none;margin-left: 15px;}

.mobile-language-switcher{display:none}
.mobile-language-switcher ul{display:none!important}


@media (max-width:1024px) {
  .fixed-header-w .fixed-top-menu-w > ul > li > a{font-size:1rem;}
}



.os-slider-w .cs-description-w .cs-label {font-family:"Ubuntu Condensed",serif;text-align: center!important;width: 100%!important;text-transform: uppercase;font-size: 30px!important;padding:15px;border:3px solid -webkit-var(unselected);border:3px solid var(--color-unselected);color:var(--color-unselected);}
.os-slider-w .slider-controls .control-slide .cs-icon{display:none;}
.os-slider-w .slider-controls .control-slide{padding:25px;}
.os-slider-w .cs-description-w {width: 100%;float: left;display: block;padding-left: 0px!important;}
.os-slider-w .os-btn{padding:7px 10px;}
.os-slider-w .os-slide-w.active .os-slide-content-i {background: none;}
.os-slider-w .control-slide .cs-description-w:hover .cs-label{
  border-color:#ef7c7c;border-color: var(--color-unselected);
background-color:#ef7c7c;background-color: var(--color-unselected);
color:#ffffff;
}

.os-slider-w .control-slide.active  .cs-description-w .cs-label{background-color:-webkit-var(selected);border-color:-webkit-var(selected);border-color:var(--color-selected);background-color: var(--color-selected);color:#fff!important}

.os-slider-w .slider-controls .control-slide:hover .cs-description-w{transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;-moz-transform:none;}
.os-slider-w .slider-controls .control-slide{max-width:50%;}


.os-slider-w .slider-controls .control-slide {
    background: transparent;
}



body.last-menu-item-as-button .main-header .top-menu > ul > li:last-child:not(.menu-item-has-children) a{color:#000000;background-color:#eed897;background-color:var(--color-primary)}
body.last-menu-item-as-button .main-header .top-menu > ul > li:last-child:not(.menu-item-has-children) a:hover{color:#ffffff!important}
.fixed-search-trigger-w{display:none!important}

.fixed-header-w .fixed-top-menu-w > ul > li:after {content: ' ';width: 2px;height: 20px;background:#eed897;background: var(--color-primary);position: absolute;top: 50%;left: 0%;transform: translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);}


@media (max-width:768px) {
  .os-slider-w .slider-controls .control-slide{display:inline-block;width:50%}
  .os-slider-w .cs-description-w .cs-label{font-size:22px!important}
}

.el-row{padding:25px;}

.el-row-voluntat .wbp_content_element{margin-bottom:0px;}
.el-row-voluntat{margin:65px 0 55px 0}
.el-row-voluntat .el-voluntat-text{padding:0 10%;}


.el-row-serveis h3{text-transform:uppercase;}
.el-row-serveis h3:before{content:'| ';font-size:120%;color:-webkit-var(beforeafter);color:var(--color-beforeafter)}
.el-row-serveis h3:after{content:' |';font-size:120%;color:-webkit-var(beforeafter);color:var(--color-beforeafter)}
.el-row-serveis .vc_inner {margin-bottom: 25px;}
.el-row-serveis h3 {text-transform: uppercase;font-size: 1.6rem;font-weight:normal}
.el-row-serveis {text-align:center;}
.el-row-serveis h2{margin-bottom:25px;text-transform;font-weight:normal;display:inline;}
.el-row-serveis p {/*font-size: 1.2rem!important;*/padding:0 35px}
.el-row-serveis .os-btn{min-width:240px;}

@media (max-width:768px) and (min-width:640px) {
  .el-row-serveis h3{font-size:1.1rem;margin-top:5px!important}
  .el-row-serveis .wpb_content_element.wpb_single_image{margin-bottom:10px;}
  .el-row-serveis p{padding:0px;font-size:1rem;}
}

@media (max-width:768px) {
  .page-w .page-content .cta-box {float:none;max-width: 80%;margin-left: auto;margin-right: auto;}
}

h2.line{position:relative;margin-bottom:20px;}
h2.line:after{  content:' '; position:absolute;  left:0px;  width:60px;  height:5px;background-color:#eed897;background-color:var(--color-primary);  top:105%;}
.page-w .page-title:before{display:none}
.page-w .page-title:after{  content:' '; position:absolute;  left:0px;  width:60px;  height:5px;background-color:#eed897;background-color:var(--color-primary);  top:105%;}

.el-cta .el-cta-text{background-color:#9cdbdb}
.el-cta .el-cta-text .wpb_text_column:first-child p {padding:15px 0 10px 0;font-size:1.25rem;width:75%;margin-left: auto;margin-right: auto;}

@media (max-width:768px) {
  .el-cta .el-cta-text .wpb_text_column:first-child p{width:80%}
}


.el-cta h2 {text-transform: uppercase;font-size: 1.75rem;margin: 35px 0 5px 0;}
.el-cta h2:before{content: '| ';font-size: 120%;color:-webkit-var(beforeafter);color: var(--color-beforeafter);}
.el-cta h2:after {content: ' |';font-size: 120%;color:-webkit-var(beforeafter);color: var(--color-beforeafter);}
.el-cta .wpb_content_element{margin-bottom:0px;}
.el-cta .wpb_content_element:last-child{margin-bottom:35px;}

ul.footer-info {text-align: left;float: right;}
ul.footer-info li a {font-size: 1.5rem;color: #000000;}
ul.footer-info li a:hover {color:#eed897;color:var(--color-primary)}

ul.footer-info li a i {width: 40px;height:40px;line-height:40px;text-align: center;}
ul.footer-info .xarxes a i.fa{background: black;color: white;margin-right:10px;}
ul.footer-info .xarxes a i.fa{background: black;color: white;margin-right:10px;}
ul#footer-menu {text-align: right;text-transform: uppercase;}
.main-footer .menu li a,ul#footer-menu .menu li a{font-size: 0.95rem;}

.col-sm-6{display:inline-block;}

.os-container-deepfooter:after {content: ' ';position: absolute;bottom: 0px;left: 0px;width: 100%;height: 50px;background: url(../img/espai-peu.png);}

.all-wrapper{padding-bottom:0px;}


.pre-footer{display:flexbox;}
.pre-footer .widget{-webkit-flex-grow:1;-webkit-flex-basis:1;-webkit-flex-wrap: wrap;display:flex;display:-webkit-box;}

@media (max-width:768px) {
  .pre-footer > aside{width:100%!important;text-align:center;    margin: 0px!important;display: block!important;flex: none!important;}
  .pre-footer .widget{flex:none!important;}
  .pre-footer .custom-html-widget ul{text-align:center;padding:0px;}
  .footer-menu li {text-align: center;border: none!important;}
  ul.footer-info{float:none;}
  .pre-footer .widget + .widget{border-left:none!important}
}



input.wpcf7-form-control.wpcf7-submit {color: #000000;background: #eed897!important;background: var(--color-primary)!important;padding: 5px 20px;border: none;}
input.wpcf7-form-control.wpcf7-submit:hover {color: #ffffff;}
div.wpcf7 form input[type="text"], div.wpcf7 form input[type="email"], div.wpcf7 form input[type="password"], div.wpcf7 form input[type="tel"], div.wpcf7 form textarea { background: transparent; border-color: var(--color-form); outline: none;}
div.wpcf7 form input[type="text"]:hover, div.wpcf7 form input[type="email"]:hover, div.wpcf7 form input[type="password"]:hover, div.wpcf7 form input[type="tel"]:hover, div.wpcf7 form textarea:hover {border-color: var(--color-primary);}
div.wpcf7 form input[type="text"]:focus, div.wpcf7 form input[type="email"]:focus, div.wpcf7 form input[type="password"]:focus, div.wpcf7 form input[type="tel"]:focus, div.wpcf7 form textarea:focus { border-color: var(--color-primary);}

#respond #commentform #submit{color: #000000;background: #eed897!important;background: var(--color-primary)!important;padding: 5px 20px;border: none;}
#respond #commentform #submit:hover{color:#ffffff;}