@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'arialbold_italic';
    src: url('fonts/arial_bold_italic-webfont.eot');
    src: url('fonts/arial_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_bold_italic-webfont.woff') format('woff'),
         url('fonts/arial_bold_italic-webfont.ttf') format('truetype'),
         url('fonts/arial_bold_italic-webfont.svg#arialbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialbold';
    src: url('fonts/arial_bold-webfont.eot');
    src: url('fonts/arial_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_bold-webfont.woff') format('woff'),
         url('fonts/arial_bold-webfont.ttf') format('truetype'),
         url('fonts/arial_bold-webfont.svg#arialbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialitalic';
    src: url('fonts/arial_italic-webfont.eot');
    src: url('fonts/arial_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_italic-webfont.woff') format('woff'),
         url('fonts/arial_italic-webfont.ttf') format('truetype'),
         url('fonts/arial_italic-webfont.svg#arialitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialregular';
    src: url('fonts/arial-webfont.eot');
    src: url('fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial-webfont.woff') format('woff'),
         url('fonts/arial-webfont.ttf') format('truetype'),
         url('fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_narrowbold_italic';
    src: url('fonts/arial_narrow_bold_italic-webfont.eot');
    src: url('fonts/arial_narrow_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_narrow_bold_italic-webfont.woff') format('woff'),
         url('fonts/arial_narrow_bold_italic-webfont.ttf') format('truetype'),
         url('fonts/arial_narrow_bold_italic-webfont.svg#arial_narrowbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_narrowbold';
    src: url('fonts/arial_narrow_bold-webfont.eot');
    src: url('fonts/arial_narrow_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_narrow_bold-webfont.woff') format('woff'),
         url('fonts/arial_narrow_bold-webfont.ttf') format('truetype'),
         url('fonts/arial_narrow_bold-webfont.svg#arial_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_narrowitalic';
    src: url('fonts/arial_narrow_italic-webfont.eot');
    src: url('fonts/arial_narrow_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_narrow_italic-webfont.woff') format('woff'),
         url('fonts/arial_narrow_italic-webfont.ttf') format('truetype'),
         url('fonts/arial_narrow_italic-webfont.svg#arial_narrowitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arial_narrowregular';
    src: url('fonts/arial_narrow-webfont.eot');
    src: url('fonts/arial_narrow-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial_narrow-webfont.woff') format('woff'),
         url('fonts/arial_narrow-webfont.ttf') format('truetype'),
         url('fonts/arial_narrow-webfont.svg#arial_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#1a171b; line-height:20px; font-family: 'arialregular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:1174px; margin:auto; padding:0px;}
.row2{ width:1230px; margin:auto; padding:0px;}
.padding-v{padding:40px 0 60px;}

header{float:left; width:100%; background: #121212;z-index: 9999;position: relative;}
header .main-menu{position:relative; top:0px; float:left; width:100%; padding:12px 0; }
.is-sticky .main-menu{ background: #121212; padding: 12px 0 12px 0px; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.is-sticky header { box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}

header .logo{float:left; margin-right:40px;}
header .logo img{float:left; width:auto;}
header .menu{float:right;margin-top:20px;position: relative;width: 38%;text-align: right;}
.banner-home { float:left; width:100%; position:relative; min-height: 592px;}
.banner-home:after{ position:absolute; content:""; right:0; bottom:0; background:url(../images/header-illustration.svg) no-repeat; width:177px; height:461px;}


.mobile-menu .logo img{width: 220px;}
.m-menu { position: absolute;  right:15px; top: 35px; z-index:999999;} 
.m-menu img { width: 20px;}
.mobile-menu .logo { padding:12px 15px;}
.mobile-menu{ position:fixed; top:0px; bottom: 0; width:100%; z-index: 999; overflow-y:auto;   overflow-x:hidden;  padding:0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #fff; border-top: 1px solid #eaeaec; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 20px 0 75px 0; height:100%;}
.m-menu { width: 25px; height: 22px;  margin: 0px 0 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span {  }
/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 4px;  background: #000;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #000; }
.hght{overflow:hidden;}
.hght header .logo.m-rht, .hght header .logo{display:none;}
.hght header .main-menu{width:auto; right:0; box-shadow:none; background:none; float:right;}
/*.ddsmoothmenu .nav ul {float: left;width: 100%;margin:0px;text-align: center;/* border-top: 1px solid #f0f7fd; */padding-left: 80px;}*/
.nav ul li a { color: #333; font-size: 16px;  padding-left: 0px; line-height:22px; font-family: 'arialbold'; letter-spacing:0.5px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.nav ul li a.active, .nav ul li a:hover{opacity: 0.7;}
.nav ul li {padding:15px 0;/* border-bottom: 1px solid #f0f7fd; */float: left;width: 100%;}

.is-sticky .m-menu span, .inner-header .m-menu span{background:#000;}


/*contacta*/
.bredcum-sec{ float: left; width: 100%; padding: 40px 0px;}
.bredcum-sec ul{ float: left; width: 100%;}
.bredcum-sec ul li { float: left; padding: 0px 20px 0px 0px; margin: 0px 10px 0px 0px; position: relative;color: #7f7f7f;font-size: 14px;font-family: 'arialregular';}
.bredcum-sec ul li a { color: #7f7f7f; font-size: 13px;font-family: 'arialregular'; transition:all .5s ease;}
.bredcum-sec ul li a:hover{color: #000;}
.bredcum-sec ul li::after{ content: ">"; position: absolute; right: 0px; top:0px; bottom: 0px; margin: auto;color: #7f7f7f;}
.bredcum-sec ul li:last-child::after{content: "";}
.bredcum-sec ul li:last-child { padding: 0px; margin: 0px;}

.contacta{width:100%; float:left; background:#fff; padding:20px 0 100px 0;}
.contacta h2{ width:100%; float:left; font-size:48px; color: #161615; line-height:48px; font-family: 'arial_narrowbold'; text-align: left; margin-bottom:35px; letter-spacing: 0.5px;}
.contacta p{width:100%; float:left; font-size:18px; line-height:27px;  font-family: 'arialregular'; color:#494949; text-align:left; letter-spacing: 0.5px;}
.contacta-sec{width:100%; float:left; margin-top:40px;}
.contact-form{ width:73%; float:left; margin-right:3%; background: #f5f5f5; padding: 50px 40px;}
.contacta-rgt{width:24%; float:right;}
.contacta-rgt iframe{ width:100%; min-height:480px; border:none;}
.contact-form ul li{ float:left; width:100%;margin-bottom:15px; position:relative;}
.contact-form ul li:last-child{ margin-bottom: 0;}
.c-lft{ width: 48%; float: left; margin-right: 4%;}
.c-rgt{ width: 48%; float: left;}
.b-lft{ width: 70%; float: left; margin-right: 2%;}
.b-rgt{ width: 28%; float: left;}
.contact-form input[type="text"],.contact-form input[type="email"], .contact-form textarea{ width:100%; padding:0px 15px;border:none; border-bottom: solid 1px #858585; color: #161615; height:45px; line-height:50px; font-family: 'arialregular'; font-size:14px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing:0.5px; background: none;}
.contact-form input[type="text"]::-webkit-input-placeholder,.contact-form input[type="email"]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder{ border:none;color: #161615; height:45px; line-height:50px; font-family: 'arialregular'; font-size:14px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing:0.5px; background: none;}
.contact-form input[type="text"]:focus,.contact-form input[type="email"]:focus .contact-form textarea:focus{ border-bottom: solid 1px #55a6db;}
.contact-form textarea{height:90px;}

/*but*/
button.fade-btn {letter-spacing: 0.5px;float: right; position: relative; width: 158px; height: 45px; padding: 0; overflow: hidden; border: 1px solid #282828;
font-family: 'arialregular';cursor: pointer; background-color: transparent; color: #282828; cursor: pointer; z-index: 1;text-transform: uppercase;}
button.fade-btn::before { content: ""; position: absolute; top: 100%; display: block; width: 100%; height: 100%; z-index: -1; background-color: #282828;-webkit-transition: top 0.2s ease; transition: top 0.2s ease; left: 0;}
button.fade-btn::after { content: attr(data-content); position: absolute; top: 50%; left: 50%;
 -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; color: #282828; font-size: 14px;
 text-transform: uppercase;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;-webkit-transition: color 0.4s ease; transition: color 0.4s ease;}
button.fade-btn:hover:before { top: 0;}
button.fade-btn:hover:after { color: #ffffff;}
button.fade-btn:focus { outline: none;}
/*but*/
.contact-form input[type=checkbox]:not(old){position:absolute;width:13px;height:13px;margin: 0;padding: 0;font-size : 1em;opacity: 0; cursor:pointer;  left:3px; top:22px;}
.contact-form input[type=checkbox]:not(old) + label{ display: inline-block;line-height: 1.5em;float:left; width:100%;color:#282828; font-size:14px;margin-top:8px;  font-family: 'arialregular';}
.contact-form input[type=checkbox]:not(old) + label > span{display: inline-block;width: 14px;height: 14px;margin: -3px 10px 0 0; vertical-align   : middle;border:1px solid #282828; position:relative;}
.contact-form input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block; text-align: center; font-weight: bold; cursor:pointer;background:#282828; height:8px; width:8px;  position:absolute;top:2px; left:2px;}
.sub-butt{ width: 100%;float: left;text-align: center;}

/**/
.contact-form ul li .select_box { float: left; width: 100%;}
.contact-form ul li .sbHolder { float:left; width:100%; border: none; border-bottom: solid 1px #858585; position:relative; padding:0;}
.sbHolder a {padding: 0 0 0 15px;width: 100%;float: left;text-align: left;}
.contact-form ul li .sbSelector {float: left;color: #161615;height: 44.5px;line-height: 49px;font-family: 'arialregular';font-size: 14px;}
.contact-form ul li .sbToggle { position:absolute; content:""; background: url(../images/down-arrow.svg) no-repeat; right:0; top: 22px; left:auto; width:15px; height:10px;}
/**/
.contact-ads{ width: 100%; float: left;}
.contact-ads h3{width: 100%; float: left; font-size: 18px;line-height: 27px; font-family: 'arialregular'; color: #282828; margin-bottom: 25px;}
.contact-ads ul li{ width: 100%; float: left; font-size: 16px;line-height: 24px; font-family: 'arialregular'; color: #282828; padding-left: 40px; margin-bottom:20px;}
.contact-ads ul li.ads {background: url(../images/contact-location.svg) no-repeat 0 3px;}
.contact-ads ul li.ph {background: url(../images/contact-phone.svg) no-repeat 0 4px;}
.contact-ads ul li.fax {background: url(../images/contact-fax.svg) no-repeat 0 4px;}
.contact-ads ul li.mail {background: url(../images/contact-mail.svg) no-repeat 0 6px;}
.contact-ads ul li a{font-size: 16px;line-height: 24px;font-family: 'arialregular'; color: #282828; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}

.map{width: 100%; float: left;}
.map h2 {width:100%; float:left; font-size:48px; color: #161615; line-height:48px;font-family: 'arial_narrowregular';text-align: left; margin-bottom:35px; letter-spacing: 0.5px;}
.sml-map { width: 100%;float: left; min-height:580px;}




/*empresa*/
.empresa{ width: 100%; float: left; padding:20px 0 50px 0;}
.empresa h2{ width: 100%; float: left; font-family: 'arial_narrowbold';  font-size:48px; color: #393939; line-height:48px; text-align: left; margin-bottom:35px; letter-spacing: 0.5px;}

.empresa-lft { width: 48%; float: left; margin-right: 4%;}
.empresa-rgt { width: 48%; float: right;overflow: hidden;}
.empresa-rgt img {float: left;width: 100%;}
.empresa h3{ width: 100%; float: left; font-size: 20px;line-height: 27px; font-family: 'arialregular'; color: #393939; margin: 20px 0; letter-spacing:0.5px;}
.empresa p{width: 100%; float: left; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #646464; margin-bottom: 25px;}

.nuestros{ width: 100%; float: left; background: #121212; padding:65px 0;}
.nuestros h2{ width: 100%; float: left; font-family: 'arial_narrowbold';  font-size:42px; color: #fff; line-height:42px; text-align: center; margin-bottom:50px; letter-spacing: 0.5px;}
.nuestros ul{ width: 100%; float: left;}
.nuestros ul li{ width: 33%; float: left; padding:30px 25px; border-right: 1px solid #fff; min-height: 215px;}
.nuestros ul li h3{width: 100%; float: left; color: #fff; margin-bottom: 22px; font-size: 27px;line-height: 27px; font-family: 'arialregular';}
.nuestros ul li p{width: 100%; float: left; color: #fff; font-size: 16px;line-height: 27px; font-family: 'arialregular';}
.nuestros ul li:first-child{ padding-left: 0;}
.nuestros ul li:last-child{ padding-right: 0; border-right: none;}

.equipo{ width: 100%; float: left; padding:65px 0; background: #f4f3ef;}
.equipo h2{ width: 100%; float: left; font-family: 'arialregular';font-size:28px; color: #000; line-height:28px; text-align: center; margin-bottom:40px; letter-spacing: 0.5px;}

.equipo ul{ width: 100%; float: left;}
.equipo ul li{ width: 23.5%; float: left; margin-right: 2%; overflow: hidden;}
.equipo ul li p{width: 100%; float: left; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #030303; margin-bottom: 20px;}
.equipo ul li p:last-child { margin-bottom: 0;}
.equipo ul li:last-child { margin-right:0;}
.equipo ul li img{float: left;width: 100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.equipo ul li:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}

.codigo{width: 100%; float: left; padding:65px 0; background: #fff;}
.codigo h2{ width: 100%; float: left; font-family: 'arial_narrowregular'; font-size:36px; color: #000; line-height:36px; text-align: left; margin-bottom:30px; letter-spacing: 0.5px;}
.codigo p{width: 100%; float: left; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #000; margin-bottom: 25px;}
.codigo a{width: auto; float: left; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #393939; margin-top: 15px;  letter-spacing: 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;position: relative;}
.codigo a:after{position: absolute; content: ""; width: 100%; background:#393939; height: 1px; left: 0; bottom: -5px; transition: all 0.5s ease;} 
.codigo a:hover:after {display: none;}
/**/




/**/


.codigo-lft{width: 49%; float: left; margin-right: 2%;}
.codigo-rgt{width: 49%; float: right; overflow: hidden;}
.codigo-rgt img {float: left;width: 100%;}




/*actualitat*/
.actualitat {width: 100%; float: left; padding:0 0 65px 0; background: #fff;}
.actualitat h2{ width: 100%; float: left; font-family: 'arial_narrowbold';  font-size:42px; color: #393939; line-height:42px; text-align: left; margin-bottom:50px; letter-spacing: 0.5px;}
.actualitat-lft{width: 48%; float: left; margin-right: 4%; overflow: hidden;}
.actualitat-lft img {float: left;width: 100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.actualitat-lft:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
.actualitat-rgt{width: 48%; float: right;}
.actualitat h5{width: 100%; float: left; color: #2b2b2b; font-size: 16px;line-height: 27px; font-family: 'arialregular'; margin-bottom: 15px;}
.actualitat h3{ width: 100%; float: left; font-family: 'arialbold';  font-size:24px; color: #2b2b2b; line-height:32px; text-align: left; margin-bottom:25px; letter-spacing: 0.5px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.actualitat h3:hover{ color: rgba(0,0,0,0.3);}
.actualitat p{width: 100%; float: left; color: #2b2b2b; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 25px;}
.actualitat p:last-child{ margin-bottom: 0;}
.actualitat a{float: left; color: #2b2b2b; font-size: 16px;line-height: 27px; font-family: 'arialregular'; transition: all 0.5s ease;}
.actualitat a span {background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 20px; transition: all 0.5s ease;}
.actualitat a:hover span{ margin-left: 45px;}

.actualitat-lst {width: 100%; float: left; padding:0 0 70px 0; background: #fff;}
.actualitat-lst ul{ width: 100%; float: left;}
.actualitat-lst ul li{ width: 31%; float: left; margin-right: 3%; margin-bottom: 60px;}
.actualitat-lst ul li:nth-child(3n+3){ margin-right: 0;}
.actualitat-lst ul li .act-img {width: 100%; float: left; margin-bottom: 15px; overflow: hidden;}
.actualitat-lst ul li .act-img img{ float: left;width: 100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.actualitat-lst ul li:hover .act-img img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
.actualitat-lst.casos ul li h3,.actualitat-lst.casos ul li h4,.actualitat-lst.casos ul li h5,.actualitat-lst.casos ul li p{padding:0 10px;}
.actualitat-lst ul li h5{width: 100%; float: left; color: #2b2b2b; font-size: 16px;line-height: 27px; font-family: 'arialregular'; margin-bottom: 12px;}
.actualitat-lst ul li h3{ width: 100%; float: left; font-family: 'arial_narrowbold'; font-size:24px; color: #2b2b2b; line-height:28px; text-align: left; margin-bottom:10px;}
.actualitat-lst ul li h4{width: 100%; float: left; color: #2b2b2b; font-size: 18px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 16px;}
.actualitat-lst ul li h4 span{background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;margin-right: 25px; margin-top: 7px; float: right; transition: all 0.5s ease;}
.actualitat-lst ul li p{width: 100%; float: left; color: #2b2b2b; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 45px;}
.actualitat-lst ul li a{float: left; color: #2b2b2b; font-size: 16px;line-height: 27px; font-family: 'arialregular'; transition: all 0.5s ease;}
.actualitat-lst ul li a span {background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 20px; transition: all 0.5s ease;}
.actualitat-lst ul li a:hover span { margin-left: 45px;}
.ver-but{ width: 100%; float: left; text-align: center;}
.ver-but a{display: inline-block;color: #282828;font-size: 14px;height:45px;line-height:45px;padding: 0px 45px;text-transform: uppercase;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;border: 1px solid #282828; font-family: 'arialregular'; cursor:pointer; letter-spacing: 0.5px; position: relative;}
.ver-but a:hover{ background:#282828; color:#fff; border: 1px solid #282828; }
.actualitat-lst.casos ul li { margin-bottom: 40px; padding-bottom: 25px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; position: relative;} 
.actualitat-lst.casos ul li { -webkit-box-shadow: 2px 3px 5px 1px rgb(234, 234, 234);
  -moz-box-shadow: 2px 3px 5px 1px rgb(234, 234, 234);
  box-shadow: 2px 3px 5px 1px rgb(234, 234, 234);} 
.actualitat-lst.casos ul li p { margin-bottom: 0;}
.actualitat-lst.casos ul li:hover h4 span{ margin-right: 5px;} 
.actualitat-lst.casos ul li:hover{
  -webkit-box-shadow: 2px 3px 5px 1px rgb(101, 101, 101);
    -moz-box-shadow: 2px 3px 5px 1px rgb(101, 101, 101);
    box-shadow: 2px 3px 5px 1px rgb(101, 101, 101);
}
/* .actualitat-lst.casos ul li:after{ position: absolute; content: ""; left: 0; bottom: -20px; background: url(../images/shadow-bg.png) no-repeat 0px 9px; width: 100%; height: 46px; display: block;}
.actualitat-lst.casos ul li:hover:after { display: block;height: 50px;} */ */


/*serveis*/

.serveis{width: 100%; float: left; background: #fff;}
.serveis h2{ width: 100%; float: left; font-family: 'arial_narrowbold'; font-size:48px; color: #121212; line-height:48px; text-align: left; margin-bottom:40px; letter-spacing: 0.5px;}
.serveis p{width: 100%; float: left; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular';}
.serveis-lst{ width: 100%; float: left;}
.serveis-lst ul li { width: 100%; float: left; padding: 50px 0; border-bottom: 1px solid rgba(160,160,160,0.6);} 
.serveis-lst ul li:last-child { border-bottom: none;}
.serveis-lst ul li .serveis-lft {width: 60%; float: left; margin-right: 4%;}
.serveis-lst ul li .serveis-rgt {width: 36%; float: right; overflow: hidden;}
.serveis-lst ul li .serveis-rgt img{ width: 100%; float: left; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
/*.serveis-lst ul li:hover .serveis-rgt img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}*/
.serveis-lst ul li h6{width: 100%; float: left; color: #121212; font-size: 14px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 20px;}
.serveis-lst ul li h3{width: 100%; float: left;font-family: 'arialregular'; color: #121212; font-size: 36px;line-height: 36px; margin-bottom: 30px; letter-spacing: 0.5px;}
.serveis-lst ul li p{width: 100%; float: left; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 20px;}
.serveis-lst ul li p:last-child { margin-bottom: 0;}
.serveis-lst ul li.new .serveis-lft {width: 60%; float: right; margin-right: 0;}
.serveis-lst ul li.new .serveis-rgt {width: 36%; float: left; margin-right: 4%;}
.serveis-lst ul li ul.list{ width: 100%; float: left; margin-bottom: 20px;}
.serveis-lst ul li ul.list li{ width: 100%; float: left; border:none; padding:0 0 0 25px; background: url(../images/dot.png) no-repeat 0px 9px; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 5px;} 

.consulta{width: 100%; float: left; background: #fff;}
.consulta-lst{width: 100%; float: left; border-top: 1px solid rgba(160,160,160,0.6); padding: 50px 0;}
.consulta-lst h2{ width: 100%; float: left; font-family: 'arial_narrowregular'; font-size:36px; color: #121212; line-height:36px; text-align: left; margin-bottom:25px; letter-spacing: 0.5px;}
.consulta-lst p{width: 100%; float: left; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom:20px;}
.consulta-lst ul{width: 100%; float: left; margin-top: 35px;}
.consulta-lst ul li{ width: 23.5%; float: left; margin-right: 2%; margin-bottom: 40px;}
.consulta-lst ul li .consulta-img {width: 100%; float: left; overflow: hidden;}
.consulta-lst ul li .consulta-img img {width: 100%; float: left;}
.consulta-lst ul li:nth-child(4n+4){ margin-right: 0;}
.consulta-lst ul li h3 {width: 100%; float: left; color: #121212; font-size: 18px;line-height: 24px; font-family: 'arialregular'; padding: 14px 0;}
.consulta-lst ul li h3 span{background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 20px; transition: all 0.5s ease;}
.consulta-lst ul li:hover h3 span {margin-left: 40px;}
/*fitxa*/
.fitxa {width: 100%; float: left; background: #fff;}
.fitxa h2{ width: 100%; float: left; font-family: 'arial_narrowbold'; font-size:48px; color: #121212; line-height:48px; text-align: left; margin-bottom:25px; letter-spacing: 0.5px;}
.fitxa-lft {width: 49%; float: left; margin-right: 2%;}
.fitxa-rgt {width: 49%; float: right;}
.fitxa-rgt.full-width {
  width: 100%;
  float: left;
}
.fitxa-rgt img{width: 100%; float: left;max-width: 600px;}
.fitxa p{width: 100%; float: left; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom:30px;}
.fitxa h3{ width: 100%; float: left; font-family: 'arialregular'; font-size:24px; color: #121212; line-height:28px; text-align: left; margin-bottom:25px; letter-spacing: 0.5px;}
.fitxa-lst {width: 100%; float: left;}
.fitxa-lst ul li{ width: 100%; float: left; border:none; padding:0 0 0 25px; background: url(../images/dot.png) no-repeat 0px 9px; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 15px;} 

.documentos{ width: 100%; float: left; padding: 50px 0;}
.d-lft {width: 180px; margin-right:20px;  float: left;}
.d-lft h3{font-family: 'arial_narrowbold'; font-size:18px; color: #2b2b2b; line-height:25px; text-align: left;}
.d-rgt {width: calc(100% - 200px);float: right;} 
.doc-full{ width: 100%; float: left; border: 1px solid #717171; padding: 10px 20px; margin-bottom: 10px;} 
.doc-title{width: 100%; float: left;}
.doc-title h5{width: auto; float: left;color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular';}
a.plus{float: right; background: url(../images/plus.svg) no-repeat 0 0; width:16px; height: 16px;}
a.minus{float: right; background: url(../images/minus.png) no-repeat 0 0; width:21px; height: 21px;}
.doc-cnt{ width: 100%; float: left; padding: 15px 15px 0 15px;}
.doc-cnt ul li{ width: 100%; float: left; border-bottom: 1px solid rgba(160,160,160,0.6);padding: 10px 0;}
.doc-cnt ul li p{ width: auto; float: left; color: #121212; font-size: 14px;line-height: 28px; font-family: 'arialregular';}
.doc-cnt ul li:last-child { border-bottom: none;}
.pdf {float: right;}
.pdf a { display: inline-block; margin-right: 25px; }
.pdf a img{width: 100%; float: left; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.pdf a:hover img{opacity: 0.4;}
.pdf a:last-child { margin-right: 0;}

/*solicite*/
.solicite { width: 100%; float: left;}
.sol{width: 100%; float: left; background: #121212; padding: 36px 50px; color: #fff;}
.sol ul li{ width: 40%; float: left; margin-right: 4%; border-right: 1px solid #fff; padding-left: 60px; font-family: 'arial_narrowbold'; font-size:24px; color: #fff; line-height:36px; letter-spacing: 0.5px;}
.sol ul li:last-child{ width: 56%; margin-right: 0; font-size: 16px;  font-family: 'arialregular'; padding-left: 0px; border-right: none; line-height: 27px;}
.sol ul li.info{background: url(../images/i-information-title.svg) no-repeat 0 0;}

.contact-form.s-form {width: 100%; float: left;padding: 50px 60px; background: #f5f5f5; margin-right: 0;}
.contact-form.s-form ul li{float: left; margin-right: 5%;}
.contact-form.s-form ul li:first-child {width: 30%; float: left;}
.contact-form.s-form ul li:nth-child(2) {width: 30%; float: left;}
.contact-form.s-form ul li:nth-child(3) {width: 30%; float: right; margin-right: 0;}
.contact-form.s-form ul li:last-child{width: 100%; float: left; margin-right: 0;}
.contact-form.s-form ul li ul li{ width: 100%; float: left;}
.contact-form.s-form ul li ul li:first-child {width: 100%;}
.contact-form.s-form ul li ul li:nth-child(2) {width: 100%;}
.contact-form.s-form ul li ul li:nth-child(3) {width: 100%; float: left;}

.contact-form.s-form input[type="text"],.contact-form.s-form input[type="email"], .contact-form.s-form textarea {width: 100%;padding: 0px;}
.contact-form.s-form textarea {height: 105px;}

.update-carousel{width: 100%; float: left;}
.update-carousel{border-top: 1px solid rgba(160,160,160,0.6); margin-top: 40px; float: left;width: 100%; padding: 50px 0 65px 0;}
.update-carousel h2{width: 100%; float: left; font-family: 'arial_narrowbold'; font-size:36px; color: #121212; line-height:36px; text-align: left; margin-bottom:25px; letter-spacing: 0.5px;}
.update-carousel p{width: 100%; float: left; color: #121212; font-size: 16px;line-height: 24px; font-family: 'arialregular'; margin-bottom:30px;}

#update-list{ width: 100%; float: left; margin-top: 20px;}
#update-list .item{ width: 100%; float: left;}
#update-list .item .consulta-img {width: 100%; float: left; min-height: 198px;}
#update-list .item .consulta-img img {width: 100%; float: left;}
#update-list .item h3 {width: 100%; float: left; color: #121212; font-size: 18px;line-height: 24px; font-family: 'arialregular'; padding: 14px 0; transition: all 0.5s ease;}
#update-list .item h3 span{background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 20px; transition: all 0.5s ease;}
#update-list .item:hover h3 span {margin-left: 40px;}

.todos{ width: 100%; float: left; text-align: center; margin-top: 40px;}
.todos a{ color: #121212; font-size: 16px;line-height: 24px; font-family: 'arial_narrowregular'; letter-spacing: 2px; position: relative; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}



footer{float:left; width:100%; background: #121212;}
.fot {float:left; width:100%;padding: 45px 0 30px 0;}
.fot-lft { width: 200px; float: left; margin-right: 25px;}
.fot-lft ul li { width: 100%; float: left; margin-bottom: 12px;}
.fot-lft ul li img{ width: 150px; float: left;}
.fot-lft ul li:last-child{ margin-bottom: 0;}
.fot-lft ul li p {
    width: 100%; padding-left: 25px; 
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-family: 'arialregular';
    letter-spacing: 0.5px;
}
.flx-logo {float: left; width: 100%; margin-bottom: 12px; }
.fot-rgt {width: calc(100% - 225px); float: right;}

.f-menu{ width: 40%; float: left; margin-top: 0px;}
.f-menu ul li{ width: auto; float: left; margin-right: 30px; margin-bottom: 20px;}
.f-menu ul li:nth-child(4){ margin-right: 0;}
.f-menu ul li:last-child{ margin-right: 0;}
.f-menu ul li a{ width: 100%; float: left; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular'; letter-spacing: 0.5px;  transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.f-menu ul li a:hover{ color: rgba(255,255,255,0.4);}
.f-ads{ width: 100%; float: left; /*margin-top: 50px;*/}
.f-ads h5{width: 100%; float: left; margin-bottom: 20px; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular'; letter-spacing: 0.5px;}
.f-ads p{width: 100%; float: left; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular';letter-spacing: 0.5px;}
.f-ads-lft{ width: 25%; float: left;}
.f-ads-rgt{ width: 25%; float: left; margin-right: 10%;}
.nox-logo{ width: 20%; float: right;}
.nox-logo img {float: right;}
.f-ads-rgt ul li{ width: 100%; float: left; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular'; padding-left: 30px; margin-bottom: 15px; letter-spacing: 0.5px;}
.f-ads-rgt ul li a{ color: #fff; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; letter-spacing: 0.5px;}
.f-ads-rgt ul li.ph {background: url(../images/phone-icon-footer.svg) no-repeat 0 5px;}
.f-ads-rgt ul li.mail {background: url(../images/mail-icon-footer.svg) no-repeat 0 5px;}
.f-ads-rgt ul li a:hover{ color: rgba(255,255,255,0.4);}

.copy{ width: 100%; float: left; border-top:1px solid #fff; padding: 25px 0 40px 0;}
.copy ul li {width: auto; float: left; margin-right: 18px; position: relative;}
.copy ul li a{ color: #fff; font-size: 13px;line-height: 24px; font-family: 'arialregular'; letter-spacing: 0.5px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.copy ul li:after {position: absolute;content: ".";right: -11px;top: 0px;color: #fff;width: auto;height: auto;}
.copy ul li:last-child::after {content: none;}
.copy ul li a:hover{ color: rgba(255,255,255,0.4);}
/*equipos*/
.equipos{ width: 100%; float: left; margin: 45px 0;}
.equipos ul li{ width: 18.4%; float: left; margin-right: 2%; position: relative;} 
.equipos ul li:hover a > div,.equipos ul li a:hover > div {
  transform: scale(1.1);
}
.equipos ul li:last-child{ margin-right: 0;}
.equipos ul li .eq-img-1{background: url(../images/equipo-skids.jpg) no-repeat 0 0; min-height: 518px;}
.equipos ul li .eq-img-2{background: url(../images/equipo-solidos.jpg) no-repeat 0 0; min-height: 518px;}
.equipos ul li .eq-img-3{background: url(../images/equipo-liquidos.jpg) no-repeat 0 0; min-height: 518px;}
.equipos ul li .eq-img-4{background: url(../images/equipo-automatizacion.jpg) no-repeat 0 0; min-height: 518px;}
.equipos ul li .eq-img-5{background: url(../images/equipo-seguridad.jpg) no-repeat 0 0; min-height: 518px;}

.equipos ul li .eq-cnt {position: absolute; left: 0; bottom: 36px; padding: 0 20px;}
.equipos ul li .eq-cnt h3{width: 100%; float: left; color: #fff; font-size: 24px;line-height: 28px; font-family: 'arialbold'; letter-spacing: 0.4px; min-height: 56px;}

.equipos ul li .eq-cnt h3 {
    color: #121212;
    text-shadow: 2px 1px 2px rgb(255 255 255);
}

.equipos ul li .eq-cnt p{width: 100%; float: left; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular';letter-spacing: 0.4px; margin-bottom: 12px;}


/*home*/
.actualidad{ width: 100%; float: left; border-top: 1px solid rgba(160,160,160,0.6);  padding: 50px 0 70px 0;}
.actualidad-lft {width: 49%; float: left; margin-right: 2%;}
.actualidad-rgt {width: 49%; float: right;}
.actualidad h2{width: 100%; float: left; font-family: 'arial_narrowregular'; color: #121212; font-size: 42px;line-height: 42px; letter-spacing: 0.5px; margin-bottom: 25px;}
.esp-img {width: 100%; float: left; position: relative; min-height: 685px; display: flex; align-items: center; justify-content: center; text-align: center; background: url(../images/specialist-bakery-home.jpg) no-repeat 0 0; background-size: cover;}
.esp-cnt{  position: absolute; margin: 0 50px;}
.esp-cnt a{ padding: 20px 30px; display: inline-block; background: #121212; color: #fff; font-size: 20px;line-height: 28px; font-family: 'arialbold'; letter-spacing: 0.5px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.esp-cnt:hover a{background: #fff; color:#121212;}

.act-img { width: 100%; float: left; position: relative;}
.act-cnt {width: auto; float: left; position: absolute; left:20px; top:30px;}
.act-cnt h6{ font-family: 'arial_narrowregular'; color: #fff; font-size: 16px;line-height: 20px; margin-bottom: 15px;}
.act-cnt h3{width: 100%; float: left; font-family: 'arialbold'; color: #fff; font-size: 24px;line-height: 28px; letter-spacing: 0.5px; margin-bottom: 20px;}
.act-cnt span {width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;  transition: all 0.5s ease;}
.act-cnt span img {float: left; transition: all 0.5s ease;}
.act-img:hover span {margin-left: 20px;}

.fispal{ width: 100%; float: left; margin-top:25px;}
.fispal ul li{ width: 100%; float: left; margin-bottom: 30px;}
.fispal ul li:last-child{ margin-bottom: 0;} 
.fispal ul li .fispal-lft {width: 40%; float: left; margin-right:4%;overflow: hidden; }
.fispal ul li .fispal-lft img{ width: 100%;float: left;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.fispal ul li:hover .fispal-lft img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
.fispal ul li .fispal-rgt {width: 56%; float: left;}
.fispal ul li .fispal-rgt h5 {width: 100%; float: left; color: #121212; font-size: 14px;line-height: 20px; font-family: 'arialregular';letter-spacing: 0.5px; margin-bottom: 12px;}
.fispal ul li .fispal-rgt h3 {width: 100%; float: left; color: #121212; font-size: 22px;line-height: 24px; font-family: 'arialbold'; letter-spacing: 0.5px; margin-bottom: 12px;}
.fispal ul li .fispal-rgt p {width: 100%; float: left; color: #121212; font-size: 16px;line-height: 22px; font-family: 'arialregular';letter-spacing: 0.5px; margin-bottom: 10px;}
.fispal ul li .fispal-rgt span {/*background: url(../images/arrow-right.svg) no-repeat 0 0;*/ width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle; transition: all 0.5s ease;} 
.fispal ul li .fispal-rgt span img {float: left; transition: all 0.5s ease;}
.fispal ul li:hover .fispal-rgt span img {margin-left: 20px;}

.fot-mbl{ width: 100%; float: left; padding: 10px 0 0 0; display: none;}
.fot-mbl ul li{ width: 100%; float: left; border-bottom: 1px solid rgba(160,160,160,0.6); padding: 20px 18px;}
.fot-mbl ul li:last-child { border-bottom: none;}
.m-logo{ width: auto; float: left; margin-bottom: 25px;}
.fot-mbl ul li p{width: 100%; float: left; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular';letter-spacing: 0.5px; margin-bottom: 16px;}
.fot-mbl ul li ul{ width: 100%; float: left;}
.fot-mbl ul li ul li{ width: 100%; float: left; color: #fff; font-size: 14px;line-height: 24px; font-family: 'arialregular'; padding:0 0 0 30px; margin-bottom: 12px; letter-spacing: 0.5px; border-bottom: none;}
.fot-mbl ul li ul li a{ color: #fff; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; letter-spacing: 0.5px;}
.fot-mbl ul li ul li.ph {background: url(../images/phone-icon-footer.svg) no-repeat 0 5px;}
.fot-mbl ul li ul li.mail {background: url(../images/mail-icon-footer.svg) no-repeat 0 5px;}
.fot-mbl ul li ul li a:hover{ text-decoration: underline;}
.g-logo{ width: auto; float: left; margin-right: 15px;}
.g-logo:last-child { margin-bottom: 0;}
.codigo h2.mbl { display: none;}
.mbl{ display: none;}

/*equips-duna-categoria-page*/
.skids-lft{width:240px;float:left; padding-right: 40px;}
.skids-rht{width:calc(100% - 240px);float:left;padding-left: 60px;margin-bottom: 20px;position: relative;}/*border-left:1px solid #c9c9c9;*/
.skids-rht:after{content:"";position: absolute;left:0;background:#c9c9c9;width: 1px;height: 95%; }
.skids-rht sup {font-size: 9px; letter-spacing: 0.5px;}
.skids-rht h2{ width: 100%; float: left; font-family: 'arial_narrowbold'; font-size:42px; color: #121212; line-height:42px; text-align: left; margin-bottom:25px; letter-spacing: 0.5px;}
.serveis p{width: 100%; float: left; color: #121212; font-size: 16px;line-height: 23px; font-family: 'arialregular';font-weight: 100;}
.skids-lft ul li { width: 100%; float: left;}
.skids-lft ul li a{ width: 100%; float: left; font-family: 'arial_narrowregular'; font-size:24px; color: #121212; line-height:35px; text-align: left; margin-bottom:15px; transition: all 0.5s ease;}
.skids-lft ul li a span{ float: right;margin-top: 16px; transform: rotate(270deg);transition: all 0.5s ease;}
.skids-lft ul li a span{background: url(../images/down-arrow.svg) no-repeat 0 0;background-size: auto;width: 12px;height: 12px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 20px;transition: all 0.5s ease;}
.skids-lft ul li:hover a span {background: url(../images/down-arrow.svg) no-repeat 0 0;background-size: auto;width: 12px;height: 12px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 20px;transition: all 0.5s ease;}
.skids-lft ul li:hover a span {transform: scale(1.2) rotate(270deg);}
.skids-lft ul li.active a,.skids-lft ul li a:hover{ font-family: 'arial_narrowbold';}
.consulta-lst.skids-list{width: 100%; float: left; padding: 0;border: none;}
.consulta-lst.skids-list ul li{ width: 31.33%; float: left; margin-right: 3%; margin-bottom: 40px;}
.consulta-lst.skids-list  ul {width: 100%; float: left; margin-top: 40px;}
.consulta-lst.skids-list  ul li:nth-child(4n+4) { margin-right: 3%;}
.consulta-lst.skids-list  ul li:nth-child(3n-3) { margin-right: 0;}
.consulta-lst.skids-list  ul li:nth-child(6) { margin-right: 0;}
.consulta-lst.skids-list  ul li h3 {font-size: 17px;line-height: 24px}
.consulta-lst.skids-list ul li:hover .consulta-img img {transform: scale(1.05); -webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
.consulta-lst.skids-list ul li img { width: 100%; float: left;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

/*notícia-ampliada*/
.noticia-amp {width: 100%; float: left; padding:0 0 36px 0; background: #fff;}
.noticia-amp h5{width: 100%; float: left; color: #2b2b2b; font-size: 14px;line-height: 27px; font-family: 'arialregular'; margin-bottom: 17px;}
.noticia-amp h3{ width: 100%; float: left; font-family: 'arialbold';  font-size:32px; color: #2b2b2b; line-height:40px; text-align: left; margin-bottom:25px;}
.noticia-amp p{width: 100%; float: left; color: #2b2b2b; font-size: 18px;line-height: 25px; font-family: 'arialregular'; margin-bottom: 25px;}
.mid-noticia{width:66%;margin: 0 auto;}
.mid-noticia ul.link-tags {width: 100%; float: left;margin-top: 10px;}
.mid-noticia ul.link-tags li {width: 100%; float: left;border-bottom: 1px solid #c8c8c8;margin-bottom: 17px;}
.mid-noticia ul.link-tags li:first-child{width: 100%; float: left;margin-bottom: 17px;border-bottom:none;}
.mid-noticia ul.link-tags li a{width: 100%; float: left;background: url(../images/link-icon.svg) no-repeat right 0; font-size: 17px;
color: #1a171b;line-height: 30px;font-family: 'arialregular';padding-bottom: 15px;padding-left: 0;padding-right: 40px;}
.mid-noticia ul.link-tags li a:hover {opacity: 0.7;}
.mid-noticia img{padding:10px 0 30px 0;}
.mas-inner-lst{width: 100%; float: left;padding-top: 37px;border-top: 1px solid #cecece;}
.mas-inner-lst ul li h3{font-family: 'arial_narrowregular';}
.mas-inner-lst  ul li h5 { font-size: 14px;  margin-bottom: 4px;}
.mas-inner-lst ul li p {font-size: 18px;margin-bottom: 18px;}
.mas-inner-lst ul li{position: relative;}
.mas-inner-lst ul li a {position: absolute;bottom: -20px;left: 0px;}

.actualitat-lst .mas-inner-lst ul li a {
    position: relative;
    bottom: 0px;
    left: 0px;
}

.mas-inner-lst ul li .noticia-cntxt{width: 100%; float: left;min-height: 205px;}
.mas-inner-lst ul li a {font-size: 15px;}

.smm-icons{float: left;width: 100%;padding-top: 20px;padding-bottom: 85px;}
.smm-icons ul{float: left;width: 100%;}
.smm-icons ul li{float: left;width:auto;}
.smm-icons p{width: 100%; float: left; color: #2b2b2b; font-size: 17px;line-height: 25px; font-family: 'arial_narrowregular'; margin-bottom: 35px;}
.smm-icons ul li a{width:auto;padding-left:38px;margin-left: 40px;float: left;}
.smm-icons ul li:first-child a{width:auto;margin-left: 0;}
.smm-icons ul li.fb a{background: url(../images/share-facebook.svg) no-repeat 0 0;}
.smm-icons ul li.whatsapp a{background: url(../images/share-whatsapp.svg) no-repeat 0 0;}
.smm-icons ul li.mail a{background: url(../images/share-mail.svg) no-repeat 0 0;}
.smm-icons ul li.tw a{background: url(../images/share-twitter.svg) no-repeat 0 0;}
.smm-icons ul li:hover a{opacity: 0.7;}

.noticia-lst{padding:0 0 25px 0;}
.noticia-lst ul{width: 100%; float: left;}
.noticia-lst h3{width: 100%; float: left; font-family: 'arial_narrowbold';  font-size:32px; color: #2b2b2b; line-height:40px; text-align: left; margin-bottom:25px;}

.bk-btn{float: left;width: 100%;}
.bk-btn a{float: left;width: 100%;font-family: 'arial_narrowregular';font-size: 15px;line-height: 20px; /*padding-left: 29px;background: url(../images/arrow-left.svg) no-repeat left 7px;*/ transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.smm-icons ul li p{padding-left: 0;font-size: 16px;color: #1a171b;line-height: 24px;font-family: 'arialregular';float: none; margin-bottom: 0;}
.fitxa-mbl{ width: 100%; float: left; display: none;}
.bk-btn a span {background: url(../images/arrow-left.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;
margin-right: 20px;transition: all 0.5s ease;}
.bk-btn a:hover span {margin-right: 25px;}

/*9*/
.plata-cosmetica { float:left; width:100%; }
.plata-cosmetica .plata-cos-lft { float:left; width:66%; }
.plata-cosmetica .plata-cos-lft h1 {width: 100%; float: left; color: #393939; font-size: 48px;line-height: 36px; font-family: 'arial_narrowbold'; padding-bottom:20px;}
.plata-cosmetica .plata-cos-lft h4 {width: 100%; float: left; color: #393939; font-size: 25px;line-height: 26px; font-family: 'arialregular';}
.plata-cosmetica .plata-cos-rgt { float:left; width:34%; position:relative; padding-left: 10px;}
.plata-cosmetica .plata-cos-rgt::after { position:absolute; left:0; top:0; background:#7a7a7a; width:1px; height:100%; content:""; }
.plata-cosmetica .plata-cos-rgt h3 {width: 100%; float: left; color: #393939; font-size: 16px;line-height: 24px; font-family: 'arialregular';}
.plata-cosmetica .plata-cos-rgt img { float:left; width:auto;}

.plata-cosmetica .gallery-img { float:left; width:100%; margin-bottom:42px; margin-top:25px;} 
.plata-cosmetica .gallery-img .gal-lft { float:left; width:66%; margin-right: 1%; } 

.plata-cosmetica .gallery-img .gal-rgt { float:left; width:33%;} 
.plata-cosmetica .gallery-img .gal-rgt ul { float:left; width:100%;}
.plata-cosmetica .gallery-img .gal-rgt ul li { float:left; width:49%; margin-right:2%; margin-bottom:12px; position:relative;}
.plata-cosmetica .gallery-img .gal-rgt ul li:nth-child(2n+2) { margin-right:0;}
.plata-cosmetica .gallery-img .gal-rgt ul li:nth-child(3n+3), .plata-cosmetica .gallery-img .gal-rgt ul li:last-child { margin-bottom:0px;}
.plata-cosmetica .gallery-img .gal-rgt ul li img { float:left; width:100%; transition: all 0.5s ease;}
.plata-cosmetica .gallery-img .gal-rgt ul li:hover img{ opacity: 0.7;}
.plata-cosmetica .gallery-img .gal-rgt ul li span { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; background: rgba(225,225,225,0.8); height: 100%; width:100%;}
.plata-cosmetica .gallery-img .gal-rgt ul li span a {font-size: 40px; font-family: 'arialbold'; color: #393939; justify-content: center; align-items: center; display: flex; height: 100%;}

.plata-cosmetica .gallery-img .gal-lft .gal-rct-img { float:left; width:100%; position: relative;}
.plata-cosmetica .gallery-img .gal-lft .gal-rct-img img { float:left; width:100%;}
.reactor-lst { float:none; width:100%; position:absolute; top:0; left:0; height:100%;}
.reactor-lst ul { float:left; width:100%; }
.reactor-lst ul li { float:left; width:auto; }
.reactor-lst ul li .reactor-ico { float:left; width:auto; position:relative; z-index: 1;}
.reactor-lst ul li .reactor-ico span { float:left; width:25px; height:25px; cursor:pointer; background:#fff url(../images/plus-ico.png) no-repeat center center; border-radius:50px; position: relative; top: 7px;}
.reactor-lst ul li .reactor-ico::after { position:absolute; content:""; border-radius:50px; top:0; left:-7px; right:0; background:rgba(255,255,255,0.3); width:40px; height:40px; z-index: -1;}
.reactor-lst ul li .reactor-ico .reactor-cnt { display:none; background:#383838; font-family: 'arialbold'; width:130px; padding:8px 10px; color:#ffffff; font-size:14px; position: absolute; left: 50px; top: 2px;}
.reactor-lst ul li .reactor-ico .reactor-cnt::before { position: absolute;content: "";border-right: 7px solid transparent;left: -12px;top: 13px;border-left: 7px solid transparent;width: 10px;height: 10px;border-top: 7px solid #393939;transform: rotate(90deg);}
.reactor-lst ul li:first-child { top:160px; left:54px; position:absolute;}
.reactor-lst ul li:nth-child(2n) { top: 98px; left: 304px; position:absolute;}
.reactor-lst ul li:last-child { bottom:70px; left:200px; position:absolute;}
.reactor-lst ul li.show .reactor-ico span {background:#fff url(../images/close-ico.png) no-repeat center center;}
.reactor-lst ul li.show .reactor-ico .reactor-cnt { display:block;}

.popup { width: 500px;}
.popup-div { float:left; width:100%;}
.popup .flexslider .slides > li { min-height:auto;}
.popup .flexslider .slides > li img { width:100%;}

#pop-img .flex-direction-nav { display: block;}
#pop-img .flex-direction-nav li a {width:11px; height:18px; margin: 0; display: block;  position: absolute; bottom: 50px; cursor: pointer; text-indent: -9999px; z-index:9999;}
#pop-img .flex-direction-nav li .flex-next {right:0; background: url(../images/right-arw.png) no-repeat 0 0; background-position: 0px 0; }
#pop-img .flex-direction-nav li .flex-prev {left:-50px; background: url(../images/left-arw.png) no-repeat 0 0; background-position: 0px 0; }
#pop-img .flex-direction-nav li { float:left; width:100%; position: absolute; right:auto; top:75%;}
#pop-img .flex-direction-nav li .flex-prev { left:3%;}
#pop-img .flex-direction-nav li .flex-next { right: 3%;}

.cara-del-proy { float:left; width:100%; padding-bottom:45px; margin-bottom:40px; border-bottom:1px solid #d9d9d9;}
.cara-del-proy .cara-del-lft { float:left; width:44%; margin-right:8%;}
.cara-del-proy .cara-del-lft h2 {width: 100%; float: left; background: url(../images/gear.svg) no-repeat top left; color: #393939; font-size: 16px;line-height: 30px; font-family: 'arialbold'; padding-left:50px; margin-bottom:25px;}
.cara-del-proy .cara-del-lft p {width: 100%; float: left; color:#3e3e3e; font-size: 16px; line-height: 26px; padding-bottom:25px; letter-spacing:0.5px;}
.cara-del-proy .cara-del-lft p:last-child { padding-bottom:0;}
.cara-del-proy .cara-del-rgt { float:left; width:48%;}

.cara-del-proy .cara-del-rgt .blk-title { width: 100%; float: left; background: #121212; padding: 30px 38px; color: #fff;}
.cara-del-proy .cara-del-rgt .blk-title h1 { width: 100%; float: left; padding-left:45px; font-size: 18px; line-height:28px; position:relative;}
.cara-del-proy .cara-del-rgt .blk-title h1::before {background: url(../images/i-information-title.svg) no-repeat 0 0; content:""; left:0; top:0; position:absolute; width:26px; height:26px; background-size:cover;}
.cara-del-proy .cara-del-rgt .frm-cara-del { float:left; width:100%; padding: 30px 38px; background: #f5f5f5; margin-right: 0;}
.cara-del-proy .cara-del-rgt .frm-cara-del ul { float:left; width:100%; }
.cara-del-proy .cara-del-rgt .frm-cara-del ul li { float: left; width:100%;}
.cara-del-proy .cara-del-rgt .frm-cara-del ul li ul li { float:left; width:49%; margin-right:2%; margin-bottom:10px; }
.cara-del-proy .cara-del-rgt .frm-cara-del ul li ul li:nth-child(2n+2) { margin-right:0;}
.cara-del-proy .cara-del-rgt .frm-cara-del ul li:last-child { margin-top:10px;}
.cara-del-proy .cara-del-rgt .frm-cara-del ul li ul li:last-child  { margin-top:0px;}
.cara-del-proy .cara-del-rgt .frm-cara-del input[type="text"],.cara-del-proy .cara-del-rgt .frm-cara-del input[type="email"], .cara-del-proy .cara-del-rgt .frm-cara-del textarea{ width:100%; padding:0px 15px;border:none; border-bottom: solid 1px #858585; color: #161615; height:45px; line-height:50px; font-family: 'arialregular'; font-size:14px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing:0.5px; background: none;}
.cara-del-proy .cara-del-rgt .frm-cara-del input[type="text"]::-webkit-input-placeholder,.cara-del-proy .cara-del-rgt .frm-cara-del input[type="email"]::-webkit-input-placeholder,.cara-del-proy .cara-del-rgt .frm-cara-del input[type="text"]::placeholder,.cara-del-proy .cara-del-rgt .frm-cara-del input[type="email"]::placeholder, .cara-del-proy .cara-del-rgt .frm-cara-del textarea::placeholder{ width:100%; border:none;  color: #161615; height:45px; line-height:50px; font-family: 'arialregular'; font-size:14px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing:0.5px; background: none;}
.cara-del-proy .cara-del-rgt .frm-cara-del input[type="text"]:focus,.cara-del-proy .cara-del-rgt .frm-cara-del input[type="email"]:focus, .cara-del-proy .cara-del-rgt .frm-cara-del textarea:focus{ border-bottom: solid 1px #55a6db;}

.cara-del-proy .cara-del-rgt .frm-cara-del input[type=checkbox]:not(old){position:absolute;width:13px;height:13px;margin: 0;padding: 0;font-size : 1em;opacity: 0; cursor:pointer; display:none; left:3px; top:22px;}
.cara-del-proy .cara-del-rgt .frm-cara-del input[type=checkbox]:not(old) + label{ display: inline-block;line-height: 1.5em;float:left; width:100%;color:#282828; font-size:13px; margin-top:8px;  font-family: 'arialregular';}
.cara-del-proy .cara-del-rgt .frm-cara-del input[type=checkbox]:not(old) + label > span{display: inline-block;width: 12px;height: 12px;margin: -4px 10px 0 0; vertical-align   : middle;border:1px solid #282828; position:relative;}
.cara-del-proy .cara-del-rgt .frm-cara-del input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block; text-align: center; font-weight: bold; cursor:pointer;background:#282828; height:6px; width:6px;  position:absolute;top:2px; left:2px;}
.cara-del-proy .cara-del-rgt .frm-cara-del button.fade-btn { width:130px; height:42px; font-family: 'arialbold';  margin-top: 10px; letter-spacing: 0; font-size: 12px;}

.cara-del-proy .cara-del-rgt .frm-cara-del .select_box { float: left; width: 100%;}
.cara-del-proy .cara-del-rgt .frm-cara-del .sbHolder { float:left; width:100%; border: none; border-bottom: solid 1px #858585; position:relative; padding:0;}
.cara-del-proy .cara-del-rgt .frm-cara-del .sbHolder li { width:100%; margin-right:0; margin-bottom:0;}
.cara-del-proy .cara-del-rgt .frm-cara-del .sbHolder li a { display: block; outline: none; padding: 5px 10px; color: rgba(65,65,65,0.8); font-size:13px; line-height:22px; text-align:left; font-family: 'Montserrat', sans-serif; font-weight:400; }

.cara-del-proy .cara-del-rgt .frm-cara-del .sbSelector {float: left;color: #161615;height: 44.5px;line-height: 49px;font-family: 'arialregular';font-size: 14px;}
.cara-del-proy .cara-del-rgt .frm-cara-del .sbToggle { position:absolute; content:""; background: url(../images/down-arrow.svg) no-repeat; right:0; top: 22px; left:auto; width:15px; height:10px;}


.otros-casos { float:left; width:100%; margin-bottom:85px;}
.otros-casos h1 { float:left; width:100%; font-size: 32px; line-height:36px; padding-bottom:20px; color:#383838;}
.otros-casos p { float:left; width:100%; color:#383838;}
.otros-casos ul { float:left; width:100%; margin-top:45px;}
.otros-casos ul li { float:left; width: 32%; margin-right: 2%;}
.otros-casos ul li:nth-child(3n+3){ margin-right: 0;}
.otros-casos ul li .act-img {width: 100%; float: left; margin-bottom: 15px; overflow: hidden;}
.otros-casos ul li .act-img img{ float: left;width: 100%;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.otros-casos ul li:hover .act-img img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
.otros-casos ul li h3{ width: 100%; float: left; font-family: 'arial_narrowregular';  font-size:24px; color: #2b2b2b; line-height:32px; text-align: left; margin-bottom:12px; letter-spacing: 0.5px;}
.otros-casos ul li h4{width: 100%; float: left; color: #2b2b2b; font-size: 18px;line-height: 24px; font-family: 'arialregular'; margin-bottom: 15px;}
.otros-casos ul li h4 span{background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;margin-right: 25px; margin-top: 7px; float: right; transition: all 0.5s ease;}
.otros-casos ul li:hover h4 span {margin-right: 0px;}

.gal-mbl{ width: 100%; float: left; display: none;}
#tab-mbl{ width: 100%; float: left;}
#tab-mbl .owl-dots {float: left;width: 100%;text-align: center;position: absolute;bottom: -50px;}
#tab-mbl .owl-dot {background: #fff;border: 1px solid #121212;width: 13px;height: 13px;display: inline-block;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;margin: 0 6px 0;position: relative;}
#tab-mbl .owl-dot.active, #tab-mbl .owl-dot:hover {background: #121212;}

.nue-mbl { width: 100%; float: left; display: none;}
#nuestros-mbl {width: 100%; float: left;}


#nuestros-mbl .item{ width: 100%; float: left; padding: 20px 0px; display: none;}
#nuestros-mbl .item h3{width: 100%; float: left; color: #fff; margin-bottom: 22px; font-size: 27px;line-height: 27px; font-family: 'arialregular'; text-align: center;}
#nuestros-mbl .item p{width: 100%; float: left; color: #fff; font-size: 16px;line-height: 27px; font-family: 'arialregular'; text-align: center;}
#nuestros-mbl .owl-dots {float: left;width: 100%;text-align: center;position: absolute; bottom: -25px; display: none;}
#nuestros-mbl .owl-dot { background: none;border: 1px solid #fff;width: 13px;height: 13px;display: inline-block;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;margin: 0 6px 0;position: relative;}
#nuestros-mbl .owl-dot.active, #nuestros-mbl .owl-dot:hover {background: #fff;}
#nuestros-mbl .owl-dot.active:after { display:none;}

.equipo-cnt.sec ul li {width: 100%;}
.equipo-cnt {width: 24%;float: left; margin-right: 2%;}
.equipo-mbl{ width: 74%; float: right;}
#eq-mbl { width: 100%; float: left;}
#eq-mbl .item {width: 100%; float: left;}
#eq-mbl .item  img{ width: 100%;}
#eq-mbl .owl-dots {float: left;width: 100%;text-align: center;position: absolute;bottom: -50px; }
#eq-mbl .owl-dot {display: none; background: transparent;border: 1px solid #121212;width: 13px;height: 13px;display: inline-block;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;margin: 0 6px 0;position: relative;}
#eq-mbl .owl-dot.active, #eq-mbl .owl-dot:hover {background: #121212;}
#eq-mbl .owl-dot.active:after { display:none;}



a.pluss {width: auto; float: left; color: #121212; font-size: 14px;line-height: 20px; font-family: 'arialregular'; display: none;}
a.pluss span{background: url(../images/down-arrow.svg) no-repeat 0 0;width: 12px;height: 10px;display: inline-block;background-size: 100%;vertical-align: middle; margin-left: 10px; margin-top: 5px; float: right;}


a.minuss {width: auto; float: left; color: #121212; font-size: 14px;line-height: 20px; font-family: 'arialregular'; display: none;}
a.minuss span{background: url(../images/down-arrow.svg) no-repeat 0 0; transform: rotate(180deg);width: 12px;height: 10px;display: inline-block;background-size: 100%;vertical-align: middle; margin-left: 10px; margin-top: 5px; float: right;}

.es {width: 100%;float: left;}
.es p {width: auto;float: none;display: unset;}

/*#loader-overlay { background:#fff; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99999; display: block!important; }
.loader {  box-sizing: border-box; display: flex; height: 100%; align-items: center;   justify-content: center; }*/

#wrap { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; }
.web-name { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; z-index: 999; }

/*.nav-list-item, .mob-pad, .lang { position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: center; color: #fff; overflow: hidden; font-family: 'Museo 500', sans-serif;
font-size: 42px; font-weight: 400; line-height: 60px; -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, transform .3s ease; transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; margin-top: 0; margin-bottom: 5px; }
*/
.caption h1 { font-family: 'arial_narrowregular'; font-size: 70px; line-height: 72px; margin-bottom: 40px; }
.web-name p { font-family: 'arial_narrowbold'; font-size: 24px; text-transform: uppercase; line-height: 50px; }
li.menu-item.nav-list-item.active-nav.has-submenu a::after { background: url(../images/dropdown-icon.svg) no-repeat; float: left; width: 15px; position: absolute; content: ""; height: 7px; right: -292px; top: -14px; }
li.menu-item.nav-list-item ul { padding: 0; margin-top: 20px; }
/*.mob-pad { float: left; width: 100vh; left: 0; position: absolute; text-align: left; top: -31px;
border-bottom: 1px solid #262626; padding: 26px 0; z-index: 99999; background: #000;
}
.mob-pad p { color: #fff; margin-left: 80px; background: url(../images/phone-icon-menu.svg) no-repeat left; padding-left: 30px; }
.lang { float: left; width: 100%; position: absolute; bottom: -90px; left: 0; margin-bottom: 0!important; }*/


/*.ddsmoothmenu .nav .lang li { float: left; width: auto; }
a.linked { float: right; margin-right: 130px; padding: 0; min-width: inherit; width: 20%; }
.ddsmoothmenu .nav .lang ul { float: left; width: 50%; }*/
.nav-active .mob-pad { /* display: block; */
}
a.linked img { float: right; vertical-align: top; }
li.menu-item.nav-list-item.cata { background: url(../images/book-icon.svg) no-repeat left center; padding-left: 40px; margin-top: 20px; }
section.solucion { float: left; width: 100%; background: #eaeaec; padding: 75px 0 30px 0; text-align: center; }
section.solucion h1 { font-family: 'arial_narrowbold'; font-size: 40px; line-height: 40px; margin-bottom: 30px; }
section.solucion p { margin-bottom: 30px; }
section.solucion img { float: left; width: 100%; }
section.solucion.equiposs { background: #000; padding: 65px 0 65px 0; }
section.solucion.equiposs h1 { color: #fff; margin-bottom: 40px; }
section.solucion.equiposs p { color: #fff; letter-spacing: 1px; margin-bottom: 70px; }
section.solucion.equiposs ul li { float: left; width: 20%; text-align: center; }
section.solucion.equiposs ul li .eqi-img { float: left; width: 100%; }
section.solucion.equiposs ul li .eqi-img img { width: auto; float: none; margin-bottom: 50px; }
section.solucion.equiposs ul li .eqi-img p { width: 100%; float: left; font-size: 20px; margin: 0; }
section.solucion .row { /* width: 1230px; */
}
section.solucion.equiposs { background: #000; padding: 65px 0 65px 0; }
section.solucion.equiposs h1 { color: #fff; margin-bottom: 40px; }
section.solucion.equiposs p { color: #fff; letter-spacing: 1px; margin-bottom: 70px; }
section.solucion.equiposs ul li { float: left; width: 20%; text-align: center; }
section.solucion.equiposs ul li .eqi-img { float: left; width: 100%; }
section.solucion.equiposs ul li .eqi-img img { width: auto; float: none; margin-bottom: 50px; }
section.solucion.equiposs ul li .eqi-img p { width: 100%; float: left; font-size: 20px; margin: 0; }
section.solucion.equiposs { background: #000; padding: 65px 0 65px 0; }
section.solucion.equiposs h1 { color: #fff; margin-bottom: 40px; }
section.solucion.equiposs p { color: #fff; letter-spacing: 1px; margin-bottom: 70px; }
section.solucion.equiposs ul li { float: left; width: 20%; text-align: center; }
section.solucion.equiposs ul li .eqi-img { float: left; width: 100%; }
section.solucion.equiposs ul li .eqi-img img { width: auto; float: none; margin-bottom: 50px; }
section.solucion.equiposs ul li .eqi-img p { width: 100%; float: left; font-size: 20px; }
section.solucion.equiposs { background: #000; padding: 65px 0 65px 0; }
section.solucion.equiposs h1 { color: #fff; margin-bottom: 40px; }
section.solucion.equiposs p { color: #fff; letter-spacing: 1px; }
section.solucion.equiposs ul li { float: left; width: 20%; text-align: center; }
section.solucion.equiposs ul li .eqi-img { float: left; width: 100%; }
section.solucion.equiposs ul li .eqi-img img { width: auto; float: none; margin-bottom: 50px; }
section.solucion.equiposs ul li .eqi-img p { width: 100%; float: left; font-size: 20px; }
section.solucion.equiposs { background: #000; padding: 65px 0 65px 0; }
section.solucion.equiposs h1 { color: #fff; margin-bottom: 40px; }
section.solucion.equiposs p { color: #fff; letter-spacing: 1px; }
section.solucion.equiposs ul li .eqi-img p span {background: url(../images/next.svg) no-repeat 0 0;width: 17px;height: 17px;display: inline-block;background-size: 100%;vertical-align: middle;margin-left: 8px;
  transition: all 0.5s ease; opacity: 0;}
  section.solucion.equiposs ul li:hover .eqi-img p span{opacity:1}

section.solucion.equiposs { background: #000; padding: 65px 0 65px 0; }
section.solucion.equiposs h1 { color: #fff; }
section.solucion.equiposs p { color: #fff; letter-spacing: 1px; }
section.nuestro-valores { float: left; width: 100%; padding: 65px 0 45px 0; border-bottom: 1px solid #ded7d7; }
section.nuestro-valores h1 { text-align: center; font-family: 'arial_narrowbold'; font-size: 40px; line-height: 40px; margin-bottom: 50px;}
section.nuestro-valores ul li { float: left; width: 33.33%; border-right: 1px solid #ded7d7; padding: 30px 25px; min-height: 215px;}
section.nuestro-valores ul li:first-child {padding-left: 0;}
section.nuestro-valores ul li:last-child { border: none; padding-right: 0;}
.ver-but .fade-btn {float: none;}
.consulta.mbbl {display: none;}  

#content-6 {width: 100%;float: left;}


.consulta-lst.mb ul li {width: 274px;float: left;margin-right: 10px;margin-bottom: 0px;}
.consulta-lst.mb ul li img{ width: 100%; float: left;}


/*valores-mbl*/
.valores-mbl{ width: 100%; float: left; display: none;}
#val-mbl{width: 100%; float: left;}
#val-mbl .item { float: left; width: 100%; }
#val-mbl .item h3{width: 100%;float: left;color: #1a171b;margin-bottom: 18px;font-size: 24px;line-height: 24px;font-family: 'arialregular';}
#val-mbl .item p{ width: 100%;float: left;color: #1a171b;font-size: 16px;line-height: 24px;font-family: 'arialregular'; }

#val-mbl .owl-dots {float: left;width: 100%;text-align: center;position: absolute;bottom: -40px;}
#val-mbl .owl-dot {background: #fff;border: 1px solid #121212;width: 13px;height: 13px;display: inline-block;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;margin: 0 8px 0;position: relative;}
#val-mbl .owl-dot.active, #val-mbl .owl-dot:hover {background: #121212;}
#val-mbl .owl-dot.active:after { display:none;}

.actu-mbl {width: 100%; float: left; display: none; padding: 0 0 40px 0;}
#flu-mbl {width: 100%; float: left;}
#flu-mbl .item { float: left; width: 100%; }
#flu-mbl .item .act-img { width: 100%; float: left; position: relative;overflow: hidden;}
#flu-mbl .item .act-img img {width: 100%;float: left; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
#flu-mbl .item:hover .act-img img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}
#flu-mbl .item .act-cnt {width: auto; float: left; position: relative; left:0px; top:20px;}
#flu-mbl .item .act-cnt h6{ font-family: 'arial_narrowregular'; color: #121212; font-size: 16px;line-height: 20px; margin-bottom: 20px;}
#flu-mbl .item .act-cnt h3{width: 100%; float: left; font-family: 'arialbold'; color: #121212; font-size: 18px;line-height: 24px; letter-spacing: 0.5px; margin-bottom: 20px;}
/*#flu-mbl .item .act-cnt a {background: url(../images/arrow-right.svg) no-repeat 0 0;width: 18px;height: 8px;display: inline-block;background-size: 100%;vertical-align: middle;  transition: all 0.5s ease;}*/

#flu-mbl .owl-dots {float: left;width: 100%;text-align: center;position: absolute;bottom: -40px;}
#flu-mbl .owl-dot {background: #fff;border: 1px solid #121212;width: 13px;height: 13px;display: inline-block;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;margin: 0 6px 0;position: relative;}
#flu-mbl .owl-dot.active, #val-mbl .owl-dot:hover {background: #121212;}
#flu-mbl .owl-dot.active:after { display:none;}

.act-img.dkk { /*background: url(../images/new-1-home.jpg) no-repeat 0 0;*/ background-size: cover; min-height: 245px; overflow: hidden;position: relative;}
.act-img.dkk img {width: 100%;float: left;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-filter: brightness(80%);filter:brightness(80%)}
.act-img.dkk:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);}


/*vishnu*/
.equipos ul li{
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0);
transition: -webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86);
transition: clip-path .6s cubic-bezier(.785,.135,.15,.86);
transition: clip-path .6s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86);
will-change: auto;}
.anmate .equipos ul li{clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0);
transition: -webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86);
transition: clip-path .6s cubic-bezier(.785,.135,.15,.86);
transition: clip-path .6s cubic-bezier(.785,.135,.15,.86),-webkit-clip-path .6s cubic-bezier(.785,.135,.15,.86);
will-change: auto;}

.doc-cnt{transition: all .8s ease;max-height: 0px; overflow: hidden; display: none;}
.doc-full.active .doc-cnt{ max-height: 220px; display: block;}
.doc-full.active .plus{float: right; background: url(../images/minus.svg) no-repeat 0 0; width:16px; height: 16px;}

/*selvaraj*/

.contact-form input[type="checkbox"]:not(old) + label p{display: inline-block;line-height: 1.5em;float: right;width: calc(100% - 24px);color: #282828;font-size: 13px;
margin-top: 0px;font-family: 'arialregular'; cursor: pointer;}

.cara-del-proy .cara-del-rgt .frm-cara-del input[type="checkbox"]:not(old) + label p{display: inline-block;line-height: 1.5em;float: right;width:  calc(100% - 24px);
color: #282828;font-size: 13px;margin-top: 0px;font-family: 'arialregular';cursor: pointer;}
.hme{ width: 100%; float: left; display: block;}
.hme-mbl { width: 100%; float: left; display: none;}
#he-mbl {width: 100%; float: left;}

#he-mbl .owl-nav{ width:100%; margin-top:0px; position:absolute; bottom: 25px;}
#he-mbl.owl-theme { float:left; width:100%;}
#he-mbl.owl-theme .owl-controls { -webkit-tap-highlight-color: transparent; }
#he-mbl.owl-theme .owl-controls .owl-nav [class*='owl-'] { width:52px; height:52px;  display: inline-block; cursor: pointer; text-indent:-999999px;  -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;margin: 0 2px; position:absolute;}
#he-mbl.owl-theme .owl-controls .owl-nav .owl-prev { background: url(../images/hme-lft.jpg) no-repeat;left: 0;top: 0;}
#he-mbl.owl-theme .owl-controls .owl-nav .owl-next { background: url(../images/hme-rgt.jpg) no-repeat; right: 0; top: 0;}
#he-mbl.owl-theme .owl-controls .owl-nav .owl-prev:hover {opacity: 0.6;}
#he-mbl.owl-theme .owl-controls .owl-nav .owl-next:hover {opacity: 0.6;}

.wh-header .logo-head {background: #fff;}
.wh-header .logo-head .ddsmoothmenu ul li > a{color: #000;}
.wh-header .logo-head .menu-icon-line {background-color: #000;}

.wh-header .logo-head #headd ul li > a{color: #fff;}
.wh-header.nav-active .logo-head .menu-icon-line {background-color: #fff;}

.wh-header .is-sticky .main-menu { background:#fff;}

.wh-header .we-2 {display: none;}
@-webkit-keyframes pulse {
  0% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  70% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}

.reactor-lst ul li .reactor-ico span{-webkit-animation: pulse 1.5s infinite; box-shadow: 0 0 0 0 rgba(225, 225, 225, 0.5);}


@keyframes bounce {
  to {
    transform: rotate(45deg) translateY(2rem) translateX(2rem);
    opacity: 0;
  }
}
@keyframes bounce {
  to {
    transform: translateX(2rem);
    opacity: 0;
  }
}
#scroll-d {position: absolute;bottom: 50px;width: 100%;text-align: left;left: 75px;z-index: 99;margin: 0 auto;}

.wh-header.nav-active .logo-head .is-sticky .menu-icon-line{background-color:#fff;}
.mob-co{display: none;}
section.nuestro-valores ul li h2 {margin-bottom: 42px; font-size: 24px;line-height: 24px;font-family: 'arialregular';}
section.nuestro-valores ul li h2 p{width: 100%;float: left;color: #fff;font-size: 16px;line-height: 27px;font-family: 'arialregular';}


/* cursor css */
/* section.solucion.equiposs { cursor: none;} */
.cursor {pointer-events: none;display:none;}
.cursor .cursor__ball { position: absolute; top: 0; left: 0;  mix-blend-mode: difference; z-index: 1000;} 
.cursor circle {fill: #fff;}



.codigo a.link-underline {overflow: hidden; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #393939; margin-top: 15px;  letter-spacing: 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;position: relative;}
.codigo a.link-underline::before{position: absolute; content: ""; width: 100%; background:#393939; height: 1px; left: 0; bottom: 0px; transition: all 0.5s ease;}   
.codigo a.link-underline:hover::before {transform: scaleX(0);transform-origin: left;}
.codigo a.link-underline::before {transform: scaleX(1); transform-origin: right;}


button.hover-filled-opacity {letter-spacing: 0.5px;margin-top: 10px;float: right; position: relative; width: 158px; height: 45px; line-height: 45px; padding: 0; overflow: hidden; border: 1px solid #282828;
font-family: 'arialregular';cursor: pointer; background-color: #282828; color: #282828; cursor: pointer; z-index: 1;text-transform: uppercase;}
button.hover-filled-opacity:hover { color: #fff;}
button.hover-filled-opacity::before {content: ""; position: absolute; top: 0;bottom: 0;right: 0;height: 100%; width: 100%;opacity: 1;background-color:#f5f5f5;
transition: 0.3s ease-out; z-index: -1;}
button.hover-filled-opacity:hover::before {opacity: 0;}


.contact-ads ul li a.link-underline {overflow: hidden; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #393939; margin-top: 15px;  letter-spacing: 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;position: relative;}
.contact-ads ul li a.link-underline::before{position: absolute; content: ""; width: 100%; background:#393939; height: 1px; left: 0; bottom: 0px; transition: all 0.5s ease;}   
.contact-ads ul li a.link-underline:hover::before {transform: scaleX(0);transform-origin: left;}
.contact-ads ul li a.link-underline::before {transform: scaleX(1); transform-origin: right;}




.todos a.link-underline {overflow: hidden; font-size: 16px;line-height: 27px; font-family: 'arialregular'; color: #393939; margin-top: 15px;  letter-spacing: 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;position: relative;}
.todos a.link-underline::before{position: absolute; content: ""; width: 100%; background:#393939; height: 1px; left: 0; bottom: 0px; transition: all 0.5s ease;}   
.todos a.link-underline:hover::before {transform: scaleX(0);transform-origin: left;}
.todos a.link-underline::before {transform: scaleX(1); transform-origin: right;}

.ver-but button.hover-filled-opacity {float: none;}
.frm-cara-del button.hover-filled-opacity {width: 130px; margin-top: 10px;}

/*slder*/
.flex-caption{ top: 0;}
.flex-caption .flex-cont {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 60%;
    z-index: 2;
    padding: 50px 20px 0 90px;
    box-sizing: border-box;
}
.flex-caption .flex-cont h1 { font-family: 'arial_narrowregular'; font-size: 70px; line-height: 72px; margin-bottom: 40px; }
.flex-caption .flex-cont p { font-family: 'arialregular'; font-size: 16px; line-height: 25px; }


.emp-logo{ width: 100%; float: left;}
.emp-logo ul { width: 100%; float: left;}
.emp-logo ul li{ width: 49%; float: left; margin-right: 2%; min-height: 140px; position: relative;}
.emp-logo ul li:last-child { margin-right: 0;}
.emp-logo ul li img { vertical-align: bottom; position: absolute; left: 0; bottom: 0;width:100%;max-height: 100%;object-fit: contain;}

.legal-txt h1,.legal-txt h2,.legal-txt h3,.legal-txt h4,.legal-txt h5{margin-top:15px;margin-bottom:10px;}
.legal-txt h3,.legal-txt h4,.legal-txt h5{margin-bottom:5px;}
.legal-txt p{padding-left:5px;margin-bottom:6px}
.legal-txt ul{list-style-type: disc; }
.legal-txt ul li{list-style: disc; margin-left: 20px;}


.actualitat-lst ul li {-webkit-box-shadow: 2px 3px 5px 1px rgb(234, 234, 234);
  -moz-box-shadow: 2px 3px 5px 1px rgb(234, 234, 234);
  box-shadow: 2px 3px 5px 1px rgb(234, 234, 234);} 
  .actualitat-lst ul li div.act-cont{padding:15px;}
  .actualitat-lst ul li:hover{
    -webkit-box-shadow: 2px 3px 5px 1px rgb(101, 101, 101);
      -moz-box-shadow: 2px 3px 5px 1px rgb(101, 101, 101);
      box-shadow: 2px 3px 5px 1px rgb(101, 101, 101);
  }

  .actualitat-lft a{float:unset}

.equipos.box ul {
  display: flex;
  justify-content: center;
}


.solucion.equiposs ul {
  display: flex;
  justify-content: center;
}
.chrono{width: 100%;padding:40px 0 120px;float: left;min-height: 650px;background: url('../images/fons.jpg') no-repeat bottom;background-size: 100% auto;}
.chrono h2,
.chrono-new h2{
  width: 100%;
float: left;
font-family: 'arial_narrowbold';
font-size: 48px;
color: #393939;
line-height: 48px;
text-align: left;
margin-bottom: 50px;
letter-spacing: 0.5px;
}

.chrono .container{display: block;width: 100%;clear: both;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 87%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 87%, rgba(255,255,255,0) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 87%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
}
.chrono-container {
  display: flex;
  width: 85%;
  margin: auto;
  padding-bottom: 70px;
}
.chrono-container-mob{display: none}
.chrono-container > div {
  flex: 1 0;
}

.chrono-container span {
  font-size: 18px;
  font-weight: bold;
  margin-left: -10px;
}

.chrono-container >div img {
  width: 100%;
}

.chrono-container p {
  float: none;
  clear: both;
  margin-top: 40px;
}
#chrono .owl-controls{margin-top: 15px;}
#chrono .owl-dot {
  border:1px solid #bcbcbc;
}

#chrono .owl-dot.active {
  background: #787878;
}

#chrono .owl-dot {
  margin: 0 6px;
}

/* NOVA SECCIÓ EMPRESA */
.chrono {
	display: none;
}
.chrono-new {
    width: 100%;
    padding: 40px 0 120px;
    float: left;
    min-height: 55rem;
    background: url('../images/fons.jpg') no-repeat bottom;
    /* background-image: linear-gradient(0deg, rgba(255,255,255,1),rgba(255,255,255,0.6),url('../images/fons.jpg')); */
    background-size: contain;
}

.chrono-new .row .chrono-container-new {
	margin-top: 20px;
}

.chrono-new .row .chrono-container-new > div > div {
	width: 25%;
	flex: none;
	position: relative;
}

.chrono-new .row .chrono-container-new > div:first-child {
	margin-top: 0 !important;
}

.chrono-new .row .chrono-container-new .empresa-timeline, 
.chrono-new .row .chrono-container-new .empresa-timeline-reversed {
	display: flex;
	flex-direction: row;
	justify-content: left;
	flex-wrap: wrap;
	width: 98%;
	width: 100%;
	margin-top: 51px;
}

.chrono-new .row .chrono-container-new .empresa-timeline-reversed {
	flex-direction: row-reverse;
	justify-content: right;
}

.chrono-new .row .chrono-container-new > .empresa-timeline > div:nth-child(4) p {
	position: absolute;
    top: 38px;
}

.chrono-new .row .chrono-container-new > .empresa-timeline > div:nth-child(4) img {
	margin-top: 2px;
    background-color: white;
}

.chrono-container-new p {
    float: none;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
	width: 90%;
	font-size: 14px;
    line-height: 16px;
}

.chrono-start-second-line {
    position: absolute;
    top: -62px;
    left: 0;
}

.chrono-start-second-line-reverse {
	position: absolute;
    top: -61px;
    right: 0;
}

.empresa-timeline-reversed > div:first-child p {
	margin-top: 33px;
}

.chrono-normal-line {
	transform: rotateY(180deg);
}

.chrono-normal-line-reverse {
	margin-left: -2px;
}

.chrono-no-content span {
	min-height: 18px;
    width: 30px;
    display: block;
}

.chrono-no-content img {
	background-color: white;
}

.chrono-final-line-reverse {
	float: right;
    margin-top: 2px;
}

.chrono-p-reverse {
	position: absolute;
    top: 39px;
    left: 50px;
    width: 75%;
}

.first-new-normal-line span, .first-new-normal-line p {
	margin-left: 45px;
}

.first-new-normal-line p {
	margin-top: 34px;
}

.empresa-timeline .chrono-no-content img {
	transform: rotateY(180deg);
    margin-left: -10px;
    margin-top: 6px;
}

/* /NOVA SECCIÓ EMPRESA */


.skids-lft ul li.has-childs{
	width: 100%;
	float: left;
	font-family: 'arial_narrowregular';
	font-size: 24px;
	color: #121212;
	line-height: 35px;
	text-align: left;
	margin-bottom: 15px;
	transition: all 0.5s ease;
}
.skids-lft ul li.has-childs > ul{
	display: none;
  padding-left: 10px;
  margin:15px 0;
}


.skids-lft ul.subcategories li {
  list-style-type: disclosure-closed;font-size: 14px;
}

.skids-lft ul.subcategories li a{
	width: 100%;
	float: left;
	font-family: 'arialregular';
	font-size: 16px;
	color: #121212;
	line-height: 24px;
	text-align: left;
	margin-bottom: 15px;
	transition: all 0.5s ease;
}

.skids-lft ul li.has-childs span {
	background: url(../images/down-arrow.svg) no-repeat 0 0;
	background-size: auto;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-size: 100%;
	vertical-align: middle;
	margin-left: 20px;
	transition: all 0.5s ease;
  transform: rotate(270deg);
  float:right;margin-top:16px;
}
/* .skids-lft ul li.has-childs.childs-open span {
  transform: rotate(180deg);
} */
.skids-lft ul li.has-childs.childs-open > ul{
	display: block;
}

.mas-inner-lst ul li .noticia-cntxt a{bottom:5px;left:15px;}

.mas-inner-lst ul li .noticia-cntxt{padding:15px;padding-bottom:25px;}
.actualitat-lst ul li .noticia-cntxt h5 {
  width: 100%;
float: left;
color: #2b2b2b;
font-size: 16px;
line-height: 27px;
font-family: 'arialregular';
margin-bottom: 12px;
}

.actualitat-lst ul li .noticia-cntxt h3 {
	width: 100%;
	float: left;
	font-family: 'arial_narrowbold';
	font-size: 24px;
	color: #2b2b2b;
	line-height: 28px;
	text-align: left;
	margin-bottom: 10px;
}

.actualitat-lst ul li .noticia-cntxt p {
    width: 100%;
    float: left;
    color: #2b2b2b;
    font-size: 16px;
    line-height: 24px;
    font-family: 'arialregular';
    margin-bottom: 45px;
}

.fitxa-rgt.full-width{display: flex;justify-content: center;}

.actualitat-lst ul li .act-img {
    height: 232px;
}
.actualitat-lst.casos ul li {
    height: 400px;
}

.es div {
    text-align: center;
    margin-top: 20px;
}

a.lopd-link:hover { color: blue; }
a.lopd-link { text-decoration: underline; }

.legal-txt table tr:first-child { background-color: #000; color: #fff; }
.legal-txt table tr:first-child td p { color: #fff; }
.legal-txt table tr td { border: 1px solid #999; }
.legal-txt ul { padding-left: 20px; }
.legal-txt ul li { padding-bottom: 15px; line-height: inherit; }