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

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

}

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

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

}

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

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

}

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

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

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

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

/* .. Jakarta 2025 -- */

@font-face {
    font-family: 'JakartaSans-Bold';
    src: url('fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-Bold.woff') format('woff'),
        url('fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'JakartaSans-ExtraBold';
    src: url('fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-ExtraBold.woff') format('woff'),
        url('fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JakartaSans-Light';
    src: url('fonts/PlusJakartaSans-Light.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-Light.woff') format('woff'),
        url('fonts/PlusJakartaSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JakartaSans-Medium';
    src: url('fonts/PlusJakartaSans-Medium.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-Medium.woff') format('woff'),
        url('fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JakartaSans-Regular';
    src: url('fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-Regular.woff') format('woff'),
        url('fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JakartaSans-SemiBold';
    src: url('fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-SemiBold.woff') format('woff'),
        url('fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'JakartaSans-ExtraLight';
    src: url('fonts/PlusJakartaSans-ExtraLight.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-ExtraLight.woff') format('woff'),
        url('fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


:root{
  --primary-color: #004C97; 
  --secondary-color: #4891AA;
  --ternary-color: #004C97;
  --shade4-color: #4891AA;
  --shade5-color: #8FD6BD;
  --shade6-color: #004C97;
  --shade7-color: #E4F9F2;
  --shade8-color: #E4F9F2;
  --shade9-color: #E4F9F2;
  --shade10-color: #E4F9F2;

  /* Font family variables */

  --font-bold: 'JakartaSans-Bold';
  --font-heavy: 'JakartaSans-ExtraBold';
  --font-light: 'JakartaSans-Light';
  --font-medium: 'JakartaSans-Medium';
  --font-regular: 'JakartaSans-Regular';
  --font-semibold: 'JakartaSans-SemiBold';
  --font-thin: 'JakartaSans-ExtraLight';

}

body.oldcolors{
  --primary-color: #26416e; 
  --secondary-color: #41859a;
  --ternary-color: #408599;
  --shade4-color: #40839a;
  --shade5-color: #b2d2dd;
  --shade6-color: #2c7288;
  --shade7-color: #eaf0f4;
  --shade8-color: #eff6ff;
  --shade9-color: #DFEDF2;
  --shade10-color: #deebf1;

    --font-black: 'sf_pro_displayblack';
  --font-bold: 'sf_pro_displaybold';
  --font-heavy: 'sf_pro_displayheavy';
  --font-light: 'sf_pro_displaylight';
  --font-medium: 'sf_pro_displaymedium';
  --font-regular: 'sf_pro_displayregular';
  --font-semibold: 'sf_pro_displaysemibold';
  --font-thin: 'sf_pro_displaythin';
    --font-UltralightItalic: 'SFProDisplay-UltralightItalic';

}

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px; font-family: var(--font-regular);}
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:1170px; margin:auto; padding:0px;}

/*mobile-menu-start*/
body.hght .mobile-menu { overflow: hidden;}
.mob-acc {height: calc(100vh - 100px); float: left; width: 100%; overflow-y: auto; margin-bottom: 50px; top: 95px; position: relative;}

.mobile-menu .logo img{float: left; width: auto;}
.m-menu { position: absolute;  left:15px; top: 32px; display:none;  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-bottom:1px solid #f0f0f0; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 0 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: #161615; 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 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;}
.mob-nav ul { float: left; width: 100%; margin:0px;}
.mob-nav ul li { float:left; width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:-1px; z-index:100; position:relative;}
.mob-nav ul li a { float:left; width:100%; color: #333; font-size: 16px; padding:12px 30px; line-height:22px;font-family: 'fira_sansregular'; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.mob-nav ul li.active {  border-top:1px solid #c6130c; border-bottom:1px solid #c6130c; z-index:200; }
.mob-nav ul li.active a, .mob-nav ul li a:hover { color:#c6130c;}
.mob-nav ul li::after { position: absolute; content: ""; right: 25px; background:url(../images/mob-arw.png) no-repeat right center; width:5px; height:8px; top: 17px;}
.mob-nav ul li.active::after, .nav ul li:hover:after {background:url(../images/mob-arw-hvr.png) no-repeat right center;}
.mob-nav ul li.search:after { content:none;}
.mob-nav .mob-srch ul li.search { padding:12px 24px 12px 30px; position:relative;}
.mob-nav .mob-srch ul li.search a { padding:0; position: relative;}
.mob-nav .mob-srch ul li.search a::after {position: absolute; top: 0px; right: 0px; background: url(../images/search.svg) no-repeat right center; width:19px; height:19px; content:""; display: inline-block;}
.mob-nav .mob-srch ul li.search .search-frm-field { right:auto; top: 4px; left: 0; width: 90%; margin:0 5%;}
.mob-nav .mob-srch ul li.search #nav_search_id { padding:0 15px;}

/*mobile-menu-end*/

header { float:left; width:100%;}

.top-hdr { float:left; width:100%; background:var(--primary-color); padding:16px 0 14px;}
.top-hdr .top-lft { float:left; width:auto;}
.top-hdr .top-lft ul { float:left; width:auto; margin-top: 3px;}
.top-hdr .top-lft ul li { float:left; width:auto; margin-right:15px;}
.top-hdr .top-lft ul li a { float:left; width:auto; transition:all .5s ease;}
.top-hdr .top-lft ul li a:hover { opacity:0.7;}

.top-hdr .top-rgt { float:right; width:auto;}
.top-hdr .top-rgt ul.slt-lang { float:right;}

.top-hdr .top-rgt ul.oth-links {float:right; width:auto;}
.top-hdr .top-rgt ul.oth-links li {float:left; line-height:16px; margin-right:15px; position:relative;}
.top-hdr .top-rgt ul.oth-links li::after { position:absolute; top:6px; right:0; background:#ffffff; width:1px; height:13px; content:"";}
.top-hdr .top-rgt ul.oth-links li a { font-size:11px; line-height:25px; font-family: var(--font-light); color:#ffffff; transition:all .5s ease; padding-right:15px; letter-spacing:1.5px;text-transform: uppercase;}
.top-hdr .top-rgt ul.oth-links li a:hover { opacity:0.6;}
.top-hdr .top-rgt ul.oth-links li span { float:left; width:auto; margin-right:10px; position:relative; top:2px;}

.top-hdr .top-rgt a.dona-btn { float: left; width: auto; background: #ffffff url(../images/dons-img.svg) no-repeat left 15px center; margin-right: 25px; font-size: 12px; line-height: 18px; font-family: var(--font-bold); color: var(--primary-color); padding: 3px 18px 3px 34px; border-radius: 20px; height: 25px;  transition:all .5s ease;}
.top-hdr .top-rgt a.dona-btn:hover { opacity:0.7;}

.main-menu { float:left; width:100%; background:#ffffff; position: relative; z-index: 9999;}

.main-menu li.menu-item .sub-menu {background-color: var(--shade8-color);}

.top-main { float:left; width:100%; /*padding:12px 0 18px;*/}
.top-main .logo { float:left; width:150px; margin-top: 6px}
.top-main .logo img { float:left;height:70px; width:230px; max-width: none;}




.top-main .hdr-lft { float:right; width:auto;}

.is-sticky .top-hdr { display:none;}
.is-sticky .main-menu { box-shadow:0px 0px 20px 0px #ccc; width: 100% !important; background: var(--primary-color)}
.is-sticky .top-main { padding:12px 0 0;}

ul.hd-links { float: right;}
ul.hd-links li { float: left; margin-right: 12px;}
ul.hd-links li:last-child { margin-right: 0px;}
ul.hd-links li a.menu { padding: 10px 10px 16px; position: relative; float: left; background: var(--primary-color); transition:all .5s ease;}
ul.hd-links li a.menu:hover { background:#000;}
ul.hd-links li a.es {float: left; width: auto; padding: 11px 15px; border: 1px solid var(--primary-color); color:var(--primary-color); font-size: 12px;  font-family: var(--font-regular); transition:all .5s ease;}
ul.hd-links li a.es:hover { background:var(--primary-color); color:#fff;}

.menu div.hd-menu  { /*position:absolute; top:30px; left:0px;*/}
.menu .hd-menu span { display:block; background:#ffffff; width:25px; height:1px; margin-top:5px;-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;}
.menu .hd-menu a:hover span{ background:#fff;}
.menu.m-open { color: #fff;}
.menu .hd-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; }
.menu .hd-menu span:nth-child(2) { top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.menu .hd-menu span:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.menu.m-open .hd-menu span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: #ffffff; position:relative;}
.menu.m-open .hd-menu span:nth-child(2) { width: 0%; opacity: 0;}
.menu.m-open .hd-menu span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px; left: 4px; background: #ffffff; position:relative;}
a.link-disabled{pointer-events: none;}


.search-frm-field { position:relative; top:0px; right:0px; background:#fff; /*height:0px;*/ width:388px; z-index:99; overflow:hidden;
-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; border:1px solid #ddd; height: 44px; margin-right: 5px;}
.search-frm-field input[type="text"] { border:none; background:none; line-height:36px; width:338px; padding:0 0 0 20px; height:auto; color:#a2a2a2; font-size:14px;  font-family: var(--font-medium); margin-top:0px; height: 42px;}
.search-frm-field::after { position:absolute; content:""; background:#e3e3e3; width:1px; height:30px; top:5px; right:48px;}
.search-frm-field input[type="submit"] { float:right; border:none; width:23px; height:24px; background:url(../images/search.png) no-repeat center center; cursor:pointer; margin:10px 12px 0 0; }

/*top banner*/
.banner-home { float:left; width:100%;position: relative;}
.video-img			{ width:100%; margin:0px; float:left; position: absolute; top:0; overflow:hidden; }
.video-img img		{ float:left; width:100%;}
.video-img video 	{width: 100%; position:absolute; background:#fff; object-fit: cover; height: 100%;}
#play 				{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;cursor: pointer; background:rgba(0, 0, 0, 0) url("../images/video-icon.svg") no-repeat scroll center center / 100% auto; width:102px; height:102px; padding: 0;border: none; position: relative;left: 0;right: 0;margin: 0px auto;top: 39.5%;z-index:99; background-size:100%;}
.video-img #play.play{ background:none;}
.video-img:hover #play.play{ background:url(../images/pause.png) no-repeat center center / 100% auto; width:102px; height:102px; background-size:100%;}
.video-img .clickToPlay { display:none !important;}	

.counter-lst { float:left; width:100%; background: url("../images/counter.jpg") no-repeat scroll left top; background-size:cover; padding:65px 0 75px; position:relative; z-index:1;}
.counter-lst::after { position:absolute; content:"";
  background: color-mix(in srgb, var(--primary-color) 90%, transparent);
  left:0; top:0; width:100%; height:100%; z-index:-1;}
.counter-lst ul { float:left; width:100%; display:flex;}
.counter-lst ul li { float:left; width:20%; position:relative;}
/*.counter-lst ul li:before { position:absolute; content:""; background: #c9cfdb; left:0; right:0; top:0; margin: 0 auto; width:165px; height:1px;}
.counter-lst ul li:after { position:absolute; content:""; background: #c9cfdb; left:0; right:0; bottom:0; margin: 0 auto; width:165px; height:1px;}*/
.counter-lst ul li:last-child { padding-right:0;}
.counter-lst ul li .count-title { float:left; width:100%; padding:25px 0 35px;}
.counter-lst ul li h2 { width: 100%; float: left; font-size: 60px; color: #fff; line-height: 72px; font-family: var(--font-heavy); text-align: center; padding-bottom:20px;}
.counter-lst ul li h4 { width: 100%; float: left; font-size: 16px; color: #fff; line-height: 22px;  font-family: var(--font-regular); text-align: center; letter-spacing:1.5px;}


.qui-som { float:left; width:100%; padding:60px 0 65px;}
.qui-som h4 { width: 100%; float: left; font-size: 12px; color: #282828; line-height: 20px;  font-family: var(--font-medium); letter-spacing:1px; padding-bottom:40px;}
.qui-som .qui-title { float:left; width:100%; position:relative;}
.qui-som .qui-title h1 { width: 100%; float: left; font-size: 48px; color: #282828; line-height: 52px;  font-family: var(--font-regular); letter-spacing:1.5px;padding-bottom:60px;}
.qui-som .qui-title a { float: right; font-size: 16px; color: #42849a; line-height: 20px;  font-family: var(--font-regular); letter-spacing:1px; position:absolute; right:0; top:20px; text-decoration:underline; transition:all .5s ease;}
.qui-som .qui-title a:hover { color:var(--primary-color);}
.qui-som ul { float:left; width:100%;}
.qui-som ul li { float:left; width:23%; margin-right:2.6%;}
.qui-som ul li:last-child { margin-right:0;}
.qui-som ul li .qui-lst { float:left; width:100%; margin-bottom:32px; position:relative; overflow:hidden;}
.qui-som ul li .qui-lst img { float:left; width:100%; position:relative; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.qui-som ul li .qui-lst:hover img, .qui-som ul li:hover .qui-lst img {  transform:scale(1.02,1.02); -webkit-transform:scale(1.02,1.02); -moz-transform:scale(1.02,1.02);}
.qui-som ul li .qui-lst::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.qui-som ul li .qui-lst span {background: url("../images/play-ico.svg") no-repeat center center; background-size: auto;float: left;width: 42px;height: 42px;position: absolute;left: 0;right: 0;top: 62px;background-size: cover;margin: 0 auto;z-index: 1;}
.qui-som ul li p { float:left; width:100%; font-family: var(--font-light); font-size:16px; line-height:25px; letter-spacing:0.5px; color:#737373;}
.qui-som ul li p strong {font-family: var(--font-semibold); font-weight:normal; color:#282828; }
.qui-som ul li:hover .qui-lst:after { opacity:1;}
.qui-som .vols-btn { float:left; width:100%; text-align:center; margin-top:90px;}
.qui-som .vols-btn a { font-family: var(--font-light); font-size: 14px; line-height: 20px; color: #fff; background:var(--secondary-color); padding: 15px 28px; border-radius: 50px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing: 0.5px; display:inline-block; width: 285px; height:50px; text-align:center;}
.qui-som .vols-btn a span {font-family: var(--font-semibold); font-weight:normal;}
.qui-som .vols-btn a:hover { background:var(--primary-color);}

.human-res-lst { float:left; width:100%; padding-bottom:62px;}
.human-res-lst ul { float:left; width:100%; display: flex; flex-flow: wrap; }
.human-res-lst ul li { float:left; width:48.5%; margin-right:3%; background:var(--secondary-color); padding:35px 40px; transition: all .5s ease;}
.human-res-lst ul li:last-child { margin-right:0; background:var(--primary-color);}
.human-res-lst ul li h1 { width: 100%; float: left; font-size: 36px; color: #ffffff; line-height: 45px; font-family: var(--font-semibold); letter-spacing:1px; padding-bottom:0px;}
.human-res-lst ul li p { width: 100%; float: left; font-size: 16px; color: #ffffff; line-height: 24px; font-family: var(--font-light); letter-spacing:0.6px;padding-bottom:45px;}
.human-res-lst ul li a { font-family: var(--font-light); background: url("../images/btn-arw.svg") no-repeat right 45px center; font-size: 12px; line-height: 20px; color: #fff; border:1px solid #fff; padding: 12px 70px 12px 45px;text-transform: uppercase; border-radius: 50px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;letter-spacing: 0.5px; display:inline-block; width: max-content; height:46px; text-align:left;}
/*.human-res-lst ul li:first-child:hover { background:rgba(65, 133, 154, 0.85);}
.human-res-lst ul li:first-child:hover a { background-color:#2d6c7f; }
.human-res-lst ul li:last-child:hover a { background-color:#1c3661; }
.human-res-lst ul li:last-child:hover { background:rgba(38, 65, 110, 0.85);}*/

.act-agenda { float:left; width:100%; margin-bottom: 105px;} 
.act-agenda h1 { width: 100%; float: left; font-size: 48px; color: #282828; line-height: 55px; font-family: var(--font-medium); letter-spacing:1px; padding-bottom:50px;}
.act-agenda h1 span { font-family: var(--font-light); color:#9b9b9b; position: relative;padding-left: 35px; margin-left: 25px;}
.act-agenda h1 span::after { position:absolute; left:0; right:0; content:""; background:#282828; width:3px; height:40px; top:12px;}


.video-main { float:left; width:100%; position:relative;}
.video-main .video-img			{ width:100%; margin:0px; float:left; position: relative; top:0; overflow:hidden; }
.video-main .video-img img		{ float:left; width:100%;}
.video-main .video-img video 	{width: 100%; position:absolute; background:#fff; object-fit: cover; height: 100%;}
.video-img #play1 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;cursor: pointer; background:rgba(0, 0, 0, 0) url("../images/video-icon.svg") no-repeat scroll center center / 100% auto; width:102px; height:102px; padding: 0;border: none; position: relative;left: 0;right: 0;margin: 0px auto;top: 0;z-index:99; background-size:100%;}
.video-img #play1.play{ background:none;}
.video-img:hover #play1.play{ background:url(../images/pause.png) no-repeat center center / 100% auto; width:102px; height:102px; background-size:100%;}
.video-img .clickToPlay { display:none !important;}	
.video-main .video-btn { position: absolute; top: 40%; text-align: left; width: 100%; left: 0; z-index: 9;}

.banner-lst { float:left; width:100%; position:relative; margin-top: -215px;}
.banner-lst ul {float:left; width:100%; margin-bottom: 75px;}
.banner-lst ul li {float:left; width:31.33%; margin-right:3%; background: #fff; border-top: 13px solid var(--primary-color); padding: 35px 30px 50px; box-shadow: 0px 15px 20px -12px #ccc;}
.banner-lst ul li:last-child { margin-right:0;}
.banner-lst ul li h1 a {float:left; width:auto; font-size:24px; line-height:28px; font-family: var(--font-semibold); /*font-family: var(--font-bold);*/ padding-bottom:15px; transition: all .5s ease;}
.banner-lst ul li p {float:left; width:auto; font-size:16px; line-height:24px; padding-bottom:50px; color:#282828; letter-spacing: 0.29px;}
.banner-lst ul li a.ven-mes {float:left; position:relative; bottom:0; color:#192e4d; background: url("../images/ver-blue-arw.svg")  no-repeat top 6px right 0px; width:auto; font-family: var(--font-regular); font-size:14px; line-height:16px;letter-spacing: 0.29px; left:0; padding-right:15px; transition: all .5s ease;clear:both}
.banner-lst ul li a.ven-mes::after { position:absolute; content:""; left:0; right:0; bottom:0; width:100%; height:1px; background:#192e4d;}

.banner-lst ul li a.ven-mes:hover { color:var(--secondary-color);}
.banner-lst ul li a.ven-mes:hover:after { background:var(--secondary-color); }
.banner-lst ul li a.ven-mes:hover:after { opacity:0.7;}
.banner-lst ul li:first-child { border-top: 13px solid var(--primary-color);}
.banner-lst ul li:first-child:hover h1 a  { color:var(--secondary-color);}
.banner-lst ul li:nth-child(2n) { border-top: 13px solid var(--secondary-color);}
.banner-lst ul li:nth-child(2n):hover h1 a  { color:var(--primary-color);}
/*.banner-lst ul li:nth-child(3n) { border-top: 13px solid var(--shade5-color);}
.banner-lst ul li:nth-child(3n):hover h1 a  { color:var(--secondary-color);}*/
.banner-lst ul li:last-child { border-top: 13px solid var(--shade5-color);}
.banner-lst ul li:last-child:hover h1 a  { color:var(--secondary-color);}

.al-serve { float:left; width:100%;}
.al-serve h4 {float:left; width:100%; font-size:14px; line-height:16px; color:#282828; font-family: var(--font-light); padding-bottom:30px; letter-spacing:1.17px;}
.al-serve h1 {float:left; width:100%; font-size:48px; line-height:65px; color:var(--ternary-color); font-family: var(--font-regular);padding-bottom:100px; letter-spacing:1px;}

.al-serve-lst { float:left; width:100%; margin-bottom:55px; position: relative; z-index:1;}
.al-serve-lst::after { transition:all 0.4s ease; position: absolute; content: ""; background: url("../images/el-servei.jpg") no-repeat right top; right: 0; top: 0; width: 61.5%; height: 811px; background-size: cover; z-index:-1;}
.al-serve-lst .al-serve-main { float:left; width:100%; margin-top:100px;}
.al-serve-lst .al-serve-main .al-lft { float:right; width:50%;}
.al-serve-lst .al-serve-main .al-rgt { float:left; width:50%;}
.al-serve-lst:hover:after { opacity:0.85;}


.al-serve-lst .al-serve-main .al-rgt { float:left; width:50%;}
.al-serve-lst .al-serve-main .al-rgt ul { float:left; width:100%;}
.al-serve-lst .al-serve-main .al-rgt ul li { float:left; width:50%; height: 288px;}

.al-serve-lst .al-serve-main .al-rgt ul li .lst-col { float:left; width:100%; padding:30px 32px; transition:all 0.5s ease;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col h4 { font-family: var(--font-regular);}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col h1{font-family:var(--font-regular);font-size:36px;font-weight:600;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col a { float:left; position:relative; bottom:0;  background: url("../images/ver-btn-arw.svg")  no-repeat top 7px right 0px; width:auto; font-family: var(--font-regular); font-size:14px; line-height:18px; left:0; padding-right:12px; transition: all .5s ease;margin: 0 7px 2px 0;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col a::after { position:absolute; content:""; left:0; right:0; bottom:0; width:100%; height:1px; background:#282828; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col a:hover { opacity:0.7;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col a:hover:after { opacity:0.7;}

.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-2 {/* background:#ffffff;*/ background: url("../images/main_block_home6.jpg")  no-repeat left top; position: relative; background-size: cover; z-index:1;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-2::after { position:absolute; content:""; background:#ffffff; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.9; transition:all 0.4s ease; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-2 h4 { font-size:12px; line-height:18px; padding-bottom:30px;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-2 h1 { font-size:36px; line-height:42px; padding-bottom:23px;}
/*.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.two:hover { background:#f7f7f7;}*/


.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-3 { background:var(--shade5-color);}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-3:hover { background:#86bfd2; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-3 h4 { font-size:12px; line-height:18px; padding-bottom:30px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-3 h1 { font-size:36px; line-height:42px; padding-bottom:63px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-3 a { color:#fff; background: url("../images/wht-arw.svg")  no-repeat top 7px right 0px; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-3 a::after {background:#fff;}

.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4 h4 { font-size:12px; line-height:18px; padding-bottom:30px; color:#1A2E4D;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4 h1 { font-size:36px; line-height:42px; padding-bottom:48px; color:#1A2E4D;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4 a { color:#1A2E4D; background: url("../images/ver-blue-arw.svg")  no-repeat top 7px right 0px; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4 a::after {background:#1A2E4D;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4 h1 span { display: block; font-size: 16px; font-family: var(--font-regular);}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4 { background: url("../images/main_block_home4.jpg")  no-repeat left top; position:relative;background-size: cover; z-index:1;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4::after { position:absolute; content:""; background:var(--shade9-color); left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.9; transition:all 0.4s ease;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-4:hover:after { opacity:0.95;}

.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5 h4 { font-size:12px; line-height:18px; padding-bottom:30px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5 h1 { font-size:36px; line-height:42px; padding-bottom:48px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5 a { color:#fff; background: url("../images/wht-arw.svg")  no-repeat top 7px right 0px; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5 a::after {background:#fff;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5 h1 span { display: block; font-size: 16px; font-family: var(--font-light);}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5 { background: url("../images/main_block_home5.jpg")  no-repeat left top; position:relative;background-size: cover; z-index:1;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5::after { position:absolute; content:""; background:var(--ternary-color); left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.8; transition:all 0.4s ease; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col.bloc-5:hover::after{ opacity:0.9;}

.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 h1 span { display: block; font-size: 16px; font-family: var(--font-light); display:none;}

.al-serve-lst .al-serve-main .al-rgt-btm { float:left; width:100%;}
.al-serve-lst .al-serve-main .al-rgt-btm ul { float:left; width:100%;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li { float:left; width:25%; height: 288px;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li:first-child { width:50%;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col { float:left; width:100%; padding:40px 32px; position:relative;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col a { float:left; position:relative; bottom:0;  background: url("../images/ver-btn-arw.svg")  no-repeat top 7px right 0px; width:auto; font-family: var(--font-regular); font-size:12px; line-height:18px; left:0; padding-right:12px; transition: all .5s ease; letter-spacing:0.4px;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col a::after { position:absolute; content:""; left:0; right:0; bottom:0; width:100%; height:1px; background:#282828; transition:all 0.4s ease;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col a:hover { opacity:0.7;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col a:hover:after { opacity:0.7;}

.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 { background:var(--secondary-color); transition:all 0.4s ease;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 h1 { font-size:36px; line-height:42px; padding-bottom:30px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 p { float:left; width:100%; font-size:16px; line-height:28px; padding-bottom:32px; color:#fff;  font-family: var(--font-light);}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 a { color:#fff; background: url("../images/wht-arw-bx.svg")  no-repeat scroll 0 0; float: left;
width: 48px; height: 48px;}                             
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 a::after {content:none;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6:hover { background:#357a8f; }

.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7 h4 { font-size:12px; line-height:18px; padding-bottom:40px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7 h1 { font-size:36px; line-height:42px; padding-bottom:48px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7 a { color:#fff; background: url("../images/wht-arw.svg")  no-repeat top 7px right 0px; }
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7 a::after {background:#fff;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7 h1 span { display: block; font-size: 16px; font-family: var(--font-light);}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7 { background: url("../images/main_block_home2.jpg") no-repeat left top; position:relative; z-index:1; background-size: cover;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7::after { position:absolute; content:""; background:#9B9B9B; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.9; transition:all 0.4s ease;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-7:hover:after { opacity:0.95;}

.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8 h4 { font-size:12px; line-height:18px; padding-bottom:40px; color:#fff;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8 h1 { font-size:35px; line-height:42px; padding-bottom:48px; color:#fff; letter-spacing:0.5px; }
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8 a { color:#fff; background: url("../images/wht-arw.svg")  no-repeat top 7px right 0px; }
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8 a::after {background:#fff;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8 h1 span { display: block; font-size: 16px; font-family: var(--font-light);}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8 { background: url("../images/main_block_home3.jpg") no-repeat left top; position:relative; z-index:1; background-size: cover;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8::after { position:absolute; content:""; background:#7F7F7F; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.8; transition:all 0.4s ease;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-6 h4 { font-size:12px; line-height:18px; padding-bottom:15px; color:#fff; display:none;}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col.bloc-8:hover::after { opacity:0.92;}


.al-serve-lst .al-serve-main .al-lft ul { float:left; width:100%;}
.al-serve-lst .al-serve-main .al-lft ul li { float:left; width:100%;}
.al-serve-lst .al-serve-main .al-lft ul li .lst-col { float:left; width:100%; padding:40px 82px;}
.al-serve-lst .al-serve-main .al-lft ul li .lst-col h4 { float:left; width:100%; font-family: var(--font-light); font-size:14px; line-height:18px; padding-bottom:25px; color:#fff;}
.al-serve-lst .al-serve-main .al-lft ul li .lst-col h1 { float:left; width:100%; font-size: 48px; line-height: 48px; padding-bottom: 35px; color: #fff;opacity: 0.87;}
.al-serve-lst .al-serve-main .al-lft ul li .lst-col p { float:left; width:100%; font-size:16px; line-height:28px; padding-bottom:40px; color:#fff;  font-family: var(--font-medium); letter-spacing:0.44px; }
.al-serve-lst .al-serve-main .al-lft ul li .lst-col p span { font-family:var(--font-semibold); }
.al-serve-lst .al-serve-main .al-lft ul li .lst-col a { background: url("../images/blue-arw-bx.svg")  no-repeat scroll 0 0; float: left; width: 48px; height: 48px;}
.al-serve-lst .al-serve-main .al-lft ul li .lst-col a:hover { opacity:0.8;}

.social-lst { float:left; width:100%; padding:50px 0 0;}
.social-lst .social-lft { float:left; width:48.5%; margin-right:3%;}
/*.social-lst .social-rgt { float:left; width:48.5%;}*/
.social-lst .social-lft h2 {float:left; background: url("../images/sl-twt-img.svg")  no-repeat scroll 0 0; width:auto; font-family: var(--font-medium); font-size:24px; line-height:40px; color:#282828; padding-left:60px; margin-bottom:55px;}
.social-lst .social-lft h2 span { font-family: var(--font-light); padding-left:5px;}

.social-lst .social-lft .twt-lst { float:left; width:100%; height: 542px; overflow-y: scroll;}
.social-lst .social-lft ul { float:left; width:49%; margin-right:2%;}
.social-lst .social-lft ul:last-child { margin-right:0;}
.social-lst .social-lft ul li { float:left; width:100%; background:#f9f9f9; padding:26px; margin-bottom:10px;}
.social-lst .social-lft ul li .sl-title { float: left; width: 100%; margin-bottom:15px;}
.social-lst .social-lft ul li .sl-title img { float:left; width:auto; margin-right:5%;}
.social-lst .social-lft ul li .sl-title h3 { font-size:18px; line-height: 24px; font-family: var(--font-bold);}
.social-lst .social-lft ul li .sl-title span { font-size:14px;}
.social-lst .social-lft ul li p { float:left; width:100%; font-size:14px; line-height:22px; font-family: var(--font-regular);}
.social-lst .social-lft ul li .sl-cont { float:left; width:100%; padding:12px 15px; border:1px solid #eae8e8; margin:15px 0;}
.social-lst .social-lft ul li .sl-cont h4 { float:left; width:100%; font-size:16px; line-height: 24px; font-family: var(--font-bold);}
.social-lst .social-lft ul li .sl-cont span { float:left; width:100%; font-size:14px;}
.social-lst .social-lft ul li .sl-cont p { float:left; width:100%; font-size:14px; line-height:22px; margin:15px 0; font-family: var(--font-regular);}
.social-lst .social-lft ul li .cont-img img { margin:30px 0;}
.social-lst .social-lft ul li .twt-comt { float:left; width:100%;}
.social-lst .social-lft ul li .twt-comt ul { float:left; width:100%;}
.social-lst .social-lft ul li .twt-comt ul li { float:left; width:auto; padding:0; margin-right:20px;}
.social-lst .social-lft ul li .twt-comt ul li img { position:relative; top:3px;}
.social-lst .social-lft ul li .twt-comt ul li span { font-size:12px; line-height:18px; color:#e4e4e4; margin:0 0 0 10px;}
.social-lst .social-lft ul.tag { float:left; width:100%;}
.social-lst .social-lft ul.tag li {float:left; width:auto; padding:0; margin-right:10px; margin-bottom:0; font-size:14px; font-family: var(--font-bold); color:#4da6de;}

.social-lst .social-rgt{width:48.5%;float:left;}
.social-lst .social-rgt h2 {float:left; width:auto; background: url("../images/sl-ins-img.svg")  no-repeat scroll 0 0; font-family: var(--font-medium); font-size:24px; line-height:40px; color:#282828; padding-left:60px; margin-bottom:55px;}
.social-lst .social-rgt h2 span { font-family: var(--font-light); padding-left:5px;}
.social-lst .social-rgt ul { float:left; width:100%;}
.social-lst .social-rgt ul li { float:left; width:47%; margin-right:6%; margin-bottom:30px; position:relative;}
.social-lst .social-rgt ul li img { float:left; width:100%;}
.social-lst .social-rgt ul li:nth-child(2n+2) { margin-right:0;}
.social-lst .social-rgt ul li span.video-logo { position:absolute; width:auto; height:100%; top:0; left:0; right:0; margin:0 auto; background: url("../images/video-button.svg")  no-repeat center center;}
.social-lst .social-rgt ul li span.ins-logo {position:absolute; width: 70px; height: 70px; bottom:5px; right:5px; margin:0 auto; background: url("../images/inst-wht-ico.svg")  no-repeat center center; background-size:cover;}

.social-btm-links { float:left; width:100%; margin:40px 0 65px; }
.social-btm-links .social-btm { float:left; width:100%; text-align:center;}
.social-btm-links .social-btm ul { float:left; width:100%; }
.social-btm-links .social-btm ul li { float:none; display:inline-block; width:auto; margin-right:25px;}
.social-btm-links .social-btm ul li:last-child { margin-right:0;}
.social-btm-links .social-btm ul li a { float:left; width:auto; transition: All 0.5s ease;}
.social-btm-links .social-btm ul li a:hover { opacity:0.7;} 




/* footer css */

footer { float:left; width:100%; background:var(--shade7-color); padding:68px 0 58px;}
footer .ftr-top { float:left; width:100%; padding-bottom:50px;}
footer .ftr-mid { float:left; width:100%; padding-bottom:25px;}
footer .ftr-btm { 
	display:flex;
	text-align:center;
    justify-content: center;
float:none; width:100%; padding-bottom:10px; border-bottom:1px solid #909090; margin-bottom:30px; }

footer .ftr-top .ftr-lft { float:left; width:20%; margin-right:10%; }
footer .ftr-top .ftr-rgt { float:left; width:70%; }
footer .ftr-top .ftr-rgt ul { float:left; width:100%; display: flex; justify-content: left; align-items: baseline;}
footer .ftr-top .ftr-rgt ul li { float:left; width:auto; margin-right: 25px;}
footer .ftr-top .ftr-rgt ul li a { float:left; width:auto; transition: All 0.5s ease;}
footer .ftr-top .ftr-rgt ul li a:hover { opacity:0.7;}
footer .ftr-top .ftr-rgt ul li:last-child { margin-right:0;}

footer .ftr-mid .ftr-lft { float:left; width:30%; display:none;}
/*footer .ftr-mid .ftr-rgt { float:left; width:70%; }*/
footer .ftr-mid .ftr-lft ul { float:left; width:50%;}
footer .ftr-mid .ftr-lft ul li { float:left; width:100%; margin-bottom:10px;}
footer .ftr-mid .ftr-lft ul li a { float:left; width:auto; font-size:14px; line-height:20px; transition: All 0.5s ease;}
footer .ftr-mid .ftr-lft ul li a:hover { color:var(--primary-color); text-decoration:underline;}

footer .ftr-mid .ftr-rgt .nl-lft { float:none; width:100%; text-align:center;}
footer .ftr-mid .ftr-rgt .nl-lft ul {
  display: block;  
  text-align:center;
  overflow:hidden;
}

footer .ftr-mid .ftr-rgt .nl-lft ul li{
	float:left;
	display:inline-block; text-align:left; font-size:14px;margin-right:4%;line-height:25px;}
footer .ftr-mid .ftr-rgt .nl-lft ul li:last-child{
	float:right;
	margin-right:0;}


footer .logo_list {
  clear:both;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom:40px;
}



footer .logo_list img {
  max-width: 210px; 
  max-height: 150px; 
  object-fit: contain; 
}

footer h3 {
  text-align:center;
  margin-bottom:0.5em;
}


@media screen and (max-width: 500px) {
	
	footer .ftr-mid .ftr-rgt .nl-lft ul li{
		display:block;
		margin:0;
		margin-bottom:1em;
		text-align:center;
		float:none !important;
	}
		
}

footer .ftr-mid .ftr-rgt .addr-rgt { 
  margin-top:2em;
  display:block;
  width:100%;
  text-align:center;
 }
footer .ftr-mid .ftr-rgt .addr-rgt a { font-size:14px; color:#fff; transition: All 0.5s ease;letter-spacing: 0.58px; font-family: var(--font-regular);text-transform:uppercase}
footer .ftr-mid .ftr-rgt .addr-rgt a:hover {color: var(--secondary-color); text-decoration: underline;}
footer .ftr-mid .ftr-rgt .nl-lft h2 {float:left; width:auto; font-size:24px; line-height:32px; font-family: var(--font-bold); margin-bottom:40px;}
footer .ftr-mid .ftr-rgt .nl-lft h1,footer .ftr-mid .ftr-rgt .addr-rgt h1{font-family:var(--font-medium);font-size:20px;line-height:24px;color:#282828;margin-bottom:25px;}

footer .ftr-mid .ftr-rgt .addr-rgt p {float:left; width:100%; font-size:14px; line-height:21px; color:#2e2e2e; padding-bottom:3px;}
footer .ftr-mid .ftr-rgt .addr-rgt p strong { font-family: var(--font-bold); font-weight:normal; color:#282828;}

footer .ftr-mid .ftr-rgt .nl-lft .news-r{width:372px; float:left; position:relative; display: flex; flex-flow: wrap; justify-content: space-between;}
footer .ftr-mid .ftr-rgt .nl-lft .news-r input[type="text"] {border: none; border-bottom: 2px solid #909090; font-size: 12px; width: calc(100% - 20px); line-height: 24px; background:none; letter-spacing:1px;}
footer .ftr-mid .ftr-rgt .nl-lft .news-r button.nl-btn { background:url(../images/arrow-g.svg) no-repeat right center; position:absolute; right:0; top: 8px; width: 17px; height: 10px;
 border: none; cursor: pointer; background-size:100%; }
footer .ftr-mid .ftr-rgt .nl-lft .news-r button.nl-btn:hover { background:url(../images/arrow-gn.svg) no-repeat right center;  background-size:100%;}
footer .ftr-btm .lst-lft { float:left; width:20%; margin-right:10%;}
footer .ftr-btm .lst-rgt { float:left; width:46%;}

footer .ftr-btm .lst-lft ul { float:left; width:100%;}
footer .ftr-btm .lst-lft ul li { float:left; width:50%; margin-bottom:15px;}
footer .ftr-btm .lst-lft ul li a { float:left; width:auto; transition: All 0.5s ease;}
footer .ftr-btm .lst-lft ul li:last-child { margin-bottom:0;}
footer .ftr-btm .lst-lft ul li a:hover { opacity:0.7;}

footer .ftr-btm .lst-rgt h3 { float:left; width:100%; font-size:14px; line-height:20px; font-family: var(--font-bold); margin-bottom:20px;}
footer .ftr-btm .lst-rgt ul { float:left; width:100%; display:flex; justify-content: center;}
footer .ftr-btm .lst-rgt ul li { float:left; width:auto; margin-right:25px;}
footer .ftr-btm .lst-rgt ul li:last-child { margin-right:0;}
footer .ftr-btm .lst-rgt ul li a { float:left; width:auto; transition: All 0.5s ease;}
footer .ftr-btm .lst-rgt ul li a:hover { opacity:0.7;} 

footer .ftr-btm-links { float:left; width:100%;}
footer .ftr-btm-links ul { float:left; width:100%;}
footer .ftr-btm-links ul li { float:left; width:auto; margin-right:5px; padding-right: 5px; position: relative; }
footer .ftr-btm-links ul li:after { position:absolute; content:"·"; right:-2px; top:0; color:#282828;}
footer .ftr-btm-links ul li:last-child { margin-right:0; padding-right:0;}
footer .ftr-btm-links ul li a { float:left; width:auto; font-size:12px; line-height:20px; transition: All 0.5s ease;}
footer .ftr-btm-links ul li a:hover { color:var(--secondary-color);}
footer .ftr-btm-links ul li:last-child:after { content:none;}

footer .ftr-btm-links ul {
    background: none;
    display: flex;
    justify-content: center;
}

/*Search*/
/*.mob-search { display:none;}*/
.mob-menu {display: none;}
.mob-search { position: relative; border: 1px solid #ddd; top: 0; padding: 10px 10px; height: 44px; margin-top: 25px}
.mob-search a { background:url(../images/search.png) no-repeat center center; width:23px; height:24px; display: inline-block; background-size: 100%;}
.is-sticky .mob-search a { background:url(../images/search-white.svg) no-repeat center center;}
.mob-search .search-frm-field { position:absolute; top:45px; right:0px; background:#fff; /*height:0px;*/ width:230px; z-index:99; overflow:hidden; margin-right: 0; -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; opacity:0; display:none; border:1px solid #ddd;}
.mob-search .search-frm-field input[type="text"] {  border:none; background:none; line-height:36px; width:100%; padding:0 0 0 20px; height:auto; color:#a2a2a2; font-size:14px;  font-family: var(--font-medium); margin-top:0px; height: 42px;}
.mob-search .search-frm-field input[type="text"]::after { position:absolute; content:""; background:#e3e3e3; width:1px; height:30px; top:5px; right:48px;}
.mob-search .search-frm-field input[type="submit"] { float:right; border:none; width:23px; height:24px; background:url(../images/search.png) no-repeat center center; cursor:pointer; margin: 10px 12px 0 0;position: absolute;right: 0;}
.mob-search .search-form.open-form .search-frm-field { display:block; opacity:1;}


.top-main .mob-logo { float:left; width:150px; display:none;}
.top-main .mob-logo img { float:left; width:100%;}
.top-main .logo.logo-sticky, .top-main .mob-logo.logo-sticky { display:none;}
.is-sticky .top-main .logo, .is-sticky .top-main .mob-logo {display: none;}
.is-sticky .top-main .logo.logo-sticky {display: block;}

.mobile-menu { display:none;}
footer .ftr-btm .lst-lft .desk-btm-logos { float:left; width:100%;}
footer .ftr-btm .lst-lft .desk-btm-logos li a, footer .ftr-btm .lst-lft .mob-btm-logos li a {
    margin-top: 4px;
}

footer .ftr-btm .lst-lft .desk-btm-logos li span, footer .ftr-btm .lst-lft .mob-btm-logos li span {
    display: block;
    text-align: left;
}
footer .ftr-btm .lst-lft .mob-btm-logos { float:left; width:100%; display:none;}

footer .ftr-top .ftr-lft .ftr-mob-logos { float:left; width:100%; display:none;}
footer .ftr-top .ftr-lft .mob-logos-lst { float:left; width:100%; text-align:center;}
footer .ftr-top .ftr-lft .mob-logos-lst .owl-carousel .owl-item img {float: none; display: inline-block; width:auto !important;}

.qui-som .desk-qui-lst { float:left; width:100%;}
.qui-som .mob-qui-lst { float:left; width:100%; display:none; position: relative;}


.social-lst .desk-twt-lst { float:left; width:100%;}
.social-lst .mob-twt-lst { float:left; width:100%; display:none; margin-bottom:32px;}
.social-lst .twt-carousel { float:left; width:100%; }
.social-lst .twt-carousel .twt-cont { float:left; width:100%; background:#f9f9f9; padding:26px; margin-bottom:10px;}
.social-lst .twt-carousel .twt-cont .sl-title { float: left; width: 100%; margin-bottom:15px;}
.social-lst .twt-carousel .twt-cont .sl-title img { float:left; width:auto; margin-right:5%;}
.social-lst .twt-carousel .twt-cont .sl-title h3 { font-size:18px; line-height: 24px; font-family: var(--font-bold);}
.social-lst .twt-carousel .twt-cont .sl-title span { font-size:14px;}
.social-lst .twt-carousel .twt-cont p { float:left; width:100%; font-size:14px; line-height:22px; font-family: var(--font-light);}
.social-lst .twt-carousel .twt-cont .sl-cont { float:left; width:100%; padding:12px 15px; border:1px solid #eae8e8; margin:15px 0;}
.social-lst .twt-carousel .twt-cont .sl-cont h4 { float:left; width:100%; font-size:16px; line-height: 24px; font-family: var(--font-bold);}
.social-lst .twt-carousel .twt-cont .sl-cont span { float:left; width:100%; font-size:14px;}
.social-lst .twt-carousel .twt-cont .sl-cont p { float:left; width:100%; font-size:14px; line-height:22px; margin:15px 0; font-family: var(--font-light);}
.social-lst .twt-carousel .twt-cont .cont-img img { margin:30px 0; width:100%;}
.social-lst .twt-carousel .twt-cont .twt-comt { float:left; width:100%;}
.social-lst .twt-carousel .twt-cont .twt-comt ul { float:left; width:100%;}
.social-lst .twt-carousel .twt-cont .twt-comt ul li { float:left; width:auto; padding:0; margin-right:20px;}
.social-lst .twt-carousel .twt-cont .twt-comt ul li img { position:relative; top:3px; width:auto;}
.social-lst .twt-carousel .twt-cont .twt-comt ul li span { font-size:12px; line-height:18px; color:#e4e4e4; margin:0 0 0 10px;}
.social-lst .twt-carousel .twt-cont ul.tag { float:left; width:100%;}
.social-lst .twt-carousel .twt-cont ul.tag li {float:left; width:auto; padding:0; margin-right:10px; margin-bottom:0; font-size:14px; font-family: var(--font-bold); color:#4da6de;}

.social-lst .social-rgt .desk-ins-lst { float:left; width:100%;}
.social-lst .mob-ins-lst { float:left; width:100%; display:none; margin-bottom:20px; position:relative;}
.social-lst .mob-ins-lst .mob-ins-cont { float:left; width:100%; }
.social-lst .mob-ins-lst .mob-ins-cont { float:left; width:100%; position:relative;}
.social-lst .mob-ins-lst .mob-ins-cont img { float:left; width:100%;}
.social-lst .mob-ins-lst .mob-ins-cont span.video-logo { position:absolute; width:auto; height:100%; top:0; left:0; right:0; margin:0 auto; background: url("../images/video-button.svg")  no-repeat center center;}
.social-lst .mob-ins-lst .mob-ins-cont span.ins-logo {position:absolute; width: 70px; height: 70px; bottom:5px; right:5px; margin:0 auto; background: url("../images/inst-wht-ico.svg")  no-repeat center center; background-size:cover;}


.act-lst { float:left; width:100%; position: relative;}
.act-lst .actual-cont { float:left; width:100%; position:relative;}
.act-lst .actual-cont .actual-img { float:left; width:100%; margin-bottom:30px;}
.act-lst .actual-cont .actual-img a { float:left; width:100%; position:relative; }
.act-lst .actual-cont .actual-img img { float:left; width:100%; object-fit: cover;}
.act-lst .actual-cont .actual-img a::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}

/* .act-lst .actual-cont .actual-cnt { float:left; width:100%; height: 385px;} */
.act-lst .actual-cont .actual-cnt { float:left; width:100%; height: 265px;}

.act-lst .actual-cont .actual-cnt h2 a { width: 100%; float: left; font-size: 23px; color: #212121; line-height: 32px;  font-family: var(--font-semibold); letter-spacing:0.6px; padding-bottom:30px; padding-right: 20px; transition: all .5s ease;}
.act-lst .actual-cont .actual-cnt p { width: 100%; float: left; font-size: 16px; color: #282828; line-height: 24px; letter-spacing:1px; padding-bottom:45px;}
.act-lst .actual-cont .actual-cnt span { float:left; width:100%; font-family: var(--font-light); color:#9c9c9c; margin-bottom:25px; letter-spacing:1.5px; font-size:16px;}
.act-lst .actual-cont .actual-cnt a.act-btn { float:left; position:absolute; bottom:0;  background: url("../images/ver-btn-arw.svg")  no-repeat top 8px right 0px; width:auto; font-family: var(--font-bold); font-size:12px; line-height:18px; left:0; padding-bottom:3px; padding-right:15px; transition: all .5s ease;}
.act-lst .actual-cont .actual-cnt a.act-btn::after { position:absolute; content:""; left:0; right:0; bottom:0; width:100%; height:1px; background:#282828;}
.act-lst .actual-cont .actual-cnt a.act-btn:hover { color:#418598;}
.act-lst .actual-cont .actual-cnt a.act-btn:hover:after { color:#418598; background:#418598;}

.act-lst .actual-cont:hover .actual-cnt h2 a { color:var(--secondary-color);}
.act-lst .actual-cont:hover .actual-img a::after { opacity:1;}

.mob-cont-bg { float:left; width:100%; background:var(--secondary-color); padding:28px 0 45px; display:none; text-align:center; margin-bottom:35px;}
.mob-cont-bg h1 {font-family: var(--font-thin); font-size: 34px; width: 100%; float: left; line-height: 44px; margin-bottom: 20px;  color:#ffffff;}
.mob-cont-bg p { font-size: 15px; width: 100%; font-family: var(--font-light); float: left; line-height: 22px; margin-bottom: 30px; color:#ffffff;}
.mob-cont-bg .mob-vols-btn a { font-family: var(--font-light); font-size: 14px; line-height: 20px; color: #fff; background:none; padding: 12px 48px; border-radius: 50px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; letter-spacing: 0.5px; display:inline-block; text-align:center; border:1px solid #fff; text-transform:uppercase;}
.mob-cont-bg .mob-vols-btn a:hover { background:var(--primary-color); border:1px solid var(--primary-color);}

.section-lazy { opacity: 0;}
.section-scrolled { opacity: 1 !important; -webkit-transition: 0.8s cubic-bezier(0.52,0.01,0.16,1); transition: 0.8s cubic-bezier(0.52,0.01,0.16,1);}


#covid-popup { width:768px;}
.pop-up { float:left; width:100%; padding:35px 20px;}
.pop-up .pop-up-lft { float:left; width:40%;}
.pop-up .pop-up-lft img { float:left; width:100%;}
.pop-up .pop-up-lft img.desk-img { float:left; width:100%;}
.pop-up .pop-up-lft img.mob-img { float:left; width:100%; display:none; object-fit: contain;}
.pop-up .pop-up-rgt { float:left; width:60%; padding-left:30px; padding-top:0px; padding-right: 35px;}
.pop-up .pop-up-rgt h1 { font-size: 32px; color:#000000;  font-family: var(--font-semibold); width: 100%; float: left; line-height: 40px; margin-bottom: 20px;}
.pop-up .pop-up-rgt h4 {font-size: 12px; width: 100%; float: left; line-height: 22px; margin-bottom: 20px;}
.pop-up .pop-up-rgt p {font-size: 14px; width: 100%; float: left; line-height: 22px; padding-bottom:20px;}
.pop-up .pop-up-rgt p strong { font-family: var(--font-bold); font-weight:normal;}
.pop-up .pop-up-rgt a { font-family: var(--font-light); font-size: 14px; line-height: 20px; color: #fff; background:var(--primary-color); padding: 15px 50px; border-radius: 50px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; letter-spacing: 0.5px; display:inline-block; text-align:center;  text-transform:uppercase; margin-top:20px;}
.pop-up .pop-up-rgt a:hover { background:var(--secondary-color);}


#foot_div { float: left; width: 100%; z-index: 99;}
.triangle-white.scroll.fixed_crossfade.reverse_swing { -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.raon-section { float: left; width: 100%; margin-top: 0px;}
.block-crossfade-slide .roans-txt { z-index:9; position:relative; transform: translateY(250px);}
.block-crossfade-slide .roans-txt h1 { font-size:58px;  font-family: var(--font-semibold); line-height:64px; text-transform:none; margin:0 0 30px 0; text-shadow: 2px 0 2px rgba(0,0,0,0.2); letter-spacing:0.5px; }
.block-crossfade-slide .roans-txt p { color:#fff; font-size:16px; font-family: var(--font-regular); letter-spacing:0.5px;}
.block-crossfade-slide .roans-txt a { border:2px solid #fff; color:#fff; font-size:16px; font-family: var(--font-regular); padding:12px 40px; border-radius:30px; display:inline-block; height: 50px; margin:20px 0 0 0; transition:all 0.4s ease;}
.block-crossfade-slide::before { content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index:9;}

.block-crossfade-slide-overlay-content.light.txt1 {float: left; text-align:left;  padding-top:100px !important; position:relative; z-index:99;}
.has-dimmer:before { display:none; }
.block-crossfade-slide .roans-txt span { font-size: 264px; color:rgba(255,255,255,0.4); font-family: var(--font-regular); left: 0px; top: -40px; position:absolute;}
.block-crossfade-slide .roans-txt a:hover { background:#fff; color:#282828;}
.capt-pad { float: left; padding-left: 90px;}
.roan footer { position:relative; z-index:999;}

a.triangle-white { position:fixed; width: 18px; height: 44px; left:0; right: 0px; margin:0 auto; background:url(../images/scroll-down.svg) no-repeat 0 0; /*margin:0 auto;*/ bottom:20px; z-index:999; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
a.triangle-white:hover { opacity:0.7;}
.triangle-white.scroll.fixed_crossfade {position: fixed;}
.triangle-white.scroll.fixed_crossfade.reverse_swing { -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.roans-dot { right:50px; position:fixed; top:60%; z-index: 999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.roans-dot li { margin-bottom:10px;}
.roans-dot li a { font-size: 14px; color:#fff; display:block; text-indent: -9999px; position:relative; }
.roans-dot li a::after { position:absolute; content:""; right: -20px; top: 3px; background:none; border:1px solid #fff; width:12px; height:12px; border-radius:50%;}
.roans-dot li a.active {text-indent:-9999px;}
.roans-dot li a.active:after, .roans-dot li a:hover:after { border:2px solid #fff; text-indent:-9999px; }

.mob-raons { float:left; width:100%; display:none;margin-bottom:60px;}

#casos-img-lst.owl-carousel .owl-item { height:545px !important; background-position: top center; background-size: cover;}
#casos-img-lst.owl-carousel .owl-item .item img { opacity:0; display:none; }
.raons-cap h1 { font-size:36px;  font-family: var(--font-regular); line-height:42px; text-transform:none; margin:0 0 30px 0; color:#fff; }
.raons-cap a { border: 1px solid #fff; color: #fff; font-size: 16px; font-family: var(--font-regular); padding: 10px 35px; border-radius: 30px; display: inline-block; margin: 20px 0 0 0; letter-spacing: 0.5px; transition: all 0.4s ease;}
.raons-cap a:hover { background:#fff; color:#000;}
.raons-cap { padding: 0 28px; float: left; width: 100%; margin:35px 0 0 0; z-index:1; position: relative; text-align:center;}
.raons-cap span { font-size: 24px; color: #fff; font-family: var(--font-regular); padding-bottom:75px; float:left; width:100%; }
#casos-img-lst.owl-carousel .owl-item:after { position:absolute; display:block; content:""; left:0; top:0; background:rgba(0,0,0,0.3); width:100%; height:100%; }
#casos-img-lst .owl-nav {position: absolute; bottom: 40px; left: 0; right: 0; margin: 0 auto; width: 25px;}

#casos-img-lst.owl-carousel .fa-chevron-right {  background: url(../images/raons-arrow.png) no-repeat scroll 0 0; width: 10px; height: 11px; float: left;  cursor: pointer; position:absolute; right:0;}
#casos-img-lst.owl-carousel .fa-chevron-left { background: url(../images/raons-arrow.png) no-repeat scroll 0 0; width: 10px; height: 11px; float: left; cursor: pointer; transform:rotate(180deg); position:absolute; left:0; }

/*=====================================================================================================================*/


/*page 6*/
section.bred-crem { float: left; width: 100%; padding: 30px 0 50px 0; }
section.bred-crem ul li { float: left; width: auto; margin-right: 25px; position: relative; font-size: 12px; color: #a1a1a1; font-family: var(--font-light); letter-spacing: 1px; }
section.bred-crem ul li::after { position: absolute; content: "|"; right: -13px; }
section.bred-crem ul li:last-child::after { display: none; }
section.bred-crem ul li:first-child::after { color: #000; }
section.bred-crem ul li a:hover { text-decoration: underline; }
section.benving { float: left; width: 100%; padding-bottom: 50px; }
section.benving h1 { font-family: var(--font-semibold); font-size: 44px; width: 100%; float: left; line-height: 44px; margin-bottom: 33px; letter-spacing: 0.5px;}
section.benving p { font-size: 24px; line-height: 35px; margin-bottom: 50px;  color: #282828; letter-spacing: 0.4px; font-family: var(--font-medium);}
.ben-lft {float: left;width: 54.27%;margin-left: -7px;margin-bottom:40px;text-align: justify;}
section.benving .ben-lft p { font-size: 16px; line-height: 24px; font-family: var(--font-regular); margin-bottom: 15px; color: #282828;}
section.benving .ben-lft p span { font-family: var(--font-bold); }
.ben-rgt { float: left; width: 100%; padding-left: 30px; }
.ben-rgt img { float: left; width: 100%; }
.ben-rgt {float: right;width: 42.5%;margin-right: -7px;}
.ben-rgt img { float: left; width: 100%; }
.quote { float: left; width: 100%; padding: 75px 0 50px 0; position: relative; padding-left: 17px;background:url('../images/quote-blue.png') no-repeat left center;background-size: contain; }
section.benving .quote p { font-family: var(--font-medium); margin-bottom:0;}
.quote::before { position: absolute; content: ""; font-size: 50px; color: red; left: 0; top: 0;/*background:url('../images/quote.svg') no-repeat center center;*/ }
.di-details { float: left; width: 100%; }
.di-details-lft { float: left; width: 50%; padding-left: 15px; }
.di-details-lft h2 { font-family: var(--font-medium); }
.di-details-rgt { float: right; }
section.benving .di-details-lft p { font-size: 16px; font-family: var(--font-regular); /* font-family: var(--font-light); */ }
.di-details-rgt a { color: var(--secondary-color); text-decoration: underline; background: url(../images/doc.png) no-repeat left center; padding-left: 20px; margin-top: 35px; float: right; }
.di-details-rgt a:hover { color:var(--primary-color); background: url(../images/doc-h.png) no-repeat left center;}
.inner-banner { float: left; width: 100%; position: relative; }
.inner-banner img { float: left; width: 100%; position: relative; z-index: -1; }
.inner-banner h1 { position: absolute; left: 0; right: 0; z-index: 10; text-align: center; color: #fff; top: 40%; font-size: 34px; line-height: 45px; letter-spacing:1px;}
.inner-banner::after { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.3); left: 0; top: 0; z-index: -1; }
section.buscar { float: left; width: 100%; background: var(--secondary-color); padding: 50px 0 35px 0; text-align: center; }
section.buscar p { color: #fff; font-size: 48px; font-family: var(--font-semibold); letter-spacing: 1px; line-height: 54px; margin-bottom: 25px;/* width: 439px; */
}
.search { float: none; width: 745px; margin: 0 auto; background: #fff; padding: 8px; min-height: 66px; border-radius: 5px; }
.search input[type="text"] { float: left; border: none; width: 78%; min-height: 55px; padding-left: 20px; font-size: 16px; }
.search input[type="submit"] { border: none; background: #1a2f4e; color: #fff; width: 22%; font-family: var(--font-semibold); font-size: 16px; border-radius: 4px; padding: 16px 0; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; cursor: pointer; }
.search input[type="submit"]:hover { background: var(--secondary-color); }
section.buscar .sbHolder {/* margin-left: 212px; */float: left;margin-top: 30px;}
section.buscar .sbSelector {/* font-family: var(--font-medium); */font-size: 15px;}
section.buscar .sbToggle { right: -10px; }
section.buscar .sbOptions { width: 170px!important; }
section.buscar .sbHolder {/* margin-left: 212px; */float: left;margin-top: 30px;}
section.llista { float: left; width: 100%; }
section.llista ul li { float: left; width: 22.7%; margin-right: 3%; margin-top: 40px; }
.d-img { float: left; width: 100%; }
.d-img img { float: left; width: 100%; }
section.llista ul li:nth-child(4n) { margin-right: 0; }
section.llista ul li h1 { font-family: var(--font-semibold); font-size: 20px; line-height: 22px; margin: 30px 0 12px 0; float: left; width: 100%; }
section.llista ul li p { font-size: 16px; color: #282828;/* font-family: var(--font-light); */
}
section.llista { float: left; width: 100%; }
section.llista ul li { float: left; width: 22.7%; margin-right: 3%; margin-top: 40px; }
.d-img { float: left; width: 100%; }
.d-img img { float: left; width: 100%; }
section.llista ul li:nth-child(4n) { margin-right: 0; }
section.llista ul li h1 { font-family: var(--font-semibold); font-size: 20px; line-height: 22px; margin: 30px 0 15px 0; float: left; width: 100%; }
section.llista { float: left; width: 100%; }
section.llista ul li { float: left; width: 22.7%; margin-right: 3%; margin-top: 40px; }
.d-img { float: left; width: 100%; }
.d-img img { float: left; width: 100%; }
section.llista ul li:nth-child(4n) { margin-right: 0; }
section.llista { float: left; width: 100%; padding-bottom: 60px; }
section.llista ul li { float: left; width: 23%; margin-right: 2%; margin-top: 40px; }
.d-img { float: left; width: 100%; }
.d-img img { float: left; width: 100%; }
section.llista ul li:nth-child(4n) { margin-right: 0; }
h1.main { font-family: var(--font-semibold); font-size: 44px; width: 100%; float: left; line-height: 44px; margin-bottom: 25px; }
section.terball { float: left; width: 100%; }
section.terball ul li { float: left; width: 100%; border-bottom: 1px solid #d8d8d8; padding: 25px 0 20px 0; }
section.terball ul li ul li { border: none; padding: 0; padding-right: 30px; }
section.terball ul li ul li:nth-child(1) { width: 15%; }
section.terball ul li ul li:nth-child(2) { width: 40%; }
section.terball ul li ul li:nth-child(3) { width: 29%; }
section.terball ul li ul li:nth-child(4) { width: 16%; }
section.terball ul li.tit ul li { color: #25406b; font-size: 14px; }
p.blu { font-size: 18px; color: var(--secondary-color); }
span.rd { background: #ffe9db; padding: 4px 14px; font-size: 10px; border-radius: 50px; color: #ff8633; }
section.terball ul li ul li h2 { font-size: 16px; font-family: var(--font-semibold); line-height: 24px;letter-spacing: 0.5px; }
section.terball ul li ul li h2 a { color:#282828;}
section.terball ul li.tit ul li { color: #25406b; font-size: 15px; font-family: var(--font-semibold);}
section.terball ul li ul li p.blu { font-size: 16px; color: var(--secondary-color); font-family: var(--font-semibold); }
span.rd { background: #ffe9db; padding: 4px 14px; font-size: 10px; border-radius: 50px; color: #ff8633; }
section.terball ul li ul li p { font-family: var(--font-regular); color:#282828; }
.nav-pag { float: left; width: 100%; padding: 60px 0 40px 0; text-align: center; }
.nav-pag ul li { float: none; display: inline-block; margin-right: 20px; }
.nav-pag ul li:last-child { margin: 0; }
.nav-pag ul li a.active { color: var(--ternary-color); }


.s-box { float: none; width: 745px; margin: 0 auto; display: inline-block; }
.s-lft { float: left; width: 49%; margin-right: 2%; background: #fff; margin-top: 18px; }
.s-rgt { float: right; width: 49%; background: #fff; margin-top: 18px; }
section.buscar .s-lft .sbHolder { margin: 0; color: #000; padding: 10px 20px; width: 100%; text-align: left; }
section.buscar .s-lft .sbSelector { color: #858585; text-transform: capitalize; }
section.buscar .s-lft .sbOptions { width: 365px!important; top: 44px !important; }
section.buscar .s-lft .sbOptions li { padding: 10px 14px; height: 40px; }
section.buscar .s-lft .sbToggle { background: url(../images/g-arr.png) no-repeat 0 0; right: 15px; top: 19px; }
section.buscar .s-rgt .sbHolder { margin: 0; color: #000; padding: 10px 20px; width: 100%; text-align: left; }
section.buscar .s-rgt .sbSelector { color: #858585; text-transform: capitalize; }
section.buscar .s-rgt .sbOptions { width: 365px!important; top: 44px !important; }
section.buscar .s-rgt .sbOptions li { padding: 10px 14px; height: auto; }
section.buscar .s-rgt .sbToggle { background: url(../images/g-arr.png) no-repeat 0 0; right: 15px; top: 19px; }
.back { float: left; width: 100%; padding: 60px 0 40px; margin-bottom: 48px; border-bottom: 1px solid #d8d8d8; }
.back a { color: var(--secondary-color); text-decoration: underline; padding-left: 35px; background: url(../images/back-but.png) no-repeat left center; }
.d-pro { float: left; width: 37%; }
.d-pro img { float: left; width: 100%; }
.d-det { float: left; width: 63%; padding-left: 60px; padding-top: 20px; }
.d-det h1 { font-family: var(--font-semibold); font-size: 32px; line-height: 32px; margin-bottom: 15px; }
.d-det p { margin-bottom: 40px; color:#282828; font-size:17px; }
.d-det h2 { font-size: 18px; font-family: var(--font-medium); }
.d-det ul { float: left; width: 100%; margin: 32px 0; }
.d-det ul li { float: left; width: 100%; margin-bottom: 8px; }
.d-det ul li:hover a { color: var(--secondary-color); }
.d-det a:hover{color:var(--secondary-color);}
.d-det ul li img { margin-right: 17px; }
.d-pro { float: left; width: 37%; }
.d-pro img { float: left; width: 100%; }
.d-det { float: left; width: 63%; padding-left: 60px; padding-top: 20px; }
.d-det h1 { font-family: var(--font-semibold); font-size: 32px; line-height: 32px; margin-bottom: 15px; }
.d-pro { float: left; width: 37%; }
.d-pro img { float: left; width: 100%; }
.d-det { float: left; width: 63%; padding-left: 60px; padding-top: 20px; }
section.d-profile { float: left; width: 100%; /* padding-bottom: 55px; */
margin-bottom: 55px; }
section.d-profile .row { }
.d-pad { float: left; width: 100%; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8; }
section.llista h1 { font-family: var(--font-semibold); font-size: 34px; }
.d-pad { float: left; width: 100%; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8; }
section.terball.memm p { font-size: 24px; line-height: 36px; float: left; color:#282828; letter-spacing:0.4px;  }
section.terball.memm a { float: right; color: #699eae; text-decoration: underline; }
.memoria { float: left; width: 100%; padding-top: 60px; }
.memoria ul li { float: left; width: 23%; margin-right: 2.5%; margin-bottom: 45px; min-height: 405px; position: relative; }
.memoria ul li img { float: left; width: 100%; object-fit: cover }
.memoria ul li:nth-child(4n) { margin-right: 0; }
.m-ii { float: left; width: 100%; position: relative; }
.memoria ul li .m-ii span { position: absolute; left: 30px; top: 30px; color: #fff; font-family: var(--font-light); font-size: 14px; border: none; background: none; }
.memoria ul li h1 { font-size: 24px; font-family: var(--font-semibold); margin: 30px 0 20px; float: left; width: 100%; }
.memoria ul li p { margin-bottom: 40px; }
.memoria ul li span { width: 80px; font-size: 12px; border-bottom: 1px solid #5693a5; color: #5693a5; padding-right: 10px; }
.m-ii span { position: absolute; left: 30px; top: 30px; color: #fff; font-family: var(--font-light); font-size: 14px; }

.memoria ul li span { width: 80px; font-size: 12px; border-bottom: 1px solid #5693a5; color: #5693a5; padding-right: 10px; background: url(../images/m-arr.png) no-repeat right center; }
.memoria ul li:hover {
    background: var(--primary-color);
    color: #fdfdfd;
}
.memoria ul li:hover span { border-bottom: 1px solid var(--primary-color); }
.memoria ul li:hover .m-ii span { border-bottom: none; width: auto; padding-right: 0; }

.memoria ul li h1 { font-size: 24px; font-family: var(--font-semibold); margin: 30px 0 20px; float: left; width: 100%; color:#282828; }

.m-ii { float: left; width: 100%; position: relative; overflow:hidden;}
.m-ii img { float: left; width: 100%; transition: all .5s ease;}

.vmore { float: left; width: 100%; padding: 20px 0 55px 0; text-align: center; }
.vmore a { background: var(--secondary-color); padding: 17px 58px; border-radius: 50px; color: #fff; font-family: var(--font-light); font-size: 14px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; border: 0px solid var(--secondary-color); }
.vmore a:hover { background: var(--primary-color); color: #fff; }
.vmore { float: left; width: 100%; padding: 20px 0 55px 0; text-align: center; }
.vmore a { background: transparent; padding: 15px 58px; border-radius: 50px; color: #282828; font-family: var(--font-medium); font-size: 20px; display: inline-block; }
.vmore a span {padding: 5px 10px;border: 1.6px solid #282828;border-radius: 50%;line-height: 22px;/* height: 20px; */margin-left: 8px;/* margin-top: -2px; */display: inline-block;}
.els { float: left; width: 100%; text-align: center; background: var(--primary-color); padding: 40px 0; }
.els p { color: #fff; font-family: var(--font-light); font-size: 15px; letter-spacing: 1px; line-height: 30px; }
.trans { float: left; width: 100%; padding: 50px 0 60px 0; }
.trans ul li { float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; }
.trans ul li:nth-child(3n) { margin-right: 0; }
.tr-img { float: left; width: 100%; background: #f9f9f9; min-height: 230px; display: flex; align-items: center; vertical-align: middle; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.tr-cnt {float: left;width: 100%;background: var(--secondary-color);color:#fff;padding: 16px 25px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;display:flex;justify-content: center;}
.tr-cnt p { color: #fff; font-family: var(--font-semibold); font-size: 24px; letter-spacing: 0.5px;}
.trans.aree ul  { display:flex;flex-flow: row wrap; justify-content:space-between; }
.trans.aree ul li { width: 23.5%; margin-right: 0%; position:relative; z-index:1; }
/* .trans.aree ul li h1  { font-size:1.5em;line-height: 35px; } */
/*.trans.aree ul li { width: 31.5%; margin-right: 2.5%; position:relative; z-index:1; }*/
.trans.aree ul li:after { position:absolute; display:block; content:""; left:0; top:0; background:rgba(40, 40, 40, 0.2); width:100%; height:100%; opacity:0; z-index:0; transition: all .5s ease;}
.trans.aree ul li:hover:after { opacity:1; }
.trans .txt-inf {color:#282828;font-size:16px;line-height: 24px;letter-spacing: 0.33px;margin-bottom:40px}
.trans .txt-inf a{color:var(--ternary-color);text-decoration: underline;}


.aress { float: left; width: 100%; position: relative; }
.aress img { float: left; width: 100%; }
.aress { float: left; width: 100%; position: relative; }
.aress img { float: left; width: 100%; }
/* .trans.aree ul li:nth-child(3n) { margin-right: 0; } */
.ar-pad { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); padding: 33px; z-index:9; }
.ar-pad h1 { color: #fff; line-height: 40px; font-family: var(--font-semibold); letter-spacing:0.6px;}
.ar-pad span { color: #fff; font-size: 35px; position: absolute; right: 56px; bottom: 56px; }
.memoria.nutrico ul li h1 { font-size: 20px; margin-top: 20px; }
.memoria.nutrico ul li h2 { font-size: 16px; font-family: var(--font-semibold); }
.memoria.nutrico ul li p { font-family: var(--font-regular); font-size: 15px; margin-bottom: 30px;float:left; }
.memoria.nutrico ul li span { background: no-repeat; border: none; font-size: 28px; position: absolute; bottom: 0; left: 0; width:auto;}
.memoria.nutrico { padding-bottom: 30px; }




.contacta{width:100%; float:left; background:#fff; padding:70px 0;}
.contacta h2{ width:100%; float:left; font-size:36px; color: #161615; line-height:42px;  font-family: 'SuisseBPIntl-Antique'; text-align: center; margin-bottom:30px;}
.contacta p{width:100%; float:left; font-size:16px; line-height:27px; font-family: 'SuisseBPIntl-Regular'; color:#494949; text-align:center;}
.contacta-sec{width:772px; margin:0px auto; padding:0px;}
.fitxa-frm .contact-form{width: 775px;float: none;margin: 0 auto;/* margin-top:52px; */}
.contact-form ul li{ float:left; width:100%; margin-bottom:16px; position:relative;}
.contact-form ul li:last-child{ margin-bottom:0;}
.fitxa-frm .contact-form input[type="text"], .fitxa-frm .contact-form textarea{width:100%;padding:0px 24px;border: none;border-bottom: solid 2px var(--shade5-color);color: #848484;height:45px;line-height:50px;font-family: 'SuisseBPIntl-Regular';font-size:15px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background:#f9f9f9;letter-spacing:0.5px;border-radius: 5px 5px 0px 0px;font-family: var(--font-regular);}
.contact-form input[type="text"]:focus, .contact-form textarea:focus{ border: solid 1px #55a6db; background:#fff;}
.fitxa-frm .contact-form textarea{height: 125px;}
.contact-form input[type="submit"]{display: inline-block;color: #fff;font-size: 14px;height: 53px;line-height:40px;padding: 0px 84px;background: var(--secondary-color);transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;border: 1px solid #ffffff;border-radius: 50px;font-family: var(--font-regular);cursor:pointer;margin-top:20px;letter-spacing: 1px;text-transform: uppercase;}
.contact-form input[type="submit"]:hover{background:#fff;color: var(--secondary-color);border: 1px solid var(--secondary-color);}
.contact-form 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;}
.contact-form input[type=checkbox]:not(old) + label{display: inline-block;line-height: 1.5em;float:left;width:100%;color: #ffffff;font-size: 12px;margin-top:8px;font-family: var(--font-regular);}
.contact-form input[type=checkbox]:not(old) + label > span{display: inline-block;width: 20px;height: 20px;margin: -3px 10px 0 0;vertical-align   : middle;border:1px solid #bebebe;position:relative;background:#fff;border-radius: 4px;}
.contact-form input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block;text-align: center;font-weight: bold;cursor:pointer;background:#003060;height: 12px;width: 12px;position:absolute;top: 3px;left: 3px;}
.sub-butt{ width: 100%;float: left;text-align: right;}
.contact-form ul li .cargo{width:100%; float:left;}
.contact-form ul li .cargo-lft{width:48.5%; float:left; margin-right: 3%;}
.contact-form ul li .cargo-rgt{width:48.5%; float:left;}


 .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.inputfile + label{color: #848484;width:100%;font-size: 16px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding: 10px 21px;border: 2px solid #dfecf2;background: #dfecf2;border-radius: 5px;}
.no-js .inputfile + label{display:none;}
.inputfile:focus + label,.inputfile.has-focus + label{}
.inputfile + label *{}
.inputfile + label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-0.25em;margin-right:0.25em;}



.mobile-menu { display: none; }
section.borsa { float: left; width: 100%; }
.borsa-lft { float: left; width: 23%; border-top: 5px solid var(--secondary-color); }
.borsa-lft p { font-size: 14px; padding: 17px 0; border-bottom: 1px solid #f2f2f2; }
.borsa-lft h2 { font-family: var(--font-semibold); padding: 25px 0; }
.borsa-lft ul li { float: left; width: 100%; margin-bottom: 20px; padding-left: 27px; }
.borsa-lft ul li a { color: #000; }
.borsa-lft ul li.web { background: url(../images/language.svg) no-repeat left center; }
section.borsa { float: left; width: 100%; }
.borsa-lft { float: left; width: 23%; border-top: 5px solid var(--secondary-color); }
.borsa-lft p { font-size: 14px; padding: 17px 0; border-bottom: 1px solid #f2f2f2; }
.borsa-lft h2 { font-family: var(--font-semibold); padding: 25px 0; }
.borsa-lft ul li { float: left; width: 100%; margin-bottom: 20px; padding-left: 27px; }
.borsa-lft ul li a { color: #000; }
.borsa-lft ul li a:hover { color: var(--secondary-color); }
section.borsa { float: left; width: 100%; }
.borsa-lft { float: left; width: 23%; border-top: 5px solid var(--secondary-color); }
.borsa-rgt { float: left; width: 77%; padding-left: 75px; }
.borsa-lft p { font-size: 14px; padding: 17px 0; border-bottom: 1px solid #f2f2f2; }
.borsa-lft h2 { font-family: var(--font-semibold); padding: 25px 0; }
.borsa-lft ul li { float: left; width: 100%; margin-bottom: 20px; padding-left: 27px; }
.borsa-lft ul li.tel { background: url(../images/cell.svg) no-repeat left center; }
.borsa-lft ul li.agenda { background: url(../images/calender-blue.svg) no-repeat left center; }
.borsa-lft ul li.agenda a {color: var(--primary-color);text-decoration: underline;}
.borsa-lft ul li.agenda a:hover { color:var(--secondary-color); }
.borsa-rgt h1 { font-family: var(--font-semibold); font-size: 48px; line-height: 57px; margin-bottom: 20px; }
.borsa-rgt h2 { margin-bottom: 40px; }
.borsa-rgt span.cal { padding-left: 30px; /*background: url(../images/calendar-main.png) no-repeat left center;  margin-bottom: 40px; */
display: inline-block; position:relative;}
.borsa-rgt span.cal:after { position:absolute; display:block; content:""; background:url(../images/calendar-main-grn.svg) no-repeat 0 0; left:0; top:0; width:18px; height:18px; background-size:100%; }

.borsa-rgt h3 { font-family: var(--font-semibold); margin: 40px 0; font-size: 20px; }
.borsa-rgt p { margin-bottom: 10px; color:#282828; }
.borsa-rgt p span { font-family: var(--font-semibold); }
.lab { float: left; width: 100%; border-top: 1px solid #d8d8d8; margin-top: 40px; }
.lab { float: left; width: 100%; border-top: 1px solid #d8d8d8; margin-top: 30px; }
.lab ul li { float: left; width: 100%; margin-bottom: 15px; padding-left: 50px; background: url(../images/pdf.png) no-repeat left center; }
.lab ul li a:hover { color:var(--secondary-color); }
section.c-form { float: left; width: 100%; background: var(--secondary-color); padding: 60px 0 80px 0; margin-top: 40px; }
.contact-form h1 { text-align: center; color: #fff; font-family: var(--font-semibold); font-size: 34px; line-height: 34px; margin-bottom: 25px; }
.contact-form p { text-align: center; color: #fff; font-size: 16px; margin-bottom: 50px; }

section.llista ul li:hover .d-img img{transform: scale(1.05);}
section.llista ul li:hover h1 { color:var(--secondary-color); }
section.llista ul li .d-img, .trans.aree ul li .aress{overflow:hidden; position:relative;}
section.llista ul li .d-img img{transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.back a:hover{ color:var(--primary-color);}

section.llista ul li .d-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
section.llista ul li:hover .d-img:after { opacity:1; }

.trans.aree ul li:hover .aress img { opacity:0.5;}
.memoria ul li .m-ii::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.memoria ul li:hover .m-ii:after { opacity:1;}
.memoria ul li h1, .memoria ul li h2, .memoria ul li p, .memoria ul li span {
    padding-left: 16px;
    padding-right: 16px;
}
.memoria ul li span {
    padding-bottom: 16px;
}
 .trans.aree ul li .aress img, .memoria ul li img{transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
 .memoria ul li:hover h1, .memoria ul li:hover h2, .memoria ul li:hover p, .memoria ul li:hover span { color:#fdfdfd; }
 .memoria ul li:hover .m-ii img { transform:scale(1.05);}
 
 section.fixta-transparencia { float: left; width: 100%; padding-bottom: 100px; }
.f-lft { float: left; width: 22%; }
.fixta-transparencia .f-rgt a{font-family:var(--font-semibold);color:var(--primary-color);text-decoration:underline;}
.accordionjs .acc_section .acc_head h3 { font-size: 17px; }
.accordionjs .acc_section ul li { float: left; width: 100%; padding-left:20px; font-size:15px; margin-bottom: 35px; background: url(../images/arr-gr.png) no-repeat right 5px center; color:#282828; }
.accordionjs .acc_section ul li a:hover { color:var(--secondary-color); }
.accordionjs .acc_section ul { float: left; width: 100%; margin-top: 35px; }
.accordionjs .acc_section.acc_active > .acc_head::after { position: absolute; content: ""; background: url(../images/arr-bl.png) no-repeat; width: 10px; height: 15px; right: 12px; top: 27px; z-index: 9; }
.accordionjs .acc_section > .acc_head::after { position: absolute; content: ""; background: url(../images/arr-gr.png) no-repeat; width: 10px; height: 15px; right: 12px; top: 27px; z-index: 9; }
.accordionjs .acc_section ul li.active { background: url(../images/arr-bl-a.png) no-repeat right 5px center;}
.accordionjs .acc_section ul li.active a {  color: #438699; font-family: var(--font-semibold); }
.f-rgt { float: left; width: 78%; padding-left: 45px; }
.f-rgt h1 { font-family: var(--font-semibold); font-size: 32px; line-height: 32px; margin-bottom: 38px; }
.f-rgt h2 { margin-bottom: 40px; letter-spacing: 0.5px; }
.f-rgt p { font-size: 17px; margin-bottom: 35px; color:#282828; letter-spacing:0.4px;}
.f-rgt p span { font-family: var(--font-semibold); color: var(--secondary-color); text-decoration: underline; }
.f-rgt ul li { float:left; width:100%;}
.f-rgt ul li a { float: left; width: 100%; margin-bottom: 25px; padding-left: 20px; font-family: var(--font-semibold); color: var(--secondary-color); text-decoration: underline; position: relative; }
/*.f-rgt ul li { float: left; width: 100%; margin-bottom: 25px; padding-left: 20px; font-family: var(--font-semibold); color: var(--secondary-color); text-decoration: underline; position: relative; }*/
.f-rgt ul li a { color: var(--secondary-color); }
.f-rgt ul li a:hover  { color:var(--primary-color); }
.f-rgt ul li a::before { position: absolute; content: ""; background: var(--secondary-color); width: 5px; height: 5px; border-radius: 50px; left: 0; top: 6px; }
.f-rgt ul li a:hover:before { background: var(--primary-color);}
.f-rgt.line-txt li a {  color: var(--secondary-color); text-decoration:underline;}


.s-box a.bus { float: left; color: #fff; padding-right: 20px; /* background: url(../images/slt-arw.svg) no-repeat right; */
font-size: 16px; margin-top: 20px; }
.s-box a img { float: right; margin: 7px 0 0 7px; }
.s-dv { float: left; width: 100%; display: none; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.s-dv.show { display: block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; }
.s-box a.bus.active img { transform: rotate(180deg); }
section.terball ul li ul li h2:hover a { text-decoration: underline; }
.borsa-lft ul li:nth-child(3) a:hover { color: #53b0c5; }
.lab ul li a:hover { text-decoration: underline; }
.trans ul li:hover .tr-cnt { background: var(--primary-color); }


.plata-list { float: left; width: 100%;}
.plata-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.plata-list ul li { float:left; width:32%; margin-right:2%; margin-bottom:30px;}
.plata-list ul li:nth-child(3n-3) { margin-right:0;}

.plata-list ul li .img-div { float:left; width:100%; overflow:hidden; }
.plata-list ul li .img-div img { float:left; width:100%; transition:all 0.4s ease; }
.plata-list ul li:hover .img-div img { transform:scale(1.05); }
.plata-list ul li .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative;}
/*.plata-list ul li:hover .altres-lst-cont h2 { opacity: 0.8;}
.plata-list ul li:hover .altres-lst-cont p, .plata-list ul li:hover .altres-lst-cont span{opacity: 0.8; }*/

.plata-list.benvn { margin-top: 60px; margin-bottom: 60px; }
.plata-list.benvn ul { border-bottom: 1px solid #ddd; }
section.algun { float: left; width: 100%; }
section.algun h2 { font-family: var(--font-semibold); font-size: 36px; line-height: 36px; margin-bottom: 40px; color:#282828; }
section.algun p { font-size: 24px; line-height: 32px; color:#282828; letter-spacing:0.4px; }
section.algun ul { float: left; width: 100%; margin-top: 70px; }
section.algun ul li { float: left; width: 50%; min-height: 390px; margin-bottom: 40px; }
section.algun ul li p { font-family: var(--font-semibold); margin-bottom: 35px; }
.c-but { float: left; width: 100%; text-align: center; padding-bottom: 70px; }
.c-but a { background: var(--secondary-color); padding: 17px 45px; color: #fff; border-radius: 50px; font-size: 12px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; border: 0px solid var(--secondary-color); }
.c-but a:hover { color: #fff; background: var(--primary-color); }
.c-but { float: left; width: 100%; text-align: center; padding-bottom: 70px; }
.c-but a { background: var(--secondary-color); padding: 15px 47px; color: #fff; border-radius: 50px; font-size: 12px; }


/*=====================================================================================================================*/

.collab { float:left; width:100%; padding-bottom:50px;}
.collab h1 { font-size:48px; color:#282828; line-height:55px; font-family: var(--font-semibold); margin-bottom:40px;}
.collab h1 + span,.collab h1 + p { font-size:20px; color:#282828; font-family: var(--font-regular); letter-spacing:0.42px; margin-bottom:40px; display:block; line-height:30px;}
.collab ul li { float:left; width:23%; margin-right:2.5%; margin-bottom:35px;}
.collab ul li:nth-child(4n) { margin-right:0;}
.coll-img { background:#f9f9f9; float:left; width:100%; text-align:center; padding:20px; margin-bottom:10px; min-height: 178px; justify-content: center; align-items: center; display: flex; position:relative;}
.collab ul li .coll-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.collab ul li .coll-img:hover:after, .collab ul li:hover .coll-img:after { opacity:1;}
.collab ul li p { font-size:16px; color:#282828;  font-family: var(--font-regular); letter-spacing:0.4px; transition:all 0.4s ease;line-height: 24px; }
.collab ul li:hover p { color:#3f8498; }

.collab.upi ul li { width:31.33%; margin-right:3%;}
.collab.upi span,.collab.upi h1 + p { margin-bottom:70px;}
.collab.upi ul li:nth-child(3n) { margin-right:0;}
.collab.upi ul li:nth-child(4n) { margin-right:3%;}
.collab.upi ul li .upi-img { float:left; width:100%; overflow:hidden; }
.collab.upi ul li .upi-img img { float:left; width:100%; transition:all 0.4s ease; }
.collab.upi ul li p { font-size:23px; color:#fff; text-transform:none; line-height:28px; background:var(--primary-color); padding:12px 20px; float:left; width:100%;  transition:all 0.4s ease; }
.collab.upi ul li:hover p { background:var(--shade4-color); }
.collab.upi ul li:hover .upi-img img { transform:scale(1.05); }



.visual_menu.constrain{
    width: min(100%, 800px);
    margin: 0 auto;
}

.visual_menu img{
	max-width:100%;
	display:block;
	transition: all 0.4s ease;
	aspect-ratio: 16 / 9;
    object-fit: cover;
}

.visual_menu .wp-block-column {
	overflow:hidden;
}


.visual_menu .wp-block-column a p{
    font-size: 23px;
    color: #fff;
    text-transform: none;
    line-height: 28px;
    background: var(--primary-color);
    padding: 12px 20px;
    float: left;
    width: 100%;
    transition: all 0.4s ease;
	color:#FFF;
}

.visual_menu .wp-block-column a:hover p{
    background: var(--shade4-color);
}


.visual_menu .wp-block-column a:hover img{
    transform: scale(1.05);
}


.collab.contact { padding-bottom:80px;}
.collab.contact ul { float:left; width:100%; margin:20px 0 0 0; }
.collab.contact ul li { float:left; width:49%; margin-bottom:0; margin-right:2%;}
.collab.contact ul li .cont-l { float:left; width:49%;}
.collab.contact ul li .cont-l img { float:left; width:100%;}
.collab.contact ul li:last-child { margin-right:0; }
.collab.contact ul li .cont-r { float:right; width:46%; }
.collab.contact ul li .cont-r h3 { font-family: var(--font-semibold); font-size:24px; color:#282828; margin-bottom:20px; }
.collab.contact ul li .cont-r p { color:#000a13; font-family: var(--font-regular); font-size:17px; text-transform:none; margin-bottom:30px; }
.collab.contact ul li .cont-r a { text-decoration:underline; color:var(--shade4-color); text-decoration:underline; }

.contact-map { float:left; width:100%; }
.sml-map,.contact-map iframe { width: 100%; float: left;  min-height: 680px;}

.els-departments { float:left; width:100%; padding:60px 0;}
.els-departments h1 { font-size:36px; line-height:40px; color:#000a13; font-family: var(--font-semibold); text-align:center; margin-bottom:50px; }
.nostres-dept.smk_accordion .accordion_in .acc_head { font-family: var(--font-regular); font-size:17px; letter-spacing:0.4px; background:#f8f8f8; border-bottom:none; padding:15px 20px; color:#282828;}
.nostres-dept.smk_accordion .accordion_in.acc_active .acc_head {  background:#f8f8f8; border-bottom:1px solid #f1f1f1;}
.nostres-dept.smk_accordion .accordion_in .acc_head .acc_icon_expand { background:url(../images/drop-down-arrow.svg) no-repeat 0 0; background-size: 100%;
width: 12px; height: 10px; right: 20px; transform: rotate(180deg);}
.nostres-dept.smk_accordion .accordion_in .acc_content { padding:20px;}
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-l { float:left; width:48%; }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-l h3 { font-size:17px; font-family: var(--font-medium); color:var(--shade4-color); letter-spacing:0.5px; }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r { float:right; width:48%; }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p { color:#282828; font-size:17px; line-height:28px; letter-spacing:0.5px;}
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p span {  color:var(--shade4-color); font-size:15px; /*background:url(../images/calendar-main.png) no-repeat left;*/ position:relative; padding-left:25px; display:block; margin-top:10px; }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p span:after { background:url(../images/calendar-main-grn.svg) no-repeat 0 0; width:14px; height:14px; display:inline-block; position:absolute; display:block; content:""; left:0; top:6px; background-size:100%; }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p span a { color:var(--shade4-color);}
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p span a:hover { color:var(--primary-color); }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p a { color:#282828; }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p a:hover { color:var(--shade4-color); }
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p span:last-child { margin-top:0;}
.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r p span.doc-ico:after { background:url(../images/doc.png) no-repeat 0 0; width:14px; height:18px;}

.nostres-dept.smk_accordion .accordion_in.acc_active .acc_head  .acc_icon_expand { background:url(../images/drop-down-arrow-green.svg) no-repeat 0 0; background-size: 100%;
width: 12px; height: 10px; right: 20px; transform: rotate(0deg);}

.ajundar.c-form { float: left; width: 100%; background: var(--secondary-color); padding: 60px 0 80px 0; margin-top: 0px; }
.ajundar .contact-form h1 { text-align: center; color: #fff; font-family: var(--font-semibold); font-size: 34px; line-height: 34px; margin-bottom: 25px; letter-spacing:0.5px; }
.ajundar .contact-form p { text-align: center; color: #fff; font-size: 18px; margin-bottom: 50px; letter-spacing:1px; font-family: var(--font-light);}

.ajundar .contacta{width:100%; float:left; background:#fff; padding:70px 0;}
.ajundar .contacta h2{ width:100%; float:left; font-size:36px; color: #161615; line-height:42px;  text-align: center; margin-bottom:30px;}
.ajundar .contacta p{width:100%; float:left; font-size:16px; line-height:27px; font-family: var(--font-regular); color:#494949; text-align:center;}
.ajundar .contacta-sec{width:772px; margin:0px auto; padding:0px;}
.ajundar .contact-form{width: 775px;float: none;margin: 0 auto;/* margin-top:52px; */}
.ajundar .contact-form ul li{ float:left; width:100%; margin-bottom:18px; position:relative;}
.ajundar .contact-form ul li:last-child{ margin-bottom:0;}
.ajundar .contact-form input[type="text"],.ajundar .contact-form input[type="email"], .ajundar .contact-form textarea{width:100%;padding:0px 24px;border: none;border-bottom: solid 3px var(--shade5-color);color: #848484;height:45px;line-height:50px;font-size:16px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background:#f9f9f9;letter-spacing:0.5px;border-radius: 5px 5px 0px 0px;font-family: var(--font-regular);}
/*.contact-form input[type="text"]:focus, .contact-form textarea:focus{ border: solid 1px #55a6db; background:#fff;}*/
.ajundar .contact-form textarea{height: 125px;}
.ajundar .contact-form input[type="submit"]{display: inline-block;color: #fff;font-size: 14px;height: 53px;line-height:40px;padding: 0px 84px;background: var(--secondary-color);transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;border: 1px solid #ffffff;border-radius: 50px;font-family: var(--font-regular);cursor:pointer;margin-top:20px;letter-spacing: 1px;text-transform: uppercase;}
.ajundar .contact-form input[type="submit"]:hover{background:var(--primary-color);color: #ffffff;border: 1px solid var(--primary-color);}
.ajundar .contact-form 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;}
.ajundar .contact-form input[type=checkbox]:not(old) + label{display: inline-block;line-height: 1.5em;float:left;width:100%;color: #ffffff;font-size: 12px;margin-bottom:15px;font-family: var(--font-regular); letter-spacing:0.6px;}
.ajundar .contact-form input[type=checkbox]:not(old) + label > span{display: inline-block;width: 20px;height: 20px;margin: -3px 14px 0 0; vertical-align: middle; border:0px solid #bebebe;position:relative;background:#fff;border-radius: 4px;}
.ajundar .contact-form input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block;text-align: center;font-weight: bold;cursor:pointer;background:#003060;height: 14px;width: 14px; position:absolute; top: 3px; left: 3px;  border-radius: 3px;}
.ajundar .sub-butt{ width: 100%;float: left;text-align: right;}
.ajundar .contact-form ul li .cargo{width:100%; float:left;}
.ajundar .contact-form ul li .cargo-lft{width:48.5%; float:left; margin-right: 3%;}
.ajundar .contact-form ul li .cargo-rgt{width:48.5%; float:left;}

.select-ajudar .sbHolder { width:100%; border: 2px solid #9fc1cb; padding: 10px 20px; border-radius: 5px;}
.select-ajudar .sbHolder .sbSelector { font-size:16px; font-family: var(--font-regular); text-transform:none; letter-spacing: 0.5px; }
.select-ajudar .sbHolder .sbToggle { background:url(../images/drop-down-arrow-white.svg) no-repeat 0 0; width: 12px;
height: 10px; display: inline-block; background-size: 100%; right: 16px; top: 18px; transform: rotate(180deg);}
.select-ajudar .sbHolder .sbOptions { width:100% !important; top: 46px !important;}
.select-ajudar .sbHolder .sbOptions li { height:auto; margin:0;}
.select-ajudar .sbHolder .sbOptions li a { font-size:16px; font-family: var(--font-regular); padding:10px 20px !important; letter-spacing: 0.5px;}
.select-ajudar .sbHolder .sbToggle.sbToggleOpen { transform: rotate(0deg); top:15px; }

.img-det h2 { font-size: 16px; line-height: 22px; color:#282828; }
.gm-style .gm-style-iw-c { border-radius: 4px !important; padding: 18px !important;}

.collab.fixta-col { padding-bottom:80px;}
.collab.fixta-col h1 { margin-bottom:30px;}
.collab.fixta-col span,.collab.fixta-col p { font-size:34px; }
.collab.fixta-col span strong,.collab.fixta-col p strong { font-family: var(--font-semibold); font-weight:normal; }
.biomar-img { float:left; width:100%;}
.biomar-img img { width:100%; float:left; }
.tooltiptext ul li{margin-bottom:10px;margin-left: 15px;}
.tooltiptext ul li::before{width:10px;height: 10px;content:' ';display: inline-block;background: url('../images/double-angle.svg') no-repeat center center; background-size: contain;margin-right: 5px;}
.tooltiptext ul li:hover a{text-decoration: underline;color:var(--ternary-color);}
.tooltiptext ul li:hover::before{background: url('../images/double-angle-b.svg') no-repeat center center;background-size: contain;}
.biomar-cnt { width:100%; float:left; padding:40px 0 0px;} 
.collab .biomar-cnt p { font-size:20px; color:#282828; font-family: var(--font-regular); margin-bottom:20px; }
.collab.fixta-col .biomar-cnt p span { display:inline-block; font-size:20px; margin:0; font-family: var(--font-semibold); }
.collab.fixta-col .biomar-cnt p.font-bold {  font-family: var(--font-semibold);  margin-bottom:0; }
.collab.fixta-col .biomar-cnt p.font-bold span { text-decoration:underline; color:#418696; font-family: var(--font-regular);}

.descr-pad { float:left; width:100%; padding:45px 0 0 0; border-top:1px solid #d8d8d8; margin-top:40px; }
.descr-pad h3 { font-size:24px; color:#282828; font-family: var(--font-semibold); line-height:28px; margin-bottom:24px; }
.descr-pad p { font-size:17px; color:#282828; font-family: var(--font-regular); padding-right:200px; margin-bottom:30px;}
.descr-pad p strong{font-family: var(--font-semibold);}
.descr-pad p:last-child { margin-bottom:0;}

.c-form.blue-pad { background:var(--secondary-color); float:left; width:100%; padding:50px 0 55px; text-align:center;}
.c-form.blue-pad h2 { color:#fff; font-size:34px;  font-family: var(--font-thin); letter-spacing:1px; line-height:40px; margin-bottom:30px;}
.c-form.blue-pad p { text-align: center; color: #fff; font-size: 17px; margin-bottom: 50px; letter-spacing:1px; font-family: var(--font-light);}
.c-form.blue-pad a {display: inline-block; color: #fff; font-size: 14px; height: 52px; line-height:50px; padding: 0px 50px; background: var(--secondary-color); transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease;-o-transition: all .5s ease; border: 1px solid #ffffff; border-radius: 50px; font-family: var(--font-regular); cursor:pointer; margin-top:0px; letter-spacing: 1px;text-transform: uppercase;}
.c-form.blue-pad a:hover { background:var(--primary-color); color:#fff; border:1px solid var(--primary-color);}

.collab.labora h1 { margin-bottom:20px;}
.collab.labora span { line-height:34px; margin-bottom:40px;}
.collab h3 {
  margin-bottom: 20px;
}
.collab.labora a.grn-btn { font-size:13px; text-transform:uppercase; font-family: var(--font-semibold); background:var(--secondary-color); padding:0px 40px; border-radius:25px; color:#fff; height:44px; display:block; line-height:44px; letter-spacing:0.4px; float:left; margin-right:15px; transition:all 0.5s ease;}
.collab.labora a.grn-btn span { margin:0; display:inline-block; float:right; color:#fff; line-height:40px; font-size:22px; margin-left:3px}
.collab.labora a.grn-btn:hover { background:var(--primary-color);}
.collab.labora a.blu-btn { font-size:13px; text-transform:uppercase; font-family: var(--font-semibold); background:var(--primary-color); padding:0px 40px; border-radius:25px; color:#fff; height:44px;display:block; line-height:44px; letter-spacing:0.4px; float:left; margin-right:15px; transition:all 0.5s ease;}
.collab.labora a.blu-btn span { margin:0; display:inline-block; float:right; color:#fff; line-height:40px; font-size:22px;margin-left:3px }
.collab.labora a.blu-btn:hover { background:var(--secondary-color);}
.collab.labora a.lgb-btn { font-size:13px; text-transform:uppercase; font-family: var(--font-semibold); background:#92becd; padding:0px 40px; border-radius:25px; color:#fff; height:44px; display:block; line-height:44px; letter-spacing:0.4px; float:left; margin-right:15px; transition:all 0.5s ease;}
.collab.labora a.lgb-btn span { margin:0; display:inline-block; float:right; color:#fff; line-height:40px; font-size:22px; margin-left:3px}
.collab.labora a.lgb-btn:hover { background:var(--primary-color);}
.descr-pad.que-per h3 { font-size:32px; line-height:38px;}
.descr-pad.que-per p span { display:inline-block; font-size:17px; color:#282828; font-family: var(--font-semibold); margin:0;}
ul.recaptat { float:left; width:100%; margin:30px 0 0 0;} 
ul.recaptat li p { display:block; padding:0; font-size:17px; text-transform:none; font-family: var(--font-semibold); }
ul.recaptat li { text-align:center; margin-bottom:0; }
ul.recaptat li img { margin-bottom:15px;}


.projecte-qui-pad { float:left; width:100%;  padding:50px 0 70px 0; }
.projecte-qui { float:left; width:100%;  padding:0px 0 0 0;}
.projecte-qui h3 { font-size:24px; color:#282828; font-family: var(--font-semibold); line-height:30px; margin-bottom:50px; }
.projecte-qui ul li { float:left; width:23%; margin-right:2.5%; margin-bottom:60px;}
.projecte-qui ul li:nth-child(4n) { margin-right:0;}
.projecte-qui ul li .qui-img { float:left; width:100%; margin-bottom:20px; overflow:hidden; position:relative;}
.projecte-qui ul li .qui-img img { width:100%; float:left;  transition:all 0.5s ease;}
.projecte-qui ul li .qui-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.projecte-qui ul li:hover .qui-img:after { opacity:1;}

.projecte-qui ul li p { font-size:20px; color:#282828; font-family: var(--font-semibold); padding-right:0px; margin-bottom:0px; text-transform:none; }
.projecte-qui ul li:hover .qui-img img { transform:scale(1.05); }
.projecte-qui ul li:hover p { color:#3f8498; }
.c-form.ajundar.fest-te .contact-form { width:600px; }
.c-form.ajundar.fest-te .contact-form h1 { text-align:left; }
.c-form.ajundar.fest-te .contact-form p { text-align:left; }
.c-form.ajundar.fest-te ul li.margin-20 { margin:20px 0 50px;}
.c-form.ajundar.fest-te ul li h3 { font-size:24px; color:#fff; font-family: var(--font-regular); letter-spacing:0.5px; }
.c-form.ajundar.fest-te ul li.margin-20.m-t-20 { margin-top:30px;}
.c-form.ajundar.fest-te .select-ajudar.wid-60 { width:60%;}



.fixta-l.borsa-lft { float: left; width: 23%; border-top: 5px solid var(--secondary-color); }
.fixta-l.borsa-lft p { font-size: 14px; padding: 17px 0; border-bottom: 1px solid #f2f2f2; font-family: var(--font-medium); letter-spacing:0.5px;   color:#282828; }
.fixta-l.borsa-lft span { font-size:19px; font-family: var(--font-medium); margin-bottom:30px; display:block; }
.fixta-l.borsa-lft h2 { font-family: var(--font-semibold); padding: 25px 0; font-size:24px; letter-spacing:0.5px; }
.fixta-l.borsa-lft ul li { float: left; width: 100%; margin-bottom: 20px; padding-left: 28px; font-size:16px; color:#282828; line-height:26px;}
.fixta-l.borsa-lft ul li a { color: var(--primary-color); text-decoration:underline; }
.fixta-l.borsa-lft ul li.clk-ico { background:url(../images/clock-agenda.svg) no-repeat left; }
.fixta-l.borsa-lft ul li.loct-ico { background:url(../images/location-outline.svg) no-repeat left 4px; }
a.afeqir { float: left; width: 100%; margin-bottom: 30px; padding-left: 28px; font-size:16px; color:var(--primary-color)	; line-height:26px; background:url(../images/calendar.svg) no-repeat left 4px; font-family: var(--font-regular); text-decoration:underline; margin-top:20px;}
a.afeqir:hover { color:#53b0c5;}

a.green-btn { font-size:16px; text-transform:none; font-family: var(--font-regular); background:var(--secondary-color); padding:0px 40px; border-radius:25px; color:#fff; height:46px; width:200px; display:block; line-height:44px; letter-spacing:0.4px; float:left; margin-right:15px; transition:all 0.5s ease;}
a.green-btn img { vertical-align:middle; margin-right:10px; width:22px; }
a.green-btn:hover { background:var(--primary-color); }

.fixta-l .docent { float:left; width:100%;  border-top: 1px solid #f2f2f2; padding-top:20px; margin-top:20px;}
.fixta-l .docent h2 { padding:0; color:#000000; line-height:26px; font-size:24px; letter-spacing:0.5px; margin-bottom:20px; }
.fixta-l .docent p { font-size:16px; color:#282828; line-height:26px; font-family: var(--font-regular); padding:0; margin-bottom:30px; padding-bottom:30px;}
.fixta-l .docent p span { margin:0 0 5px 0; color:#000; font-family: var(--font-semibold); }

.fixta-l .mes-info p { font-size:16px; color:#282828; line-height:26px; font-family: var(--font-regular); padding:0; margin-bottom:0px; padding-bottom:0px; border:none;}
.fixta-l .mes-info p span { margin:0 0 5px 0; color:#000; font-family: var(--font-semibold); }
.fixta-l .mes-info a { margin-bottom:20px; display:block; color:#000; font-size:15px;}
.fixta-l .mes-info a:hover { color:var(--secondary-color); }

.fixta-r { float:right; width:100%; width:72%; }
.fixta-r h1 { font-size:34px; color:#333333; line-height:40px; font-family: var(--font-semibold); letter-spacing:0.5px; margin-bottom:30px;}
.fixta-r span { font-size:24px; color:#282828; line-height:32px;  font-family: var(--font-medium); letter-spacing:0.5px; margin-bottom:30px; display:block; }
.fixta-r p { font-size:17px; color:#282828; font-family: var(--font-regular); margin-bottom:20px; padding-right:100px }
.img-fixta { float:left; width:100%; margin-bottom:20px;}

.compartex { float:left; width:100%; margin:40px 0 70px; padding:40px 0 0 0; border-top:1px solid #d8d8d8;}
.compartex h2 { color:#282828; font-size:24px; line-height:30px; font-family: var(--font-semibold); letter-spacing:0.5px; margin-bottom:25px;}
.compartex ul li { float:left; font-size:15px; color:#fff; background:#375794; width:23%; margin-right:2%; }
.compartex ul li a { color:#fff; font-family: var(--font-regular);  letter-spacing:0.5px; padding: 0px 20px; display: block; height: 48px; line-height: 46px; transition:all 0.5s ease;}
.compartex ul li a img { vertical-align:middle; margin-right:20px; width:22px; }
.compartex ul li:last-child { margin-right:0;}
.compartex ul li.twt-bg a { background:#55acef; }
.compartex ul li.mail-bg a { background:#333333; }
.compartex ul li.whatsapp-bg a { background:#00ab11; }
.compartex ul li a:hover { opacity:0.6; }

.esdeven-pad  { float:left; width:100%; padding:50px 0 70px; border-top:1px solid #d8d8d8;}
.esdeven-pad h2 {font-size:34px; color:#282828; line-height:40px; font-family: var(--font-semibold); letter-spacing:0.5px; margin-bottom:50px;}
.esdeven-pad ul li { float:left; width:31%; margin-right:3%;}
.esdeven-pad ul li:last-child { margin-right:0;}
.esdeven-pad ul li .agen-img { float:left; width:100%; margin-bottom:20px; overflow:hidden; position:relative; }
.esdeven-pad ul li .agen-img img { float:left; width:100%;  transition:all 0.5s ease; }
.esdeven-pad ul li .agen-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.esdeven-pad ul li:hover .agen-img:after { opacity:1;}

.esdeven-pad ul li p { font-size:14px; color:#282828; text-transform:uppercase; font-family: var(--font-regular); }
.esdeven-pad ul li h3 { font-size:24px; line-height:28px; font-family: var(--font-semibold); letter-spacing:0.5px; margin:20px 0 30px; display:block; }
.esdeven-pad ul li ul li { width:100%;font-size:14px; color:#282828; margin-bottom:18px; padding-left:32px; line-height: 22px; }
.esdeven-pad ul li ul li:nth-last-child { margin-bottom:0;}
.esdeven-pad ul li ul li.g-cal { background:url(../images/calender-rey.png) no-repeat left;}
.esdeven-pad ul li ul li.g-clk { background:url(../images/clock-grey.png) no-repeat left;}
.esdeven-pad ul li:hover .agen-img img {transform:scale(1.05); }
.esdeven-pad ul li:hover h3 { color:var(--secondary-color); }

.btn-center { text-align:center; float:left; width:100%; margin:30px 0 0 0; }
.btn-center a.grn-btn { font-size:13px; text-transform:uppercase; font-family: var(--font-regular); background:var(--secondary-color); padding:0px 40px; border-radius:25px; color:#fff; height:46px; width:185px; display:inline-block; line-height:46px; letter-spacing:0.4px; float:none; margin-right:15px; transition:all 0.5s ease;}
.btn-center a.grn-btn span { margin:0 0 0 10px; display:inline-block; float:right; color:#fff; line-height:44px; font-size:16px; }
.btn-center a.grn-btn:hover { background:var(--primary-color); }

.agenda-pad { float:left; width:100%; padding:0px 0 60px; }
.agenda-pad h1  { font-size:48px; color:#282828; line-height:75px; font-family: var(--font-semibold); margin-bottom:40px;}
.agen-l { float:left; width:29%; }
.agen-l h3 { font-size:24px; color:#282828; line-height:30px; margin-bottom:20px; }

.a-cat { float:left; width:80%; margin-bottom:40px;}
.a-cat ul li { margin-bottom:10px; float:left; margin-right:10px; width:100%;}
.a-cat ul li a { font-size:16px; color:var(--primary-color); border:2px solid #4283bb; border-radius:3px; font-family: var(--font-regular); padding:8px 14px; display:inline-block; letter-spacing:0.5px; transition:all 0.5s ease;}
.a-cat ul li a:hover { background:var(--primary-color); color:#fff; border:2px solid var(--primary-color);}

.a-cat.etiq ul li { width:auto; }
.a-cat.etiq ul li a { border:2px solid #d4d4d4; color:#282828; font-size:12px; }
.a-cat.etiq ul li a:hover { background:var(--secondary-color); color:#fff; border:2px solid var(--secondary-color);}

.agen-r { float:right; width:68%; margin-bottom:80px;}
.agen-r ul li.fullwid { width:100%;}
.agen-r ul li.fullwid h3 { font-size:34px; color:#282828; line-height:40px;}
.agen-r ul li.fullwid ul li { float:left; width:auto; padding-right:20px; margin-right:20px; border-right:1px solid #dad8d9; }
.agen-r ul li.fullwid ul li:last-child { margin-right:0; padding-right:0; border:none; }
.agen-r ul li { float:left; width:48%; margin-right:4%; margin-bottom:40px;}
.agen-r ul li:nth-child(2n-3) { margin-right:0; }
.agen-r ul li:last-child { margin-right:0;}
.agen-r ul li:first-child { margin-right:0;}
.agen-r ul li .agen-img { float:left; width:100%; margin-bottom:20px; overflow:hidden; position:relative; }
.agen-r ul li .agen-img img { float:left; width:100%; transition:all 0.5s ease; }
.agen-r ul li .agen-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.agen-r ul li:hover .agen-img:after { opacity:1;}

.agen-r ul li p { font-size:14px; color:#282828; text-transform:uppercase; font-family: var(--font-regular); }
.agen-r ul li h3 { font-size:24px; line-height:28px; font-family: var(--font-semibold); letter-spacing:0.5px; margin:20px 0 30px; display:block; }
.agen-r ul li ul li { width:100%;font-size:14px; color:#282828; margin-bottom:18px; padding-left:32px; line-height: 22px; }
.agen-r ul li ul li:nth-last-child { margin-bottom:0;}
.agen-r ul li ul li.g-cal { background:url(../images/calendar-grey-line1.svg) no-repeat left;}
.agen-r ul li ul li.g-clk { background:url(../images/clock-grey.svg) no-repeat left;}
.agen-r ul li:hover .agen-img img { transform:scale(1.05);}
.agen-r ul li:hover h3 { color:var(--secondary-color); }

.esdeven-pad.inter-pad ul li { float:left; width:48%; margin-right:4%; position:relative; }
.esdeven-pad.inter-pad ul li h3 { font-size:24px; color:#000; margin:0 0 25px 0 }
.esdeven-pad.inter-pad ul li p { color:#050505; font-size:17px; text-transform:none; }
.esdeven-pad.inter-pad ul li span { display:block; margin:25px 0 40px; font-size:14px;  }
.esdeven-pad.inter-pad ul li:last-child { margin-right:0;}
.coneix-pad a { color:var(--secondary-color); border-bottom:1px solid var(--secondary-color); font-size:14px;  transition:all 0.5s ease; }
.coneix-pad a:hover { color:var(--primary-color); border-bottom:1px solid var(--primary-color); }
.coneix-pad { float: left; width: 80%; padding: 40px 60px 20px 20px; position: absolute; bottom: -25px; background: #fff;}


/*=====================================================================================================================*/

.histo { float:left; width:100%; padding: 0px 0px 115px;}
.histo .tit-cont h1 { font-size:48px; color:#282828; line-height:60px; font-family: var(--font-semibold); margin-bottom:24px;}
.histo .tit-cont p,.histo .tit-cont span { font-size:24px; line-height: 36px; color:#282828; font-family: var(--font-regular); letter-spacing:0.5px; margin-bottom:65px; display:block; }

.histo-full-img { float: left; width: 100%;}
.histo-full-img img{ float: left; width: 100%;}

.histo-cont { float: left; width: 100%; /*padding-top: 50px;*/}
.histo-cont .row>h2{font-size:32px;margin:40px 0 20px;font-family:var(--font-semibold);letter-spacing:.57px;}
.histo-tab { float: left; width: 100%;}
.histo-tab .resp-tabs-list li { padding: 46px 8px 16px 8px; margin-right: 38px; width: auto; color: #282828; font-size:20px;
font-family: var(--font-regular); position: relative;transition: all .5s ease;}
.histo-tab .resp-tabs-list li::after { content: ""; position: absolute; width: 0px; left: 0px; bottom: 0px; height: 4px; background: #fff;transition: all .5s ease; }
.histo-tab .resp-tabs-list li.resp-tab-active::after, .histo-tab .resp-tabs-list li:hover::after {width: 100%;background: #f3c536;opacity:0.75 }
.histo-tab .resp-tabs-list li.resp-tab-active { color: #282828; font-family: var(--font-semibold);}
.histo-tab .resp-tabs-list li:hover { color: #282828; }
.histo-tab .resp-tab-content { background: #fff;padding: 50px 0px 20px;border-top: 1px solid #ececec;}

ul.tab-lst { float: left; width: 100%; padding-right: 235px;}
ul.tab-lst > li{ float: left; width: 100%; padding-left: 90px; position: relative; margin-bottom: 38px;}
ul.tab-lst li span.num { position: absolute; top:3px; left: 0px; color: var(--secondary-color); font-size: 15px; font-family: var(--font-semibold);}
.histo.fitxa-ajuts ul.tab-lst li p { color: #282828; font-size: 17px; font-family: var(--font-regular);}
ul.tab-lst li p span { font-family: var(--font-semibold); }

.altres-list { float: left; width: 100%; padding-top:65px; border-top:1px solid #d8d8d8;margin-top:10px;}
.altres-list h1 { font-size:34px; color:#282828; line-height:38px; font-family: var(--font-semibold); margin-bottom:56px;}
.altres-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.altres-list ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:20px;}
.altres-list ul li:nth-child(4n-4) { margin-right:0;}

.altres-list ul li .img-div { float:left; width:100%; overflow:hidden; position:relative; }
.altres-list ul li .img-div img { float:left; width:100%; transition:all 0.4s ease;object-fit:cover; }
.altres-list ul li:hover .img-div img { transform:scale(1.05); }
.altres-list ul li .img-div::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.altres-list ul li:hover .img-div:after { opacity:1;}

.altres-list ul li .altres-lst-cont { float:left; width:calc(100% - 14px);background: #fff; padding: 28px 15px; position: relative; margin-top: -32px; }
.altres-list ul li .altres-lst-cont h2 {font-size:20px; color:#282828; line-height:26px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
.altres-list ul li .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;}
.altres-list ul li:hover .altres-lst-cont h2 { color: var(--shade4-color); }
/* .altres-list ul li:hover .altres-lst-cont p{color: var(--shade4-color); } */

.histo.plata-sec { padding-bottom: 40px;}
.plata-cont { float:left; width:100%;}
.plata-list { float: left; width: 100%;}
.plata-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.plata-list ul li { float:left; width:32%; margin-right:2%; margin-bottom:30px;}
.plata-list ul li:nth-child(3n-3) { margin-right:0;}

.plata-list ul li .img-div { float:left; width:100%; overflow:hidden; position:relative;max-height: 350px; }
.plata-list ul li .img-div img { float:left; width:100%; transition:all 0.4s ease;object-fit:cover; }
.plata-list ul li:hover .img-div img { transform:scale(1.05);}

.plata-list ul li .img-div::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.plata-list ul li:hover .img-div:after { opacity:1;}

.plata-list ul li .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative;}
.plata-list ul li .altres-lst-cont h2 {font-size:24px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;padding-left: 16px; padding-right: 16px }
.plata-list ul li .altres-lst-cont p { color: #282828; font-size:17px; font-family: var(--font-regular); margin-bottom:35px;padding-left: 16px; padding-right: 16px}
.plata-list ul li .altres-lst-cont span {font-size: 28px; color: #5693a5;padding-left: 16px; padding-right: 16px }
.plata-list ul li:hover .altres-lst-cont {background: var(--primary-color)}
.plata-list ul li:hover .altres-lst-cont h2, .plata-list ul li:hover .altres-lst-cont p, .plata-list ul li:hover .altres-lst-cont span { color:#fdfdfd; }


.fitxa-sec { float: left; width: 100%;}
.fitxa-cont { float: left; width: 100%; padding: 25px 0px 55px;}
.fitxa-lft { float: left; width: 25%;}
.fitxa-lft h3 { padding: 15px 0px; border-top:5px solid var(--secondary-color); border-bottom: 1px solid #f2f2f2; margin-bottom: 26px; font-size: 16px; text-transform: uppercase;
color:#282828; line-height:22px;font-family: var(--font-regular);}
.fitxa-lft h1 {font-size:26px; color:#282828; line-height:30px;font-family: var(--font-semibold);  margin-bottom:20px;}
.fitxa-lft ul li { float: left; width: 100%; margin-bottom:5px;font-size:15px; color:#282828;padding-left: 26px;font-family: var(--font-regular);}
.fitxa-lft ul li a { transition: all .5s ease;}
.fitxa-lft ul li a:hover {color: var(--shade4-color);  }
.fitxa-lft ul li.mail { background:url(../images/mail.svg) no-repeat left center; }
.fitxa-lft ul li.phone { background:url(../images/phone-call.svg) no-repeat left center; }

.fitxa-rgt { float: left; width: 75%; padding: 0px 100px 0px 30px;}
.fitxa-rgt h1{ font-size:34px; color:#282828; line-height:45px;font-family: var(--font-semibold); margin-bottom:30px;}
.fitxa-rgt h2{ font-size:24px; color:#282828; line-height:32px;font-family: var(--font-semibold); margin-bottom:25px;}
.fitxa-rgt p { color: #2d2d2d; font-size:17px; line-height:26px; font-family: var(--font-regular); margin-bottom:15px;}
.fitxa-rgt p span.blue-txt { color: var(--secondary-color);}

.img-full{ float: left; width: 100%; margin: 20px 0px 35px;}
.img-full img { float: left; width: 100%;}

.news-lst-cont { float: left; width: 100%; margin-top: 35px;}
.news-lst-cont h2 { margin-bottom: 35px;}
.news-lst-cont ul li { float: left; width: 100%;}
.news-lst-cont ul li h3 { font-size:20px; color:#282828; line-height:26px;font-family: var(--font-semibold); margin-bottom:14px;}
.news-lst-cont ul li p { margin-bottom: 0px;}

a.veu-btn {float: right; color: #418399; font-size: 16px; line-height: 16px; font-family: var(--font-regular); padding: 3px 15px 3px 0px;
background:url(../images/blue-arw.svg) no-repeat right 2px center; position: relative; transition: all .5s ease;}
a.veu-btn::after { position: absolute; content: ""; bottom: 0px; width: 100%; height: 1px; background: #418399; left: 0px; }
.perdis-list ul li a.veu-btn:hover {color: var(--primary-color); background:url("../images/ver-blue-arw.svg") no-repeat right 2px center;}
.perdis-list ul li a.veu-btn:hover:after { background: var(--primary-color);}

.news-lst-cont ul li .nw-lft { float: left; width: 70%;}
.news-lst-cont ul li .nw-rgt { float: left; width: 30%;}
a.pdf-btn {float: right; color: #cf2727; font-size: 16px; line-height: 16px; font-family: var(--font-regular); padding: 3px 15px 3px 0px;
background:url(../images/red-down-arw.svg) no-repeat right 2px center; position: relative;}
a.pdf-btn::after { position: absolute; content: ""; bottom: 0px; width: 100%; height: 1px; background: #cf2727; left: 0px; }
a.pdf-btn:hover::after { height: 0px;}

.news-lst-cont.news-lst-btn h2 { margin-bottom: 30px;}
.news-lst-cont.news-lst-btn ul li{ border: none; float: left; width: 23%; margin-right: 2%; padding: 0px; margin-bottom: 0px;}
.news-lst-cont.news-lst-btn ul li:last-child{margin-right:0px;}
.news-lst-btn ul li a.comp-btn {display: flex; align-items: center; height: 48px; line-height: 48px; font-size: 16px; color: #fff; padding: 0px 15px;transition: all .5s ease; }
.news-lst-btn ul li a.comp-btn img { margin-right: 24px;}
.news-lst-btn ul li a.comp-btn.fb { background: #375794;}
.news-lst-btn ul li a.comp-btn.fb:hover { background: #1e4081;}
.news-lst-btn ul li a.comp-btn.tw { background: #55acef;}
.news-lst-btn ul li a.comp-btn.tw:hover { background: #2e82c2;}
.news-lst-btn ul li a.comp-btn.mail { background: #333333;}
.news-lst-btn ul li a.comp-btn.mail:hover { background: #1b1b1b;}
.news-lst-btn ul li a.comp-btn.wat { background: #00ab11;}
.news-lst-btn ul li a.comp-btn.wat:hover { background: #0d8518;}

.perdis-list { float: left; width: 100%;}
.perdis-list .perdis-in{ float: left; width: 100%; padding:45px 0px 70px; border-top:1px solid #d8d8d8;}
.perdis-list h1 { font-size:34px; color:#282828; line-height:38px; font-family: var(--font-semibold); margin-bottom:56px;}
.perdis-list .perdis-in ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.perdis-list .perdis-in ul li { float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.perdis-list .perdis-in ul li:nth-child(3n-3) { margin-right:0;}

.perdis-list .perdis-in ul li .img-div { float:left; width:100%; overflow:hidden; position:relative; }
.perdis-list .perdis-in ul li .img-div img { float:left; width:100%; transition:all 0.4s ease; }
.perdis-list .perdis-in ul li:hover .img-div img { transform:scale(1.05); }
.perdis-list .perdis-in ul li .img-div::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.perdis-list .perdis-in ul li:hover .img-div:after { opacity:1;}

.perdis-list .perdis-in ul li .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
.perdis-list .perdis-in ul li .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
.perdis-list .perdis-in ul li .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px; min-height:120px;}
.perdis-list .perdis-in ul li:hover .altres-lst-cont h2 { color: var(--shade4-color); }

.perdis-list ul li a.veu-btn { float: left;}

.btn-center { float: left; width: 100%; text-align: center; margin-top: 30px;}
a.veur-tot {display: inline-block; height: 44px; background: var(--secondary-color); color: #fff; text-transform: uppercase; font-size:14px; line-height: 16px; font-family: var(--font-regular); padding:15px 40px;
position: relative; border-radius: 22px;transition: all .5s ease;}
a.veur-tot:hover{ background: var(--shade6-color); }
a.veur-tot span {display: inline-block;background:url(../images/plus-wht.svg) no-repeat center center; width: 8px; height: 8px;top: -1px;
position: relative; margin-left: 12px; background-size:cover;}

/* fitxa ajuts */
.histo.fitxa-ajuts{ padding: 12px 0px 70px;}
.ajuts-div { float: left; width: 872px;}
.histo .ajuts-div .tit-cont span { margin-bottom:25px;}
.tit-cont h3 { font-size:28px; color:#282828; line-height:32px;font-family: var(--font-semibold); margin-bottom:20px;}
.tit-cont p { color:#282828; font-size:17px; }
.acc-cont { float: left; width: 100%; margin-top: 50px;}
.acc-cont .smk_accordion .accordion_in { margin-bottom: 1px; }
.acc-cont .smk_accordion .accordion_in .acc_head { padding:19px 0px;color: #282828;font-family: var(--font-bold);font-size:22px;    
border-bottom: 1px solid #d8d8d8;}
.acc-cont .smk_accordion .accordion_in .acc_content { padding: 30px 30px 0px 0px;}
.acc-cont .smk_accordion .accordion_in .acc_content h2 {color: #282828;font-family: var(--font-semibold);font-size:20px; margin-bottom:30px; }
.acc-cont .smk_accordion .accordion_in .acc_content ul.tab-lst { padding-right: 0px; margin-bottom:20px;}
.acc-cont .smk_accordion .accordion_in .acc_content ul.tab-lst li { margin-bottom: 30px;}

.acc-cont .smk_accordion .accordion_in .acc_head .acc_icon_expand { background: url(../images/acc-black.svg) no-repeat center center; width: 15px;
height: 10px; right: 14px; margin-top: -4px;}
.acc-cont .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { background: url(../images/acc-black.svg) no-repeat center center; 
transform: rotate(-180deg);}


.ajuts-contact{ float: left; width: 100%; background: var(--secondary-color); padding: 55px 0px 75px; }
.ajuts-contact .row { width: 775px;}
.contact-form { float: left; width: 100%;}
.contact-form h2{ font-size:34px; color:#fff; line-height:32px;font-family: var(--font-semibold); margin-bottom:25px; text-align: center;}
.contact-form p { color: #fff; font-size:17px; line-height:26px; font-family: var(--font-regular); margin-bottom:45px; text-align: center;}
.contact-form ul li{ float:left; width:100%; margin-bottom:20px; position:relative;}
.contact-form ul li:last-child{ margin-bottom:0;}
.contact-form ul li.half-wid{ width: 48%; margin-right: 4%;}
.contact-form ul li.mar-r-0{ margin-right: 0px;}
.contact-form input[type="text"], .contact-form textarea{ width:100%; padding:0px 20px; border:none; border-bottom: 3px solid #4e555b; color: #7f7f7f; border-radius:5px 5px 0px 0px; height:44px; line-height:50px; font-family: var(--font-regular);font-size:18px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background:#fff; letter-spacing:0.5px;}
.contact-form ul li textarea{height:128px;}
.contact-form input[type="submit"]{display: inline-block;color:#fff; text-transform: uppercase; border-radius: 100px; background: var(--secondary-color);font-family: var(--font-regular); font-size: 14px;height:52px;line-height:50px;padding: 0px 75px 0px 75px;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 #f4f8f9; cursor:pointer; margin-top:0px; letter-spacing: 1px;}
.contact-form input[type="submit"]:hover{ background:var(--primary-color); color:#fff; border: 1px solid var(--primary-color);}
.contact-form 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;}
.contact-form input[type=checkbox]:not(old) + label{ display: inline-block;line-height: 1.5em;float:left; width:100%;color:#fff; font-size:13px;margin-bottom:12px;font-family: var(--font-regular);}
.contact-form input[type=checkbox]:not(old) + label strong{font-family: var(--font-regular); font-weight: normal;}
.contact-form input[type=checkbox]:not(old) + label > span{display: inline-block;width: 20px;height: 20px;margin: -3px 10px 0 0; vertical-align   : middle;border:none; position:relative; background:#fff; border-radius: 4px;}
.contact-form input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block; text-align: center; font-weight: bold; cursor:pointer;background:var(--secondary-color); border-radius: 2px; height:16px; width:16px;  position:absolute;top:2px; left:2px;}

.contact-form ul li .ck-bx-lft{float: left;width:100%;}
.contact-form ul li .ck-bx-rht{float: left;width:100%;margin-top:35px;}
.contact-form ul li input[type="submit"]{margin-top: 15px;float: right;}

.histo.ajuts-main { padding-bottom: 95px;}
.histo.ajuts-main .tit-cont span,.histo.ajuts-main .tit-cont p { margin-bottom: 25px;font-size: 20px;letter-spacing: 0.42px;line-height: 30px;}
.ajuts-filter { float: left; width: 100%; padding: 40px 0px 5px; background: var(--secondary-color);}
.ajuts-filter > ul > li{ float: left; width: 24%; margin-right: 2%; margin-bottom: 35px; position: relative;}
.ajuts-filter > ul > li:nth-child(3){ width: 30%;}
.ajuts-filter > ul > li:nth-child(4){ width: 18%;}
.ajuts-filter > ul > li:nth-child(2n-2){ margin-right:0px;}
.ajuts-filter ul li ul li {width: 47.5%; margin-right:4.5%; margin-bottom: 0px;}
/* .ajuts-filter ul li.sec-li ul li {width: 95.5%; margin-right:4.5%; margin-bottom: 0px;} */

.ajuts-filter ul li input[type="text"]{ width:100%; padding:0px 20px; border:none; border-bottom: 3px solid var(--shade5-color); color: #9c9c9c; border-radius:5px 5px 5px 5px; height:45px; line-height:50px; font-family: var(--font-regular);font-size:17px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background:#fff; letter-spacing:0.5px;}
.ajuts-filter ul li input[type="submit"]{ float: right; color:#fff; text-transform: uppercase; border-radius: 100px; background: var(--secondary-color);font-family: var(--font-regular); font-size: 14px;height:48px;line-height:48px;padding: 0px 72px 0px 72px;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 #f4f8f9; cursor:pointer; margin-top:0px; letter-spacing: 1px;}
.ajuts-filter ul li input[type="submit"]:hover{ background: var(--primary-color); color: #ffffff; border: 1px solid var(--primary-color);}

.ajuts-select { float: left; width: 100%;}
.ajuts-select .sbHolder { width: 100%; background: #fff;height: 45px;border-radius:5px 5px 5px 5px;padding: 0px 20px;}
.ajuts-select .sbSelector { line-height: 45px;  color: #9c9c9c;font-family: var(--font-regular);font-size:17px; text-transform:inherit;
letter-spacing: 0.5px;}
.ajuts-select .sbSelector:link, .ajuts-select .sbSelector:visited, .ajuts-select .sbSelector:hover {  color: #9c9c9c;}
#filter-treball .ajuts-select .sbSelector:link,#filter-treball .ajuts-select .sbSelector:visited, .ajuts-select .sbSelector:hover {  color: #282828;}
.ajuts-select .sbOptions {top: 100% !important; width: 100% !important;}
.ajuts-select .sbHolder .sbOptions li { height: auto;}
.ajuts-select .sbHolder .sbOptions li a {color: #9c9c9c;font-family: var(--font-regular); font-size:14px; padding: 7px 5px !important;}
.ajuts-select .sbToggle { background: url(../images/slct-arw-grey.svg) no-repeat 0 0; right: 12px; top: 17px;}
.ajuts-filter ul li ul li input[type="text"] { border-bottom: none;}

.ui-datepicker-trigger {position: absolute;right: 13px;top: 15px; cursor: pointer;stroke:#282828}

.ajuts-filter ul li ul li input[type="text"]::-webkit-input-placeholder{color:#9c9c9c;opacity:1;}

.ajuts-filter ul li ul li input[type="text"]:-ms-input-placeholder{color:#9c9c9c;opacity:1;}

.ajuts-filter ul li ul li input[type="text"]::placeholder{color:#9c9c9c;opacity:1;}

.ajuts-detail { float: left; width: 100%; padding: 45px 0px 0px;}
.ajust-det-lft { float: left; width: 76%; padding-right: 30px;}
.ajust-det-lft .ajust-table ul li { float: left; width: 100%; border-bottom: 1px solid #d8d8d8; padding: 30px 0 30px 0; }
.ajust-det-lft .ajust-table ul li ul li { border: none; padding: 0; }
.ajust-det-lft .ajust-table ul li:last-child{ border-bottom: none;}
.ajust-det-lft .ajust-table ul li ul li:nth-child(1) { width: 44%; }
.ajust-det-lft .ajust-table ul li ul li:nth-child(2) { width: 20%; text-align: center; }
.ajust-det-lft .ajust-table ul li ul li:nth-child(3) { width: 12%; text-align: center;}
.ajust-det-lft .ajust-table ul li ul li:nth-child(4) { width: 12%; text-align: center; }
.ajust-det-lft .ajust-table ul li ul li:nth-child(5) { width: 12%; text-align: center;}
.ajust-det-lft .ajust-table ul li.tit { padding: 0px 0px;}
.ajust-det-lft .ajust-table ul li.tit ul li { color: var(--primary-color);font-family: var(--font-medium); font-size:15px; padding: 18px 0 18px 0;  }

.ajust-det-lft .ajust-table ul li ul li p { font-family: var(--font-regular); font-size: 15px; color:#282828; }
.ajust-det-lft .ajust-table ul li ul li p span { font-family: var(--font-semibold);}
.ajust-det-lft .ajust-table ul li ul li p span a {  color:#282828; }
.ajust-det-lft .ajust-table ul li ul li p span a:hover { text-decoration:underline; }

.nav-pag { float: left; width: 100%; padding: 60px 0 40px 0; text-align: center; }
.nav-pag ul li { float: none; display: inline-block; margin-right: 20px; }
.nav-pag ul li:last-child { margin: 0; }
/* .nav-pag ul li a{ color: #40849b; } */
/* .nav-pag ul li a.active { color: #282828; } */

.ajust-det-rgt { float: right; width: 24%; padding-top: 18px;}
.ajust-cal { float: left; width: 100%; border-top:3px solid var(--secondary-color); background: #f9f9f9; padding: 25px 25px;}
.ajust-cal .calendar { margin-bottom: 0px;}
.ajust-cal .ui-widget-content {float: left; width: 100%;background:none; border: none; padding: 0px; }
.ajust-cal .ui-widget-header { background:none; border: none;}
.ajust-cal .calendar .ui-datepicker-calendar td { font-size: 13px; padding: 3px;}
.ajust-cal .ui-state-default, .ajust-cal .ui-widget-content .ui-state-default, 
.ajust-cal .ui-widget-header .ui-state-default { border: none; background: none; color: #3d3d3d;text-align: center;}
.ajust-cal .calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:after{
background: none;}
.ajust-cal .calendar .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default.ui-state-active {
color: var(--secondary-color);font-family: var(--font-semibold);}
.ajust-cal .ui-datepicker .ui-datepicker-header { padding: 0px 0px;}
.ajust-cal .calendar .ui-datepicker-calendar th { text-transform: lowercase;}
.ajust-cal .calendar .ui-datepicker-title { float: left; margin: 0px; line-height: inherit; text-align: center; margin-bottom:20px; width: 100%; font-family: var(--font-semibold);}
.ajust-cal .calendar .ui-datepicker-month { color: #282828;font-size: 16px; text-transform: uppercase;font-family: var(--font-semibold); font-weight: normal;}
.ajust-cal .calendar .ui-datepicker-year { color: #282828; font-size: 16px;font-family: var(--font-semibold); font-weight: normal;}
.ajust-cal .calendar .ui-datepicker-prev span { left: 15px;top: 12px;cursor: pointer; background: url(../images/cal-arrw-left.png) no-repeat scroll 0 0;
width: 12px;height: 9px; transform: none;}
.ajust-cal .calendar .ui-datepicker-next span  {left: auto; right:8px;top: 12px;cursor: pointer; background: url(../images/cal-arrw-right.png) no-repeat scroll 0 0; 
width: 12px;height: 9px; transform: none;}
.ajust-cal .calendar .ui-datepicker .ui-datepicker-prev:hover { background: none; border:1px solid transparent; }
.ajust-cal .calendar .ui-datepicker .ui-datepicker-next:hover { background: none; border:1px solid transparent; padding: 0px; }
.compartex.fixta {padding: 70px 0 0 0;}



.grups{width:100%;float: left;}
.grups-lft{width:31%;float:left;margin-right: 3%;background: transparent;border-top:12px solid var(--primary-color);padding:21px 30px 59px 30px;box-shadow: 1px 1px 4px #ccc;}
.grups-rht{width:66%;float:left;}
.grups-rht img{width:100%;float:left;}
.grups-lft h1{font-size: 24px;color: #282828;font-family: var(--font-semibold);line-height:37px;padding-bottom: 22px;}
.grups-lft h6 {font-size: 14px; line-height: 24px; padding: 0px;  margin: 0px;  color: var(--primary-color); font-family: "sf_pro_displaymedium";padding-bottom: 22px;}
.link-grups{float:left;width:100%;padding: 29px 0 20px 0;border-top: 1px solid #282828;border-bottom: 1px solid #282828;}
.link-grups a {font-size: 12px; line-height: 12px; color: #3f609f; font-family: "sf_pro_displaymedium";border-radius: 16px; border:1px solid #f3c536;padding:10px 22px;margin-right: 2%;margin-bottom: 11px;float: left;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.link-grups a:hover {background: #3c567b;color:#fff;  border:2px solid #3c567b;}
.grups-weblink {padding:10px 0;clear:both}
.grups-weblink a{font-size: 15px; float:left;line-height: 24px; padding-top: 10px;  color: #47899f; font-family: "sf_pro_displaysemibold";width:100%;padding-bottom: 17px; letter-spacing:0.5px; }
.grups-weblink a:hover { color:var(--primary-color); }
.grups-weblink img{float:left;margin-right:3%;}

.objectius{width:100%;float: left;padding-top:70px;padding-bottom:58px;}
.objectius .obj-lft{width:61%;float:left;margin-right: 5%;padding-right:20px;}
.objectius .obj-lft h5{ font-size: 13px; color: #282828;font-family: var(--font-regular); letter-spacing: 1px;line-height: 15px;padding-bottom: 20px;}
.objectius .obj-lft p{ font-family: "sf_pro_displaymedium";font-size: 23px;line-height: 37px; color:#282828; letter-spacing:0.3px;}

.objectius .obj-rht{width:34%;float: left;}
.objectius .obj-rht h5{ font-size: 12px; color: #282828;font-family: var(--font-regular); letter-spacing: 1px;line-height: 15px;padding-bottom: 24px;}
.objectius .obj-rht ul{width:100%;float: left;}
.objectius .obj-rht ul li{float: left;width: 47%;margin-right: 6%;}
.objectius .obj-rht ul li img{float: left;width:100%;}
.objectius .obj-rht ul li:last-child{margin-right: 0;}
.objectius .obj-rht ul li p{font-family: "sf_pro_displaysemibold";font-size: 15px;line-height: 20px; padding-top: 13px;float: left;width:100%;}

.altres{width:100%;float:left;padding:46px 0 91px 0;}
.altres h4{font-family: var(--font-medium);font-size: 35px;line-height: 40px;padding-bottom: 35px;}
.altres ul li{width:48.7%;float: left;margin-right: 2.5%;margin-bottom: 38px;background: #fff;border:1px solid #ebebeb;box-shadow:1px 1px 5px #eee;border-top:4px solid var(--primary-color);min-height: 160px;padding:42px 0 42px 32px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;
-o-transition: all .5s ease;}
.altres ul li:hover{background: #fff;}
.altres ul li:nth-child(2n-2){margin-right: 0;}
.altres ul li h2{font-family: var(--font-medium);font-size: 20px;line-height: 31px;padding-bottom:16px;padding-right: 54px;}
.altres ul li p { font-size: 17px; line-height: 24px; color: #282828; font-family: var(--font-regular);}

.altres .view-more{width:100%;float: left;text-align: center;margin-top: 10px;}
.altres .view-more a{font-family: var(--font-semibold);font-size: 24px;line-height: 31px;text-align:center;position: relative;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease; -o-transition: all .5s ease; letter-spacing:0.5px; }
.altres .view-more a:hover { color:#528fa1; }
.altres .view-more a:hover:hover:after { background: url(../images/plus-h.svg) no-repeat center center;  background-size: 100%;}
.altres .view-more a:after { position: absolute; content:""; width:25px; height:25px; background: url(../images/plus.svg) no-repeat center center; top: 0px; right: -38px; background-size: 100%; transition:all 0.5s ease;}
/*.altres .view-more a:hover:after{background: url(../images/view-more-hover.png) no-repeat center center;}*/

.grups-tab-section{background-color: var(--shade7-color);}
.grups-tab-section .histo-tab .resp-tab-content {background: var(--shade7-color);}
.grups-tab-section .histo-tab .resp-tabs-list li { font-size: 14px; text-transform: uppercase;line-height:20px;}
.grups-tab-section .histo-tab .resp-tabs-list li.resp-tab-active,.grups-tab-section .histo-tab .resp-tabs-list li:hover { background-color: rgba(255, 255, 255, 0.45);color: #424242;}

.grups-tab-section ul.tab-lst li {	padding-left: 0;padding-bottom: 25px;position: static;margin-bottom: 0;}
.grups-tab-section ul.tab-lst li p {color: #2d2d2d; font-size: 17px; font-family: var(--font-regular);line-height: 28px;}
.grups-tab-section ul.tab-lst li p span.tab-hlit-txt{font-family: var(--font-semibold);}
.grups-tab-section .histo-tab .resp-tab-content { padding: 35px 0px 50px;}

.grups-tab-section ul.tab-lst li h6 {font-size: 22px; color: #282828;line-height: 31px;font-family: var(--font-semibold);padding-bottom: 22px; float: left;width:100%;}
.grups-tab-section ul.tab-lst { padding-right: 297px;}
.grups-tab-section ul.tab-lst li p span.tab-hlit-txt.pad-bot {font-family: var(--font-semibold);float: left;width:100%; padding-bottom: 43px; font-size:18px; }

.grups-tab-section ul.tab-lst li ul.tab-inner-list{width:100%;float: left;padding-bottom: 22px;}
.grups-tab-section ul.tab-lst li ul.tab-inner-list li{position: relative;}
.grups-tab-section ul.tab-lst li ul.tab-inner-list li:last-child{padding-bottom: 0;}
.grups-tab-section ul.tab-lst li ul.tab-inner-list li p{color:var(--secondary-color);padding-left:36px; font-family:var(--font-semibold); }

.grups-tab-section ul.tab-lst.tabular-clm{ padding-right: 0; display: flex;}
.grups-tab-section ul.tab-lst.tabular-clm li{width:14.7%;float:left;margin-right:27px;padding: 20px 0;}
.grups-tab-section ul.tab-lst.tabular-clm li h4{color: #28406e;text-transform: uppercase;font-size: 14px;min-height: 68px;padding-bottom: 0;line-height: 22px;padding-right: 6px; font-family: var(--font-medium);}

.grups-tab-section ul.tab-lst.tabular-clm li:last-child{margin-right: 0;}
.grups-tab-section ul.tab-lst.tabular-clm li ul.tblr-clm-inr li:first-child{border-top:1px solid #d8d8d8;}
.grups-tab-section ul.tab-lst.tabular-clm li ul.tblr-clm-inr li{border-bottom:1px solid #d8d8d8!important;font-size: 14px; color:#282828; }
.grups-tab-section ul.tab-lst.tabular-clm ul.tblr-clm-inr li {width: 100%;}

.grups-tab-section ul.tab-lst.ofertes-tab li:last-child{border-bottom: none;}
.grups-tab-section ul.tab-lst.activ-grnts h4{font-size: 20px; color: #282828; line-height: 30px;font-family: var(--font-semibold);    padding-bottom: 24px;}
.grups-tab-section ul.tab-lst.activ-grnts ul.activ-grnts-list li{font-size: 17px;color: #1a171b;line-height: 28px;font-family: var(--font-regular);padding-bottom: 0;padding-left:36px;position: static;margin-bottom: 0;padding-right:9px;}
.grups-tab-section ul.tab-lst.activ-grnts li{position: relative;}
/*.grups-tab-section ul.tab-lst.activ-grnts li:after{width:5px;height: 5px;background: var(--secondary-color);border-radius: 50%;top:12px;left:0;content:"";position:absolute;}*/
.grups-tab-section ul.tab-lst.activ-grnts ul.activ-grnts-list li span{font-family: var(--font-semibold);}

.grups-tab-section ul.tab-lst.add-px li{padding-bottom: 40px;}

.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm{width:100%;float:left;padding-bottom: 22px;padding-top:17px;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li {float:left;margin-right: 2%;border:none;padding-bottom: 0;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li:last-child{margin-right: 0;}
.grups-tab-section ul.tab-lst.ofertes-tab li:first-child ul.fr-row-clm{padding-top:0;padding-bottom: 20px;}
.grups-tab-section ul.tab-lst.ofertes-tab{padding-right: 0;}

.grups-tab-section ul.tab-lst.ofertes-tab li{float: left;width:100%;border-bottom:1px solid #e9e9e9;padding-bottom: 0;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li:first-child {width: 15%;color: var(--secondary-color);font-family: var(--font-medium);margin-right: 2%;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li:nth-child(2) {width: 34%;margin-right: 2%;color: #282828;font-family: var(--font-medium);line-height: 25px;padding-right: 87px;font-size: 16px;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li:hover:nth-child(2){text-decoration: underline;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li:nth-child(3) {width: 30%;margin-right: 2%;font-size: 17px;color: #1a171b;line-height: 25px;font-family: var(--font-regular);padding-right: 90px;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li:nth-child(4) {width: 15%;}

.grups-tab-section ul.tab-lst.ofertes-tab li:first-child ul.fr-row-clm li{color: #3b5a8e;text-transform: uppercase;font-size: 14px;line-height: 22px;}
.grups-tab-section ul.tab-lst.ofertes-tab li:last-child ul.fr-row-clm{padding-bottom: 0!important;}
.grups-tab-section ul.tab-lst.ofertes-tab li ul.fr-row-clm li span{display: block;font-size: 11px;color: #fe8d3f;background: #ffe9db;
border-radius: 11px;text-align: center;width: 50px;margin-top: 10px;line-height: 20px;}

.contact-tab{width:100%;float:left;padding-right: 0!important;padding-bottom: 0;}
.contact-tab-lft {width:20%;float: left;margin-right:6%;}
.contact-tab-rht {width:74%;float: left;}

 .contact-tab .contact-tab-lft h6{color: #282828;font-family: var(--font-medium);line-height: 30px; padding-right: 0; font-size:20px;}
.cntct-inr{float: left;width:100%;padding-bottom: 37px;}
.grups-weblink.cntct-inr a{text-decoration: underline;padding-bottom: 20px;}
.grups-weblink.cntct-inr img { float: left; margin-right: 4%;}

.contact-tab .contact-tab-lft p{font-size: 14px !important;float: left;font-family: var(--font-medium) !important;padding-bottom: 20px;line-height: 25px!important;}
.contact-tab .contact-tab-lft .mail-ph a{width:100%;font-size: 15px;float: left;font-family: var(--font-medium);padding-bottom: 10px;padding-left: 32px;position: relative; color:#282828; }
.contact-tab-lft a.view-map {text-decoration: underline;font-size: 15px; float: left; line-height: 24px; padding-top: 30px; color: #47899f; font-family: "sf_pro_displaymedium"; width: 100%;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.contact-tab-lft a:hover{color:var(--primary-color);text-decoration: underline;}
.contact-tab .contact-tab-lft .mail-ph a:hover{color:var(--primary-color);text-decoration: underline;}
.contact-tab .contact-tab-lft .mail-ph a.mail-tab:after{content: "";position: absolute;left:0;background: url(../images/mail.svg) no-repeat center center;width: 16px;height: 12px;top: 5px;}
.contact-tab .contact-tab-lft .mail-ph a.ph-tab:after{content: "";position: absolute;left:0;background: url(../images/phone-call.svg) no-repeat center center;width: 15px;height: 15px;top: 5px;}



.grups-tab-section .histo-tab ul.resp-tabs-list.hor_1{width:100%;float:left;position: relative;border-bottom: 1px solid #282828;}
/* .grups-tab-section .histo-tab ul.resp-tabs-list.hor_1:before{content: "";background: #282828;width: 100px;height: 1px;position: absolute;left: -7%;bottom: -1px;} */
/* .grups-tab-section .histo-tab ul.resp-tabs-list.hor_1::after { content: ""; background: #282828;  width: 100px; height: 1px;   position: absolute; right: -7%; bottom: -1px;} */
.publication-tab{float: left;width:100%;padding-right:0!important;padding-top: 15px;}
.publication-tab ul li{margin-left:20px;list-style:disc;}
.publication-tab ul li a:hover {
  color:#003060;
}
.publictn-lft{width: 895px;margin-right: 70px!important;float: left;}


.publication-tab .publictn-lft.smk_accordion .accordion_in .acc_content {background: #f9f9f9;padding: 0;}
.publication-tab .publictn-lft.smk_accordion .accordion_in.acc_active > .acc_head {  background: #f9f9f9;color: var(--secondary-color);font-size: 17px;line-height: 22px;border-bottom: none; font-family: var(--font-semibold);}
.publication-tab .publictn-lft.smk_accordion .accordion_in .acc_content p {font-size: 15px;line-height: 22px;color: #282828; padding-bottom: 8px;font-family: "sf_pro_displaymedium";padding-right: 100px;}
.publication-tab .publictn-lft.smk_accordion .accordion_in .acc_content p span{font-family: var(--font-semibold);}

.publication-tab .publictn-lft.smk_accordion .accordion_in .acc_head{background: #f9f9f9;color: var(--secondary-color);font-size: 17px;line-height: 27px;border-bottom: none;padding-right: 80px; font-family: var(--font-semibold);}
.publication-tab .publictn-lft.smk_accordion .accordion_in.acc_active > .acc_content{padding-bottom: 18px;}
.publication-tab .publictn-lft.smk_accordion .accordion_in{border-bottom: 1px solid #e1e1e1;}
.publication-tab .publictn-lft.smk_accordion .accordion_in.last-child-acc{border-bottom: none;}

.publication-tab .publictn-lft.smk_accordion .accordion_in .acc_head .acc_icon_expand { background:url(../images/acc-blue.svg) center 0 no-repeat;}
.publication-tab .publictn-lft.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { background: url(../images/acc-blue.svg) center 0px no-repeat; transform: rotate(180deg);}

.publication-tab .publictn-rht{width:205px;float: right;}
.publication-tab .publictn-rht ul{width:100%;float: left;border-left:1px solid #d8d8d8;padding: 10px 0 10px 0;}
.publication-tab .publictn-rht ul li{font-size: 18px;line-height: 18px; color: #c7c7c7;padding-bottom:20px;padding-left: 28px;position: relative;}
.publication-tab .publictn-rht h3{font-family: "sf_pro_displaymedium";margin: 24px 0 25px 0;font-size: 20px;line-height: 25px; color:#282828; }
.publication-tab .publictn-rht ul li.active:after{content: "";position: absolute;width: 5px;height: 36px;top:-4px;background: var(--secondary-color);left:0;}
.publication-tab .publictn-rht ul li.active{color:#282828;font-family: var(--font-semibold);}


/*map-section*/
.map-contact{width:100%;float:left;}
.map-contact .map-top-div{width:100%;float:left;background:#3c3a3b;}
.map-contact h6{text-align: center; color:#fff; font-size:25px; line-height:25px;padding: 40px 0;position:relative;}
.map-contact h6:before{background: url(../images/location-red.svg) no-repeat;content:"";width:20px;height:31px;position: absolute;top:28px;}
.map-contact h6 span{color:#ffeb00;padding-left:55px;}
.sml-map,.contact-map iframe{float: left; width: 100%; min-height: 500px;}



.noticies {float: left;width: 100%;padding-bottom: 50px;}
.noticies h1 {font-size: 48px;color: #282828;line-height: 55px;font-family: var(--font-semibold);margin-bottom: 30px;}
.noticies-lst ul li{ width: 31.65%; margin-right: 2.5%; float: left; margin-bottom: 70px;}
.noticies-lst ul li:nth-child(3n+3){ margin-right: 0;}
.noticies-lst ul li .n-img { width: 100%; float: left; overflow: hidden; position:relative;max-height: 350px;}
.noticies-lst ul li .n-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.noticies-lst ul li:hover .n-img::after { opacity:1;}
.noticies-lst ul li .n-img img{ width: 100%; float: left; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;height: 100%;object-fit: cover;}
.noticies-lst ul li .n-cnt {width: 100%; float: left; padding:15px 0 0 0; background:#fff;}
.noticies-lst ul li .n-cnt h5 {width: 100%; float: left; margin-bottom:15px; color:#282828;  font-size:14px; line-height: 22px; font-family: var(--font-regular);} 
.noticies-lst ul li .n-cnt h3 {width: 100%; float: left; margin-bottom:20px; font-family: var(--font-semibold); font-size:24px; color:#282828; text-transform:none; line-height:30px; transition:all 0.4s ease;} 
.noticies-lst ul li .n-cnt p {width: 100%; float: left; margin-bottom:50px; color:#282828;  font-size:16px;  font-family: var(--font-regular); letter-spacing:0.5px;} 
.noticies-lst ul li .n-cnt a {width:auto; float: left; color: var(--secondary-color); text-decoration: underline; transition:all 0.4s ease; } 
.noticies-lst ul li .n-cnt a:hover {  color:var(--primary-color); }
.noticies-lst ul li:hover .n-img img {transform: scale(1.05);}
.noticies-lst ul li:hover .n-cnt h3 { color:var(--secondary-color);}
.mes-but {width: 100%;float: left;text-align: center;}
.mes-but a{ background:var(--secondary-color); color: #fff;  font-family: var(--font-regular); font-size:16px; border-radius: 50px; padding:12px 44px; display: inline-block; transition:all 0.5s ease;}
.mes-but a span{ padding-left: 10px;}
.mes-but a:hover{ background:var(--primary-color); color: #fff;}
.noticies-lst ul li .n-cnt p span{ color: var(--secondary-color);}

.tambe{ width: 100%; float: left;}
.tambe h2{ width: 100%; float: left; font-size: 28px;color: #282828;line-height: 28px;font-family: var(--font-semibold);margin-bottom: 35px;}
.tambe-lst{width: 100%; float: left; padding:50px 0 150px 0; border-top:1px solid #d8d8d8;}
.tambe-lst ul li{width: 48%; float: left; margin-right: 4%; position: relative;}
.tambe-lst ul li:last-child { margin-right:0;}
.tambe-lst ul li img{width: 100%; float: left;}
.tambe-lst ul li .t-cnt{position: absolute; left: 0;bottom: -85px; background:#fff;padding:40px 40px 40px 10px; width: 80%; float: left;}
.tambe-lst ul li .t-cnt h3{width: 100%; float: left;font-size: 20px;color: #282828;line-height: 24px;font-family: var(--font-semibold);margin-bottom: 20px;}
.tambe-lst ul li .t-cnt p{width: 100%; float: left;color:#282828;  font-size:16px;  font-family: var(--font-regular); letter-spacing:0.5px; margin-bottom: 25px;}
.tambe-lst ul li .t-cnt h5{width: 100%; float: left; color:#282828; font-size:16px;  font-family: var(--font-regular); letter-spacing:0.5px; margin-bottom: 50px;}
.tambe-lst ul li .t-cnt a {width:auto; float: left; color: var(--secondary-color); text-decoration: underline; transition:all 0.4s ease; } 
.tambe-lst ul li .t-cnt a:hover { color:var(--primary-color); }

.noticies-bg { width: 100%; float: left; background:#f9f9f9;  padding:25px 0px; margin-bottom:45px; display:none; }
.noticies-bg.div-open { display:block;}
.assist-lst { width: 100%; float: left; margin-bottom:30px;}
.assist-lst ul li{ width: auto; margin-right: 16px; display: inline-block; }
.assist-lst ul li a{width: 100%; float: left; border:2px solid #b3c2d9; padding:6px 14px; font-size: 13px;font-family: var(--font-regular); color: var(--primary-color);border-radius: 5px; text-transform: uppercase; letter-spacing: 0.5px; transition:all 0.4s ease;}
.assist-lst ul li a:hover, .assist-lst ul li a.active{ background:var(--primary-color); color: #fff; border:2px solid var(--primary-color);}

.assist-mth {width: 100%; float: left;}
.assist-mth-lft{ width: 180px; float: left; margin-right: 20px; position: relative; }
.assist-mth-lft input{ width: 100%; float: left;  padding:8px 10px; border:2px solid #9b9b9b; color: #acacac;}
.assist-mth-lft img { position:absolute; top:8px; right:10px; }
.assist-mth-lft input[type="button"] {position: absolute;right:11px;top: 11px;border: none;cursor: pointer;background: url(../images/date.png) no-repeat center center;
width: 15px;height: 15px;}
 
.assist-mth-rgt{width: calc(100% - 200px); float: left;}
.assist-mth-rgt ul li{ width: 68px; margin-right: 16px; display: inline-block; margin-bottom:12px;}
.assist-mth-rgt ul li a{width: 100%; float: left; border:2px solid #9b9b9b; color: #282828; padding:6px 10px;text-align: center; font-size: 13px;font-family: var(--font-regular); border-radius: 5px; text-transform: uppercase; letter-spacing: 0.5px; transition:all 0.4s ease;}
.assist-mth-rgt ul li a:hover,.assist-mth-rgt ul li a.active{ background:#9b9b9b; color: #fff; border:2px solid #9b9b9b;}
/*Filtre*/
.t-lft {width: 50%;float: left;}
.t-rgt {float: right; margin:10px 0 0 0; }
.f-menu {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; }

.f-menu a {display: block;}
.f-menu span {display: block;  position: absolute;height: 2px;width: 100%;background: var(--primary-color);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;}
.t-rgt span {margin-right: 15px; font-size: 13px; font-family: var(--font-regular); text-transform: uppercase; color:var(--primary-color); line-height: 42px;}
/*.f-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;}
.f-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;}
.f-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;}
.f-menu.open span:nth-child(2) {width: 0%;opacity: 0;}
.f-menu.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 4px;left: 4px;background: #000;}
*/
/*formacio*/
.formacio {float: left;width: 100%;/*margin-bottom: 50px;*/}
.formacio h1 {font-size: 48px;color: #282828;line-height: 55px;font-family: var(--font-semibold);margin-bottom: 40px;}
.formacio ul{float: left;width: 100%; padding: 60px 0;/* border-bottom:1px solid #d8d8d8;*/}
.formacio ul li{float: left;width: 23.5%; margin-right: 2%;}
.formacio ul li:last-child{ margin-right: 0;}
.formacio ul li .for-img{float: left;width: 100%; overflow:hidden; position:relative;}
.formacio ul li .for-img img{float: left;width: 100%; transition:all 0.5s ease;}
.formacio ul li:hover .for-img img { transform:scale(1.05); }
.formacio ul li:hover .for-cnt h3 { color:var(--secondary-color); }
.formacio ul li .for-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.formacio ul li:hover .for-img::after { opacity:1; }

.formacio p {font-size: 24px; line-height: 36px; color: #282828;font-family: var(--font-regular);letter-spacing: 0.5px;margin-bottom: 40px;display: block; margin-bottom: 0;}
.formacio p span{font-family: var(--font-medium);}

.formacio ul li .for-cnt {float: left;width: 92%; padding: 30px 20px 0px 20px; background:#fff; margin-top: -30px; position:relative; }
.formacio ul li .for-cnt h3{float: left;width: 100%;font-size: 20px;color: #282828;line-height: 28px;font-family: var(--font-semibold); letter-spacing:0.5px; margin-bottom: 20px;}
.formacio ul li .for-cnt p{float: left;width: 100%;color:#282828;  font-size:16px; line-height: 27px;font-family: var(--font-regular); letter-spacing:0.5px;}

/*virgili*/
.virgili-sec {float: left;width: 100%;/*margin-bottom: 50px;*/}
.virgili-sec h2 {font-size: 34px;color: #282828; line-height: 40px; font-family: var(--font-semibold); margin-bottom: 30px; letter-spacing: 0.5px;margin-top:25px}
.virgili-sec span { font-size:20px; line-height:30px; letter-spacing: 0.4px; }
.virgili-sec p {font-size: 16px; line-height: 27px; color: #282828;font-family: var(--font-regular);letter-spacing: 0.5px;display: block; margin-bottom: 0;}
.virgili {float: left;width: 100%; margin-top: 40px;}
.virgili-lft{ width: 40%; float: left; margin-right: 2%;}
.virgili-lft img { width:100%; }
.virgili-rgt { width: 57%; float: right;}
.virgili-rgt p {font-size: 16px; line-height: 25px; color: #282828;font-family: var(--font-regular);letter-spacing: 0.5px;display: block; margin-bottom: 16px; background: none; padding:0; text-align:left;}
.virgili-rgt p.els {font-size: 14px; line-height:20px; }
.virgili-sec .virgili-rgt p.els span { line-height:20px; font-size: 14px;}
.virgili-sec .row{ position: relative;}
.unv{position:absolute; right: 0px; top:55px;}
.virgili-sec .virgili-rgt p span{font-family: var(--font-semibold); font-size:16px; line-height:25px;}
.virgili-sec h3 {font-size: 24px;color: #282828; line-height: 30px; font-family: var(--font-semibold); margin-bottom: 30px; letter-spacing: 0.5px;}
.virgili-sec.rankings h3{font-size: 36px;line-height: 36px;letter-spacing: 0;margin-bottom: 19px;}
.virgili-sec.rankings p,.virgili-sec.rankings span{font-size: 20px;line-height: 30px;letter-spacing: 0.42px}

.virgili-rgt a {width: auto;float: left;color: var(--secondary-color);text-decoration: underline;transition: all 0.4s ease; margin: 40px 0 0 0;}
.virgili-rgt a:hover { color:var(--primary-color); }
.virgili-lst{float: left;width: 100%; margin-top: 36px;  padding: 0; }
.virgili-lst ul li{ width: 13%; float: left; display: inline-block; margin-right:1.5%;}
.virgili-lst ul li a img{ width: 100%; float: left; transition: all .5s ease;}
.virgili-lst ul li a:hover img{opacity: 0.7;}
.virgili-lst ul li:last-child{ margin-right: 0;}
.virgili-lst ul li a h5{ float: left; width: 100%; font-size: 16px;  transition: all .5s ease; line-height: 20px; color: #282828 ;padding-top: 12px; font-family: var(--font-semibold);letter-spacing: 0.5px;}

.vols-sec{float: left;width: 100%; /*background:#f9f9f9;*/ padding: 60px 0px;}
.vols-lft{float: left;width: 42%; margin-right: 3%;}
.vols-rgt{float: right;width: 55%;}
.vols-rgt img{ width: 100%; float: left;}
.vols-sec h2 {float: left; width: 100%; font-size: 34px;color: #282828;line-height: 40px;font-family: var(--font-semibold);margin-bottom: 30px; letter-spacing: 0.5px;}
.vols-sec p {font-size: 16px; line-height: 25px; color: #282828;font-family: var(--font-regular);letter-spacing: 0.5px;display: block;}
a.info-but{ background:var(--secondary-color); /*url(../images/arrow-button.svg) no-repeat right 5px*/ font-size: 13px; color: #fff; transition: all .5s ease;font-family: var(--font-regular);letter-spacing: 0.5px; padding: 12px 45px 12px 45px; line-height:22px; text-transform: uppercase; border-radius: 25px; display: inline-block; margin-top: 50px;}
a.info-but span { background:url(../images/next-w.svg) no-repeat right; width: 15px; height: 11px; display: inline-block; margin-left: 10px; background-size: 100%;}
a.info-but:hover{ color: #fff; background:var(--primary-color);}

.formacio-sec{float: left;width: 100%; background:var(--shade7-color); padding: 60px 0px 100px 0px;}
.formacio-sec h2 {font-size: 36px;color: #282828;line-height: 65px;font-family: var(--font-semibold);margin-bottom: 50px; letter-spacing: 0;}
.formacio-lst {float: left;width: 100%;}
.formacio-lst > ul{display:flex}
.formacio-lst ul li{float: left;width: 31.33%; margin-right: 3%;}
.formacio-lst ul li:last-child{ margin-right: 0;}
.formacio-lst ul li.fst{ background:var(--secondary-color); padding: 40px 30px;}
.formacio-lst ul li.fst h3{float: left; width: 100%; font-size: 24px;color: #fff;line-height: 27px; font-family: var(--font-semibold);margin-bottom: 20px; letter-spacing: 0.25px;}
.formacio-lst ul li.fst p {font-size: 16px; line-height: 25px; color: #fff;font-family: var(--font-regular);letter-spacing: 0.17px;}
.formacio-lst ul li.fst a.info,.formacio-lst ul li.snd a.info{width: auto;float: left;color: #fff;text-decoration: underline;transition: all 0.4s ease;margin-top: 100px;font-size: 14px;letter-spacing: 0.29px;}
.formacio-lst ul li.fst li a.info, .formacio-lst ul li.snd li a.info{margin-top:0}
.formacio-lst ul li.fst a.info:hover,.formacio-lst ul li.snd a.info{text-decoration: none;}

.formacio-lst ul li.snd { background:#fff; padding: 42px 34px;box-shadow:2px 2px 10px #bebebe;}
.formacio-lst ul li.snd a.info{color:var(--ternary-color);text-decoration: underline;}
.formacio-lst ul li.snd h3 {float: left;width: 100%;font-size: 20px;color: #000;line-height: 25px;font-family: var(--font-semibold);margin-bottom: 20px; letter-spacing: 0.5px;}
.formacio-lst ul li.snd ul li {float: left;width: 100%;border-bottom: 1px solid #dfdfdf; padding-bottom: 20px; margin-bottom: 20px; margin-right: 0;}
.formacio-lst ul li.snd ul li p {font-size: 16px; line-height: 25px; color: #000;font-family: var(--font-semibold);letter-spacing: 0.5px; margin-bottom:15px;}
.formacio-lst ul li.snd ul li span {font-size: 16px; line-height: 25px; color: #000;font-family: var(--font-regular);letter-spacing: 0.5px; background: url(../images/calendar-blue.svg) no-repeat left 3px; padding-left: 30px;}
.info-but.but {margin-top: 27px;}
.formacio-lst ul li.snd ul li:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }

.tota {float: left;width: 100%;padding-bottom: 50px;}
.tota h1 {font-size: 44px;color: #282828; line-height: 44px;font-family: var(--font-semibold);margin-bottom: 30px; letter-spacing: 0.5px;}
.tota p { font-size:24px; color:#242424; margin-bottom:40px;}

.tota-lst {float: left;width: 100%; margin-top: 30px; border-bottom: 1px solid #ccc;}
.tota-lft {float: left;width: 25%; margin-right: 3%;}

.tota-lft h3 { font-size:18px; color:#282828; margin-bottom:15px;}
.tota-rgt {float: right;width: 70%;}

.tota-rgt ul li {float: left;width: 100%; border-bottom:1px solid #d8d8d8; padding-bottom: 40px; margin-bottom:40px;}
.tota-rgt ul li h5{float: left;width: 100%; margin-bottom: 15px; font-size:16px; color: #282828; line-height: 24px; font-family: var(--font-regular);}
.tota-rgt ul li h2{float: left;width: 100%; float: left; width: 100%; font-size: 24px; color: #292929; line-height: 32px; font-family: var(--font-semibold); margin-bottom: 20px; letter-spacing: 0.5px;}
.tota-rgt ul li ul li{ width: 100%; border-bottom:none; padding-bottom: 0px; margin-bottom: 0;}
.tota-rgt ul li ul li.dat { float: left; background: url(../images/calendar-blue-line.svg) no-repeat left 5px; padding-left: 30px; margin-bottom: 20px;}
.tota-rgt ul li ul li.loc { float: left;background: url(../images/location.svg) no-repeat left 2px; padding-left: 30px;}
.tota-rgt ul li:last-child { border-bottom: none; padding-bottom: 0px;}

.tota-rgt ul li a {width: auto;float: right;color: var(--primary-color);text-decoration: underline;transition: all 0.4s ease; }
.tota-rgt ul li a:hover {color:var(--secondary-color);}
.continguts{float: left;width: 100%; margin-bottom: 65px;}
.continguts h2{font-size: 32px;color: #282828;line-height: 32px;font-family: var(--font-semibold);margin-bottom: 40px; letter-spacing: 0.5px;}
.continguts-lst{float: left;width: 100%;}
.continguts-lst ul li{float: left;width: 32%; margin-right: 2%;}
.continguts-lst ul li:last-child{ margin-right: 0;}
.continguts-lst ul li a {width: auto;float: left;color: var(--secondary-color);text-decoration: underline;transition: all 0.4s ease; margin-top:30px;}
.continguts-lst ul li a:hover { color:var(--secondary-color); }
.continguts-lst ul li .continguts-img{ width: 100%; float: left; overflow:hidden; position:relative;}
.continguts-lst ul li .continguts-img img{ width: 100%; float: left; transition:all 0.4s ease; }
.continguts-lst ul li .continguts-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.continguts-lst ul li:hover .continguts-img:after { opacity:1;}

.continguts-lst ul li .continguts-cnt{ width: 100%; float: left; padding: 30px 0 55px 0;}
.continguts-lst ul li .continguts-cnt h3{ width: 100%; float: left; font-size: 24px;color: #282828;line-height: 28px; font-family: var(--font-semibold); margin-bottom: 20px; letter-spacing: 0.5px;}
.continguts-lst ul li:hover .continguts-cnt h3 { color:var(--secondary-color); }
.continguts-lst ul li:hover .continguts-img img { transform:scale(1.05);}

.continguts-lst ul li .continguts-cnt p{ width: 100%; float: left; font-size:16px;color: #282828;line-height: 27px; font-family: var(--font-regular); min-height: 150px;}
.load{ width: 100%; text-align: center;}

a.filter { background:var(--primary-color); padding:0; display: block; float: right; width:40px; height:40px; text-align:center; line-height:50px;}
a.filter span { background:url(../images/filter.svg) no-repeat 0 0; width: 25px; height: 21px; margin: 0; position: relative; top: auto; left: auto; float: none; display:inline-block;}
.filter.close-div  span { background:url(../images/close.png) no-repeat 0 0; }


.calendar{ margin-bottom:0px;}
.class-link{ color:#333333; text-decoration:none;}
.class-link:hover{ color:#ffbb00; }

/* From here you can start to copy */
.calendar.actulitat { padding:8px; background: #ffffff; border-radius: 4px; font-size:13px; border: 2px solid #d2d2d2;}
body.date-bg #ui-datepicker-div.ui-datepicker { background: #ffffff; border-radius: 15px;}
body.date-bg #ui-datepicker-div .ui-datepicker-header { height: 50px; line-height: 50px; color: #ffffff; background: #31639c; margin-bottom: 10px;}
body.date-bg #ui-datepicker-div .ui-datepicker-prev, body.date-bg .ui-datepicker-next { width: 20px; height: 20px; text-indent: 9999px; border-radius: 100%; cursor: pointer; overflow: hidden; margin-top: 12px;}
body.date-bg #ui-datepicker-div .ui-datepicker-prev { float: left; margin-left: 12px;}
body.date-bg #ui-datepicker-div .ui-datepicker-prev:after { transform: rotate(45deg); margin: -43px 0px 0px 8px;}
body.date-bg #ui-datepicker-div .ui-datepicker-next { float: right; margin-right: 12px;}
body.date-bg #ui-datepicker-div .ui-datepicker-next:after { transform: rotate(-135deg); margin: -43px 0px 0px 6px;}
body.date-bg #ui-datepicker-div .ui-datepicker-prev:after, body.date-bg #ui-datepicker-div .ui-datepicker-next:after { content: ''; position: absolute; display: block; width: 8px; height: 8px; border-left: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
body.date-bg #ui-datepicker-div .ui-datepicker-prev:hover, body.date-bg #ui-datepicker-div .ui-datepicker-next:hover, body.date-bg #ui-datepicker-div .ui-datepicker-prev:hover:after, body.date-bg #ui-datepicker-div .ui-datepicker-next:hover:after { border-color: #333333;}
body.date-bg #ui-datepicker-div .ui-datepicker-title { text-align: center;  font-size:22px;}
body.date-bg #ui-datepicker-div .ui-datepicker-calendar { width: 100%; text-align: center;}
body.date-bg #ui-datepicker-div .ui-datepicker-calendar thead tr th span { display: block; width: 40px; color: #525252; margin-bottom: 5px; font-size: 16px; font-family: var(--font-regular);}
body.date-bg #ui-datepicker-div .ui-state-default { display: block; text-decoration: none; color: #333333; line-height: 40px; font-size: 15px;}
body.date-bg #ui-datepicker-div .ui-state-default:hover {color: #ffffff; background:var(--secondary-color); border-radius:50px; transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);}
body.date-bg #ui-datepicker-div .ui-state-highlight { color: #ffffff; background-color:var(--secondary-color); border-radius:50px;}
body.date-bg #ui-datepicker-div .ui-state-active { color: #ffffff; background-color:var(--secondary-color); border-radius:50px;}
body.date-bg #ui-datepicker-div .ui-datepicker-unselectable .ui-state-default { color: #eee; border: 2px solid transparent;}

.noticies-lst { float:left; width:100%; }

.search-cur { float:left; width:100%; margin-bottom:40px; }
.search-cur input[type="text"] { background:#f8f8f8 url(../images/mag-lent.svg) no-repeat right 20px center;  width:100%; border:none; padding:15px 20px; font-size: 15px; font-family: var(--font-regular); border-bottom:1px solid #000; }



.accordion-container {position: relative; width: 100%; outline: 0;cursor: pointer}
.accordion-container .article-title {display: block; position: relative; margin: 0 0 2px 0; padding: 16px 20px; font-size: 16px; font-weight: normal; color: #282828; background: #f8f8f8; cursor: pointer;  border-bottom: 0px solid #e9e9ea; line-height:20px; float:left; width:100%; font-family: var(--font-semibold); }
.accordion-container .article-title:hover, .accordion-container .article-title:active, .accordion-container .content-entry.open .article-title { background-color: #f8f8f8; color: #282828;}
/*.accordion-container .article-title:first-child{ border-top: 1px solid #e9e9ea; }*/
.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i { color: white;}
.accordion-container .article-title{ position: relative;}
.accordion-container  .article-title:after { content: ""; position: absolute; right: 24px; top: 38%; transition: all 0.2s ease-in-out; display: block; width: 8px; height: 8px; border-top: solid 1px #000;  border-right: solid 1px #000; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
.article-title.open:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 45%;}
.accordion-container .accordion-content {display: none; padding: 25px 20px; float:left; width:100%; border-bottom: 0px solid #e9e9ea;}
/* CSS for CodePen */
.accordion-container { width: 100%; float:left; }
.accordion-container .accordion-content ul { float:left; width:100%;}
.accordion-container .accordion-content ul li { float:left; width:100%; margin-bottom:12px; }
.accordion-container .accordion-content ul li:last-child { margin-bottom:0;}
.accordion-container .accordion-content ul li label{ color:#282828; font-size:16px; letter-spacing:0.5px;}
.accordion-container .accordion-content ul li:hover label { color:var(--primary-color); }
/* Base for label styling */
.accordion-container .accordion-content ul li [type="checkbox"]:not(:checked),
.accordion-container .accordion-content ul li [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.accordion-container .accordion-content ul li [type="checkbox"]:not(:checked) + label,
.accordion-container .accordion-content ul li [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.accordion-container .accordion-content ul li [type="checkbox"]:not(:checked) + label:before,
.accordion-container .accordion-content ul li [type="checkbox"]:checked + label:before{content:'';position:absolute;left:0;top:2px;width:16px;height:16px;border:1px solid #e2e2e2;background:#fff;border-radius:0}
/* checked mark aspect */
.accordion-container .accordion-content ul li [type="checkbox"]:not(:checked) + label:after,
.accordion-container .accordion-content ul li [type="checkbox"]:checked + label:after{position:absolute;top:5px;left:3px;font-size:11px;line-height:.8;color:#000;content:"";width:10px;height:10px;transition:all .2s;background:var(--secondary-color)}
/* checked mark aspect changes */
.accordion-container .accordion-content ul li [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.accordion-container .accordion-content ul li [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.accordion-container .accordion-content ul li [type="checkbox"]:disabled:not(:checked) + label:before,
.accordion-container .accordion-content ul li [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.accordion-container .accordion-content ul li [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.accordion-container .accordion-content ul li [type="checkbox"]:disabled + label {
  color: #aaa;
}


.ajundar.fest-te .contact-form ul li.chk-box p { font-size: 12px; float: left; width: calc(100% - 38px);line-height: 18px; font-family: var(--font-regular); margin-bottom:0;}
.ajundar.fest-te .contact-form input[type="checkbox"]:not(old) + label > span { float:left; margin-top:0;}
.ajundar.fest-te .contact-form input[type="checkbox"]:not(old) + label { margin-top:0; }
section.virgili-sec.rankings{margin:50px 0;background:var(--shade7-color);padding:38px 0;}

.mob-slider.slick-slider { margin-left:15px; float:left; width:100%; display:none;}
.slick-list { padding-left: 0px!important; }
.mob-slider .slick-slide { margin-right:12px; }

.mob-slider.slick-slider .coneix-pad { position:relative; bottom:auto; width:100%; padding: 10px 0; }
.mob-slider.slick-slider h3 { font-size:18px; color:#000; margin:0 0 10px 0; font-family: var(--font-semibold); line-height:24px; }
.mob-slider.slick-slider p { color:#282828; font-size:16px; text-transform:none; margin-bottom:15px; padding-right:10px; }
.mob-slider.slick-slider span { display:block; margin:25px 0 40px; font-size:14px;  }
.mob-slider.slick-slider .coneix-pad a { color:var(--secondary-color); border-bottom:1px solid var(--secondary-color); font-size:14px;  transition:all 0.5s ease; }
.mob-slider.slick-slider .coneix-pad a:hover { color:var(--primary-color); border-bottom:1px solid var(--primary-color); }

.mob-slider.slick-slider  #slick-slide00 { transform: rotate(180deg);}

.mob-cal { float:right; display:none;}
.mob-cal a { background:var(--primary-color); padding:10px; float:right; border-radius:5px; }
.mob-cal a:hover { background:var(--secondary-color); }
.mob-cal a img { float:left; }
.mob-cal.grn-cal a { background:var(--secondary-color); }

.mob-slider.p-t-20.slick-slider h2 { font-size: 24px; color: #282828; line-height: 30px; font-family: var(--font-semibold); letter-spacing: 0.5px; margin-bottom: 30px;}
.mob-slider.p-t-20.slick-slider { margin-top: 30px; padding-top: 30px; padding-bottom:30px; border-top:1px solid #f2f2f2; }
.mob-slider.p-t-20.slick-slider .slick-prev, .mob-slider.p-t-20.slick-slider .slick-next { top:30px; }


.mob-slider.p-t-20.slick-slider p { font-size:14px; color:#282828; text-transform:uppercase; font-family: var(--font-regular); }
.mob-slider.p-t-20.slick-slider h3 { font-size:18px; line-height:24px; font-family: var(--font-semibold); letter-spacing:0.5px; margin:10px 0 20px; display:block; }
.mob-slider.p-t-20.slick-slider ul li { width:100%;font-size:14px; color:#282828; margin-bottom:18px; padding-left:32px; line-height: 22px; }
.mob-slider.p-t-20.slick-slider ul li:nth-last-child { margin-bottom:0;}
.mob-slider.p-t-20.slick-slider ul li.g-cal { background:url(../images/calender-rey.png) no-repeat left;}
.mob-slider.p-t-20.slick-slider ul li.g-clk { background:url(../images/clock-grey.png) no-repeat left;}
.mob-slider.p-t-20.slick-slider .agen-img { overflow:hidden; float:left; width:100%; margin-bottom:10px; }
.mob-slider.p-t-20.slick-slider .agen-img img {  float:left; width:100%; transition:all 0.4s ease;  }
.mob-slider.p-t-20.slick-slider .slick-slide:hover .agen-img img {transform:scale(1.05); }
.mob-slider.p-t-20.slick-slider .slick-slide:hover h3 { color:var(--secondary-color); }
.mob-slider.p-t-20.slick-slider .slick-slide { opacity:1 !important; }


.mob-slider .continguts-img{ width: 100%; float: left; overflow:hidden;}
.mob-slider .continguts-img img{ width: 100%; float: left; transition:all 0.4s ease; }
.mob-slider .continguts-cnt{ width: 100%; float: left; padding: 30px 0 0px 0;}
.mob-slider .continguts-cnt h3{ width: 100%; float: left; font-size: 24px;color: #282828; line-height: 28px; font-family: var(--font-semibold); margin-bottom: 20px; letter-spacing: 0.5px;}
.mob-slider .slick-slide:hover .continguts-cnt h3 { color:var(--secondary-color); }
.mob-slider .slick-slide:hover .continguts-img img { transform:scale(1.05);}
.mob-slider.slick-slider .slick-slide { opacity:1 !important; }

.mob-slider .continguts-cnt a {width: auto;float: left;color: var(--secondary-color);text-decoration: underline;transition: all 0.4s ease; margin-top:30px;}
.mob-slider .continguts-cnt a:hover { color:var(--secondary-color); }

.mob-slider .fst{ background:var(--secondary-color); padding: 30px 18px; float: left;}
.mob-slider .fst h3{float: left; width: 100%; font-size: 20px;color: #fff;line-height: 26px; font-family: var(--font-semibold);margin-bottom: 20px; letter-spacing: 0.5px;}
.mob-slider .fst p {font-size: 16px; line-height: 25px; color: #fff;font-family: var(--font-regular);letter-spacing: 0.5px;}
.mob-slider .fst a.info{width: auto;float: left;color: #fff;text-decoration: underline;transition: all 0.4s ease;margin-top: 0px;}
.mob-slider .fst a.info:hover{text-decoration: none;}

.mob-slider .snd { background:#fff; padding: 0px;}
.mob-slider .snd h3 {float: left;width: 100%;font-size: 20px;color: #000;line-height: 25px;font-family: var(--font-semibold);margin-bottom: 20px; letter-spacing: 0.5px;}
.mob-slider .snd ul li {float: left;width: 100%;border-bottom: 1px solid #dfdfdf; padding-bottom: 20px; margin-bottom: 20px; margin-right: 0;}
.mob-slider .snd ul li p {font-size: 16px; line-height: 25px; color: #000;font-family: var(--font-semibold);letter-spacing: 0.5px; margin-bottom:15px;}
.mob-slider .snd ul li span {font-size: 16px; line-height: 25px; color: #000;font-family: var(--font-regular);letter-spacing: 0.5px; background: url(../images/calendar-blue.svg) no-repeat left 3px; padding-left: 30px; margin:0;}
.mob-slider .snd ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

.mob-slider.m-l-0.slick-slider { margin-left:0;}
.mob-slider.m-l-0.slick-slider .slick-slide { margin-right:0;}


.mob-slider.m-l-0.slick-slider .slick-next { right:0;}
.mob-slider.m-l-0.slick-slider .slick-prev { right:45px; }
.mob-slider.m-l-0.slick-slider .slick-slide { opacity:1 !important; }
.mob-slider.m-l-0.slick-slider .slick-prev, .mob-slider.m-l-0.slick-slider .slick-next { top:-58px; }

.mob-slider-ranking.m-l-0.slick-slider .slick-slide { margin-right:10px; }
.mob-slider-ranking.slick-slider { display:none; float:left; width:100%; margin:20px 0 0 0; }
.mob-slider-ranking.m-l-0.slick-slider a h5{ float: left; width: 100%; font-size: 14px;  transition: all .5s ease; line-height: 20px; color: #282828 ;padding-top: 12px; font-family: var(--font-semibold);letter-spacing: 0.5px;}
.mob-slider-ranking.m-l-0.slick-slider .slick-slide { opacity:1 !important; }


/*vishnu*/
section.algun ul li{width: 49%; margin-right: 2%;}
section.algun ul li:nth-child(2n){margin-right: 0;}
section.terball ul li.active ul li{}
section.terball ul li ul li span.point{font-size: 12px; color: #5691a1; padding-left: 15px; position: relative; margin-top: 10px; cursor: pointer;}
section.terball ul li ul li span.point::after{position: absolute; content: "+"; left: 0; top: -1px;}
section.terball ul li.active ul li span.point::after{content: "-";}
section.terball ul li.active ul li span.point{color: #ff8633;}
section.terball ul li ul li p.tit{color: #25406b;
font-size: 14px; font-family: var(--font-regular);}
.desk-hide{display: none;}
.tria{float: left; width: 100%; margin-top: 10px; border-top: 1px solid #ddd; padding-top: 10px}
.tria .sbSelector:link, .tria .sbSelector:visited,  .tria .sbSelector:hover{color: #000;}
.tria .sbHolder{background: #f9f9f9; border-radius: 50px; float: right; padding: 5px 20px;}
.tria .sbSelector{text-transform: none;}
.tria p{float: left;}
.tria .sbOptions{width: 180px !important; top: 35px!important;}
.tria .sbOptions a{text-align: center;}
.m-inf{display: none; margin-top: 15px; float: left; width: 100%; }
.m-inf.show{display: block;}
.m-i{float: left;width: 100%; margin-bottom: 15px; position: relative; padding: 15px; border-bottom: 1px solid #ddd; }
.m-i::after{position: absolute; content: "+"; right: 15px; font-size: 30px; color: var(--secondary-color); top: 10px; font-family: var(--font-semibold);}
.m-i.active::after{ content: "-";}


/*  new css 22-6-2020 */
.my-message .morelink, .my-message1 .morelink1 { cursor: pointer; justify-content: left;display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; margin-top:35px;
  font-size: 14px; line-height: 20px; color: #323232;font-family: var(--font-regular); text-decoration: underline;}
  .arrow-link, .arrow-link1 { display: none; width: 16px; height: 16px; background:url(../images/more-plus.png) no-repeat center center; /* display: flex; */ align-items: center; position: relative; margin: 0 7px 0px 0px;}
  .my-message .morelink.active .arrow-link, .my-message1 .morelink1.active .arrow-link1 { background:url(../images/more-minus.png) no-repeat center center;}
  .my-message .morelink label, .my-message1 .morelink1 label{cursor: pointer; }
  
  .alter-carousel { float: left; width: 100%; display: none; position: relative;}
  .alter-carousel .owl-carousel .owl-item .img-div { float:left; width:100%; overflow:hidden; }
  .alter-carousel .owl-carousel .owl-item .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .alter-carousel .owl-carousel .owl-item:hover .img-div img { transform:scale(1.05); }
  .alter-carousel .owl-carousel .owl-item .altres-lst-cont { float:left; width:calc(100% - 14px);background: #fff; padding: 28px 15px; position: relative; margin-top: -32px; }
  .alter-carousel .owl-carousel .owl-item .altres-lst-cont h2 {font-size:20px; color:#282828; line-height:26px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .alter-carousel .owl-carousel .owl-item .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;}
  .alter-carousel .owl-carousel .owl-item:hover .altres-lst-cont h2 { color: var(--shade4-color); }
  
  
  .fitxa-lft h2 { display: none; font-size: 22px;line-height: 30px;color: #282828; font-family: var(--font-semibold);margin-bottom: 30px;}
  .news-lst-cont ul li {float: left; width: 100%;padding: 0px 0px 48px 0px; margin-bottom: 35px;border-bottom: 1px solid #d8d8d8;}
  .fitxa-rgt .compartex.fixta { padding: 25px 0px; margin: 0px 0px; border-top:none; }
  
  .fitxa-lft ul li a { color: #282828;}
  .news-lst-cont ul li .nw-rgt {padding-top: 25px;}
  
  .ajuts-filter ul li.first-li input[type="text"] { border-radius:5px 5px 0px 0px; }
  
  #mob-accord1 { float: left; width: 100%; display: none;}
  .accordion-nes.js-accordion {float: left; width: 100%;}
  .accordion-header, .accordion-body { background: #fff;}
  .accordion-header { padding: 20px 65px 20px 0px;  color: #000; border-top: 1px solid #d8d8d8; cursor: pointer; font-size: 14px; transition: all .3s; text-transform: uppercase; float: left; width: 100%; position:relative;}
  .accordion__item { border-bottom: 1px solid #3a4ba4;}
  .accordion__item .accordion__item { border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
  .accordion-header:hover { /*background: #2D3D99;*/ position: relative; z-index: 5;}
  .accordion-body { background: #f9f9f9;  display: none; float:left; width:100%; padding: 18px 12px; }
  .accordion-body__contents { float: left; width: 100%;}
  .accordion__item.active:last-child .accordion-header { border-radius: none;}
  .accordion:first-child > .accordion__item > .accordion-header { border-bottom: 1px solid transparent;}
  .accordion__item > .accordion-header:after { content: "+ info"; font-family: var(--font-regular); text-transform: lowercase;  font-size:14px; line-height: 15px; color: #42849a; float: right; position: absolute; bottom: 22px; right: 0px; }
  .accordion__item.active > .accordion-header:after {  content: "- info";color: #fe6c05;}
  
  .acco-title { float: left; width: 100%; padding: 18px 0px; /*border-bottom: 1px solid #d8d8d8;*/}
  .acco-title h3{ color: #51678e;font-family: var(--font-regular);font-size: 15px; line-height: 18px;} 
  .accordion-header p {font-size: 15px; line-height: 24px;color: #323232;}
  .accordion-header p span {font-family: var(--font-semibold); font-size: 15px; line-height: 24px;}
  
  .accordion-body__contents ul li{ float: left; width: 33.3333%; margin-bottom: 25px; }
  .accordion-body__contents ul li:first-child{ width: 100%;}
  .accordion-body__contents ul li h3{ color: #51678e;font-family: var(--font-regular);font-size: 14px; line-height: 16px; margin-bottom:12px;} 
  .accordion-body__contents ul li p { font-family: var(--font-regular);font-size: 14px; color: #282828;font-family: var(--font-semibold);}
  .accordion-body__contents ul li:first-child p { text-transform: uppercase;}
  .accordion-body__contents ul li:nth-child(3n-3){ text-align: center;}
  .accordion-body__contents ul li:nth-child(4n-4){ text-align: center;}
  
 .swiper10 li.swiper-slide{width:40%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  .alter-carousel .arrow .swiper-button-next, .alter-carousel .arrow .swiper-button-prev { top:0px;  }
  .alter-carousel .arrow {position: absolute; right: 0px; float: left; width: 100%; top:40%; z-index: 9; transform: translateY(-30px);-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px);}
  .alter-carousel .arrow .swiper-button-prev { background: var(--secondary-color) url(../images/arw-left.svg) no-repeat scroll center center;width: 48px; height: 48px;left: 40px; position:absolute; border-radius:50%; box-shadow: 0px 5px 5px rgba(0,0,0,0.1)}
  .alter-carousel .arrow .swiper-button-next { background: var(--secondary-color) url(../images/arw-left.svg) no-repeat scroll center center;width: 48px; height: 48px;right: 40px; position:absolute; border-radius:50%;transform: rotateZ(180deg); box-shadow: 0px 5px 5px rgba(0,0,0,0.1)}
  .alter-carousel .arrow .swiper-button-next.swiper-button-disabled {background: url(../images/rgt-arw.svg) no-repeat scroll 0 0 / 100%; transform: rotate(180deg);}
  .alter-carousel .arrow .swiper-button-prev.swiper-button-disabled {background: url(../images/rgt-arw.svg) no-repeat scroll 0 0 / 100%; transform: rotate(0);}
  
  .alter-carousel .arrow.swiper-arr .swiper-button-next.swiper-button-disabled { opacity:1; background:var(--secondary-color) url(../images/arw-left.svg) no-repeat scroll center center; opacity:1;}

  
  .alter-carousel .swiper-container { padding-left: 0px;}
  .alter-carousel .swiper10  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .alter-carousel .swiper10  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .alter-carousel .swiper10  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .alter-carousel .swiper10  li.swiper-slide .altres-lst-cont { float:left; width:calc(100% - 14px);background: #fff; padding: 28px 15px; position: relative; margin-top: -32px; }
  .alter-carousel .swiper10  li.swiper-slide .altres-lst-cont h2 {font-size:20px; color:#282828; line-height:26px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .alter-carousel .swiper10  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;}
  .alter-carousel .swiper10  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }
  
  
  .perdis-carousel { float: left; width: 100%; display: none; position: relative; padding: 45px 0px;}
  .perdis-list .perdis-carousel h1 {display: none; font-size: 26px;line-height: 34px; margin-bottom: 25px;color: #282828;font-family: var(--font-semibold);}
 .swiper11 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper11  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper11  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper11  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper11  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper11  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper11  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper11  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }

 .swiper12 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper12  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper12  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper12  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper12  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper12  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper12  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper12  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }

  /*13*/
  .swiper13 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper13  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper13  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper13  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper13  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper13  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper13  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper13  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }

  /*14*/
 .swiper14 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper14  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper14  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper14  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper14  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper14  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper14  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper14  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }

  /*15*/
 .swiper15 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper15  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper15  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper15  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper15  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper15  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper15  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper15  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }
  
  /*16*/
  .swiper16 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper16  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper16  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper16  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper16  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper16  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper16  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper16  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }
  
 .swiper17 li.swiper-slide{width:45%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
  
  .perdis-carousel .swiper-container { padding-left: 0px;}
  .perdis-carousel .swiper17  li.swiper-slide .img-div { float:left; width:100%; overflow:hidden; }
  .perdis-carousel .swiper17  li.swiper-slide .img-div img { float:left; width:100%; transition:all 0.4s ease; }
  .perdis-carousel .swiper17  li.swiper-slide:hover .img-div img { transform:scale(1.05); }
  .perdis-carousel .swiper17  li.swiper-slide .altres-lst-cont { float:left; width:100%;background: #fff; padding: 28px 0px; position: relative; }
  .perdis-carousel .swiper17  li.swiper-slide .altres-lst-cont h2 {font-size:22px; color:#282828; line-height:28px;font-family: var(--font-semibold); margin-bottom:15px;transition: all .5s ease; }
  .perdis-carousel .swiper17  li.swiper-slide .altres-lst-cont p { color: #2d2d2d; font-size:16px; font-family: var(--font-regular);transition: all .5s ease;margin-bottom:40px;}
  .perdis-carousel .swiper17  li.swiper-slide:hover .altres-lst-cont h2 { color: var(--shade4-color); }
  
  
.mob-member { float:left; width:100%; padding:25px 0 0; display:none;}
.mob-member .grups-tab-section { background:none; float:left; width:100%;}
.mob-member .mob-tit-mbr { float:left; width:100%;}
.mob-member .mob-tit-mbr h2 { float:left; width:100%; font-size:22px; color:#282828; line-height:28px; font-family: var(--font-semibold); margin-bottom:15px; position:relative; cursor:pointer;}
.mob-member .mob-tit-mbr h2::after { position:absolute; content:""; right:0; top:10px; background:url(../images/acc-blue.svg) center 0px no-repeat; width:14px; height:8px;}
.mob-member .mob-tit-mbr.active h2::after { transform:rotate(180deg);} 
.mob-member .grups-tab-section.mob-tit-mbr ul.tab-lst.tabular-clm { display:none;}
.mob-member .grups-tab-section.mob-tit-mbr.active ul.tab-lst.tabular-clm { display:block;} 
   
  
  
  
  
  
  
  
.ajust-det-rgt .ajust-cal .ui-datepicker .ui-datepicker-next { margin:0; }
.s-rgt .sbOptions a { font-size:15px;}
.s-lft .sbHolder .sbOptions li a { font-size:15px;}
 
 
.m-close { position: absolute; right: 30px; top: 23px; cursor:pointer;}
section.llista ul li .m-close{display:none;}
section.llista ul li.active .m-close{display:block;}
.tria .sbHolder{padding: 5px 40px 5px 30px;}
.tria .sbOptions {width: 210px !important;}


.tota-lst.no-bdr { border-bottom:none; }
.my-message.hide-sh.show a.morelink { margin-top:25px; }
.my-message.hide-sh.show span.morecontent span { font-family: var(--font-regular); }

footer .ftr-btm .lst-rgt ul li a img { height:19px;}
.assist-mth-lft img { width:18px; }

.top-hdr .top-lft ul li:last-child img { width:13px; }

.counter-lst .dades-title { float:left; width:100%; position:relative;}
.counter-lst h1 { float:left; width:auto; color:#ffffff;  font-family: var(--font-medium); font-size:34px; line-height:34px; margin-bottom:35px;letter-spacing: 0.5px;}
.counter-lst .ves-hi { position:absolute; top:7px; right:0;}
.counter-lst .ves-hi a { float:right; width:auto; background:url(../images/ves-hi.png) no-repeat right center; color:#ffffff; font-size:14px; line-height:20px; position:relative; padding-bottom:3px; padding-right:15px;}
.counter-lst .ves-hi a:hover { opacity:0.7;}
.counter-lst .ves-hi a::after { position:absolute; content:"";background: #ffffff; right:0; bottom:0px; margin: 0 auto; width:100%; height:1px;}
.counter-lst ul li::before { position:absolute; content:"";background: #7989a3; right:0; top:10px; margin: 0 auto; width:2px; height:168px;}
.counter-lst ul li:last-child:before { content:none;}

.human-res-lst ul li.bg:first-child { background:var(--primary-color);}
.human-res-lst ul li.no-bg:last-child { background:var(--secondary-color);}

.human-res-lst ul li.bg:last-child { background:var(--secondary-color);}
.human-res-lst ul li.no-bg:first-child { background:var(--primary-color);}

/* footer .ftr-mid .ftr-rgt .addr-rgt h1 { float:left; width:100%; font-size:18px; line-height:26px; padding-bottom:20px; font-family: var(--font-bold);} */
footer .ftr-mid .ftr-rgt .addr-btm-para { float:left; width:100%; margin-top:20px;}

footer .ftr-btm .lst-btm-rgt { float:right; width:24%;}
footer .ftr-btm .lst-btm-rgt p {float:left; width:100%; font-size:14px; line-height:21px; color:#2e2e2e; padding-bottom:3px;}
footer .ftr-btm .lst-btm-rgt p strong { font-family: var(--font-bold); font-weight:normal; color:#282828;}

footer .ftr-mid .ftr-rgt .addr-btm-para { display:none;}



/* css 13-8-2020 */
.top-hdr .top-rgt a.labora-btn { float: left; width: auto; border:1px solid #fff; background: url(../images/col-lab-icon.png) no-repeat left 10px center; margin-right: 25px; font-size: 12px; line-height: 18px; font-family: var(--font-bold); color: #fff; padding: 3px 18px 3px 34px; border-radius: 20px; height: 25px;  transition:all .5s ease;}
.top-hdr .top-rgt a.labora-btn:hover { opacity:0.7;}



/* Organigrama de direccio page versio 2025*/
/* Contenedor principal con CSS Grid */

.esquema_tree_container {
  background-color: var(--shade10-color);
  padding: 40px 0;
}

.esquema_tree {

  --gap: 20px;
  --box_color1: #82c6d6;
  --box_color2: #c4dde5;
  --box_color3: #048cac;
  --box_color4: #0070c0;
  --line_color: var(--shade5-color);
  --indent: 40px;


  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* Tres columnas de igual tamaño */
  gap: var(--gap);
  /* Espaciado entre los elementos */
  text-align: center;
  position: relative;

}

/* Estilo para las cajas con texto */
.esquema_tree .box {
  position: relative;
  z-index: 1;
}

.esquema_tree .box .inner {
  background-color: var(--box_color1);
  color: white;
  padding: 10px;
  border-radius: 50px;
  font-size: 16px;

  display: flex;
  justify-content: center;
  align-items: center;


  min-height:60px;

  /*height: calc(100% - 20px);*/

}

.esquema_tree .box.color2 .inner {
  background-color: var(--box_color2);
  color: #000;
}

.esquema_tree .box.color3 .inner {
  background-color: var(--box_color3);
}

.esquema_tree .box.color4 .inner {
  background-color: var(--box_color4);
}

/* Estilo para los divs vacíos con clases especiales */
.esquema_tree .line_T,
.esquema_tree .line_E,
.esquema_tree .line_I {
  position: relative;
}

.esquema_tree .line_T:before,
.esquema_tree .line_T:after,
.esquema_tree .line_E:before,
.esquema_tree .line_E:after,
.esquema_tree .line_I::before,
.esquema_tree .line_I::after,
.esquema_tree .box.line_I .inner:before
{
  background-color: var(--line_color);
}

/* Líneas para la clase T */
.esquema_tree .line_T::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-1 * var(--gap));
  right: calc(-1 * var(--gap));
  height: 2px;

}

.esquema_tree .line_T::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  bottom: calc(-1 * var(--gap));

}

.esquema_tree .line_T.rotate {
  transform: rotate(180deg);
}

/* Líneas para la clase E */
.esquema_tree .line_E::before {
  content: "";
  position: absolute;
  top: calc(-1 * var(--gap));
  bottom: calc(-1 * var(--gap));
  left: 50%;
  width: 2px;

}

.esquema_tree .line_E::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  right: calc(-1 * var(--gap));
  height: 2px;

}


.esquema_tree .box.line_I .inner:before {
  content: '';
  position: absolute;
  top: calc(-1 * var(--gap));
  height: var(--gap);
  left 50%;
  width: 2px;

}

.esquema_tree .box.closer_right .inner {
  margin-right: calc(-1 * var(--indent));
  margin-left: var(--indent);
}

.esquema_tree .box.closer_left .inner {
  margin-right: var(--indent);
  margin-left: calc(-1 * var(--indent));
}

@media screen and (max-width: 767px) {

  .esquema_tree .box .inner {
    border-radius: 10px;
    font-size:14px;
  }

}


/* Organigrama de direccio page */
.histo.organigram {padding: 0px 0px 65px;}
.organig-blue{ float: left; width: 100%; padding: 75px 0px; background: var(--shade10-color);position: relative;}
.organig-blue .dialog-btn{box-shadow:3px 5px 15px #d2d2d2;background:#fff;padding:20px;width:300px;position:absolute;left:25%;border-radius: 2px;transform: translate(0,-25%);}
.organig-blue .dialog-btn::after{width:0;height:0;border-style:solid;border-width:15px 0 15px 20px;border-color:transparent transparent transparent #ffffff;content: ' ';display: block;top:30%;right:-15px;position: absolute;}

.organig-blue ul{ float:left; width:100%;}
.organig-blue ul.top-blue-btns{ display:flex; justify-content: right;justify-content: flex-end; }
.organig-blue ul.btm-blue-btns{ display:flex; justify-content: right;justify-content: flex-end; }
.organig-blue ul.mid-blue-btns{ position: relative;z-index: 2; margin:75px 0px;}
.organig-blue ul.mid-blue-btns::after{ content:""; position:absolute; width:100%; height:1px; background:var(--shade5-color);left: 0px;top: 50%;z-index: -1;}
.organig-blue ul li{ float:left; width:25%; text-align:center; position: relative;z-index: 9;}
.organig-blue ul li a.grn-btn { font-size:18px;font-family: var(--font-regular); background:var(--secondary-color); padding:0px 28px; border-radius:60px; color:#fff; height:60px; width:185px; display:inline-block; line-height:60px; letter-spacing:0.4px; float:none; transition:all 0.5s ease;
position: relative;z-index: 2;}
.organig-blue ul li:nth-child(2) a.grn-btn { width:240px;}
.organig-blue ul li a.blue-btn { font-size:18px;font-family: var(--font-regular); background:var(--primary-color); padding:0px 28px; border-radius:60px; color:#fff; height:60px; width:208px; display:inline-block; line-height:60px; letter-spacing:0.4px; float:none; transition:all 0.5s ease;
position: relative;z-index: 2;}
.organig-blue ul li a.ltblue-btn { font-size:18px;font-family: var(--font-regular); background:#75bae3  ; padding:0px 28px; border-radius:60px; color:#fff; height:60px; width:260px; display:inline-block; line-height:60px; letter-spacing:0.4px; float:none; transition:all 0.5s ease;
position: relative;z-index: 2;}

.organig-blue ul.mid-blue-btns li:last-child::after{ content:""; position:absolute; background: url(../images/double-dot.png) no-repeat 0px 0px; width:13px; height:57px;top: -110%;left: 50%; }
.organig-blue ul.mid-blue-btns li:last-child::before{ content:""; position:absolute; background: url(../images/double-dot.png) no-repeat 0px 0px; width:13px; height:57px;top: 110%;left: 50%; }

.organig-blue ul.top-blue-btns li:first-child::before{content:""; position:absolute; z-index:-1; width:1px; height:165px; background:var(--shade5-color); top:0px; left:50%;}
.organig-blue ul.top-blue-btns li:first-child::after{content:""; position:absolute;z-index:9; width:20px; height:20px;  border-radius:10px; background:#fff;border:5px solid #b3d3de; top:156px; left:50%; transform:translateX(-9px)}

.btn-div{ float:left; width:100%; position:relative;}
.dotspan { position:absolute; top:50%; width:9px; height:9px;background:var(--shade5-color); border-radius:10px;transform:translateY(-4px);}
.dot1 { right:25px; }
.dot2 { left:5px;}
.dot3 { right:5px;}
.dot4 { left:28px;}

.arrw-btn-blu::after{ content:""; position:absolute; right: -6px; top:0px; bottom:0px; margin: auto; width: 0; height: 0; border-top: 9px solid transparent;border-bottom: 9px solid transparent;
border-left: 9px solid var(--primary-color);}
.arrw-btn-grn::after{ content:""; position:absolute; right: -6px; top:0px; bottom:0px; margin: auto; width: 0; height: 0; border-top: 9px solid transparent;border-bottom: 9px solid transparent;
border-left: 9px solid var(--secondary-color);}

.organima-tab .histo-tab .resp-tabs-list li {font-size: 14px;text-transform: uppercase;line-height: 20px;}
.organima-tab .histo-tab .resp-tabs-list li.resp-tab-active {background:rgba(243,197,54,0.15)}
.organima-tab .histo-tab .resp-tab-content {padding: 35px 0px 0px;}
.organima-tab .tab-cont-tit{ float: left; width: 100%; padding-right: 200px;}
.organima-tab .tab-cont-tit p {color: #2d2d2d; font-size: 16px; font-family: var(--font-regular);line-height: 24px; margin-bottom: 10px;letter-spacing: 0.25px;}
.organima-tab .tab-cont-tit p span.tab-hlit-txt{font-family: var(--font-medium);}

ul.org-tab-lst{ float: left; width:100%; margin-top:35px;}
ul.org-tab-lst li{ float: left; width: 100%; position: relative; margin-bottom:36px; padding-bottom: 36px; border-bottom:1px solid #d8d8d8;}
ul.org-tab-lst li:last-child{ border-bottom:none; padding-bottom: 0px; margin-bottom: 0px;}
ul.org-tab-lst li h3 {font-size: 22px;color: #282828;line-height: 31px;font-family: var(--font-semibold);padding-bottom: 22px;}
ul.org-tab-lst li p { color: #282828; font-size: 16px;font-family: var(--font-semibold); margin-bottom: 32px;}
ul.org-tab-lst li p span.italic-text { font-style: italic; font-family: var(--font-regular); }
ul.org-tab-lst li p:last-child{ margin-bottom: 0px;}


.histo-cont.ceim-tab{padding: 70px 0px 0px;}
.histo-cont.ceim-tab h1 { font-size: 34px; color: #282828; line-height:46px;font-family: var(--font-semibold); margin-bottom:32px;}
.organima-tab.ceim-tab .histo-tab .resp-tabs-list li{ text-transform: inherit;font-size: 20px;}

.organima-tab.ceim-tab ul.tab-lst.tabular-clm{ padding-right: 0; display: flex;}
.organima-tab.ceim-tab ul.tab-lst.tabular-clm li{width:14.7%;float:left;margin-right:27px;padding: 20px 0; margin-bottom: 0px;}
.organima-tab.ceim-tab ul.tab-lst.tabular-clm li h4{color: #28406e;text-transform: uppercase;font-size: 14px;min-height: 68px;padding-bottom: 0;line-height: 22px;padding-right: 6px; font-family: var(--font-medium);}

.organima-tab.ceim-tab ul.tab-lst.tabular-clm li:last-child{margin-right: 0;}
.organima-tab.ceim-tab ul.tab-lst.tabular-clm li ul.tblr-clm-inr li:first-child{border-top:1px solid #d8d8d8;}
.organima-tab.ceim-tab ul.tab-lst.tabular-clm li ul.tblr-clm-inr li{border-bottom:1px solid #d8d8d8!important;font-size: 14px; color:#282828; }
.organima-tab.ceim-tab ul.tab-lst.tabular-clm ul.tblr-clm-inr li {width: 100%;}

.organima-tab.ceim-tab ul.tab-lst li {	padding-left: 0;padding-bottom: 25px;position: static;margin-bottom: 0;}

.ceim-tab .publication-tab .publictn-lft.smk_accordion .accordion_in {margin-bottom:2px;}
.ceim-tab .publication-tab .publictn-lft.smk_accordion .accordion_in .acc_head {background: #fff;}
.ceim-tab .publication-tab .publictn-lft.smk_accordion .accordion_in .acc_content{background: #fff;}

.calender-tab{ float:left; width:100%;}
.calender-tab .calender-tab-rht {width: 26%;float: right;}
.calender-tab .calender-tab-lft {width: 74%;float: left; padding-right: 40px;}
.calender-tab .calender-tab-lft.fw {width: 100%;float: none; padding-right: 0;}
.calender-tab-lft ul.sant-list { float: left; width:50%;padding-right:15px;}
.calender-tab-lft ul.sant-list li{ float: left; width:100%;padding-left:20px; position: relative; color: #2d2d2d; font-size:15px;font-family: var(--font-semibold); line-height: 28px; margin-bottom: 18px;}
.calender-tab-lft ul.sant-list li:last-child{ margin-bottom:0px;}
.calender-tab-lft ul.sant-list li::after{ content:""; position:absolute; width: 5px; height: 5px; background:var(--secondary-color); border-radius:10px; left:0px;
top:11px;}
.calender-tab-lft ul.sant-list li span{font-family: var(--font-regular); }
.calender-tab-lft ul.sant-list li ul { float:left; width:100%; padding-left:30px; margin-top:25px;}
.calender-tab-lft ul.sant-list li ul li {font-family: var(--font-regular);font-size:13px; margin-bottom:15px; line-height: 22px; }
.calender-tab .ajust-cal .calendar .ui-datepicker-prev span { top: 5px;}
.calender-tab .ajust-cal .calendar .ui-datepicker-next span  {top: 5px;}
.calender-tab .ajust-cal .calendar .ui-datepicker .ui-datepicker-prev:hover { border:none; }
.calender-tab .ajust-cal .calendar .ui-datepicker .ui-datepicker-next:hover { border:none; }
.calender-tab .ajust-cal {padding: 25px 20px;}

.organig-white-lst{ float:left; width:100%; padding:35px 0px; background: #fff; display:none;}
.white-btns{ float: left; width:100%; text-align: center; position: relative;}
.white-btns li{ float: left; width:100%; margin-bottom: 115px;position: relative;z-index: 2;}
.white-btns li:last-child{ margin-bottom: 0px;}
a.wht-btn{ display: inline-block; width:180px; background: #fff; padding: 0px 12px; border:1px solid #f0f8fa; border-radius:5px;font-family: var(--font-regular);
color:#282828; font-size: 15px; height:50px; line-height: 50px; text-align: center;box-shadow: 0px 10px 30px rgba(0,0,0,0.1);transition: all .5s ease;  position: relative;}
a.wht-btn:hover{ background: var(--secondary-color);color:#fff; }
.white-btns::after{ content:""; position: absolute; top:0px; width:1px; height:100%; border: 1px dashed var(--secondary-color);left: 0px;right: 0px;
margin: auto;z-index: 0; }

.white-btns li.concel-extern{ position:absolute; top:80px; left:0px;text-align: left; margin-bottom:0px; width:50%; }
.white-btns li.concel-extern::after{ content:""; position: absolute; bottom:-22px; width:60%; height:1px; border: 1px dashed var(--secondary-color);right: 0px;
z-index: 0; }
.white-btns li.concel-extern::before{ content:""; position: absolute; bottom:-22px; width:1px; height:25px; border: 1px dashed var(--secondary-color);right:60%;
  z-index: 0; }
.white-btns li.concel-intern{ position:absolute; bottom:89px; right:0px;text-align: right; margin-bottom:0px;width:50%;}

.white-btns li.concel-intern::after{ content:""; position: absolute; bottom:-22px; width:60%; height:1px; border: 1px dashed var(--secondary-color);left: 0px;
z-index: 0; }
.white-btns li.concel-intern::before{ content:""; position: absolute; bottom:-22px; width:1px; height:25px; border: 1px dashed var(--secondary-color);left:60%;
z-index: 0; }



/* Organigrama de gestió page */
.organigram-team{ float:left; width:100%;padding: 0px 0px 0px;}
.content-acc { float:left; width:100%; margin:0px 0px 40px 0px;}
.content-acc ul.gestio-nav{ display:flex; flex-wrap:wrap;}
.content-acc ul.gestio-nav li { float:left; width:32%; margin-right:2%; background:#fff;}
.content-acc ul.gestio-nav li a{float:left; width:100%; min-height: 160px; padding:25px 20px; background:var(--primary-color); position: relative;}
.content-acc ul.gestio-nav li:hover a {background: #b1bbcb; color: var(--primary-color)}
.content-acc ul.gestio-nav li:nth-child(3n-3) { margin-right:0px;}
.content-acc ul.gestio-nav li a h5 {color:#fff; font-size:12px; line-height:15px;margin-bottom:20px; }
.content-acc ul.gestio-nav li a h2 {color:#fff; font-size:22px; line-height:26px; margin-bottom:0px;font-family: var(--font-semibold); }
.content-acc ul.gestio-nav li a span.plus {color: #fff;font-size:30px;position: absolute;right:30px;bottom:20px;}
.content-acc ul.gestio-nav li a span.plus::after { content:"+";color: #fff;font-size:30px; }
.content-acc ul.gestio-nav li a.topLink.active span.plus::after { content:"-";color:#282828;font-size:34px;}
.content-acc ul.gestio-nav li a.topLink.active{ background: #f8f8f8;}
.content-acc ul.gestio-nav li a.topLink.active h5 {color:#282828;}
.content-acc ul.gestio-nav li a.topLink.active h2 {color:#282828;}
.content-acc ul.gestio-nav li a:hover {background: #b1bbcb; color: var(--primary-color)}
.content-acc ul.gestio-nav li a:hover h5, .content-acc ul.gestio-nav li a:hover h2,
.content-acc ul.gestio-nav li a:hover span.plus, .content-acc ul.gestio-nav li a:hover span.plus:after{color:var(--primary-color);}

.content-acc.content-acc1 ul.gestio-nav li a{background:var(--ternary-color);}
.content-acc.content-acc1 ul.gestio-nav li a:hover {background: #aed3de;}
.content-acc.content-acc1 ul.gestio-nav li a:hover h5, .content-acc.content-acc1 ul.gestio-nav li a:hover h2,
.content-acc.content-acc1 ul.gestio-nav li a:hover span.plus, .content-acc.content-acc1 ul.gestio-nav li a:hover span.plus:after{color:var(--ternary-color);}
.content-acc.content-acc2 ul.gestio-nav li a{background:#92bfd0;}
.content-acc.content-acc2 ul.gestio-nav li a:hover {background: #dceef5;}
.content-acc.content-acc2 ul.gestio-nav li a:hover h5, .content-acc.content-acc2 ul.gestio-nav li a:hover h2,
.content-acc.content-acc2 ul.gestio-nav li a:hover span.plus, .content-acc.content-acc2 ul.gestio-nav li a:hover span.plus:after{color:#92bfd0;}
/* .content-acc.content-acc2{ margin-bottom: 0px;} */


.toggles { float:left; width:100%; background:#f8f8f8; padding:75px 0px 20px; display: none; margin-top:-40px;}
.gestio-cont{ float:left; width:100%; position:relative;}
.toggles h1 { font-size: 24px; color: #282828;line-height: 30px;font-family: var(--font-regular); border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
a.moreveure-btn{ position:absolute; top:10px; right:0px;font-family: var(--font-regular);font-size: 15px; color: #282828; text-decoration:underline;transition: all .5s ease;}
a.moreveure-btn:hover { color: var(--secondary-color);}

ul.gestio-team-lst{ float:left; width:100%; display:flex; flex-wrap:wrap; margin-top:32px;}
ul.gestio-team-lst li{ float:left; width:23.5%; margin-right:2%;}
ul.gestio-team-lst li:nth-child(4n-4){ margin-right:0px;}
ul.gestio-team-lst li .d-img{ float:left; width:100%; overflow:hidden; position: relative;}
ul.gestio-team-lst li .d-img img { float:left; width:100%;transition: all .5s ease; }
ul.gestio-team-lst li:hover .d-img img { transform:scale(1.05,1.05);}

ul.gestio-team-lst li .d-img::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
ul.gestio-team-lst li:hover .d-img:after { opacity:1; }

ul.gestio-team-lst li .d-cont{ float:left; width:100%; padding:30px 0px;}
/* ul.gestio-team-lst li .d-name{ min-height:105px;} */
ul.gestio-team-lst li .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
ul.gestio-team-lst li:hover .d-cont h2 { color:var(--secondary-color); }
ul.gestio-team-lst li .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
ul.gestio-team-lst li .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
ul.gestio-team-lst li .d-cont ul{ float:left; width:100%; margin-top:18px;}
ul.gestio-team-lst li .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
ul.gestio-team-lst li .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
ul.gestio-team-lst li .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
ul.gestio-team-lst li .d-cont ul li a {transition: all .5s ease; }
ul.gestio-team-lst li .d-cont ul li a:hover { color: var(--secondary-color); }

.toggles-mb { display:none; float:left; width:100%;}
.team-carousel{ float:left; width:100%; position: relative;}
.team-carousel ul li .d-img{ float:left; width:100%; overflow:hidden;}
.team-carousel ul li .d-img img { float:left; width:100%;transition: all .5s ease; }
.team-carousel ul li:hover .d-img img { transform:scale(1.05,1.05);}
.team-carousel ul li .d-cont{ float:left; width:100%; padding:20px 0px;}
.team-carousel ul li .d-name{ min-height:95px;}
.team-carousel ul li .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:8px; }
.team-carousel ul li .d-cont p {font-size: 14px; color: #282828;line-height:22px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:8px; }
.team-carousel ul li .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
.team-carousel ul li .d-cont ul{ float:left; width:100%; margin-top:10px;}
.team-carousel ul li .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
.team-carousel ul li .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
.team-carousel ul li .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
.team-carousel ul li .d-cont ul li a {transition: all .5s ease; }
.team-carousel ul li .d-cont ul li a:hover { color: var(--secondary-color); }

.mob-team-car .swiper10 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper11 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper12 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper13 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper14 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper15 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper16 li.swiper-slide {width: 80%; display:block;}
.mob-team-car .swiper17 li.swiper-slide {width: 80%; display:block;}

.team-carousel .arrow .swiper-button-next, .team-carousel .arrow .swiper-button-prev { top:0px;  }
.team-carousel .arrow {position: absolute; right: 0px; float: left; width: 100%; top:40%; z-index: 9; transform: translateY(-30px);-webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px);}
.team-carousel .arrow .swiper-button-prev { background: var(--secondary-color) url(../images/arw-left.svg) no-repeat scroll center center;width: 48px; height: 48px;left: 40px; position:absolute; border-radius:50%; box-shadow: 0px 5px 5px rgba(0,0,0,0.1)}
.team-carousel .arrow .swiper-button-next { background: var(--secondary-color) url(../images/arw-left.svg) no-repeat scroll center center;width: 48px; height: 48px;right: 40px; position:absolute; border-radius:50%;transform: rotateZ(180deg); box-shadow: 0px 5px 5px rgba(0,0,0,0.1)}
.team-carousel .arrow .swiper-button-next.swiper-button-disabled {background: url(../images/rgt-arw.svg) no-repeat scroll 0 0 / 100%; transform: rotate(180deg);}
.team-carousel .arrow .swiper-button-prev.swiper-button-disabled {background: url(../images/rgt-arw.svg) no-repeat scroll 0 0 / 100%; transform: rotate(0);}

.team-carousel .arrow.swiper-arr .swiper-button-next.swiper-button-disabled { opacity:1; background:var(--secondary-color) url(../images/arw-left.svg) no-repeat scroll center center; opacity:1;}

.mob-team-car{ float:left; width:100%; display:none;}
.mob-team-car .smk_accordion{ margin-bottom: 0px;}
.mob-team-car .smk_accordion.acc_with_icon .accordion_in .acc_head{padding: 15px 15px; min-height:150px; position:relative; }
.mob-team-car .accordion_in.acc-bl .acc_head{ background: var(--primary-color);}
.mob-team-car .smk_accordion .accordion_in.acc_active > .acc_head{ background: #f8f8f8; border-bottom: none;}
.mob-team-car .smk_accordion.acc_with_icon .accordion_in .acc_head h5 {color: #fff;font-size: 12px;line-height: 15px; margin-bottom: 20px;}
.mob-team-car .smk_accordion.acc_with_icon .accordion_in .acc_head h2 {color: #fff;font-size: 18px;line-height: 24px;font-family: var(--font-semibold);}
.mob-team-car .smk_accordion.acc_with_icon .accordion_in .acc_head span.plus {color: #fff;font-size: 22px;position: absolute;right:22px;bottom: 20px;}
.mob-team-car .smk_accordion.acc_with_icon .accordion_in .acc_head span.plus::after {content: "+";color: #fff;font-size: 30px;}

.mob-team-car .smk_accordion .accordion_in .acc_content h1 { font-size:18px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:35px;}

.mob-team-car .smk_accordion .accordion_in.acc_active > .acc_head span.plus::after { content:"-";color:#282828;font-size:34px;}
.mob-team-car .smk_accordion .accordion_in.acc_active > .acc_head h5 {color:#282828;}
.mob-team-car .smk_accordion .accordion_in.acc_active > .acc_head h2 {color:#282828;}

.mob-team-car .accordion_in.acc-gr .acc_head {background: var(--secondary-color);}
.mob-team-car .accordion_in.acc-lt-bl .acc_head {background: #91bfcf;}

.mob-team-car .swiper11 li.swiper-slide {width: 80%; display:block;}



/* hrs page css */
.histo.hrs-page {padding: 0px 0px 0px;}
.hrs-title{ float:left; width:100%; padding: 0px 0px 45px 0px;}
.hrs-title .hrs-title-lft{ float:left; width:75%; padding-right:45px;}
.hrs-title .hrs-title-lft h1 {font-size: 42px;color: #282828; line-height:52px;font-family: var(--font-semibold); margin-bottom:20px;}
.hrs-title .hrs-title-lft h1 span{font-family: var(--font-thin); margin-left:10px;}
.hrs-title .hrs-title-lft h3 { margin-bottom: 28px;}
.hrs-title .hrs-title-lft p {color: #2d2d2d;font-size: 16px;font-family: var(--font-regular);line-height:25px;margin-bottom:15px;}
.hrs-title .hrs-title-lft p:last-child{ margin-bottom: 0px;}
.hrs-title .hrs-title-lft p a {color: var(--secondary-color); text-decoration: underline; }
.hrs-title .hrs-title-lft p a:hover{ text-decoration: none;}
.hrs-title .hrs-title-rgt{ float:left; width:25%;}
.hrs-title .hrs-title-rgt img{ float:left; width:100%;}

.hrs-exp { float:left; width:100%; padding:0px 0px;} 
.hrs-exp ul.hrs-exp-lst {float:left; width:100%; display:flex; flex-wrap: wrap; }
.hrs-exp ul.hrs-exp-lst li { float:left; width:34%; margin-right:1%;}
.hrs-exp ul.hrs-exp-lst li:last-child{ margin-right:0px;}
.hrs-exp ul.hrs-exp-lst li:nth-child(2){ width:30%;}
.hrs-exp ul.hrs-exp-lst li .hrs-exp-img{ float:left; width:100%; position:relative;display: flex;height: 100%;}
.hrs-exp ul.hrs-exp-lst li .hrs-exp-img img { float:left; width:100%;}

.hrs-video-cont{ float:left; width:100%; padding:60px 0px 30px;} 
.hrs-video-cont h1 { font-size: 34px; color: #282828; line-height:44px;font-family: var(--font-semibold); margin-bottom:20px;}
.hrs-video-lst{ float:left; width:100%; display:flex; flex-wrap: wrap; margin:30px 0px 65px;}
.hrs-video-lst li { float: left; width:32%; margin-right:2%;}
.hrs-video-lst li:nth-child(3n-3){ margin-right: 0px;}
.hrs-video-lst li .video-div{ float:left; width:100%; position:relative;}
.hrs-video-lst li .video-div img { float:left; width:100%;}
.hrs-video-lst li .video-div:after{ content:""; position:absolute; background: rgba(40, 40, 40, 0.2);left: 0;right: 0;
width: 100%;height: 100%;transition: all .5s ease;}
.hrs-video-lst li .video-div span.v-time{ color:#fff; font-size:11px; line-height:13px; position:absolute; z-index:2; top:12px; right:12px; padding:3px 5px; border-radius:4px; background:#282828;}
.hrs-video-lst li .video-div .v-btn{ position:absolute; bottom:0px; left:0px;z-index: 9; }

.hrs-blue{ float:left; width:100%; padding:270px 0px 370px;background: var(--shade10-color); }
.hrs-btns{ float:left; width:100%; position: relative;}
.hrs-btns>ul>li { float:left; position:absolute;}
.hrs-btns>ul>li a.grn-btn { text-align:center; font-size:18px;font-family: var(--font-regular); background:var(--secondary-color); padding:0px 25px; border-radius:60px; color:#fff; height:60px; width:210px; display:inline-block; line-height:60px; letter-spacing:0.4px; float:none; transition:all 0.5s ease;
position: relative;z-index: 2;}
.hrs-btns>ul>li a.blue-btn {text-align:center; font-size:18px;font-family: var(--font-regular); background:var(--primary-color); padding:0px 25px; border-radius:60px; color:#fff; height:60px; width:210px; display:inline-block; line-height:60px; letter-spacing:0.4px; float:none; transition:all 0.5s ease;
position: relative;z-index: 2;}
.hrs-btns>ul>li a.ltblue-btn {text-align:center; font-size:18px;font-family: var(--font-regular); background:var(--shade5-color); padding:0px 25px; border-radius:60px; color:#fff; height:60px; width:210px; display:inline-block; line-height:60px; letter-spacing:0.4px; float:none; transition:all 0.5s ease;
position: relative;z-index: 2;}

.hrs-btns>ul>li.center-btn { width:335px; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto auto; text-align: center;}

.dot-line1{ position:absolute; top:-190px; }
.dot-line2{ position:absolute; bottom:-275px; }

.hrs-btns>ul>li.action-plan{ top:-115px; left:190px;}
.hrs-btns>ul>li.otm-r { top:-210px; right:190px;}
.hrs-btns>ul>li.gender{ bottom:-285px; left:190px;}
.hrs-btns>ul>li.job { bottom:-175px; right:190px;}

.tooltip .tooltiptext { visibility: hidden; width:372px; background-color: #fff; text-align: left; border-radius:4px; padding:18px 20px; position: absolute; left:-130px; z-index:9; opacity:0; transition: opacity 0.3s; top:100%; margin-top: 10%; }
.tooltip .tooltiptext.arrw-up::after{content:""; position:absolute; top:-7px; left:0px; right:0px; margin:auto; width: 0;height: 0; border-left:8px solid transparent
;border-right: 8px solid transparent;border-bottom: 8px solid #fff;}
.tooltip .tooltiptext.arrw-up::before { content: ""; position: absolute; top: -16%; width: 100%; height: 16%; left: 0; }
.tooltip .tooltiptext.arrw-down::before { content: ""; position: absolute; width: 100%; left: 0; bottom: -35%; height: 35%; }
.tooltip .tooltiptext p { font-size:15px;}
.tooltip .tooltiptext p span{font-family: var(--font-semibold);}
.tooltip:hover .tooltiptext, .tooltip .tooltiptext:hover { visibility: visible; opacity: 1;}

.gender.tooltip .tooltiptext{margin-bottom: 10%; bottom:100%;top: auto; }
.tooltip .tooltiptext.arrw-down::after {content:""; position:absolute;top:auto; bottom:-7px;left:0px; right:0px; margin:auto; width: 0;height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}

.otm-r.tooltip .tooltiptext{left:auto; right:-130px; }
.job.tooltip .tooltiptext{bottom:130%;top: auto;left:auto; right:-130px; }


/* hospital page */
.hospital-sec{ float:left; width:100%;}
.hospital-lst { float:left; width:100%;}
.hospital-lst>li{ float:left; width:100%; margin-bottom:70px; background: #f5f5f5}
.hospital-lst>li:nth-child(2n-2) {background: inherit}
.hospital-lst>li:last-child{ margin-bottom:0px;}

.hos-lft-cont {float:left; width:49%; padding:15px 20px 0px 0px; }
.hos-lft-cont h2 {font-size: 32px;color: #282828; line-height:42px;font-family: var(--font-semibold); margin-bottom:22px;}
.hos-lft-cont p {color: #282828;font-size: 16px;font-family: var(--font-regular);line-height:26px;margin-bottom:25px;}
.hospital-lst li .hos-lft-cont ul li{ margin-bottom:12px; padding-left:30px; position:relative;line-height:26px;}
.hospital-lst li .hos-lft-cont ul li img {position: absolute;}
.hospital-lst li .hos-lft-cont ul li a {color: #282828;font-size: 16px;font-family: var(--font-regular);transition: all .5s ease; }
.hospital-lst li .hos-lft-cont ul li a:hover { color: var(--secondary-color); }
/*.hospital-lst li .hos-lft-cont ul li.loc{background: url(../images/location.svg) no-repeat left 0px top 7px; }
.hospital-lst li .hos-lft-cont ul li.web{background: url(../images/web.svg) no-repeat left 0px top 8px; }
.hospital-lst li .hos-lft-cont ul li.phn{background: url(../images/phone-icon.svg) no-repeat left 1px top 4px; }*/
.hospital-lst li .hos-lft-cont ul li.loc img {left: 0; top: 7px; width: 11px; height: 15px;}
.hospital-lst li .hos-lft-cont ul li.web img {left: 0; top: 8px; width: 13px; height: 13px;}
.hospital-lst li .hos-lft-cont ul li.phn img {left: 1px; top: 4px; width: 11px; height: 19px;}
.hos-rgt-img {float:left; width:51%; }
.hosp-img { float:left; width:100%;}
.hos-rgt-img .owl-carousel .owl-item .hosp-img img{ float:left; width:100%;}
.hospital-lst li:nth-child(2n-2) .hos-lft-cont{ float:right; padding:15px 0px 0px 55px;}

/* castera tecnologia page */
.plata-list.cartera-cont ul li{ margin-bottom: 42px;}
.plata-cont.cartera-cont ul li .altres-lst-cont h4 {color: #282828; font-size: 15px; line-height:22px; margin-bottom: 20px; }
.plata-cont.cartera-cont ul li .altres-lst-cont h4 span{font-family: var(--font-semibold);}
.plata-cont.cartera-cont ul li .altres-lst-cont p{ margin-bottom: 40px;}



/*selvaraj*/
.col-lab {float: left;width: 100%;padding-bottom: 60px;}
.col-lab h1 {font-size: 48px;color: #282828;line-height: 55px;font-family: var(--font-semibold); margin-bottom: 40px;}
.col-lab p,.col-lab span {font-size: 24px;color: #282828; font-family: var(--font-regular);letter-spacing: 0.5px; margin-bottom: 40px;display: block;line-height: 28px;}

.col-lab-lst {float: left;width: 100%;}
.col-lab-lst ul.three{ width: 100%; float: left;}
.col-lab-lst ul.three li{ width: 32%; float: left; margin-right:2%; margin-bottom: 30px;}
.col-lab-lst ul.three li a{ width: 100%; float: left; background:#fbfbfb; display: inline-block; padding:25px; border: 2px solid #e9e9e9; text-align: center;overflow: hidden;}
.col-lab-lst ul.three li a img{ float: left; width: 100%;transition: all 0.5s ease;}
.col-lab-lst ul.three li:hover img {transform: scale(1.05);}
.col-lab-lst ul.three li:last-child { margin-right: 0;}
.col-lab-lst ul.three li h5{ float: left; width: 100%; margin-top: 15px; color: #282828; font-family: var(--font-regular); font-size: 13px;line-height: 20px; letter-spacing: 0.5px;}
.col-lab-lst ul.three li .aju-cnt { float:left; width:100%; overflow:hidden; position:relative;}
/* .col-lab-lst ul.three li .aju-cnt::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.col-lab-lst ul.three li:hover .aju-cnt:after { opacity:1;} */

.col-lab-lst ul.four li .aju-cnt { float:left; width:100%; overflow:hidden; position:relative;}
/* .col-lab-lst ul.four li .aju-cnt::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.col-lab-lst ul.four li:hover .aju-cnt:after { opacity:1;} */

.col-lab-lst ul.six li .aju-cnt { float:left; width:100%; overflow:hidden; position:relative;}
/* .col-lab-lst ul.six li .aju-cnt::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.col-lab-lst ul.six li:hover .aju-cnt:after { opacity:1;} */

.col-lab-lst ul.four{ width: 100%; float: left;}
.col-lab-lst ul.four li{ width: 23.5%; float: left; margin-right:2%; margin-bottom: 30px;}
.col-lab-lst ul.four li a{ width: 100%; float: left; background:#fbfbfb; display: inline-block; padding:20px; border: 2px solid #e9e9e9; text-align: center;overflow: hidden;}
.col-lab-lst ul.four li a img{ float: left; width: 100%;transition: all 0.5s ease;}
.col-lab-lst ul.four li:hover img {transform: scale(1.05);}
.col-lab-lst ul.four li:last-child { margin-right: 0;}
.col-lab-lst ul.four li h5{ float: left; width: 100%; margin-top: 15px; color: #282828; font-family: var(--font-regular); font-size: 13px;line-height: 20px; letter-spacing: 0.5px;}

.col-lab-lst ul.six{ width: 100%; float: left;}
.col-lab-lst ul.six li{ width: 15%; float: left; margin-right:2%;}
.col-lab-lst ul.six li a{ width: 100%; float: left; background:#fbfbfb; display: inline-block; padding:15px; border: 2px solid #e9e9e9; text-align: center;overflow: hidden;}
.col-lab-lst ul.six li a img{ float: left; width: 100%;transition: all 0.5s ease;}
.col-lab-lst ul.six li:hover img {transform: scale(1.05);}
.col-lab-lst ul.six li:last-child { margin-right: 0;}
.col-lab-lst ul.six li h5{ float: left; width: 100%; margin-top: 15px; color: #282828; font-family: var(--font-regular); font-size: 13px;line-height: 20px; letter-spacing: 0.5px;}


.cardio {float: left;width: 100%; background-repeat: no-repeat; background-size: cover; min-height: 490px; position: relative;}
.card-sec {position: relative;float: left;width: 100%; height: 100%; min-height: 490px;z-index: 1;}
a.ca-but {float: left; position: absolute; left: 0px; bottom: 25px;font-size: 12px;text-transform: uppercase;font-family: var(--font-regular);background: none;padding: 0px 20px;
border-radius: 5px;color: #fff;height: 38px; border:2px solid #fff;display: inline-block;line-height: 36px;letter-spacing: 0.4px;transition: all 0.5s ease;}
a.ca-but:hover{background: #fff; color: var(--primary-color);}
.col-lab.rer {padding-bottom: 0;}

.cardio-des{ width: 100%; float: left; background:#fff; padding: 40px 0 50px 0;}
.cardio-des p{ width: 100%; float: left; margin-bottom: 25px; color: #282828;font-size: 17px; line-height: 24px; font-family: var(--font-regular);}

.cardio-lst{ width: 100%; float: left;margin-bottom: 30px;} 
.cardio-lst ul li{ width: 100%; float: left; margin-bottom: 35px;padding-left: 90px; position: relative;}
.cardio-lst ul li span.num{position: absolute;top: 3px;left: 0px;color: var(--secondary-color);font-size: 15px;font-family: var(--font-semibold);}
.cardio-lst ul li p{ width: 100%; float: left; margin-bottom: 0;color: #282828;font-size: 17px;font-family: var(--font-regular);}
.cardio-lst ul li:last-child { margin-bottom: 0;}
.cardio-des-cnt{ width: 100%; float: left;padding:0 180px 25px 0; border-bottom: 1px solid #d8d8d8;}
.cardio-des-cnt h2 {font-size: 36px;color: #282828;line-height: 42px;letter-spacing: 0.5px;font-family: var(--font-semibold);margin-bottom: 30px;transition: all .5s ease;}

.altres-lst { float: left; width: 100%;}
.altres-lst h2 {font-size: 42px;color: #282828;line-height: 42px;letter-spacing: 0.5px;font-family: var(--font-semibold);margin-bottom: 20px;transition: all .5s ease;}
.altres-lst p{ width: 100%; float: left; margin-bottom: 45px; color: #282828;font-size: 24px;letter-spacing: 0.5px; line-height: 32px; font-family: var(--font-regular);}
.altres-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.altres-lst ul li { float:left; width:49%; margin-right:2%; margin-bottom:30px;}
.altres-lst ul li:nth-child(2n+2) { margin-right:0;}

.altres-lst ul li .img-div { float:left; width:100%; overflow:hidden; position:relative; }
.altres-lst ul li .img-div img { float:left; width:100%; transition:all 0.4s ease; }
.altres-lst ul li:hover .img-div img { transform:scale(1.05);}
.altres-lst ul li .altres-lst-cont { float:left; width:100%;background: #fff; padding: 30px 0px; position: relative;}
.altres-lst ul li .altres-lst-cont h2 {font-size:24px; color:#282828; line-height:32px;font-family: var(--font-semibold); margin:15px 0;transition: all .5s ease; }
.altres-lst ul li .altres-lst-cont p { color: #282828; font-size:17px; font-family: var(--font-regular);transition: all .5s ease; margin-bottom:35px;}
.altres-lst ul li .altres-lst-cont span{ transition: all .5s ease;}
.altres-lst ul li:hover .altres-lst-cont h2 { color:var(--secondary-color); }
.altres-lst ul li:hover .altres-lst-cont span{opacity: 0.8; }
.altres-lst ul li .img-div::after { position:absolute; content:""; background:rgba(40, 40, 40, 0.2); opacity:0; left:0; right:0; width:100%; height:100%; transition:all .5s ease;}
.altres-lst ul li:hover .img-div:after { opacity:1;}

a.butn {font-size: 12px;text-transform: uppercase;font-family: var(--font-regular);background: #fff;padding: 0px 20px;border-radius: 5px;color: #274271;height: 38px; border:1.6px solid #b5c4db;
display: inline-block;line-height: 38px;letter-spacing: 0.4px;float: none;margin-right: 15px;transition: all 0.5s ease;}
.casos-dexit-lst a.butn {font-size: 12px;text-transform: uppercase;font-family: var(--font-regular);background: #fff;padding: 10px 14px 10px 16px;border-radius: 16px;color: #282828;height:auto;border:1.6px solid #f3c536;
  display: inline-block;line-height: 12px;letter-spacing: 0.4px;float: none;margin-right: 15px;transition: all 0.5s ease;}
.casos-dexit-lst a.butn.has-color {color: #fdfdfd; border: none}
  .casos-dexit-lst a.butn:hover{background: unset;}
.casos-dexit-lst a.butn.has-color:hover { opacity: .8 }
 .casos-dexit-lst span a{background:url("../images/ver-blue-arw.svg") no-repeat top 7px right 0;padding-right:12px;position:relative;color:var(--ternary-color);}
.casos-dexit-lst span a::after{position:absolute;content:"";left:0;right:0;bottom:0;width:100%;height:1px;background:var(--ternary-color);}
a.butn:hover{background: #b5c4db;}
.vmore.t-p-0 {padding-top: 0;}
.news-lst-cont.apl {margin-top: 0;}
.f-lst{ width:100%; float: left; margin-bottom: 20px;}
.f-lst ul li{ width: 100%; float: left; font-size: 20px;color: #282828;line-height: 32px;font-family: var(--font-semibold);margin-bottom: 8px;}
.fitxa-lft.tech ul li{ width: 100%; float: left; padding-left: 0px; margin-bottom: 25px;} 
.fitxa-lft.tech ul li h5{ width: 100%; float: left; font-size: 18px;color: #282828;line-height: 32px;font-family: var(--font-semibold);margin-bottom: 4px;}
.fitxa-lft.tech ul li p{ width: 100%; float: left;}
.news-lst-cont.top { margin-top: 15px;}
.fitxa-cont.mes {padding-bottom: 0;}
.histo.uni {padding-bottom: 50px;}

/*hrs4r*/
.hrs-title .hrs-title-lft h1 br { display: none;}
.hrs-cnt { display: none; width: 100%; float: left;}
.human-res{ width: 100%; float: left; background: #fff; padding: 15px 0; display: none;}
.human-res ul li{ width: 100%; float: left;  margin-bottom: 25px; padding: 40px 15px;}
.human-res ul li h3{ color: #fff; margin-bottom: 25px; font-size: 22px;color: #fff;line-height: 32px;font-family: var(--font-semibold);}
.human-res ul li p{ width: 100%; float: left; color: #fff;}
.human-res ul li a.but{font-size: 13px;text-transform: uppercase;font-family: var(--font-regular);background: none; padding: 0px 40px;border-radius: 25px; border: 2px solid #a0c2cc;
color: #fff;height: 46px;width: 240px;display: inline-block;line-height: 42px;letter-spacing: 0.4px;float: none;transition: all 0.5s ease; margin-top: 35px;}
.human-res ul li a.but span {margin: 0 0 0 10px;display: inline-block;float: right;color: #fff;line-height: 44px;font-size: 16px; transform: rotate(180deg);}
/*.human-res ul li a.but:hover {background: #a0c2cc;}*/
.human-res ul li:first-child {background: var(--secondary-color);}
.human-res ul li:last-child {background: var(--primary-color);}
.human-res ul li a.sow{ float: left; color: #fff; font-size: 14px; line-height: 24px; font-family: var(--font-regular); margin-top: 22px; text-decoration: underline; transition: all 0.5s ease;}
.human-res ul li a.sow:hover {text-decoration: none;}
.human-res ul li:first-child a.but:hover {background: var(--primary-color); border: 2px solid var(--primary-color);}
.human-res ul li:last-child a.but:hover {background: var(--secondary-color); border: 2px solid var(--secondary-color);}

.action-plans { width: 100%; float: left; background: #f9f9f9; padding: 40px 0; display: none; margin: 30px 0px 20px;}
.action-plans h3 {color: #000; margin-bottom: 25px; font-size: 22px;color: #282828;line-height: 32px;font-family: var(--font-semibold);}
.action-plans p{ width: 100%; float: left; color: #000; margin-bottom: 25px;}
.action-plans p.txt{ font-family: var(--font-semibold); }


.action-plans a.but{font-size: 13px;text-transform: uppercase;font-family: var(--font-regular);background: var(--secondary-color); padding: 0px 40px;border-radius: 25px; border: none;
color: #fff;height: 46px;width: 240px;display: inline-block;line-height: 46px;letter-spacing: 0.4px;float: none;margin-right: 15px;transition: all 0.5s ease; margin-top: 20px;}
.action-plans a.but span {margin: 0 0 0 10px;display: inline-block;float: right;color: #fff;line-height: 44px;font-size: 16px; transform: rotate(180deg);}
.action-plans a.but:hover {background: var(--primary-color);}
.histo.mbl {display: none;}

.hrs-img #play {width: 55px;height: 55px;}
.video-img:hover #play.play {width: 55px;height: 55px;}


/*slder*/
.tem-carousel{ width: 100%; float: left;}
#update-list1 {width: 100%; float: left;}
#update-list1 .item {width: 100%; float: left;}
#update-list1 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list1 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list1 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list1 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list1 .item .d-name{ min-height:105px;}
#update-list1 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list1 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list1 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list1 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list1 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list1 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list1 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list1 .item .d-cont ul li a {transition: all .5s ease; }
#update-list1 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list2 {width: 100%; float: left;}
#update-list2 .item {width: 100%; float: left;}
#update-list2 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list2 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list2 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list2 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list2 .item .d-name{ min-height:105px;}
#update-list2 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list2 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list2 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list2 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list2 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list2 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list2 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list2 .item .d-cont ul li a {transition: all .5s ease; }
#update-list2 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list3 {width: 100%; float: left;}
#update-list3 .item {width: 100%; float: left;}
#update-list3 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list3 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list3 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list3 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list3 .item .d-name{ min-height:105px;}
#update-list3 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list3 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list3 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list3 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list3 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list3 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list3 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list3 .item .d-cont ul li a {transition: all .5s ease; }
#update-list3 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list4 {width: 100%; float: left;}
#update-list4 .item {width: 100%; float: left;}
#update-list4 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list4 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list4 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list4 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list4 .item .d-name{ min-height:105px;}
#update-list4 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list4 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list4 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list4 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list4 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list4 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list4 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list4 .item .d-cont ul li a {transition: all .5s ease; }
#update-list4 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list5 {width: 100%; float: left;}
#update-list5 .item {width: 100%; float: left;}
#update-list5 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list5 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list5 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list5 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list5 .item .d-name{ min-height:105px;}
#update-list5 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list5 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list5 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list5 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list5 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list5 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list5 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list5 .item .d-cont ul li a {transition: all .5s ease; }
#update-list5 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list6 {width: 100%; float: left;}
#update-list6 .item {width: 100%; float: left;}
#update-list6 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list6 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list6 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list6 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list6 .item .d-name{ min-height:105px;}
#update-list6 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list6 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list6 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list6 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list6 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list6 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list6 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list6 .item .d-cont ul li a {transition: all .5s ease; }
#update-list6 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list7 {width: 100%; float: left;}
#update-list7 .item {width: 100%; float: left;}
#update-list7 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list7 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list7 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list7 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list7 .item .d-name{ min-height:105px;}
#update-list7 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list7 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list7 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list7 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list7 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list7 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list7 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list7 .item .d-cont ul li a {transition: all .5s ease; }
#update-list7 .item .d-cont ul li a:hover { color: var(--secondary-color); }

#update-list8 {width: 100%; float: left;}
#update-list8 .item {width: 100%; float: left;}
#update-list8 .item .d-img{ float:left; width:100%; overflow:hidden;}
#update-list8 .item .d-img img { float:left; width:100%;transition: all .5s ease; }
#update-list8 .item:hover .d-img img { transform:scale(1.05,1.05);}
#update-list8 .item .d-cont{ float:left; width:100%; padding:30px 0px;}
#update-list8 .item .d-name{ min-height:105px;}
#update-list8 .item .d-cont h2 {font-size: 20px; color: #282828;line-height:26px;font-family: var(--font-regular); margin-bottom:12px; }
#update-list8 .item .d-cont p {font-size: 15px; color: #282828;line-height:26px; text-transform:uppercase;font-family: var(--font-light); margin-bottom:12px; }
#update-list8 .item .d-cont span{font-size: 15px; color: #282828;line-height:24px; font-family: var(--font-light); margin-bottom:0px; }
#update-list8 .item .d-cont ul{ float:left; width:100%; margin-top:22px;}
#update-list8 .item .d-cont ul li{ float:left; width:100%;margin-bottom:7px; padding-left:30px; }
#update-list8 .item .d-cont ul li.phone{background: url(../images/phone-call.svg) no-repeat left 0px top 4px; }
#update-list8 .item .d-cont ul li.mail{background: url(../images/mail.svg) no-repeat left 0px top 5px; }
#update-list8 .item .d-cont ul li a {transition: all .5s ease; }
#update-list8 .item .d-cont ul li a:hover { color: var(--secondary-color); }


.human-res-lst ul li:first-child:hover a.borsa-btn { background:var(--secondary-color) url("../images/btn-arw.svg") no-repeat right 45px center; border:1px solid var(--secondary-color);}
.human-res-lst ul li:last-child:hover a.borsa-btn { background:var(--primary-color) url("../images/btn-arw.svg") no-repeat right 45px center; border:1px solid var(--primary-color);}

.human-res ul li .my-message .morelink, .human-res ul li .my-message1 .morelink1{ color:#fff;}

.hrs-exp .mob-prod-lst {float: left; width: 100%; display: none; position: relative; margin-bottom:20px;}
.hrs-exp .mob-prod-lst .hrs-exp-img {float: left; width: 100%;}
/*.hrs-exp .mob-prod-lst ul.swiper-wrapper { transform:translate3d(0, 0px, 0px) !important;}*/
.swiper1 li.swiper-slide { font-size: 18px; background: #fff; width: 42%; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination1 { width:100% !important; position: relative;margin: 20px 0 0 auto;left: 0;right: 0;text-align: center;}
.swiper-pagination1 .swiper-pagination-bullet {width: 12px; height: 12px; transform:none !important; margin: 0 10px 0 0; left:0 !important; cursor: pointer;}
.swiper-pagination1 .swiper-pagination-bullet:last-child { margin:0;}
.swiper-pagination1 .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform:none;}
.swiper-pagination1 .swiper-pagination-bullet-active {background: var(--secondary-color) !important;}
.swiper-pagination1 .swiper-pagination-bullet {background: #cccccc; opacity: 1;}

.newsletter-btn{font-family:var(--font-light);background:url(../images/btn-arw.svg) no-repeat right 45px center;font-size:12px;line-height:20px;color:#fff;background:var(--primary-color) url(../images/btn-arw.svg) no-repeat right 45px center;border:1px solid var(--primary-color);border:1px solid #fff;padding:12px 45px;border-radius:50px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;letter-spacing:.5px;display:inline-block;width:250px;height:46px;text-align:left;}

.group-section p{padding-left:0;padding-bottom:25px;position:static;margin-bottom:0;color:#282828;font-size:16px;font-family:var(--font-regular);line-height:25px;letter-spacing:.14px;}

.group-section h6{font-size:22px;color:#282828;line-height:31px;font-family:var(--font-semibold);padding-bottom:22px;float:left;width:100%;}

.group-section ul{width:100%;float:left;padding-bottom:22px;}

.group-section ul li{padding-bottom:25px;position:static;margin-bottom:0;color:var(--secondary-color);margin-left:36px;padding-left:16px;font-family:var(--font-semibold);font-size:17px;line-height:28px;list-style:lower-alpha;}

.group-section p strong{font-family:var(--font-semibold);}

.publication-tab strong{font-family:var(--font-semibold);}

.grups-tab-section ul.tab-lst.activ-grnts>li{position:relative;padding-left:25px;padding-bottom:25px;margin-bottom:0;}

.grups-tab-section ul.tab-lst.activ-grnts>li>ul>li{font-size:17px;color:#1a171b;line-height:28px;font-family:var(--font-regular);padding-bottom:0;padding-left:36px;margin-bottom:0;padding-right:9px;}
.grups-tab-section ul.tab-lst.activ-grnts>li:after{width:5px;height:5px;background:var(--secondary-color);border-radius:50%;top:12px;left:0;content:"";position:absolute;}

.grups-tab-section ul.tab-lst.activ-grnts li strong {
	font-family: var(--font-semibold);
}

.group-section.tab-lst {
    padding-right: 297px;
}

/* Fixes Home */
.al-serve-lst .al-serve-main .al-rgt ul { display: flex; flex-flow: wrap; }
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col { height: 100%; }
.al-serve-lst .al-serve-main .al-rgt-btm ul { display: flex; flex-flow: wrap; }
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col { height: 100%; }


#map iframe{min-height: 500px;}

.search { float: left; width: 100%; margin-bottom: 50px;}

.search h1 { font-size: 48px; color: #282828; line-height: 55px; font-family: var(--font-semibold); margin-bottom: 30px; }
.search h2 { font-size: 30px; color: #282828; line-height: 25px; font-family: var(--font-semibold); margin-bottom: 40px;}
.search p.search-phrase {font-size:20px;line-height: 36px;letter-spacing: 0.42px;font-family: var(--font-regular);color:#282828;margin-bottom:20px;}
.search .search-phrase strong{font-family: var(--font-semibold);}

.search .results-search{display:flex;flex-flow:wrap;justify-content:flex-start;margin-bottom:30px;}

.search .results-search .result { position: relative; width: 31%; margin-right: 2%; margin-bottom: 2%; -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); }
.search .results-search .result a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.search .results-search .result a:hover:after { background: rgba(0, 0, 0, 0.2); }
.search .results-search .result hr { width: 100%; }
.search .results-search .result:nth-child(3n) { margin-right: 0%; }
.search .results-search .result .result-header { position: relative; height: 230px; }
.search .results-search .result .result-header.tr-img img { object-fit: contain; width: 85%;height: 85%;margin:auto;}
.search .results-search .result .result-header img { height: 100%; width: 100%; object-fit: cover; }

.search .results-search .result .result-content { padding: 15px 10px; }
.search .results-search .result .ver-mes { margin-top:10px;font-size: 14px;letter-spacing: 0.29px;color:var(--ternary-color);float:left;padding:10px 0;text-decoration: underline; }

.search .results-search .result .result-content h3 { font-family: var(--font-bold); font-size: 20px; line-height: 27px; color: #282828;letter-spacing: 0.35px; }
.search .results-search .result .result-content.tr-cnt h3 { color: #fff; }
.search .results-search .result .result-content h4 { font-family: var(--font-regular); font-size: 18px; }
.search .results-search .result .result-content h5 { font-family: var(--font-light); }


.search .results-search .result.result-bl{background-color: var(--ternary-color);padding:15px 10px}
.search .results-search .result.result-bl h3{color:#fff;font-size: 24px;line-height: 30px;letter-spacing: 0.25px;}
.search .results-search .result.result-bl h3::after{color:#fff;content: '\2197';margin-left: 10px;font-size: 26px;}

.related-links{color:#282828;font-size:22px;line-height:28px;font-family:var(--font-semibold);letter-spacing:.5px;margin-bottom:10px;margin-top:20px}

.hrs-video-lst li iframe{width: 100%;height: auto;min-height: 260px;margin-bottom: 20px;}

/* Collabora */
.banner-colabora{/*min-height: 500px;*/background-color: #767676;}
.collab.banner-lst{margin-top:-190px;padding-bottom:0;}
.collab.banner-lst ul li.bloc-collab{width:23%;margin-right:2%;}
.collab.banner-lst ul li p{letter-spacing: 0;}
.bloc-collab .grn-btn{border-top:13px solid var(--ternary-color)}
.bloc-collab .blu-btn{border-top:13px solid var(--primary-color)}
.bloc-collab .lgb-btn{border-top:13px solid #b2d2de}
.bloc-collab .gray-btn{border-top:13px solid var(--shade7-color)}
.collab.banner-lst ul{margin-bottom:0}
.collab .descr-pad{padding:0;margin-top:0; border:none}
#projectes{position:relative}
#projectes .owl-nav{top:40%;width: 100%;}
#projectes .owl-nav .owl-prev{display: none;}
#projectes .owl-nav .owl-next{right:-10px;width:47px;height: 47px;border-radius: 50%;background-color: #fff;box-shadow: 1px 1px 4px #ddd;display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ternary-color);}
#projectes .owl-item >div{padding:0 0.5% 60px;position: relative;}
#projectes .owl-item >div{padding:0 0.5% 60px;position: relative;}
#projectes >div p, #projectes > div span{max-width: 100%;}
#projectes >div p{font-family: var(--font-semibold);font-size:20px;line-height:27px;letter-spacing: 0.35px; }
#projectes >div span{font-family: var(--font-regular);font-size:14px;line-height:normal;letter-spacing: 0.29px; color:var(--ternary-color);text-decoration: underline;position: absolute;bottom:1%}
#projectes >div .qui-img{max-width: 100%;}
#projectes >div .qui-img img{max-width: 100%;}
.frase{padding:96px 106px;background-color:var(--shade7-color);float:left;width:100%;position:relative;background:url('../images/quote.svg') no-repeat center center;background-color:var(--shade7-color);background-size:185px}
.frase p{font-size: 48px;line-height: 54px;letter-spacing: 0;font-family: var(--font-regular);text-align: center;}
.frase p strong{font-size: 48px;line-height: 54px;letter-spacing: 0;font-family: var(--font-semibold);text-align: center;}

.contact-tab-rht iframe{min-height:420px;}
.grups-tab-section ul.tab-lst.tabular-clm ul.tblr-clm-inr.half{display:flex;flex-direction:row;flex-wrap:wrap;}
.grups-tab-section ul.tab-lst.tabular-clm ul.tblr-clm-inr.half li{flex:1 0 47%;width:47%;margin:0 1.5%;}
.grups-tab-section ul.tab-lst.tabular-clm ul.tblr-clm-inr.half li:nth-child(2) {
 border-top:1px solid #d8d8d8;
}

.organima-tab ul.org-tab-lst li p, .organima-tab ul.org-tab-lst li a {
  margin-bottom: 15px;
}
ul.org-tab-lst.org-lst-half li p,ul.org-tab-lst.org-lst-half li a{
  margin-bottom: 5px;
}
ul.org-tab-lst.org-lst-half li{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;}
ul.org-tab-lst.org-lst-half li h3 {
  width: 100%;
}

ul.org-tab-lst.org-lst-half li a,ul.org-tab-lst.org-lst-half li p{width:48%;margin-right:1%;}
ul.org-tab-lst.org-lst-half li a:hover p {
    color: #4b8da0;
    text-decoration: underline;
    text-underline-position: under;
}

.nostres-dept.smk_accordion .accordion_in .acc_content{display:flex;flex-flow:row wrap;}

.nostres-dept.smk_accordion .accordion_in .acc_content .acc-r {
  margin-bottom: 20px;
}
.histo-tab .tab-desc p{margin-bottom:10px}
.histo-tab .tab-desc a{color:#003060;text-decoration: underline;}
.histo-tab .tab-desc ul li{list-style: disc;margin-left:15px}


.banner-colabora {
  height: 475px;
  /*max-height: 540px;*/
  overflow: hidden;
}

.banner-colabora #slide-main img {
    min-height: 475px;
    object-fit: cover;
}

.banner-colabora .owl-dots {
    display: none;
}

.collab.banner-lst ul li.bloc-collab {
  z-index: 3;
}


#slide-main {
  max-height: 100%;
  float: left;
  z-index: 0;
}
#slide-main img{width: 100%;}
.grups-weblink.cntct-inr.no-pad{padding:0}


/* 01.12.20 Modificacions */
.collab{padding:30px 0 100px}
.collab .collab-lft{width: 49%;float: left;padding-bottom: 50px;margin-right: 2%;}
.collab .collab-lft p{width: 97%;padding-right: 0;margin-bottom:15px;}
.collab .collab-rgt{width: 49%;float: right;}


.collab .collab-rgt #que-gallery {
  position: relative;
}
.collab .collab-rgt #que-gallery p{padding:0;text-align: justify;}
.collab .collab-rgt #que-gallery .owl-prev,.collab .collab-rgt #que-gallery .owl-next {
  width: 47px;
height: 47px;
border-radius: 50%;
background-color: #fff;
box-shadow: 1px 1px 4px #ddd;
display: flex;
justify-content: center;
align-items: center;
color: var(--ternary-color);
}
.collab .collab-rgt #que-gallery .owl-prev {
  left: -145px;
  bottom:2%;
}

.collab .collab-rgt #que-gallery .owl-next {
  left: -85px;
  bottom:2%
}

.ajuts-filter #filter-treball > ul > li {
  /* width: 24%; */
  width: 35%;
}

.ajuts-filter #filter-treball > ul > li:nth-child(3) {
  /* width: 30%; */
  width: 25%;
}

span.rd {
  /* background: #ffe9db; */
  /* color: #ff8633; */
  background: #eceae8;
  color: #5b5b5b;
}

.agen-r ul li:not(.fullwid) .agen-img {
  max-height: 260px;
}

section.buscar #filtre-professionals .s-rgt .sbOptions{
  overflow-y: auto;
}

#filter-ajuts > ul {
  display: flex;
  justify-content: space-evenly;
}

#filter-ajuts > ul > li {
  flex: 0 1 15%;
  margin-right: 1%;
}

#filter-ajuts > ul >  li.first-li {
  flex: 0 1 30%;
}

#filter-ajuts > ul > li:nth-child(2), #filter-ajuts > ul > li:nth-child(3) {
  flex: 0 1 24%;
}

.ajuts-filter > ul > li input[type="submit"] {
  padding: 0px 56px 0px 56px;
}
.ajust-cal .ui-datepicker td.holiday a,
.ajust-cal .ui-datepicker td.holiday a:hover {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 50%;
  color: #fff !important;
}

.histo-tab p > a {
  color: var(--shade4-color);
}
.grups-tab-section ul.tab-lst{padding-right: 0;}

.membres-section .hor-list span {
  display: inline;
  line-height: 25px;
}

.membres-section .hor-list h4 {
  display: inline-block;
  font-size: 16px;
  font-family: var(--font-semibold);
  letter-spacing: 0.14px;
  line-height: 25px;
  margin-right: 7px;
}



#filter-treball ul {
  display: flex;
  justify-content: space-evenly;
}


.collab.contact ul li > h3 {
  width: 100%;
  font-weight: bold;
}

.collab.contact ul li > img {
  width: 100%;
  margin-bottom:10px;
  float: left;
}

.collab.contact ul li > h3 {
  font-family: var(--font-semibold);
  color: #282828;
  font-weight: normal;
}


.collab.contact ul li >a.external {
  margin-top: 10px;
  float: left;
  text-decoration: underline;
  color: #0e467f;
}
.collab.contact ul li >a.external:hover {
  font-weight: bold;
}

.collab.contact ul li:hover > p {
  color: #282828;
}
.banner-dep{

  position: relative;
}
.banner-dep p {
  font-size: 38px;
  text-align: center;
  font-family: var(--font-light);
  margin: 25px 0;
  line-height: 44px;
  margin-right: 55px;
}

.banner-dep p a {
  font-family: var(--font-semibold);
  text-decoration: underline;
  
}
.banner-dep p a::after {
  content:' ';
  display: inline-block;
  position: absolute;right: 0;
  width: 40px;height: 40px;
  background: url('../images/arrow-right-contact.svg') no-repeat center center;
  background-size: contain;
}


.banner-newsletter {
  float: left;
  width: 100%;
  padding: 80px 0;
  text-align: center;
}

.banner-newsletter .inner-newsletter h4 {

  font-size: 36px;
  color: #fff;
  font-family: var(--font-semibold);
  margin-bottom: 50px;
}

.banner-newsletter .inner-newsletter .txt-banner p {
  color: #fff;
  font-size: 20px;
}

.banner-newsletter .inner-newsletter .txt-banner {
  margin-bottom: 60px;
}
.banner-newsletter .inner-newsletter a {
  display: inline-block;
	color: #fff;
	font-size: 14px;
	height: 53px;
	line-height: 50px;
	padding: 0px 84px;
	background: transparent;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	border: 1px solid #ffffff;
	border-radius: 50px;
	font-family: var(--font-regular);
	cursor: pointer;
	margin-top: 20px;
	letter-spacing: 1px;
}


.new-mega-menu ul li.menu-item {
    line-height: 93px;
    margin-right: 22px;
    border-bottom: 2px solid transparent;
    /*position: relative;*/
}

.is-sticky .new-mega-menu ul li.menu-item>a {
    color: #fdfdfd;
}

li.menu-item .sub-menu {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    border-top: 1px solid #5894a7;
    margin-top: 2px;
    padding: 36px 0 24px;
}

.is-sticky li.menu-item .sub-menu {
    border-top: 1px solid #fdfdfd;
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    padding: 0 16px;
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col .menu-img-container {
    position: relative;
    height: 0;
    padding-bottom: 43.3%;
    margin-top: 8px;
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col .menu-img-container img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col:first-child {
    padding-left: 0;
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col:last-child {
    padding-right: 0;
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col h4 {
    font-size: 28px;
    font-family: var(--font-semibold);
}

.new-mega-menu ul li.menu-item .sub-menu .sub-col p {
    margin-top: 12px;
    font-size: 14px;
}

.new-mega-menu ul li.menu-item:hover, .new-mega-menu ul li.menu-item.active {
    border-bottom: 2px solid #5894a7;
}
.is-sticky .new-mega-menu ul li.menu-item:hover, .is-sticky .new-mega-menu ul li.menu-item.active {
    border-bottom: 2px solid #fdfdfd;
}

.new-mega-menu ul li.menu-item.active > a {
    font-family: var(--font-semibold);
}

.new-mega-menu ul li.menu-item:hover .sub-menu {
    display: block;
}

.new-mega-menu ul li.menu-item:hover .sub-menu ul li {
    float: none;
    line-height: normal;
    margin-right: 0;
    margin-bottom: 32px;
}

.new-mega-menu ul li.menu-item .sub-menu ul li a {
    display: block;
    position: relative;
    margin-right: 32px;
}

.new-mega-menu ul li.menu-item .sub-menu ul li a:hover, .new-mega-menu ul li.menu-item .sub-menu ul li a.active {
    color: #4b8da0;
    text-decoration: underline;
    text-underline-position: under;
}

.new-mega-menu ul li.menu-item .sub-menu ul li a.active {
    font-family: var(--font-semibold);
}

.new-mega-menu ul li.menu-item .sub-menu ul li a:after {
    content: ' \00BB';
    position: absolute;
    right: 0;
    font-size: 14px;
}



.collab-process a {
  color: var(--primary-color);
  font-family: var(--font-semibold); 
  /* padding-right: 25px;
  position: relative; */
}
.collab-process a:hover {
  border-bottom:1px solid var(--primary-color);
  transition: border-bottom 0.4s ease-in;
}
.collab-process a:hover::after {
  opacity: 1;
  transition: opacity 0.4s ease-in;
}

.collab-process a::after {
  content:'>>';
  /* position: absolute; */
  /* right: 0; */
  padding-left: 5px;
  display: inline-block;
  opacity: 0;
}


#redsys-frm input[type="submit"] {
  background: url(../images/btn-arw.svg) no-repeat right 45px center;
  line-height: 20px;
  background: var(--primary-color) url(../images/btn-arw.svg) no-repeat right 45px center;
  border: 1px solid var(--primary-color);
  border: 1px solid #fff;
  padding: 12px 45px;
  border-radius: 50px;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  display: inline-block;
  width: 350px;
  height: 46px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.58px;
  font-family: var(--font-regular);
  cursor: pointer;
}


.check-container {
  position: relative;
  float: left;
}


.ajundar .contact-form .check-container input[type="checkbox"] {
  display: block;opacity: 0;top:0;
}




/* Bio Banc IISPV css */
section.fixta-transparencia.bio-banc { float: left; width: 100%; margin-bottom: 70px; padding-bottom: 0px;}
.bio-banc-main-cnt { float: left; width: 100%; padding-bottom: 75px; border-bottom: 1px solid #ececec;}
.bio-banc-main-cnt .bio-main-lst {float: left; width: 100%; margin-bottom: 35px;}
.bio-banc-main-cnt .bio-main-lst > ul {float: left; width: 100%; display: flex; border-bottom: 1px solid #ececec;}
.bio-banc-main-cnt .bio-main-lst > ul > li{ float: left; width: auto;margin-right: 0; transition:all .3s ease;  font-size: 14px; line-height: 22px; border-bottom: 4px solid #ffffff; text-transform: uppercase; padding: 12px 9px 10px; position: relative;}
.bio-banc-main-cnt .bio-main-lst > ul > li.active { background: #fdf7e1; font-family: var(--font-semibold); }

.bio-banc-main-cnt .accordionjs .acc_section ul li {margin-bottom: 15px;}
.accordionjs .acc_section ul li.active { background: url(../images/arr-bl.png) no-repeat right 5px center; color: var(--secondary-color);}
.bio-banc-main-cnt .accordionjs .acc_section ul li.active a { color: var(--secondary-color);}
.bio-banc-main-cnt .accordionjs .acc_section ul {margin-top: 20px; }
.bio-banc-main-cnt .accordionjs .acc_section.acc_active > .acc_head::after { content: none;}
.bio-banc-main-cnt .accordionjs .acc_section .acc_head h3 { font-family: var(--font-semibold); font-size: 16px; line-height: 22px; margin: 0;}

.bio-banc-main-cnt .bio-banc-cnt {float: left; width: 100%;}
.bio-banc-main-cnt .bio-banc-cnt .bio-img {float: left; width: 100%; margin-bottom: 28px;}
.bio-banc-main-cnt .bio-banc-cnt .bio-img img {float: left; width: 100%;}
.bio-banc-main-cnt .bio-banc-cnt p {float: left; width: 100%; color: #303030; font-size: 17px; line-height:22px; margin-bottom: 22px;}
.bio-banc-main-cnt .bio-banc-cnt p span { color: #303030; font-size: 16px; font-family: var(--font-semibold); text-decoration: none;}
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis {float: left; width: 100%; margin-top:30px; }
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis h2 {float: left; width: 100%; font-family: var(--font-semibold); font-size: 34px; line-height: 44px; margin-bottom: 30px; }
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst {float: left; width: 100%;}
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol {float: left; width: 100%; margin-top:15px;}
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol li {float: left; padding-left: 80px; width: 100%; position: relative; font-family: var(--font-semibold); font-size: 16px; line-height:22px; margin-bottom: 40px;}

.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol li:last-child { margin-bottom:0;}


.bio-btm-lst.histo-cont { padding-top: 0;}
.bio-btm-lst .altres-list {float: left; width: 100%; margin-bottom: 100px; padding-top: 0; border-top: 0;}
.bio-btm-lst .altres-list ul li span { background: no-repeat; border: none; font-size: 28px; color: var(--secondary-color); width:auto;}
.bio-btm-lst .altres-list ul li:hover span { color: var(--primary-color); }

.bio-banc-main-cnt .prod-filter{ float:left; width:100%; display: none; margin-bottom: 20px;}
.bio-banc-main-cnt .prod-filter ul{ float:left; width:100%}
.bio-banc-main-cnt .prod-filter ul li{ float:left;width: 100%; position:relative; font-family: var(--font-semibold);font-size: 18px;line-height: 24px;color: #4e4e4e;}
.bio-banc-main-cnt .prod-filter .sbHolder{ font-size:14px; font-family: var(--font-semibold); border: solid 1px  #686868; }
.bio-banc-main-cnt .prod-filter .sbSelector{color:#000;padding: 0px 19px;line-height: 48px;}
.bio-banc-main-cnt .prod-filter .sbToggle{background: url(../images/drop-down.png) no-repeat 0 0; width:10px; height:6px; top:22px; right:10px}
.bio-banc-main-cnt .prod-filter .sbOptions{ left:0; width:100%; right:auto;border: 1px solid #ddd;padding: 0;}
.bio-banc-main-cnt .prod-filter .sbOptions a{ text-align:left;padding: 5px 12px;color: #000;border-bottom: 1px solid #ddd;}
.bio-banc-main-cnt .prod-filter .sbOptions a:hover{color: #fff;background: #CC0000;}

.bio-banc-main-cnt .prod-filter .title-box {  float: left;  width: 100%;}
.bio-banc-main-cnt .prod-filter .title-box h2{cursor:pointer;color:#282828; font-family: var(--font-semibold); border: 1px solid #f3f3f3; height: 50px; line-height:50px; padding:0px; box-sizing:border-box; width: 100%; z-index:99999;text-transform:none;}
.bio-banc-main-cnt .prod-filter .title-box h2 span { display:none;}
.bio-banc-main-cnt .prod-filter .dropdown-hotel { float:left; width:100%; position:relative; display:block; border: 1px solid #f3f3f3;}
.bio-banc-main-cnt .prod-filter .dropdown-hotel > ul {position: relative; z-index: 99; width:100%; top:0px;}
.bio-banc-main-cnt .prod-filter .dropdown-hotel > ul li { line-height:24px; padding:10px 16px;cursor:pointer; box-sizing:border-box;font-size: 15px; font-family: var(--font-regular); color: #6c6c6c;float: left;transition: all 0.5s ease;width:100% !important;border-bottom: 1px solid #f3f3f3;}
.bio-banc-main-cnt .prod-filter .dropdown-hotel > ul li a { float:left; width:100%; transition:all .3s ease; }
.bio-banc-main-cnt .prod-filter .dropdown-hotel > ul li a:hover {color: #0090b0;}
.bio-banc-main-cnt .prod-filter .dropdown-hotel .arw-toggle {background: url(../images/f-aero.png) no-repeat scroll 0 0px; transition:all .5s ease; height:9px; right:18px; top:20px;width:13px; position:absolute; transform: rotate(180deg); } 
.bio-banc-main-cnt .prod-filter .dropdown-hotel > ul li span {  float: left;  margin-right: 8px;}
.bio-banc-main-cnt .prod-filter .arw-toggle.main {transform: rotate(0deg);}
.bio-banc-main-cnt .prod-filter ul li .title-box h2 {font-size: 16px; line-height: 26px; font-family: var(--font-semibold); margin-bottom: 0;  padding:10px 16px;}

.bio-btm-lst .alter-carousel .arrow.swiper-arr .swiper-button-next.swiper-button-disabled { opacity: 0;}
.alter-carousel .swiper10  li.swiper-slide .altres-lst-cont span { background: no-repeat; border: none; font-size: 28px; color: var(--secondary-color); width:auto;}
.alter-carousel .swiper10  li.swiper-slide:hover .altres-lst-cont span { color: var(--primary-color); }

.bio-banc .f-rgt ul li {list-style-type: none;}
.bio-banc .f-rgt ul li a{text-decoration: none;color: #192432;font-family:var(--font-regular) ;display: inline;width: unset;float: none;
  margin:0;padding: 0;}
.bio-banc .f-rgt ul li a::before{display: none;width: 0;height: 0;}

.accordionjs .acc_section > .acc_head::after {
  /* right: 12px; */
  right: 6px;
}

.bio-banc .accordionjs .acc_section > .acc_head {
  padding-right: 24px;
}

.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col{position:relative;padding-bottom:56px}
.al-serve-lst .al-serve-main .al-rgt-btm ul li .lst-col a:not(.wht-btn){position:absolute;bottom:25px;left:30px}

.al-serve-lst .al-serve-main .al-rgt ul li .lst-col{padding-bottom:50px;position: relative;}
.al-serve-lst .al-serve-main .al-rgt ul li .lst-col a:not(.wht-btn){position: absolute;bottom:25px;left:30px}
.histo-tab .tab-desc a:hover,.membres-section a:hover,
.organima-tab ul.org-tab-lst li a:hover p {
	color:var(--shade6-color)
}
.ajuts-div .acc-cont .smk_accordion .accordion_in .acc_content ul, .ajuts-div .acc-cont .smk_accordion .accordion_in .acc_content ul li{list-style: disc;list-style-type: disc;margin-left: 15px;}
.histo-tab .resp-tab-content.bio-banc-cnt{padding-top: 30px;}
.histo-tab .resp-tab-content.bio-banc-cnt .bio-serveis{margin-top: 10px;}
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol li {
	margin-bottom: 20px;
}
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol > li ol > li  {
	counter-increment: subitems;
}

.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol > li {counter-increment: items;
counter-reset: subitems;}

.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol > li ol,.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol > li ul{margin:15px 0;float: left;}

.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol li::after { position: absolute; left: 0; top:0px; color: #42849a; font-size: 14px; content: "0" counter(items)""; }
.bio-banc-main-cnt .bio-banc-cnt .bio-serveis .bio-banc-lst ol > li ol > li::after { position: absolute; left: 0; top:0px; color: #42849a; font-size: 14px; content: "0" counter(subitems)""; }

.histo-full-img {
  max-height: 350px;
  height: 350px;
  overflow: hidden;
}

.histo-full-img img {
  height: 100%;
  object-fit: cover;
}

.social-lst .social-lft{width: 100%;margin-right: 0;}

#ctf .ctf-author-box {
	padding-bottom: 30px;
}

.bio-banc-cnt.resp-tab-content ul{list-style: disc;padding-bottom:20px;float: left;}
.bio-banc-cnt.resp-tab-content ul li{list-style: disc;margin-left: 15px;float: left;margin-bottom:5px}

.noticies-lst ul li a{color: #282828;text-decoration: none ;}
.noticies-lst ul li .n-cnt span {
	width: auto;
	float: left;
	color: var(--secondary-color);
	text-decoration: underline;
	transition: all 0.4s ease;
}


.calendar .ui-datepicker-calendar td.highlight:not(.ui-datepicker-days-cell-over) a{color:var(--secondary-color)}
.id-link, .external{color: var(--shade4-color);}


.notice_form{
  padding:20px;
  margin-bottom:2em;
  border-radius:5px;
  font-size:1.1em;
  text-align:center;
  color:#FFF;
}

.notice_form.form_ko{
  background-color:#C00;
}

.notice_form.form_ok{
  background-color:#0A0;
}

.ajuts-filter select{
  
    height: 45px;
    border-radius: 5px 5px 0px 0px;
  color:#9c9c9c;
  
  font-size: 17px;
   width: 100%;
  
}


header.taxon h1{
	margin-bottom:45px;
}

header.taxon p{
	font-size:18px;
	line-height:1.7;
}

header.taxon{
	margin-bottom: 70px;
}


.list_items {
	display:block;
    padding: 0;
    margin: 0;
	margin-bottom:100px;
	clear:both;
}
	

.list_items li{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Espacio entre elementos */
	padding-bottom:40px;
	border-bottom:1px dotted #000;
	margin-bottom:50px;
}

.list_items li:last-child{
	padding:0;
	border:0;
	margin:0;
	
}

.list_items  .thumb {
    width: 180px; /* Ancho del div .thumb */
}

.list_items  .thumb img{
	max-width:180px;
	max-height:180px;
}

.list_items  .info {
    flex: 1; /* Ocupa el resto del espacio disponible */
}

.list_items .item_content{margin:15px 0;}

.list_items h2{
	color:var(--primary-color);
	font-size:22px;
	margin-bottom:20px;
}

.list_items p{
	margin-bottom:0.4em;
}


.list_items a{
	text-decoration:underline;
}

.list_items a:hover{
	text-decoration:none;
}

.list_items .links a{
	color:var(--primary-color);
	margin-right:1em;
}

.list_items p strong{margin-right:0.5em;}


.thumb_placeholder {
	background:url(../images/iispv_placeholder.png) no-repeat center center;
	background-size:cover;
}

.list_items .thumb_placeholder {
	width:180px;
	height:180px;
}


.fakenav {
	clear:both;
	background-color:var(--shade7-color);
}

.fakenav ul{
	list-style: none;
    padding: 0;
    margin: 0;
	border-bottom:1px solid #000;
	margin-bottom:40px;
}

.fakenav li{
	display:inline-block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	background-color: #f4f7f9;
	padding: 50px 10px 10px;

	border-bottom:4px solid #f3d166;
}
	




