/*
Theme Name: MMB
Author: Sergi Bosch
Description: MMB theme
Version: 1.0
Text Domain: mmb

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,500,500i,700,700i,900');

/* CSS Document  
    font-family: 'Roboto Condensed', sans-serif;
    font-family: 'Roboto', sans-serif;
*/

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

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

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

@font-face {
    font-family: 'RobotoLight';
    src: url('css/fonts/roboto-light.eot');
    src: url('css/fonts/roboto-light.eot') format('embedded-opentype'), url('css/fonts/roboto-light.woff') format('woff'), url('css/fonts/roboto-light.ttf') format('truetype'), url('css/fonts/roboto-light.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

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

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

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

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


/* CSS wrapper */

body {
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    font-size: 16px;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video,
source {
    display: block;
    margin: 0;
    padding: 0;
}

a,
img {
    border: medium none;
}

img {
    max-width: 100%;
    float: left;
    /* fix error hover image opacity*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

a {
    color: #3B3B3B;
    text-decoration: none;
}

div {
    margin: 0;
    padding: 0;
}

p {
    font-size: 14px;
    line-height: 22px;
    padding: 0px;
    margin: 0px;
    text-align: left;
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

a {
    color: #000000;
    outline: 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;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}

a:hover {
    color: #27c2e4
}

header,
section,
footer {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.row {
    padding: 0;
    margin: 0 auto;
    float: none;
    width: 1135px;
}

h2 {
    color: #000000;
    font-size: 30px;
    line-height: 31px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

p {
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.trans {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cnormal {
    cursor: default !important;
}

.none {
    display: none;
}

.bold {
    font-weight: bold;
}

hr {
    border-color: black;
    border-style: solid;
    border-bottom: 1px;
}

.fs14 {
    font-size: 14px;
}

.mayus {
    text-transform: uppercase;
}


/*top header*/

.hdr_lft {
    float: left;
    width: 65%;
}

.logo {
    display: block;
    float: left;
    margin-right: 70px;
}

.topmenu {
    float: left;
    padding-top: 8px;
}

.topmenu li {
    display: inline-block;
    line-height: 30px;
}

.topmenu a {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #000000;
    margin-right: 14px;
    font-size: 16px;
}

.topmenu a:hover {
    color: #27c2e4;
}

.header-top .lang {
    float: right;
    margin-top: 10px;
}

.header-top {
    float: left;
    padding: 22px 0;
    width: 100%;
    border-bottom: 1px solid #090909;
    background: #fff;
}


/*language div*/

.dropdown-lan {
    float: right;
    position: relative;
    width: auto;
}

.dropdown-lan .arw-toggle {
    background: rgba(0, 0, 0, 0) url("images/avall.png") no-repeat scroll 0 0px;
    height: 10px;
    position: absolute;
    left: -5px;
    top: 10px;
    width: 10px;
}

#lan-name,
#lan-name1 {
    background: #ffffff;
    border: medium none;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 0 0 6px;
    text-align: left;
    width: 55px;
    z-index: 99999;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #8d8d8d;
}

.dropdown-lan>ul {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #fff;
    margin-top: 10px;
    position: absolute;
    z-index: 9999;
    width: 120px;
    right: -40px;
    padding: 10px 0 0;
}

.dropdown-lan>ul li {
    border-bottom: none;
    box-sizing: border-box;
    color: #2b2d36;
    cursor: pointer;
    line-height: 24px;
    padding: 0 0px 0 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
}

.dropdown-lan>ul li:hover {
    color: #abadb4;
}

.mobile-check {
    box-sizing: border-box;
    float: left;
    padding: 10px 0 10px 30px;
    width: 100%;
    border-top: 1px solid #d8d9dc;
    margin: 10px 0 0;
}

.mobile-check ul li {
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #2b2d36;
}

.dropdown-lan.lang a.arw-toggle {
    background-position: -10px 0;
}

.dropdown-lan.lang #lan-name,
.dropdown-lan.lang #lan-name1 {
    color: #07beeb;
}

.dropdown-lan:hover .arw-toggle {
    background-position: -10px 0;
}

.dropdown-lan:hover #lan-name,
.dropdown-lan:hover #lan-name1 {
    color: #07beeb;
}


/*menu header*/

.header-main {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    background: #fff;
    z-index: 999;
}

.cbp-hrmenu {
    float: left;
    margin: 15px 0px;
    text-align: left;
    width: 72%;
}

div.search {
    margin-top: 3px;
    display: block;
    float: right;
    text-align: right;
    width: 70%;
    padding-right: 17px;
    border-right: 1px solid #918f8f;
    margin-right: 10px;
}

header {
    position: relative;
}

.head-main-rgt {
    width: 26%;
    float: right;
    text-align: right;
}

.head-main-rgt a {
    float: right;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: #000;
    margin-top: 8px;
}

.head-main-rgt a:hover {
    color: #27c2e4;
}

.search input[type="submit"] {
    background: rgba(0, 0, 0, 0) url("images/lupa.png") no-repeat scroll 0 0;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 30px;
    overflow: hidden;
    padding: 0;
    width: 24px;
}

.search input[type="submit"]:hover {
    background: rgba(0, 0, 0, 0) url("images/lupa.png") no-repeat scroll -25px 0;
}

.search input[type="text"] {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 13px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #7b7b7b;
    padding: 0;
    width: 152px;
    border-bottom: 1px solid #918f8f;
    height: 32px;
    line-height: 32px;
}


/*home banner*/

.flex-control-nav.flex-control-paging a {
    cursor: pointer;
    background: #ffffff none repeat scroll 0 0;
    border-radius: 50px;
    color: rgba(0, 0, 0, 0);
    display: block;
    height: 12px;
    margin: 0px 5px;
    overflow: hidden;
    width: 12px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
}

.flex-control-nav.flex-control-paging a.flex-active {
    background-color: #51cdff;
}

.head-social {
    float: left;
    margin: 0;
    border-left: 1px solid #8f8f8f;
    padding-left: 4px;
    font-family: 'fontawesome';
}

.head-social li {
    float: left;
    margin: 0px 8px;
    padding-top: 6px;
}

.demo-icon.icon-instagram {
    font-size: 26px;
}

.head-social li:last-child {
    margin-right: 0;
}

.head-social li a {
    /*background:rgba(0,0,0,0) url("images/head-social.png") no-repeat scroll 0 0;*/
    display: block;
    float: left;
    line-height: 25px;
    padding: 0;
    text-align: center;
    /*transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;*/
    font-size: 24px;
}

.head-social li.fb>a {
    background-position: 0px 0px;
    width: 12px
}

.head-social li.fb>a:hover {
    background-position: 0px -27px;
}

.head-social li.twitter>a {
    background-position: -28px 0px;
}

.head-social li.twitter>a:hover {
    background-position: -28px -27px;
}

.head-social li.youtube>a {
    background-position: -107px 0px;
}

.head-social li.youtube>a:hover {
    background-position: -107px -27px;
}

.head-social li.instagram>a {
    background-position: -67px 0px;
}

.head-social li.instagram>a:hover {
    background-position: -67px -27px;
}


/*carouselpad*/

.carouselpad {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    padding: 100px 0;
    width: 100%;
}

.carouselpad h1 {
    color: #010101;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.carouselinnerpad {
    display: block;
    float: left;
    position: relative;
    width: 100%;
}

.carouselimgpad {
    margin-bottom: 30px;
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carouselintxtpad>p {
    padding: 43% 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
}

.carouselintxtpad {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: rgba(39, 194, 228, 0) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#owl-carouselhome .item:hover .carouselintxtpad {
    background: rgba(39, 194, 228, 0.9)
}

#owl-carouselhome .item:hover img {
    /*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);*/
}

#owl-carouselhome .item:hover h2 {
    color: #27c2e4;
}

.carouselpad .item>h2 {
    display: inline-block;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.carouselpad .item a h2 {
    display: inline-block;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.carouselpad .item>p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 20px;
    text-align: center;
}

.carouselpad .item a p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 20px;
    text-align: center;
}

.index-dt {
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#owl-carouselhome .item:hover .index-dt {
    opacity: 1
}

#owl-carousel.owl-carousel .owl-item:hover .carouselintxtpad {
    display: block;
}

#owl-carousel.owl-carousel .owl-item:hover a h2 {
    color: #00C8E8;
}

#owl-carousel.owl-carousel .owl-item:hover a p {
    color: #00C8E8;
}

#owl-carousel.owl-carousel .owl-item:hover .carouselintxtpad p {
    color: #fff;
}


/*Preparapad*/

.preparapad {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 122px 0px 92px 0px;
}

.preparapad h1 {
    color: #010101;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 110px;
    text-align: center;
    text-transform: uppercase;
}

.prepara-letf>div {
    margin-bottom: 26px;
    float: left;
    width: 100%;
}

.prepara-letf>div:last-child {
    margin-bottom: 0px;
}

.prepara-letf h2 {
    color: #000000;
    font-size: 30px;
    line-height: 30px;
    padding-top: 30px;
    text-transform: uppercase;
}

.prepara-letf a:first-child {
    display: block;
    padding-top: 10px;
}

.prepara-letf a {
    display: block;
    padding-top: 30px;
}

.prepara-letf p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

.prepara-letf p strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.prepara-letf {
    float: left;
    margin-right: 12%;
    width: 50%;
    border-right: 1px solid #000000;
}

.prepara-right li {
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 30px;
}

.prepara-right li a {
    color: #000000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.prepara-right li a:hover {
    color: #27c2e4;
}

.preparapad .row {
    padding: 0px 9%;
}

.blue-div {
    float: left;
    width: 91px;
    height: 91px;
    background: #14c2e7;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 20px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.prepara-letf div {
    cursor: pointer;
}

.prepara-letf div:hover .blue-div {
    background: #231F20;
}

.prepara-right {
    float: left;
    width: 38%;
    padding-top: 35px;
}


/*recomana-pad*/

.recomana-pad {
    background: #eaeaea none repeat scroll 0 0;
    float: left;
    padding: 120px 0 70px 0;
    width: 100%;
}

.recomana-pad h1 {
    color: #010101;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 70px;
    text-align: center;
}

.recomanainnerpad {
    float: left;
    width: 100%;
}

.recomanainnerpad .li-pad {
    box-sizing: padding-box;
    float: left;
    width: 100%;
}

.recomanainnerpad>li {
    box-sizing: padding-box;
    float: left;
    margin-right: 2.6%;
    width: 22.9%
}

.recomanainnerpad>li:last-child {
    margin-right: 0;
}

.recomanainnerpad .li-pad:hover img,
.recomanainnerpad li:hover img {
    outline: none;
}

.recomanainnerpad img {
    -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;
    background: rgba(39, 194, 228, 0.9) none repeat scroll 0 0;
    outline: none;
}

.recomanainnerpad a span {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
}

.recomanainnerpad a h2 {
    color: #000000;
    font-size: 30px;
    line-height: 31px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.recomanainnerpad .li-pad:hover a h2,
.recomanainnerpad>li:hover a h2 {
    color: #00C8E8;
}

.recomanainnerpad .li-pad:hover a span,
.recomanainnerpad>li:hover a span {
    color: #00C8E8;
    border: none;
}

.recomanainnerpad .li-pad:hover img,
.recomanainnerpad>li:hover img {
    opacity: 0.5;
}

.recomana-img {
    float: left;
    overflow: hidden;
}


/*recomana-pad1*/

.recomana-pad.recomana-pad1 {
    background: #fff;
}

.recomana-pad1 .recomanainnerpad>li:last-child {
    margin: 0;
}

.recomana-pad1 .recomanainnerpad>li {
    margin-right: 2%;
    padding: 0;
    /*width: 49%;*/
    width: 32%;
}

.recomana-pad.recomana-pad1 {
    padding: 120px 0 130px;
}


/*recomana-pad2*/

.recomana-pad.recomana-pad2 {
    background: #eaeaea none repeat scroll 0 0;
    padding-bottom: 120px;
}


/*Reialspad*/

.reialspad {
    background: rgba(0, 0, 0, 0) url("images/bg1.jpg") no-repeat scroll 0 0;
    background-attachment: fixed;
    padding: 200px 0 135px;
    background-size: cover;
}

.reialspad .row {
    text-align: center;
}

.reialspad .row img:first-child {
    margin-bottom: 40px;
}

.reialspad .row img:nth-child(3) {
    margin-bottom: 30px;
}

.reialspad h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 25px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.reialspad p {
    color: #11e2ea;
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 20px;
    text-align: center;
}

.reialspad a.blue-btn {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    background: #27c2e4;
    border: solid 1px #27c2e4;
    color: #ffffff;
    font-size: 20px;
    line-height: 40px;
    padding: 0 40px;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 3px;
}

.reialspad a.blue-btn:hover {
    background: #ffffff;
    color: #27c2e4;
}


/*footer*/

footer {
    background: #332f30;
}

.footerinnerpad {
    position: relative;
    display: block;
    float: left;
    padding: 44px 0 10px;
    width: 100%;
}

.footerpad1,
.footerpad2 {
    box-sizing: padding-box;
    float: left;
    width: 40%;
}

.footerpad3 {
    float: left;
    width: 20%;
    box-sizing: padding-box;
}

footer h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 0px;
    color: #ffffff;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}

.footerinnerpad div ul li a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #ffffff;
    display: block;
    font-size: 13px;
    line-height: 22px;
}

.footerinnerpad div ul li a:hover {
    opacity: 0.6;
}

.footerinnerpad div ul {
    margin-bottom: 10px;
}

.footinnerpad {
    float: left;
    margin-bottom: 20px;
    width: 50%;
}

.footerpad1>div {
    float: left;
    width: 100%;
}

footer .bloglink {
    color: #00c8e8;
    font-size: 20px;
    line-height: 28px;
}

footer .bloglink span {
    background: rgba(0, 0, 0, 0) url("images/dreta.png") no-repeat scroll -25px center;
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    width: 16px;
}

footer .bloglink:hover {
    color: #ffffff;
}

