@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url('fonts/Montserrat-ExtraLight.eot');
    src: url('fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px;  font-family: 'Montserrat-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:1172px; margin:auto; padding:0px;}
.row1{ width:765px; margin:auto; padding:0px;}


header { float: left; width: 100%; position: relative; z-index: 99;}
.top-menu { float: left; width: 100%; background: #ffffff; padding: 22px 0 0;}
.top-menu .logo {float: left; width: auto;}
.top-menu .logo a {float: left; width: auto;}
.top-menu .logo img {float: left; width: auto;} 
.is-sticky .top-menu {box-shadow: 0 0 4px rgba(0,0,0,0.2);}
.menu { float: right; width: auto; padding: 0px; margin: 15px 0 0 0;}
.top-menu .top-rgt {float: right; width: auto;}
.top-menu .top-rgt .lang-select { float: left; width: auto; margin-right: 0px; position: relative; top: 0px;}
.top-menu .top-rgt { float:right; width:auto; margin: 18px 0 0 36px;}
.top-menu .top-rgt ul.hd-links { float: right; width: auto;}
.top-menu .top-rgt ul.hd-links li {float: left; width: auto; margin-right: 30px; font-size:12px; color:#671c71; position:relative; }
.top-menu .top-rgt ul.hd-links li:last-child { margin-right: 0;}

.hd-links .search-frm-field { position:absolute; top:56px; right:0px; background:#fff; /*height:0px;*/ width:230px; 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; opacity:0; display:none; border:1px solid #ddd;}
.hd-links .search-frm-field input[type="text"] { border:none; background:none; line-height:35px; width:190px; padding:0 0 0 10px; height:auto; color:#333333; font-size:14px; margin-top:0px; font-family: 'Montserrat-Regular'; }
.hd-links .search-frm-field input[type="submit"] { float:right; border:none; width:20px; height:20px; background:url(../images/ico-search.svg) no-repeat center center; cursor:pointer; margin:7px 10px 7px 0; opacity:0.8; }
.hd-links .search-form.open-form .search-frm-field { display:block; opacity:1;}


.lang_select .sbSelector:hover { color:#f9af02;}
.lang-select .sbSelector{ width:auto;  color:#444444; font-family: 'Montserrat-Medium'; letter-spacing:normal; text-transform:none; font-size:17px; margin-right:5px; line-height:22px;}
.lang-select .sbToggle { background: url(../images/select-arrw.png) no-repeat 0 0; display: block; height: 7px; outline: none; position: absolute; right: 0px; top: 8px; width: 12px;}
.top-menu .lang-select .sbHolder .sbOptions li { width:100%; margin:0; }
.top-menu .lang-select .sbHolder .sbOptions li a { letter-spacing:normal; font-size:11px;}
.top-menu .lang-select .sbHolder .sbOptions li:hover a { background: #0073CF;}

footer { float:left; width:100%; background:#0073ce; padding:50px 0 70px;}
.ftr-top { float:left; width:100%; border-bottom:1px solid #4c9bdd; padding-bottom:40px; margin-bottom:40px;}
.ftr-lft { float:left; width: 23%; margin-right: 7%;}
.ftr-lft img { float:left;}

.ftr-mit {float: left;width: 37%; margin-right: 7%;}
.ftr-mit .nwl-sub{width: 100%; float: left; position: relative;}
.ftr-mit .nwl-sub input[type="text"] {border: 1px solid #4c9bdd;font-size: 12px;letter-spacing: 0.17px;
width: 100%;line-height: 20px;font-family: 'Montserrat-SemiBold'; background: none;padding: 10px 30px; border-radius: 50px;color: #fff;}
.ftr-mit .nwl-sub:hover input[type="text"]{background: #fff; color: #0073CF; border: 1px solid #fff;}
.ftr-mit .nwl-sub input[type="submit"]{border: none;width: 22px;height: 16px;background: url(../images/ico-send.svg) no-repeat center center;cursor: pointer; position: absolute;right: 28px;top: 13px;background-size: cover;padding: 0;}
.ftr-mit .nwl-sub:hover input[type="submit"]{background: url(../images/ico-send-blue.svg) no-repeat center center;}
.ftr-rht { float:right; width: 26%;}
.ftr-rht ul {float: right;}
.ftr-rht ul li { float:left; margin-right:12.5px;}
.ftr-rht ul li a{width: 40px; height: 40px; background: #fff;  display: inline-block; border-radius: 100%; transition:all .5s ease;}
.ftr-rht ul li a.in{background: #fff url(../images/ico-linkedin-blue.svg) no-repeat center;}
.ftr-rht ul li a.utu{background: #fff url(../images/yt-ico-blu.svg) no-repeat center;}
.ftr-rht ul li a.fb{background: #fff url(../images/ico-facebook-blue.svg) no-repeat center;}
.ftr-rht ul li a.tw{background: #fff url(../images/ico-twitter-blue.svg) no-repeat center;}
.ftr-rht ul li a.ve{background: #fff url(../images/ico-vimeo-blue.svg) no-repeat center;}
.ftr-rht ul li a.ins{background: #fff url(../images/ico-instagram-blue.svg) no-repeat center;}
.ftr-rht ul li a.in:hover{background: #db44a3 url(../images/ico-linkedin.svg) no-repeat center;}
.ftr-rht ul li a.utu:hover{background: #db44a3 url(../images/yt-ico.svg) no-repeat center;}
.ftr-rht ul li a.fb:hover{background: #db44a3 url(../images/ico-facebook.svg) no-repeat center;}
.ftr-rht ul li a.tw:hover{background: #db44a3 url(../images/ico-twitter.svg) no-repeat center;}
.ftr-rht ul li a.ve:hover{background: #db44a3 url(../images/ico-vimeo.svg) no-repeat center;}
.ftr-rht ul li a.ins:hover{background: #db44a3 url(../images/ico-instagram.svg) no-repeat center;}
.ftr-rht ul li img { float:left; transition:all .5s ease;}
.ftr-rht ul li:last-child { margin-right:0;}

.ftr-btm { float:left; width:100%; margin-bottom: 30px;}
.ftr-list { float:left; width:67%; margin-right:7%;}
.ftr-list ul li { float:left; width:49%; margin:0 2% 20px 0;}
.ftr-list ul li:nth-child(2n+2){margin-right: 0;}
.ftr-list ul li a { color:#fff; font-size:18px; line-height: 25px; font-family: 'Montserrat-Regular'; transition:all .5s ease; }
.ftr-list ul li:last-child { margin-bottom:0; }
.ftr-list ul li a:hover { font-family: 'Montserrat-Bold';}
.ftr-list ul.lft{width: 37%; margin-right: 7%; float: left;}
.ftr-list ul.rgt{width: 56%; float: right;}
.ftr-last { float:left; width:26%;}
.ftr-last ul li { float:left; width:auto; margin-right: 25px; min-height: 70px;display: flex;}
.ftr-last ul li img{float: left; width: auto; transition:all .5s ease;}
.ftr-last ul li:last-child{margin-right: 0;}

.ftr-btm-cnt { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between;  border-top: 1px solid #4c9bdd; padding-top: 32px;}
.ftr-copy{float:left; width:auto;}
.ftr-copy ul { float: left; width: 100%;}
.ftr-copy ul li { float: left; width: auto; margin-right: 30px; font-size: 12px; line-height: 20px; color: #ffffff; font-family: 'Montserrat-Regular'; transition:all .5s ease;}
.ftr-copy ul li:last-child { margin-right: 0;}
.ftr-copy ul li a { float: left; width: auto; font-size: 12px; letter-spacing: 0.18px; line-height: 20px; color: #ffffff; font-family: 'Montserrat-Regular'; transition:all .5s ease;}
.ftr-copy ul li a:hover { font-family: 'Montserrat-Bold';}

.ftr-btm-btn { float: right; width: auto;}
.ftr-btm-btn a { float: right; width: auto; width: 130px; height: 42px; border-radius: 25px; border: 1px solid #4c9bdd; color: #ffffff; font-size: 12px; line-height: 18px; letter-spacing: 0.17px; font-family: 'Montserrat-SemiBold'; display: flex; align-items: center; justify-content: center; transition: all .5s ease;}
.ftr-btm-btn a:hover { background: #ffffff; border: 1px solid #ffffff; color: #0073CF;}

header.hdr-bdr { border-bottom:3px solid #e0d2e1;}
/* mobile menu css */
body.over { overflow: hidden; }
.mobile-menu{ border-top:1px solid #0073ce; position:fixed; top:62px; width:100%; z-index: 99999; background:#fff; height:calc(100vh - 62px); overflow:auto;  padding:10px 15px; opacity: 0; visibility: hidden; transition: all 0.4s ease; } 
.m-menu img { width: 20px;}
.mobile-menu .mob-main { float:left; width:100%;}
.mobile-menu .logo { float:left; padding:20px; width:100%;}
.mobile-menu .logo img { float:left; background: none; background: #ffffff;}
.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 {position: absolute; left: 15px; display:none; width: 30px; height: 22px; top:20px;  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: #737373; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span { background:#dc44a3; }

/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -6px; left: 4px;  background: #671c6f;}
.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: 15px; left: 4px; background: #671c6f; }

.mob-nav ul { float: left; width: 100%; margin:0px;}
.mob-nav > ul {text-align: center; margin-bottom: 20px;}
.mob-nav ul li { float:left; width:100%; z-index:100; position:relative;}
.mob-nav ul li a { float:none; display: inline-block; width:auto; color: #0073ce; font-family: 'Montserrat-Medium'; font-size: 15px; padding:10px 0; line-height:24px; text-align:left; transition: all 0.4s ease;}
.mob-nav ul li a:hover { color:#db44a3;}
.mob-nav ul li a.active { color:#0073ce; font-family: 'Montserrat-Bold'; text-decoration:underline; }

.mob-lang { float:left; width:100%; text-align:center; }
.mob-lang ul li { float:none; display:inline-block; color:#671c6f; font-family: 'Montserrat-SemiBold'; font-size: 14px; width:auto; padding:0; text-transform:uppercase; border-right:1px solid #ccc; margin:0 8px 0 0; padding:0 14px 0 0; }
.mob-lang ul li a { padding:0; }
.mob-lang ul li:last-child { margin-right:0; padding-right:0; border:none; }


/****home page css ****/

.hdr-top-menu { float: left; width: 100%; background: #0073CF; padding:8px 0;}
.hdr-top-lft { float: left;}
.hdr-top-lft .lang-select a.sbSelector {  color: #ffffff; font-size: 11px; font-family: 'Montserrat-SemiBold'; }
.hdr-top-rht { float: right;}
.hdr-menu { float: left;}
.hdr-menu li  { float: left; margin-right: 24px;}
.hdr-menu li a { color: #ffffff; font-size: 11px; font-family: 'Montserrat-SemiBold'; transition: all 0.4s ease;}
.hdr-top-lft .lang-select .sbHolder .sbOptions li a { letter-spacing: normal;}
.hdr-top-lft .lang-select .sbToggle { background: url(../images/down-arrow.svg) no-repeat 0 0; display: block; height: 5px; outline: none; position: absolute; 
right: 0px; top: 9px; width: 8px;}
.hdr-menu li a:hover { opacity: 0.6;}

ul.hdr-social {float: right;}
ul.hdr-social li { float:left; margin-right:12.5px;}
ul.hdr-social li a{width: 20px; height: 20px; background: #fff;  display: inline-block; border-radius: 100%; transition:all .5s ease; float: left;}
ul.hdr-social li a.in{background: #fff url(../images/ico-linkedin-blue.svg) no-repeat center; background-size: 10px auto;}
ul.hdr-social li a.utu{background: #fff url(../images/yt-ico-blu.svg) no-repeat center; background-size: 12px auto;}
ul.hdr-social li a.fb{background: #fff url(../images/ico-facebook-blue.svg) no-repeat center; background-size: 5px auto;}
ul.hdr-social li a.tw{background: #fff url(../images/ico-twitter-blue.svg) no-repeat center; background-size: 10px auto;}
ul.hdr-social li a.ve{background: #fff url(../images/ico-vimeo-blue.svg) no-repeat center; background-size: 10px auto; }
ul.hdr-social li a.ins{background: #fff url(../images/ico-instagram-blue.svg) no-repeat center; background-size: 11px auto;} 
ul.hdr-social li a.in:hover{background: #db44a3 url(../images/ico-linkedin.svg) no-repeat center; background-size: 10px auto;}
ul.hdr-social li a.utu:hover{background: #db44a3 url(../images/yt-ico.svg) no-repeat center; background-size: 12px auto;}
ul.hdr-social li a.fb:hover{background: #db44a3 url(../images/ico-facebook.svg) no-repeat center; background-size: 5px auto;}
ul.hdr-social li a.tw:hover{background: #db44a3 url(../images/ico-twitter.svg) no-repeat center; background-size: 10px auto;}
ul.hdr-social li a.ve:hover{background: #db44a3 url(../images/ico-vimeo.svg) no-repeat center; background-size: 10px auto;}
ul.hdr-social li a.ins:hover{background: #db44a3 url(../images/ico-instagram.svg) no-repeat center; background-size: 11px auto;}
ul.hdr-social li img { float:left; transition:all .5s ease;}
ul.hdr-social li:last-child { margin-right:0;}


.recera-banner { float: left; width: 100%; position: relative;}
.recera-banner img { float: left; width: 100%;}
.recera-banner .inner-ban-caption { position: absolute; top: 90px; float: left;  width: auto; background: #fff;  padding:20px 35px; border-radius: 5px; }
.recera-banner .inner-ban-caption h2 { font-family: 'Montserrat-ExtraBold'; font-size: 35px; line-height: 38px; color: #444444;}

.recera-ban-cnt { float: left; width: 100%; margin-top: -45px; position: relative; margin-bottom: 60px;}
.recera-ban-cnt ul.recera-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; align-items: center; margin-bottom: 40px;}
.recera-ban-cnt ul.recera-btn li { flex: 1 1 auto; border-radius: 4px; transition: all 0.4s ease;}
.recera-ban-cnt ul.recera-btn li a { font-size: 25px; color: #ffffff; font-family: 'Montserrat-Bold'; padding: 22px 30px; display: flex; align-items: center;
justify-content: space-between; line-height: 32px; height: 90px;}
.recera-ban-cnt ul.recera-btn li a span { float: right; background: url(../images/ico-more.svg) no-repeat 0 0; width: 40px; height: 40px; display: inline-block;} 
.recera-ban-cnt ul.recera-btn li:nth-child(1) { background: #3445B1;}
.recera-ban-cnt ul.recera-btn li:nth-child(2) { background: #0073CF;}
.recera-ban-cnt ul.recera-btn li:nth-child(3) { background: #0DB3EA;}
.recera-ban-cnt h3 { color: #0073CF; font-size: 25px; font-family: 'Montserrat-Bold'; text-align: center; line-height: 36px;}
.recera-ban-cnt ul.recera-btn li:hover { background: #dc44a2;}

.els-sec { float: left; width: 100%; padding: 0 12%; margin: 40px 0 60px;}
.els-sec h5 {color: #444444; font-size: 14px; font-family: 'Montserrat-SemiBold'; line-height: 20px; margin-bottom: 30px; }
.els-sec ul li { float: left; width: 100%; margin-bottom: 30px;}
.els-sec ul li .els-ico { float: left; width: 60px; margin-right: 20px; padding-top: 0px; }
.els-txt {float: left; width: calc(100% - 80px); padding-right: 0px; }
.els-txt h4 { font-family: 'Montserrat-Bold'; font-size: 18px; line-height: 24px; color: #444444; padding-bottom: 4px; }
.els-txt p { font-size: 14px; line-height: 24px; color: #444444; padding-bottom: 0px; }
.els-sec ul li:last-child { margin-bottom: 0;}

.blue-btn { float: left; width: 100%; background: #0073CF; text-align: center; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 5px;}
.blue-btn h1 { font-size: 35px; color: #ffffff; font-family: 'Montserrat-ExtraBold'; display: inline-block; margin-right: 40px;}
.blue-btn a { display: flex; border: 1px solid #4c9cdd; padding: 8px 20px; border-radius: 25px; font-size: 12px; font-family: 'Montserrat-SemiBold'; color: #ffffff; transition: all 0.4s ease;}
.blue-btn a span { color: #ffffff; font-size: 22px;  font-family: 'Montserrat-Regular'; margin-left: 10px; }
.blue-btn a:hover { background: #DC44A3; border: 1px solid #DC44A3;}

.actualitat-sec { float: left; width: 100%; background: #F2F5FB; padding: 70px 0;}
.actualitat-lft { float: left; width: 45%;}
.actualitat-lft h2 { font-size: 25px; color: #0073CF; font-family: 'Montserrat-ExtraBold'; line-height: 30px; display: flex;  align-items: center; margin-bottom: 35px;}
.actualitat-lft h2 a { transition: all 0.4s ease;}
.actualitat-lft h2 a span { background: url(../images/ico-more-news-grey.svg) no-repeat 0 0; width: 40px; height: 40px; display: inline-block; margin-left: 30px; transition: all 0.4s ease;}
.actualitat-lft h2 a:hover span { background: url(../images/plus-hover.svg) no-repeat 0 0; }


.actualitat-lft > ul > li { float: left; width: 100%; margin-bottom: 40px;}
.actualitat-lft ul li:last-child { margin-bottom: 0;}
.actualitat-lft ul li .actual-img { float: left; width: 120px; margin-right: 20px; border-radius: 50%; overflow: hidden; position: relative;}
.actualitat-lft ul li .actual-img a { float: left; width: 100%;}
.actualitat-lft ul li .actual-img a::after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 100%; background: rgba(220,68,162,0.5); opacity: 0; transition: all 0.4s ease;}
.actualitat-lft ul li .actual-img img { float: left;}
.actualitat-lft ul li .actual-img .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9;}
.actualitat-lft ul li .actual-txt { float: left; width: calc(100% - 140px);}
.actualitat-lft ul li .actual-txt span { font-size: 14px; color: #444444; margin-bottom: 8px; display: block; background: url(../images/ico-event-clock.svg) no-repeat left; padding-left: 25px;}
.actualitat-lft ul li .actual-txt h3 { transition: all 0.4s ease; font-size: 18px; color: #444444; font-family: 'Montserrat-Bold'; line-height: 26px; margin-bottom: 15px;}
.actualitat-lft ul li .actual-txt ul.news-tag li { float: left;  width: auto; margin-right: 10px; }
.actualitat-lft ul li .actual-txt ul.news-tag li a { background: #ffffff; padding: 5px 14px; display: inline-block; font-size: 13px; color: #0073CF; border-radius: 4px; transition: all 0.4s ease; }
.actualitat-lft ul li .actual-txt ul.addr-list { float: left; width: 100%; margin-bottom: 10px;}
.actualitat-lft ul li .actual-txt ul.addr-list li { float: left; width: 100%; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; padding-left: 24px; margin-bottom: 5px;}
.actualitat-lft ul li .actual-txt ul.addr-list li.loc-ico { background: url(../images/ico-pointer.svg) no-repeat 0 2px;}
.actualitat-lft ul li .actual-txt ul.addr-list li.cal-ico { background: url(../images/ico-calendar.svg) no-repeat 0 2px;}
.actualitat-lft ul li .actual-txt ul.news-tag li a:hover { background: #0073cf; color: #ffffff;}
.actualitat-lft ul li:hover .actual-img a::after { opacity: 1;}

.actualitat-lft ul li:hover .actual-txt h3  { color: #0073CF;}
.actualitat-inn { float: left; width: 100%; padding: 0 4%;}
.actualitat-lft.agenda-rht { float: right;}

.testimonial-sec { float: left; width: 100%; padding: 60px 0 80px;}
.testimonial-sec h2 { color: #0073CF; font-size: 30px; font-family: 'Montserrat-ExtraBold'; line-height: 40px; text-align: center; margin-bottom: 50px;}
.testimonial-sec ul li { float: left; width: 48%; margin-right: 4%;}
.testimonial-sec ul li .test-img { float: left; width: 100%; overflow: hidden; border-radius: 8px; margin-bottom: 15px; position: relative;}
.testimonial-sec ul li .test-img > img { float: left; width: 100%; transition: all 0.4s ease;}
.testimonial-sec ul li .test-txt { float: left; width: 100%;}
.testimonial-sec ul li .test-txt p { font-size: 18px; color: #444444; font-family: 'Montserrat-Bold'; line-height: 26px; }
.testimonial-sec ul li .test-img .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.testimonial-sec ul li:last-child { margin-right: 0;}
.testimonial-inn { float: left; width: 100%; padding: 0 5%; }
.testimonial-sec ul > li:hover .test-img > img { transform: scale(1.04);}
.testimonial-sec ul > li:hover .test-txt p { color: #0073CF;}

.doce-popup {opacity: 0; visibility: hidden; float: left; width: 50%; background: #3445b0; padding: 30px 20px; border-radius: 6px; display: flex; flex-wrap: wrap; 
position: absolute; top: -80px; left: 0; transition: all 0.6s ease;}
.doce-col-1 { float: left; width: 100%;}
.doce-col-1 h1 { font-size: 30px; line-height: 36px; font-family: 'Montserrat-Bold'; color: #ffffff; margin-bottom: 20px;}
.recera-ban-cnt.doce-cnt .doce-col-1 p { text-align: left; color: rgba(255, 255, 255, 0.8); font-size: 14px; line-height: 24px; margin: 0;  font-family: 'Montserrat-Light';}
.col-wid { width: 30%; float: left; padding-left: 2.5%; margin-left:5%; border-left: 1px solid rgba(255, 255, 255, 0.5);}
.doce-col-2 h2 { font-size: 17px; font-family: 'Montserrat-Bold'; color: #ffffff; margin-bottom: 20px; line-height: 24px;} 
.doce-col-2 ul li { float: left; width: 100%; margin-bottom: 12px;}
.doce-col-2 ul li a { transition: all 0.4s ease; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed; color: #ffffff; padding: 6px 24px; display: inline-block; border-radius: 25px;}
.doce-col-2 ul li a:hover { background: #DC44A3; border: 1px solid #DC44A3;}
.doce-popup > div { flex: 1 1 auto;}
.doce-popup > div:first-child { padding-left: 0; margin-left: 0; border: none;}
.doce-popup .close-ico { position: absolute; right: 20px; top:20px; }
.deco-top-btn { float: left; width: 100%; position: relative;}
.doce-popup.current { opacity: 1; visibility: visible; width: 100%; height: auto;}
.bg2 { background: #185bbe;}
.bg3 { background: #0073cf;}
.bg4 { background: #0692dc;}
.bg5 { background: #09a2e2;}
.bg6 { background: #0db3ea;}

.ftr-banner { float: left; width: 100%; position: relative;}
.ftr-banner img { float: left; width: 100%;}
.ftr-banner .inner-ban-caption { position: absolute; top: 50%; transform: translateY(-50%); float: left;  width: 100%; background: #fff;  padding:25px 35px; border-radius: 5px; max-width: 350px;}
.ftr-banner .inner-ban-caption h2 { font-family: 'Montserrat-ExtraBold'; font-size: 35px; line-height: 42px; color: #444444; margin-bottom: 20px;}
.ftr-banner .inner-ban-caption a { transition: all 0.4s ease; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed; padding: 8px 20px; border-radius:25px; display: inline-block; }
.ftr-banner .inner-ban-caption a:hover { background: #DC44A3; color: #ffffff; border: 1px solid #DC44A3;}


.inner-ban-caption.caption-btm { top: auto; bottom: 32%; }
.recera-ban-cnt .recera-btn.doce-btn { column-gap: 10px; align-items: inherit; margin-top: -80px;}
.recera-ban-cnt .recera-btn.doce-btn li a { font-size: 20px; display: block; padding: 16px; height: 170px; line-height: 28px; position: relative;}
.recera-ban-cnt .recera-btn.doce-btn li a span { position: absolute; left: 15px; bottom: 20px; background-size: cover; width: 30px;  height: 30px;}
.recera-ban-cnt .recera-btn.doce-btn li { flex: 1 1 15%; border-radius: 6px; transition: all 0.4s ease;}
.recera-ban-cnt ul.recera-btn.doce-btn li:nth-child(1) { background: #3445b0;}
.recera-ban-cnt ul.recera-btn.doce-btn li:nth-child(2) { background: #185bbe;}
.recera-ban-cnt ul.recera-btn.doce-btn li:nth-child(3) { background: #0073cf;}
.recera-ban-cnt ul.recera-btn.doce-btn li:nth-child(4) { background: #0692dc;}
.recera-ban-cnt ul.recera-btn.doce-btn li:nth-child(5) { background: #09a2e2;}
.recera-ban-cnt ul.recera-btn.doce-btn li:nth-child(6) { background: #0db3ea;}
.recera-ban-cnt UL.recera-btn.doce-btn li:hover { background: #dc44a2;}

.recera-ban-cnt.doce-cnt h3 { font-size: 30px; font-family: 'Montserrat-ExtraBold'; line-height: 44px; color: #0073CF; margin-bottom: 40px;}
.recera-ban-cnt.doce-cnt p { text-align: center; font-size: 20px; line-height: 30px; font-family: 'Montserrat-Medium'; margin-bottom: 50px;}
.doce-count { float: left; width: 100%; text-align: center;}
.doce-count ul li { float: none; display: inline-block; margin-right: 2%; width: 25%;}
.doce-count ul li h2 { color: #444444; font-size: 60px; line-height: 60px;  font-family: 'Montserrat-ExtraBold';}
.doce-count ul li:last-child { margin-right: 0;}
.recera-ban-cnt.doce-cnt .doce-count ul li p { font-size: 19px; color: #444444; margin-bottom: 0;}
.recera-ban-cnt.doce-cnt { margin: 0px; background: #f2f5fc; padding-bottom: 70px;}

.actualitat-sec.doc-act-sec { background: #ffffff;}
.actualitat-sec.doc-act-sec .actualitat-lft ul li .actual-txt ul.news-tag li a { background: #F2F5FB;}
.actualitat-sec.doc-act-sec .actualitat-lft ul li .actual-txt ul.news-tag li a:hover { background: #0073CF;}


/* RECERCA-CONTACTAR page*/
/* bredcrum css */
.bredcrum-bg { float: left; width: 100%; background: #F2F5FB; padding: 20px 0 50px;}
.bredcrum-bg .bredcrum-cnt { float: left; width: 100%; position: relative;}
.bredcrum-bg .bredcrum-cnt ul { float: left; width: 100%; margin-bottom: 20px;}
.bredcrum-bg .bredcrum-cnt ul li { float: left; width: auto; font-size: 12px; line-height: 20px; color: #777777; font-family: 'Montserrat-SemiBold'; position: relative; padding-right: 8px; margin-right: 5px;}
.bredcrum-bg .bredcrum-cnt ul li::after { position: absolute; content: "/"; top: 0; right: 0; color: #777777;}
.bredcrum-bg .bredcrum-cnt ul li:last-child:after { content: none;}
.bredcrum-bg .bredcrum-cnt ul li:last-child { padding-right: 0; margin-right: 0;}
.bredcrum-bg .bredcrum-cnt ul li a { font-size: 12px; line-height: 15px; color: #777777; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;}
.bredcrum-bg .bredcrum-cnt ul li a:hover { color: #0073CF;}
.bredcrum-bg h1 { float: left; width: 100%; font-size: 40px; line-height: 60px; color: #444444; font-family: 'Montserrat-ExtraBold';}

.contact-list-sec { float: left; width: 100%; background: #fff; padding:60px 0 10px;}
ul.contact-list { float: left; width: 100%; display: flex; flex-wrap: wrap; padding: 0px 100px;}
ul.contact-list li { float: left; width: 46%; margin-right: 8%; border-top: 3px solid #e3e3e3; padding: 14px 0px 50px;}
ul.contact-list li:nth-child(2n-2) { margin-right: 0px;}
ul.contact-list li h2 { font-size: 20px; line-height: 28px; color: #0073CF;font-family: 'Montserrat-Bold'; margin-bottom: 8px; letter-spacing: -0.18px; }
ul.contact-list li h3 { font-size: 15px; line-height: 25px; color: #444;font-family: 'Montserrat-SemiBold'; margin-bottom: 2px; letter-spacing: -0.38px; }
ul.contact-list li p.phone { padding-left: 28px; font-size: 15px; line-height: 25px; color: #444; margin-bottom: 0px; letter-spacing: -0.38px; background: url(../images/ico-phone.svg) no-repeat left 0px center;}
ul.contact-list li p.phone span{ margin-left: 10px;}


/* contact form css */
.contact-frm    { float: left; width: 100%; padding:55px 0 70px; text-align: center; background: #f2f5fc;}
.contact-frm h2 { font-family: 'Montserrat-ExtraBold'; font-size: 30px; line-height: 36px; color: #0073CF; padding-bottom: 20px; }
.contact-frm p { font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 24px; color: #777777; padding-bottom: 30px; }
.frm-input.border-top-input { margin-top: 0px; }
span.star-ico  { display: inline-block; margin: 0px 2px; }
.cont-frm-wdth { float: none; display: inline-block; width: 760px;}
.form-box .frm-input { float: left; width: 100%; margin-bottom: 20px;}
.form-box input[type="text"],  .form-box input[type="email"],  .form-box input[type="tel"],  .form-box input[type="file"], .form-box textarea { width:100%; color:#777777; padding:0px 25px; border: none; height:50px; line-height:50px; font-size:14px; border-radius: 5px;transition: all .5s ease; background:#fff; position: relative;font-family: 'Montserrat-Medium';}
.form-box input[type="text"]:focus,  .form-box input[type="email"]:focus,  .form-box input[type="tel"]:focus,  .form-box textarea:focus { /*border-bottom: 2px solid #0073CF;*/ box-shadow: 0 2px 0 #0073CF;}
.form-box textarea { resize:none; height:155px; line-height:22px; padding: 15px 25px;  color:#777777; font-size:14px;}
.form-box .frm-input.checkbox { float: left; width: 100%; margin-bottom: 0!important;}
.form-box .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.form-box .frm-input label { color: #777777; cursor: pointer; font-size: 11px;  position: relative; width: auto; line-height:18px; display: inline-block;}
.form-box .frm-input.checkbox label { color: #777;cursor: pointer;font-size: 12px;padding-bottom: 15px;padding-left: 37px; position: relative;float: left;width: auto;line-height: 18px;margin-bottom: 0px;text-align: left;}
.form-box .frm-input.checkbox label a { font-family: 'Montserrat-Bold'; transition: all .5s ease; }
.form-box .frm-input.checkbox label a:hover { color: #0073CF;}
.form-box .frm-input.checkbox label::before { content: "";height: 14px;left: 0px;position: absolute; border-radius: 3px; top: 2px;transition: all 0.3s ease-in-out 0s;width: 14px;z-index: 9; }
.form-box .frm-input.checkbox label::after { background: none; border: 2px solid #454545;content: "";height: 14px; left: 0;position: absolute;top: 2px;width: 14px; border-radius: 3px;}
.form-box .frm-input.checkbox input:checked + label::before {background: #222 none repeat scroll 0 0; }
.form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.form-box .frm-input:last-child { margin-bottom: 0;}
.form-box .frm-input .chk-box-lft {float: left; width: 70%; margin-top: 10px; padding-left: 25px;}
.form-box .frm-input .btn-rgt { float: right; width: auto; margin-top: 0px;}
.form-box button.env-btn  { font-size: 12px; font-family: 'Montserrat-ExtraBold'; cursor: pointer; line-height: 38px; background: #0073CF; border: 1px solid #0073CF; color: #fff; padding:0 25px; border-radius: 20px; display: inline-block; margin-top: 0px; transition: all .5s ease; }
.form-box button.env-btn:hover { background: #dc44a2; color: #ffffff; border: 1px solid #dc44a2; }

.form-box .frm-input .two-col { float: left; width: 100%;}
.form-box .frm-input .two-col .frm-input-ctrl { float: left; width: 48.5%; margin-right: 3%; position: relative;}
.form-box .frm-input .two-col .frm-input-ctrl:last-child { margin-right: 0;}

.frm-input-ctrl.star-ico input::after  { position: absolute; content: ''; background: url(../images/ico-form.svg) no-repeat 0 0; width: 12px; height: 12px; display: inline-block; }

.contact-frm .slt-bx { float: left; width: 100%;}
.contact-frm .slt-bx .sbHolder {padding-right: 0; width:100%; background: none;}
.contact-frm .slt-bx .sbSelector { float: left; text-align: left; width:100%; text-transform: inherit; color: #777777; background: #fff; border-radius: 5px;  padding:0px 25px;  height:50px; line-height:50px; letter-spacing: normal; font-size:14px; font-family: 'Montserrat-Medium'; transition: all .5s ease;}
.contact-frm .slt-bx .sbOptions { width: 100% !important; margin-top:0px;top: 100% !important; border: none;}
.contact-frm .slt-bx .sbHolder .sbOptions li { text-align: left; height: auto;}
.contact-frm .slt-bx .sbOptions a {  font-size: 14px; padding: 7px 20px !important; color:#777777; letter-spacing:normal; }
.contact-frm .slt-bx .sbHolder .sbOptions li:hover a { color: #ffffff;}
.contact-frm .slt-bx a.sbToggle { background: url(../images/select-arw.svg) no-repeat 0 0; display: block; height: 8px;  outline: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 14px; z-index: 1;}
.contact-frm .slt-bx .sbHolder .sbOptions li:hover { background: #0073CF;}

.form-box input[type="text"] { background: #fff url(../images/ico-form.svg) no-repeat 70px center;}
.form-box input[type="text"]:focus { background-image: none;}
.form-box input[type="text"].nom {background-position: 75px center;}
.form-box input[type="text"].cognoms {background-position: 110px center;}
.form-box input[type="text"].telefon {background-position: 90px center;}
.form-box input[type="text"].bet {background-position: 165px center;}

.border-top-input { border-top:3px solid #ebeff8; padding-top: 20px; margin-top: 20px; }

/* RECERCA-GRUPS page */
.contact-list-sec.contact-list-grups { padding: 60px 0px 40px;}
.contact-list-sec.contact-list-grups h3 { font-size: 20px; line-height: 28px; color: #444;font-family: 'Montserrat-Medium'; margin-bottom: 35px; letter-spacing: -0.28px; }
.contact-list-sec.contact-list-grups ul.contact-list { padding: 0px 0px;}
.contact-list-sec.contact-list-grups ul.contact-list li { width: 30.3333%; margin-right: 4%; padding: 15px 0px 40px;}
.contact-list-sec.contact-list-grups ul.contact-list li a { display: block;}
.contact-list-sec.contact-list-grups ul.contact-list li:nth-child(2n-2) { margin-right: 4%;}
.contact-list-sec.contact-list-grups ul.contact-list li:nth-child(3n-3) { margin-right: 0px;}
.contact-list-sec.contact-list-grups ul.contact-list li h2 { font-size: 25px; line-height: 33px; color: #0073CF;font-family: 'Montserrat-Bold'; margin-bottom: 8px; letter-spacing: 0px;  transition: all 0.4s ease;}
.contact-list-sec.contact-list-grups ul.contact-list li p { font-size: 15px; line-height: 25px; color: #444; margin-bottom: 0px; letter-spacing: -0.38px;}
.contact-list-sec.contact-list-grups ul.contact-list li:hover h2 { color: #dc44a2;}

.grups-info-sec { float: left; width: 100%; background: #f2f5fc; padding: 55px 0px 70px;}
.grups-info-lft { float: left; width: 35%; }
.grups-info-lft h2 {font-size: 20px; line-height: 24px; color: #0073CF;font-family: 'Montserrat-Bold';letter-spacing: -0.11px; margin-bottom: 12px;}
.grups-info-lft p {font-size: 16px; line-height: 24px; color: #777777;letter-spacing: -0.1px; }
.grups-info-rgt { float: left; width: 65%; }
ul.info-lst { float: left; width: 100%;}
ul.info-lst li{ float: left; width: 100%; padding-left: 42px; margin-bottom: 30px;}
ul.info-lst li:last-child{ margin-bottom: 0px; }
ul.info-lst li.pdf { background: url(../images/ico-download.svg) no-repeat left 0px top 6px; }
ul.info-lst li.link { background: url(../images/ico-link.svg) no-repeat left 0px top 6px; }
ul.info-lst li h2 { font-size: 20px; line-height: 28px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom: 12px; letter-spacing: 0px; }
ul.info-lst li h2 a { color: #444444; transition:all .5s ease;}
ul.info-lst li h2 a:hover { color: #dc44a2; }
ul.info-lst li p.time { display: flex; flex-wrap: wrap; align-items: center;}
ul.info-lst li p.time span.date-txt {font-size: 14px; line-height: 17px; color: #444444;letter-spacing: 0px; background: url(../images/ico-event-clock.svg) no-repeat left 0px center; padding-left: 25px;}
ul.info-lst li p.time span.cat-span { display: inline-block; margin-left: 30px;font-size: 12px; line-height: 15px;font-family: 'Montserrat-SemiBold'; color: #0073CF; padding: 7px 12px; background: #fff; border-radius: 5px; letter-spacing: 0.17px; }
ul.info-lst li h3 { font-size: 15px; line-height: 28px; color: #0073CF;font-family: 'Montserrat-Medium'; margin-bottom: 8px; letter-spacing: 0px; }
ul.info-lst li h3 a { color: #0073CF; transition:all .5s ease; }
ul.info-lst li h3 a:hover { text-decoration: underline; color: #dc44a2; }


/* RECERCA-DERMATOLOGIA-MAIN page*/
.bredcrum-bg.bredcrum-bg-menu { padding-bottom: 0px;}
.bredcrum-bg.bredcrum-bg-menu h1 { margin-bottom: 18px;}
.bredcrum-menu { float: left; width: 100%; }
.bredcrum-menu ul { float: left; width: 100%;} 
.bredcrum-menu ul li { float: left; margin-right: 25px;}
.bredcrum-menu ul li a { position: relative; display: inline-block;text-align: center; padding: 16px 0px; color: #777777; font-family: 'Montserrat-Medium';font-size: 15px;line-height: 24px; letter-spacing: -0.21px; transition:all .5s ease;}
.bredcrum-menu ul li a:hover, .bredcrum-menu ul li a.active { color: #0073CF;font-family: 'Montserrat-ExtraBold';}
.bredcrum-menu ul li a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; margin: auto; width: 0px; height: 5px; background: #0073CF; transition:all .5s ease;}
.bredcrum-menu ul li a:hover::after, .bredcrum-menu ul li a.active::after { width: 100%;}
.bredcrum-menu ul li a::before {display: block; content: attr(title);font-family: 'Montserrat-ExtraBold';
height: 1px;color: transparent;overflow: hidden;visibility: hidden;}

.derma-list-sec { float: left; width: 100%; padding: 50px 0px 90px; background: #fff;}
.derma-list-sec h3 { font-size: 20px; line-height: 28px; color: #444;font-family: 'Montserrat-Medium'; margin-bottom: 45px; letter-spacing: -0.28px; }
.derma-list-sec h3 a { font-family: 'Montserrat-Bold'; color: #0073CF; margin-left: 20px; display: inline-block;}
.derma-list-sec h3 a:hover { text-decoration: underline;}

.derma-para { width: 100%; float: left; max-width: 80%;}

.derma-list-cont { float: left; width: 100%; padding: 0px 100px;}
.derma-main { float: left; width: 100%; margin-bottom: 60px;}
.derma-main h1 { font-size: 30px; line-height: 43px; color: #0073CF;font-family: 'Montserrat-ExtraBold'; margin-bottom: 22px; letter-spacing: 0px; }
.derma-prof-cont { float: left; width: 100%; display: flex; }
.derma-main .prof-img { float: left; width: 150px;}
.derma-main .prof-img img{ float: left; width: 100%;}
.derma-main .prof-cont{float: left; width: calc(100% - 150px); padding-left: 40px;}
.derma-main .prof-cont h4 {font-size: 13px; line-height: 22px; color: #0073CF;font-family: 'Montserrat-Medium'; letter-spacing: 0.93px; margin-bottom: 5px;}
.derma-main .prof-cont h2 {font-size: 22px; line-height: 30px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom: 12px; }
.derma-main .prof-cont p { font-size: 14px; line-height: 17px; color: #444444; margin-bottom: 18px; }
ul.prof-links { float: left; width: 100%;}
ul.prof-links li { float: left; margin-right: 12px;}
ul.prof-links li:last-child { margin-right: 0px;}
ul.prof-links li a { display: inline-flex; align-items: center; color: #0073CF;font-size: 12px;font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 20px;}
ul.prof-links li a:hover { background: #dc44a2; color: #fff;border:1px solid #dc44a2;}

.investigadors { float: left; width: 100%; }
.investigadors h1 { font-size: 20px; line-height: 24px; color: #0073CF;font-family: 'Montserrat-Bold'; margin-bottom: 28px; letter-spacing: -0.11px; }
.invest-lft { float: left; width: 50%;}
.invest-rgt { float: left; width: 50%;}
.invest-rgt  ul.invest-list { padding-left: 90px;}
ul.invest-list { float: left; width: 100%;}
ul.invest-list li { float: left; width: 100%; margin-bottom: 30px;}
ul.invest-list li:last-child { margin-bottom: 0px;}
ul.invest-list li .derma-prof-cont { align-items: center;}
ul.invest-list li .prof-img { float: left; width: 80px;}
ul.invest-list li .prof-img img{ float: left; width: 100%;}
ul.invest-list li .prof-img span.prof-round { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 100px;
font-size: 35px; line-height: 35px; color: #fff; font-family: 'Montserrat-ExtraBold'; }
ul.invest-list li .prof-img span.prof-round.grn{ background: #2FB5BD; }
ul.invest-list li .prof-img span.prof-round.blu{ background: #0073ce; }
ul.invest-list li .prof-img span.prof-round.yellow{ background: #f4be52; }
ul.invest-list li .prof-img span.prof-round.grey{ background: #c6c6c6; }
ul.invest-list li .prof-cont{float: left; width: calc(100% - 80px); padding-left: 40px;}
ul.invest-list li .prof-cont h2 {font-size: 16px; line-height: 19px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom: 5px; letter-spacing: -0.1px; }
ul.invest-list li .prof-cont p { font-size: 16px; line-height: 21px; color: #777777; margin-bottom: 12px; letter-spacing: -0.1px;}
ul.invest-list li .prof-cont span.degree { display: inline-block; padding: 0px 13px;  height: 26px; line-height: 26px; border-radius: 5px;background: #f2f5fb; color: #0073cf; font-size: 12px; letter-spacing: 0.17px; font-family: 'Montserrat-SemiBold';}

.contacta-grup-sec { float: left; width: 100%; position: relative;}
.contacta-grup-sec .row { position: relative; }
.contacta-grup-sec img{ float: left; width: 100%; }
.contacta-grup-sec .contacta-grup-cont { float: left; width: 100%; position: absolute; bottom: 0px; left: 0px;}
.contacta-grup { position: absolute; bottom: 100px; left: 0px; width: 380px; border-radius: 6px; padding: 25px 32px ;
background: #ffffff; box-shadow: 0px 0px 30px rgba(0,0,0,0.1);}
.contacta-grup h1 { color: #444444; font-family: 'Montserrat-ExtraBold';font-size: 35px;line-height: 38px; margin-bottom: 15px;}
a.contact-btn { display: inline-flex; align-items: center; color: #0073CF;font-size: 12px; letter-spacing: 0.17px;font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 18px;}
a.contact-btn span{ margin-left: 14px; font-size: 24px; font-family: 'Montserrat-Medium';}
a.contact-btn:hover { background: #dc44a2; color: #fff;border:1px solid #dc44a2; }

/* RECERCA-DERMATOLOGIA-PUBLICACIONS page */
.publication-sec { float: left; width: 100%; padding: 40px 0px 100px; background: #fff;}
.filter-div{ float: left; width: 100%; margin-bottom: 45px;}
.filter-select { float: left; width: 240px; }
.filter-select .sbHolder { width: 100%; padding: 0px 50px 0px 25px; border: 1px solid #b3d5f1; height: 40px; border-radius: 40px;}
.filter-select .sbSelector { line-height: 40px; color: #0073CF;font-size: 12px; font-family: 'Montserrat-SemiBold'; letter-spacing: 0px; text-transform: inherit;}
.filter-select .sbHolder .sbOptions { width: 100% !important; border-radius: 6px; overflow: hidden;}
.filter-select .sbHolder .sbOptions li { height: 32px;}
.filter-select .sbHolder .sbOptions a { padding: 5px 25px !important; }
.filter-select .sbHolder .sbOptions li:hover { background: #0073CF;}
.filter-select .sbHolder .sbOptions li:hover a { color: #fff;}
.filter-select .sbToggle { background: url(../images/select-arw.svg) no-repeat 0 0; width: 14px; right: 20px; top:15px;}
.filter-select .sbToggle.sbToggleOpen { transform: rotate(180deg);}

.publication-cont {float: left; width: 100%; }
.public-lft { float: left; width: 71%; margin-right: 6%;}
ul.publication-list { float: left; width: 100%; border-bottom:3px solid #f2f5fc; margin-bottom: 32px;}
ul.publication-list li { float: left; width: 100%; padding: 25px 60px 28px 0px; border-top:3px solid #f2f5fc; }
ul.publication-list li p { font-size: 14px; line-height: 22px; color: #444444; margin-bottom: 10px;}
ul.publication-list li h3 { font-size: 14px; line-height: 22px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom: 10px;}
ul.publication-list li h5 { font-size: 14px; line-height: 24px; color: #0073CF; margin-bottom: 0px;}
.public-rgt { float: left; width: 23%;}
.public-rgt-top { float: left; width: 100%; background: #fff; border-radius: 5px;box-shadow: 0px 0px 30px rgba(0,0,0,0.1); }
.public-rgt-img {float: left; width: 100%;}
.public-rgt-img img{float: left; width: 100%;}
.public-rgt-cont { float: left; width: 100%; padding: 20px 62px 20px 15px; }
.public-rgt-cont h1 { font-size: 20px; line-height: 24px; color: #0073CF; font-family: 'Montserrat-ExtraBold'; letter-spacing: -0.11px; }
.public-rgt-cont h1 a{ display: block; color: #0073CF; padding-left: 35px; background: url(../images/ico-memories.svg) no-repeat left 0px top 3px;transition:all .5s ease;}
.public-rgt-cont h1 a:hover { opacity: 0.7;}

.pagination-div { float: left; width: 100%;}
.pagination-div ul { float: left; width: 100%; display: flex; align-items: center;}
.pagination-div ul li { float: left; margin-right: 18px; }
.pagination-div ul li:last-child { margin-right: 0px; }
.pagination-div ul li a { display: flex; align-items: center; justify-content: center; width: 32px; line-height: 32px; border-radius: 40px; border: 1px solid transparent;
font-size: 12px; color: #4B4B4B; transition:all .5s ease;}
.pagination-div ul li a:hover, .pagination-div ul li a.active { border: 1px solid #f2f2f2; color: #057EBA;font-family: 'Montserrat-SemiBold'; }
.pagination-div ul li a.prev, .pagination-div ul li a.next{ width: auto; border: 1px solid transparent;}
.pagination-div ul li a.prev img, .pagination-div ul li a.next img{ width: 20px; }
.pagination-div ul li a.next img { transform: rotateZ(180deg);}
.pagination-div ul li a.prev:hover, .pagination-div ul li a.next:hover { opacity: 0.7;}

/* RECERCA-DERMATOLOGIA-PROJECTES page */
.projectes-sec { float: left; width: 100%; padding: 60px 0px 90px; background: #fff; }
.project-cont-out { float: left; width: 100%; padding: 0px 100px; }
.project-cont-out h1 { font-size: 30px; line-height: 43px; color: #0073CF;font-family: 'Montserrat-ExtraBold'; margin-bottom: 20px; letter-spacing: 0px; }
.project-cont-out .filter-div { margin-bottom: 30px;}
.project-out { float: left; width: 100%;}
ul.project-list { float: left; width: 100%; margin-bottom: 30px;}
ul.project-list li { float: left; width: 100%; padding: 25px 35px 35px 0px; border-bottom: 3px solid #f2f5fc;}
ul.project-list li .project-lft { float: left; width: 120px; text-align: center;}
.project-lft .proj-avatar{ float: left; width: 100%; margin-bottom: 20px;}
.project-lft .proj-avatar img{ float: none; width: 100px;}
.project-lft h2 { font-size: 18px; line-height: 24px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom: 4px; letter-spacing: -0.25px; }
.project-lft h5 { font-size: 14px; line-height: 24px; color: #444444;font-family: 'Montserrat-Medium'; margin-bottom: 12px; letter-spacing: -0.2px; }
.project-lft a.cont-btn { display: inline-flex; align-items: center; color: #0073CF;font-size: 12px;font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 32px; line-height: 32px; padding: 0px 18px;}
.project-lft a.cont-btn:hover { background: #dc44a2; color: #fff;border:1px solid #dc44a2;}
ul.project-list li .project-rgt { float: right; width: 100%; padding-left: 0px;}
ul.project-list li .project-rgt .proj-detail { float: right; width: 80%; margin-bottom: 15px;}
ul.project-list li .project-rgt .proj-detail li { width: auto; margin-right: 25px; border: none; padding: 0px 0px 0px 25px; font-size: 12px; color: #0073CF; font-family: 'Montserrat-SemiBold';}
ul.project-list li .project-rgt .proj-detail li.cal { background: url(../images/ico-calendar.svg) no-repeat left 0px top 2px; }
ul.project-list li .project-rgt .proj-detail li.loc { background: url(../images/ico-pointer.svg) no-repeat left 0px top 2px; }

ul.project-list li .project-rgt .proj-detail li:last-child { margin-right: 0px;}
ul.project-list li .project-rgt h2 { font-size: 20px; line-height: 30px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom: 25px; letter-spacing: 0px; }
ul.project-list li .project-rgt .proj-promotor { float: right; width: 80%;}
ul.project-list li .project-rgt .proj-promotor h4 {  font-size: 12px; line-height: 14px; margin-bottom: 2px; color: #444444; letter-spacing: -0.25px;}
ul.project-list li .project-rgt .proj-promotor h2 { font-size: 17px; line-height: 28px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom:0px; letter-spacing: -0.25px; }

.projectes-txt { width: 80%; float: right;}
.project-lft .proj-txt { float: left; width: 100%;}
.project-rgt .project-lft .proj-txt h2 { font-size: 18px; margin-bottom: 2px; line-height: 24px;}



/* RECERCA-DERMATOLOGIA-DOCUMENTS page*/
.documents-sec { float: left; width: 100%; padding: 60px 0px 90px; background: #fff; }
.document-sec-menu { float: left; width: 100%; }
.document-sec-menu ul { float: left; border: 1px solid #b2d6f0;}
.document-sec-menu ul li { float: left; border-right: 1px solid #b2d6f0;}
.document-sec-menu ul li:last-child { border-right: none;}
.document-sec-menu ul li a{ display: block; padding: 8px 12px; font-size: 13px; line-height: 13px; color: #0073CF;font-family: 'Montserrat-Medium';letter-spacing: 0.18px;transition:all .5s ease;}
.document-sec-menu ul li a:hover { background: #dc44a2; color: #fff;}

.document-out {float: left; width: 100%; padding-top: 50px; margin-bottom: 10px;}
.document-out h1 {font-size: 25px; line-height: 32px; color: #0073CF;font-family: 'Montserrat-ExtraBold';letter-spacing:0px; margin-bottom: 30px;}
ul.document-list { float: left; width: 100%;} 
ul.document-list > li{ float: left; width: 100%; padding: 15px 0px 30px; border-bottom:3px solid #f2f5fc; padding-left: 40px; background: url(../images/ico-download.svg) no-repeat left 0px top 22px;} 
ul.document-list > li:first-child{border-top:3px solid #f2f5fc;}
ul.document-list li h2 {font-size: 20px; line-height: 28px; color: #444444;font-family: 'Montserrat-Bold'; margin-bottom:12px; letter-spacing: 0px; }
ul.document-list li h2 a{ color: #444444; transition:all .5s ease; }
ul.document-list li h2 a:hover { color: #dc44a2; }
ul.document-list li .time{ float: left; width: 100%; display: flex; flex-wrap: wrap;align-items: center;}
ul.document-list li .time p.date-txt { margin-right: 30px; font-size: 14px; line-height: 17px; color: #444444;letter-spacing: 0px; background: url(../images/ico-event-clock.svg) no-repeat left 0px center; padding-left: 25px;}
ul.document-list li .time .category a.cat-span { transition: all 0.4s ease; display: inline-block; font-size: 12px; line-height: 15px; margin-right: 12px; font-family: 'Montserrat-SemiBold'; color: #0073CF; padding: 7px 12px; background: #f2f5fc; border-radius: 5px; letter-spacing: 0.17px; }
ul.document-list li .time .category a.cat-span:hover { background: #0073CF; color: #ffffff;}
.load-more__btn-wrap { float: left; width: 100%; margin-top: 20px;}
/* ul.document-list li .time .category span.cat-span a { color: #0073CF; } */
a.load-more__btn { display: inline-flex; align-items: center; color: #0073CF;font-size: 12px; letter-spacing: 0.17px;font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 18px;}
a.load-more__btn span{ margin-left: 14px; font-size: 24px; font-family: 'Montserrat-Medium';}
a.load-more__btn:hover { background: #dc44a2; color: #fff;border:1px solid #dc44a2; }

ul.document-list li h3 { font-size: 15px; line-height: 28px; color: #0073CF;font-family: 'Montserrat-Medium'; margin-bottom: 8px; letter-spacing: 0px; }
ul.document-list li h3 a { color: #0073CF; transition:all .5s ease; }
ul.document-list li h3 a:hover { text-decoration: underline; color: #dc44a2; }
ul.document-list.document-list-link > li { background: url(../images/ico-link.svg) no-repeat left 0px top 20px; }

/* RECERCA-DERMATOLOGIA-MEMORIES page*/
.memories-list-sec {float: left; width: 100%; padding: 50px 0px 25px; background: #fff;  }
.memories-list-sec h3 { font-size: 20px; line-height: 28px; color: #444;font-family: 'Montserrat-Medium'; margin-bottom: 50px; letter-spacing: -0.28px; }
.memories-list-sec h3 span.blu-txt{ color: #0073CF;}
ul.memories-list { float: left; width: 100%; display: flex; flex-wrap: wrap;}
ul.memories-list li { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 45px; }
ul.memories-list li:nth-child(4n-4) { margin-right: 0px;}
ul.memories-list li .img-div { float: left; width: 100%;border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
ul.memories-list li .img-div img{ float: left; width: 100%;border-radius: 5px;transition:all .5s ease;}
ul.memories-list li .memory-cont { float: left; width: 100%; overflow: hidden;border-radius: 5px; padding: 25px 30px; background: url(../images/ico-download.svg) no-repeat left 0px top 32px;}
ul.memories-list li .memory-cont h2 { font-size: 14px; line-height: 21px; color: #444444; font-family: 'Montserrat-Bold'; margin-bottom: 12px; }
ul.memories-list li .memory-cont ul.cat-list { float: left; width: 100%;}
ul.memories-list li .memory-cont ul.cat-list li { float: left; margin-right: 10px; margin-bottom: 0px; width: auto; }
ul.memories-list li .memory-cont ul.cat-list li:last-child { margin-right: 0px; }
ul.memories-list li .memory-cont ul.cat-list li a{ display: inline-block; font-size: 12px; line-height: 15px; font-family: 'Montserrat-SemiBold'; color: #0073CF; padding: 7px 12px; background: #f2f5fc; border-radius: 5px; letter-spacing: 0.17px; transition:all .5s ease;}
ul.memories-list li .memory-cont ul.cat-list li a:hover { background: #0073CF; color: #fff; }
ul.memories-list li:hover .img-div img{ transform: scale(1.05); }
ul.memories-list li:hover .memory-cont h2 { color: #0073CF;}


.shorten-detail { display: none;}
.shorten_expand .shorten-ellipses { display: none; }
.shorten_expand .shorten-detail { display: inline; }
  





















/****************centers main************************/
.home-tab .home-tab-list ul.tabs li { cursor: pointer; float: left; width: auto; margin-right: 34px; padding: 0 0 20px 0; font-family: 'Montserrat-Medium'; font-size: 15px;color: #444444; line-height: 24px; letter-spacing: -0.21px; transition: all .5s ease; position: relative;}
.home-tab .home-tab-list ul.tabs li.tab-link.current { font-family: 'Montserrat-ExtraBold'; }
.home-tab .home-tab-list ul.tabs li.tab-link.current::after { position: absolute; content: ""; display: block; left: 0; bottom: 0; width: 100%; height: 4px; background: #0073ce; }
.home-tab .home-tab-list ul.tabs li:hover { color: #0073CF; font-family: 'Montserrat-Bold';}

.home-tab .home-tab-list ul.tabs li::before { display: block; content: attr(title); font-family: 'Montserrat-ExtraBold'; height: 1px; color: transparent; overflow: hidden; visibility: hidden;}


.nuestras-sec{float: left;width: 100%;}
.home-tab {float: left;width: 100%; }
.bredcrum-bg.title.p-b-0 {padding-bottom: 0;}
.bredcrum-bg.title.p-b-0 h1 {margin-bottom: 40px;}
.home-tab .home-tab-list ul li:after{display: none;}
.home-tab .home-tab-list {float: left;width: 100%;text-align: left;}
.home-tab .home-tab-list ul {float: left;width: 100%;display: flex;text-align: left;align-items: center;justify-content: left; position: relative; margin-bottom: 0;}
.home-tab .home-tab-list ul li {float: none;width: auto;margin-right: 40px;display: inline-block; padding-right: 0;}
.home-tab .home-tab-list ul li.active a {font-family: 'Montserrat-ExtraBold';color: #444444;}
.home-tab .home-tab-list ul li:last-child {margin-right: 0;}
.home-tab .home-tab-list ul li a {float: left;width: auto; font-family: 'Montserrat-Medium';padding: 0 0 20px 0;font-size: 15px;color: #444444; line-height: 24px; letter-spacing: -0.21px;
position: relative;transition: all .5s ease; position: relative;}
.home-tab .home-tab-list ul li a:after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 4px; background:transparent;}
.home-tab .home-tab-list ul li.active a:after{ background: #0073ce;}
.home-content .home-tab-cnt {float: left;width: 100%;display: none; padding: 40px 0 0 0;}
.home-content .home-tab-cnt.show {display: block;}
.home-tab-cnt.current {display: block;}
.home-news-lst {width: 100%;float: left;padding-bottom: 55px;}
.top-cont{width: 100%; float: left; padding-bottom: 55px;}
.top-cont p{width:100%; float: left; text-align: center; color: #444444; font-size: 25px; line-height: 38px; font-family: 'Montserrat-SemiBold';}
.els-sec-tab {width: 100%;float: left; display: flex; align-items: center; flex-wrap: wrap;}
.els-lft {width: 64%;float: left;margin-right: 4%; align-items: center; display: flex;}
.els-rgt {float: right;width: 32%; position: relative;}
.els-rgt img {width: 100%;float: left;}
.els-rgt-cnt{position: absolute; padding: 20px; background: #fff; border-radius: 5px; bottom: 20px; width: 90%; left: 0; right: 0; margin: 0px auto;}
.els-rgt-cnt p{width: 100%; float: left; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 22px; text-transform: uppercase; color: #777777; letter-spacing: 0.22px; margin-bottom: 0px;}
.els-rgt-cnt h3{width: 100%; float: left; font-family: 'Montserrat-Bold'; font-size: 22px; line-height: 30px; color: #444444; letter-spacing: -0.3px;}
.map-lst {width: 43%;float: left;margin-right: 5%; padding-top: 0px;}
.map-lst ul li{width: 100%; float: left; margin-bottom: 25px; padding-left: 35px; position: relative; font-family: 'Montserrat-ExtraBold'; font-size: 15px; line-height: 20px; color: #444444;}
.map-lst ul li span{font-family: 'Montserrat-Regular';}
.elz-map {width: 52%;float: right;}
.elz-map img{width: 100%; float: left; border-radius: 5px;}
.els-search{position: absolute;left: 15px;top: 15px;border: 1px solid #D8D8D8;padding: 10px;border-radius: 5px;}
.els-search img{opacity: 0.4;}
.map-lst ul li:after{position: absolute; content: ""; left: 0; top: 0; width: 20px; height: 20px;}
.map-lst ul li.cr1:after{ background: url("../images/ico-circle-1.svg") no-repeat 0 0;}
.map-lst ul li.cr2:after{ background: url("../images/ico-circle-2.svg") no-repeat 0 0;}
.map-lst ul li.cr3:after{ background: url("../images/ico-circle-3.svg") no-repeat 0 0;}
.map-lst ul li.cr4:after{ background: url("../images/ico-circle-4.svg") no-repeat 0 0;}
.map-lst ul li.cr5:after{ background: url("../images/ico-circle-5.svg") no-repeat 0 0;}

.centres-sec { width: 100%; float: left; background: #f2f5fc; padding: 60px 0; }
.barcelona{width: 100%; float: left; background: #f2f5fc; padding: 0px 0 0 0; margin-bottom: 60px;}
.barcelona.mb-0 { margin-bottom: 0;}
.barcelona.wht { background:#ffffff; padding: 0; margin: 0;}
.barcelona h2{width: 100%; float: left; color: #0073CF; font-family: 'Montserrat-ExtraBold'; font-size: 28px; line-height: 42px; margin-bottom: 30px;}
.barcelona ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 28px; row-gap: 28px;}
.barcelona ul li{ float: left; margin-bottom: 0px; flex: 0 1 31.66%;}
.barcelona ul li:nth-child(3n+3){margin-right: 0;}
.barcelona ul li .b-img{width: 100%; float: left;}
.barcelona ul li .b-img img{width: 100%; float: left; transition: all .5s ease;}
.barcelona ul li .b-cnt{width: 100%; float: left; padding: 25px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all .5s ease;}
.barcelona ul li .b-cnt p{width: 100%; float: left; margin-bottom: 10px; color: #777777; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 22px; letter-spacing: 0.23; transition: all .5s ease;}
.barcelona ul li .b-cnt h3{width: 100%; float: left; font-family: 'Montserrat-ExtraBold'; font-size: 22px; line-height: 30px; color: #444444; margin-bottom: 30px; min-height: 65px; transition: all .5s ease;}
.barcelona ul li .b-cnt ul { display: block;}
.barcelona ul li .b-cnt ul li{width: auto; float: left; margin-right: 12px;}
.barcelona ul li .b-cnt ul li:last-child{margin-right: 0;}
.barcelona ul li .b-cnt ul li a{float: left;width: auto;color: #0073CF;padding: 10px 25px;border-radius: 5px;background: #ffffff;
letter-spacing: 0.17px;font-size: 12px;line-height: 18px;font-family: 'Montserrat-Medium';transition: all .5s ease; border: 1px solid #0073CF; border-radius: 100px; position: relative;}
.barcelona ul li:hover .b-cnt{ background: #0073ce;}
.barcelona ul li:hover .b-cnt.lblu-bg { background: #0073ce;}
.barcelona ul li:hover .b-cnt p, .barcelona ul li:hover .b-cnt h3{color: #fff;}

.barcelona ul li:hover .b-cnt ul li a { background: transparent; border: 1px solid #4c9bdd; color: #fff;}
.barcelona ul li:hover .b-cnt ul li a:hover{background: #fff; color: #0073CF; border: 1px solid #ffffff;}
.barcelona ul li .b-cnt ul li a.plus{padding-right: 50px;}
.barcelona ul li .b-cnt ul li a.plus:after{ position: absolute; content: "+"; top: 10px; right: 20px; font-family: 'Montserrat-Regular'; font-size: 24px;line-height: 18px;}


/*mobile slider*/
#barcelona1{width: 100%; float: left;}
#barcelona2{width: 100%; float: left;}
#barcelona3{width: 100%; float: left;}
#barcelona4{width: 100%; float: left;}
#barcelona5{width: 100%; float: left;}
#barcelona6{width: 100%; float: left;}
#barcelona7{width: 100%; float: left;}
#barcelona8{width: 100%; float: left;}
.barcelona1{ width: 100%; float: left; display: none;  padding-left: 0px;}
.barcelona1 .owl-stage { padding-left: 0px !important;}
.barcelona1 .item{width: 100%; float: left;}
.barcelona1 .item .b-img{width: 100%; float: left;}
.barcelona1 .item .b-img img{width: 100%; float: left; transition: all .5s ease;}
.barcelona1 .item .b-cnt{width: 100%; float: left; padding: 15px 15px 20px 15px; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all .5s ease;}
.barcelona1 .item .b-cnt p{width: 100%; float: left; margin-bottom: 10px; color: #777777; font-family: 'Montserrat-Medium'; font-size: 12px; line-height: 21px; letter-spacing: 0.23; transition: all .5s ease;}
.barcelona1 .item .b-cnt h3{width: 100%; float: left; font-family: 'Montserrat-ExtraBold'; font-size: 18px; line-height: 22px; color: #444444; margin-bottom: 20px; min-height: inherit; transition: all .5s ease;}
.barcelona1 .item .b-cnt ul li{width: auto; float: left; margin: 0 10px 0 0;}
.barcelona1 .item .b-cnt ul li a{float: left;width: auto;color: #0073CF;padding: 10px 18px;border-radius: 5px;background: #ffffff;
letter-spacing: 0.17px;font-size: 12px;line-height: 15px;font-family: 'Montserrat-SemiBold';transition: all .5s ease; border: 1px solid #0073CF; border-radius: 100px; position: relative;}
.barcelona1 .item:hover .b-cnt{ background: #0073ce;}
.barcelona1 .item:hover .b-cnt p, .barcelona1 .item:hover .b-cnt h3{color: #fff;}
.barcelona1 .item:hover .b-cnt ul li a { background: transparent; border: 1px solid #4c9bdd; color: #fff;}
.barcelona1 .item:hover .b-cnt ul li a:hover{background: #fff; color: #0073CF; border: 1px solid #ffffff;}
.barcelona1 .item .b-cnt ul li a.plus{padding-right: 40px;}
.barcelona1 .item .b-cnt ul li a.plus:after { transform: translateY(-50%); position: absolute; content: "+"; top: 50%; right: 15px; font-family: 'Montserrat-Regular'; font-size: 20px;line-height: 15px;}
.mbl-map-lst{display: none;}
.dsk-map-lst{display: block;}
.barcelona.wht .barcelona1 .item .b-cnt {background: #f2f5fb;}
.barcelona.wht .barcelona1 .item:hover .b-cnt{ background: #0073ce;}
.barcelona.wht .barcelona1 .item:hover .b-cnt p, .barcelona1 .item:hover .b-cnt h3{color: #fff;}
.barcelona.wht .barcelona1 .item:hover .b-cnt ul li a { background: transparent; border: 1px solid #4c9bdd; color: #fff;}
.barcelona.wht .barcelona1 .item:hover .b-cnt ul li a:hover{background: #fff; color: #0073CF;}
.barcelona.wht .barcelona1 .item .b-cnt ul li a.plus{padding-right: 40px;}
.barcelona.wht .barcelona1 .item .b-cnt ul li a.plus:after{ position: absolute; content: "+"; top: 8px; right: 15px; font-family: 'Montserrat-Regular'; font-size: 20px;line-height: 15px;}
.mbl-map-lst .silverheader.red-bg.second{position: relative; }
.mbl-map-lst .silverheader.red-bg.second:after{position: absolute;content: "";left: 0; top: 50%; width: 20px; height: 20px; transform: translateY(-50%);}
.mbl-map-lst .silverheader.red-bg.second.circle-1:after {background: url("../images/ico-circle-1.svg") no-repeat 0 0;}
.mbl-map-lst .silverheader.red-bg.second.circle-2:after {background: url("../images/ico-circle-2.svg") no-repeat 0 0;}
.mbl-map-lst .silverheader.red-bg.second.circle-3:after {background: url("../images/ico-circle-3.svg") no-repeat 0 0;}
.mbl-map-lst .silverheader.red-bg.second.circle-4:after {background: url("../images/ico-circle-4.svg") no-repeat 0 0;}
.mbl-map-lst .silverheader.red-bg.second.circle-5:after {background: url("../images/ico-circle-5.svg") no-repeat 0 0;}
.mbl-map-lst .silverheader{padding: 10px 0 10px 32px;}
.mbl-map-lst .applemenu1.awareness{padding-left: 32px;}
.mbl-map-lst .applemenu div.silverheader a { text-align: left; color: #444444;display: block; padding: 0px 0;font-family: 'Montserrat-ExtraBold';font-size: 16px;line-height: 22px;}
.mbl-map-lst .applemenu div.silverheader a:after {right: 8px;}
.mbl-map-lst .applemenu div.silverheader a {border-bottom: none;}
.mbl-map-lst .applemenu div.submenu {border-bottom: none;}
.mbl-map-lst .applemenu div.silverheader1 a:hover, .mbl-map-lst .applemenu .silverheader.red-bg a:hover {font-family: 'Montserrat-ExtraBold';}
.mbl-map-lst .applemenu div.silverheader1 a:hover, .mbl-map-lst .applemenu .silverheader.red-bg a:hover { font-family: 'Montserrat-ExtraBold'; color: #0073CF;}
.mbl-map-lst .barcelona1{ width: 100%; float: left;}
.mbl-map-lst .barcelona1 .owl-nav {display: none;}


.servei-sec { float: left; width: 100%; display: flex; align-items: center; background: #ffffff;}
.servei-sec.blu-bg { background: #F2F5FB;}
.servei-lft { float: left; width: 60%;}
.servei-lft img { float: left; width: 100%;}
.servei-rht { float: left; width: 40%; padding: 0 0 0 60px;}
.servei-rht ul li { float: left; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 3px solid #EAEFF8;}
.servei-rht ul li h3 { font-size: 22px; color: #0073CF; font-family: 'Montserrat-Bold'; margin-bottom: 10px; transition: all 0.4s ease;}
.servei-rht ul li p { font-size: 16px; color: #777777; font-family: 'Montserrat-Regular'; }
.servei-rht ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: none;}

.barcelona ul li .b-cnt.lblu-bg { background: #f2f5fc;}
.barcelona ul li .b-cnt.lblu-bg ul li a { background: none;}
.servei-sec.white-bg { background: #ffffff;}
.servei-rht ul li a:hover h3 { color: #db44a3;}



/***********************center presentacio css *************************/
.recera-banner .inner-ban-caption.present-cap { bottom: 20%; top: auto; padding: 30px 30px;}
.recera-banner .inner-ban-caption.present-cap h2 { margin-bottom: 15px; font-size: 30px;}
.recera-banner .inner-ban-caption.present-cap ul li { float: left; width: 100%; font-size: 13px; color: #444444; margin-bottom: 6px; padding-left: 30px;}
.recera-banner .inner-ban-caption.present-cap ul li:last-child { margin-bottom: 0;}
.recera-banner .inner-ban-caption.present-cap ul li.loc-ico { background: url(../images/ico-loc.svg) no-repeat 0 0;}
.recera-banner .inner-ban-caption.present-cap ul li.tag-ico { background: url(../images/tag-ico.svg) no-repeat 0 5px;}

.recera-ban-cnt.present-tab  { margin-bottom: 0; margin-top: -4%;}
.recera-ban-cnt ul.recera-btn.present-btn { column-gap: 10px; margin-bottom: 0; margin-top: 0;}
.recera-ban-cnt ul.recera-btn.present-btn li { flex: 1 1 11.66%; background: #000000; border-radius: 6px; overflow: hidden; margin-bottom: 0;}
.recera-ban-cnt ul.recera-btn.present-btn li a { font-size: 17px; line-height: 22px; padding: 16px; min-height: 125px; align-items: flex-start; height: auto; border: none; border-radius: 0;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(1) { background: #3445B1;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(2) { background: #2f52b8;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(3) { background: #2661bf;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(4) { background: #216ec6;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(5) { background: #1a7dce;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(6) { background: #158bd5;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(7) { background: #0e99dc;}
.recera-ban-cnt ul.recera-btn.present-btn li:nth-child(8) { background: #0aa4e4;}
.recera-ban-cnt ul.recera-btn.present-btn li a:hover { background: #ffffff; color: #0073CF;}
.recera-ban-cnt ul.recera-btn.present-btn li.active a { background: #ffffff; color: #0073CF;}
.recera-ban-cnt ul.recera-btn.present-btn li a span { display: none; float: right; background: url(../images/ico-more.svg) no-repeat 0 0;  background-size: 100%;
width: 30px; height: 30px; }
.recera-ban-cnt ul.recera-btn.present-btn li.active span { background: url(../images/ico-mius.svg) no-repeat 0 0; width: 30px; height: 30px;}
.recera-ban-cnt ul.recera-btn.present-btn li:hover a span { background: url(../images/ico-plus-hover.svg) no-repeat 0 0; width: 30px; height: 30px; }
.recera-ban-cnt ul.recera-btn.present-btn li.active:hover a span { background: url(../images/ico-mius.svg) no-repeat 0 0;}

.present-sec { float: left; width: 100%; padding: 60px 0 100px;}
.present-lft { float: left; width: 28%; }
.present-address  { float: left; width: 100%; background: #f2f5fc; padding: 30px; border-radius: 6px;}
.present-address ul li { float: left; width: 100%; margin-bottom: 20px; padding-left: 30px;}
.present-address ul li p { font-size: 14px; color: #444444;}
.present-address ul li p span { display: block; font-size: 18px; color: #444444; font-family: 'Montserrat-Bold';}
.present-address ul li a { color: #0073CF; font-size: 13px; font-family: 'Montserrat-Medium'; text-decoration: underline; transition: all 0.4s ease;}
.present-address ul li a:hover { color: #444444;}
.present-address ul li:last-child { margin-bottom: 0;}
.present-address ul li.add-ico { background: url(../images/ico-loc.svg) no-repeat 0 3px;}
.present-address ul li.ph-ico { background: url(../images/ico-phone.svg) no-repeat 0 4px;}
.present-address ul li.mail-ico { background: url(../images/mail-ico.svg) no-repeat 0 8px;}

ul.present-btn { float: left; width: 100%; margin-top: 30px;}
ul.present-btn li { float: left; padding: 0; margin-bottom: 10px;}
ul.present-btn li a { font-size: 12px; color: #4B4B4B; border: 1px solid #0073CF; border-radius: 100px; padding: 8px 25px; text-decoration: none; color: #0073CF; display: inline-block; transition: all 0.4s ease;}
ul.present-btn li a:hover { background: #0073CF; color: #ffffff;}

.present-rht { float: right; width: 68%;}
.blue-box { float: left; width: 100%; background: #0073ce; padding: 35px 25px; margin-top: 30px; border-radius: 6px;}
.blue-box img { display: block; margin-bottom: 20px;}
.blue-box a { border: 1px solid #4c9dde; padding: 10px 15px; font-size: 12px; font-family: 'Montserrat-SemiBold'; display: block; border-radius: 25px; text-align: center; color: #ffffff; transition: all 0.4s ease;}
.blue-box a:hover { background: #ffffff; color: #0073ce; border: 1px solid #ffffff;}

.cal-blue-box { float: left; width: 100%; background: #0073ce; padding: 35px 25px; margin-top: 0px; border-radius: 6px; display: flex; align-items: center; flex-wrap: wrap;}
.cal-lft { width: 100px; border: 1px solid #4c9dde; height: 100px; border-radius: 50%; margin-right: 3%; line-height: 140px; text-align: center;}
.cal-mid { float: left; width: 64%; margin-right: 3%;}
.cal-mid h2 { color: #ffffff; font-family: 'Montserrat-ExtraBold'; font-size: 25px; line-height: 30px; margin-bottom: 5px;}
.cal-mid p { font-size: 16px; color: #ffffff;}
.cal-last { float: left; width: 16%; text-align: center;}
.cal-last a { background: #ffffff; border: 1px solid #ffffff; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; display: block; padding: 12px 10px; border-radius: 25px; transition: all 0.4s ease;}
.cal-last a:hover { background: none; border: 1px solid #ffffff; color: #ffffff;}

.altres-sec { float: left; width: 100%; padding: 60px 0;}
.altres-sec h1 { color: #0073CF; font-size: 25px; font-family: 'Montserrat-ExtraBold';  line-height: 30px; margin-bottom: 30px;}

#altres-lst .owl-item .b-cnt { background: #F2F5FB; padding: 25px;}
#altres-lst .owl-item .b-cnt ul { display: block; float: left; width: 100%;}
#altres-lst .owl-item .b-cnt h3 { font-size: 20px; line-height: 26px;}
#altres-lst .owl-item .b-cnt ul li a { background: none;}
#altres-lst .owl-item:hover .b-cnt { background: #0073ce;}
#altres-lst .owl-item .b-cnt ul li a:hover { border: 1px solid #ffffff; background: #ffffff;}
#altres-lst .owl-item .b-cnt ul li:last-child { margin-right: 0;}

.accordion_presentation.smk_accordion { float: left; width: 100%; margin-top: 20px;} 
.accordion_presentation.smk_accordion .accordion_in { border-top: 3px solid #EAEFF8; margin-top: auto; margin-bottom: 0;}
.accordion_presentation.smk_accordion .accordion_in .acc_head { transition: all 0.4s ease; color: #444444; padding: 24px 0; font-size: 25px; font-family: 'Montserrat-ExtraBold'; border-bottom: none; }
.accordion_presentation.smk_accordion .accordion_in .acc_head:hover { color: #0073ce;}
.accordion_presentation.smk_accordion .accordion_in .acc_content { padding: 0; margin-bottom: 40px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .bloc-acc-content { margin: 0;}
.accordion_presentation.smk_accordion .accordion_in .acc_content p { color: #444444; font-size: 16px; margin-bottom: 20px; line-height: 26px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content p:last-child { margin-bottom: 0;}
.accordion_presentation.smk_accordion .accordion_in .acc_content p span { font-size: 22px; color: #444444; font-family: 'Montserrat-Regular'; line-height: 34px;}
.accordion_presentation.smk_accordion .accordion_in .acc_head .acc_icon_expand { margin-top: auto; background: url(../images/acc-down.svg) no-repeat scroll top center; width: 15px; height: 9px;
top: 50%; right: 20px; transform: translateY(-50%); transition: all 0.4s ease;}
.accordion_presentation.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { transform: rotate(180deg) translateY(50%); }
.present-img { float: left; width: 100%; margin: 15px 0 25px;}
.present-img img { float: left; width: 100%;}
.accordion_presentation.smk_accordion .accordion_in .acc_content h4 { font-size: 16px; color: #444444; font-family: 'Montserrat-Bold'; line-height: 24px; margin-bottom: 10px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content ul.valor-list { float: left; width: 100%; padding-left: 20px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content ul.valor-list li { font-size: 16px; color: #444444; float: left; width: 100%; margin-bottom: 12px; padding-left: 20px; position: relative;}
.accordion_presentation.smk_accordion .accordion_in .acc_content ul.valor-list li:last-child { margin-bottom: 0;}
.accordion_presentation.smk_accordion .accordion_in .acc_content ul.valor-list li::after { display: block; content: ""; position: absolute; background: #4c9dde; width: 6px; height: 6px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.accordion_presentation.smk_accordion .accordion_in:last-child { border-bottom: 3px solid #EAEFF8; }

.sos{width: 100%; float: left;}
.sos-inner{width: 100%; float: left; border-top: 0px solid #EAEFF8; padding: 20px 0 0px 0;}
.sos-lft{width: auto; float: left;}
.sos-lft ul li { float:left; margin-right:12px; display: flex;align-items: center;height: 40px; color: #444444; font-size: 12px; line-height: 12px; font-family: 'Montserrat-SemiBold';}
.sos-lft ul li a{width: 40px; height: 40px;display: inline-block; border-radius: 100%; transition:all .5s ease;}
.sos-lft ul li a.ins{background: #843ab5 url(../images/ico-instagram.svg) no-repeat center;}
.sos-lft ul li a.fb{background: #4167b2 url(../images/ico-facebook.svg) no-repeat center;}
.sos-lft ul li a.tw{background: #1ea2f4 url(../images/ico-twitter.svg) no-repeat center;}
.sos-lft ul li a.ln{background: #0b66c3 url(../images/ico-linkedin.svg) no-repeat center;}
.sos-lft ul li a.wht-up{background: #27d468 url(../images/ico-whatsapp.svg) no-repeat center;}
.sos-lft ul li a.mail{background: #777777 url(../images/ico-send.svg) no-repeat center;}
.sos-lft ul li a.ins:hover{background: #db44a3 url(../images/ico-instagram.svg) no-repeat center;}
.sos-lft ul li a.fb:hover{background: #db44a3 url(../images/ico-facebook.svg) no-repeat center;}
.sos-lft ul li a.tw:hover{background: #db44a3 url(../images/ico-twitter.svg) no-repeat center;}
.sos-lft ul li a.ln:hover{background: #db44a3 url(../images/ico-linkedin.svg) no-repeat center;}
.sos-lft ul li a.wht-up:hover{background: #db44a3 url(../images/ico-whatsapp.svg) no-repeat center;}
.sos-lft ul li a.mail:hover{background: #db44a3 url(../images/ico-send.svg) no-repeat center;}
.sos-lft ul li img {float:left; transition:all .5s ease;}
.sos-rgt{width: auto; float: right;}
.sos-rgt ul{float: right;}
.sos-rgt ul li{ width: auto; float: left;margin-right: 10px;}
.sos-rgt ul li:last-child{margin-right: 0;}
.sos-rgt ul li a{width: auto;float: left;border: 1px solid #0075FF;border-radius: 50px;background: none;font-size: 12px;color: #0073CF;font-family: 'Montserrat-SemiBold'; height: 38px;line-height: 38px;padding: 0px 25px;text-align: left;transition: all .5s ease;}
.sos-rgt ul li a:hover{ background: #0073ce; color: #fff;}
.sos-rgt ul li a.imp-but{color: #777777; border: 1px solid #4B4B4B; padding: 0 25px 0 45px;  position: relative;}
.sos-rgt ul li a.imp-but:after{position: absolute; content: ""; left: 22px; top: 50%; transform: translateY(-50%); background: url(../images/fax-ico.svg) no-repeat; width: 12px; height: 12px;}
.sos-rgt ul li a.imp-but:hover{ background: #444444; color: #fff;}
.sos-rgt ul li a.imp-but:hover:after{position: absolute; content: ""; left: 22px; top: 50%; background: url(../images/fax-ico-h.svg) no-repeat; width: 12px; height: 12px; transform: translateY(-50%);}

.tree { float: left; width: 100%;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .tree ul.tree-list li p.start { background: #0073ce; padding: 12px 30px; border-radius: 5px; color: #ffffff; text-transform: uppercase; font-size: 12px; margin-bottom: 0;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .tree ul.tree-list li p.start span { display: block; font-family: 'Montserrat-ExtraBold'; color: #ffffff; text-transform: none; font-size: 20px; line-height: 20px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .round-txt { width: 140px; height: 140px; border-radius: 50%; background: #9abaf3; display: flex; align-items: center; padding: 10px 18px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .round-txt p { color: #ffffff; text-transform: uppercase; font-size: 11px; line-height: 16px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .round-txt p span { display: block; font-family: 'Montserrat-Bold'; color: #48494c; font-size: 17px; line-height: 20px; text-transform: none; margin-bottom: 5px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .white-box { border-radius: 5px;  background: #fff; border: 2px solid #b9d7f0; display: flex; align-items: center; padding: 10px 10px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .white-box p { color: #48494c; text-transform: uppercase; font-size: 10px; line-height: 14px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content .white-box p span { display: block; font-family: 'Montserrat-Bold'; color: #48494c; font-size: 15px; line-height: 20px; text-transform: none; margin-bottom: 5px;}
.accordion_presentation.smk_accordion .accordion_in .acc_content  ul.tree-list li.flow-col-3 { padding: 0;}
.accordion_presentation.smk_accordion .accordion_in .acc_content  ul.tree-list li.flow-col-3::before { display: none;}
.accordion_presentation.smk_accordion .accordion_in .acc_content  ul.tree-list li.flow-col-3 ul li { flex: 1 1 16.6%;}
.accordion_presentation.smk_accordion .accordion_in .acc_content  .organigram-img {background: #f2f5fc; padding: 40px 20px; float: left; border-radius: 6px;}

.tree ul.tree-list { padding-top: 20px; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; display: flex;  flex-wrap: wrap; justify-content: center;}
.tree ul.tree-list li {  display: flex; flex-wrap: wrap; justify-content: center; float: none; text-align: center; list-style-type: none; position: relative; padding: 20px 10px 0 10px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
/*We will use ::before and ::after to draw the connectors*/
.tree ul.tree-list li::before, .tree ul.tree-list li::after{ content: '';	position: absolute; top: 0; right: 50%;	border-top: 2px solid #b9d7f0; width: 50%; height: 20px;}
.tree ul.tree-list li::after{ right: auto; left: 50%; border-left: 2px solid #b9d7f0; }
/*We need to remove left-right connectors from elements without any siblings*/
.tree ul.tree-list li:only-child::after, .tree ul.tree-list li:only-child::before { display: none;}
/*Remove space from the top of single children*/
.tree ul.tree-list li:only-child{ padding-top: 0;}
/*Remove left connector from first child and right connector from last child*/
.tree ul.tree-list li.last::before { border-right: 2px solid #b9d7f0; border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0;}
.tree ul.tree-list li.last::after {border: none;}
.tree ul.tree-list li:first-child::before, .tree ul.tree-list li:last-child::after{ border: 0 none;}
/*Adding back the vertical connector to the last nodes*/
.tree ul.tree-list li:last-child::before{ border-right: 2px solid #b9d7f0;	border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0;}
.tree ul.tree-list li:first-child::after{ border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0;}
/*Time to add downward connectors from parents*/
.tree ul.tree-list ul::before{ content: ''; position: absolute; top: 0; left: 50%; border-left: 2px solid #b9d7f0; width: 0; height: 20px;}
.tree ul.tree-list li a { padding: 5px 10px; text-decoration: none; color: #666; font-family: arial, verdana, tahoma; font-size: 11px; display: inline-block;
border-radius: 5px;	-webkit-border-radius: 5px; -moz-border-radius: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; }
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree ul.tree-list li a:hover, .tree ul.tree-list li a:hover+ul li a { background: #c8e4f8; color: #000;}
/*Connector styles on hover*/
.tree ul.tree-list li a:hover+ul li::after, .tree ul.tree-list li a:hover+ul li::before, .tree ul.tree-list li a:hover+ul::before, .tree ul.tree-list li a:hover+ul ul::before{	border-color:  #94a0b4;}

.present-breadcrumb { position: absolute; top: 0; background: #444444; padding: 5px 10px;}
.present-breadcrumb li, .present-breadcrumb li a { font-size: 12px; color: #ffffff;}
.present-breadcrumb li span { margin: 0 5px;}

.present-stick { float: left; width: 100%; }
.present-stick.fix { z-index: 12;}
.present-title { float: left; width: 100%; background: #0073ce; padding: 10px 0; display: none;}
.present-title h2 { color: #ffffff; font-size: 20px; font-family: 'Montserrat-Bold'; margin: 0; line-height: 24px; }

.present-stick.fix .present-title { display: block;}
.present-stick.fix .recera-ban-cnt.present-tab { background: #f2f5fc; margin-top: 0; box-shadow: 0px 2px 6px rgba(0,0,0,0.1);}
.present-stick.fix .recera-ban-cnt.present-tab li { background: none !important; border-radius: 0; flex: 1 1 auto;}
.present-stick.fix .recera-ban-cnt.present-tab li a { min-height: auto; background: none; color: #444444; font-size: 16px; background: none; padding: 0; font-family: 'Montserrat-Medium';  padding: 10px 0; position: relative;}
.present-stick.fix .recera-ban-cnt.present-tab li.active a { background: none; font-family: 'Montserrat-ExtraBold';}
.present-stick.fix .recera-ban-cnt.present-tab li.active a:after { display: block; position: absolute; display: block; content: ""; left: 0; bottom: 0; background: #0073ce; height: 3px; width: 100%;}
.present-stick.fix .recera-ban-cnt ul.recera-btn.present-btn { column-gap: 30px;}
.present-stick.fix .recera-ban-cnt.present-tab li a:hover { background: none; color: #0073ce;}


/***********************com arribar css *************************/
.bredcrum-bg.title.bredcrum-bg-menu.box-hght { height: 210px;}

.arribar-sec { float: left; width: 100%; margin: 60px 0;}
.arribar-lft { float: left; width: 32%; margin-right: 4%;}
.arribar-lft h2 { color: #0073CF; font-size: 30px; font-family: 'Montserrat-ExtraBold'; line-height: 34px; margin-bottom: 20px;}
.arribar-lft p { font-size: 16px; color: #444444; line-height: 26px;}
.arribar-lft ul li { float: left; width: 100%; margin-bottom: 25px; }
.arribar-lft ul li:last-child { margin-bottom: 0;}
.arribar-lft ul li span { font-family: 'Montserrat-ExtraBold'; display: block; }
.arribar-lft ul li a { font-size: 12px; border: 1px solid #0073CF; border-radius: 100px; padding: 8px 25px; text-decoration: none; color: #0073CF; display: inline-block;
 transition: all 0.4s ease; font-family: 'Montserrat-SemiBold'; }
 .arribar-lft ul li a:hover { background: #0073CF; color: #ffffff; }
 .arribar-lft ul li.loc-ico { background: url(../images/ico-pointer.svg) no-repeat 0 5px; padding-left: 28px;}


.arribar-mid { float: left; width: 30%; margin-right: 2%;}
.arribar-mid ul li { background: #F2F5FB; padding: 26px 20px; border-radius: 5px; display: flex; align-items: center; margin-bottom: 20px; flex-wrap: wrap;}
.arribar-mid ul li img { margin-right: 5%;}
.arribar-mid ul li h2 { color: #0073CF; font-size: 20px; font-family: 'Montserrat-Bold'; line-height: 24px; margin-bottom: 0px; width: 38%; margin-right: 3%;}
.arribar-mid ul li a { font-size: 12px; border: 1px solid #0073CF; border-radius: 100px; padding: 8px 20px; text-decoration: none; color: #0073CF; display: inline-block;
transition: all 0.4s ease; font-family: 'Montserrat-SemiBold'; width: 45%; text-align: center;}
.arribar-mid ul li a:hover { background: #0073CF; color: #ffffff; }
.arribar-mid ul li.aparat-ico .aparat-txt { width: calc(100% - 40px);  }
.arribar-mid ul li.aparat-ico .aparat-txt h2 { width: auto; margin-bottom: 5px;}
.arribar-mid ul li.aparat-ico .aparat-txt p { font-size: 14px; color: #444444;}

.arribar-rht { float: right; width: 32%;}
.arribar-rht img { width: 100%;}
.arribar-mapa { float: left; width: 100%; margin-bottom: 10px;} 
.arribar-rht a { color: #0073CF; font-size: 13px; font-family: 'Montserrat-Medium'; text-decoration: underline; transition: all 0.4s ease;}
.arribar-rht a:hover { color: #444444;}

.horaris-sec { float: left; width: 100%; padding: 60px 0 80px;}
.horaris-lft { float: left; width: 25%;}
.horaris-lft h2 { color: #0073CF; font-size: 30px; font-family: 'Montserrat-ExtraBold'; line-height: 34px; margin-bottom: 0px;}

.horaris-rht { float: right; width: 65%;}
.horaris-list { float: left; width: 46%; margin-right: 8%;}
.horaris-list h4 { color: #0073CF; font-size: 15px; line-height: 24px; font-family: 'Montserrat-Medium'; padding-bottom:10px; margin-bottom: 18px; border-bottom: 4px solid #e3e3e3;}
.horaris-list ul li { float: left; width: 100%; margin-bottom: 14px;}
.horaris-list ul li p { color: #4B4B4B; font-size: 14px; font-family: 'Montserrat-Regular'; }
.horaris-list ul li p span { font-family: 'Montserrat-Bold'; display: block; }
.horaris-list ul li:last-child { margin-bottom: 0;}
.horaris-list.last { margin-right: 0;}


.plano-sec { float: left; width: 100%; background: #F2F5FB; padding: 60px 0;}
.plano-lft { float: left; width: 25%;}
.plano-lft h2 { color: #0073CF; font-size: 30px; font-family: 'Montserrat-ExtraBold'; line-height: 34px; margin-bottom: 20px;}
.plano-lft p { font-size: 16px; line-height: 26px; color: #444444; }

.plano-tab-list { float: left; width: 100%; margin-top: 30px;}
.plano-tab-list ul.tabs li { float: left; width: 100%; font-size: 16px; color: #444444; padding: 13px 0; display: block; border-top: 1px solid #DAE1EE; cursor: pointer;}
.plano-tab-list ul.tabs li:last-child { border-bottom: 1px solid #DAE1EE; }

.plano-rht { float: right; width: 68%;}
.plano-map { float: left; width: 100%;}
.plano-map ul { display: flex; flex-wrap: wrap; column-gap: 40px;}
.plano-map ul li { float: left;}
.plano-map ul li img { display: block;}
.plano-tab-list ul.tabs li.current { font-family: 'Montserrat-ExtraBold';  color: #0073CF; background: url(../images/arrow-plano.svg) no-repeat right 20px;}



/* ---------------------------------------------------------- RJ CSS -------------------------------------------------------------------- */

/* center informacio css */
.center-info-lst { float: left; width: 100%; padding: 50px 0 40px;}
.center-info-lst h1 { float: left; width: 100%; font-family: 'Montserrat-ExtraBold'; font-size: 30px; line-height: 42px; color: #0073CF; padding-bottom: 25px;}
.center-info-lst .bloc-sec-menu { padding: 0; border-bottom: none; justify-content: left;}

.frequents-banner { float: left; width: 100%; position: relative;}
.frequents-banner img { float: left; width: 100%;}
.frequents-banner .inner-ban-caption { position: absolute; bottom: 100px; float: left;  width: 100%; background: #fff; padding:35px; border-radius: 6px; max-width: 400px;}
.frequents-banner .inner-ban-caption h2 { font-family: 'Montserrat-ExtraBold'; font-size: 27px; line-height: 32px; color: #0073CF; margin-bottom: 15px;}
.frequents-banner .inner-ban-caption p { color: #777777; font-size: 16px; line-height: 24px; letter-spacing: 0.22px; font-family: 'Montserrat-Medium'; padding-bottom: 25px;}
.frequents-banner .inner-ban-caption a { transition: all 0.4s ease; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed; padding: 8px 20px; border-radius:25px; display: inline-block; }
.frequents-banner .inner-ban-caption a:hover { background: #DC44A3; color: #ffffff; border: 1px solid #DC44A3;}

.documents-sec.center-info-sec { padding: 65px 0 0;}
.documents-sec.center-info-sec .document-out { padding-top: 0; margin-bottom: 0; padding-left: 100px;}

.gestionar-bx { float: left; width: 100%; padding: 80px 0;}
.gestionar-bx .gestionar-cnt { float: left; width: 100%; background: #0073ce; border-radius: 6px; padding: 30px 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.gest-lft { float: left; width: auto; display: flex; flex-wrap: wrap;}
.gest-lft .gest-img { width: 80px; height: 80px; border-radius: 50%; border: 1px solid #4d9bdd; margin-right: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.gest-lft .gest-cnt { float: left; width: calc(100% - 112px);}
.gest-cnt h2 { color: #FFFFFF; font-size: 25px; line-height: 35px; padding-bottom: 10px; font-family: 'Montserrat-ExtraBold';}
.gest-cnt p { color: #FFFFFF; font-size: 15px; line-height: 22px; letter-spacing: -0.09px;}
.gest-rgt { float: right; width: auto; display: flex; flex-wrap: wrap;}
.gest-rgt a { float: left; background: #ffffff; border: 1px solid #ffffff; color: #0073CF; letter-spacing: 0.17px; font-size: 12px; font-family: 'Montserrat-SemiBold'; cursor: pointer; line-height: 38px; padding: 0 25px; border-radius: 20px; display: inline-block; margin-top: 0px; transition: all .5s ease;}
.gest-rgt a:hover { background: #0073CF; border: 1px solid #ffffff; color: #ffffff;}

/* center serveis css */
.info-contacte.serveis-lst { padding: 65px 0 100px;}
.info-contacte h3 { float: left; width: 100%; font-family: 'Montserrat-ExtraBold'; font-size: 30px; line-height: 42px; color: #0073CF; padding-bottom: 25px;}
.info-contacte h5 { float: left; width: 100%; color:#444444; font-family: 'Montserrat-Medium'; font-size: 20px; line-height: 28px; padding-bottom: 55px; letter-spacing: -0.28px;}
.info-contacte.serveis-lst ul { column-gap: 50px; row-gap: 60px;}
.info-contacte.serveis-lst ul li { flex: 0 1 30.49%;}
.info-contacte ul li h4 { float: left; width: 100%; font-size: 24px; line-height: 33px; color: #0073CF; font-family: 'Montserrat-SemiBold'; letter-spacing: 0px; transition: all .5s ease;}
.info-contacte ul li:hover h4 {color: #DC44A3;}

/* center contactar css */
.info-contacte { float: left; width: 100%; padding: 65px 0 70px;}
.info-contacte h1 { float: left; width: 100%; font-family: 'Montserrat-ExtraBold'; font-size: 30px; line-height: 42px; color: #0073CF; padding-bottom: 45px;}
.info-contacte ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 60px; row-gap: 40px;}
.info-contacte ul li { flex: 0 1 29.92%; border-top: 3px solid #e3e3e3; padding: 15px 0px 0;}
.info-contacte ul li h2 { float: left; width: 100%; font-size: 20px; line-height: 28px; color: #0073CF; font-family: 'Montserrat-Bold'; margin-bottom: 8px; letter-spacing: -0.18px;}
.info-contacte ul li p.phone { float: left; width: 100%; padding-left: 28px; font-size: 15px; line-height: 25px; color: #444; margin-bottom: 0px; letter-spacing: -0.38px; background: url(../images/ico-phone.svg) no-repeat left 0px center;}
.info-contacte ul li p.phone span{ margin-left: 10px;}

.contact-frm.serveis h2 {padding-bottom: 45px;}
.contact-frm.serveis .form-box .frm-input.checkbox label {padding-left: 25px;}
.contact-frm.serveis .form-box .frm-input .two-col .frm-input-ctrl {margin-right: 3%; width: 48.5%;}
.contact-frm.serveis .form-box .frm-input .two-col .frm-input-ctrl:last-child { margin-right: 0;}
.contact-frm.serveis .form-box button.env-btn { background: none; border: 1px solid #0073CF; color: #0073CF;}
.contact-frm.serveis .form-box button.env-btn:hover { background: #0073CF; color: #ffffff;}
.form-box input[type="text"].nom-co { background-position: 150px center;}
.form-box input[type="text"].pob { background-position: 100px center;}
.form-box input[type="text"].eml { background-position: 75px center;}
.form-box input[type="text"].no-star { background-image: none;}

.subscribe-banner { float: left; width: 100%; position: relative;}
.subscribe-banner img { float: left; width: 100%;}
.subscribe-banner .inner-ban-caption { position: absolute; bottom: 80px; float: left; width: 100%; background: #fff; padding:35px 60px 35px 40px; border-radius: 6px; max-width: 570px;}
.subscribe-banner h2 { float: left; width: 100%; font-family: 'Montserrat-ExtraBold'; font-size: 22px; line-height: 32px; color: #0073CF; margin-bottom: 20px;}
.subscribe-banner .form-box { float: left; width: 100%; }
.subscribe-banner .form-box input[type="text"] { width:100%; color:#777777; font-family: 'Montserrat-Medium'; padding:0px; border: none; border-bottom: 2px solid #979797; height:27px; line-height:20px; font-size:15px; border-radius: 0; transition: all .5s ease; background:none; }
.subscribe-banner .form-box input[type="text"]:focus { border-bottom: 2px solid #0073CF;}
.subscribe-banner .form-box .frm-input.checkbox label {padding-left: 25px;}
.form-box .frm-input .two-col .frm-input-ctrl {width: 46%;  margin-right: 8%;}
.subscribe-banner .form-box button.env-btn { float: left; background: none; border: 1px solid #0073CF; color: #0073CF; font-size: 12px; font-family: 'Montserrat-ExtraBold'; cursor: pointer; line-height: 38px; padding: 0 25px; border-radius: 20px; display: inline-block; margin-top: 5px; transition: all .5s ease;}
.subscribe-banner .form-box button.env-btn:hover { background: #0073CF; color: #ffffff;}



/**********new changes css***********/

.gestionar-bx.pb-0 { padding-bottom: 0;}







/* ---------------------------------------------------------- KV CSS -------------------------------------------------------------------- */
/* FAQS CSS */
.bredcrum-bg.mob-breadcrum { display: none; }

.inner-banner-breadcrum { float: left; width: 100%; position: relative;}
.inner-banner-breadcrum img { float: left; width: 100%;}
.inner-banner-caption { position: absolute; top: 60px; background: #ffffff; border-radius: 6px; padding: 32px 70px;}
.inner-banner-caption.btm-title { top: auto; bottom: 100px;}
.inner-banner-caption h2 { float: left; width: 100%; color: #444444; font-size: 35px; line-height: 45px; font-family: 'Montserrat-ExtraBold';}
.inner-banner-title { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
.inner-banner-title h4 {float: left; width: 100%; color: #666666; font-size: 20px; line-height: 28px; letter-spacing: -0.28px;}

.faq-content-lst { float: left; width: 100%;}
.faq-content-lst .srch-bx-lst { float: none; margin: 0 auto; width: 600px; position: relative;}
.faq-content-lst .srch-bx-lst input[type="text"] { float: left; width: 100%; background: #0073ce; border: none; border-radius: 10px; padding: 20px 60px 20px 30px; height: 65px; font-size: 22px; color: #FFFFFF; font-family: 'Montserrat-Medium';}
.faq-content-lst .srch-bx-lst button.srch-btn { position: absolute; right: 30px; top: 22px; background: url(../images/search.svg) no-repeat center right; cursor: pointer; width: 23px; height: 23px; border: none; float: left; transition: all .5s ease;}

.bloc-sec-menu { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 50px 0; border-bottom: 1px solid #DFDFDF;}
.bloc-sec-menu ul { float: left; border: 1px solid #b2d6f0;}
.bloc-sec-menu ul li { float: left; border-right: 1px solid #b2d6f0;}
.bloc-sec-menu ul li:last-child { border-right: none;}
.bloc-sec-menu ul li a{ display: block; padding: 8px 12px; font-size: 13px; line-height: 13px; color: #0073CF;font-family: 'Montserrat-Medium';letter-spacing: 0.18px;transition:all .5s ease;}
.bloc-sec-menu ul li a:hover { background: #dc44a2; color: #fff;}

.bloc-acc-cnt { float: left; width: 100%; padding: 55px 0;}
.bloc-acc-cnt.bg-clr { background: #f2f5fc;}
.bloc-acc-main { float: left; width: 100%;}
.bloc-acc-main .bloc-acc-lft { float: left; width: 35%;}
.bloc-acc-main .bloc-acc-rgt { float: left; width: 65%;}
.bloc-acc-main h3 { float: left; width: 100%; color: #0073CF; font-size: 30px; line-height: 40px; font-family: 'Montserrat-ExtraBold'; padding-bottom: 15px;}
.bloc-acc-main p { float: left; width: 100%; color: #777777; font-size: 16px; line-height: 24px; letter-spacing: 0.22px;}

.bloc-acc-main .smk_accordion .accordion_in .acc_head { transition: all 0.4s ease; background: none; color: #444444; font-size: 22px; line-height: 32px; font-family: 'Montserrat-Bold'; padding: 30px 60px 30px 0px; border-top: 2px solid #DFDFDF; border-bottom: 2px solid #DFDFDF;}
.bloc-acc-main .smk_accordion .accordion_in .acc_head:hover { color: #0073ce;}
.bloc-acc-main .smk_accordion .accordion_in.acc_active > .acc_head {background: none; border-bottom: none; padding: 30px 60px 30px 0px;}
.bloc-acc-main .smk_accordion .accordion_in:first-of-type .acc_head {padding-top: 0; border-top: none;}
.bloc-acc-main .smk_accordion .accordion_in:last-of-type .acc_head {border-bottom: none;}
.bloc-acc-main .smk_accordion .accordion_in { margin-bottom: 0;}
.bloc-acc-main .smk_accordion .accordion_in .acc_content {background: none; padding: 0;}
.bloc-acc-main .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {background: url(../images/acc-down.svg) no-repeat scroll top center; width: 14px; height: 9px; top: 48px; right: 30px; background-size: contain;}
.bloc-acc-main .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand { transform: rotate(180deg);}
.bloc-acc-main .smk_accordion .accordion_in .acc_head .acc_icon_expand {background: url(../images/acc-down.svg) no-repeat scroll top center; width: 14px; height: 9px; top: 48px; right: 30px; }
.bloc-acc-main .smk_accordion .accordion_in.acc_active:first-of-type > .acc_head .acc_icon_expand {top: 18px;}
.bloc-acc-main .smk_accordion .accordion_in:first-of-type .acc_head .acc_icon_expand {top: 18px;}
.bloc-acc-main .smk_accordion { margin-bottom: 0;}
.bloc-acc-main .smk_accordion .accordion_in:last-of-type .bloc-acc-content { margin-bottom: 0;}

.bloc-acc-cnt.bg-clr .bloc-acc-main .smk_accordion .accordion_in .acc_head { border-top: 2px solid #dde0e6; border-bottom: 2px solid #dde0e6;}
.bloc-acc-cnt.bg-clr .bloc-acc-main .smk_accordion .accordion_in.acc_active > .acc_head { border-bottom: none;}
.bloc-acc-cnt.bg-clr .bloc-acc-main .smk_accordion .accordion_in:first-of-type .acc_head { border-top: none;}
.bloc-acc-cnt.bg-clr .bloc-acc-main .smk_accordion .accordion_in:last-of-type .acc_head {border-bottom: none;}

.bloc-acc-content { float: left; width: 100%; padding-right: 85px; margin-bottom: 60px;}
.bloc-acc-content p { float: left; width: 100%; color: #444444; font-size: 16px; line-height: 24px; letter-spacing: -0.1px; padding-bottom: 30px;}
.bloc-acc-content p a { color: #0073CF; font-family: 'Montserrat-Medium'; transition:all .5s ease;}
.bloc-acc-content p a:hover { color: #dc44a2;}
.bloc-acc-content a.link-btn { float: left; width: 210px; background: none; height: 40px; display: flex; align-items: center; justify-content: center; color: #0073CF; border: 1px solid #0073CF; border-radius: 25px; font-size: 12px; line-height: 18px; font-family: 'Montserrat-SemiBold'; letter-spacing: 0.17px; transition:all .5s ease;}
.bloc-acc-content a.link-btn:hover {  background: #0073CF; color: #ffffff;}

/* Discapacitat CSS */
.discapacitat-main { float: left; width: 100%; background: #f2f5fc; padding: 65px 0 70px; text-align: center;}
.discapacitat-main h1 { float: left; width: 100%; font-family: 'Montserrat-ExtraBold'; color: #0073CF; font-size: 25px; line-height: 38px; padding-bottom: 25px;}
.discapacitat-main p {float: left; width: 100%; color: #777777; font-size: 16px; line-height: 26px; letter-spacing: -0.22px; padding-bottom: 35px;}

.discapacitat-lst { float: left; width: 100%; background: #ffffff; padding: 50px 60px 55px; border-radius: 6px;}
.discapacitat-lst h2 { float: left; width: 100%; color: #444444; font-size: 22px; line-height: 36px; padding-bottom: 40px; }
.discapacitat-lst h2 span { font-family: 'Montserrat-Bold';}
.discapacitat-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap:30px; }
.discapacitat-lst ul li { flex: 1 1 31.43%; text-align: left; border-top: 3px solid #e3e3e3;}
.discapacitat-lst ul li h3 { float: left; width: 100%; padding: 25px 0 10px; color: #444444; font-size: 22px; line-height: 32px; font-family: 'Montserrat-ExtraBold';}
.discapacitat-lst ul li p { padding-bottom: 0;}

.cnct-banner { float: left; width: 100%; position: relative;}
.cnct-banner img { float: left; width: 100%;}
.cnct-banner .cnt-caption { float: left; width: 100%; position: relative;}
.cnct-banner ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap:30px; position: absolute; bottom: 65px;}
.cnct-banner ul li { flex: 1 1 31.43%;}
.cnct-banner ul li .inner-ban-caption { float: left;  width: 100%; background: #fff; padding:25px 20px 25px 30px; border-radius: 6px; min-height: 210px;}
.cnct-banner ul li .inner-ban-caption h2 { font-family: 'Montserrat-ExtraBold'; font-size: 35px; line-height: 42px; color: #444444; margin-bottom: 20px;}
.cnct-banner ul li .inner-ban-caption a { transition: all 0.4s ease; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed; padding: 8px 20px; border-radius:25px; display: inline-block; }
.cnct-banner ul li .inner-ban-caption a:hover { background: #DC44A3; color: #ffffff; border: 1px solid #DC44A3;}
.cnct-banner ul li .inner-ban-caption h3 { float: left; width: 100%; color: #0073CF; font-size: 30px; line-height: 38px; font-family: 'Montserrat-ExtraBold'; padding-bottom: 20px;}
.cnct-banner ul li .inner-ban-caption h4 { float: left; width: 100%; color: #0073CF; font-size: 20px; line-height: 28px; letter-spacing: -0.18px; font-family: 'Montserrat-SemiBold'; padding-bottom: 15px;}
.cnct-banner ul li .inner-ban-caption .ico-bx { float: left; width: 100%; margin-bottom: 15px;}
.cnct-banner ul li .inner-ban-caption .ico-bx:last-child { margin-bottom: 0;}
.cnct-banner ul li .inner-ban-caption .ico-bx p { float: left; width: 100%; color: #444444; font-size: 15px; line-height: 25px; letter-spacing: -0.38px; padding-left: 25px;}
.cnct-banner ul li .inner-ban-caption .ico-bx p span {font-family: 'Montserrat-Bold';}
.cnct-banner ul li .inner-ban-caption .ico-bx.loc-bx { background: url(../images/loc-ico-des.svg) no-repeat left 0px top 5px;}
.cnct-banner ul li .inner-ban-caption .ico-bx.ph-bx { background: url(../images/ph-ico-des.svg) no-repeat left 0px top 5px;}
.cnct-banner ul li .inner-ban-caption .ico-bx.tm-bx { background: url(../images/tm-ico-des.svg) no-repeat left 0px top 5px;}

.grups-info-sec.mes-info { padding: 70px 0 80px;}
.grups-info-lft.mes-lft h2 { color: #0073CF; font-size: 32px; line-height: 38px; font-family: 'Montserrat-ExtraBold'; margin-bottom: 20px; letter-spacing: 0px;}
.grups-info-lft.mes-lft p { letter-spacing: 0.22px;}

.mes-info ul.info-lst li { border-top: 3px solid #e5e8ef; padding-top: 15px;}
.mes-info ul.info-lst li.up-arw { background: url(../images/ico-up-arw.svg) no-repeat left 0px top 20px;}
.mes-info ul.info-lst li.link { background: url(../images/ico-link.svg) no-repeat left 0px top 20px;}
.mes-info ul.info-lst li.pdf { background: url(../images/ico-download.svg) no-repeat left 0px top 20px; }

.bloc-acc-cnt.des-acc-cnt { padding: 65px 0;}
.bloc-acc-content.dis-cnt { margin-bottom: 0;}
.bloc-acc-main a.freq-btn { float: left; margin-top: 30px; width: 250px; letter-spacing: 0.17px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 25px; transition: all 0.4s ease; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed;}
.bloc-acc-main a.freq-btn:hover {background: #DC44A3; color: #ffffff; border: 1px solid #DC44A3;}

/* Depencia CSS */
.discapacitat-lst.four-col ul li { flex: 1 1 22.8%;}
.discapacitat-lst ul li h3 span {font-family: 'Montserrat-Medium'; padding-bottom: 15px; display: block; color: #777777; font-size: 13px; line-height: 18px; letter-spacing: 0.82px;}
.dis-para-lst { float: left; width: 100%; display: flex; align-content: center; justify-content: center; padding: 55px 0 10px;}
.dis-para-lst h4 {float: none; width: auto; text-align: left; display: inline-block; color: #444444; font-size: 18px; line-height: 30px; letter-spacing: -0.25px;}
.dis-para-lst h4 span { background: url(../images/ico-treballa-02.svg) no-repeat left center; width: 51px; height: 56px; float: left; margin-right: 25px;}
.grups-info-rgt.mes-rgt ul.info-lst li p.time span.date-txt.mob { display: none;}

/* embaras tab css */
.embaras-tab { float: left; width: 100%; margin-top: 30px; }
.embaras-tab .tab-list { float: left; width: 100%; }
.embaras-tab .tab-list ul { float: left; width: 100%; border-bottom: 1px solid #eeeeee; display: flex;}
.embaras-tab .tab-list ul li { float: left; width: auto; padding-bottom: 15px; margin-right: 3.5%; }
.embaras-tab .tab-list ul li a { float: left; width: auto; font-family: 'Montserrat-Medium'; font-size: 18px; color: #dddddd; position: relative; transition:all .5s ease;}
.embaras-tab .tab-list ul li.active a { font-family: 'Montserrat-ExtraBold'; color: #0073ce; }
.embaras-tab .tab-list ul li.active a::after { position: absolute; content: ""; background: #0073ce; width: 100%; height: 5px; bottom: -15px; left: 0;}
.embaras-tab .tab-list ul li a:hover { color: #0073ce;}
.embaras-tab .tab-list ul li:last-child { margin-right: 0; }

.embaras-content { float: left; width: 100%; padding: 30px 0 0px 0; }
.embaras-content .tab-cnt { float: left; width: 100%; display: none;}
.embaras-content .tab-cnt.show { display: block;}




.embaras-content .tab-cnt.current { display: block;}
.embaras-tab .tab-list ul li.tab-link { position: relative; cursor: pointer; transition: all 0.4s ease;}
.embaras-tab .tab-list ul li.tab-link.current { font-family: 'Montserrat-ExtraBold'; color: #0073CF;}
.embaras-tab .tab-list ul li.tab-link.current::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; height: 4px; background: #0073CF; width: 100%;}
.embaras-tab .tab-list ul li.tab-link::before { display: block; content: attr(title); font-family: 'Montserrat-ExtraBold'; height: 1px; color: transparent; overflow: hidden;
visibility: hidden; }
.embaras-tab .tab-list ul li.tab-link:hover { color: #0073CF; font-family: 'Montserrat-ExtraBold';}

.popup-img { display: none;}
.popup-cap { float: left; width: 100%;}
#lightcase-content .popup-cap h6 { color: rgba(255, 255, 255, 0.8); font-size: 12px; font-family: 'Montserrat-Regular';}
#lightcase-content .popup-cap h2 { font-size: 28px; color: #ffffff; font-family: 'Montserrat-Bold'; line-height: 36px; margin-bottom: 12px;}
#lightcase-content .popup-cap p { color: #ffffff; line-height: 26px; font-size: 16px; font-family: 'Montserrat-Regular';}



/* cSI - 5 pages raj*/

/* embaras-acompanyem page*/
.bredcrum-bg.bredcrum-bg-emb { padding: 20px 0px 100px;}
.embras-top-btn { float: left; width: 100%; position: relative;}
.embras-top-btn ul.embras-btn {float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 10px;align-items: center;margin-bottom: 50px; margin-top: -60px;}
.embras-top-btn ul.embras-btn li {flex: 1 1 13%;border-radius: 6px;transition: all 0.4s ease;}
.embras-top-btn ul.embras-btn li a { color: #fff; font-size: 16px;display: block;padding: 15px;height: 130px;line-height: 20px;position: relative; letter-spacing: -0.11px;font-family: 'Montserrat-Bold';transition: all 0.4s ease;}
/* .embras-top-btn ul.embras-btn li a span { position: absolute;left: 15px;bottom: 15px;background: url(../images/ico-more.svg) no-repeat 0 0;background-size: cover; width: 30px;height: 30px;} */
.embras-top-btn ul.embras-btn li a span.plus-mob { display: none; }

.embras-top-btn ul.embras-btn li:nth-child(1) {background: #3445b1;}
.embras-top-btn ul.embras-btn li:nth-child(2) {background: #2f52b8;}
.embras-top-btn ul.embras-btn li:nth-child(3) {background: #2661bf;}
.embras-top-btn ul.embras-btn li:nth-child(4) {background: #216ec6;}
.embras-top-btn ul.embras-btn li:nth-child(5) {background: #1a7dce;}
.embras-top-btn ul.embras-btn li:nth-child(6) {background: #158bd5;}
.embras-top-btn ul.embras-btn li:nth-child(7) {background: #0e99dc;}
.embras-top-btn ul.embras-btn li:hover, .embras-top-btn ul.embras-btn li.current { background: #ffffff; }
.embras-top-btn ul.embras-btn li:hover a, .embras-top-btn ul.embras-btn li.current a { color: #0073CF; }
.embras-top-btn ul.embras-btn li:hover a span.plus-mob, .embras-top-btn ul.embras-btn li.current a span.plus-mob {background: url(../images/ico-more-news.svg) no-repeat 0 0;background-size: cover;}

.embras-popup {opacity: 0; visibility: hidden; float: left; width: 50%; background: #3445b1; padding: 20px 20px; border-radius: 6px; display: flex; flex-wrap: wrap; 
position: absolute; top: -60px; left: 0; transition: all 0.6s ease; box-shadow: 0px 15px 30px rgba(0,0,0,0.2); z-index: 20;}
.embras-popup h1 {float: left; width: 100%; font-size: 30px; line-height: 36px; font-family: 'Montserrat-Bold'; color: #ffffff; margin-bottom: 18px;}
.embras-col-wid { width: 30%; float: left; padding-left: 2.5%; border-left: 1px solid rgba(255, 255, 255, 0.5);}
.embras-col-wid h2 { font-size: 17px; font-family: 'Montserrat-Bold'; color: #ffffff; margin-bottom: 20px; line-height: 24px;} 
.embras-col-wid ul li { float: left; width: 100%; margin-bottom: 12px;}
.embras-col-wid ul li a { transition: all 0.4s ease; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed; color: #ffffff; padding: 6px 24px; display: inline-block; border-radius: 25px;}
.embras-col-wid ul li a:hover { background: #DC44A3; border: 1px solid #DC44A3;}
.embras-popup div { flex: 1 1 auto;}
.embras-popup div.first-div { padding-left: 0; margin-left: 0; border: none;}
.embras-popup .close-ico { position: absolute; right: 20px; top:20px; }
.embras-popup.current { opacity: 1; visibility: visible; width: 100%; height: auto;}
.embras-bg2 { background: #2f52b8;}
.embras-bg3 {background: #2661bf;}
.embras-bg4 {background: #216ec6;}
.embras-bg5 {background: #1a7dce;}
.embras-bg6 {background: #158bd5;}
.embras-bg7 {background: #0e99dc;}
.embras-popup.current { opacity: 1; visibility: visible; width: 100%; height: auto;}

.acompanyem-sec { float: left; width: 100%; padding: 0px 0px 100px;}
.acompanyem-div { float: left; width: 100%; margin-bottom: 70px; }
.acompanyem-div h2 { color: #0073CF; font-size: 30px; line-height: 38px; font-family: 'Montserrat-ExtraBold'; margin-bottom: 22px; }
.acompanyem-lft { float: left; width: 38%;}
.acompanyem-lft h6 { font-size: 22px; line-height: 32px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.31px; }
.acompanyem-lft h6 span{ font-family: 'Montserrat-Bold'; }
.acompanyem-lft p { font-size: 16px; line-height: 24px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 18px; }
.acompanyem-lft p:last-child{ margin-bottom: 0px;}
.acompanyem-rgt { float: left; width: 62%; padding:0px 65px;}
.acompanyem-rgt p { font-size: 16px; line-height: 24px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 18px; }
.acompanyem-rgt p:last-child{ margin-bottom: 0px;}
.acompanyem-rgt p span.bld-txt { font-family: 'Montserrat-Bold'; }

.acompanyem-list-div { float: left; width: 100%; padding: 0px 70px;}
ul.acompanyem-list { float: left; width: 100%;}
ul.acompanyem-list li { float: left; width: 100%; margin-bottom: 100px;}
ul.acompanyem-list li:last-child{ margin-bottom: 0px;}
ul.acompanyem-list li .img-div{ float: left; width: 36%; overflow: hidden; border-radius: 6px; }
ul.acompanyem-list li .img-div img { float: left; width: 100%; transition:all .5s ease;}
ul.acompanyem-list li .acompanyem-cont { float: right; width: 64%; padding-left: 70px; }  
ul.acompanyem-list li .acompanyem-cont .acomp-txt{ float: left; width: 100%; border-top:3px solid #EAEFF8; padding-top: 40px;}
ul.acompanyem-list li .acompanyem-cont .acomp-txt h2 { color: #0073CF; font-size: 22px; line-height: 32px; font-family: 'Montserrat-ExtraBold'; margin-bottom: 18px; }
ul.acompanyem-list li ul.acom-list li{ font-size: 15px; line-height: 22px; color: #444444; font-family: 'Montserrat-SemiBold'; padding-left: 40px; margin-bottom: 18px; 
background: url(../images/ico-list-arw.svg) no-repeat left 0px top 8px; letter-spacing: -0.56px;}
ul.acompanyem-list li ul.acom-list li:last-child { margin-bottom: 0px;}
ul.acompanyem-list li:hover .img-div img { transform: scale(1.05);}

/* embaras-ubicacio page */
.acompanyem-div.ubicacio-div h2 { margin-bottom: 18px; }
.acompanyem-div.ubicacio-div h3 { font-size: 22px; line-height: 32px; color: #444444; font-family: 'Montserrat-Bold'; letter-spacing: -0.31px; margin-bottom: 20px;  }
.ubicacio-div .acompanyem-lft { width: 52%; padding-right: 20px;}
.ubicacio-div .acompanyem-rgt { width: 48%; padding:0px 0px;}
.ubicacio-list-div ul.acompanyem-list li { margin-bottom: 40px;}
.ubicacio-list-div ul.acompanyem-list li:last-child{ margin-bottom: 0px;}
.ubicacio-list-div ul.acompanyem-list li .acompanyem-cont .acomp-txt h2 { margin-bottom: 15px;}
.ubicacio-list-div ul.acompanyem-list li .acompanyem-cont .acomp-txt p { font-size: 16px; line-height: 24px; color: #767676; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 25px; }
a.emb-mes-btn { display: inline-flex; align-items: center; color: #0073CF;font-size: 12px;font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 25px;}
a.emb-mes-btn:hover { background: #0073CF; color: #fff;border:1px solid #0073CF;}

/* embaras-equip page */
.acompanyem-sec.equip-sec { padding-bottom: 65px;}
.acompanyem-div.equip-div { margin-bottom: 0px;}
.acompanyem-div.equip-div h2 { margin-bottom: 32px; }
.equip-div .acompanyem-lft { width: 48%; }
.equip-div .acompanyem-lft .video-div{ float: left; width: 100%; position: relative; overflow: hidden; border-radius: 6px; }
.equip-div .acompanyem-lft .video-div img { float: left; width: 100%; }
.equip-div .acompanyem-lft .play-btn { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 9; }
.equip-div .acompanyem-lft .play-btn img { width: auto;}
.equip-div .acompanyem-rgt { width: 52%; padding:0px 20px 0px 50px; }
.equip-div .acompanyem-rgt p span.semi-txt { font-family: 'Montserrat-SemiBold'; }
.members-list-sec { float: left; width: 100%; padding: 65px 0px 80px; background: #f2f5fc;}
.members-list-sec .derma-main { margin-bottom: 70px;}
.members-list-sec ul.invest-list li .prof-cont span.degree { background: #fff;}

/* embaras-neonatal page */
.neonatal-video { float: left; width: 100%;}
.neonatal-video .video-div{ float: left; width: 100%; position: relative; overflow: hidden; }
.neonatal-video .video-div img { float: left; width: 100%; }
.neonatal-video .video-div .play-btn { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 9; }
.neonatal-video .video-div .play-btn img { width: auto;}
.neonatal-cont { float: left; width: 100%; padding: 45px 140px 15px;}
.neonatal-cont p { font-size: 22px; line-height: 30px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 22px; }
.neonatal-cont p:last-child{ margin-bottom: 0px;}
.neonatal-cont p span.bold-txt { font-family: 'Montserrat-Bold'; }

.punts-list-sec { float: left; width: 100%; padding: 35px 0px 0px; background: #f2f5fc;}
.punts-main-title { float: left; width: 100%; padding:0px 0px; margin-bottom: 40px; text-align: center;}
.punts-main-title h1 {font-size: 30px;line-height: 43px;color: #0073CF;font-family: 'Montserrat-ExtraBold';margin-bottom: 12px;letter-spacing: 0px;}
.punts-main-title p{ font-size: 16px; line-height: 24px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 0px; }
.punts-div { float: left; width: 100%; padding: 0px 45px; }
ul.punts-list { float: left; width: 100%;}
ul.punts-list li { float: left; width: 50%; margin-bottom: 60px; padding-right: 45px;}
ul.punts-list li .punt-icon { float: left; width: 70px; }
ul.punts-list li .punt-lst-cont { float: left; width: calc(100% - 70px); padding-left: 27px; }
ul.punts-list li .punt-lst-cont h2 { font-size: 18px; line-height: 24px; color: #444444; font-family: 'Montserrat-Bold'; margin-bottom: 8px; }
ul.punts-list li .punt-lst-cont p { font-size: 16px; line-height: 24px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 0px; }

/* embaras-presentacio page */
.acompanyem-sec.presentacio-sec { padding-bottom: 80px;}
.presentacio-video .video-div .play-btn { width: 100%; display: flex; align-items: center; justify-content: center; }
.presentacio-video .video-div .play-btn img { margin-right: 18px;}
.presentacio-video .video-div .play-btn h3 { color: #fff; font-size: 30px; line-height: 35px; font-family: 'Montserrat-ExtraBold'; text-align: left; margin: 0px 0px;}
.presentacio-cont { float: left; width: 100%; padding: 45px 60px 0px; }
.present-cont-lft { float: left; width: 53%; padding-right: 60px;}
.present-cont-lft h4 { font-size: 22px; line-height: 30px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 25px; }
.present-cont-lft h4 span.bold-txt { font-family: 'Montserrat-Bold'; }
.present-cont-lft p { font-size: 16px; line-height: 24px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 0px; }
.present-cont-lft p:last-child { margin-bottom: 0px;}
.present-cont-rgt { float: left; width: 47%;}
.present-cont-rgt p { font-size: 16px; line-height: 24px; color: #444444; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 18px; }
.present-cont-rgt p:last-child { margin-bottom: 0px;}

.compartex-div {float: left; width: 100%; padding: 18px 0px 0px; margin-top: 70px; border-top: 3px solid #ebeff8;}
.compertex-lft { float: left; width: 50%; display: flex; flex-wrap: wrap; align-items: center; }
.compertex-lft h3 { color: #454545; font-size: 13px; line-height: 16px; font-family: 'Montserrat-SemiBold'; text-transform: uppercase; margin-right: 15px; letter-spacing: -0.1px; }
.compertex-lft ul li { float: left; margin-right: 10px;}
.compertex-lft ul li:last-child { margin-right: 0px;}
.compertex-lft ul li a { transition:all .5s ease;}
.compertex-lft ul li a:hover { opacity: 0.7;} 
.compertex-rgt { float: left; width: 50%; display: flex; justify-content: right; }
.compertex-rgt ul li { float: left; margin-right: 12px;}
.compertex-rgt ul li:last-child { margin-right: 0px;}
a.impr-btn { display: inline-flex; align-items: center; color: #777777; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #4B4B4B; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 42px 0px 54px; background: url(../images/fax-ico.svg) no-repeat left 28px center;}
a.impr-btn:hover { background: #4B4B4B url(../images/fax-ico-h.svg) no-repeat left 28px center; color: #ffffff;}
a.tornar-btn { display: inline-flex; align-items: center; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 42px;}
a.tornar-btn:hover {  background: #0073CF; color: #fff;border:1px solid #0073CF; }


/* embaras-inici page */
.emb-bredcum { float: left; width: auto; position: absolute; top:0px; background: #444; padding: 6px 15px;}
.emb-bredcum ul { float: left; width: 100%; }
.emb-bredcum ul li { float: left; width: auto; font-size: 12px; line-height: 20px; color: #fff; font-family: 'Montserrat-SemiBold'; position: relative; padding-right: 10px; margin-right: 7px;}
.emb-bredcum ul li::after { position: absolute; content: "/"; top: 0; right: 0; color: #fff; font-family: 'Montserrat-Regular';}
.emb-bredcum ul li:last-child:after { content: none;}
.emb-bredcum ul li:last-child { padding-right: 0; margin-right: 0;}
.emb-bredcum ul li a { font-size: 12px; line-height: 15px; color: #fff; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;}
.emb-bredcum ul li a:hover { text-decoration: underline;}

.recera-banner.embaras-banner .inner-ban-caption { padding: 20px 55px;}
.embaras-banner .inner-ban-caption.caption-btm {bottom: 21%; }
.embaras-ban-cnt .doce-count ul li h2 { color: #454545;}
.recera-ban-cnt.embaras-ban-cnt.doce-cnt .doce-count ul li p { font-family: 'Montserrat-Regular'; }
.emb-count{ display: flex; align-items: center; justify-content: center; }
.emb-count span{color: #454545;font-size: 60px; line-height: 60px;font-family: 'Montserrat-Bold'; }
.embaras-ban-cnt  .doce-count ul li { width: 18%;}
.embaras-ban-cnt .presentacio-video {margin-top: 50px; text-align: center;}
.embaras-ban-cnt .presentacio-video .video-div {float: none; display: inline-block; width: 800px; margin-bottom: 40px;}
.video-btn-div { float: left; width: 100%; text-align: center; }
a.vull-btn { display: inline-flex; align-items: center; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 18px; letter-spacing: 0.16px;}
a.vull-btn:hover {  background: #dc44a2; color: #fff;border:1px solid #dc44a2; }
a.vull-btn span{ font-size: 20px;font-family: 'Montserrat-Regular'; margin-left: 12px;}

.equip-prof-sec { float: left; width: 100%; padding: 60px 0px; background: #fff;}
.equip-prof-lft { float: left; width: 49%;}
.equip-prof-lft .video-div{ float: left; width: 100%; position: relative; overflow: hidden; border-radius: 6px; }
.equip-prof-lft .video-div img { float: left; width: 100%; }
.equip-prof-lft .play-btn { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 9; }
.equip-prof-lft .play-btn img { width: auto;}
.equip-prof-rgt { float: left; width: 51%; padding: 25px 0px 0px 50px;}
.equip-prof-rgt h2 { color: #0073CF; font-size: 32px; line-height: 47px;font-family: 'Montserrat-ExtraBold'; margin-bottom: 15px; }
.equip-prof-rgt p { color: #444; font-size: 15px; line-height: 23px; margin-bottom: 25px; letter-spacing: -0.21px; }
.equip-prof-rgt p span.bld-txt { font-family: 'Montserrat-Bold'; }
a.oveure-btn { display: inline-block; color: #0073CF; font-size: 14px; line-height: 32px; font-family: 'Montserrat-Medium'; padding-left: 42px; background: url(../images/round-arrw.svg) no-repeat left 0px center; transition:all .5s ease;}
a.oveure-btn:hover { opacity: 0.7; }

.emb-page-link { float: left; width: 100%; padding: 0px 0px;}
ul.page-links-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; }
ul.page-links-lst li { float: left; width: 33.3333%; display: flex; align-items: center; transition:all .5s ease; height: 300px; padding: 20px 98px;}
ul.page-links-lst li:nth-child(1) { background: #3445B1; }
ul.page-links-lst li:nth-child(2) { background: #0073ce;}
ul.page-links-lst li:nth-child(3) { background: #0eb3eb;}  
ul.page-links-lst li .page-caption { float: left; width: 100%; height: 150px; position: relative;}
ul.page-links-lst li .page-caption h1 { color: #fff; font-size: 32px; line-height: 40px;font-family: 'Montserrat-Bold'; margin-bottom: 15px; }
a.acced-btn { position: absolute; left: 0px; bottom: 0px; display: inline-flex; align-items: center; color: #fff; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:2px solid rgba(255, 255, 255, 0.2); border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 22px; letter-spacing: 0.07px;}
a.acced-btn:hover {  background: #dc44a2; color: #fff;border:2px solid #dc44a2; }

.home-ubicacio-sec { float: left; width: 100%; padding: 60px 0px 90px; background: #f2f5fc;}
.home-ubicacio-lft { float: left; width: 41%; padding-top: 5px;}
.home-ubicacio-lft h2 { color: #0073CF; font-size: 32px; line-height: 37px; font-family: 'Montserrat-ExtraBold'; margin-bottom: 12px; }
.home-ubicacio-lft p { color: #777; font-size: 16px; line-height: 24px; margin-bottom: 0px; letter-spacing: 0.22px; }
.home-ubicacio-lft p span.bld-txt { font-family: 'Montserrat-SemiBold'; }
.home-ubicacio-rgt { float: left; width: 59%;}
ul.home-ubicacio { float: left; width: 100%;}
ul.home-ubicacio li{ float: left; width: 100%; padding: 10px 0px 10px 42px; color: #444; font-size: 18px; line-height: 28px; font-family: 'Montserrat-Bold'; border-bottom: 3px solid #ebeff8; 
background: url(../images/ubicacio-arrw.svg) no-repeat left 0px top 15px;}
ul.home-ubicacio li:last-child { border: none;}

.emb-gal-photos { float: left; width: 100%; position: relative;}
.emb-gal-photos .flexslider { min-height: inherit;}
.emb-gal-photos .inner-ban-caption { position: absolute; bottom: 100px; float: left;  width: 100%; background: #fff;  padding:20px 30px; border-radius: 5px; max-width: 370px;}
.emb-gal-photos .inner-ban-caption h2 { font-family: 'Montserrat-ExtraBold'; font-size: 30px; line-height: 38px; color: #444444; margin-bottom: 15px;}
.emb-gal-photos .inner-ban-caption a { transition: all 0.4s ease; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; border: 1px solid #a9ceed; padding: 8px 20px; border-radius:25px; display: inline-block; }
.emb-gal-photos .inner-ban-caption a:hover { background: #DC44A3; color: #ffffff; border: 1px solid #DC44A3;}
.emb-gal-photos .flexslider .slides > li::after { background: rgba(0,0,0,0); }
.emb-gal-photos .inner-ban-caption .controlnav-div { float: left; width: 100%; margin-bottom: 22px; }
.emb-gal-photos .inner-ban-caption .controlnav-div .flex-control-nav li { float: left; background: #d7d7d7; width: 12px; height: 12px; border-radius: 12px; margin:0px 12px 0px 0px; cursor: pointer;transition:all .5s ease;}
.emb-gal-photos .inner-ban-caption .controlnav-div .flex-control-nav li:last-child {margin-right: 0px;}
.emb-gal-photos .inner-ban-caption .controlnav-div .flex-control-nav .flex-active, .controlnav-div .flex-control-nav li:hover {background: #0073CF;}
.emb-gal-photos .inner-ban-caption .controlnav-div .flex-control-nav { position: relative; bottom: auto; text-align: left; z-index: inherit; }

.docencia-sec { float: left; width: 100%; padding: 60px 0px 80px; background: #fff;}
.docencia-sec h1 { color: #0073CF; font-size: 35px; line-height: 42px;font-family: 'Montserrat-ExtraBold'; margin-bottom: 10px; text-align: center; }
.docencia-sec p { color: #444; font-size: 15px; line-height: 23px; margin-bottom: 0px; letter-spacing: -0.21px; text-align: center; }
ul.docencia-list{ float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 30px;align-items: center; margin-top: 35px;}
ul.docencia-list li { flex: 1 1 auto;border-radius: 6px; transition:all .5s ease;}
ul.docencia-list li .docencia-img-div { overflow: hidden; border-radius: 6px 6px 0px 0px; }
ul.docencia-list li .docencia-img-div img { float: left; width: 100%; transition:all .5s ease; border-radius: 6px 6px 0px 0px;}
ul.docencia-list li:hover .docencia-img-div img { transform: scale(1.05);}
ul.docencia-list li a .docencia-caption { float: left; width: 100%; padding: 40px 40px; height: 160px; display: flex; align-items: center; justify-content: space-between;}
ul.docencia-list li a .docencia-caption h2 { color: #fff; font-size: 28px; line-height: 32px;font-family: 'Montserrat-Bold'; }
ul.docencia-list li a .docencia-caption span {background: url(../images/ico-more.svg) no-repeat 0 0;width: 40px;height: 40px;display: inline-block;}
ul.docencia-list li:nth-child(1) { background: #3445B1; }
ul.docencia-list li:nth-child(2) { background: #0073CF;}
ul.docencia-list li:nth-child(3) { background: #0DB3EA;}
ul.docencia-list li:hover { background: #dc44a2; }

/* embaras-acompanyem-2 page */
.acompanyem-sec.acompanyem-sec-2 { padding-bottom: 60px;}
.acompanyem-sec-2 .acompanyem-div { margin-bottom: 0px;}
.acompanyem-div h6.sub-title {color: #0073CF;font-size: 15px;line-height: 20px;margin-bottom: 10px; font-family: 'Montserrat-Medium'; text-transform: uppercase;}
.acompan-det-img { float: left; width: 100%; border-radius: 4px;}
.acompan-det-img img{ float: left; width: 100%; border-radius: 4px;}
.acompanyem-det-cont { float: left; width: 100%; padding: 40px 70px 0px;}
.acompanyem-det-cont .acompanyem-lft {width: 48%;}
.acompanyem-det-cont .acompanyem-lft h6 { margin-bottom: 28px;}
a.for-btn { display: inline-flex; align-items: center; color: #fff; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #0073CF; background: #0073CF; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 22px; letter-spacing: 0.16px;}
a.for-btn:hover {  background: #dc44a2; color: #fff;border:1px solid #dc44a2; }
.acompanyem-det-cont .acompanyem-lft p.horari-txt { margin-top: 22px; font-size: 13px; line-height: 20px;color: #444444;font-family: 'Montserrat-Regular'; padding-left: 25px; 
background: url(../images/ico-event-clock.svg) no-repeat top 4px left 0px; }
.acompanyem-det-cont .acompanyem-rgt {width: 52%; padding: 0px 0px 0px 45px;}
.acompanyem-det-cont .acompanyem-rgt p { letter-spacing: -0.11px;}
a.cal-btn { display: inline-flex; align-items: center; margin-top: 12px; color: #0073CF; font-size: 12px; font-family: 'Montserrat-SemiBold'; transition:all .5s ease;
border:1px solid #b3d5f1; border-radius: 50px; height: 40px; line-height: 38px; padding: 0px 22px; letter-spacing: 0.16px;}
a.cal-btn:hover {  background: #0073CF; color: #fff;border:1px solid #0073CF; }
.acompanyem-list-sec { float: left; width: 100%; padding: 60px 0px; background: #f2f5fc; }
.acompanyem-list-sec ul.acompanyem-list li .acompanyem-cont .acomp-txt {border-top: 3px solid #ebeff8; }

/* docencia page */
.acompanyem-div.ubicacio-div h5 { font-size: 22px; line-height: 32px; color: #444444; letter-spacing: -0.1px; margin-bottom: 0px;  }
.docencia-list-div ul.acompanyem-list li { margin-bottom: 60px; }
.docencia-list-div ul.acompanyem-list li:last-child { margin-bottom: 0px; }
.docencia-list-div ul.acompanyem-list li .acompanyem-cont .acomp-txt { padding-right: 70px; padding-top: 30px;}
.docencia-list-div ul.acompanyem-list li .acompanyem-cont .acomp-txt h4 { font-size: 16px; line-height: 24px; color: #444; font-family: 'Montserrat-Bold'; margin-bottom: 2px; letter-spacing: -0.16px; }
.docencia-list-div ul.acompanyem-list li .acompanyem-cont .acomp-txt p { font-size: 16px; line-height: 24px; color: #767676; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 22px; }
.docencia-list-div ul.acompanyem-list li .acompanyem-cont .acomp-txt p span.bld-txt { font-family: 'Montserrat-Bold'; }
.docencia-list-div ul.acompanyem-list li ul.acomp-txt-list { float: left; width: 100%; margin-bottom: 12px; }
.docencia-list-div ul.acompanyem-list li ul.acomp-txt-list li { float: left; width: 100%; padding-left: 40px; position: relative; font-size: 16px; line-height: 24px; color: #767676; font-family: 'Montserrat-Regular'; letter-spacing: -0.1px; margin-bottom: 15px;}
.docencia-list-div ul.acompanyem-list li ul.acomp-txt-list li::before { content: ""; position: absolute; left: 0px; top:6px; width: 12px; height: 12px; border-radius: 12px; background: #9abaf3;}

/* embaras-installacions page */
.installacion-sec { padding-bottom: 80px;}
.installacion-sec .acompanyem-div { margin-bottom: 0px;}
.installacion-sec .acompanyem-div.ubicacio-div h3 { font-size: 18px;line-height: 30px; font-family: 'Montserrat-SemiBold'; letter-spacing: -0.1px; }



.popup-video .fancybox-inner { height: 450px !important; }