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

body { padding:0px; margin:0px; background:#fff; font-size:17px; color:#000; font-family: 'ralewayregular'; line-height:20px; }
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:17px; 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:973px; margin:auto; padding:0px;}


/********************************************/
/* header css */
header { float:left; width:100%; background:#FFFFFF; padding:0px 0px 0px 0px; position:relative; z-index:99999;}
.logo {float:left; padding:28px 0px 0px 0px; position:relative; }
.logo img { width:300px; float:left; }
.hdr-top { float:left; width:100%; background:#FFFFFF; border-bottom:2px solid #eaeaea; padding:10px 0px; position:relative; }
.h-social { clear:both; float:left; width:auto; padding:0px; display:flex; flex-wrap:wrap; align-items:center; }
.h-social a { float:left; margin-right:25px; line-height:0px; }
.h-social a:hover { opacity:0.8; }
.h-social a:last-child { margin-right:0px;}

.hdr-right { float:right; padding:0px 0px;  }
.hdr-right ul { float:right; }
.hdr-right ul li { float:left; font-size:14px; padding:0px 10px; position:relative; }
.hdr-right ul li a, .hdr-right ul li.middle a:hover, .hdr-right ul li.middle a.active { color:#1d1d1b; }
.hdr-right ul li a:hover { color:#820a5f; }
.hdr-right ul li.middle, .hdr-right ul li.middle a { color:#b3b3b3; }
.hdr-right ul li.first::before { content:''; background:url(../images/phone-number.svg) no-repeat; width:9px; height:11px; position:absolute; top:5px; left:-5px; padding:0px 0px; }
.hdr-right ul li.last::after { content:''; background:url(../images/darrow.png) no-repeat; width:10px; height:7px; position:absolute; top:7px; right:-5px; padding:0px 0px; }
.srch-box { float:right; margin-top:65px; margin-left:5px; }

.bbox { float:left; width:100%; background:#FFFFFF;  padding:35px 0px 0px 0px; position:relative; }
.bbox ul { float:right; }
.bbox ul li { float:left; width:23.5%; padding:0px 0px; margin-right:2%; margin-bottom:25px; position:relative; }
.bbox ul li img { float:left; width:100%; height:auto; }
.bbox ul li:nth-child(4n+4) { margin-right:0px; }
/*.bbox ul li:nth-child(4n+1) { clear:left; }*/
.bbox ul li .title-box { position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background:rgba(130,10,95,0.6); 
  overflow: hidden;
  width: 100%;
  height:50px;  
  transition: .5s ease; }
.bbox ul li:hover .title-box {
  height: 100%;
}
.bbox ul li h2 {
  position: absolute;  font-family: 'ralewaymedium';  color:#FFFFFF;  text-align:center; font-size:18px; line-height:22px;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width:100%;
}
.bbox ul li:hover h2 { color:#fcee21;   }


nav { float:right; width:auto; margin:50px 0px 0px 0px; }
/*Top level menu link items style*/


.banner { float:left; width:100%; padding:0px 0px; margin:0px 0px; position:relative; }


/*******************************************/







.cont-area { float:left; width:100%; padding:35px 0 120px; margin-top:35px; border-top:2px solid #e7e7e7; }
.cont-lft { float:right; width:730px; }/* +30px */
.cont-rht { float:left; width:198px; }
.banner-li li { float:left; width:100%; margin-bottom:22px; position:relative; overflow:hidden; }
.banner-li li:last-child { margin-bottom:0px; }
.banner-li li img { float:left; width:100%; transform:scale(1); transition:all .35s ease; }
.banner-li li:hover img { transform:scale(1.05); }
.banner-li li a:after { content:''; position:absolute; width:0; height:0; background:rgba(255,255,255,0.3); left:50%; top:50%; transition:all .35s ease; }
.banner-li li:hover a:after { width:100%; height:100%; background:rgba(255,255,255,0); left:0; top:0; }
.banner-li li h2 { clear:both; float:left; position:relative; width:100%; font-size:19px; color:#ffffff; font-family: 'ralewaybold'; line-height:30px; text-transform:uppercase; text-align:center; }
.banner-li li.abs-txt h2 { position:absolute; bottom:0; }
.banner-li li.aspy-banner h2 { background:#0194ca; margin-top:-10px; padding:0 0 5px; }

.actualitat-pad { float:left; width:100%; padding-bottom:70px; }
.actualitat-pad h2, .premsa-pad h2, .what-do-pad h2 { font-size:28px; color:#820a5f; font-family: 'ralewaybold'; line-height:30px; text-transform:uppercase; padding-bottom:12px; }
.actualitat-pad ul { float:left; width:100%; display:flex; flex-wrap:wrap; }
.actualitat-pad ul li { float:left; width:47.5%; padding:15px 5px 10px; margin-right:5%; border-bottom:2px solid #eaeaea; }
.actualitat-pad ul li:nth-child(1), .actualitat-pad ul li:nth-child(2) { border-top:2px solid #eaeaea; }
.actualitat-pad ul li:nth-child(2n) { margin-right:0px; }
.actualitat-pad ul li .event-img { float:left; width:90px; }
.actualitat-pad ul li .event-img img { float:left; width:100%; }
.actualitat-pad ul li .event-cont { float:right; width:calc(100% - 90px); padding-left:15px; margin-top:-2px; }
.actualitat-pad ul li .event-cont h3,.actualitat-pad ul li .event-cont h3 a { clear:both; float:left; font-size:14px; color:#820a5f; font-family: 'ralewaybold'; line-height:18px; }
.actualitat-pad ul li .event-cont h3 a:hover { text-decoration:underline; }
.actualitat-pad ul li .event-cont span { float:left; font-size:11px; color:#b3b3b3; font-family: 'ralewaybold'; line-height:13px; text-transform:uppercase; padding-bottom:2px; }
.actualitat-pad ul li .event-cont p { clear:both; font-size:14px; color:#4d4d4d; line-height:16px; padding:2px 0 5px; letter-spacing:-0.2px; }
.actualitat-pad ul li .event-cont a { clear:both; float:left;font-size:10px; color:#b3b3b3; line-height:10px; }
.actualitat-pad ul li .event-cont a:hover { color:#820a5f; }

.event-sec { float:left; width:100%;  display:flex; flex-wrap:wrap; }
.premsa-pad { float:left; width:368px; background:#f2f2f2; padding:15px; margin-right:25px; }
.premsa-pad ul { float:left; width:100%; }
.premsa-pad ul li { float:left; width:100%; padding:7px 0; min-height:60px; border-bottom:1px solid #ffffff; }
.premsa-pad ul li:nth-child(1) { border-top:1px solid #ffffff; }
.premsa-pad ul li  p { font-size:14px; color:#000000; font-family: 'ralewaybold'; line-height:16px; padding:0 0 3px; transition:all .35s ease; }
.premsa-pad ul li span { clear:both; float:left; font-size:11px; color:#202020; line-height:13px; transition:all .35s ease; }
.premsa-pad ul li:hover p, .premsa-pad ul li:hover span { color:#006098; }

.newsletter-pad { float:right; width:307px; background:#820a5f; padding:25px 35px; display:flex; flex-wrap:wrap; justify-content: center;
align-items: center; }
.newsl-pad { float:right; width:100%; }
.newsl-pad p { font-size:28px; font-family: 'ralewaylight'; color:#ffffff; padding-bottom:30px; line-height:34px; }
.newsl-pad input[type="text"] { float:right; width:100%; height:34px; font-size:14px; color:#303030; line-height:24px; text-align:left; border:2px solid #ffffff; background:#e6e6e6; padding:5px 10px; transition:all .4s ease; margin-bottom:10px; }
.newsl-pad input[type=submit] { float:right; width:auto; height:34px; font-size:15px; font-family: 'ralewaybold'; color:#ffffff; line-height:24px; text-align:center; border:2px solid #ffffff; background:url(../images/button-arrow.png) no-repeat calc(100% - 20px) 12px; padding:3px 37px 6px 25px; cursor:pointer; margin-top:15px; }
.newsl-pad input[type="submit"]:hover { color:#fcee21; border:2px solid #fcee21; background-position:calc(100% - 20px) -11px }
.checkbox { float: left; width: 100%; font-size:9px; color: #ffffff; line-height:16px;position: relative;}
.checkbox:first-child{margin-top:5px}
.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.checkbox label { color: #ffffff; cursor: pointer; font-size:10px; padding-left:22px; position: relative; float: left; width: 100%; line-height:21px; display: inline-block; margin-top:0px; text-align:left;}
.checkbox label::before { content: ""; width: 10px; height: 10px; left:6px; position: absolute; top:6px; transition: all 0.3s ease-in-out 0s;  z-index:8; }
.checkbox label::after { background:#e6e6e6; border:1px solid #877983; content: ""; width:12px; height: 12px; left: 5px; position: absolute; top:5px; z-index:9; }
.checkbox input:checked + label::before {background:url(../images/chked-ico.png) no-repeat center center; background-size:10px; z-index:10; }
.checkbox a {color: #ffffff; text-decoration:underline; transition:all .5s ease;}
.checkbox a:hover { color:#fcee21;}

.what-do-pad { clear:both; float:left; width:100%; padding-top:55px; }
.what-do-pad h2 {  padding-bottom:10px; }
.what-do-pad h2 span { display:block; padding-bottom:5px; font-family: 'ralewayregular'; font-size:22px; color:#4d4d4d; line-height:26px; text-transform:none; }
.what-do-pad p { clear:both; max-width:575px; width:100%; font-size:15px; color:#4d4d4d; line-height:20px; padding:0 0 15px; }
.frm-pad { float:left; width:100%; background:#820a5f; padding:15px 80px 20px; }
.frm-pad h3 { font-size:25px; color:#ffffff; padding-bottom:10px; line-height:30px; }
.frm-pad p {  font-size:14px; font-family: 'ralewaylight'; color:#ffffff; line-height:20px; }
.frm-pad input[type="text"], .frm-pad input[type="email"], .frm-pad input[type="tel"], .frm-pad textarea { float:left; width:calc(50% - 6px); height:30px; font-size:14px; color:#4d4d4d; line-height:20px; text-align:left; border:none; background:#ffffff; padding:5px 10px; transition:all .4s ease; margin:0  12px 13px 0; }
.frm-pad input.m-r-0 { margin-right:0px }
.frm-pad textarea { height:90px; width:100%; font-family: 'ralewayregular'; margin:0 0 5px; }
.frm-pad input[type=submit] { float:right; width:auto; height:34px; font-size:15px; font-family: 'ralewaybold'; color:#ffffff; line-height:24px; text-align:center; border:2px solid #ffffff; background:url(../images/button-arrow.png) no-repeat calc(100% - 20px) 12px; padding:3px 37px 6px 25px; cursor:pointer; margin-top:20px; }
.frm-pad input[type="submit"]:hover { color:#fcee21; border:2px solid #fcee21; background-position:calc(100% - 20px) -11px }
.frm-pad .checkbox { float: left; width:auto;  }

.member-join { float:left; width:100%; background:#820a5f; padding:35px 0; }
.member-join .row { max-width:640px; width:100%; }
.member-txtpad { float:left; width:calc(100% - 105px); padding-right:30px; }
.member-txtpad h2 { font-size:36px; font-family: 'ralewaylight'; color:#ffffff; line-height:40px; }
.member-txtpad p { font-size:15px; color:#ffffff; line-height:20px; width:80%; padding:5px 0; }
.member-txtpad a { font-size:15px; color:#ffffff; line-height:20px; color:#c2c2c2; text-decoration:underline; }
.member-txtpad a:hover { color:#ffffff; text-decoration:underline; }
.join-btn { float:right; margin-top:38px; }
.join-btn a { display:block; width:104px; height:34px; font-size:15px; font-family: 'ralewaybold'; color:#ffffff; line-height:24px; text-align:center; border:2px solid #ffffff; padding:4px 10px 7px; transition:all .4s ease; }
.join-btn a:hover { color:#fcee21;border:2px solid #fcee21; }

/* footer css */
footer { float:left; width:100%; background:#fff; }
.f-top { float:left; width:100%; background:#fff; padding:90px 0 60px; }
.f-logo { float:left; position:relative; padding:0 15px;  line-height:0px;}
.f-right { float: right; width:175px; padding:10px 0 0; }
.f-right p { display:block; font-size:16px; line-height:18px; color:#820a5f; padding-bottom:15px; }
.f-right p a { color:#820a5f; }
.f-right p a:hover { color:#820a5f; text-decoration:underline; }
.f-social { clear:both; float:left; width:100%; padding-top:15px; display:flex; flex-wrap:wrap; align-items:center; }
.f-social a { float:left; margin-right:25px; line-height:0px; }
.f-social a:hover { opacity:0.8; }
.f-social a:last-child { margin-right:0px;}
.f-btm { float:left; width:100%; background:#e6e6e6; }
.f-btm p { float:left; font-size:11px; line-height:20px; color:#000; padding:13px 0; }
.f-btm-lnk { float:right; padding:12px 0; }
.f-btm-lnk li { float:left; position:relative; padding-right:16px; }
.f-btm-lnk li:after { content:''; position:absolute; background:#606060; height:1px; width:4px; right:6px; top:12px; }
.f-btm-lnk li:last-child { padding-right:0px; }
.f-btm-lnk li:after:last-child { height:0; width:0; }
.f-btm a { font-size:11px; line-height:16px; color:#000; line-height:20px; }
.f-btm a:hover { color:#820a5f; text-decoration:underline; }

/*** Inner Pgaes CSS ***/
/*** Inner Banner ***/
.inner-banner { float:left; width:100%; position:relative; background:no-repeat center top; background-size:auto 100%; }
/* .inner-banner:before { content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); } */
.inner-banner img { float:left; width:100%; }
.inner-caption { position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%) }
.inner-caption h2 { font-size:48px; color:#ffffff; font-family: 'ralewaybold'; line-height:60px; text-transform:uppercase; padding-bottom:5px; }
.inner-caption p { font-size:21px; color:#ffffff; line-height:30px; max-width:575px; width:100%; }

.inner-cont-pad { float:left; width:100%; padding:30px 0 120px; position:relative; }
.inner-lft { float:left; width:740px; }
.inner-rht { float:right; width:198px; padding-top:5px; }
.inner-cont-pad h1 { font-size:28px; color:#820a5f; font-family: 'ralewaybold'; line-height:30px; text-transform:uppercase; padding-bottom:3px; border-bottom:3px solid #820a5f; margin-bottom:25px; }
.inner-lft p { font-size:13.15px; color:#003764; line-height:16px; text-align:justify; padding-bottom:20px; }
.lftpad { float:left; width:440px; }
.rhtpad { float:right; width:235px; margin-left:35px; }
.imgpad, .imgpad img { float:left; width:100%; }
.txt-pad { float:left; width:100%; margin-top:25px; padding:25px 0 20px; border-top:2px solid #e6e6e6;}
.txt-pad h2 { font-size:22px; color:#820a5f; font-family: 'ralewaybold'; line-height:30px; text-transform:uppercase; padding-bottom:15px; }
.txt-pad ul, .txt-pad ol  { clear:both; float:left; width:100%; list-style-type:disc; padding:15px 0 0 15px; }
.txt-pad ul li, .txt-pad ol li { list-style-type:disc; font-size:14px; color:#003764; line-height:16px; padding:2px 0 2px; }
.txt-pad ol li { list-style-type:decimal; }

.txt-pad2 { float:left; width:100%; margin-bottom:40px; padding:0px; }
.txt-pad2 h2 { font-size:28px; color:#820a5f; font-family: 'ralewaybold'; line-height:30px; text-transform:uppercase; padding-bottom:3px; border-bottom:3px solid #820a5f; margin-bottom:25px; }
.member-li { float:left; width:100%; margin-top:30px; }
.member-li h5{ font-size:14px; color:#003764; font-family: 'ralewaybold'; line-height:18px; text-transform:uppercase; padding-bottom:15px; }
.member-li ul  { float:left; width:50%; padding:10px 30px 0 0; list-style-type:none; display:flex; flex-wrap:wrap; }
.member-li li { float:left; width:100%; padding:0 0 12px 0; }
.member-li li div { float:left;  padding-bottom:5px; font-size:13.15px; color:#003764; line-height:16px; }
.member-li li .desi-name { width:100%; font-family: 'ralewaybold'; }
.member-li li .name { clear:both; min-width:80px; padding-right:15px }
.member-li li .company { min-width:80px; padding-right:15px }
.loc-pad { float:left; width:100%; background:#f2f2f2; padding:15px 25px 35px 15px; }
.loc-txtpad { float:left; width:50%; }
.loc-map { float:right; width:50%; padding-left:25px; }
.loc-map img { float:left; width:100%; }
.loc-txtpad h5{ clear:both; font-size:14px; color:#000000; font-family: 'ralewaybold'; line-height:18px; text-transform:uppercase; padding-bottom:5px; }
.loc-txtpad ul { float:left; width:100%; }
.loc-txtpad li { float:left; width:100%; padding:5px 0; border-bottom:1px solid #ffffff; font-size:13.15px; color:#000000; line-height:16px; }
.loc-txtpad li span { display:block; font-family: 'ralewaybold'; }
.loc-txtpad li:first-child { border-top:1px solid #ffffff; }

.p-t-0 { padding-top:0px!important; }
.p-t-15 { padding-top:15px!important; }
.p-0{ padding:0px!important; }
.m-0{ margin:0px!important; }
.soci-pad { float:left;width:100%; background:#808080; padding:30px 9% 30px 12%; margin-top:25px;  }
.soci-pad h3 { float:left;width:100%; font-size:25px; color:#ffffff; font-family: 'ralewayextralight'; line-height:20px; text-transform:uppercase; padding-bottom:15px; }
.soci-pad p { font-family: 'ralewayextralight'; font-size:14px; color:#ffffff; line-height:18px; }
.soci-frm { clear:both; float:left;width:100%; margin-top:25px;  }
.frm-pad { float:left; width:100%; background:#820a5f; padding:15px 80px 20px; }
.frm-pad h3 { font-size:25px; color:#ffffff; padding-bottom:10px; line-height:30px; }
.frm-pad p {  font-size:14px; font-family: 'ralewaylight'; color:#ffffff; line-height:20px; }
.soci-frm input[type="text"], .soci-frm input[type="email"], .soci-frm input[type="tel"], .soci-frm select { float:left; width:calc(50% - 10px); height:30px; font-size:14px; color:#505050; line-height:20px; text-align:left; border:1px solid #d4d4d4; background:#ffffff; padding:5px 10px; transition:all .4s ease; margin:0  5px 13px; }
.soci-frm select { font-size:14px; color:#909090; line-height:20px; }
.soci-frm input[type=submit] { float:right; width:auto; height:34px; font-size:15px; font-family: 'ralewaybold'; color:#ffffff; line-height:24px; text-align:center; border:2px solid #ffffff; background:url(../images/button-arrow.png) no-repeat calc(100% - 20px) 12px; padding:3px 37px 6px 25px; cursor:pointer; margin-top:0; }
.soci-frm input[type="submit"]:hover { color:#fcee21; border:2px solid #fcee21; background-position:calc(100% - 20px) -11px }
.soci-frm .checkbox { float:left; width:50%; }
.soci-frm .checkbox label::after { background:#ffffff; border:1px solid #e6e6e6; }


.servei-li { float:left;width:100%; padding:25px 0; border-bottom:2px solid #e6e6e6; }
.servei-li ul { float:left; width:100%; display:flex; flex-wrap:wrap; }
.servei-li ul li { float:left; width:calc(33.33% - 6.66px); margin-right:10px; margin-bottom:25px; background:#4081c0; }
.servei-li ul li.empty-li { min-height:300px; background:#e6e6e6; }
.servei-li ul li:nth-child(3n) { margin-right:0px; }
.servei-li ul li:nth-child(3n+1) {
background: #7b1669; /* Old browsers */
background: -moz-linear-gradient(left,  #7b1669 0%, #64408b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #7b1669 0%,#64408b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #7b1669 0%,#64408b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b1669', endColorstr='#64408b',GradientType=1 ); /* IE6-9 */
}
.servei-li ul li:nth-child(3n+2) {
background: #62438e; /* Old browsers */
background: -moz-linear-gradient(left,  #62438e 0%, #4c6bae 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #62438e 0%,#4c6bae 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #62438e 0%,#4c6bae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62438e', endColorstr='#4c6bae',GradientType=1 ); /* IE6-9 */

}
.servei-li ul li:nth-child(3n+3) {
background: #4a6eb1; /* Old browsers */
background: -moz-linear-gradient(left,  #4a6eb1 0%, #3693cf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #4a6eb1 0%,#3693cf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #4a6eb1 0%,#3693cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6eb1', endColorstr='#3693cf',GradientType=1 ); /* IE6-9 */

}
.servei-li ul li.empty-li { min-height:300px; background:#e6e6e6; }
.servei-li ul li .ser-img { float:left; width:100%; overflow:hidden; }
.servei-li ul li .ser-img img { float:left; width:100%; transition:all .35s ease; }
.servei-li ul li:hover .ser-img img { transform:scale(1.05); }
.ser-txtpad { float:left; width:100%; padding:12px; }
.ser-txtpad h2 { font-size:14px; font-family: 'ralewaybold'; color:#ffffff; line-height:20px; padding-bottom:12px; }
.ser-txtpad p { font-size:12px; color:#ffffff; line-height:15px; padding-bottom:10px; text-align:left; }
.ser-txtpad a { clear:both; float:right; display:inline-block; width:75px; height:25px; font-size:10px; font-family: 'ralewaybold'; color:#ffffff; line-height:21px; text-align:center; border:2px solid #ffffff; padding:1px 10px 0; transition:all .4s ease; }
.ser-txtpad a:hover { color:#fcee21;border:2px solid #fcee21; }

.ser-banner { float:left; width:100%; margin-bottom:30px; line-height:0px; }
.ser-banner img { float:left; width:100%; }
.ser-details { float:left; width:100%; }
.ser-details h1 { float:left; width:100%; font-family: 'ralewaybold'; font-size:21px; color:#820a5f; line-height:26px; padding:5px 0;text-transform:uppercase; border-bottom:2px solid #e6e6e6; margin:0px; }
.ser-details h2 { float:left; width:100%; font-family: 'ralewaybold'; font-size:15px; color:#333333; line-height:20px; padding:0 0 15px;text-transform:none;  margin:0px; }
.detail-txtpad { float:left; width:100%; padding-bottom:30px; border-bottom:2px solid #e6e6e6; padding:13px 0; }
.ser-details p{ font-size:13.8px; color:#000000; line-height:18px; text-align:left; padding-bottom:13px; }
.ser-details p.p-l-20 { padding-left:20px; }
.ser-details ul { float:left; width:100%; padding:0 0 10px 20px; }
.ser-details ul li { position:relative; font-size:13.8px; color:#000000; line-height:18px; text-align:left; padding:2px 0 2px 8px; }
.ser-details ul li:after{ content:''; position:absolute; top:9px; left:0px;width:3px; height:3px; border-radius:50%; background:#333333; }
.ser-linkpad { float:left; width:100%; background:#e6e6e6; margin-bottom:20px; }
.ser-linkpad h2 { float:left; width:100%; font-family: 'ralewaybold'; font-size:14px; color:#820a5f; line-height:24px; padding:25px 15px 8px;text-transform:uppercase;  }
.ser-linkpad ul { float:left; width:100%; padding:0; border-top:1px solid #d6d6d6; }
.ser-linkpad ul li { float:left; width:100%; border-bottom:1px solid #d6d6d6; }
.ser-linkpad ul li a { display:block; font-size:14px; color:#820a5f; line-height:20px;  padding:3px 10px 3px 30px; transition:all .3s ease; position:relative }
.ser-linkpad ul li a:after { content:''; position:absolute; top:9px; left:15px;width: 0; height: 0; border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #820a5f;}
.ser-linkpad ul li a:hover { background:#f5f5f5; }

.contact-logo { float:left; width:100%; padding:70px 0 30px; }
.contact-mob-logo { display:none; float:left; width:100%; padding:40px 0 20px; }
.contact-logo img, .contact-mob-logo img { float:left; max-width:100%; }
.contact-pad { float:left;width:100%; padding:30px 0; border-top:2px solid #e6e6e6; border-bottom:2px solid #e6e6e6; }
.contact-pad h2 { display:block; font-family: 'ralewaybold'; font-size:20px; color:#820a5f; line-height:24px; padding-bottom:5px; text-transform:none; }
.contact-info { float:left; width:calc(100% - 315px); padding-right:30px; }
.contact-info ul { float:left; width:100%; padding:35px 0 0 35px; }
.contact-info ul li { float:left; width:100%; min-height:30px; padding:0 0 15px 30px; font-size:14px; line-height:16px; }
.contact-info ul li span { display:block; }
.contact-info ul li a { color:#000000; }
.contact-info ul li a:hover { color:#820a5f; text-decoration:underline; }
.contact-info ul li.loc { background:url(../images/contact-location.svg) no-repeat 4px 2px; background-size:13px auto; }
.contact-info ul li.tel { background:url(../images/contact-phone.svg) no-repeat 3px 3px; background-size:15px auto; }
.contact-info ul li.mail { background:url(../images/contact-mail.svg) no-repeat 0px 2px; background-size:18px auto; }
.contact-info ul li.time { background:url(../images/contact-horari.svg) no-repeat 3px 2px; background-size:15px auto; }
.contact-map { float:right; width:315px; line-height:0px; }
.contact-map iframe { float:left; width:100%;height:315px; }

.proj-li { float:left; width:100%; margin:20px 0 15px; border-top:2px solid #c7c7c7; }
.proj-li li { float:left; width:100%; background:#f2f2f2; padding:15px; border-bottom:2px solid #c7c7c7 }
.proj-li li .proj-img { float:left; width:107px; line-height:0px; }
.proj-li li .proj-img img { max-width:100%; }
.proj-li li .proj-li-txt { float:left; width:385px; padding:0 50px 0 20px; margin-top:-2px; }
.proj-li li .proj-li-txt h2,.proj-li li .proj-li-txt h2 a { clear:both; float:left; font-size:14px; color:#820a5f; font-family: 'ralewaybold'; line-height:18px; }
.proj-li .proj-li-txt h2 a:hover { text-decoration:underline; }
.proj-li .proj-li-txt span { float:left; font-size:11.5px; color:#b3b3b3; font-family: 'ralewaybold'; line-height:12px; text-transform:uppercase; padding-bottom:2px; }
.proj-li .proj-li-txt p { clear:both; font-size:12px; color:#4d4d4d; line-height:15px; padding:2px 0 5px; letter-spacing:-0.2px; }
.proj-li .proj-li-txt a { clear:both; float:left;font-size:11px; color:#b3b3b3; line-height:11px; }
.proj-li .proj-li-txt a:hover { color:#820a5f; }
.proj-info { float:left; width:115px; font-size:12px; color:#6f6f6f; line-height:18px; padding-top:35px; }
.proj-info a { display:inline-block; font-size:12px; color:#6f6f6f; line-height:18px; }
.proj-info a:hover { color:#820a5f; text-decoration:underline; }
.pdf-ico { float:right; width:73px; line-height:0px; padding:40px 5px 0 20px; }
.pagination, .pagination ul { float:right; }
.pagination li { float:left; padding:0 3px; line-height:15px; }
.pagination li:first-child,.pagination li:last-child { padding:0; }
.pagination li a { font-size:14px; color:#999999; line-height:15px; }
.pagination li a.current,.pagination li a.active { color:#4d4d4d; }
.pagination li a.prev, .pagination li a.next { float:left; display:block; width:15px; height:15px; background:url(../images/left.svg) no-repeat center 0px; background-size:17px auto; }
.pagination li a.next { transform:rotate(180deg); background-position:center -2px; background-size:17px auto; }


.pdf-ico {
  /* padding: 40px 5px 0 20px; */
  padding: 20px 5px 0 20px;
}

.proj-info {
  /* padding-top: 35px; */
  padding-top: 20px;
}


/*************************************/
.inner-caption-brown { position:relative; width:100%; background:#820a5f; }
.inner-caption-brown h2 { font-size:28px; color:#ffffff; font-family: 'ralewaybold'; line-height:46px; text-transform:uppercase; padding-top:25px; }

.inner-fullwidth { float:left; width:100%; }
.inner-fullwidth p { font-size:13.15px; color:#575756; line-height:16px; text-align:justify; padding-bottom:0px; }
.inner-fullwidth h1 { font-size:22px; color:#820a5f; font-family: 'ralewaybold'; line-height:30px; text-transform:uppercase; margin-bottom:15px; border-bottom:0px solid #820a5f; }
.circular-list { float:left; width:100%; padding:20px 0px; margin:0px 0px; }
.circular-list ul { float:left; width:100%; padding:0px 0px; margin:0px 0px; }
.circular-list ul li { float:left; width:100%; background:#f2f2f2; border-top:2px solid #d9d9d9; padding:15px 15px; margin:0px 0px; }
.circular-list ul li:last-child { border-bottom:2px solid #d9d9d9; }
.circular-list ul li img { float:left; width:100%; }
.circular-list ul li .ctitle { float:left; width:72%;  font-size:15px; font-family: 'ralewaybold'; padding:0px 25px; margin:0px 0px; }
.circular-list ul li .ctitle span { display:block;  font-family: 'ralewayregular'; font-size:14px; color:#575756; padding:0px 0px; margin:0px 0px; }
.circular-list ul li .cauthor { float:left; width:15%; font-size:14px; color:#575756; padding:0px 0px; margin:0px 20px 0px 0px; }
.circular-list ul li .ctitle a:hover, .circular-list ul li .cauthor a:hover { color:#820a5f; }
.circular-list ul li .img-box { float:left; width:50px; height:50px; padding:0px 0px; margin:0px 0px; }
.circular-list ul li .icon { float:left; width:40px; height:45px; padding:0px 0px; margin:0px 0px; }
.circular-list ul li .icon.annex{margin-left: 20px;}
.premsa-list { float:left; width:100%; padding:20px 0px; margin:0px 0px; }
.premsa-list ul { float:left; width:100%; padding:0px 0px; margin:0px 0px; }
.premsa-list ul li { float:left; width:100%; background:#f2f2f2; border-top:2px solid #d9d9d9; padding:15px 15px; margin:0px 0px; }
.premsa-list ul li:last-child { border-bottom:2px solid #d9d9d9; }
.premsa-list ul li img { float:left; width:100%; }
.premsa-list ul li .ctitle { float:left; width:100%;  font-size:15px; font-family: 'ralewaybold'; padding:0px 25px; margin:0px 0px; }
.premsa-list ul li .ctitle span { display:block;  font-family: 'ralewayregular'; font-size:14px; color:#575756; padding:0px 0px; margin:0px 0px; }
.premsa-list ul li .date{ display:block;float:left;  font-family: 'ralewayregular'; font-size:14px; color:#575756; padding:0px 0px; margin:0px 20px 0px 25px; }
.premsa-list ul li .cauthor { float:left; width:15%; font-size:14px; color:#575756; padding:0px 0px; margin:0px 20px 0px 0px; }
.premsa-list ul li .ctitle a:hover, .premsa-list ul li .cauthor a:hover { color:#820a5f; }
.premsa-list ul li .img-box { float:left; width:50px; height:50px; padding:0px 0px; margin:0px 0px; }
.premsa-list ul li .icon { float:left; width:40px; height:45px; padding:0px 0px; margin:0px 0px; }

.paging-box { float:right; width:100%; text-align:right; padding:0px 0px; margin:0px 0px; }
.paging-box ul { float:right;  padding:0px 0px; margin:0px 0px; }
.paging-box ul li { float:left; font-family: 'ralewayregular'; font-size:14px; padding:0px 0px; margin:6px 5px; }
.paging-box ul li:first-child { background:url(../images/left.svg); background-size:80%; background-repeat:no-repeat; background-position:center; width:24px; height:24px; margin:5px 0px; }
.paging-box ul li:last-child {  background:url(../images/right.svg); background-size:80%; background-repeat:no-repeat; background-position:center; width:24px; height:24px; margin:5px 0px;  }
.paging-box ul li a:hover { color:#820a5f; }

.act-box { float:left; width:100%; padding:0px 0px; margin:20px 0px; }
.act-box .actualitat-pad { float:left; width:72%; padding:0px 0px; margin:0px 0px; }
.act-box .newsletter-pad { float:left; width:25%; padding:20px 12px; margin:42px 0px 0px 3%; }
.newsl-pad p { font-size:21px; line-height:28px; padding-bottom:20px; }
.newsl-pad p.small { font-size:14px; line-height:16px; }
.newsl-pad input[type="submit"] { margin-top:25px; }

/*********************************/
.f-mob-logo { float:left; width:100%; text-align:center; display:none;}
.f-mob-logo img { float:none; display:inline-block;}
.h-mob-logo { float:left; width:auto; display:none;}
.mob-top-rgt { float:right; margin-top:8px; width:auto; display:none;}
.m-srch-box { float:left; margin-right:18px;}
.m-usr-box { float:left; margin-right:18px;}

/* Mobile css */
.m-menu { width: 24px; height: 22px; position: relative; margin: 0 0px 0 0px;  -webkit-transform: rotate(0deg); float:right; display:none;
-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;   }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 3px; width: 100%; background: #959698; border-radius: 5px; 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: #810b61; }

.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: 7px; -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: 14px; -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: -2px; left: 4px;  background: #959698;}
.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: #959698; }

.mobile-menu{ position:fixed; top:67px; width:100%; z-index: 99999; background:#fff; height:calc(100vh - 67px); overflow:auto;  padding:20px 15px; opacity: 0; visibility: hidden; transition: all 0.4s ease; }

.m-social { float:left; width:100%; text-align:center; padding:30px 0; border-top: 1px solid #e1e1e1; margin:30px 0 0 0; }
.m-social ul li { float:none; display:inline-block; margin-right:30px;}
.m-social ul li:last-child { margin-right:0;}
.m-social ul li a { font-size:15px; letter-spacing:0.5px; transition:all 0.5s ease; }
.m-social ul li a img { transition:all 0.5s ease; }
.m-social ul li a:hover { opacity:0.7;}

.m-tel { float:left; width:100%; text-align:center; margin-bottom: 20px;}
.m-tel a { float:none; display:inline-block; font-size:17px; line-height:22px; color:#192432; padding-left:15px; position:relative; transition: all 0.4s ease; }
.m-tel a::before { content:''; background:url(../images/phone-number.svg) no-repeat; width:9px; height:11px; position:absolute; top:9px; left:-5px; padding:0px 0px; }
.m-tel a:hover { color:#810b61;}

.m-lang { float:left; width:100%; text-align:center; }
.m-lang ul { float:left; width:100%;}
.m-lang ul li { float:none; display:inline-block; padding-right:10px; margin-right:5px; position:relative;}
.m-lang ul li::after { position:absolute; right:0; top:0px; content:"|"; color:#b3b3b3;}
.m-lang ul li:last-child { margin-right:0; padding-right:0;}
.m-lang ul li a { float:none; display:inline-block; color:#b3b3b3; font-size:15px; line-height:20px; transition: all 0.4s ease; }
.m-lang ul li a.active {color: #1d1d1b;}
.m-lang ul li:last-child:after { content:none;}
.m-lang ul li a:hover {color: #1d1d1b;}

.is-sticky .hdr-top { display:none;}
.top-hdr-main { float:left; width:100%;}
.is-sticky .top-hdr-main { padding:15px 0 0px; float:left; width:100%;}
.is-sticky nav {margin: 20px 0px 0px 0px;}
.is-sticky .srch-box {margin-top: 36px;}
.is-sticky .logo { padding:0;}
.is-sticky header { box-shadow: 0 0 5px rgba(0,0,0,0.2);}

.mob-nwl-pad { float:left; width:100%; display:none;}
.mob-nwl-pad .newsletter-pad { float:left; width:100%; background:#656668; padding:25px;}
.mob-nwl-pad .newsl-pad p { font-family: 'ralewaysemibold'; font-size: 21px; line-height:24px; padding-bottom:15px;}
.mob-nwl-pad .newsl-pad .inp-bx { float:left; width:100%;}
.mob-nwl-pad .newsl-pad .inp-bx input[type="text"] { float:left; width:78%; margin-right:2%; height: 28px; font-size: 12px; border: 1px solid #fff;}
.mob-nwl-pad .newsl-pad .inp-bx input[type="submit"] { float:right; width:20%; margin-top:0; height: 28px; font-size: 12px; line-height: 18px; background: url(../images/button-arrow.png) no-repeat calc(100% - 20px) 8px;}
.mob-nwl-pad .newsl-pad .inp-bx input[type="submit"]:hover {background-position: calc(100% - 20px) -15px;}


.ban-social { float:left; width:100%; text-align:center; position: absolute; bottom: 50px; z-index: 9; display:none;}
.ban-social ul li { float:none; display:inline-block; margin-right:20px;}
.ban-social ul li:last-child { margin-right:0;}
.ban-social ul li a { font-size:15px; letter-spacing:0.5px; transition:all 0.5s ease; }
.ban-social ul li a img { transition:all 0.5s ease; width: 25px; background-size: cover;}
.ban-social ul li a:hover { opacity:0.7;}

.hdr-right ul li.last.active .acc-reg-frm { display:block;}
.hdr-right ul li.last.active::after {transform: rotate(180deg);}
.acc-reg-frm { position:absolute; right:-15px; top:32px; background: #820a5f; padding: 40px 0px 25px; width:460px; text-align:center; z-index: 999; display:none;}
.acc-reg-frm h2 {font-size: 24px; font-family: 'ralewaylight'; color: #ffffff; padding-bottom: 30px; line-height: 30px; text-transform:uppercase;}
.acc-reg-frm .reg-frm-bx { width:265px; margin:0 auto;}
.acc-reg-frm .reg-frm-bx input[type="text"],.acc-reg-frm .reg-frm-bx input[type="password"] { float:right; width:100%; height:25px; font-size:14px; color:#303030; line-height:24px; text-align:left; border:2px solid #ffffff; background:#ffffff; padding:5px 10px; transition:all .4s ease; margin-bottom:10px; }
.acc-reg-frm .reg-frm-bx input[type=submit] { float:right; width:auto; height:34px; font-size:15px; font-family: 'ralewaybold'; color:#ffffff; line-height:24px; text-align:center; border:2px solid #ffffff; background:url(../images/button-arrow.png) no-repeat calc(100% - 20px) 12px; padding:3px 33px 6px 25px; cursor:pointer; margin-top:10px; }
.acc-reg-frm .reg-frm-bx input[type=submit]:hover { color:#fcee21; border:2px solid #fcee21; background-position:calc(100% - 20px) -11px }
.acc-reg-frm .reg-frm-bx span { float:left; width:100%; color:#ffffff; font-size:10px; line-height:18px; text-align:left; margin-top:38px;}
.acc-reg-frm .reg-frm-bx span a { color:#ffffff; text-decoration:underline;}
.acc-reg-frm .reg-frm-bx span a:hover { color:#ffffff; opacity:0.7;}

.m-usr-box .acc-reg-frm{display:none;}
.m-usr-box.active .acc-reg-frm{display:block;position: fixed;width: 100%;height: 100%;top:0;left:0;background-color: rgba(0,0,0,0.5);}
.m-usr-box.active .acc-reg-frm .reg-frm-bx{display:block;position:fixed;top:50vh;left:50vw;transform: translate(-50%,-50%);z-index:99999;background:#820a5f;padding:50px 30px;width:60vw;}




/************************************************************************************************/
.forma-list { float:left; width:100%; padding:20px 0px; margin:0px 0px; }
.forma-list ul { float:left; width:100%; padding:0px 0px; margin:0px 0px; }
.forma-list ul li { float:left; width:100%; background:#f2f2f2; border-top:2px solid #d9d9d9; padding:15px 15px; margin:0px 0px; }
.forma-list ul li:last-child { border-bottom:2px solid #d9d9d9; }
.forma-list ul li img { float:left; width:100%; }
.forma-list ul li .ctitle { float:left; width:72%;  font-size:15px; font-family: 'ralewaybold'; padding:0px 25px; margin:0px 0px; }
.forma-list ul li .ctitle span { display:block;  font-family: 'ralewayregular'; font-size:14px; color:#575756; padding:0px 0px; margin:0px 0px; }
.forma-list ul li .ctitle a:hover, .circular-list ul li .cauthor a:hover { color:#820a5f; }
.forma-list ul li .img-box { float:left; width:65px; height:auto; padding:0px 0px; margin:0px 0px; }



/************************************************************************************************/
.pub-lst-slide { float:left; width:100%; margin-bottom:95px;}
.pub-lst { float:left; width:100%; text-align:center; padding:32px 0 26px; border-top:1px solid #e8e9eb;  border-bottom:1px solid #e8e9eb; margin-top:35px;}
.pub-lst ul { float:left; width:100%; display:flex; justify-content:center; align-items:center;}
.pub-lst ul li { float:none; width:14%; display: inline-block;}
.pub-lst ul li img { float: none; width: 80px; display: inline-block; box-shadow: 2px 2px 3px 0px #959191; transition:all .4s ease;}
.pub-lst ul li .pub-cnt-lst { float:left; width:60%; text-align:left; margin: 10px 20% 0;}
.pub-lst ul li .pub-cnt-lst h4 { float:left; width:100%; font-size:11px; line-height:12px; color:#000000; font-family: 'ralewaymedium'; transition:all .4s ease;}
.pub-lst ul li .pub-cnt-lst p { float:left; width:100%; font-family: 'ralewaybold'; font-size:11px; line-height:14px; color:#000000;}
.pub-lst ul li .pub-cnt-lst span { float:left; width:100%; font-size:11px; line-height:14px; color:#35a75f; font-family: 'ralewaymedium';}
.pub-lst ul li:hover img { opacity:0.7;}
.pub-lst ul li:hover .pub-cnt-lst h4 { color:#810b61;}

.pub-lst-slide .pub-slide { float:left; width:100%; background: #343537; position:relative;}
.pub-lst-slide .pub-slide .flexslider .slides li img { width:auto; float:right;  padding-right: 140px; padding-bottom: 42px;
padding-top: 35px;}

.pub-lst-slide .pub-slide .number {width: auto; float: left; color: #ffffff; font-family: 'ralewaymedium'; font-size:17px; position: relative;bottom:0px; left: 0px; right: 0; margin: 0 auto; text-align:center; z-index: 9; display:none;}
.pub-lst-slide .pub-slide .number { position: absolute; bottom: -32px;}
.pub-lst-slide .pub-slide .number span.current-slide { font-size: 24px;  font-family: 'ralewaymedium';}
.pub-lst-slide .pub-slide .number span.slash { padding: 0 5px;}

.pub-lst-slide .img-lst-icons { float:left; width:100%; background: #343537; padding:15px 20px 15px; border-top:1px solid #8a8b8d;}
.pub-lst-slide .img-lst-icons .ico-lft { float:left; width:auto;}
.pub-lst-slide .img-lst-icons .ico-lft ul { float:left; width:100%;}
.pub-lst-slide .img-lst-icons .ico-lft ul li { float:left; width:auto; margin-right:40px;}
.pub-lst-slide .img-lst-icons .ico-lft ul li:last-child { margin-right:0;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a { float:left; width:auto; padding-left:30px; color:#ffffff; text-transform:uppercase; font-size:14px; line-height:18px; font-family: 'robotobold'; letter-spacing:1px;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a:hover { opacity:0.7;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a.share-ico { background:url(../images/share-ico.jpg) no-repeat left center;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a.save-ico { background:url(../images/save-ico.jpg) no-repeat left center;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a.like-ico { background:url(../images/like-ico.jpg) no-repeat left center;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a.dwnl-ico { background:url(../images/dwnl-ico.jpg) no-repeat left center; color:#949597;}
.pub-lst-slide .img-lst-icons .ico-lft ul li a.like-ico span { background:#b8b9bb; color:#ffffff; font-family: 'robotobold'; font-size: 14px; border-radius: 30px; padding: 0px 4px;}
.pub-lst-slide .img-lst-icons .ico-rgt a.dot-ico { background:url(../images/dot-ico.jpg) no-repeat center center; float:right; width:17px; height:6px; position: relative; top: 6px;}
.pub-lst-slide .img-lst-icons .ico-rgt a:hover { opacity:0.7;}

.pub-para-cnt { float:left; width:75%; margin-bottom:45px;}
.pub-para-cnt h2 { font-size:22px; color:#820a5f; font-family: 'ralewaybold'; line-height:30px; padding-bottom:5px; text-transform:uppercase; margin-bottom:15px; border-bottom:2px solid #e3e4e6; }
.pub-para-cnt p { float:left; width:100%; font-size:14px; line-height:16px; font-family: 'ralewaymedium'; color:#68686a;}

.paging-box.mob { float:left; width:100%; display:none;}

.mob-pub-cnt { float:left; width:100%; text-align:center; display:none; background:#343537; padding:30px;}
.mob-pub-cnt p { float:left; width:100%; font-size:15px; line-height:20px; color:#ffffff;}





/****************************** blog css ****************************************/

.inner-banner.blog-ban h2 { text-transform:none; }
.news-tit { float:left; width:100%; padding:16px; }
.news-tit span { font-size:14px; color:#0071bc; font-family: 'ralewaybold';  text-transform:uppercase; }
.news-tit h3 { color:#891f69; font-family: 'ralewaybold'; line-height:24px; font-size:20px; margin-bottom:10px;}
.news-tit p { font-size:14px; color:#4d4d4d; font-family: 'ralewayregular';  line-height:16px; margin-bottom:30px; }
.news-tit a { color: #808080; font-family: 'ralewayregular'; font-size: 13px; text-transform: none; transition: all 0.5s ease;}
.news-tit span.read-more { color: #808080; font-family: 'ralewayregular'; font-size: 13px; text-transform: none; transition: all 0.5s ease;}
a:hover .news-tit span.read-more { text-decoration:underline; color:#000; }
.news-tit h3,.news-tit p{text-decoration: none;}

.news-btm { float:right; margin:20px 0 0 0; }
.news-btm ul li { float:left; font-size:14px; width:auto; margin:0 14px 0 0; box-shadow:none; }
.news-btm ul li img { width:23px; margin-right:5px; opacity:0.6; float: left; display: inline-block; vertical-align: middle;}
.news-btm ul li a p { float:none; margin:0; color:#999999; line-height:22px; display:inline-block; }
.news-btm ul li.clk-ico img { width:16px; margin-top:3px; opacity:0.8;}
.news-btm ul li.read-ico img { width:10px; }
.news-btm ul li:last-child { margin-right:0; }
.tiles-wrap.wookmark-initialised.animated li:hover .news-tit h3 { color:#0071bc; }
.news-btm ul li a:hover { opacity:0.6;}
.paging-box.blog-page { padding-top:10px; border-top:2px solid #e6e6e6; margin-top:50px; }
.paging-box.blog-page ul li a { color:#999999; }
.paging-box.blog-page ul li a:hover { color:#820a5f; }
.noticia-img { width: 100%; float: left; margin-bottom:20px;}
.noticia-img img { width: 100%; float: left;} 
 
.lft-section h1 {font-size: 27px;color: #820a5f;font-family: 'ralewaybold';border-bottom: 1px solid #edeef0;padding-bottom: 12px; line-height:34px; margin-bottom:10px; text-transform: none;}
.actualitat-pad { float: left; width: 100%; padding: 50px 0px 50px;}
.title p.sub-title{	font-size: 13px;line-height: 20px;	margin: 0px;color:#808080;font-family: 'ralewayregular';	padding:0px 0px 5px 0px;} 
.actualitat-pad .lft-section h1 {font-size: 27px;color: #005899;font-family: 'ralewaybold';border-bottom: 1px solid #edeef0;padding-bottom: 12px; line-height:34px; margin-bottom:10px;}
.lft-section .tit-lft ul li {float: left;}
.lft-section .tit-lft ul li p{display: inline-block;margin-right: 18px;font-size: 13px;color: #808080;font-family: 'ralewayregular';margin-bottom: 0px;padding: 0px;}
.lft-section .tit-rgt { float: right;}
.lft-section .tit-rgt ul li { float: left; font-size: 11px; color: #B1B1B1;padding-right: 12px;}
.lft-section .tit-rgt ul li:last-child { padding-right:0;}

.actualitat-pad .lft-section .tit-rgt ul li p { margin:0; padding:0; display: inline-block; float: none; width: auto; font-size:12px; color:#999999; }
.actualitat-pad .lft-section .tit-rgt ul li img { float:left; margin-right:5px;}
.actualitat-pad .lft-section .tit-rgt ul li.recurso-icon img { width:19px; opacity:0.6; }
.rec-img { float: left; margin: 3px 4px 0 0;}
.time-icon .rec-img {margin: 6px 4px 0 0;}
.lft-section .tit-rgt ul li span {display: inline-block; margin-right: 18px; font-size: 12px; color: #999999;font-family: 'ralewayregular'; margin-bottom: 24px;padding: 0px;}
.time-icon img { width: 13px; float: left; margin:3px 0 0 0; }

.actualitat-pad p{font-size: 14px;line-height:16px;	padding: 0px;margin: 0px;color: #000;padding-bottom: 24px;font-family: 'ralewayregular'; text-align:justify;}
.para {float: left; width: 100%; margin-bottom: 40px; margin-top:50px; }
.para p { color:#000; text-align: left; line-height: 18px;}
	
.social-share {float: left;width: 100%;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 12px 0;margin-top: 28px;margin-bottom: 40px; text-align:center;}
.social-share p { float: none; width: auto; padding:0px 20px 0 0; color:#8a8b8d; display: inline-block;}
.social-share ul { float: none; display: inline-block;}
.social-share ul li {float: none; display:inline-block; }
.social-share ul li a {transition: all .3s ease;}
.social-share ul li a:hover { opacity:0.6;}
.social-share ul li img { width:52%;}
.tambe-pad ul.blog-list { float:left; width:100%;display: flex; flex-wrap: wrap;}
.tambe-pad ul.blog-list li { float:left; width:32.3%; margin-right:1.4%; margin-bottom:27px;}
.tambe-pad ul.blog-list li:nth-child(3n-3) { margin-right:0px;}
.tambe-pad ul.blog-list li .noti-img { float:left; width:100%; }
.tambe-pad ul.blog-list li .noti-img img { float:left;}
.tambe-pad ul.blog-list li .noti-cnt { float:left; width:100%;background: #e6e6e6;padding:12px 20px 25px 20px;}
.tambe-pad ul.blog-list li .noti-cnt span { float:left; width:100%; font-size:10px;font-family: 'ralewaybold';color: #0071bc;}
.tambe-pad ul.blog-list li .noti-cnt h4 { float:left; width:100%; font-size:14px; line-height:18px;font-family: 'ralewaybold';color:#820a5f;transition:all .5s ease; padding:0; margin:0;}
.tambe-pad ul.blog-list li:hover .noti-cnt h4{color:#005899;}
.link-tab p.rht-p a:hover, .link-tab p.lft-p a:hover  { color:#005899; }

.link-tab { width:100%; float:left; padding:0 8%;}
.link-tab p.lft-p span{ color:#808080; font-size:15px; font-family: 'ralewayregular'; line-height:18px; display:block;}
.link-tab p.lft-p{ color:#005899; font-size:15px;font-family: 'ralewaybold'; line-height:16px; width:25%; position:relative; padding:0; text-align: left; float: left;}
.link-tab p.lft-p::after { background:url(../images/lft-arw.svg) no-repeat;position:absolute; content:''; left:-26px; top:18px; width:7px; height:10px; }
.link-tab p.rht-p span{ color:#808080; font-size:14px; font-family: 'ralewayregular'; line-height:18px; display:block;}
.link-tab p.rht-p{ color:#005899; font-size:14px; font-family: 'ralewaybold'; line-height:16px; width:25%; float:right; position:relative; padding:0; text-align: left;}
.link-tab p.rht-p::after { background:url(../images/rht-arw.svg) no-repeat;position:absolute; content:''; right:-26px; top:18px; width:7px; height:10px; }
.link-tab p.rht-p:hover:after  { background:url(../images/rht-arw-blue.svg) no-repeat; }
.link-tab p.lft-p:hover:after  { background:url(../images/lft-arw-blue.svg) no-repeat; }
.link-tab p.rht-p a, .link-tab p.lft-p a { color:#820a5f; }
.tambe-pad{ float:left; width:100%; margin:50px 0 0 0; }
.tambe-pad h3{font-size:15px; padding-bottom:18px;font-family: 'ralewaybold';color:#898989;} 
.blog-img { float:left; width:100%; }
.blog-img img { width:100%; float:left; max-height: 145px; object-fit: cover; object-position: top; }

.lft-section .tit-rgt ul li p { margin:0; padding:0; display: inline-block; float: none; width: auto; font-size:12px; color:#999999; line-height:normal; }
.lft-section .tit-rgt ul li img { float:left; margin-right:5px;}
.lft-section .tit-rgt ul li.recurso-icon img { width:19px; opacity:0.6; }
.rec-img { float: left; margin: 3px 4px 0 0;}
.time-icon .rec-img {margin: 6px 4px 0 0;}
.lft-section .tit-rgt ul li span {display: inline-block; margin-right: 18px; font-size: 12px; color: #999999;font-family: 'robotoregular'; margin-bottom: 24px;padding: 0px;}
.time-icon img { width: 13px; float: left; margin:3px 0 0 0; }
.newsletter-pad.news-wid { width:100%; padding:20px 10px; margin-bottom:60px; }
.newsletter-pad.news-wid  .checkbox label { font-size:8px; }

.s-box { float:left; width:100%; background:#fff;padding:0px 2%; margin:0; }
.side-nav { padding:0px 0%;margin-bottom: 45px; }
.side-nav li { border-bottom:1px solid #cccccc; font-size:15px; padding:4px 20px; font-weight:300; text-transform:uppercase; }
.side-nav li:last-child { padding-bottom:2px; }
.side-nav li:first-child { padding-bottom:10px;color:#820a5f;background:url(../images/pink-box.jpg) no-repeat 0px 3px;padding-left: 18px; padding-top: 0; font-family: 'ralewaybold'; } 
.side-nav li a { display:block;color:#820a5f;font-family: 'ralewayregular'; padding:0; font-size: 14px; text-transform: none;}
.side-nav li a:hover { color:#0071bc; } 

.side-nav2 { padding:0px 0%; margin-bottom:40px; }
.side-nav2 li { border-bottom:1px solid #cccccc; font-size:14px; padding:3px 0px; font-weight:300;}
.side-nav2 li:last-child { padding-bottom:2px; }
.side-nav2 li:first-child { font-size:14px; padding-bottom:10px;font-family: 'ralewaybold';color:#820a5f;background:url(../images/pink-box.jpg) no-repeat 0px 3px;padding-left: 18px; padding-top:0;} 
.side-nav2 li a { display:block;color:#820a5f; line-height: 18px; padding: 4px 0px 4px 20px;font-family: 'ralewayregular'; font-size:14px; }
.side-nav2 li a:hover { color:#0071bc; }
.blog-img { float:left; width: 100%; overflow:hidden; }
.blog-img a { float:left;}
.blog-img img { float:left; width: 100%; transition:all 0.5s ease; }
.tambe-pad ul.blog-list li:hover .blog-img img { transform:scale(1.05);}

/*******/

.inner-rht .sub-box { float:left; width:100%; padding:0px 0px; margin:0px 0px; }
.inner-rht .sub-box h2 { font-size:14px; font-family: 'ralewaybold'; color: #4d4d4d; padding-bottom:5px; line-height:18px; text-transform:uppercase; }
.inner-rht .sub-box ul { float:left; width:100%; padding:0px 0px; margin:0px 0px 30px 0px; }
.inner-rht .sub-box ul li { float:left; width:100%;  font-family: 'ralewayregular'; font-size:14px; color:#575756; line-height:18px; padding:6px 0px; margin:0px 0px; }
.inner-rht .sub-box ul li a { color:#575756; }
.inner-rht .sub-box ul li a:hover { color:#820a5f; }



#agenda-calender.calendar { margin-bottom:0; padding:20px 15px; background:#999999; }
#agenda-calender.calendar .ui-datepicker-month { display:inline-block; margin:0; font-size:14px;  text-transform:uppercase;  font-family: 'ralewaybold'; color:#FFFFFF;}
#agenda-calender.calendar .ui-datepicker-year { display:inline-block; margin:0; font-size:18px;  text-transform:uppercase;  font-family: 'ralewaybold'; color:#FFFFFF;}
#agenda-calender.calendar .ui-datepicker-title { margin-bottom:18px; text-align:center;  }
#agenda-calender .ui-datepicker-calendar tr th span { font-size:12px; color:#5ac863; font-family: 'ralewayregular'; margin-bottom:0;}
#agenda-calender .ui-datepicker-calendar tr td a { font-family: 'ralewayregular'; color:#838da8; font-size:14px;}

#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today { position:relative; z-index:1; color:#fff; font-family:'ralewayregular'; }
#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-today:after { position:absolute; display:block; content:""; background:#5ac863; width:22px; height:22px; z-index:0; border-radius:0%; left:0px; top: 0px; opacity:1; right: 0; margin: auto; bottom: 0; transition:all 0.5s ease;}
#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:after,
#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-current-day:after { position:absolute; display:block; content:""; background:#cae0ef; width:22px; height:22px; z-index:0; border-radius:0%; left:0px; top: 0px; opacity:1; right: 0; margin: auto; bottom: 0; transition:all 0.5s ease;}
#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today:after { background:#5ac863; }
#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today a {  color:#fff; }
#agenda-calender .ui-datepicker-calendar tr td.ui-datepicker-today a{  position:relative; z-index:1; color:#FFFFFF; font-family: 'ralewayregular';  }
#agenda-calender.calendar .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default.ui-state-active { position:relative; z-index:1;color:#0000000; font-family: 'ralewayregular';  }
#agenda-calender.calendar .ui-datepicker-calendar td a:hover{ color:#820a5f; font-family: 'ralewayregular'; }

#agenda-calender.calendar .ui-datepicker-prev span { position: absolute; left:20px; top: 20px; cursor:pointer; background:url(../images/left.svg) no-repeat scroll 0 0; width:22px; height:22px; text-indent:-99999px; background-size: 100%; transform: none; margin-bottom:0;}
#agenda-calender.calendar .ui-datepicker-next span { position: absolute; right: 20px; top: 20px; cursor:pointer; background:url(../images/right.svg) no-repeat scroll 0 0; width:22px; height:22px; text-indent:-99999px; background-size: 100%; transform: none; margin-bottom:0;}
#agenda-calender.calendar .ui-datepicker-calendar th {font-size: 14px;font-weight: normal; color: #525252; font-family:'ralewayregular'; }
#agenda-calender.calendar .ui-datepicker-calendar td { padding:0px 0px; font-family: 'ralewayregular'; font-size: 16px; color:#282828; background:#fcfcfc; border:1px solid #e8e8e8; }

#agenda-calender.calendar { float:left; width:100%; margin-top:75px; margin-bottom:35px; position:relative; overflow:hidden;}
#agenda-calender.calendar .ui-datepicker-calendar { float: left; width: 100%; background:#f1f1f1;	text-align: center;}
.agenda-date { float:left; width:100%; padding:40px 0 20px; background:#507f6f; }
.agenda-date ul li { float:left; width:49%; margin-right:2%; margin-bottom:20px;}
.agenda-date ul li .wid-48 { float:left; width:48%; margin-right:4%; position:relative;}
.agenda-date ul li .wid-48 img { position: absolute; top: 12px; right: 10px;}
.agenda-date ul li .wid-48:last-child { margin-right:0;}

.agenda-date ul li .sbHolder { width:100%; padding:0;}
.agenda-date ul li .sbSelector { background:#fff; width:100%; color: #7a7f85; padding:0px 20px; line-height:37px; font-family:'ralewayregular'; border-bottom:3px solid #b2e4e3;}
.agenda-date ul li:nth-child(2n) { margin-right:0; }
.agenda-date ul li .sbHolder .sbOptions li { height:auto; }
.agenda-date ul li .sbHolder .sbOptions li a { font-size:14px; font-family:'ralewayregular'; padding:6px 15px;}
.agenda-date ul li .sbHolder .sbOptions li a:hover { background:#db5b2e; color:#fff;}
.agenda-date ul li .sbToggle { right: 20px; top: 15px; background: url(../images/select-arw-grey.png) no-repeat scroll 0 0; width: 12px; height: 7px; z-index:1; position: absolute; display:block;}

.buscar-btn { color: #ffffff; border:2px solid #a7beb6; padding: 10px 40px; border-radius: 3px !important; margin: 0 auto; float: none; font-size: 14px; letter-spacing: 2px;
 transition:all .5s ease; font-family: 'ralewayregular'; background:none; float:right; cursor:pointer; }
.buscar-btn:hover { background:#fff; color:#507f6f; border:2px solid #fff;}

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


.pres-mob-img { float:left; width:100%; display:none; margin:8px 0 20px;}
.pres-mob-img img {float:left; width:100%;}

.cont-area .actualitat-pad {padding: 0px 0px 50px;}


#agenda-calender.calendar .ui-datepicker-calendar td.event {
  background: #c8dfc2;
  color: #111;
  font-weight: bold;
}

.paging-box.blog-page ul li a.active{color:#282828;}
.inner-cont-pad .loader{display: none;}

.actualitat-pad ul li .event-img img {
  height: 100%;
  object-fit: contain;
}
.actualitat-pad ul li .event-img {
  height: auto;
}
.inner-cont-pad.legal h2{margin:20px 0 10px;font-family: 'ralewaybold';font-size: 28px;}
.inner-cont-pad.legal h3{margin:6px 0 3px;font-family: 'ralewaymedium';font-size: 20px;text-decoration: underline;}
.inner-cont-pad.legal a:hover{color:#820a5f}
.pdf-ico a img {
  max-width: 40px;
}
.pub-slide{position: relative;}
#pager .flex-prev,
#pager .flex-next {
  width: 29px;
  height: 49px;
  margin: -23px 0 0;
  display: block;
  z-index: 100;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -99999px;
  background: transparent;
  border:none;
}
#pager{width: 100%;}
#viewport-container {
  flex: 1;
  background: #343537;
  overflow: auto;
}
#viewport {
  width: 75%;
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
#viewport > div {
  text-align: center;
  max-width: 100%;
}
#viewport canvas {
  width: 100%;
  box-shadow: 0 2px 5px gray;
}
#viewport-container canvas{box-shadow: 2px 2px 10px #6f6f6f;}
#pager .flex-prev {left:15px; background:url(../images/pub-rgt-arw.jpg) no-repeat;}
#pager .flex-next {background-position:-50px 0; right:15px; background:url(../images/pub-lft-arw.jpg) no-repeat; }
.pub-lst-slide .pub-slide #viewport-container + .number{bottom:8px}


.news-tit span.date {
  color: #5c5c5c;
  display: block;
  margin-bottom: 5px;
}

.news-tit h3 {
  /* margin-bottom: 10px; */
  margin-bottom: 5px;
}

.form-info {
  display: block;
  border-bottom: 1px solid #bbb;
  padding-bottom: 3px;
  margin-bottom: 20px;
  font-size: 14px;
}

.fitxa-form .inner-lft p {
  font-size: 14.5px;
}
.ser-txtpad span.btn{
  clear: both;
float: right;
display: inline-block;
width: 75px;
height: 25px;
font-size: 11px;
font-family: 'ralewaybold';
color: #ffffff;
line-height: 21px;
text-align: center;
border: 2px solid #ffffff;
padding: 1px 10px 0;
transition: all .4s ease;
}

.form-container.private-area input[type="text"],.form-container.private-area input[type="password"] { float:right; width:100%; height:30px; font-size:14px; color:#303030; line-height:30px; text-align:left; border:2px solid #820a5f; background:#ffffff; padding:5px 10px; transition:all .4s ease; margin-bottom:15px; }
.form-container.private-area input[type=submit] { float:right; width:auto; height:34px; font-size:15px; font-family: 'ralewaybold'; color:#fff; line-height:24px; text-align:center; border:2px solid #820a5f; background:url(../images/button-arrow.png) no-repeat calc(100% - 20px) 12px; padding:3px 33px 6px 25px; cursor:pointer; margin-top:10px; background-color: #820a5f;}
.form-container.private-area input[type=submit]:hover { color:#820a5f; border:2px solid #820a5f; background-position:calc(100% - 20px) -11px;background-color: transparent;}
.form-container.private-area + span {  width:100%; color:#282828; font-size:14px; line-height:18px; text-align:left;}
.form-container.private-area + span a { color:#820a5f; text-decoration:underline;}
.form-container.private-area + span a:hover { color:#4b0737; opacity:0.7;}




/** BOOK **/
#viewport-container{overflow: hidden;}
#zoom-viewport{overflow: hidden;width: 100%;height:100%}
#book{
  /* max-width:100%;
  max-height:100%;
  min-height: 100%; */
  /* margin: 20px auto; */
  margin:0 auto !important;
	/* box-shadow: 0px 0px 20px gray; */
}

#book .turn-page{
	/*
	background-color:white;
	*/
	background-color:silver;
	box-shadow: 0px 0px 10px gray;
}


#book .cover{
	background:#333;
}

#book .cover h1{
	color:white;
	text-align:center;
	font-size:50px;
	line-height:500px;
	margin:0px;
}

#book .loader{
	background-image:url(loader.gif);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:238px;
	left:188px;
}

#book .data{
	text-align:center;
	font-size:40px;
	color:#999;
	line-height:500px;
}

#controls{
	width:800px;
	text-align:center;
	margin:20px 0px;
	font:30px arial;
}

#controls input, #controls label{
	font:30px arial;
}

#book .odd{
	background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}

#book .even{
	background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}

.wrapper {
  align-items: center;
  display: flex;
  height: 90%;
  justify-content: center;
  margin: 5% auto;
  width: 90%;
  overflow: hidden;
}

.aspect {
  padding-bottom: 70%;
  position: relative;
  min-width: 100%;
}

.aspect-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.flipbook {
  height: 100%;
  transition: margin-left 0.25s ease-out;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:auto;
}

.flipbook .data {
  height: 100%;
  width: 100%;
  /* background-color:#fff; */
}
.flipbook .data canvas {
  height: 100%;
  max-width: 100%;
  float:left;
}



.pub-lst-slide .img-lst-icons .ico-lft ul li button{ appearance: none;width: 20px;height: 20px;border:none;cursor:pointer}
.pub-lst-slide .img-lst-icons .ico-lft ul li button.disabled,.pub-lst-slide .img-lst-icons .ico-rgt ul li a.dwnl-ico.disabled{ opacity: 0.6;}
.pub-lst-slide .img-lst-icons .ico-lft ul li button.zoom-in { background:url(../images/zoom-in.svg) no-repeat center center;}
.pub-lst-slide .img-lst-icons .ico-lft ul li button.zoom-out { background:url(../images/zoom-out.svg) no-repeat center center;}
.pub-lst-slide .img-lst-icons .ico-rgt {float:right;width: auto;}
.pub-lst-slide .img-lst-icons .ico-rgt ul{float: right;width: 100%;}
.pub-lst-slide .img-lst-icons .ico-rgt ul li{float: right;width: auto;padding-top: 3px;}
.pub-lst-slide .img-lst-icons .ico-rgt ul li a.dwnl-ico{ background:url(../images/down-ico.svg) no-repeat center center; width: 20px;height: 20px;display: block;}

.inner-lft hr.separator{box-sizing: border-box;height:2px;background-color: #820a5f;border:0; border-bottom:3px solid #820a5f;margin:55px 0 -10px;}
form#reserva-formacio{width: 100%;}
form#reserva-formacio button[type="submit"]{padding:10px 25px;font-size: 14px;color:#fff;background-color: #820a5f;float:right;border:none;appearance: none;box-shadow: 1px 2px 5px #555;font-family: 'ralewaybold';}
form#reserva-formacio button[type="submit"]:disabled{background-color: #7a7f85;color: #41062f;}
form#reserva-formacio button[type="submit"]:hover:not(:disabled){color:#820a5f;background-color: #cac9c9;border:1px solid #820a5f;cursor:pointer}


/** BUSCADOR */


.srch-box {
  position: relative;
}
.search-frm-field {
  position: absolute;
  background: #e6e6e6;
  padding: 1.75em;
  display: none;
  right: 0;
  z-index: 999;
  box-shadow: 6px 6px 10px rgb(22, 22, 22);
  margin-top:8px;
}
.search-frm-field form{
  display: flex;
}
.search-frm-field form #searchsubmit{
  background-color: #820a5f;
  padding:5px 10px 2px;
  display: block;
}
.search-frm-field form #searchsubmit img{max-width: unset;}
.search-frm-field form input[type="text"]{
  padding:5px;
  font-size: 13px;
  font-family: 'ralewayregular';
  color:#282828;
  margin-right: 5px;
}
.search-frm-field form input[type="text"]::placeholder,.search-frm-field form input[type="text"]::-moz-placeholder,.search-frm-field form input[type="text"]::-webkit-input-placeholder{
  opacity: 1;
  color:#282828;
}
.search .inner-caption-brown h1 {
	font-size: 28px;
	color: #ffffff;
	font-family: 'ralewaybold';
	line-height: 46px;
	text-transform: uppercase;
	padding-top: 25px;
}
.search p.search-phrase{
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  font-family: 'ralewaymedium';
  color: #68686a;
  margin:20px 0;
}
.search .results-search{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;margin-bottom:120px}
.search .results-search .result{flex:0 0 32%;padding:1em 1em;background-color: #820a5f;margin:20px 1% 20px 0;box-shadow: 1px 1px 3px #555;max-width: 32%;}
.search .results-search .result .result-header{width: 100%;}
.search .results-search .result .result-header img{max-width: 100%;}
.search .results-search .result h3{color:#fff;font-family: 'ralewaybold';font-size:20px;text-align:center}
.search .results-search .result h3 span{color:#fff;font-family: 'ralewayregular';font-size:14px;text-align:center;font-style: italic;}
.search .results-search .result p{color:#fff;font-family: 'ralewayregular';font-size:14px;}
.search .results-search .result .result-circular-files {display: flex;margin-top:10px;justify-content: center;}
.search .results-search .result .result-circular-files .icon{width: 35px;margin:0 10px}
.search .results-search .result .result-circular-files .icon:hover img{transform: scale(1.05);}
.search .results-search .result .result-circular-files .icon img{filter: brightness(0) invert(1);width: 100%;}

.inner-lft strong{font-family:'ralewaybold';}
.inner-lft>ul:not([class]) li{list-style-type:disc;font-size:13.15px;color:#003764;line-height:16px;text-align:justify;margin-left:17px}


.forma-list ul li .icon {
  float: right;
}

.inner-lft .acc_content > ul:not([class]) li{list-style-type:disc;font-size:13.15px;color:#003764;line-height:16px;text-align:justify;margin-left:17px}


/* OVERRIDES WOOCOMERCE */
.woocommerce-notices-wrapper { display: none; } 
.woocommerce-error { display: none; }

/*.woocommerce-checkout div#payment.woocommerce-checkout-payment { display: none; }*/
.woocmmerce-buttons-custom { padding-bottom: 50px; }
.woocmmerce-buttons-custom ul { display: flex; flex-flow: wrap; width: 100%; }
.woocmmerce-buttons-custom ul li { padding-left: 50px; }
.woocmmerce-buttons-custom ul li:first-child { padding-left: 0px; }
pagespee
form.woocommerce-checkout h3#order_review_heading { display: none; }
form.woocommerce-checkout .woocommerce-checkout-review-order { display: none; }
section.woocommerce-bacs-bank-details { display: none; }

.woocmmerce-buttons-custom-inpay ul { display: flex; flex-flow: wrap; width: 100%; justify-content: flex-end; }
.woocmmerce-buttons-custom-inpay ul li { padding-left: 50px; }

.woocommerce-customer-details { display: none; }


#page > p { display: none; }

.h-social img { width: 19px; }
.f-social img { width: 19px; }


.acc-reg-frm .reg-frm-bx span.contrapass{
	float: left;
    width: 100%;
    color: #ffffff;
    font-size: 10px;
    line-height: 18px;
    text-align: left;
    margin-top: 0px;
}

ul#wookmark1 {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
	height: auto!important;
}

li.flexcont {
    flex: auto;
    margin: 7px!important;
	min-height: 510px;
}

.news-tit { height: 63%; position: relative;
}

a.llegirmes {
    position: absolute;
    bottom: 5px;
}

.news-btm {
    float: right;
    margin: 0;
    bottom: auto;
    position: absolute;
    bottom: 5px;
    right: 0;