footer .bloglink:hover span {
    background-position: -10px center;
}

.footerinnerpad div.footerpad3 ul li a {
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 10px;
}

.foot-copy {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 28px 0;
    text-align: center;
    width: 100%;
}

.foot-copy p {
    color: #000000;
    font-size: 13px;
    text-align: center;
    letter-spacing: .5px;
}

.foot-copy a {
    color: #000;
}

.foot-copy a:hover {
    opacity: 0.6;
}

.foot-copy strong {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.smartscroll-totop {
    bottom: -30px;
    position: absolute;
    right: 0px;
    background: url(images/backtotop.png) no-repeat;
    width: 38px;
    height: 30px
}


/*.smartscroll-totop:hover{background:url(images/backtotop-hover.png) no-repeat;}*/


/*els_momentspad*/

.els_moments {
    padding: 70px 0px 70px 0px;
}

.els_moments h2 {
    font-size: 50px;
    color: #010101;
    margin-bottom: 25px;
    line-height: 60px;
    text-transform: none;
}

.els_moments h2 span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.els_moments ul li {
    float: left;
    width: 25%;
    position: relative;
}

.els_moments ul li img {
    width: 100%;
    text-transform: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.els_moments ul li:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.els_moments ul li .overlay {
    background: rgba(39, 194, 228, 0) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.els_moments ul li .overlay img {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 10px 0 0;
    bottom: 0;
    padding: 10px 9px 7px 10px;
    position: absolute;
    right: 0;
    vertical-align: bottom;
    width: auto;
    opacity: 0
}

.els_moments ul li:hover .overlay {
    background: rgba(39, 194, 228, 0.9)
}

.els_moments ul li:hover .overlay img {
    opacity: 1
}

.els-lft {
    float: left;
    width: 33%;
    margin-right: 7%;
}

.els-lft ul {
    float: left;
    width: 90%;
    margin-top: 120px;
}

.els-lft ul li {
    float: left;
    width: 100%;
    padding-top: 50px;
    border-top: 1px solid #000;
}

.els-lft ul li h1 {
    font-size: 50px;
    color: #010101;
    margin-bottom: 25px;
    line-height: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.els-rgt {
    float: left;
    width: 60%;
}

.els-lft ul li:last-child {
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
}

.els-lft ul li ul {
    margin: 0px 0px 20px 0px;
}

.els-lft ul li ul li {
    width: auto;
    margin: 0 20px 0 0;
    border: none;
    padding: 0;
}

.els-lft ul li ul li:last-child {
    border: none;
    padding: 0px;
}

.els-lft ul li ul li a {
    /*background: url(images/social-icons-ftr.png) no-repeat 0 0;*/
    font-family: 'fontawesome';
    font-size: 26px;
    float: left;
    /*width:26px; height:26px;*/
    display: block;
}

.els-lft ul li ul li.twt-ftr a {
    background-position: 0 0;
}

.els-lft ul li ul li.twt-ftr a:hover {
    background-position: 0 -26px;
}

.els-lft ul li ul li.fb-ftr a {
    background-position: -34px 0;
}

.els-lft ul li ul li.fb-ftr a:hover {
    background-position: -34px -26px;
}

.els-lft ul li ul li.inst-ftr a {
    background-position: -77px 0;
}

.els-lft ul li ul li.inst-ftr a:hover {
    background-position: -77px -26px;
}

.els-lft ul li ul li.v-ftr a {
    background-position: -119px 0;
}

.els-lft ul li ul li.v-ftr a:hover {
    background-position: -119px -26px;
}

.els-lft ul li ul li.utube-ftr a {
    background-position: -157px 0;
}

.els-lft ul li ul li.utube-ftr a:hover {
    background-position: -157px -26px;
}

.els-lft ul li ul li.trip-ftr a {
    background-position: -197px 0;
}

.els-lft ul li ul li.trip-ftr a:hover {
    background-position: -197px -26px;
}

.els-lft .mailbox {
    float: left;
    width: 100%;
    padding-top: 60px;
}

.mailbox {
    float: left;
    width: 100%;
    padding-top: 0px;
}

.mailbox label {
    color: #000;
    display: block;
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 3px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.mailbox input[type="text"],
.mailbox input[type="text"]:focus {
    border: 1px solid #a4a4a4;
    box-shadow: none;
    color: rgba(56, 56, 56, 0.5);
    float: left;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    height: 45px;
    line-height: 45px;
    margin-right: 5px;
    padding: 0 15px;
    width: 320px;
}

.mailbox input[type="submit"] {
    /*transition: all 0.3s ease 0s;*/
    background: #00c8e8 url("images/dreta.png") no-repeat scroll -10px center;
    border: 1px solid #00c8e8;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 36px;
    padding: 0;
    width: 20px;
}

.mailbox input[type="submit"]:hover {
    background: #F0F0F0 url("images/dreta.png") no-repeat scroll -24px center;
}

.mailbox h1 {
    font-size: 50px;
    color: #010101;
    margin-bottom: 5px;
    line-height: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.mailbox a.arr-mail {
    background: #000 none repeat scroll 0 0;
    float: left;
    height: 45px;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    border: 1px solid #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.mailbox a.arr-mail span {
    background: rgba(0, 0, 0, 0) url("images/dreta.png") no-repeat scroll -13px 0;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 12px;
}

.mailbox a.arr-mail:hover {
    background: #fff;
    border: 1px solid #27c2e4;
}

.mailbox a.arr-mail:hover span {
    background: url("images/dreta.png") no-repeat scroll -28px 0;
}

.example1.supercal.calendar1 {
    margin: 10px 0px 55px 0px !important;
}


/*====activitats page====*/

.inner_lftpad {
    box-sizing: padding-box;
    float: left;
    padding-right: 55px;
    width: 25%;
}

.inner_rgtpad {
    float: left;
    width: 75%;
}

.leftsingepad>h2 {
    text-transform: none;
}

.leftsingepad ul li a {
    color: #3f3f3f;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    padding: 0;
}

.leftsingepad {
    float: left;
    margin-bottom: 35px;
    width: 80%;
    padding-bottom: 35px;
}

.leftsingepad.brd-btm {
    border-bottom: 1px solid #000000;
}

.col_2 {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.col_2>li {
    float: left;
    margin-right: 4%;
    width: 48%;
}

.col_2>li:hover img {
    /*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);*/
}

.col_2>li:nth-of-type(2n) {
    margin-right: 0;
}

.col_2>li:hover h2 {
    color: #27C2E4;
}

.col_2>li:hover img {
    opacity: 0.6;
}

.activitatspage-pad h2.mayus {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 50px;
}

.link {
    /*border-bottom: 1px solid #000000;*/
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 10px;
}

.link:hover {
    border-bottom: none !important;
}

.inner_rgtpad .col_3 li span {
    /*border-bottom: 1px solid #000000;*/
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 10px;
}

.inner_rgtpad .col_3 li:hover img {
    opacity: 0.6;
}

.inner_rgtpad .col_3 li:hover h2 {
    color: #27C2E4;
}

.col_3 {
    float: left;
    width: 100%;
    /*margin-bottom: 90px;*/
}

.col_3>li {
    float: left;
    margin-right: 3%;
    width: 31.33%;
    margin-bottom: 50px;
    /*min-height: 560px;*/
}

.col_3.historic-hgt li {
    min-height: 560px;
}

.col_3>li:hover img {
    /*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);*/
}

.col_3>li:nth-of-type(3n) {
    margin-right: 0;
}


/*.col_3 img { margin-bottom: 25px;}*/

.col_3 p {
    font-size: 16px;
    padding: 20px 0 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


/*.col_3 li:nth-of-type(2) h2 , .col_3 li:nth-of-type(3) h2 { margin-bottom: 46px;}*/

p.date-txt {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    padding: 22px 0px 0px 0px;
}

.btn-center {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 45px;
}

.blck-btn {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    background: #fff;
    color: #2b2d36;
    border: 1px solid #000;
    font-size: 15px;
    padding: 0px 27px;
    margin-top: 20px;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}

.blck-btn:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.inner_content.activi-fitxapad h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #010101;
    font-size: 37px;
    line-height: 38px;
    margin-bottom: 20px;
}

.inner-lft-padtop {
    padding-top: 90px;
}

.inner_content.activi-fitxapad h1 {
    margin-bottom: 5px;
}

.video_section.video_section-in ul li {
    width: 100%;
}

.video_section.video_section-in ul li img {
    width: 100%;
}

.video_section.video_section-in {
    padding-bottom: 20px;
    padding-top: 30px;
}

.ylw-bg {
    float: left;
    width: 100%;
    background: #ffe000;
    padding: 18px 20px;
    margin-bottom: 16px;
}

.ylw-bg p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #010101;
    font-size: 28px;
    line-height: 28px;
}

.ylw-bg p span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.cal-out {
    position: relative;
}

.cal-hide {
    display: inline-block;
    background: #ffffff;
    border: 1px solid #32343c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 11px 14px;
    position: absolute;
    /*top: 68px;*/
    top: -45px;
    left: -23px;
    right: 0px;
    margin: auto;
    width: 239px;
    z-index: 999;
}

.cal-hide {
    float: left;
    margin-left: 18px;
}

.cal-hide li {
    float: left;
    margin-right: 11px;
}

.cal-hide li:last-child {
    margin-right: 0px;
}

.cal-hide li a {
    color: #000;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    display: block;
}

.cal-hide li a:hover {
    text-decoration: underline;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.cal-hide::after {
    background: url(images/cal-arw.jpg) no-repeat left top;
    width: 16px;
    height: 14px;
    position: absolute;
    top: -10px;
    left: 106px;
    right: auto;
    content: "";
}

.cal-hide .atcb-link {
    display: none;
}

.inner_rgtcont .cal-hide ul {
    margin-left: 0px;
}

.down-div {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #000000;
}

.down-div li {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}

.down-div li a span {
    background: url(images/descarregarfitxa.png) no-repeat center center;
    width: 16px;
    height: 18px;
    float: left;
    margin-right: 12px;
    -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;
}

.down-div li a {
    color: #2b2d36;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    -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;
    font-weight: 700;
}

.down-div li a:hover {
    color: #27C2E4;
}

.down-div li a:hover span {
    background: url(images/descarregarfitxa-hover.png) no-repeat center center;
}

.contact-div {
    float: left;
    width: 100%;
}

.contact-div h2 {
    font-size: 20px;
    color: #2b2d36;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    margin-bottom: 13px;
    padding-bottom: 0px;
    line-height: 20px;
    text-transform: none;
}

.contact-div p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #000;
}

.contact-div p a {
    text-decoration: underline;
}

.contact-div p a:hover {
    color: #27C2E4;
}


/*yellowpad*/

.yellowpad {
    background: #ffffff none repeat scroll 0 0;
    padding-top: 50px;
}

.yellowinnerpad {
    background: #e7fc56 none repeat scroll 0 0;
    float: left;
    width: 100%;
}

.yellowpad p {
    float: left;
    font-size: 30px;
    padding: 28px 0;
    text-align: center;
    width: 100%;
}

.yellowpad p span:first-child {
    float: left;
    margin-right: 10px;
}

.yellowpad p span {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.yellowpad p strong {
    float: left;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

.yellowpad p span:last-child {
    font-size: 16px;
    float: right;
}

.yellowpad p span:last-child i {
    background: rgba(0, 0, 0, 0) url("images/dreta.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    margin-left: 10px;
    position: relative;
    top: 2px;
    width: 16px;
}


/*carouselpad1*/

.carouselpad1 {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 100px 0;
    width: 100%;
}

.carouselpad1 .carouselpad_inner {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.carouselpad1 h1 {
    color: #010101;
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.carouselinnerpad1 {
    float: left;
    padding: 0 10%;
    width: 100%;
}

.carousel_imgpad {
    float: left;
    text-align: center;
    width: 100%;
}

.owl-carousel .carousel_imgpad>div img {
    display: inline-block;
    width: auto;
}

.owl-carousel .carousel_imgpad>div p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    padding-bottom: 10px;
    text-align: left;
}

.owl-carousel .carousel_imgpad>div h2 {
    margin-bottom: 13px;
    font-size: 25px;
    text-align: left;
}

.carousel_imgpad>div {
    height: 180px;
    overflow: hidden;
    width: 100%;
}

.owl-carousel .carousel_imgpad>p {
    background-color: #00c8e8;
    color: #ffffff;
    display: inline-block;
    font-size: 23px;
    margin: 24px 0;
    padding: 10px 50px;
}

.carouselpad1 .carouselpad_line {
    background: #00c8e8 none repeat scroll 0 0;
    height: 3px;
    left: 0;
    position: absolute;
    bottom: 0%;
    width: 100%;
    z-index: 0;
    margin: auto;
    top: 0;
}

#owl-carousel1 .owl-nav .owl-prev {
    bottom: 45%;
    left: -17.4%;
    border: 1px solid #00C8E8;
}

#owl-carousel1 .owl-nav .owl-next {
    bottom: 45%;
    right: -17.4%;
    border: 1px solid #00C8E8;
}


/*============inner pages (activitats-fitxa)=========*/

.breadcum {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.breadcum ul li {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.breadcum ul li.separator {
    color: #7d808b;
    margin: 0px 3px;
}

.breadcum ul li a {
    color: #7d808b;
    font-size: 13px;
}

.breadcum ul li a span {
    padding: 0px 5px;
}

.breadcum ul li a:hover {
    color: #27c2e4
}

.inner_content {
    float: left;
    width: 100%;
}

.activitats {
    /* border-bottom: solid 5px #eaeaea;*/
    float: left;
    width: 100%;
    padding-bottom: 55px;
    /*margin-bottom: 65px;*/
}

.inner_content h1 {
    font-size: 50px;
    color: #010101;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.inner_lft {
    float: left;
    width: 75%;
}

.inner_ban img {
    width: 100%
}

.inner_ban {
    background: none;
    padding: 0px 0px 0px;
    margin-bottom: 25px;
}

.inner_ban p {
    font-family: 'roboto-lightitalic';
    text-align: center;
    font-size: 15px;
    color: #000000;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 10px 0;
}

.innerlft_social {
    float: left;
    width: 25%;
}

.innerlft_content {
    float: right;
    width: 75%;
    padding-bottom: 0px;
}

.innerlft_content p {
    padding: 0px 0px 25px;
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
}

.innerlft_content a {
    text-decoration: underline;
}

a.fb-icon {
    background: url(images/fb_icon.png) no-repeat left center;
}

a.tw-icon {
    /* background: url(images/tw_icon.png) no-repeat left center; */
    background: url(images/twitter-x/logo-black.png) no-repeat left center;
    background-size: 14px;
}

span.hash-icon {
    background: url(images/hash-tag.png) no-repeat left center;
}

.innerlft_social ul li a:hover {
    text-decoration: none;
}

.innerlft_social ul li a,
.innerlft_social ul li span {
    padding-left: 25px;
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.innerlft_social ul li span.hash-icon {
    border-bottom: solid 1px #000;
    padding: 10px 0px 10px 25px;
    margin: 5px 0px 10px;
    width: 50%;
}


/*.innerlft_social ul li:nth-child(2) a{ border-bottom: solid 1px #000; border-top: solid 1px #000;padding: 10px 0px 10px 25px; margin: 5px 0px 10px;width: 50%; text-decoration:underline;}
/*.innerlft_social ul li:last-child a{border-bottom: 1px solid rgb(0, 0, 0)}*/

.innerlft_social ul li {
    float: left;
    width: 100%;
}

p span.underline {
    border-bottom: solid 1px #000;
    font-size: 17px;
}

p.dot_line {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 18px;
    border-top: dotted 1px #000;
    padding-top: 25px;
    margin-top: 25px;
}

p.dot_line span.underline {
    font-size: 18px;
}

.video_section {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 80px;
}

.video_section li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-top: 10px;
}

.video_section li:last-child {
    margin-right: 0px;
}

.video_section li h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 50px;
    margin-top: 15px;
    float: left;
}

.video_section li a h3 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 50px;
    margin-top: 15px;
    float: left;
    color: #000;
}

.video_section li img {
    width: 100%;
}

.video_section li:hover img {
    opacity: 0.8;
}

.video_section li:hover h3 {
    color: #27C2E4;
}

.blue_bg {
    background: #53b8d8;
    padding: 126.6px 15px;
    float: left;
    width: 100%;
}

.inner_rgtcont {
    float: left;
    width: 100%;
    border-bottom: solid 1px #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.inner_rgtcont h2 {
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 10px;
    padding-left: 35px;
    line-height: 27px;
    text-transform: capitalize;
    font-weight: 700;
}

.inner_rgtcont ul {
    margin-left: 36px;
}

.inner_rgtcont ul li {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

h2.date {
    background: url(images/pictos_calendar.png) no-repeat left center;
}

.inner_rgt {
    float: right;
    width: 21%;
}

.calen_btn {
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    border: solid 1px #000;
    color: #2b2d36;
    padding: 8px 20px;
    margin: 21px 0px 0px 36px;
    float: left;
    -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;
}

.calen_btn:hover {
    background: #2b2d36;
    color: #fff;
}

.time {
    background: url(images/pictos_horaris.png) no-repeat left center;
}

.loc {
    background: url(images/pictos_comarribar.png) no-repeat left center;
}

.euro {
    background: url(images/pictos_preu.png) no-repeat left center;
}

.inaug {
    background: url(images/pictos_inauguracio.png) no-repeat left center;
}

.duration {
    background: url(images/pictos_durada.png) no-repeat left center;
}

div.brdrnone {
    border-bottom: none;
    padding-bottom: 0px;
}

.reservar {
    float: left;
    padding-top: 20px;
}

.reservar a.resrv-btn {
    background: #27c2e4;
    border: solid 1px #27c2e4;
    color: #fff;
    padding: 9px 24px;
    font-size: 17px;
    text-transform: uppercase;
    border-radius: 3px;
    margin-bottom: 25px;
    float: left;
    -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;
    display: block;
    width: 100%;
    text-align: center;
}

.reservar a:hover {
    background: #fff;
    color: #27c2e4;
}

.resrv-txt ul li {
    display: inline-block;
    margin-right: 6px;
    margin-top: 5px;
}

.resrv-txt {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.reservar .resrv-txt h2 {
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom: 5px;
    line-height: 27px;
    text-transform: inherit;
    font-weight: 700;
}

.reservar .resrv-txt p {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.reservar .resrv-txt a {
    text-decoration: underline;
}

.credits {
    float: left;
    width: 100%;
    margin-bottom: 70px;
    padding-top: 50px;
    border-top: 1px solid #000000;
}

.credits ul li {
    float: left;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-right: 5%;
    margin-top: 18px;
}

.credits ul li span {
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.altres-pad {
    padding: 108px 0 80px;
}

.activitats_carousel {
    width: 100%;
}

.activitats_carousel .item a p {
    text-align: left
}

.activitats_carousel .item a p u:hover {
    text-decoration: none
}

.activitats_carousel .item:hover .zoom-img img {
    /*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);*/
}

.margbtm {
    padding: 120px 0px 80px;
    overflow: hidden;
}

.carouselpad .activitats_carousel .item>h2 {
    text-align: left;
    margin-bottom: 5px;
}

.carouselpad .activitats_carousel .item>p {
    text-align: left;
}

.carouselpad .activitats_carousel .item>p a {
    color: #000;
    border-bottom: 1px solid #000000;
}

.carouselpad .activitats_carousel .item>p a:hover {
    border-bottom: none;
}

ul.doc {
    float: left;
    width: 100%;
    padding: 40px 0px 0px 0px;
    border-top: 1px solid #000;
    margin-top: 40px;
}

ul.doc li {
    float: left;
    width: 100%;
    margin-bottom: 18px;
    line-height: 25px;
}

ul.doc li a span {
    background: rgba(0, 0, 0, 0) url("images/pdf.png") no-repeat scroll 0px 0px;
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 13px;
}

ul.doc li a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

ul.doc li a:hover {
    color: #27c2e4;
}

ul.doc li a:hover span {
    background: rgba(0, 0, 0, 0) url("images/pdf.png") no-repeat scroll -25px 0px;
}

.video_section a.fancybox-media {
    position: relative;
    display: inline-block;
}

.video_section a.fancybox-media:hover .fa-play {
    color: #27c2e4;
}

.video_section a.fancybox-media .fa-play {
    position: absolute;
    z-index: 1;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 68px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
}


/*====exposicions page===*/

.expopage_pad .inner_lftpad {
    padding-top: 90px;
}

.expopage_pad a.link {
    border: medium none;
}

.expopage_pad .col_2 {
    margin-bottom: 100px;
}

.expopage_pad .col_3 li:nth-of-type(2) h2,
.expopage_pad .col_3 li:nth-of-type(3) h2 {
    margin-bottom: 15px;
}

.expopage_pad .col_3 li:first-child a.link {
    margin-bottom: 0;
}

.expopage_pad .col_3 a.link {
    display: inline-block;
    margin-bottom: 31px;
}


/*=====coleccions_llistat page=====*/

.fullwidthpad h1 {
    text-align: center;
}

.paracenter {
    float: left;
    padding: 0 15% 50px 15%;
    width: 100%;
}

.paracenter>p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 20px;
}

.fullwidthpad .col_3 li:nth-of-type(2) h2,
.fullwidthpad .col_3 li:nth-of-type(3) h2 {
    margin-bottom: 15px;
}

.activitats_highbox {
    background: #eaeaea none repeat scroll 0 0;
    padding: 115px 0;
}

.highbox {
    float: left;
    padding: 70px;
    text-align: center;
    width: 100%;
    background: rgba(17, 191, 234, 1);
    background: -moz-linear-gradient(left, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17, 191, 234, 1)), color-stop(100%, rgba(40, 187, 158, 1)));
    background: -webkit-linear-gradient(left, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -o-linear-gradient(left, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -ms-linear-gradient(left, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: linear-gradient(to right, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#11bfea', endColorstr='#28bb9e', GradientType=1);
}

.highbox h1 {
    font-size: 50px;
    color: #010101;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.highbox a {
    color: #ffffff;
}

.highbox a span {
    background: rgba(0, 0, 0, 0) url("images/dreta.png") no-repeat scroll -10px center;
    display: inline-block;
    height: 22px;
    padding: 0;
    width: 20px;
}

.breadcum a i {
    background: rgba(0, 0, 0, 0) url("images/avall.png") no-repeat scroll 0px 0;
    display: inline-block;
    height: 6px;
    margin-left: 5px;
    width: 10px;
}

.breadcum a:hover i {
    background-position: -10px 0;
}

.expopage_pad h2.mayus {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 50px;
}


/* coleccions css */

.activitats.colleccio {
    border: none;
    padding: 0 12%;
}

.activitats.colleccio h1 {
    text-align: center;
}

.activitats.colleccio p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.categoria-section {
    background: #eaeaea;
    float: left;
    width: 100%;
}

.categoria-lft {
    float: left;
    width: 50%;
}

.categoria-rht {
    float: left;
    width: 50%;
    padding: 6% 15% 0 6%;
}

.categoria-rht h2 {
    font-size: 30px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 32px;
}

.categoria-rht h4 {
    font-size: 20px;
    color: #3e3e3e;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: underline;
    margin: 10px 0 50px;
}

.categoria-rht p {
    font-size: 16px;
    color: #6b6b6b;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.colleccio-photo {
    float: left;
    width: 100%;
    margin: 110px 0 95px;
}

.colleccio-photo ul li {
    float: left;
    width: 255px;
    margin-right: 37px;
    margin-bottom: 60px;
}

.colleccio-photo h2 {
    font-size: 29px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 32px;
    margin: 20px 0 0;
}

.colleccio-photo ul li.img-last {
    margin-right: 0;
}

.colleccio-photo ul li:hover img {
    opacity: 0.6;
}

.colleccio-photo ul li:hover h2 {
    color: #27C2E4;
}

.green-box {
    float: left;
    width: 100%;
    padding: 50px;
    margin-top: 25px;
    background: rgba(17, 191, 234, 1);
    background: -moz-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(17, 191, 234, 1)), color-stop(100%, rgba(40, 187, 158, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: linear-gradient(135deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#11bfea', endColorstr='#28bb9e', GradientType=1);
}

.green-box h1 {
    font-size: 50px;
    color: #fff;
    line-height: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 40px;
    text-align: center;
}

.green-box p {
    color: #aae7ff;
    font-size: 15px;
    font-family: 'opensans-light';
    line-height: 26px;
}

.green-box span.big-regular {
    font-family: 'opensans-regular';
    font-size: 20px;
}

.green-box span.bold {
    font-family: 'opensans-extrabold';
    font-size: 19px;
}

.green-box span.font-regular {
    font-family: 'opensans-regular';
    font-size: 30px;
}

.green-box span.font-extrabold {
    font-family: 'opensans-extrabold';
    font-size: 29px;
}

.green-box span.s-regular {
    font-family: 'opensans-regular';
    font-size: 25px;
}

.green-box span.m-regular {
    font-family: 'opensans-regular';
    font-size: 22px;
}

.green-box span.xs-regular {
    font-family: 'opensans-regular';
    font-size: 19px;
}

.green-box span.ebold {
    font-family: 'opensans-bold';
    font-size: 25px;
}

.green-box span.m-bold {
    font-family: 'opensans-extrabold';
    font-size: 20px;
}

.green-box span.s-bold {
    font-family: 'opensans-bold';
    font-size: 19px;
}

.recomana-pad.exposicio {
    background: none;
}

.recomana-pad.exposicio ul li {
    float: left;
    width: 545px;
    margin-right: 40px;
}

.recomana-pad.exposicio h1 {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
}

.recomana-pad.exposicio a {
    font-size: 30px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    line-height: 32px;
    margin: 0px 0 80px;
    display: block;
}

.recomana-pad.exposicio a span {
    font-size: 20px;
    color: #3e3e3e;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    display: block;
}

.recomana-pad.exposicio ul li:nth-child(2n+2) {
    margin-right: 0;
}

.recomana-pad.exposicio ul li:nth-child(3n) a,
.recomana-pad.exposicio ul li:nth-child(4n) a {
    margin-bottom: 0;
}

.recomana-pad.exposicio img {
    float: left;
    margin-bottom: 20px;
}

#inner-carousel.carouselpad1 {
    background: #eaeaea none repeat scroll 0 0;
}

.recomana-pad.exposicio ul li:hover img {
    opacity: 0.6;
}

.recomana-pad.exposicio ul li:hover a,
.recomana-pad.exposicio ul li:hover a span {
    color: #27C2E4;
}


/* calender */

#activitat-mob {
    display: none;
}

.view-cont,
.close-cont {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

span.lft-arrow {
    background: url(images/avall.png) no-repeat 0 0;
    display: inline-block;
    height: 8px;
    width: 10px;
    margin-right: 4px;
}

span.rht-arrow {
    background: url(images/avall.png) no-repeat 0 0;
    display: inline-block;
    height: 8px;
    width: 10px;
    margin-left: 4px;
}

.read-script {
    text-align: center;
}

.view-cont:hover span.lft-arrow,
.close-cont:hover span.lft-arrow {
    background-position: -10px 0;
}

.view-cont:hover span.rht-arrow,
.close-cont:hover span.rht-arrow {
    background-position: -10px 0;
}

.view-cont:hover,
.close-cont:hover {
    color: #2dc2e3;
}

.mob-categoria {
    display: none;
}

.mob-categoria img {
    width: 100%;
}

.mob-categoria li {
    float: left;
    width: 100%;
}

.mob-categoria li h2 {
    margin: 10px 0 20px;
    font-size: 25px;
    text-align: center;
}

.relacionades {
    background: rgba(17, 191, 234, 1);
    float: left;
    width: 100%;
    display: none;
    text-align: center;
    padding: 50px 0;
    background: -moz-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(17, 191, 234, 1)), color-stop(100%, rgba(40, 187, 158, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    background: linear-gradient(135deg, rgba(17, 191, 234, 1) 0%, rgba(40, 187, 158, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#11bfea', endColorstr='#28bb9e', GradientType=1);
}

.relacionades h2 {
    font-size: 32px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.relacionades p {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}


/*=========coleccions_fitxa page =======*/

.colecc-contentpad .activitats.colleccio {
    margin-bottom: 0;
}

.colecc-contentpad .categoria-section {
    padding: 35px 0 70px;
}

.colecc-contentpad .categoria-rht {
    padding: 0 0 0 5%;
}

.colecc-contentpad .categoria-rht h4 {
    margin-bottom: 20px;
    margin-top: 0;
}

strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.colecc-contentpad .categoria-rht p {
    padding-bottom: 20px;
    color: #000000;
}

.postpad {
    border: 1px solid #000000;
    float: left;
    width: 80%;
}

.postpad h5 {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 13px;
    padding: 4px 20px;
}

.colecc-contentpad .postpad>p {
    font-size: 15px;
    padding: 15px 20px;
}

.postpad img {
    float: left;
    margin: 0 10px 10px 0;
}

.postpad a {
    color: #3daed1;
}

.helpdiv {
    color: #5f5f5f;
    font-size: 15px;
    padding: 20px 0;
    text-align: center;
}

.helpdiv>img,
.helpdiv>span {
    padding-right: 15px;
}

.helpdiv strong {
    color: #000000;
}

.carouselpad.margbtm.peces_section {
    background: #ffffff none repeat scroll 0 0;
    margin: 0;
}

.carouselpad.margbtm.peces_section>h1 {
    text-transform: uppercase;
}

.colecc-contentpad .flex-control-nav.flex-control-paging a {
    margin-right: 10px;
}


/*mobile oprions*/


/*====footer=====*/

.foot-copy1 {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 20px 0;
    width: 100%;
}

.foot-copy1 p {
    color: #000000;
    font-size: 13px;
    text-align: center;
}

.foot-copy1 img {
    margin-right: 25px;
}

.foot-copy1 a {
    color: #000000;
    padding: 0 5px;
}

.mobilefooter {
    display: none;
}


/*responsive menu*/

.content-area {
    width: 100%;
    float: right;
    position: relative;
}

.menu-content {
    float: left;
    width: 100%;
}

.content-left {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    float: right;
    height: 100%;
    right: 265px;
    margin-right: -282px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -khtml-transition: all 0.5s ease 0s;
    width: 0px;
    z-index: 999999;
}

.toggle {
    margin-top: 14px;
    display: none;
    float: right;
    position: relative;
    width: auto;
}

a.close-panel {
    background: url(images/mob-menu.png) no-repeat;
    height: 28px;
    width: 30px;
    float: right;
}

a.close-panel:hover {
    background-position: 0 -29px;
}

.content-left .lang {
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 4px 8px;
    z-index: 9999;
}


/* toggle menu script css new*/

.content-area.toggled .content-left {
    width: 280px;
    right: 280px;
    -webkit-box-shadow: 5px 0px 35px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 5px 0px 35px rgba(0, 0, 0, 0.7);
    box-shadow: 5px 0px 35px rgba(0, 0, 0, 0.7);
}

.content-area.mn .content-left {
    width: 280px;
}

.gw-nav-list>li {
    background: #ffffff;
}

.menu-entrades {
    background: #e11e73;
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.menu-entrades .entra-img {
    background: url('images/pictohome_entrades.png') no-repeat 0 0;
    width: 95px;
    height: 95px;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    top: 0px;
    position: relative;
    display: block;
}

.gw-nav-list>li:last-child .gw-submenu>li {
    clear: both;
}

.menu-aribar {
    background: #044f88;
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.menu-aribar .aribar-img {
    background: rgba(0, 0, 0, 0) url("images/pictohome_arribar.png") no-repeat scroll 0 0;
    width: 50px;
    height: 55px;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    top: 0px;
    position: relative;
    display: block;
}

.mn-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 99999;
}

#mn-area .dropdown-lan {
    background: #ececee none repeat scroll 0 0;
    padding: 15px 25px;
    width: 100%;
}

#mn-area .dropdown-lan .arw-toggle {
    display: inline-block;
    float: none;
    left: 24px;
    top: 24px;
    margin-right: 10px;
}

#mn-area .dropdown-lan #lan-name1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    text-align: left;
    width: auto;
    padding-left: 26px;
}

#mn-area .dropdown-lan>ul {
    left: 0;
    margin: 0;
    right: auto;
    top: 49px;
    width: 100%;
}

#mn-area .dropdown-lan>ul>li,
#mn-area .mobile-check {
    padding-left: 47px;
}

#mn-area .search {
    display: block;
    float: left;
    margin: 0;
    padding: 15px 20px;
    text-align: left;
    width: 100%;
    position: relative;
}

#mn-area .search input[type="submit"] {
    margin-right: 5px;
    position: absolute;
}

#mn-area .search input[type="text"] {
    width: 209px;
    padding: 0 0 0 36px;
}

.sec_menu {
    padding: 25px 25px 40px 25px;
}

.sec_menu a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    line-height: 23px;
}

.sec_menu a:hover {
    color: #27c2e4;
}

.locapad {
    float: left;
    width: 100%;
}

.locapad>li {
    background: #eaeaea none repeat scroll 0 0;
    margin-bottom: 1px;
    padding: 15px 25px;
}

.locapad img {
    float: left;
    padding-right: 15px;
    margin-bottom: 40px;
}

.locapad h6 {
    color: #000000;
    display: block;
    font-size: 17px;
    letter-spacing: 0.7px;
    line-height: 17px;
    padding: 0 0 15px 0;
}

.locapad p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.mob_sociallinks {
    float: left;
    width: 100%;
    padding: 25px;
    padding-bottom: 70px;
}

.mob_sociallinks h6 {
    color: #000000;
    display: block;
    font-size: 17px;
    letter-spacing: 0.7px;
    line-height: 17px;
    padding: 0 0 10px 0;
}

.mob_sociallinks .f-social-ico li {
    margin-right: 10px;
    float: left;
}

.mob_sociallinks .f-social-ico li a {
    /*background-image:url("images/social-icons-ftr.png");*/
    float: left;
    font-family: 'fontawesome';
    font-size: 22px;
    margin-right: 6px;
}


/*.mob_sociallinks .f-social-ico li.twitter > a { background-position: 0px 2px;}
.mob_sociallinks .f-social-ico li.twitter > a:hover { background-position: 0px -24px;}
.mob_sociallinks .f-social-ico li.fb > a { background-position:-35px 1px;}
.mob_sociallinks .f-social-ico li.fb > a:hover { background-position:-35px -25px;}
.mob_sociallinks .f-social-ico li.youtube > a { background-position:-158px 1px;}
.mob_sociallinks .f-social-ico li.youtube > a:hover { background-position:-158px -25px;}
.mob_sociallinks .f-social-ico li.instagram > a { background-position:-78px 54px;}
.mob_sociallinks .f-social-ico li.instagram > a:hover { background-position:-78px -24px;}
.mob_sociallinks .f-social-ico li.v-trnsfer > a { background-position:-120px 53px;}
.mob_sociallinks .f-social-ico li.v-trnsfer > a:hover { background-position:-120px -25px;}
.mob_sociallinks .f-social-ico li.laat > a { background-position:-198px 2px;}
.mob_sociallinks .f-social-ico li.laat > a:hover { background-position:-198px 28px;}*/

.recomana-pad.mob-recomana-pad {
    display: none;
}

#owl-carousel2 .owl-nav .owl-prev {
    left: -17%;
    border: 1px solid #00C8E8;
}

#owl-carousel2 .owl-nav .owl-next {
    right: -17%;
    border: 1px solid #00C8E8;
}

#owl-carousel2 .item>img {
    margin-bottom: 10px;
}

.recomana-pad.mob-recomana-pad1 {
    background: #ffffff none repeat scroll 0 0;
    display: none;
}

#owl-carousel3 .owl-nav .owl-prev {
    left: -20%;
}

#owl-carousel3 .owl-nav .owl-next {
    right: -20%;
}

.mobile_preparapad {
    background: #eaeaea none repeat scroll 0 0;
    padding: 20px 0 0 0;
    display: none;
}

.mobile_preparapad .row {
    width: 100%;
}

.preparli-icon {
    padding-bottom: 0;
    text-align: center;
    width: 290px;
    margin: 0 auto;
}

.preparli-icon>li {
    display: inline-block;
    margin: 0 10px;
}

.preparli-icon a {
    float: left;
    text-align: center;
}

.preparli-icon a i {
    display: inline-block;
    height: 67px;
    width: 67px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
}

.preparli-icon a.active i {
    border-color: #11BEE9;
}

.preparli-icon li h6 {
    color: #27c2e4;
    font-size: 15px;
    text-transform: uppercase;
}

.preparli-icon a#time i {
    background: rgba(19, 192, 231, 1);
    background: url("images/time.png") no-repeat scroll center center, -moz-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/time.png") no-repeat scroll center center, -webkit-gradient(left top, right bottom, color-stop(0%, rgba(19, 192, 231, 1)), color-stop(100%, rgba(69, 242, 187, 1)));
    background: url("images/time.png") no-repeat scroll center center, -webkit-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/time.png") no-repeat scroll center center, -o-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/time.png") no-repeat scroll center center, -ms-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/time.png") no-repeat scroll center center, linear-gradient(135deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#13c0e7', endColorstr='#45f2bb', GradientType=1);
}

.preparli-icon a#time.active i {
    background: rgba(0, 0, 0, 0) url("images/time-hover.png") no-repeat scroll center center;
}

.preparli-icon a#location i {
    background: rgba(19, 192, 231, 1);
    background: url("images/location.png") no-repeat scroll center center, -moz-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/location.png") no-repeat scroll center center, -webkit-gradient(left top, right bottom, color-stop(0%, rgba(19, 192, 231, 1)), color-stop(100%, rgba(69, 242, 187, 1)));
    background: url("images/location.png") no-repeat scroll center center, -webkit-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/location.png") no-repeat scroll center center, -o-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/location.png") no-repeat scroll center center, -ms-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/location.png") no-repeat scroll center center, linear-gradient(135deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#13c0e7', endColorstr='#45f2bb', GradientType=1);
}

