@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: 42px; color: #0073CF; padding-bottom: 20px; }
.contact-frm p { font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 24px; color: #777777; padding-bottom: 30px; }
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;}
.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: 20px; 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 span.cat-span { 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; }
.load-more__btn-wrap { float: left; width: 100%; margin-top: 20px;}
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; }