.preparli-icon a#location.active i {
    background: rgba(0, 0, 0, 0) url("images/location-hover.png") no-repeat scroll center center;
}

.preparli-icon a#acc i {
    background: rgba(19, 192, 231, 1);
    background: url("images/accs.png") no-repeat scroll center center, -moz-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/accs.png") no-repeat scroll center center, -webkit-gradient(left top, right bottom, color-stop(0%, rgba(19, 192, 231, 1)), color-stop(100%, rgba(69, 242, 187, 1)));
    background: url("images/accs.png") no-repeat scroll center center, -webkit-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/accs.png") no-repeat scroll center center, -o-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/accs.png") no-repeat scroll center center, -ms-linear-gradient(-45deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    background: url("images/accs.png") no-repeat scroll center center, linear-gradient(135deg, rgba(19, 192, 231, 1) 0%, rgba(69, 242, 187, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#13c0e7', endColorstr='#45f2bb', GradientType=1);
}

.preparli-icon a#acc.active i {
    background: rgba(0, 0, 0, 0) url("images/accs-hover.png") no-repeat scroll center center;
}

.preparli-txt {
    background: #28c2e4 none repeat scroll 0 0;
    padding: 25px;
    width: 100%;
    margin-top: -5px;
}

.preparli-txt p {
    color: #ffffff;
    padding-left: 14px;
    width: 290px;
    margin: 0 auto;
    position: relative;
}

.preparli-txt p:nth-child(2) {
    padding-bottom: 10px;
}

.preparli-txt p img {
    position: absolute;
    top: -35px;
    left: 35px;
}

#locationdiv.preparli-txt p img {
    left: 135px;
}

#accdiv.preparli-txt p img {
    left: 235px;
}

.yellowpad.mobile_yellowpad {
    background: #e7fc56 none repeat scroll 0 0;
    padding: 0;
    display: none;
}

.yellowpad.mobile_yellowpad p {
    padding: 15px 0;
    font-size: 26px;
    line-height: 28px;
}

.yellowpad.mobile_yellowpad p span {
    display: block;
    float: none;
    margin: 0;
    padding-bottom: 10px;
}

.yellowpad.mobile_yellowpad p strong {
    display: block;
    float: none;
}

.yellowpad.mobile_yellowpad>.row {
    position: relative;
}

.yellowpad.mobile_yellowpad img {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 7px;
}

.colleccio-photo.colleccio-photo1 {
    margin-top: 0;
}

.collecciomobilepad {
    display: none;
    float: left;
    width: 100%;
}

.fancybox-margin {
    border: none;
}

.activitatsbanner-mobile {
    display: none;
}

.expomob-carousel #owl-carousel .item p a {
    text-decoration: none;
    padding-bottom: 25px;
    border: none;
}

.carouselpad.activitats_carouselpad.expomob-carousel {
    display: none;
}

.fillter-option .gw-nav-list a {
    margin-left: 2%;
    width: 96%;
    padding-left: 0;
    color: #000000;
}

.fillter-option .gw-nav-list>li .gw-submenu {
    float: none;
    margin: 0 auto;
    width: 96%;
    padding-left: 10px;
}

.fillter-option .gw-nav-list>li .gw-submenu h2 {
    font-size: 22px;
    line-height: 22px;
}

.fillter-option .gw-nav-list .gw-submenu ul {
    margin-bottom: 25px;
}

.fillter-option .gw-nav-list .gw-submenu a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.fillter-option .gw-nav-list .gw-submenu a:hover {
    color: #27c2e4;
}

.leftsingepad ul li a:hover {
    color: #27c2e4;
}

.fillter-option .gw-nav-list>li {
    border-top: none;
    border-bottom: 1px solid #a1a1a1;
}

.fillter-option {
    margin-bottom: 50px;
    display: none;
}

.fillter-option .supercal {
    margin: 20px 0 !important;
    width: 250px;
}

.expomob-carousel1 {
    margin-bottom: 65px;
}

.expomob-carousel1 #owl-carousel .item p a {
    text-decoration: underline;
}

.expomob-carousel1 #owl-carousel .item p a:hover {
    text-decoration: none;
}

.helpdiv.mobilehelpdiv {
    display: none;
}

.col3div .col_3>li {
    margin-bottom: 50px;
}

.preparli-icon li a img {
    visibility: hidden;
}

.preparli-icon li a.active img {
    visibility: visible;
    display: inline-block;
}

#owl-carousel.owl-carousel .owl-item:hover p a {
    border: none;
}

.inner_rgtpad .col_3 li:hover span.link {
    border: none;
}

#owl-carouselhome .owl-nav .owl-next,
#owl-carouselhome .owl-nav .owl-prev {
    bottom: unset;
    top: 35%;
}

.carouselinnerpad.activitats_carousel.colecc-carouselpad {
    max-height: 350px;
}


/* zoom css */


/*------CONTAINER------*/

#owl-carousel .container-wrap {
    width: 100%
}


/*------LIST------*/

#owl-carousel .container-wrap ul {
    list-style-type: none;
}

#owl-carousel .container-wrap li {
    float: left;
    position: relative;
    overflow: hidden;
}

#owl-carousel .container-wrap li:hover {
    cursor: pointer;
}


/*------PARAGRAPH------*/

#owl-carousel .container-wrap li .carouselintxtpad h2 {
    position: absolute;
    color: #fff;
    background: transparent;
}

.mosaic-portal.container-wrap li:hover .mosaic-txt-center h2 {
    color: white;
    /*background: rgba(32, 169, 222, 0.9);*/
    z-index: 1;
}


/*------IMAGES------*/

#owl-carousel.owl-carousel .owl-item .carouselimgpad img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#owl-carousel.owl-carousel .owl-item:hover .carouselimgpad img {
    background: rgba(32, 169, 222, 0.9);
    /*transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);*/
}


/*------CLEARFIX------*/


/* For modern browsers */

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}


/* For IE 6/7 (trigger hasLayout) */

.cf {
    *zoom: 1;
}

.work-categary-pad ul li:hover .img-det.grey-txt {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 1s ease;
    transition: all 0.5s ease;
}

.els-img {
    overflow: hidden;
}

#owl-carousel.owl-carousel .owl-item .activitatspad {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    opacity: 0;
    background: rgba(39, 194, 228, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#owl-carousel.owl-carousel .owl-item:hover .activitatspad {
    opacity: 1;
}

#owl-carousel.owl-carousel .owl-item:hover h2 {
    color: #27C2E4;
}

#owl-carousel.owl-carousel .owl-item:hover span {
    color: #27C2E4;
    border: none;
}

.inner_rgtpad .col_3 li span.link.expos {
    border: medium none;
    margin-bottom: 34px;
    display: block;
}


/*.inner_rgtpad .col_3 li:first-child span.link.expos { margin-bottom:0;}*/

.innerlft_social ul li a:hover {
    color: #27C2E4;
}


/*.innerlft_social ul li:last-child:hover a { border-bottom:1px solid #27C2E4;}*/

#mob-carousel-dt {
    display: none;
}

#owl-carousel2.owl-carousel .owl-item span.link {
    border-bottom: 1px solid #000000;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 10px;
}

#owl-carousel2.owl-carousel .owl-item:hover .recomana-img img {
    opacity: 0.6;
}

#owl-carousel2.owl-carousel .owl-item:hover h2 {
    color: #27C2E4;
}

#owl-carousel2.owl-carousel .owl-item:hover span.link {
    color: #27C2E4;
    border-bottom: none;
}

#owl-carousel3.owl-carousel .owl-item span.link {
    text-decoration: underline;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 10px;
}

#owl-carousel3.owl-carousel .owl-item:hover .recomana-img img {
    opacity: 0.6;
}

#owl-carousel3.owl-carousel .owl-item:hover h2 {
    color: #27C2E4;
}

#owl-carousel3.owl-carousel .owl-item:hover span.link {
    color: #27C2E4;
    border-bottom: none;
    text-decoration: none;
}

#owl-carousel3 .recomana-img {
    width: 100%;
}

.carouselpad1 .carouselpad_inner .carouselinnerpad1 {
    position: relative;
}


/*================================================= Planifica page css ===============================================================*/

.content-main {
    float: left;
    width: 100%;
}

.content-main h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
    line-height: 50px;
}

.content-main h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
    line-height: 50px;
    font-weight: lighter;
}

.galeria .owl-dots {
    bottom: 15px;
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 100%;
}

.galeria .owl-dot span {
    background: #fff;
    display: inline-block;
    float: left;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}

.galeria .owl-dot {
    display: inline-block;
    float: none;
    margin: 0 4px;
}

.galeria .owl-dot.active span {
    background: #51cdff;
}

.galeria .owl-dot:hover span {
    background: #51cdff;
}

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

.horaris-pad {
    float: left;
    width: 100%;
    padding-top: 20px;
}

.content-main h3 {
    font-size: 30px;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
}

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

.list-la li {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    float: left;
    margin-right: 60px;
    width: 22%;
}

.pailebot {
    float: left;
    width: 100%;
}

.pail-lft {
    float: left;
    width: 50%;
    margin-right: 4%;
}

.pail-sublft {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-top: 10px;
}

.pail-sublft {
    font-family: 'Roboto';
    color: #3B3B3B;
}

.pail-sublft h4 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000;
}

.pail-lft h3 {
    font-size: 30px;
    text-transform: none;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
}

.pail-lft p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
}

.pail-lft ul {
    margin: 20px 0 0;
    display: block;
}

.pail-lft ul li {
    float: left;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    margin-right: 82px;
}

.pail-lft ul li span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
}

.pail-lft ul li span.padding {
    padding: 8px;
}

.pail-lft ul li a.mes-info {
    text-decoration: underline;
    margin: 0px;
}

.pail-lft ul li:last-child {
    margin-right: 0;
}

.pail-rht.pail-lft {
    width: 25%;
}

.pail-rht.pail-lft a.mes-info {
    text-decoration: underline;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    margin: 0px;
    -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;
}

.pail-rht.pail-lft a.mes-info:hover {
    color: #27c2e4
}

.horaris {
    float: left;
    width: 100%;
    margin: 50px 0 60px;
}

.horaris ul li {
    float: left;
    width: 20%;
    margin-right: 80px;
}

.horaris ul li:nth-child(2n) {
    width: 23%;
    margin-right: 42px;
}

.horaris ul li:nth-child(3n) {
    width: 25%;
}

.horaris ul li h3 {
    font-size: 30px;
    text-transform: none;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
}

.horaris ul li ul li {
    float: left;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    width: 100%;
    margin-bottom: 20px;
}

.horaris ul li ul li a.mes-info {
    text-decoration: underline;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    margin: 0px;
    -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;
}

.horaris ul li ul li a.mes-info:hover {
    color: #27c2e4
}

.horaris ul li ul li:nth-child(2n) {
    width: 100%;
}

.horaris ul li ul li:nth-child(3n) {
    width: 100%;
}

.grey-box.tarifes {
    padding: 90px 0 70px;
    float: left;
    width: 100%;
    background: #eaeaea;
}

.grey-box.tarifes.grups {
    padding: 90px 0 60px;
}

.grey-box.tarifes h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
    text-align: center;
}

.grey-box.tarifes p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.grey-box.tarifes p span {
    text-decoration: underline;
}

table.tarif-list {
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
}

table.tarif-list tr th {
    font-size: 18px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

table.tarif-list tr td:first-child {
    font-size: 30px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 30px;
    text-align: left;
}

table.tarif-list tr td {
    font-size: 30px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-align: center;
    padding: 25px 0 27px 15px;
}

table.tarif-list td {
    border-bottom: 1px solid #000;
}

table.tarif-list tr td.td-bold {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

a.mes-info {
    text-decoration: underline;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    margin: 20px 0 0;
    display: block;
    float: left;
    -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;
}

a.mes-info:hover {
    color: #27c2e4
}

.com-arribar {
    float: left;
    width: 100%;
    padding: 80px 0 40px;
    position: relative;
}

.com-arribar h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center;
}

.iframe-map {
    float: left;
    width: 100%;
    display: block;
    position: relative;
}

.multi-map {
    height: 510px;
}

.hvr-txt {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.arribar-list {
    float: left;
    width: 100%;
    margin: 50px 0 50px;
}

.arribar-lft {
    float: left;
    width: 50%;
}

.arribar-lft-barcelona {
    float: left;
    width: 100%;
}

.arribar-lft-barcelona h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.arribar-lft-barcelona h4 img {
    float: none;
    padding-left: 5px;
    /*vertical-align:bottom;*/
    vertical-align: middle;
}

.arribar-lft-barcelona ul li {
    float: left;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    margin-right: 6%;
    padding-bottom: 40px;
    width: 48%;
}

.arribar-lft-barcelona ul li:last-child {
    margin-right: 0;
    width: auto;
}

.arribar-lft .arribar-lft-barcelona.last ul li {
    padding-bottom: 0;
}

.arribar-lft.arribar-rht .arribar-lft-barcelona.mar-btm {
    margin-bottom: 195px;
}

.arribar-lft-barcelona ul li a:hover {
    color: #27c2e4;
}

.arribar-lft-barcelona ul li a {
    -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;
}

.grey-box.tarifes.grups ul {
    float: left;
    width: 90%;
    padding: 60px 0 0;
    text-align: center;
    display: block;
    margin: 0 5%;
}

.grey-box.tarifes.grups ul li {
    float: left;
    width: 33%;
    text-align: center;
    display: inline-block;
}

.grey-box.tarifes.grups ul li .ecolars-icon {
    background: #27c2e4;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.grey-box.tarifes.grups ul li .ecolars-icon img {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.grey-box.tarifes.grups ul li h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.grey-box.tarifes.grups ul li h4 span {
    display: block;
    margin-bottom: 20px;
}

.grey-box.tarifes.grups ul li h4 span.number {
    font-size: 30px;
}

.grey-box.tarifes.grups.white-box {
    background: #fff;
    display: block;
    text-align: center;
    padding: 80px 0;
}

.grey-box.tarifes.grups.white-box ul li {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0 8px;
}

.grey-box.tarifes.grups.white-box ul li:hover img,
.grey-box.tarifes.grups.access ul li:hover img {
    opacity: 0.7
}

.grey-box.tarifes.grups.access {
    display: block;
    text-align: center;
    padding: 80px 0;
}

.grey-box.tarifes.grups.access ul li {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0 8px;
}

.grey-box.tarifes.grups ul li h4 a {
    -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;
}

.grey-box.tarifes.grups ul li h4 a:hover {
    color: #27c2e4;
}

.ftr-services {
    float: left;
    width: 100%;
    padding: 25px 0;
    margin: 40px 0 0;
}

.ftr-services ul li {
    float: left;
    width: 35%;
    border-right: 1px solid #7d7d7d;
    padding: 25px 5% 0;
    height: 135px;
}

.ftr-services ul li h2 {
    font-size: 50px;
    text-transform: none;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    line-height: 50px;
}

.ftr-services ul li h2 span {
    font-size: 16px;
    color: #000;
    display: block;
}

.ftr-services ul li ul li {
    width: auto;
    margin: 0 20px 0 0;
    border: none;
    padding: 0;
    height: auto;
}

.ftr-services ul li ul li a {
    /*background: url(images/social-icons-ftr.png) no-repeat 0 0;*/
    float: left;
    display: block;
    font-family: 'fontawesome';
    font-size: 25px;
}


/*.ftr-services ul li ul li.twt-ftr a { background-position: 4px 0;}
.ftr-services ul li ul li.twt-ftr a:hover { background-position: 4px -26px;}
.ftr-services ul li ul li.fb-ftr a { background-position: -34px 0;}
.ftr-services ul li ul li.fb-ftr a:hover { background-position: -34px -26px;}
.ftr-services ul li ul li.inst-ftr a { background-position: -77px 0;}
.ftr-services ul li ul li.inst-ftr a:hover { background-position: -77px -26px;}
.ftr-services ul li ul li.v-ftr a { background-position: -119px 0;}
.ftr-services ul li ul li.v-ftr a:hover { background-position: -119px -26px;}
.ftr-services ul li ul li.utube-ftr a { background-position: -157px 0;}
.ftr-services ul li ul li.utube-ftr a:hover { background-position: -157px -26px;}
.ftr-services ul li ul li.trip-ftr a { background-position: -197px 0;}
.ftr-services ul li ul li.trip-ftr a:hover { background-position: -197px -26px;}*/

.ftr-services ul li:first-child {
    padding-left: 0;
    padding-bottom: 0;
    width: 28%;
}

.ftr-services ul li:last-child {
    padding-right: 0;
    padding-bottom: 0;
    border: none;
    padding-left: 6%;
}

.ftr-services ul li:last-child h2 {
    line-height: 34px;
    margin: 0;
}

.ftr-services ul li:nth-child(2n) {
    padding-top: 22px;
    text-align: center;
}

.ftr-services ul li:nth-child(2n) h2 {
    margin-bottom: 0px;
}

.ftr-services ul li ul li:nth-child(2n) {
    padding-top: 0px;
}

.ftr-services ul li ul li:first-child {
    padding-left: 0;
    padding-bottom: 0;
    width: auto;
}

.ftr-services ul li ul li:last-child {
    padding-right: 0;
    padding-bottom: 0;
    border: none;
    padding-left: 0%;
}

.ftr-services .mailbox input[type="text"],
.ftr-services .mailbox input[type="text"]:focus {
    border: 1px solid #c4c4c4;
    box-shadow: none;
    color: rgba(56, 56, 56, 0.5);
    float: left;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    height: 42px;
    line-height: 42px;
    margin-right: 5px;
    padding: 0 15px;
    width: 280px;
}

.ftr-services .mailbox a.arr-mail:hover span {
    background: url("images/dreta.png") no-repeat scroll -28px 0px;
}

.ftr-services .mailbox a.arr-mail:hover {
    background: #fff;
    border: 1px solid #00c8e8;
}

.ftr-services .mailbox a.arr-mail {
    background: #000000;
    float: left;
    height: 42px;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    width: 42px;
    -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;
}

.ftr-services .mailbox a.arr-mail span {
    background: rgba(0, 0, 0, 0) url("images/dreta.png") no-repeat scroll -13px 0;
    /*border: 1px solid #00c8e8;*/
    cursor: pointer;
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 12px;
}


/* coleccions css */

.highlights {
    border: none;
    padding: 0%;
    float: left;
    width: 100%;
    text-align: center;
}

.highlights h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}

.highlights h1:after {
    display: block;
    content: "";
    width: 60px;
    height: 1px;
    background: #000;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}

.highlights p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.highlights h2 {
    font-size: 45px;
    text-transform: uppercase;
    color: #010101;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin-bottom: 40px;
    text-align: center;
}

.hight-list {
    float: left;
    display: block;
    text-align: center;
    width: 96%;
    margin-bottom: 40px;
}

.hight-list ul li {
    float: none;
    display: inline-block;
    margin-right: 5px;
    margin-top: 10px;
}

.hight-list ul li a {
    font-size: 14px;
    border: 1px solid #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 8px 32px;
    display: inline-block;
    float: none;
    -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;
}

.hight-list ul li a:hover {
    background: #000;
    color: #fff;
}

.hightblocks {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.hight-list ul li:last-child {
    margin-right: 0;
}

.highlights-txt {
    float: left;
    width: 100%;
    padding: 0 12%;
    margin: 60px 0 70px;
}

a.llegir {
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    padding: 8px 25px;
    display: inline-block;
    margin: 25px 0 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.llegir:hover {
    background: #000;
    color: #fff;
}

.lloger {
    float: left;
    width: 100%;
    padding: 20px 0 0;
}

.lloger-lft {
    float: left;
    width: 60%;
    margin-right: 8%
}

.lloger-lft p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.lloger-lft p span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    margin-bottom: 20px;
}

.lloger-rht {
    float: right;
    background: #eaeaea;
    width: 32%;
    padding: 3% 6% 3% 8%;
}

.lloger-rht h3 {
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #231f20;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.lloger-rht p {
    font-family: 'Roboto', sans-serif;
    /*font-weight:500;*/
    color: #000000;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.lloger-rht p span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.lloger-rht p a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin-bottom: 0px;
}

.lloger-rht p a:hover {
    color: #27c2e4;
}

.nom-list {
    float: left;
    width: 100%;
    margin: 70px 0 0;
}

.nom-list ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 80px;
}

.nom-list ul li:nth-child(2n+2) {
    margin-right: 0;
}

.nom-list ul li img {
    margin-bottom: 30px;
    width: 100%;
}

.nom-list ul li h3 {
    font-size: 30px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}

.nom-list ul li p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
}

.sales-list {
    float: left;
    width: 100%;
    margin: 25px 0 0;
}

.nom-list .sales-list ul.sales-lft {
    float: left;
    margin-right: 40px;
    padding-top: 0px;
}

.nom-list .sales-list ul.sales-lft li {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2b2d36;
    font-size: 18px;
    float: left;
    width: auto;
    padding: 0 20px;
    border-right: 1px solid #000;
    line-height: 32px;
    margin: 0;
}

.nom-list .sales-list ul.sales-lft li:first-child {
    padding-left: 0;
}

.nom-list .sales-list ul.sales-lft li:last-child {
    border: none;
}

.sales-list a.venure {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2b2d36;
    font-size: 15px;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 7px 35px;
    display: inline-block;
    -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;
}

.sales-list a.venure:hover {
    background: #2b2d36;
    color: #fff;
}

.informacio {
    float: left;
    width: 100%;
    background: #eaeaea;
    padding: 70px 0;
}

.informacio h1 {
    font-size: 50px;
    text-transform: uppercase;
    color: #2b2d36;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 35px;
    text-align: center;
}

.informacio p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 25px;
    margin-bottom: 60px;
    line-height: 28px;
}

.informacio-lft {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.informacio-lft input[type="text"] {
    width: 100%;
    border: 1px solid #58585b;
    line-height: 46px;
    padding: 0 20px;
    color: #7c7c7c;
    font-size: 14px;
    margin-bottom: 10px;
    height: 46px;
    font-family: 'roboto-lightitalic';
}

.informacio-lft input[type="text"]:focus {
    border: 1px solid #27c2e4;
}

.informacio-rht {
    float: left;
    width: 50%;
}

.informacio-rht textarea {
    width: 100%;
    border: 1px solid #58585b;
    padding: 15px;
    color: #7c7c7c;
    font-size: 14px;
    height: 380px;
    margin-bottom: 0px;
    border: 1px solid #58585b;
    font-family: 'roboto-lightitalic';
}

.informacio-rht textarea:focus {
    border: 1px solid #27c2e4;
}

.form-btn {
    float: left;
    width: 100%;
    text-align: center;
}

.checkbox {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    float: left;
    margin: 35px 0 15px;
    width: 100%;
    border-bottom: 1px dashed #b5b5b5;
    padding: 0 0 15px 0;
    float: left;
    text-align: left;
}

.submit-txt {
    float: left;
    width: 100%;
}

.submit-txt p {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000;
    line-height: 18px;
}

input[type=checkbox]:not(old),
input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    cursor: pointer;
}

input[type=checkbox]:not(old)+label,
input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -2em;
    line-height: 0.5em;
}

input[type=checkbox]:not(old)+label>span,
input[type=radio]:not(old)+label>span {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0px 6px 0 0;
    border-radius: 0%;
    background: #c2c2c2;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #797979;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    cursor: pointer;
}

input[type=checkbox]:not(old):checked+label>span:before {
    content: '';
    display: block;
    text-align: center;
    background: #27c2e4;
    height: 15px;
    width: 15px;
    cursor: pointer;
    border: 1px solid #27c2e4;
}

.form-btn a.envir-btn {
    font-size: 17px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background: #27c2e4;
    padding: 11px 80px;
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -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;
    letter-spacing: 1px;
}

.form-btn a.envir-btn:hover {
    background: #2b2d36;
}

.comillas {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    padding: 5px 0 50px 0;
}

.comillas ul {
    float: left;
    padding-top: 0px;
    width: 100%;
}

.comillas ul li {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #2b2d36;
    font-size: 18px;
    float: none;
    width: auto;
    padding: 0 20px;
    border-right: 1px solid #000;
    line-height: 32px;
    margin: 0;
    display: inline-block;
}

.comillas ul li:last-child {
    border: none;
}

.comillas-main {
    float: left;
    width: 100%;
}

.comill-lft {
    float: left;
    width: 36%;
    margin-right: 4%;
}

.comill-lft p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.comill-lft ul {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.comill-lft ul li {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    padding-bottom: 16px;
    -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;
}

.comill-lft ul li span {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

.comill-lft ul li img {
    vertical-align: middle;
    float: none;
}

.comill-lft ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #2b2d36;
    font-size: 15px;
    background: url(images/descarregarfitxa.png) no-repeat left;
    padding-left: 24px;
    -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;
    font-weight: 700;
}

.comill-lft ul li a:hover {
    color: #27c2e4;
    background: url(images/descarregarfitxa-hover.png) no-repeat left;
}

.comill-lft ul li:last-child {
    margin: 50px 0 0 0;
}

.comill-rht {
    float: left;
    width: 60%;
}

.comill-rht ul li {
    float: left;
    width: 161px;
    margin-right: 10px;
}

.comill-rht ul li span {
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
    margin: 14px 0 0;
    display: block;
}

.comill-rht ul li:last-child {
    margin: 0;
}

.premsa {
    float: left;
    width: 100%;
    margin: 80px 0 0;
}

.premsa h1 {
    text-align: left;
}

.premsa ul li {
    float: left;
    margin: 0 2% 50px 0;
    width: 23%
}

.premsa ul li h2 {
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #000;
    margin: 0px 0 15px;
    float: left;
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.premsa ul li p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
}

.premsa ul li:nth-child(4n+4) {
    margin-right: 0;
}

.premsa ul li:hover img {
    opacity: 0.7;
}

.premsa ul li:hover h2 {
    color: #27c2e4;
}

.lloger-lft p span.underline {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: underline;
    border: none;
}

.zoom-img {
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.zoom-img img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    float: left;
    width: 100%;
    position: relative;
}

.premsa ul li:hover img {
    /*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);*/
}

.pad-btm {
    padding-bottom: 35px
}

.recomana-img.zoom-img {
    width: 100%;
}


/*.recomana-img.zoom-img.act-img { width:255px; height:252px;}*/


/* contact page css */

.contactor .lloger-lft p {
    margin-bottom: 16px;
}

.contactor .lloger-rht {
    padding: 3% 4% 3% 4%;
    width: 29%;
}

.contactor .lloger-rht p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.contactor {
    margin-bottom: 70px;
}

.contact-details {
    float: left;
    width: 100%;
}

.contact-person {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.contact-person ul li {
    float: left;
    width: 25%;
    margin-bottom: 30px;
    padding-right: 2%;
    height: 115px;
}

.contact-person h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 30px;
    color: #000;
    text-transform: none;
    margin-bottom: 28px;
}

.contact-person p {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 21px;
}

.contact-person p span {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.contact-person p a {
    text-decoration: underline
}

.contact-person p a:hover {
    color: #28c2e4
}

.contact-person:last-child {
    margin-bottom: 0px;
}

.team-person .contact-person ul li {
    margin-bottom: 30px;
}

.team-person .contact-person {
    margin-bottom: 25px;
}

.team-person .contact-person h2 {
    margin-bottom: 40px;
}

.team-hgt {
    min-height: 110px;
}

.team-hgt-sml {
    min-height: 70px;
}


/*drop-down*/

.breadcum ul li {
    position: relative;
    color: #7d808b;
    font-size: 13px;
}

.breadcum ul ul {
    display: none;
    background: #ffffff;
    position: absolute;
    top: 19px;
    width: 110px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

.breadcum ul li:hover ul {
    display: block;
}

.breadcum ul ul li {
    float: none;
    border-bottom: solid 1px #eaeaea
}

.breadcum ul ul li a {
    color: #fff;
    padding: 5px 14px;
    font-family: "roboto_condensedlight";
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 18px;
}

.breadcum ul ul li a:hover {
    color: #ffffff;
    background: #00a4e3;
}

.breadcum-dropdwn {
    background: url(images/arrow-up.png) no-repeat right 8px;
    padding-right: 14px;
}

.carouselpad .blue-arw .item a {
    float: left;
}

.carouselpad .blue-arw .item a h2 {
    text-align: left;
}

.carouselpad .blue-arw .item:hover img {
    opacity: 0.7
}

.carouselpad .blue-arw .item:hover a h2 {
    color: #27c2e4;
}

#owl-altres .item a {
    float: left;
}

#owl-altres .item a h2,
#owl-altres .item a p {
    text-align: left;
}

#owl-altres .item:hover img {
    opacity: 0.7
}

#owl-altres .item:hover a h2 {
    color: #27c2e4;
}


/* css on 24-3-2017 */

.is-sticky .header-main {
    margin-top: 0px;
    padding-top: 13px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.header-main .logo {
    display: none;
    margin-right: 1%;
    margin-top: -3px;
    width: 20%;
}

.is-sticky .head-main-rgt {
    display: none;
}

.is-sticky .logo {
    display: block;
}

.head-social i {
    font-style: normal;
}

.is-sticky .main-menu ul li span a {
    /*font-size:24px; padding:4px 11px 28px;*/
}


/* drop down filter */

.dropdown-hotel {
    float: left;
    width: 100%;
    position: relative;
    display: none;
    margin-bottom: 20px;
}

#hotel-name {
    cursor: pointer;
    background: #fff;
    border: none;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0px 0px 0px 4%;
    box-sizing: border-box;
    width: 100%;
    z-index: 99999;
    text-transform: uppercase;
    border: 1px solid #000000;
}

#hotel-name:hover {
    border: 1px solid #27c2e4;
    color: #27c2e4;
}

.dropdown-hotel:hover .arw-toggle {
    background: url(images/fletxa_avall-h.png) no-repeat scroll 0 0px;
}

.dropdown-hotel:hover #hotel-name {
    border: 1px solid #27c2e4;
    color: #27c2e4;
}

.dropdown-hotel>ul {
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #000;
    margin-top: -1px;
    width: 100%;
}

.dropdown-hotel>ul li {
    line-height: 38px;
    border-bottom: 1px solid #000000;
    padding: 0px 4%;
    cursor: pointer;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    color: #000000;
    text-align: left;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.dropdown-hotel>ul li:hover {
    color: #fff;
    background: #000;
}

.dropdown-hotel>ul li:first-child {
    border-top: none;
}

.mobile-check {
    float: left;
    width: 100%;
    padding: 22px 20px;
    box-sizing: border-box;
}

.mobile-check label {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    color: #7c7d7f;
}

.mobile-check label input[type="checkbox"] {
    margin-right: 8px;
}

.dropdown-hotel .arw-toggle {
    background: url("images/fletxa_avall.png") no-repeat scroll 0 0px;
    height: 11px;
    right: 15px;
    top: 18px;
    width: 17px;
    position: absolute;
}

.is-sticky nav {
    float: right;
}

#right-info {
    display: none;
    background: #010101;
    color: #ffe000;
    float: left;
    padding: 5px 0px;
    width: 100%;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

#right-info:hover {
    background: #ffe000;
    color: #010101;
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 9999;
}

#popup-cont {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 20px;
    padding: 20px;
    z-index: 10000;
    overflow-x: hidden;
    overflow-y: auto;
}

#popup-cont .inner_rgt {
    width: 100%;
    background: #ffffff;
    padding: 3%;
    position: relative;
}

body.popup-open {
    overflow: hidden;
    position: relative;
}

#close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 25px;
    height: 29px;
    background: url(images/x.png) no-repeat center center;
    z-index: 10001;
    cursor: pointer;
}


/* new-style - 19Apr2017 */

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    position: relative;
}

#cssmenu {
    width: 100%;
    border-bottom: 0px solid #656659;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#cssmenu a {
    line-height: 1.3;
}

#cssmenu>ul>li>a {
    font-size: 30px;
    display: block;
    /*background: url(menu_images/pattern.png) top left repeat;*/
    color: #000;
    line-height: 31px;
    /*border: 1px solid #ba2f14;
    border-top: none;
    text-shadow: 0 -1px 1px #751d0c;*/
}

#cssmenu>ul>li>a>span {
    display: block;
    padding: 12px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#cssmenu>ul>li>a:hover {
    text-decoration: none;
}

#cssmenu>ul>li.active {
    border-bottom: none;
}

#cssmenu>ul>li.has-sub>a span {
    background: url(images/icon_plus.png) 96% center no-repeat;
}

#cssmenu>ul>li.has-sub.active>a span {
    background: url(images/icon_minus.png) 96% center no-repeat;
}

#cssmenu ul ul {
    display: none;
    background: #fff;
    border-right: 0px solid #a2a194;
    border-left: 0px solid #a2a194;
}

#cssmenu ul ul li {
    padding: 0 0 0 5px;
    border-bottom: 0px solid #d4d4d4;
    border-top: none;
    /*background: #f7f7f7;
    background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
    background: linear-gradient(#f7f7f7 0%, #ececec 100%);*/
}

#cssmenu ul ul li:last-child {
    border-bottom: none;
}

#cssmenu ul ul a,
.wohead a {
    padding: 5px 10px 5px 25px;
    display: block;
    color: #676767 !important;
    font-size: 17px !important;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

#cssmenu ul ul a:hover {
    color: #e94f31;
}

#cssmenu input[type="checkbox"] {
    opacity: 1;
    float: left;
    margin-right: 5px;
    margin-top: 9px;
}

.doc.no_margin {
    padding-top: 0;
    border-top: none;
    margin-top: 20px;
}

#popup-cont .inner_rgtcont {
    border-top: 1px solid #000;
    border-bottom: none;
    padding-top: 20px;
    margin-bottom: 0;
}

#popup-cont .innerlft_social {
    width: 100%;
}

#popup-cont .innerlft_social ul li:nth-child(2) a {
    width: 100%;
}

#popup-cont .down-div {
    padding-top: 20px;
    border-top: 1px solid #000;
    margin-top: 10px;
}

#popup-cont .inner_rgtcont.brdrnone {
    margin-bottom: 20px;
}


/*SECCIONS DINAMIQUES*/

.content-main .seccioprincipal:nth-child(odd) {
    background: #eaeaea;
}

.content-main.planifica .seccioprincipal:nth-child(even) {
    background: #eaeaea;
}

.content-main.planifica .seccioprincipal:nth-child(odd) {
    background: white;
}

.planifica .seccioprincipal.sp0 {
    background: white !important;
    padding: 0px 0px;
}

.lliure .entry-content .desc {
    padding-bottom: 50px;
}

.lliure .entry-content .desc ul {
    list-style-type: disc;
}

.lliure .entry-content .desc ol {
    list-style-type: decimal;
}

.planifica section.seccioprincipal:nth-child(3) {
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
    width: 100%;
    padding: 35px 0px 70px 0px;
    position: relative;
}

.seccioprincipal {
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
    width: 100%;
    padding: 80px 0px 40px 0px;
    position: relative;
}

.seccioprincipal .sub {
    padding-bottom: 50px;
}

.seccioprincipal .sub:last-child {
    margin-right: 0px;
}

.seccioprincipal .sub a img {
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.seccioprincipal .sub a:hover img {
    opacity: 0.6;
}

.seccioprincipal .sub a:hover h3 {
    color: #27C2E4;
}

.seccioprincipal .subseccio50:nth-of-type(2) {
    margin-right: 0px;
}

.seccioprincipal .subseccio30:nth-of-type(3) {
    margin-right: 0px;
    margin-right: 5%;
}


/*.seccioprincipal .subseccio25:nth-of-type(4){
    margin-right: 0px;
}*/

.seccioprincipal .subseccio100 {
    width: 100%;
    float: left;
    text-align: center;
}

.seccioprincipal .subseccio70 {
    width: 68%;
    float: left;
	margin-right: 4%;
}

.seccioprincipal .subseccio50 {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.seccioprincipal .subseccio30 {
    width: 28%;
    float: left;
    margin-right: 5%;
    min-height: 230px;
}

.seccioprincipal .subseccio25 {
    width: 23%;
    float: left;
    margin-right: 2%;
}

.seccioprincipal .sub img {
    width: 100%;
}

.seccioprincipal .sub .galeria {
    margin-bottom: 30px;
}

.imatgedin {
    margin-bottom: 20px;
}

.llegir.document {
    margin-right: 10px;
}

.seccioprincipal .sub h3 {
    margin-bottom: 10px;
    clear: both;
}

.arribar-list>ul>li {
    width: 24%;
    margin-right: 1%;
    float: left;
}

.arribar-list {
    margin-bottom: 0px;
}

table.tarif-list tr td {
    font-size: 25px;
}

table.tarif-list tr td:first-child div {
    max-width: 80%;
}

.lliconestext {
    float: left;
    width: 90%;
    padding: 60px 0 0;
    text-align: center;
    display: block;
    margin: 0 5% 2% 0%;
    position: relative;
    float: initial;
    margin: 0 auto;
}

.lliconestext li {
    float: left;
    width: 33%;
    text-align: center;
    display: inline-block;
}

.lliconestext li p {
    text-align: center;
}

.lliconestext li .ecolars-icon {
    /*background: #27c2e4;*/
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.lliconestext li h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
}

.lliconestext .ecolars-icon img {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.llicones {
    float: left;
    width: 90%;
    padding: 60px 0 0;
    text-align: center;
    display: block;
    margin: 0 5%;
}

.llicones li {
    float: none;
    display: inline-block;
    width: auto;
    margin: 0 8px;
}

.intro {
    padding: 10px 0px 50px 0px;
}

.text-encapsulat {
    float: left;
    width: 100%;
    padding: 0 12%;
}

.seccionsdinamiques.internes .row {
    width: auto !important;
}

.seccionsdinamiques.internes .seccioprincipal {
    padding: 30px 0px 0px 0px;
}


/* FI SECCIONS DINAMIQUES */

.leftsingepad .menu .submenu {
    padding: 30px 0px;
    border-bottom: 1px solid;
    margin-bottom: 30px;
}

.leftsingepad .menu .submenu li:first-child {
    font-size: 30px;
    padding-bottom: 20px;
}

.supercal-month {
    min-height: 219px;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.efemerides .any {
    padding-top: 30px;
    font-size: 45px;
}

.efemerides .subtitol {
    padding-top: 10px;
    font-size: 24px;
}

.efemerides .desc {
    padding-top: 25px;
}

.efemerides .autor {
    padding-top: 25px;
    font-size: 14px;
}


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


/*                       OVERRIDES                              */


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


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


/* Share Social */


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

.whatsapp-blg {
    background: url(images/whatsapp-sml.png) no-repeat left 2px;
    padding-left: 20px;
    background-size: 13px 13px;
}

.ssba_facebook_share,
.ssba_twitter_share {
    width: 100%;
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.ssba_facebook_share img,
.ssba_twitter_share img {
    padding-top: 3px;
}

.ssba_facebook_share:before {
    content: "Facebook";
    margin-left: 20px;
    vertical-align: super;
}

.ssba_twitter_share:before {
    content: "Twitter";
    margin-left: 15px;
    vertical-align: super;
}


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


/* SubMenu in SubMenu */


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

.gw-nav-list>li .gw-submenu>li .gw-submenu>li>a {
    padding-left: 60px;
}

.seccionsdinamiques p>a {
    text-decoration: underline;
}

.seccionsdinamiques .down-div {
    border: 0;
    padding: 0;
    margin: 0;
}

.seccionsdinamiques .down-div li {
    display: inline-block;
    width: auto;
    margin: 25px 10px 0;
}

.img-caption {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

.img-caption img {
    float: left;
    display: block;
}

.img-caption-text {
    position: absolute;
    bottom: 0;
    text-align: center;
    color: white !important;
    right: 0%;
    margin-right: 10px !important;
    width: initial !important;
    font-size: 10px !important;
}


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


/*    Col·leccions    */


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

.colleccions .descripcio {
    margin-bottom: 70px;
}

.colleccions .descripcio p {
    margin-bottom: 30px;
}

.colleccions .destacat {
    background: #eaeaea;
    margin-bottom: 70px;
}

.colleccions .destacat .lft {
    float: left;
    width: 60%;
}

.colleccions .destacat .rgt {
    float: left;
    width: 40%;
    padding: 70px 0 30px 40px;
}

.colleccions .destacat .rgt h2 {
    margin-bottom: 0;
}

.colleccions .destacat .rgt span {
    margin-bottom: 15px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    text-decoration: underline;
}

.colleccions .destacat .row {
    margin-top: 70px;
}

.colleccions .destacat .row h2 {
    font-size: 35px;
}

.colleccions .destacat .row h3 {
    margin-bottom: 0;
}

.colleccions .destacat .row img {
    margin-bottom: 15px;
}

.colleccions .destacat .row li {
    margin-bottom: 40px;
}

.colleccions .destacat .lft img {
    width: 100%;
    height: auto;
}

.colleccions-single .desc span {
    margin-bottom: 15px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    text-decoration: underline;
}

.colleccions-single .desc p {
    margin-bottom: 15px;
}

.colleccions-single .related {
    border: 1px solid #000;
    margin-top: 30px;
}

.colleccions-single .related h4 {
    color: #fff;
    background: #000;
    padding: 10px;
}

.colleccions-single .related img {
    width: 32px;
}

.colleccions-single .related p {
    padding: 20px;
}

.colleccions-single .related p::before {
    content: "";
    background: url(images/globus.png) no-repeat;
    height: 28px;
    width: 50px;
    float: left;
}

.colleccions-single .info {
    text-align: center;
}

.colleccions-single .info img {
    width: 23px;
    display: inline-block;
}

.colleccions-single .info p {
    display: inline-block;
    margin-left: 12px;
}

.colleccions-single .info p:first-child::before {
    content: "";
    background: url(images/i.png) no-repeat;
    height: 28px;
    width: 30px;
    float: left;
}

.colleccions img {
    height: auto;
}

.col_4 {
    float: left;
    width: 100%;
}

.col_4>li {
    float: left;
    margin-right: 3%;
    width: 22%;
    margin-bottom: 50px;
}

.col_4.historic-hgt li {
    min-height: 560px;
}

.col_4>li:nth-of-type(4n) {
    margin-right: 0;
}

.col_4 p {
    font-size: 16px;
    padding: 20px 0 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


/* CATALEGS FITXA */

.desplegable_descripcion:hover,
.desplegable_descripcion .descripcio:hover,
.desplegable_descripcion .flecha:hover {
    color: #27C2E4;
    cursor: pointer;
}

.desplegable_descripcion .flecha:hover {
    background-position-x: -10px;
}

.desplegable_descripcion {
    position: relative;
    width: 50%;
    float: left;
    font-size: 16px;
    font-weight: normal;
    font-family: 'roboto_condensedlight';
}

.desplegable_descripcion a.descripcio {
    color: #000000;
    display: block;
    line-height: 20px;
    outline: medium none;
    /*overflow: hidden;*/
    position: relative;
    text-indent: 0;
    top: 0;
    width: 100%;
    left: 0px;
    font-size: 30px;
    height: 30px;
    border-bottom: 1px solid #000;
    font-weight: bold;
}

.desplegable_descripcion .flecha {
    background: rgba(0, 0, 0, 0) url("images/avall.png") no-repeat scroll 0 0;
    display: block;
    height: 7px;
    outline: medium none;
    position: absolute;
    top: 8px;
    width: 10px;
    right: 10px;
    left: initial;
    top: 18px;
}

.colleccions-single .info #llegirMesBox p:first-child::before {
    content: "";
    background: none;
    height: 0;
    width: 0;
    float: left;
}

.colleccions-single .info #llegirMesBox {
    display: block;
    width: 80%;
    margin: 25px auto !important;
    /*cursor: pointer;*/
    border: 1px solid #000;
    padding: 25px;
}

.colleccions-single .info #llegirMesBox p {
    display: block;
    text-align: justify;
}


/* fi CATALEGS FITXA */

#sbi_load,
.sb_instagram_header {
    display: none;
}

h4.subseccio_nom {
    font-size: 20px;
    margin-bottom: 20px;
}

.lliconestext strong.strong_number {
    font-size: 26px;
    font-weight: 300 !important;
}

.subseccio50.sub .img-caption {
    margin-bottom: 10px;
}

.page-template-page-templatesarxiu-php #sp0 .subseccio50 {
    min-height: 380px;
}

.page-template-page-templatespagina-lliure-php .seccioprincipal .subseccio50 {
    width: 46%;
    float: left;
    margin-right: 4%;
    /*min-height: 300px;*/
}

.owl-carousel .item:hover .carouselintxtpad {
    background: rgba(39, 194, 228, 0.9)
}

.owl-carousel .item:hover img {
    /*transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);*/
}

.owl-carousel .item:hover h2 {
    color: #27c2e4;
}

.owl-carousel .item:hover .index-dt {
    opacity: 1
}

.owl-carousel .owl-item:hover .carouselintxtpad {
    display: block;
}

.owl-carousel .owl-item:hover a h2 {
    color: #00C8E8;
}

.owl-carousel .owl-item:hover a p {
    color: #00C8E8;
}

.owl-carousel .owl-item:hover .carouselintxtpad p {
    color: #fff;
}


/*.sub p { text-align: justify; }*/


/* BUSCADOR HEADER */

.search-menu-button {
    background: rgba(0, 0, 0, 0) url("images/lupa.png") no-repeat scroll 0 0;
    border: medium none;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 30px;
    overflow: hidden;
    padding: 0;
    width: 24px;
    margin-left: 10px;
}

.search-menu-button:hover {
    background: rgba(0, 0, 0, 0) url("images/lupa.png") no-repeat scroll -25px 0;
}

.search-bg.activated {
    transition: opacity .4s ease 0s;
    opacity: 1;
    visibility: visible;
}

.search-bg {
    z-index: 23;
    transition: visibility 0s ease .4s, opacity .4s ease;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
}

.search-section.opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.search-section {
    background-color: #fff;
    padding: 3.5714285714rem 5.7142857143rem;
    position: fixed;
    width: 100%;
    z-index: 24;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -114%, 0);
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
}

.search-close:hover {
    opacity: 0.5;
}

.search-close::before {
    transition: color .25s ease;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-size: 30px;
    color: #000;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 10%;
    left: 1%;
    cursor: pointer;
}

.search-close:hover,
.search-close:focus {
    background-color: #a71930;
}

.search-close {
    z-index: 25;
    background-color: #d52b1e;
    top: 0;
    left: 0;
}

input[type="search"] {
    border: 1px solid #8d817b;
    border-radius: .0111111111rem;
    border-color: #4d4f53;
    color: #4d4f53;
    background-color: transparent;
    font-size: 1.1111111111rem;
    height: 2.7777777778rem;
    box-shadow: none;
    margin-bottom: 1rem;
    width: 100%;
    overflow: hidden;
    display: block;
    padding-top: .6666666667rem;
    padding-bottom: .6666666667rem;
    padding-left: 1.1111111111rem;
    padding-right: 1.1111111111rem;
    box-sizing: border-box;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    outline-offset: -2px;
}

.search-section .site-search [type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #000;
    color: #000;
    padding: 0 1.4285714286rem;
    margin-bottom: 0;
    height: 6.6666666667rem;
    padding: 0 2.2222222222rem;
    font-size: 30px;
    font-weight: 400;
    width: 80%;
}

.search-section .site-search [type="search"]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4);
}

input::placeholder,
textarea::placeholder {
    color: #8d817b;
}

.site-search [type="submit"] {
    width: 4.4444444444rem;
    background-color: transparent;
    margin-bottom: 0;
    height: 8.5714285714rem;
    transition: color .25s ease;
    display: inline-block;
    font-size: 70px;
    color: #000;
    position: absolute;
    right: 15%;
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute;
    padding: 0;
    border: none;
    cursor: pointer;
}

.site-search [type="submit"]:hover {
    opacity: 0.5;
}


/* /BUSCADOR HEADER */


/* PRE FOOTER */

.ftr-services ul li h3 {
    font-size: 50px;
    text-transform: none;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    line-height: 50px;
}

.ftr-services ul li:last-child h3 {
    line-height: 34px;
}

.ftr-services ul li h3 span {
    font-size: 16px;
    color: #000;
    display: block;
}

.els-lft ul li h3 {
    font-size: 40px;
    color: #010101;
    margin-bottom: 25px;
    line-height: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

.els-lft .mailbox h3 {
    font-size: 40px;
    text-transform: none;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    line-height: 34px;
}

.els_moments h3 span {
    font-size: 40px;
}

.els-lft ul li {
    padding-top: 30px;
}

.els-lft ul li:last-child {
    padding-bottom: 30px;
}

.els-lft .mailbox {
    padding-top: 30px;
}


/* /PRE FOOTER */


/* FOOTER */

.smartscroll-totop {
    width: 45px;
    height: 45px;
    background: url(images/fletxes_up.png) no-repeat 0 0;
    background-position: 0px 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.smartscroll-totop:hover {
    background-position: 0px -45px;
}


/* /FOOTER */


/* INSCRIUTE NEWSLETTER - FLECHA */

a.arr-mail-2 {
    width: 45px;
    height: 45px;
    background: url(images/fletxes_up.png) no-repeat 0 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 0px 0px;
    float: right;
    margin-right: 10%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.arr-mail-2:hover {
    background-position: 0px -45px;
}

.ftr-services ul li:last-child h3 {
    line-height: 48px;
}


/* /INSCRIUTE NEWSLETTER - FLECHA */

.seccioprincipal {
    padding-top: 40px;
}

.planifica section.seccioprincipal:nth-child(3) {
    padding-bottom: 40px;
}

.seccioprincipal:nth-child(3) {
    padding-bottom: 40px;
}

.titol-subseccio {
    text-align: center;
}


/* SI LA IMG ES BUIDA, L'AMAGA */

img[src=""] {
    display: none;
}


/* SI LA IMG ES BUIDA, REQUADRE GRIS */

.zoom-img img[src=""] {
    background-color: #eaeaea;
    display: inline-block;
}

.categoryColleccionsDesktop {
    display: block;
}

.categoryColleccionsMobile {
    display: none;
}

.llista_expos h3 {
    font-size: 22px;
}


/* Cas especial secció professionals i experts */

.page.page-id-1019 .seccioprincipal.sp1 .subseccio50.sub {
    height: auto !important;
    padding-bottom: 10px !important;
}


/* /Cas especial secció professionals i experts */

.activi-fitxapad .inner_ban>img {
    padding-bottom: 20px;
}


/* IMATGES ESTÀTIQUES MENÚ PRINCIPAL */

div.imatges-menu-static {
    float: right;
    width: 45%;
    height: auto;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    z-index: 1;
}

div.imatges-menu-static li {
    float: right !important;
    width: 48%;
}

div.imatges-menu-static li img {
    width: 235px;
    height: 150px;
}

div.imatges-menu-static .recomanainnerpad>li:hover img {
    opacity: 1;
}


/* /IMATGES ESTÀTIQUES MENÚ PRINCIPAL */


/* PAGINACIÓ */

nav.navigation.pagination {
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

nav.navigation.pagination .screen-reader-text {
    display: none;
}

nav.navigation.pagination .nav-links .current {
    font-weight: bold;
}

nav.navigation.pagination .nav-links .page-numbers .meta-nav.screen-reader-text {
    display: none;
}


/* /PAGINACIÓ */

ul.activitats-filles li a {
    font-size: 14px;
    padding: 0px 0px 0px 20px;
}

.lloger-lft a {
    text-decoration: underline;
}


/* FIX ESTIL CONTENT FITXA EXPOSICIONS/ACTIVITATS */

#activitat-desktop,
#activitat-desktop i,
#activitat-desktop div {
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 25px;
}

.banner-last-minute {
    margin: 50px 0;
    background: #ffdf04;
    padding: 30px 15px;
}

.main-text,
.last-minute-bloc {
    float: left;
    font-size: 30px;
}

.last-minute-bloc {
    margin-right: 30px;
    font-weight: 400;
}

.main-text {
    width: 80%
}

.last-minute-link {
    position: relative;
    margin-left: 30px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.last-minute-link:after {
    content: "\003e";
    position: absolute;
    top: -13px;
    right: -35px;
    font-size: 37px;
}

.cal-hide {
    top: 66px;
}

.imatges-menu-static ul.recomanainnerpad {
    display: block;
    width: 50%;
    float: right;
    /*margin-top: 20px;*/
}

.imatges-menu-static ul.recomanainnerpad li {
    width: 100%;
    margin-right: 0px;
}

.imatges-menu-static ul.recomanainnerpad li .zoom-img {
    margin-bottom: 10px;
}


/* MMB-368 - Implementació proposta gràfica menú superior */

.logo {
    margin-right: 40px;
}

.topmenu a {
    margin-right: 5px;
    font-size: 15px;
}

.head-social {
    border: none;
}

.head-social li {
    margin: 0px 4px;
    padding-top: 10px;
}

.head-social li a {
    font-size: 18px;
}

.header-top .lang {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
}

.sbSelector {
    font-weight: 100;
    font-family: roboto_condensedregular;
}

.hdr_lft {
    width: 71%;
}

@media screen and (max-width: 1270px) and (min-width: 1220px) {
    .header-top .row {
        width: 97%;
        display: flex;
        margin: auto;
        position: relative;
    }
}

@media screen and (max-width: 1219px) and (min-width: 1119px) {
    .header-top .row {
        width: 90%;
        display: flex;
        margin: auto;
        position: relative;
    }
    .hdr_lft {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1135px) {
    .mega-menu,
    .head-main-rgt {
        display: none !important;
    }
}


/* end MMB-368 - Implementació proposta gràfica menú superior */


/* MMB-406 Disseny noves plantilles per Aprendre */

.portada-educacio .highlights {
    display: flex;
    flex-wrap: wrap;
}

.portada-educacio .highlights h1 {
    width: 100%;
}

.portada-educacio.plantilla-2-columnes .hightblocks {
    width: 48%;
    margin-right: 2%;
}

.portada-educacio.plantilla-4-columnes .hightblocks {
    width: 23%;
    margin-right: 2%;
}

.portada-educacio.plantilla-4-columnes .hightblocks:last-child {
    margin-right: 0;
}

.portada-educacio.plantilla-2-columnes .hightblocks::nth-child(2n) {
    margin-right: 0;
}

.portada-educacio.plantilla-2-columnes .img-caption img {
    height: 300px;
    object-fit: cover;
}

.portada-educacio.plantilla-4-columnes .img-caption img {
    height: 261px;
    object-fit: cover;
}

.portada-educacio .highlights .img-caption-text {
    text-shadow: 1px 1px 5px #000;
}

.portada-educacio .highlights .highlights-txt {
    padding: 0;
    text-align: left;
}

.portada-educacio .highlights .highlights-txt h2 {
    text-align: left;
    font-size: 33px;
    font-weight: 400;
}


/* end MMB-406 Disseny noves plantilles per Aprendre */


/* MMB-471: Secció últimes notícies de la home revisió funcionament + fletxes */

#carousel-posts.owl-theme .owl-nav {
    display: none;
}

/* MMB-556: Desenvolupament botó de venda online */
.head-social li {
    padding-top: 0;
}
a.header-entrades {
    border: solid 1px #000;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 2px;
    font-size: 13px;
    font-family: 'Roboto Condensed',sans-serif;
}

/* MMB-636: Tour virtual responsive */
body.single-exposicions #activitat-desktop iframe { width: 100% !important; }
/* MMB-639: Incidència salt d'elements incorrectes en columnes i pàgina de projectes */
.seccioprincipal > .row {display: flex; flex-wrap: wrap;}



/* SECCIONS DINÀMIQUES REVISTA ARGO */

.content-main .revista .seccioprincipal:nth-child(odd){
	background-color: white;
}

.content-main .revista .seccioprincipal:first-child{
	background-color: #eaeaea;
}


.revista .seccioprincipal .row {
	justify-content: center;
}

.revista .seccioprincipal .row h2 {
	margin: 0;
}

/* SUBSECCIÓ 0 */

.revista .seccioprincipal .sub {
	padding-bottom: 0;
}

.revista .seccioprincipal.sp0 .sub .titol-subseccio {
	text-align: left;
    font-size: 38px;
    margin: 1.5em 0 0;
    font-family: 'Roboto';
}

.revista .seccioprincipal.sp0 .sub .subseccio-text {
	padding: 1em 0 0.75em;
}

.revista .seccioprincipal.sp0 .sub a.llegir {
	margin: 10px 0;
}

/* end SUBSECCIÓ 0 */


/* SUBSECCIÓ 2 */

.revista .seccioprincipal.sp2 .sub.subseccio100 .subseccio-text p {
	text-align: center;
}

.revista .seccioprincipal.sp2 .sub.subseccio30 {
	width: 30%;
	height: auto !important;
}

.revista .seccioprincipal.sp2 .sub.subseccio30:last-child {
	margin: 0;
}

/* end SUBSECCIÓ 2 */


/* SUBSECCIÓ 3 */

.revista .seccioprincipal.sp3 .sub.subseccio100 .subseccio-text p {
	text-align: center;
}

/* end SUBSECCIÓ 3 */

.revista .seccioprincipal .sub .llista-revistes {
	padding: 1em 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 1.5em;
	justify-content: center;
}

.revista .seccioprincipal .sub .llista-revistes li {
	flex: 23%;
	max-width: 23%;
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
}

.revista .seccioprincipal .sub .llista-revistes li img {
	min-height: 295px;
    object-fit: fill;
}

.revista .seccioprincipal .sub .llista-revistes .card-content {
	display: flex;
	flex-direction: column;
	padding: 1em 0;
}

.revista .seccioprincipal .sub .llista-revistes .card-content h4 {
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Roboto';
	font-weight: bold;
}

.revista .seccioprincipal .sub .llista-revistes .card-content h4 span {
	padding-left: 0.5em;
	font-size: 12px;
	font-weight: light;
	color: gray;
}

.revista .seccioprincipal .sub .llista-revistes .card-content p {
	padding: 0.5em 0;
}

.revista .seccioprincipal .sub .llista-revistes li a.llegir {
	margin-top: auto;
}

/* END SECCIONS DINÀMIQUES REVISTA ARGO */

.seccionsdinamiques .seccioprincipal h2 {
    width: 100%;
}


.seccionsdinamiques .seccioprincipal .sub .subseccio-text {
    padding-top: 0 !important;
}

.head-social {
	margin-top: 10px;
}

.pum.pum-overlay.pum-theme-default-theme{
	background-color: rgba(0,0,0,.5)!important;
}

.pum-theme-default-theme .pum-content + .pum-close.popmake-close{
	background: #27C2E4;
	color: #ffffff;
	border: solid 1px #27c2e4;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 20px;
}

.pum-theme-default-theme .pum-content + .pum-close.popmake-close:hover{
	background: #fff;
	color: #27c2e4;
}

.pum.pum-overlay.pum-theme-default-theme .pum-title{
	color: #010101;
    font-size: 40px;
    line-height: 50px;
	padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.pum.pum-overlay.pum-theme-default-theme .pum-container{
	padding: 30px;
	padding-right: 66px;
}