@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'asapbold';
    src: url('fonts/asap-bold-webfont.eot');
    src: url('fonts/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/asap-bold-webfont.woff') format('woff'),
        url('fonts/asap-bold-webfont.ttf') format('truetype'),
        url('fonts/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'asapsemibold';
    src: url('fonts/asap-semibold-webfont.eot');
    src: url('fonts/asap-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/asap-semibold-webfont.woff') format('woff'),
        url('fonts/asap-semibold-webfont.ttf') format('truetype'),
        url('fonts/asap-semibold-webfont.svg#asapsemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KievitOT';
    src: url('fonts/KievitOT-Medium.woff') format('woff'),
        url('fonts/KievitOT-Medium.ttf') format('truetype'),
        url('fonts/KievitOT-Medium.svg#KievitOT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'KievitOT-Regular';
    src: url('fonts/KievitOT-Regular.woff') format('woff'),
        url('fonts/KievitOT-Regular.ttf') format('truetype'),
        url('fonts/KievitOT-Regular.svg#KievitOT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KievitOT-Light';
    src: url('fonts/KievitOT-Light.woff') format('woff'),
        url('fonts/KievitOT-Light.ttf') format('truetype'),
        url('fonts/KievitOT-Light.svg#KievitOT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'KievitOT-Bold';
    src: url('fonts/KievitOT-Bold.woff') format('woff'),
        url('fonts/KievitOT-Bold.ttf') format('truetype'),
        url('fonts/KievitOT-Bold.svg#KievitOT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    padding: 0px;
    margin: 0px;
    background: #fff;
    font-size: 16px;
    color: #1a171b;
    line-height: 20px;
    font-family: 'KievitOT-Regular';
}

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;
}

a {
    color: #192432;
    text-decoration: none;
}

div {
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
    margin: 0px;
    color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

a {
    color: #192432;
}

/*a:hover { color: #979796; }*/
ul,
li {
    list-style: none;
}

ul,
ol {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    clear: both;
    line-height: 1px;
    padding: 0px;
    height: 0px;
    font-size: 1px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.anim {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.anim2 {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.row {
    width: 1300px;
    margin: auto;
    padding: 0px;
}

header {
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
}

header .main-menu {
    float: left;
    width: 100%;
    padding: 20px 0 20px 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

header .logo {
    float: left;
    width: 60%
}

header .logo img {
    float: left;
    width: 160px;
}

.logo-emporda-header a:focus img {
    /* Tothomweb - posar un contorn quan el logo empordà rep el focus */
    outline: 2px solid #015ECC;
    border-radius: 5px;
}

.logo p {
    display: block;
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333333;
    font-family: 'KievitOT-Bold';
    margin-top: 15px;
}

.logo p span {
    font-family: 'KievitOT-Regular';
}

.logo p span::after {
    content: "\a";
    white-space: pre;
}

/* .logo p {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    font-size: 20px;
    color: #333333;
    font-family: 'KievitOT-Bold';
    margin-top: 15px;
}

.logo p span {
    font-family: 'KievitOT-Regular';
    display: inline;
}

p::after {
    content: "";
    flex: 999;
    order: 2;
} */

.head-rgt {
    float: right;
    margin-top: 30px;
}

.head-rgt ul li {
    float: left;
    border-right: 1px solid #f7f7f7;
    margin-right: 18px;
    padding-right: 18px;
}

.head-rgt ul li a {
    font-size: 20px;
    color: #3e3e3e;
    font-family: 'KievitOT-Bold';
    text-transform: uppercase;
}

.head-rgt ul li.access a {
    background: url(../images/access-ico.jpg) no-repeat left;
    padding-left: 40px;
}

.head-rgt ul li.lang-top a {
    margin-right: 8px;
    padding: 1px 4px;
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.head-rgt ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.head-rgt ul li.lang-top a:last-child {
    margin-right: 0;
}

.head-rgt ul li.lang-top a.menu-a {
    background: #282828;
    color: #fff;
}

.head-rgt ul li.lang-top a:hover {
    background: #282828;
    color: #fff;
}

.head-rgt ul li a:hover {
    color: #19559b;
}

.menu-rht {
    float: right;
}

.menu-rht ul li {
    float: left;
    border-right: 1px solid #f7f7f7;
    margin-right: 18px;
    padding-right: 18px;
    font-size: 20px;
    color: #3e3e3e;
    font-family: 'KievitOT-Bold';
    text-transform: uppercase;
    position: relative;
}

.menu-rht ul li.search a {
    background: url(../images/searching-magnifying-glass.svg) no-repeat left;
    width: 20px;
    display: inline-block;
    height: 22px;
    background-size: 100%;
}

.search-frm-field {
    position: absolute;
    top: 46px;
    right: 0px;
    background: #fff;
    min-width: 300px;
    min-height: 65px;
    z-index: 99;
    overflow: hidden;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
    opacity: 0;
    display: none;
    border: 1px solid #ddd;
}

.search-frm-field input[type="text"] {
    border: none;
    background: none;
    line-height: 30px;
    width: 190px;
    height: auto;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0px;
    font-family: 'KievitOT-Regular';
    border: 1px solid #000;
    margin-bottom: -0.5em;
    display: inline-block;
    vertical-align: middle;
}

.search-frm-field label#search-label,
label#mob-search-label {
    text-transform: none;
    font-size: 16px;
    font-family: 'KievitOT-Regular';
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.search-frm-field input[type="submit"] {
    text-transform: none;
    font-size: 16px;
    font-family: 'KievitOT-Regular';
    display: inline-block;
    vertical-align: bottom;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.search-frm-field form {
    padding-top: 0.5em;
}

.search-frm-field button[type="submit"] {
    border: none;
    width: 20px;
    height: 22px;
    background: url(../images/searching-magnifying-glass.svg) no-repeat center center;
    cursor: pointer;
    margin: 12px 8px 0 8px;
    display: inline-block;
    vertical-align: middle;
}

.search-form.open-form .search-frm-field {
    display: block;
    opacity: 1;
}

.menu-rht ul li.heart a {
    background: url(../images/hearts-black.svg) no-repeat left;
    width: 23px;
    float: left;
    height: 22px;
    background-size: 100%;
}

.menu-rht ul li.heart a:hover {
    background: url(../images/hearts-red.svg) no-repeat left;
    width: 23px;
    height: 22px;
    background-size: 100%;
}

.menu-rht ul li:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.menu-rht ul li a:hover {
    color: #19559b;
}

.menu-top {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 0px;
    position: relative;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    z-index: 99;
}

.menu-top .menu {
    float: left;
    width: 65%;
}

a.clients {
    float: right;
    font-family: 'Cabin', sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 5px 18px;
    border: 1px dotted #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    margin-left: 48px;
}

a.clients span {
    background: url(../images/clients.svg) no-repeat 0px 0px;
    display: inline-block;
    width: 13px;
    height: 15px;
    margin-right: 14px;
    position: relative;
    top: 2px;
}

a.clients:hover {
    background: #eb8731;
}

/* .sticky-logo { float:left;height: 34px; display:none;}
.is-sticky .sticky-logo{display:block;}
.is-sticky .menu-top .menu { float:right;}
.is-sticky .ddsmoothmenu ul li {margin: 0px 0px 0px 62px;} */

.banner-home {
    float: left;
    width: 100%;
    position: relative;
}



.social-sec {
    float: left;
    width: 100%;
    padding: 32px 0px;
    background: #333;
    text-align: center;
}

.social-sec h2 {
    font-family: 'KievitOT-Bold';
    color: #fbb507;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 34px;
}

.social-sec ul li {
    display: inline-block;
    margin: 0px 5px;
    min-width: 116px;
}

.social-sec ul li .icon-div {
    display: flex;
    display: -webkit-flex;
    width: 112px;
    height: 112px;
    border: 4px solid #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -moz-border-radius: 100px;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    margin: auto;
}

.social-sec ul li .icon-div img {
    width: 38px;
}

.social-sec ul li h3 {
    font-family: 'KievitOT-Bold';
    color: #fff;
    padding-top: 10px;
}

.social-sec ul li:hover h3 {
    color: #fbb507;
}

/* footer css */
footer {
    float: left;
    width: 100%;
    background: #19559b;
    padding: 0px 0px 0px;
}

.foot-top {
    float: left;
    width: 100%;
    padding: 45px 0px 32px;
    position: relative;
}

.foot-menu {
    float: left;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.foot-menu li {
    float: left;
    width: 20%;
    padding: 0px 2%;
    border-right: 1px solid #fff;
}

.foot-menu li h2 {
    font-size: 20px;
    color: #fff;
    font-family: 'asapsemibold';
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

ul.foot-menu li ul li {
    width: 100% !important;
    padding: 0px;
    border: none;
    float: left;
    margin: 0px;
}

.foot-menu li ul li a {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 10px;
    color: #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    float: left;
    font-family: 'KievitOT-Light';
}

.foot-menu li a:hover {
    color: #fbb505;
}

ul.foot-menu li:last-child {
    margin-right: 0px;
    border: none;
}

ul.foot-menu li:nth-child(1) {
    width: 13%;
}

ul.foot-menu li:nth-child(2) {
    width: 30%;
}

ul.foot-menu li:nth-child(3) {
    width: 21%;
}

ul.foot-menu li:nth-child(4) {
    width: 13%;
}

.foot-menu>li>ul {
    margin-top: 10px;
}

.foot-menu>li>a {
    font-size: 20px;
    color: #fff;
    font-family: 'asapsemibold';
    letter-spacing: 0.5px;
}

.foot-btm {
    float: left;
    width: 100%;
    padding: 30px 0px 30px;
    background: #fff;
}

.foot-btm ul li {
    float: left;
    margin-right: 30px;
}

.foot-btm ul li:last-child {
    margin-right: 0px;
}

.foot-btm ul li a {
    color: #333333;
    font-family: 'asapbold';
    font-size: 14px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.foot-btm ul li a:hover {
    color: #fbb507;
}

.sh-foot {
    float: right;
    width: 100%;
}

.sh-foot ul {
    text-align: right;
    float: right;
}

.sh-foot ul li {
    float: left;
    margin-right: 25px;
}

.sh-foot ul li:nth-child(1) a img {
    width: 10px;
}

.sh-foot ul li:last-child {
    margin-right: 0;
}

.sh-foot ul li a img {
    width: 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.sh-foot ul li:hover a img {
    opacity: 0.7;
}

.foot-btm .foot-btm-lft {
    float: left;
    width: 26%;
}

.foot-btm .foot-btm-rgt {
    float: left;
    width: 74%;
}

.foot-btm .foot-btm-lft h2 {
    font-family: 'asapbold';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #333333;
}

.foot-btm .foot-btm-lft strong {
    font-family: 'asapbold';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    color: #333333;
}

.foot-btm .foot-btm-lft p {
    font-family: 'KievitOT-Light';
    font-size: 14px;
}

.foot-btm .foot-btm-lft p a:hover {
    text-decoration: underline;
}

.foot-btm .foot-btm-lft ul {
    float: left;
    width: 100%;
    margin-top: 20px;
}

#footer-mail {
    text-decoration: underline;
}

.foot-btm .foot-btm-rgt p {
    font-family: 'KievitOT-Light';
    font-size: 14px;
}

.foot-btm .foot-btm-rgt ul li {
    width: auto;
    float: left;
    margin-right: 10px;
}

.foot-btm .foot-btm-rgt ul li:last-child {
    margin-right: 0px;
}

.foot-btm .foot-btm-rgt ul li img {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.foot-btm .foot-btm-rgt ul li:hover img {
    opacity: 0.7;
}

/* .foot-btm .foot-btm-rgt ul li:nth-child(1) img{width:100px; float:left;}
.foot-btm .foot-btm-rgt ul li img{width:129px; float:left;}
.foot-btm .foot-btm-rgt ul li img{width:100px; float:left;}
.foot-btm .foot-btm-rgt ul li img{width:100px; float:left;} */


.et-recom {
    float: left;
    width: 100%;
    padding: 75px 0 84px 0;
    display: flex;
    flex-wrap: wrap;
}

.et-recom h1 {
    font-family: 'KievitOT-Bold';
    font-size: 55px;
    text-align: center;
    line-height: 54px;
    margin-bottom: 25px;
    color: #282828;
}

.et-recom p {
    font-family: 'KievitOT-Regular';
    font-size: 24px;
    text-align: center;
    line-height: 26px;
    color: #757575;
    margin-bottom: 50px;
}

.et-recom ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 25px;
}

.et-recom ul li:nth-child(3n) {
    margin-right: 0;
}

.et-recom ul li .et-img {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.et-recom ul li .et-img img {
    float: left;
    width: 100%;
}

.et-recom ul li .et-cnt {
    display: inline-block;
    height: auto;
    width: 100%;
    background: #f6f6f6;
    padding: 26px 40px 40px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.et-recom ul li .et-cnt-home {
    min-height: 180px !important;
}

.et-recom ul li:hover .et-cnt {
    background: #fbb507;
}

.et-recom ul li .et-cnt h2 {
    font-family: 'KievitOT-Bold';
    font-size: 38px;
    text-align: left;
    line-height: 40px;
    margin-bottom: 15px;
    color: #282828;
}

.et-recom ul li .et-cnt p {
    text-align: left;
    font-size: 18px;
    color: #282828;
    margin-bottom: 0;
}

.news-letter {
    float: left;
    width: 100%;
    background: #333333;
    padding: 60px 0 50px;
}

.news-letter-lft {
    float: left;
    min-width: 25%;
}

.news-letter-lft h1 {
    font-size: 52px;
    color: #fff;
    font-family: 'KievitOT-Bold';
    line-height: 54px;
    margin-bottom: 20px;
}

.news-letter-lft input[type="email"],
.news-letter-lft input[type="text"] {
    font-family: 'KievitOT-Light';
    background: none;
    border: 2px solid #fff;
    width: 80%;
    padding: 10px 15px;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.check input[type=checkbox]:not(old) {
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    cursor: pointer;
    display: none;
    left: 3px;
    top: 22px;
}

.check input[type=checkbox]:not(old)+label {
    display: inline-block;
    line-height: 1.5em;
    float: left;
    width: 100%;
    color: #fff;
    margin-top: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.check input[type=checkbox]:not(old)+label>span {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -5px 10px 0 0;
    vertical-align: middle;
    position: relative;
    background: #fff;
    border-radius: 3px;
}

.check input[type=checkbox]:not(old):checked+label>span:before {
    content: '';
    display: inline-block;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: #19559b;
    height: 19px;
    width: 19px;
    position: absolute;
    top: 3px;
    left: 3px;
}

.check strong a {
    color: #1e1f24;
    text-decoration: underline;
    font-family: 'sourcesanspro-bold';
    font-weight: normal;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.check ul li.check label {
    margin-top: 0;
    width: auto;
}

.check ul li.check-1 label {
    width: auto;
}

.check input[type=checkbox]:not(old):checked+label>span.l-txt:before {
    display: none;
}

.check p {
    float: right;
    width: calc(100% - 40px);
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-family: 'KievitOT-Light';
}

.news-letter-right {
    float: right;
    width: 40%;
}

.news-letter-right h3 {
    color: #fff;
    font-family: 'KievitOT-Bold';
    font-size: 30px;
    color: #fff;
    line-height: 35px;
    margin-bottom: 15px;
    margin-top: 12px;
}

.news-letter-right ul li {
    float: left;
    margin-right: 3%;
    width: 45%;
    margin-bottom: 16px;
}

.news-letter-right ul li .check p {
    font-size: 23px;
    font-family: 'KievitOT-Light';
}

.news-letter-right ul li .check p.bold {
    font-family: 'KievitOT-Bold';
    text-decoration: underline;
}

.news-letter-right ul li .check input[type="checkbox"]:not(old)+label>span {
    width: 25px;
    height: 25px;
    border-radius: 50px;
}

.news-letter-right ul li .check input[type="checkbox"]:not(old):checked+label>span::before {
    border-radius: 50px;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
}

.subs-btn {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 45px;
}

.subs-btn a {
    background: #fff;
    font-family: 'KievitOT-Bold';
    font-size: 20px;
    padding: 21px 20px;
    border-radius: 2px;
    width: 550px;
    display: inline-block;
    color: #282828;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    border: 2px solid #fff;
}

.subs-btn a:hover {
    background: #333333;
    color: #fff;
}

.et-recom.perdre h1 {
    margin-bottom: 60px;
}

.et-recom.perdre ul li .et-cnt h2 {
    font-size: 34px;
}

.et-recom.perdre ul li .et-cnt p {
    color: #656565;
}

.et-recom.perdre ul li:hover .et-cnt {
    background: #19559b;
}

.et-recom.perdre ul li:hover .et-cnt h2 {
    color: #fff;
}

.et-recom.perdre ul li:hover .et-cnt p {
    color: #fff;
}

.pauseplay-btn {
    position: absolute;
    bottom: 50px;
    z-index: 1;
    width: 100%;
    text-align: center;
}

.pauseplay-btn a {
    margin-right: 12px;
    cursor: pointer;
}

#playBtn,
#pauseBtn {
    height: 50px;
}

#pausar-carrousel-iniciBtn {
    background: #fbb507;
    color: #292929;
    font-size: 14px;
    height: 45px;
    margin-top: 20px;
    width: auto;
    text-align: center;
    line-height: 45px;
    padding: 0px 20px;
    font-family: 'KievitOT-Regular';
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    border: none;
    border-radius: 0px;
}

.hotel-pad {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.hotel-tile {
    float: left;
    color: #33354a;
    font-size: 22px;
    font-family: 'KievitOT-Bold';
    margin: 14px 0 0 0;
}

.list-view {
    float: right;
}

.list-view ul li {
    float: left;
    margin-right: 12px;
}

.list-view ul li:last-child {
    margin-right: 0;
}

.hotel-list {
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
}

.hotel-list ul {
    float: left;
    width: 100%;
}

.hotel-list ul li {
    float: left;
    width: 24%;
    margin-right: 0.6%;
    margin-left: 0.4%;
    margin-bottom: 1.3%
}

/*.hotel-list ul li h3, .hotel-list ul li h2 { margin-bottom: 5px; background: #646464; color: #fff; font-size: 20px; font-family: 'KievitOT-Bold';  padding: 15px 0; text-align: center; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}*/
.hotel-list ul li>h3,
.hotel-list ul li h2 {
    margin-bottom: 5px;
    background: #646464;
    color: #fff;
    font-size: 20px;
    font-family: 'KievitOT-Bold';
    padding: 15px 0;
    text-align: center;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.hotel-list ul li .hotel-txt {
    padding: 20px 15px;
    float: left;
    width: 100%;
    background: #f6f6f6;
    border: 4px solid #f6f6f6;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.hotel-list ul li .hotel-txt p {
    font-size: 18px;
    color: #333649;
    font-family: 'KievitOT-Regular';
    display: block;
    margin: 0px 0px 25px 0px;
    text-align: left;
}

.hotel-list ul li .hotel-txt p:first-child {
    margin-bottom: 0;
}

.hotel-list ul li .hotel-txt ul {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.hotel-list ul li .hotel-txt ul li {
    width: 100%;
    font-size: 16px;
    font-family: 'KievitOT-Regular';
    margin-bottom: 10px;
}

.hotel-list ul li .hotel-txt ul li a {
    color: #0645ac;
}

.hotel-list ul li .hotel-txt ul li a:hover {
    text-decoration: none;
}

.hotel-list ul li .hotel-txt ul li span {
    font-family: 'KievitOT-Bold';
}

.hotel-txt div {
    position: relative;
}

.hotel-txt p,
.hotel-txt ul,
.hotel-txt li,
.hotel-txt span,
.hotel-txt a {
    position: relative;
    z-index: 1;
}

.hotel-txt a {
    word-break: break-all;
    text-decoration: none;
}

/* .hotel-list ul li h3 { color: #34364b; font-size: 19px; font-family: 'KievitOT-Bold'; margin: 0 0 15px 0; } */
.hotel-list ul li ul.img-list {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.hotel-list ul li ul.img-list li {
    float: left;
    width: auto;
    margin: 0 10px 0 0;
}

.hotel-list ul li ul.img-list li img {
    float: left;
}

.hotel-item-distintius {
    display: flex;
}

.heart-ico-blu a {
    background: url(../images/hearts-grey.svg) no-repeat left;
    width: 26px;
    float: right;
    height: 26px;
    background-size: 100%;
}

.heart-ico-blu a:hover {
    background: url(../images/hearts-blue.svg) no-repeat left;
    width: 26px;
    float: right;
    height: 26px;
    background-size: 100%;
}

.hotel-list ul li:hover h2 {
    background: #19559b;
    color: #fff;
}

.hotel-list ul li:hover .hotel-txt {
    background: #fff;
    border: 4px solid #19559b;
}

/* .hotel-list ul li:nth-child(4n) { margin-right: 0;} */
a.veure-btn.ven-rest {
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    margin: 50px 0 20px;
    text-decoration: none;
}

.vivencies a.veure-btn {
    text-decoration: none;
}

.popup {
    float: left;
    display: none;
    background: #fff;
    width: 100%;
    max-width: 1000px;
    padding: 0px;
}

#hotel-popup {
    max-width: 765px;
    min-width: 765px;
}

.pop-pad {
    float: left;
    width: 100%;
    padding: 45px 50px;
}

.pop-pad h1 {
    color: #282828;
    font-size: 35px;
    font-family: 'KievitOT-Bold';
    margin: 0 0 35px 0;
    text-align: center;
}

.pop-lft {
    float: left;
    width: 50%;
}

.pop-rgt {
    float: left;
    width: 50%;
}

.pop-pad .pop-lft p {
    font-size: 18px;
    color: #333649;
    font-family: 'KievitOT-Regular';
    display: block;
    margin-bottom: 25px;
}

.pop-pad .pop-lft ul {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.pop-pad .pop-lft ul li {
    width: 100%;
    font-size: 18px;
    font-family: 'KievitOT-Regular';
    margin-bottom: 10px;
}

.pop-pad .pop-lft ul li a {
    color: #0645ac;
}

.pop-pad .pop-lft ul li a:hover {
    text-decoration: underline;
}

.pop-pad .pop-lft ul li span {
    font-family: 'KievitOT-Bold';
}

.pop-pad h3 {
    color: #34364b;
    font-size: 19px;
    font-family: 'KievitOT-Bold';
    margin: 0 0 15px 0;
}


ul.dist-img {
    float: left;
    width: 100%;
    margin-bottom: 22px;
}

ul.dist-img li {
    float: left;
    width: 18.5%;
    margin-right: 8%;
}

ul.dist-img li img {
    float: left;
    width: 100%;
}

ul.dist-img li:nth-child(4n) {
    margin-right: 0px;
}

a.pop-btn {
    display: inline-block;
    background: #fbb507;
    color: #292929 !important;
    font-size: 18px;
    min-height: 45px;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    padding: 0px 20px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 2px;
    border: none;
    border-radius: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

a.pop-btn:hover {
    color: #fff !important;
    background: #19559b;
}

.form-in {
    float: left;
    width: 90%;
}

.form-in h4 {
    color: #343434;
    font-size: 18px;
    line-height: 45px;
    font-family: 'KievitOT-Regular';
    float: left;
}

.form-in input[type="text"] {
    float: right;
    margin-left: 15px;
    border: 2px solid #919191;
    background: #fff;
    line-height: 45px;
    min-width: 70%;
    padding: 0px 5px;
    height: auto;
    color: #555;
    font-size: 16px;
    margin-top: 0px;
    font-family: 'KievitOT-Regular';
    font-style: italic;
}


.form-in input[type="text"]:-moz-placeholder,
.form-in input[type="text"]::-moz-placeholder,
#desde::-moz-placeholder,
#desde::placeholder,
#desde::-webkit-input-placeholder {
    color: #555 !important;
    opacity: 1;
}

.share-div {
    float: left;
    width: 100%;
    margin-top: 32px;
}

.share-lft {
    float: left;
}

.share-lft ul li {
    float: left;
    margin-right: 35px;
}

.share-lft ul li img {
    float: left;
    width: 32px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.share-lft ul li:hover img {
    opacity: 0.7;
}

.share-rgt ul {
    float: right;
    padding-right: 30px;
}

.share-rgt ul li img {
    float: left;
    width: 32px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.share-rgt ul li:hover img {
    opacity: 0.7;
}


/*****Contact Styles*****/
.lgray-box {
    float: left;
    width: 100%;
    background: #f6f6f6;
    font-family: 'KievitOT-Regular';
    font-size: 17px;
    color: #707070;
    padding: 40px 0px;
    margin: 0px 0px;
}

.lgray-box h2,
.lgray-box h3 {
    font-family: 'KievitOT-Bold';
    font-size: 28px;
    color: #33354A;
    line-height: 30px;
    padding: 0px 0px;
    margin: 10px 0px;
    text-align: center;
}

h4.text-descarregar {
    font-size: 16px !important;
}

h3.titol-publicacio {
    font-family: 'KievitOT-Bold';
    font-size: 18px !important;
    line-height: 18px !important;
    text-align: left !important;
    margin: 0;
    margin-bottom: 10px;
}

h4.titol-publicacio {
    font-family: 'KievitOT-Bold';
    font-size: 18px !important;
    line-height: 18px !important;
    text-align: left !important;
    margin: 0;
    margin-bottom: 10px;
}

p.peu-foto {
    font-style: italic;
    font-size: 16px;
    color: #19559B;
}

.cform-left {
    float: left;
    width: 50%;
    padding: 0px 0px;
    margin: 0px 0px;
}

.cform-right {
    float: left;
    width: 47%;
    padding: 0px 0px;
    margin: 90px 0px 0px 3%;
}

.cform-left p {
    font-size: 17px;
    color: #707070;
    padding: 20px 0px 30px 0px;
    margin: 0px 0px;
    line-height: 22px;
}

.cform-left ul li {
    float: left;
    width: 49%;
    margin-bottom: 20px;
    margin-right: 2%;
    position: relative;
}

.cform-left ul li:nth-child(2n-2) {
    margin-right: 0px;
}

.cform-left ul li:last-child {
    margin-bottom: 0;
    width: 100%;
    margin-top: 25px;
}

.cform-left ul li.full-wid {
    width: 100%;
}

.cform-left input[type="text"],
.cform-left input[type="email"] {
    width: 100%;
    background: #fff;
    padding: 0px 10px;
    border: 1px solid #c9c9c9;
    border-radius: 0px;
    height: 43px;
    line-height: 43px;
    font-family: 'KievitOT-Regular';
    font-weight: 300;
    font-size: 16px;
    color: #282828;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.cform-left input[type="text"]:focus,
.cform-left textarea:focus {
    border: solid 1px #fbb507;
}

.cform-left textarea {
    height: 190px;
    padding: 10px 10px;
    border: 1px solid #c9c9c9;
    font-family: 'KievitOT-Regular';
    font-size: 16px;
    color: #282828;
    width: 100%;
    resize: none;
}

.cform-left input[type="submit"] {
    display: inline-block;
    background: #fbb507;
    color: #292929;
    font-size: 16px;
    min-height: 45px;
    line-height: 43px;
    padding: 0px 40px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    float: right;
    border-radius: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.cform-left input[type="submit"]:hover {
    color: #fff;
    background: #19559b;
}

.cform-left input[type=checkbox]:not(old) {
    position: absolute;
    width: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    cursor: pointer;
    display: none;
    left: 3px;
    top: 22px;
}

.cform-left input[type=checkbox]:not(old)+label {
    position: relative;
    display: inline-block;
    line-height: 1.5em;
    float: left;
    width: 100%;
    color: #2d313c;
    font-size: 15px;
    font-family: 'KievitOT-Regular';
    font-weight: 400;
    padding-left: 25px;
}

.cform-left input[type=checkbox]:not(old)+label>span {
    position: absolute;
    top: 3px;
    left: 0px;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #c9c9c9;
    background: #fff;
    border-radius: 1px;
}

.cform-left input[type=checkbox]:not(old):checked+label>span:before {
    content: '';
    display: inline-block;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    background: #19559b;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 1px;
}

.cform-left input[type=checkbox]:not(old)+label strong {
    font-weight: normal;
    color: #858585;
}

.cform-left ul li .co-lf {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.cform-left ul li .co-lf:last-child {
    margin-right: 0;
}

.cform-left ul li .co-lf .opt {
    float: left;
    margin-top: 8px;
}

.cform-left ul li .co-lf.lei {
    width: 68%;
}

.cform-left ul li .btn-rightbg {
    float: left;
    width: 30%;
}


.cform-right ul.info li {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-family: 'KievitOT-Regular';
    font-weight: 400;
    font-size: 17px;
    line-height: 25px;
    color: #707070;
}

.cform-right ul.info li .info-logo {
    float: left;
    margin-right: 35px;
}

.cform-right ul.info li:last-child {
    margin-bottom: 0px;
}

.cform-right ul.info li strong {
    color: #282828;
}

.cform-right ul.info li a {
    color: #707070;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    transition: All 0.5s ease;
    text-decoration: underline;
}

.cform-right ul.info li a:hover {
    color: #D56F15;
}

.cform-right ul.social {
    float: left;
    width: 100%;
    padding: 35px 0px 20px;
    margin-top: 0px;
}

.cform-right ul.social li {
    float: left;
    margin-right: 50px;
    margin-bottom: 0px;
}

.cform-right ul.social li.fb {
    width: 15px;
}

.cform-right ul.social li.twt {
    width: 25px;
}

.cform-right ul.social li.inst {
    width: 24px;
}

.cform-right ul.social li.wats {
    width: 24px;
}

.cform-right ul.social li img {
    margin-bottom: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
}

.cform-right ul.social li:hover img {
    opacity: 0.7;
}

.cform-right ul.social li:last-child {
    margin-right: 0px;
}


/******Moments Styles******/
.dgray-box {
    float: left;
    width: 100%;
    background: #646464;
    font-family: 'KievitOT-Regular';
    font-size: 17px;
    color: #FFFFFF;
    line-height: 26px;
    padding: 40px 0px;
    margin: 0px 0px;
}

.dgray-box h2 {
    font-family: 'KievitOT-Bold';
    font-size: 42px;
    color: #FFFFFF;
    line-height: 40px;
    padding: 0px 0px;
    margin: 0px 0px 20px 0px;
}

.tot-box {
    float: left;
    width: 100%;
    padding: 0px 0px 60px 0px;
    mnargin: 0px;
}

.tot-box p {
    font-family: 'KievitOT-Regular';
    font-size: 17px;
    color: #FFFFFF;
    padding: 10px 0px 30px 0px;
    margin: 0px 0px;
    line-height: 26px;
}

.img-box {
    display: block;
    padding: 0px 0px;
    margin-bottom: 15px;
}

.lft-txt {
    float: left;
    width: 60%;
    padding: 0px 0px;
    margin: 0px 0px;
}

.rgt-txt {
    float: left;
    width: 35%;
    padding: 0px 0px;
    margin: 0px 0px 0px 5%;
}

.rgt-txt ul {
    float: right;
    list-style-type: none;
    width: 100%;
    padding-top: 12px;
}

.rgt-txt ul li,
.rgt-txt div p {
    float: left;
    list-style-type: none;
    font-family: 'KievitOT-Bold';
    font-size: 18px;
    padding: 0px 0px;
    margin: 5px 0px;
}

.rgt-txt ul li.heart,
.rgt-txt div p.heart {
    float: right;
}

.rgt-txt ul li a,
.rgt-txt div p a {
    color: #FFFFFF;
    padding: 20px 0px 15px 36px;
    position: relative;
}

.rgt-txt ul li a:hover,
.rgt-txt div p a:hover {
    color: #FFFFFF;
}

.rgt-txt ul li.loc a span,
.rgt-txt div p.loc a span {
    position: absolute;
    left: 0px;
    top: 14px;
    background: url(../images/pin-locate-white.svg) top left no-repeat;
    display: inline-block;
    width: 25px;
    height: 33px;
    background-size: cover;
}

.rgt-txt ul li.loc a:hover span,
.rgt-txt div p.loc a:hover span {
    background: url(../images/pin-locate-hvr.svg) top left no-repeat;
    display: inline-block;
    width: 25px;
    height: 33px;
    background-size: cover;
}

.rgt-txt ul li.loc a:hover,
.rgt-txt div p.loc a:hover {
    text-decoration: underline;
}

.rgt-txt ul li.heart a span,
.rgt-txt div p.heart a span {
    background: url(../images/hearts-white.svg) top left no-repeat;
    display: inline-block;
    width: 32px;
    height: 30px;
    background-size: cover;
}

.rgt-txt ul li.heart a:hover span,
.rgt-txt div p.heart a:hover span {
    background: url(../images/hearts-red.svg) top left no-repeat;
    display: inline-block;
    width: 32px;
    height: 30px;
    background-size: cover;
}


/******vivenvies Styles******/
.empodra .sgray-box {
    float: left;
    width: 100%;
    background: #f6f6f6;
    font-family: 'KievitOT-Regular';
    font-size: 17px;
    color: #707070;
    padding: 0px 0px 40px 0px;
    margin: 30px 0px 0px 0px;
    position: relative;
}

.empodra .sgray-box::after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background: #fff;
    height: 210px;
    width: 100%;
    z-index: 0;
}

.empodra .sgray-box ul {
    position: relative;
    z-index: 1;
}

.empodra ul li .emp-lft h2,
.empodra ul li .emp-rgt h2 {
    font-family: 'KievitOT';
    margin-bottom: 20px;
    font-size: 42px;
    line-height: 42px;
    color: #282828;
}

.empodra.vivencies strong {
    font-family: 'KievitOT-Bold';
}


/******Publicacions Styles*****/
ul.publications {
    float: left;
    width: 100%;
    padding: 20px 0px;
    margin: 0px 0px;
}

ul.publications li {
    float: left;
    list-style-type: none;
    background: #FFFFFF;
    width: 32.3333%;
    padding: 15px 20px;
    margin: 0px 1.5% 15px 0px;
    height: 12em;
}

ul.publications li:nth-child(3n+3) {
    margin-right: 0px;
}

ul.publications li .img-left {
    float: left;
    padding: 0px 0px;
    margin-right: 1%;
    width: 34%;
}

ul.publications li .img-left img {
    float: left;
    width: 100%;
}

ul.publications li .txt-right {
    float: left;
    padding: 0px 15px;
    margin: 0px 0px;
    width: 65%;
}

ul.publications li p.descarregar {
    font-family: 'KievitOT-Bold';
    font-size: 16px;
    color: #33354A;
    line-height: 18px;
    padding: 0px 0px;
    margin: 0px 0px 5px 0px;
}

ul.publications li ul.ico-list {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 9px 0px 0px 0px;
}

ul.publications li ul.ico-list li {
    float: left;
    width: auto;
    padding: 0px;
    margin: 0px 18% 0px 0px;
}

ul.publications li ul.ico-list li:last-child {
    margin: 0px 0px 0px 0px;
    height: auto;
}

ul.publications li a.pdf_lnk {
    display: inline-block;
    background: url(../images/pdf-icon.png) left center no-repeat;
    font-size: 17px;
    color: #33354A;
    line-height: 18px;
    padding: 9px 0px 1px 26px;
}

ul.publications li a.pdf_lnk:hover {
    opacity: 0.5;
    color: #b10707;
}

ul.publications li a.issue_lnk {
    display: inline-block;
    background: url(../images/issue-icon.png) left center no-repeat;
    font-size: 17px;
    color: #33354A;
    line-height: 18px;
    padding: 9px 0px 1px 36px;
}

ul.publications li a.issue_lnk:hover {
    opacity: 0.5;
    color: #19559b;
}

ul.publications li .img-left.img-left1 {
    width: 41%;
}

ul.publications li .txt-right.txt-right1 {
    width: 58%;
}


/* empodra page css */
.noti {
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 18px 0px;
    position: relative;
}

.noti .row {
    position: relative;
}

.noti p {
    color: #292929;
    font-family: 'KievitOT-Bold';
    font-size: 16px;
}

.noti p span {
    font-family: 'KievitOT-Regular';
    text-decoration: underline;
}

.noti-close {
    position: absolute;
    right: 0px;
    top: 0px;
}

.bread-cum {
    float: left;
    width: 100%;
    padding: 23px 0px 20px 0px;
}

.bread-cum .brd-lft {
    float: left;
    width: 50%;
}

.bread-cum .brd-lft ul li {
    float: left;
    color: #292929;
    font-family: 'KievitOT-Bold';
    position: relative;
    padding: 0px 8px 0px 0px;
    margin: 0px 8px 0px 0px;
    font-size: 15px;
}

.bread-cum .brd-lft ul li::after {
    position: absolute;
    content: "/";
    color: #285fa2;
    font-size: 15px;
    top: 0px;
    right: -3px;
    font-family: 'KievitOT-Regular';
}

.bread-cum .brd-lft ul li:last-child::after {
    content: "";
}

.bread-cum .brd-lft ul li a {
    color: #285fa2;
    font-size: 15px;
    font-family: 'KievitOT-Regular';
}

.bread-cum .brd-lft ul li a:hover {
    text-decoration: underline;
}

.bread-cum .brd-rgt {
    float: left;
    width: 50%;
}

.bread-cum .brd-rgt a.escot {
    float: right;
    border: 1px solid #19559b;
    color: #19559b;
    font-size: 16px;
    font-family: 'KievitOT-Bold';
    padding: 3px 4px;
}

.bread-cum .brd-rgt a.escot img {
    float: left;
    margin-right: 7px;
    margin-top: 2px;
}


.empodra {
    float: left;
    width: 100%;
}

.empodra h1 {
    font-family: 'KievitOT-Bold';
    font-size: 55px;
    text-align: center;
    line-height: 55px;
    margin-bottom: 10px;
    color: #282828;
}

.empodra p {
    font-family: 'KievitOT-Regular';
    font-size: 16px;
    text-align: center;
    line-height: 26px;
    color: #282828;
    margin-bottom: 0px;
}

.empodra.vivencies p {
    text-align: left;
}

.empodra ul {
    float: left;
    width: 100%;
    margin-top: 55px;
}

.empodra ul li {
    float: left;
    width: 100%;
    margin-bottom: 38px;
}

.empodra ul#havenera-ul,
.empodra ul#festivals-ul {
    margin-top: 0;
    list-style-type: disc;
}

.empodra ul#havenera-ul li,
.empodra ul#festivals-ul li {
    margin-bottom: 5px;
    list-style-type: disc;
    margin-left: 30px;
}

#festivals-p {
    margin-top: 300px;
}

.empodra ul li .emp-lft {
    float: left;
    width: 50%;
    padding: 0px 11px 0px 0px;
}

.empodra ul li .emp-lft>img,
.empodra ul li .emp-rgt>img {
    float: left;
    width: 100%;
    /*object-fit: scale-down;*/
    object-fit: contain;
    object-position: top;
    max-height: 406px;
}

.empodra ul li .emp-rgt {
    float: left;
    width: 50%;
    padding: 0px 0px 0px 11px;
}

.empodra ul li .emp-rgt h2 {
    font-family: 'KievitOT';
    margin-bottom: 20px;
    font-size: 42px;
    line-height: 42px;
}

.empodra ul li .emp-rgt p,
.empodra ul li .emp-lft p {
    text-align: left;
    margin-bottom: 34px;
}

.empodra ul li .emp-rgt p:last-child,
.empodra ul li .emp-lft p:last-child {
    margin-bottom: 0px;
}

.empodra ul li .emp-rgt.emp-rgt1 {
    float: right;
}

.els-impres {
    float: left;
    width: 100%;
    padding: 60px 0px 50px;
    background: #f2f2f2;
}

.els-impres h2 {
    font-family: 'KievitOT-Bold';
    font-size: 42px;
    text-align: center;
    line-height: 42px;
    margin-bottom: 0px;
    color: #282828;
}

.els-impres ul {
    float: left;
    width: 100%;
    margin-top: 35px;
    display: flex;
    flex-flow: wrap;
}

.els-impres ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 25px;
    /* background: #fff; */
    margin: 0 auto;
}

.els-impres ul li:nth-child(4n) {
    margin-right: 0;
}

.els-impres ul li .et-img {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.els-impres ul li .et-img img {
    float: left;
    width: 100%;
}

.els-impres ul li .et-cnt {
    float: left;
    width: 100%;
    background: #fff;
    padding: 15px 15px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
    min-height: 100px;
}

.els-impres ul li:hover p {
    color: #fff;
}

.els-impres ul li:hover .et-cnt {
    background: #19559b;
}

.els-impres ul li .et-cnt h3 {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    text-align: center;
    line-height: 25px;
    margin-bottom: 0px;
    color: #282828;
}

.els-impres ul li:hover .et-cnt h3 {
    color: #fff;
}


.recoman {
    float: left;
    width: 100%;
    padding-bottom: 35px;
}

.recoman h1 {
    font-family: 'KievitOT-Bold';
    font-size: 55px;
    text-align: center;
    line-height: 55px;
    margin-bottom: 10px;
    color: #282828;
}

.recoman p {
    font-family: 'KievitOT-Regular';
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #282828;
    margin-bottom: 0px;
}

.recoman ul {
    float: left;
    width: 100%;
    margin-top: 35px;
    display: flex;
    flex-flow: wrap;
}

.recoman ul li {
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 30px;
}

.recoman ul li:nth-child(3n) {
    margin-right: 0;
}

.recoman ul li .et-img {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.recoman ul li .et-img img {
    float: left;
    width: 100%;
}

.recoman ul li .et-cnt {
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 22px 25px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
}

.recoman ul li:hover .et-cnt {
    background: #19559b;
}

.recoman ul li .et-cnt h2,
.recoman ul li .et-cnt h3 {
    font-family: 'KievitOT-Bold';
    text-align: left;
    line-height: 22px;
    margin-bottom: 15px;
    color: #282828;
}

.recoman ul li .et-cnt h3 {
    font-size: 22px;
}

.titol-tarjeta,
.recoman ul li .et-cnt .titol-tarjeta {
    font-family: 'KievitOT-Bold' !important;
    font-size: 22px !important;
    font-weight: 100 !important;
    line-height: 26px;
    margin-bottom: 15px;
}

.pobles .titol-tarjeta {
    text-align: center;
}

.pobles ul li:hover p.titol-tarjeta {
    color: white;
}

.descripcio-tarjeta,
.recoman ul li .et-cnt .descripcio-tarjeta {
    font-family: 'KievitOT-Regular';
    text-align: left;
    font-size: 18px !important;
    color: #282828;
    margin-bottom: 0;
    line-height: 26px;
    font-weight: 900;
}

#sgrayBox h3 {
    font-size: 16px;
}

#sgrayBox p {
    margin-bottom: 8px !important;
    line-height: 20px;
}

#sgrayBox a {
    text-decoration: none;
}

#sgrayBox img {
    margin: 8px;
}

#planifica {
    min-height: 30px;
}

.recoman ul li:hover .et-cnt h2 {
    color: #fff;
}

.recoman ul li .et-cnt p {
    text-align: left;
    font-size: 16px;
    color: #282828;
    margin-bottom: 0;
}

.recoman ul li:hover .et-cnt p {
    color: #fff;
}

.recoman ul li .et-cnt span {
    display: block;
    font-family: 'KievitOT-Bold';
    font-size: 16px;
    text-align: left;
    line-height: 16px;
    margin-bottom: 15px;
    color: #282828;
}

.recoman ul li:hover .et-cnt span {
    color: #fff;
}

/* agenda acivitat page */
.recoman.agenda-list {
    background: #f7f7f7;
    padding: 110px 0px 50px;
}

.recoman.agenda-list h2 {
    font-family: 'KievitOT-Bold';
    font-size: 42px;
    text-align: center;
    line-height: 42px;
    margin-bottom: 0px;
    color: #282828;
}

.recoman.agenda-list ul li .et-cnt {
    background: #fff;
}

.recoman.agenda-list ul li:hover .et-cnt {
    background: #19559b;
}

.agenda-out {
    float: left;
    width: 100%;
    margin-top: 35px;
}

.recoman h2.xarxes-socials {
    font-family: "KievitOT-Bold";
    font-size: 18px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
}

.agenda-lft {
    float: left;
    width: 58%;
}

.agenda-lft img {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.agenda-lft p {
    text-align: left;

}

.agenda-lft ul.social {
    float: left;
    width: 100%;
    padding: 35px 0px 20px;
    border-top: 1px solid #eeeeee;
    margin-top: 0px;
}

.agenda-lft strong {
    display: inline;
}

.agenda-lft p.line-break {
    display: inline;
}

.agenda-lft .line-break::after {
    content: "\a";
    white-space: pre;
}

ul.social {
    float: left;
    width: 100%;
    padding: 35px 0px 20px;
    border-top: 1px solid #eeeeee;
    margin-top: 0px;
}

.recoman .agenda-lft ul.social li {
    float: left;
    margin-right: 50px;
    margin-bottom: 0px;
}

ul.social li {
    float: left;
    margin-right: 50px;
    margin-bottom: 0px;
}

.agenda-lft ul.social li.fb {
    width: 15px;
}

.agenda-lft ul.social li.twt {
    width: 25px;
}

.agenda-lft ul.social li.inst {
    width: 24px;
}

.agenda-lft ul.social li.wats {
    width: 24px;
}

.agenda-lft ul.social li img {
    margin-bottom: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
}

.agenda-lft ul.social li:hover img {
    opacity: 0.7;
}

.agenda-lft ul.social li:last-child {
    margin-right: 0px;
}

ul.social li.fb {
    width: 15px;
}

ul.social li.twt {
    width: 25px;
}

ul.social li.inst {
    width: 24px;
}

ul.social li.wats {
    width: 24px;
}

ul.social li img {
    margin-bottom: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
}

ul.social li:hover img {
    opacity: 0.7;
}

ul.social li:last-child {
    margin-right: 0px;
}

.emp-lft.agenda-lft h2 {
    font-family: "KievitOT-Bold";
    font-size: 18px;
}

.agenda-rgt {
    float: left;
    width: 42%;
    padding-left: 45px;
}

.agenda-rgt ul {
    margin: 0px;
}

.agenda-rgt ul li {
    float: left;
    width: 100%;
    padding: 20px 0px 20px 65px;
    margin: 0px;
    border-bottom: 1px solid #eeeeee;
    position: relative
}

.agenda-rgt ul li:first-child {
    padding-top: 0px;
}

.agenda-rgt ul li:last-child {
    border: none;
}

.agenda-rgt ul li h3 {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 8px;
    color: #282828;
}

.agenda-rgt ul li p {
    text-align: left;
    line-height: 20px;
}

.agenda-rgt ul li span.icon {
    position: absolute;
    left: 0px;
}

/* agenda page */
.agenda-lst {
    float: left;
    width: 100%;
    /*padding-bottom: 50px;*/
}

.agenda-lst ul.list-agenda {
    float: left;
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
}

.agenda-lst ul.list-agenda li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 25px;
}

.agenda-lst ul.list-agenda li:nth-child(4n) {
    margin-right: 0;
}

.agenda-lst ul.list-agenda li .et-img {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.agenda-lst ul.list-agenda li .et-img img {
    float: left;
    width: 100%;
}

.agenda-lst ul.list-agenda li .et-cnt {
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 15px 35px 40px 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
    min-height: 12em;
}

.agenda-lst ul.list-agenda li:hover .et-cnt {
    background: #19559b;
}

.agenda-lst ul.list-agenda li .et-cnt h4 {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    margin-bottom: 25px;
    color: #555555;
}

.agenda-lst ul.list-agenda li .et-cnt h2,
.agenda-lst ul.list-agenda li .et-cnt p.p-dates {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    text-align: left;
    line-height: 35px;
    margin-bottom: 15px;
    color: #555555;
    height: auto !important;
    min-height: 30px;
}

#current-month {
    text-align: center;
}

p#current-month {
    word-break: normal;
}


.agenda-lst ul.list-agenda li .et-cnt h3 {
    height: auto !important;
    min-height: 30px;
    line-height: 25px !important;
}

.agenda-lst ul.list-agenda li:hover .et-cnt h2 {
    color: #fff;
}

.agenda-lst ul.list-agenda li .et-cnt p {
    text-align: left;
    font-size: 16px;
    color: #282828;
    margin-bottom: 0;
    font-family: 'KievitOT-Regular';
}

.agenda-lst ul.list-agenda li:hover .et-cnt p {
    color: #fff;
}

.agenda-lst ul.list-agenda li:hover .et-cnt h4 {
    color: #fff;
}

.btn-center {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 50px;
}

.btn-center.btn-subllista {
    padding-bottom: 20px;
}

.btn-subllista {
    display: block !important;
}

button.veure-btn,
a.veure-btn {
    display: inline-block;
    background: #fbb507;
    color: #292929;
    font-size: 18px;
    height: 45px;
    margin-top: 20px;
    line-height: 45px;
    padding: 0px 60px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 1px;
    border: none;
    border-radius: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

button.veure-btn.filtrar-btn,
a.veure-btn.filtrar-btn {
    display: inline-block;
    background: #fbb507 !important;
    color: #292929 !important;
    font-size: 18px;
    height: 45px;
    margin-top: 20px;
    line-height: 45px;
    padding: 0px 60px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

button.veure-btn:hover,
a.veure-btn:hover {
    color: #fff;
    background: #19559b;
}

button.filtrar-btn:hover,
a.filtrar-btn:hover {
    color: #fff !important;
    background: #19559b !important;
}

.vivencies a.veure-btn {
    display: inline-block;
}

ul.filter-list {
    float: left;
    width: 100%;
    text-align: center;
}

ul.filter-list li {
    display: inline-block;
    min-width: 20%;
    margin: 0px 8px;
}

ul.filter-list li .select-agenda .sbHolder {
    border: 2px solid #cacaca;
    line-height: 40px;
}

ul.filter-list li .select-agenda .sbSelector {
    font-family: 'KievitOT-Light';
    font-size: 16px;
    text-align: left;
    color: #282828;
}

ul.filter-list li .select-agenda .sbOptions {
    width: 100% !important;
}

ul.filter-list li .select-agenda .sbHolder .sbOptions li {
    text-align: left;
    display: block;
}

ul.filter-list li .select-agenda .sbOptions a {
    padding: 10px 15px;
    font-family: 'KievitOT-Light';
    font-size: 15px;
}

ul.filter-list li .select-agenda .sbOptions a:hover {
    color: #fbb507
}

ul.filter-list li .select-agenda .sbToggle {
    background: url(../images/select-arw.png) no-repeat 0 0;
    display: block;
    height: 9px;
    outline: none;
    position: absolute;
    right: 12px;
    top: 18px;
    width: 15px;
}

ul.filter-list li .filter-btn {
    position: relative;
    top: -17px;
}

.filter-btn button.veure-btn,
.filter-btn a.veure-btn {
    margin-top: 0px;
    display: block;
    padding: 0px 20px;
}

/* pobles page */
.pobles {
    float: left;
    width: 100%;
    padding: 55px 0px;
    background-color: #f6f6f6;
}

.pobles ul {
    float: left;
    width: 100%;
    margin-top: 0px;
    display: flex;
    flex-flow: wrap;
}

.pobles ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 28px;
}

.pobles ul li:nth-child(4n) {
    margin-right: 0;
}

.pobles ul li .et-img {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.pobles ul li .et-img img {
    float: left;
    width: 100%;
}

.pobles ul li .et-cnt {
    float: left;
    width: 100%;
    background: #fff;
    padding: 17px 10px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.pobles ul li:hover .et-cnt {
    background: #19559b;
}

.pobles ul li .et-cnt h2 {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 0px;
    color: #282828;
}

.pobles ul li:hover .et-cnt h2 {
    color: #fff;
}

/* hotels mapa */
.hotel-pad p {
    color: #33354a;
    font-size: 22px;
    font-family: 'KievitOT-Bold';
    text-align: center;
    margin: 14px 0 0 0;
}

.map-section {
    float: left;
    width: 100%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #cbcbcb 0%, #cbcbcb 50%, #cbcbcb 50%, #ffffff 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #cbcbcb 0%, #cbcbcb 50%, #cbcbcb 50%, #ffffff 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #cbcbcb 0%, #cbcbcb 50%, #cbcbcb 50%, #ffffff 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.map-pad {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    line-height: 0px;
    position: relative;
}

.map-img {
    float: left;
    position: relative;
}

.point {
    position: absolute;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.point::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fbb507;
    border-radius: 50%;
}

.p-detail {
    display: none;
    position: absolute;
    min-width: 200px;
    right: 50%;
    bottom: 30px;
    background: #ffffff;
    padding: 12px 15px;
    margin-right: -100px;
    color: #33354a;
    font-size: 22px;
    font-family: 'KievitOT-Bold';
    line-height: 26px;
    text-transform: uppercase;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 9;
}

.p-detail:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #ffffff;
}

.point.open .p-detail {
    display: block;
}

.point.p1 {
    top: 9%;
    right: 50.6%;
}

.point.p2 {
    top: 8.5%;
    right: 43.5%;
}

.point.p3 {
    top: 8.7%;
    right: 34%;
}

.point.p4 {
    top: 14%;
    right: 52%;
}

.point.p5 {
    top: 17%;
    right: 47.5%;
}

.point.p6 {
    top: 19.8%;
    right: 40.4%;
}

.point.p7 {
    top: 15.3%;
    right: 39%;
}

.point.p8 {
    top: 22.5%;
    right: 28.6%;
}

.point.p9 {
    top: 24.2%;
    right: 25%;
}

.point.p10 {
    top: 20%;
    right: 11%;
}

.point.p11 {
    top: 24.8%;
    right: 50%;
}

.point.p12 {
    top: 26%;
    right: 42.5%;
}

.point.p13 {
    top: 30%;
    right: 54.5%;
}

.point.p14 {
    top: 30%;
    right: 47.5%;
}

.point.p15 {
    top: 29.5%;
    right: 43.5%;
}

.point.p16 {
    top: 28%;
    right: 35.5%;
}

.point.p17 {
    top: 28%;
    right: 29.5%;
}

.point.p18 {
    top: 32.5%;
    right: 28.5%;
}

.point.p19 {
    top: 35%;
    right: 36%;
}

.point.p20 {
    top: 38.5%;
    right: 46%;
}

.point.p21 {
    top: 41%;
    right: 50%;
}

.point.p22 {
    top: 41.5%;
    right: 42.5%;
}

.point.p23 {
    top: 43.8%;
    right: 38.2%;
}

.point.p24 {
    top: 37.8%;
    right: 28.2%;
}

.point.p25 {
    top: 37.5%;
    right: 20.5%;
}

.point.p26 {
    top: 47%;
    right: 25%;
}

.point.p27 {
    top: 47%;
    right: 16.5%;
}

.point.p28 {
    top: 44.7%;
    right: 8.3%;
}

.point.p29 {
    top: 55.5%;
    right: 17.5%;
}

.point.p30 {
    top: 58%;
    right: 22.2%;
}

.point.p31 {
    top: 64.2%;
    right: 25%;
}

.point.p32 {
    top: 69%;
    right: 36%;
}

.point.p33 {
    top: 71.5%;
    right: 24.5%;
}

.point.p34 {
    top: 76%;
    right: 47.5%;
}

.point.p35 {
    top: 81%;
    right: 39.5%;
}

.point.p36 {
    top: 90.4%;
    right: 48%;
}








/* mobile nav css */
.mobNav {
    display: none;
    position: fixed;
    right: 0px;
    overflow: hidden;
}

.m-menu {
    display: none;
    position: relative;
    float: right;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    transition: All 0.5s ease;
    right: 0px;
    top: -2px;
}

/*html.mm-opening .m-menu { right:-100px; }*/
.m-menu a {
    position: relative;
    display: block;
    text-align: right;
    outline: none;
    padding: 0px 0px;
    height: 100%;
    top: 0px;
    right: 0px;
}

.m-menu div {
    position: absolute;
    top: 5px;
    left: -54px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    padding-right: 20px;
    display: inline-block;
}

.m-menu a span {
    display: block;
    width: 22px;
    height: 2px;
    background: #000;
    margin-top: 5px;
}

.m-menu a:hover span {
    background: #1c5faa;
}

/* mobile menu css */
.mobNav {
    display: none;
    position: fixed;
    right: 0px;
    overflow: hidden;
    background: #fff;
    padding-top: 40px;
}

.mobNav ul {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.mobNav ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
}

/* .mobNav ul li:last-child{ border-bottom:none} */
.mobNav ul li a {
    display: block;
    font-size: 15px;
    color: #000;
    padding: 0 0px;
    line-height: 42px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    font-family: 'KievitOT';
    font-weight: 400;
    text-transform: uppercase;
}

.mobNav ul li a:hover {
    color: #1c5faa;
}

.mobNav ul li a.active {
    color: #1c5faa;
}

.mob-ico {
    display: none;
}

.menu-icon {
    float: right;
    width: 25px;
    height: 27px;
    border-radius: 0px;
    cursor: pointer;
    margin-top: 13px;
    margin-left: 0px;
}

.menu-icon span {
    width: 100%;
    margin-bottom: 5px;
    height: 2px;
    background: #030303;
    float: left;
    margin-right: 0;
}

.menu-icon:hover span {
    background: #c31a1f;
}

.hole_div {
    width: 100%;
    /*position:relative; */
    float: left;
}

.hole_div>div#page {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    float: left;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/*.hole_div.move > div#page { left: -275px;}*/
.hole_div.move>div#mobNav {
    right: 0px;
    -webkit-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -4px 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.6);
}

.hole_div>div#mobNav {
    display: block;
    z-index: 9999;
    right: -270px;
    psition: absolute;
    top: 0;
    width: 270px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 100%;
    overflow: auto;
}

#new {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: right;
    color: #FFF;
    display: none;
    z-index: 999;
}

figure.mobi-logo {
    padding: 15px 0 0;
}

.mob-rht.menu-rht {
    display: none;
}

.agenda-lst.product-lo ul.filter-list li {
    float: left;
}

.agenda-lst.product-lo ul.filter-list li .filter-btn {
    top: 0;
}

.agenda-lst.product-lo ul.filter-list li .select-agenda .sbSelector {
    font-size: 20px;
}

.agenda-lst.product-lo ul.filter-list {
    width: 90%;
}

.agenda-lst.product-lo .list-view {
    width: 10%;
}

.agenda-lst.product-lo ul.filter-list li:nth-child(1) {
    width: 16%;
}

.agenda-lst.product-lo ul.filter-list li:nth-child(2) {
    width: 24%;
}

.agenda-lst.product-lo ul.filter-list li:nth-child(3) {
    width: 21%;
}

.agenda-lst.product-lo ul.filter-list li:nth-child(4) {
    width: 23%;
}

.agenda-lst.product-lo ul.filter-list li .select-agenda .sbHolder .sbOptions li {
    width: 100%;
}

.agenda-lst.product-lo ul.filter-list li .select-agenda .sbOptions a {
    font-size: 18px;
}

.pro-tbl {
    float: left;
    width: 100%;
    padding-bottom: 60px;
}

.pro-tbl table {
    float: left;
    width: 100%;
    border: 1px solid #eeeeee;
    border-right: none;
    border-collapse: collapse;
}

.pro-tbl table tr th {
    background: #f7f7f7;
    text-align: center;
    font-family: 'KievitOT-Bold';
    padding: 25px 0;
    font-size: 18px;
    line-height: 18px;
    color: #33354a;
}

.pro-tbl table tr {
    /*border-bottom:1px solid #eeeeee;*/
    border: 3px solid #eeeeee;
}

.pro-tbl table tr:hover {
    border: 4px solid #19559b;
}

.pro-tbl table tr td,
.pro-tbl table tr th {
    border-right: 1px solid #eeeeee;
    text-align: center;
}

.pro-tbl table tr td .tic {
    width: 33px;
}

.pro-tbl table tr td .min {
    width: 23px;
}

.pro-tbl table tr td ul li {
    float: none;
    display: inline-block;
    margin-right: 12px;
    vertical-align: top;
}

.pro-tbl table tr td ul li:last-child {
    margin-right: 0;
}

.pro-tbl table tr td {
    padding: 15px 0;
}

.pro-tbl table tr td ul li img {
    width: 30px;
}

.pro-tbl table tr td .heart-ico-blu a {
    float: none;
    display: inline-block;
}

.pro-tbl table tr td .menu-rht ul li.heart a {
    background: url(../images/hearts-grey.svg) no-repeat left;
    background-size: auto;
    width: 23px;
    float: left;
    height: 22px;
    background-size: 100%;
}

.pro-tbl table tr td .menu-rht ul li.heart a:hover,
.pro-tbl table tr td .menu-rht ul li.heart.act a {
    background: url(../images/hearts-blue.svg) no-repeat left;
    background-size: auto;
    width: 23px;
    height: 22px;
    background-size: 100%;
}

.pro-tbl table tbody tr:hover td {
    border-top: 1px solid #c9c9c9 !important;
    border-bottom: 1px solid #c9c9c9 !important;
}

.pro-tbl table tbody tr:hover td:first-child {
    border-left: 1px solid #c9c9c9 !important;
}

.pro-tbl table tbody tr:hover td:last-child {
    border-right: 1px solid #c9c9c9 !important;
}

.pro-tbl a.veure-btn.ven-rest {
    letter-spacing: 1px;
    font-size: 18px;
    font-family: 'KievitOT-Bold';
    padding: 0px 50px;
}

.heart-ico-blu.act a {
    background: url(../images/hearts-blue.svg) no-repeat left;
    background-size: auto;
    width: 26px;
    float: right;
    height: 26px;
    background-size: 100%;
}

.pop-pro {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 30px;
}

.pop-pro .tic {
    float: right;
    width: 35px;
}

.pop-pad .pop-pro h3 {
    float: left;
}

.pop-pro .min {
    float: right;
    height: 8px;
    width: 25px;
    margin-right: 10px;
}

.pop-pro ul {
    float: right;
}

.pop-pro ul li {
    float: left;
    margin-right: 15px;
}

.pop-pro ul li:last-child {
    margin-right: 0;
}

.share-rgt.proo ul {
    padding-right: 60px;
}

.recoman.oficines ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.recoman.oficines ul li:nth-child(2n) {
    margin-right: 0;
}

.recoman.oficines ul li .et-img {
    float: right;
    width: 50%;
}

.recoman.oficines ul li .et-cnt {
    float: left;
    width: 49%;
    margin-right: 1%;
}

.recoman.oficines ul li ul li {
    width: 100%;
}

.recoman.oficines ul li ul li {
    width: 100%;
    font-size: 18px;
    font-family: 'KievitOT-Regular';
    margin-bottom: 10px;
    text-align: left;
}

.recoman.oficines ul li ul li a {
    color: #0645ac;
}

.recoman.oficines ul li ul li a:hover {
    text-decoration: underline;
}

.recoman.oficines ul li ul li span {
    font-family: 'KievitOT-Bold';
}

.recoman.oficines ul li:hover .et-cnt {
    background: #f6f6f6;
}

.recoman.oficines ul li:hover .et-cnt h2,
.recoman.oficines ul li:hover .et-cnt p {
    color: #282828;
}

.recoman.oficines .share-lft ul {
    margin-top: 0;
}

.recoman.oficines .share-lft ul li {
    width: auto;
    margin-right: 20px;
}

.recoman.oficines .share-lft {
    width: 100%;
}

.recoman.oficines ul li .et-cnt h2 {
    line-height: 28px;
    padding-right: 35px;
    padding-bottom: 17px;
    border-bottom: 1px solid #dfdfdf;
}

.recoman.oficines ul {
    margin-top: 25px;
}

.recoman.oficines .share-div {
    margin-top: 22px;
}

.recoman.oficines ul li .et-cnt {
    padding: 20px 25px;
}

.recoman.oficines {
    padding-bottom: 55px;
}

.filter-list.des-map li input[type="text"] {
    float: right;
    border: 2px solid #8C8C8C;
    background: #fff;
    line-height: 45px;
    width: 100%;
    padding: 0px 22px;
    height: auto;
    color: #000;
    font-size: 18px;
    margin-top: 0px;
    font-family: 'KievitOT-Regular';
}

.filter-list.des-map li.arr-des a {
    background: #19559b;
    float: left;
    padding: 7px 10px;
    width: 100%;
}

.filter-list.des-map li.arr-des {
    width: 5%;
}

.filter-list.des-map li {
    margin-right: 1.5%;
    margin-left: 0;
    width: 23%;
}

.filter-list.des-map li:last-child {
    width: 15%;
}

.filter-list.des-map li ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    opacity: 1;
}

.filter-list.des-map li ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.filter-list.des-map li :-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    opacity: 1;
}

.filter-list.des-map li :-moz-placeholder {
    color: #000;
    opacity: 1;
}

.filter-list.des-map .filter-btn a.veure-btn {
    height: 49px;
    line-height: 49px;
}

.agenda-lst.arri {
    padding-bottom: 15px;
}

.recoman.map-pp h1 {
    margin-bottom: 30px;
}

.situa-geo {
    float: left;
    width: 100%;
    padding: 45px 0 75px 0;
}

.situa-geo h2 {
    font-family: 'KievitOT-Bold';
    font-size: 45px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
    color: #282828;
    margin-bottom: 35px;
}

.situa-geo p {
    padding: 0 12%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 50px;
}

.situa-geo ul li {
    float: left;
    width: 18%;
    margin-right: 23%;
    text-align: center;
}

.situa-geo ul li:nth-child(3n) {
    margin-right: 0;
}

.sit-pad {
    float: left;
    width: 100%;
    padding: 0 130px;
}

.situa-geo ul li img {
    width: 100%;
}

.situa-geo ul li p {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    line-height: 22px;
    padding: 0;
    color: #282828;
    margin: 45px 0 50px 0;
}

.situa-geo ul li a {
    display: inline-block;
    background: #fbb507;
    color: #292929;
    font-size: 18px;
    height: 50px;
    margin-top: 0px;
    line-height: 50px;
    padding: 0px 15px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    width: 100%;
}

.situa-geo ul li a:hover {
    color: #fff;
    background: #19559b;
}

.map-pop p {
    text-align: center;
    margin-bottom: 35px;
    font-size: 18px;
    padding: 0 5%;
}

.map-pop p span {
    font-family: 'KievitOT-Bold';
}

.pop-pad.padf h1 {
    margin-top: 40px;
}

.empodra.platges .emp-rgt {
    float: right;
    width: 58%;
}

.empodra.platges .agenda-lft {
    float: left;
    width: 42%;
    padding-right: 49px;
}

.empodra.platges ul {
    margin-top: 0
}

.empodra.platges h1 {
    margin-bottom: 40px;
}

.empodra.platges .flex-direction-nav li a {
    top: 20%;
}

.multi-map {
    height: 840px;
    margin-bottom: 30px;
}

.hvr-txt p {
    font-family: 'KievitOT-Bold';
    font-size: 18px;
}

/* Page 39 */
.empodra.estartit {
    /*margin-bottom:120px;*/
    margin-bottom: 0px;
}

.empodra.estartit ul li:last-child .emp-rgt {
    width: 56%;
}

.empodra.estartit ul li:last-child .emp-rgt-single-museu {
    width: 85%;
    float: none;
}

.empodra.estartit ul li:last-child .emp-lft {
    width: 48%;
}

.empodra.estartit ul li .emp-rgt h2 {
    font-size: 24px;
    line-height: 34px;
}

.empodra.estartit ul li .emp-lft p {
    font-size: 16px;
}

.empodra.estartit ul li .emp-rgt p {
    font-size: 16px;
}

.empodra.estartit ul li .dades-de-cont h2 {
    font-family: "KievitOT-Bold";
    font-size: 18px;
    line-height: 38px;
}

.empodra.estartit ul li h2 {
    font-family: "KievitOT-Bold";
    font-size: 18px;
    line-height: 38px;
}

.empodra.estartit ul li .dades-de-cont h3 {
    font-family: "KievitOT-Bold";
    font-size: 18px;
}

.empodra.estartit ul li .dades-de-cont h4 {
    font-family: "KievitOT-Bold";
    font-size: 20px;
}

.empodra.estartit ul li .dades-de-cont ul {
    float: left;
    width: 100%;
    padding: 20px 0px 20px;
    margin-top: 0px;
}

.empodra.estartit ul li .dades-de-cont ul li {
    margin-bottom: 0;
    margin-right: 32px;
    float: left;
    width: auto;
}

.empodra.estartit ul li .dades-de-cont ul li span {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.empodra.estartit ul li .dades-de-cont ul li.fb span {
    background: rgba(0, 0, 0, 0) url("../images/facebook_icn_blue.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 32px;
    width: 30px;
}

.empodra.estartit ul li .dades-de-cont ul li.twt span {
    background: rgba(0, 0, 0, 0) url("../images/twitter_icn_blue.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 32px;
    width: 34px;
}

.empodra.estartit ul li .dades-de-cont ul li.inst span {
    background: rgba(0, 0, 0, 0) url("../images/instagram_icn_blue.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 32px;
    width: 34px;
}

.empodra.estartit ul li .fb span {
    background: rgba(0, 0, 0, 0) url("../images/facebook_icn_blue.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 32px;
    width: 30px;
}

.empodra.estartit ul li .twt span {
    background: rgba(0, 0, 0, 0) url("../images/twitter_icn_blue.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 32px;
    width: 34px;
}

.empodra.estartit ul li .inst span {
    background: rgba(0, 0, 0, 0) url("../images/instagram_icn_blue.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 32px;
    width: 34px;
}

.empodra.estartit ul li .dades-de-cont ul li.wats span {
    background: rgba(0, 0, 0, 0) url(../images/whatsapp_icn_blue.svg) no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 34px;
    width: 34px;
}

.empodra.estartit ul li .wats span {
    background: rgba(0, 0, 0, 0) url(../images/whatsapp_icn_blue.svg) no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 34px;
    width: 34px;
}

.empodra.estartit ul li .dades-de-cont ul li:hover.wats span {
    background: rgba(0, 0, 0, 0) url(../images/whatsapp_icn_grey.svg) no-repeat scroll 0 0 / cover;
    height: 34px;
    width: 34px;
    background-size: cover;
}

.empodra.estartit ul li .dades-de-cont ul li img {
    margin-bottom: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
}

.empodra.estartit ul li .dades-de-cont ul li:hover.fb span {
    background: rgba(0, 0, 0, 0) url("../images/facebook_icn_grey.svg") no-repeat scroll 0 0;
    height: 32px;
    width: 30px;
    background-size: cover;
}

.empodra.estartit ul li .dades-de-cont ul li:hover.twt span {
    background: rgba(0, 0, 0, 0) url("../images/twitter_icn_grey.svg") no-repeat scroll 0 0 / cover;
    height: 32px;
    width: 34px;
    background-size: cover;
}

.empodra.estartit ul li .dades-de-cont ul li:hover.inst span {
    background: rgba(0, 0, 0, 0) url("../images/instagram_icn_grey.svg") no-repeat scroll 0 0 / cover;
    float: left;
    height: 32px;
    width: 34px;
    background-size: cover;
}

.empodra.estartit ul li .dades-de-cont ul li:last-child {
    margin-right: 0px;
}

.emp-lft .dades-de-cont a,
.emp-rgt .dades-de-cont a {
    display: block;
    text-decoration: none;
}

.els-impres.recoman ul {
    margin-bottom: 30px;
}

.els-impres.recoman h1 {
    font-size: 42px;
    line-height: 55px;
}

.agenda-rgt.passing ul li {
    padding: 16px 0 16px 53px;
}

.agenda-rgt.passing ul li p {
    line-height: 24px;
    font-size: 18px;
}

.agenda-rgt.passing ul li span.icon {
    top: 20px;
}

.agenda-rgt.passing ul {
    margin-bottom: 25px;
}

.agenda-rgt.passing ul li:last-child {
    border-bottom: 1px solid #eeeeee;
}

.agenda-rgt.passing .form-in {
    float: left;
    margin: 0 auto;
    width: 67%;
    margin-bottom: 10px;
}

.agenda-rgt.passing .form-in h3 {
    color: #34364b;
    font-family: "KievitOT-Bold";
    font-size: 19px;
    margin: 0 0 15px;
}

.pass-map {
    float: left;
    width: 100%;
    margin-top: 40px;
}

.pdf-icons {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-top: 50px;
}

.pdf-icons ul {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 35px;
}

.pdf-icons ul li {
    float: left;
    width: auto;
    padding: 0;
    margin-bottom: 0;
    margin-right: 75px;
}

.pdf-icons ul li a {
    float: left;
    font-size: 18px;
    color: #1a171b;
    text-decoration: none !important;
}

.pdf-icons ul li a:hover {
    color: #19559b;
}

.pdf-icons ul li span {
    float: none;
    font-family: "KievitOT-Bold";
}

.pdf-icons ul li img {
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
    padding-right: 20px;
    position: relative;
    top: 6px;
}

.compartir-single .dades-de-cont h2 {
    font-family: "KievitOT-Bold";
    font-size: 20px;
}

.agenda-lft ul.social.pass {
    float: left;
    width: 100%;
}

.agenda-lft ul.social.pass li span {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.agenda-lft ul.social.pass li.fb span {
    background: rgba(0, 0, 0, 0) url("../images/facebook_icn.png") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 24px;
    width: 14px;
}

.agenda-lft ul.social.pass li.twt span {
    background: rgba(0, 0, 0, 0) url("../images/twitter_icn.png") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 24px;
    width: 26px;
}

.agenda-lft ul.social.pass li.inst span {
    background: rgba(0, 0, 0, 0) url("../images/instagram_icn_grey.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 24px;
    width: 26px;
}

.agenda-lft ul.social.pass li.wats span {
    background: rgba(0, 0, 0, 0) url("../images/whatsup-form.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 24px;
    width: 24px;
}

.agenda-lft ul.social.pass li img {
    margin-bottom: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    text-align: center;
}

.agenda-lft ul.social.pass li:hover.fb span {
    background: rgba(0, 0, 0, 0) url("../images/facebook_icn.png") no-repeat scroll 0 0;
    height: 24px;
    width: 14px;
    background-size: cover;
}

.agenda-lft ul.social.pass li:hover.twt span {
    background: rgba(0, 0, 0, 0) url("../images/twitter_icn.png") no-repeat scroll 0 0 / cover;
    height: 24px;
    width: 26px;
    background-size: cover;
}

.agenda-lft ul.social.pass li:hover.inst span {
    background: rgba(0, 0, 0, 0) url("../images/instagram_icn_grey.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 24px;
    width: 26px;
    background-size: cover;
}

.agenda-lft ul.social.pass li:hover.wats span {
    background: rgba(0, 0, 0, 0) url("../images/whatsup-form.svg") no-repeat scroll 0 0 / cover;
    display: inline-block;
    float: left;
    height: 24px;
    width: 24px;
    background-size: cover;
}

.recoman.pass p,
.recoman.pass h2 {
    padding-bottom: 20px;
}

.recoman.pass p {
    /*margin: 0 10% auto;*/
    padding-bottom: 20px;
}

.recoman.pass ul li {
    width: 23.5%;
}

.recoman.pass ul li p {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
}

.recoman.pass ul li:nth-child(4n) {
    margin-right: 0;
}

.recoman.pass ul li:nth-child(3n) {
    margin-right: 2%;
}

.recoman.pass ul li .et-cnt span {
    font-family: "KievitOT-Bold";
}

.recoman.pass.agenda-list {
    padding: 55px 0 50px;
}

.recoman.top-banner {
    float: left;
    width: 100%;
}

.recoman.top-banner img {
    float: left;
    width: 100%;
    margin-top: 30px;
    object-fit: cover;
    overflow: hidden;
}

/*.recoman.top-banner h1 {  color: #282828;  font-family: "KievitOT-Bold"; font-size: 55px; line-height: 55px; margin-bottom: 10px; text-align: center;}*/

.empodra.aigua h1 {
    font-size: 42px;
    line-height: 42px;
}

.empodra.aigua ul li .emp-lft h4 {
    font-family: "KievitOT-Bold";
    font-size: 18px;
}

.els-impres.auigas {
    background: #fff;
}

.recoman.map {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.recoman.map iframe {
    float: left;
    width: 100%;
    margin-bottom: 38px;
}

.recoman.map p {
    font-size: 18px;
    font-family: "KievitOT-Bold";
    line-height: 25px;
}


.empodra.aigua.tab ul li .emp-lft {
    width: 40%;
}

.empodra.aigua.tab ul li .emp-rgt {
    width: 60%;
}

.empodra.aigua.tab ul.slides {
    margin-top: 0;
}

.empodra.aigua.tab ul.slides li {
    margin-bottom: 0;
}

.empodra.aigua.tab h1 {
    font-size: 55px;
    line-height: 55px;
    padding-top: 25px;
}

.empodra.aigua.tab h2 {
    color: #646464;
    font-family: "KievitOT-Bold";
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
}

.empodra.aigua.tab .agenda-lft ul.social.pass {
    border-top: none;
    padding: 15px 0 20px;
}

.empodra.aigua.tab .agenda-lft ul.social li {
    float: left;
    margin-bottom: 0;
    margin-right: 50px;
}

h2.comparteix-xarxes {
    font-family: "KievitOT-Bold";
    padding-bottom: 15px;
    font-size: 18px;
    text-align: left;
}

.empodra.aigua.tab .agenda-lft h2 {
    font-family: "KievitOT-Bold";
    padding-bottom: 15px;
    font-size: 18px;
    text-align: left;
}

.empodra.aigua.tab .agenda-lft .tab-title {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.empodra.aigua.tab .agenda-lft li {
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 5px;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

.empodra.aigua.tab .agenda-lft li span {
    font-family: "KievitOT-Bold";
}

.empodra.aigua.tab .agenda-lft p {
    padding-right: 29px;
}

.et-cnt {
    min-height: 80px;
}

.home-et-cnt {
    min-height: 280px;
    position: relative;
}

.h3-et-cnt-home {
    position: relative;
    z-index: 1;
}

.els-impres.auigas ul li .et-cnt {
    background: #f6f6f6;
}

.els-impres.auigas ul li:hover .et-cnt {
    background: #19559b;
}

.empodra.aigua.tab.lst .resp-tab-content {
    margin-bottom: 70px;
}

.empodra.aigua.tab.lst .resp-tab-content ul {
    float: left;
    width: 100%;
    margin-top: 40px;
    display: flex;
    flex-flow: wrap;
}

.empodra.aigua.tab.lst .resp-tab-content ul li {
    float: left;
    margin-bottom: 30px;
    margin-right: 2%;
}

.empodra.aigua.tab.lst .resp-tab-content ul li {
    width: 23.5%;
}

.empodra.aigua.tab.lst .resp-tab-content ul li:nth-child(4n) {
    margin-right: 0;
}

.empodra.aigua.tab.lst .resp-tabs-list li {
    margin-bottom: 0;
}

.empodra.aigua.tab.lst .resp-tab-content ul li .et-cnt {
    background: #f6f6f6;
    float: left;
    padding: 22px 25px;
    text-align: left;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.empodra.aigua.tab.lst .resp-tab-content ul li .et-cnt h2,
.empodra.aigua.tab.lst .resp-tab-content ul li .et-cnt h3 {
    color: #282828;
    font-family: "KievitOT-Bold";
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: left;
    margin-top: 0;
}

.empodra.aigua.tab.lst .resp-tab-content ul li .et-cnt p {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    text-align: left;
}

.empodra.aigua.tab.lst .resp-tab-content ul li .et-cnt span {
    font-family: "KievitOT-Bold";
}

.empodra.aigua.tab.lst .resp-tab-content ul li:hover .et-cnt {
    background: #19559b;
}

.empodra.aigua.tab.lst .resp-tab-content ul li:hover .et-cnt h2,
.empodra.aigua.tab.lst .resp-tab-content ul li:hover .et-cnt p {
    color: #fff;
}

.empodra.aigua.tab.lst ul.resp-tabs-list {
    text-align: left;
}

.empodra.aigua.tab.lst .resp-tabs-list li {
    width: auto;
    padding: 15px 35px;
}

.empodra.aigua.tab.lst #horizontalTab {
    position: relative;
}

.top-rgt-img {
    float: left;
    position: absolute;
    right: 0;
    top: 0;
}

.top-rgt-img a {
    margin-right: 30px;
}

.top-rgt-img a:last-child {
    margin-right: 0;
}

.empodra.aigua a.veure-btn,
.recoman.pass.agenda-list a.veure-btn,
.els-impres a.veure-btn {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
}

.empodra.aigua.tab.lst .resp-tab-content ul li img {
    width: 100%;
}

.popup.pro .share-div {
    padding-bottom: 30px;
}

.recoman.oficines p.subb {
    font-size: 24px;
    margin: 30px 0;
}

.recoman.map-pp p {
    font-size: 18px;
}

/*.empodra ul li .emp-lft p{font-size:18px;}*/
.empodra.secdee ul li {
    margin-bottom: 60px;
}

.empodra.aigua ul li .emp-lft {
    padding-right: 24px;
}

.empodra.aigua {
    margin-bottom: 100px;
}

.empodra.platges .agenda-lft p {
    font-size: 18px;
}

.recoman.pass.itine {
    padding-bottom: 0;
}

.iterraries {
    float: left;
    width: 100%;
    background: #f7f7f7;
    position: relative;
    padding-bottom: 40px;
}

.iterraries::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 160px;
    width: 100%;
    z-index: 10;
}

.iterraries ul {
    position: relative;
    z-index: 99;
}

.recoman .iterraries ul li .et-cnt {
    background: #fff;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(177, 170, 170, 0.17);
    -moz-box-shadow: 0px 3px 3px 0px rgba(177, 170, 170, 0.17);
    box-shadow: 0px 3px 3px 0px rgba(177, 170, 170, 0.17);
}

.recoman .iterraries ul li:hover .et-cnt {
    background: #19559b;
}

.agenda-lft#inner-slide .slides {
    margin-top: 0;
}

.agenda-lft.on-pass p {
    text-align: left;
    margin-bottom: 45px;
    font-size: 18px;
}

.empodra.estartit h1 {
    font-size: 65px;
}

.mapa-rutes-all {
    height: 100vh;
    margin-top: 5%;
}

.emp-rgt a:hover {
    text-decoration: none;
}

.emp-rgt a {
    color: #0645ac;
    text-decoration: underline;
}

.emp-lft a:hover {
    text-decoration: none;
}

.emp-lft a {
    color: #0645ac;
    display: block;
    text-decoration: underline;
}

/* .bloc-list .emp-rgt a,
.bloc-list .emp-left a {
    text-decoration: none;
} */

.arrow {
    display: inline-block;
    border: solid #0645ac;
    border-width: 0 1px 1px 0;
    padding: 3px;
}

.arrow-footer {
    display: inline-block;
    border: solid #000;
    border-width: 0 1px 1px 0;
    padding: 3px;
}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 0.5em;
    margin-bottom: 1px;
}

.ui-dialog-titlebar.ui-widget-header {
    position: relative;
    top: 40px;
    float: left;
    left: 40px;
    z-index: 9;
    font-size: 32px;
    color: gray;
}

.ui-dialog-titlebar.ui-widget-header a {
    color: gray;
}

.ui-dialog-content {
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.hole_div.move>div#mobNav {
    width: 100%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    margin: 0px 10px;
}

ul.ftr-logos li a img {
    width: 100px;
}

ul.ftr-logos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.subs-btn input[type="submit"].p-petita {
    display: none;
}

.subs-btn input[type="submit"].p-gran {
    display: inline-block;
}


/* SENDERISME */
.llegenda-mapa {
    padding: 15px 0px;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    width: fit-content;
    margin: 0 auto;
    box-shadow: 5px 5px 5px #E2E2E2;
}

.llegenda-mapa div {
    line-height: 30px;
    padding: 0px 20px;
    display: inline-block;
}

.llegenda-mapa span {
    width: 50px;
    height: 20px;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 10px;
}



/* CONFIGUIRACIO PAGINA WEB */
.configuracio-web {
    float: left;
    width: 100%;
    padding-bottom: 35px;
    padding: 23px 0px 20px 0px;
}

.configuracio-web h1 {
    font-family: 'KievitOT-Bold';
    font-size: 55px;
    text-align: left;
    line-height: 55px;
    margin-bottom: 40px;
}

.configuracio-web h2 {
    font-family: 'KievitOT-Bold';
    font-size: 22px;
    text-align: left;
    line-height: 55px;
    margin-bottom: 40px;
    padding-bottom: 19px;
}

.configuracio-web p {
    font-family: 'KievitOT-Regular';
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    margin-bottom: 0px;
}

.configuracio-web ol {
    margin-left: 50px;
}

.configuracio-web ol li {
    list-style: decimal;
}

.configuracio-web.tipografia ul,
.configuracio-web.colors ul {
    display: inline-flex;
    width: 80%;
}

.configuracio-web.tipografia ul li,
.configuracio-web.colors ul li {
    width: 33%;
    margin: 0px 20px;
    height: 350px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.configuracio-web.tipografia ul li div,
.configuracio-web.colors ul li div {
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
    width: 100%;
}

.configuracio-web .radio input[type="radio"] {
    width: 100%;
    height: 20px;
}

.configuracio-web .radio {
    background-color: #E5E5E5;
    padding: 5px;
}

.configuracio-web .bloc-tipus {
    height: auto;
    padding: 15px;
}

.configuracio-web .butons-conf-web input {
    display: inline-block;
    background: #fbb507;
    color: #292929;
    font-size: 16px;
    min-height: 45px;
    line-height: 43px;
    padding: 0px 40px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    white-space: normal;
}

.configuracio-web .butons-conf-web input:hover {
    color: #fff;
    background: #19559b;
}

/*
.configuracio-web ul {float:left; width:100%; margin-top:35px; display: flex; flex-flow: wrap;}
.configuracio-web ul li{float:left; width:32%; margin-right:1%; margin-bottom:30px;}
.configuracio-web ul li:nth-child(3n){margin-right:0;}
.configuracio-web ul li .et-img{float:left; width:100%; margin-bottom:5px;}
.configuracio-web ul li .et-img img{float:left; width:100%;}
.configuracio-web ul li .et-cnt{float:left; width:100%; background: #f6f6f6; padding:22px 25px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; text-align: center;}
.configuracio-web ul li:hover .et-cnt{background:#19559b;}
.configuracio-web ul li .et-cnt h2{font-family: 'KievitOT-Bold'; font-size:22px; text-align:left; line-height:22px; margin-bottom:15px; color:#282828;}
.configuracio-web ul li:hover .et-cnt h2 { color: #fff;}
.configuracio-web ul li .et-cnt p{text-align:left; font-size:18px; color:#282828; margin-bottom:0;}
.configuracio-web ul li:hover .et-cnt p { color: #fff;}
*/

/* NOUS BUSCADORS TITOLS */
.hotel-item-categoria {
    clear: both;
}

.hotel-item-categoria h2 {
    background: white !important;
    color: #646464 !important;
    font-size: 24px !important;
    margin-bottom: 20px !important;
    text-align: center;
    font-family: 'KievitOT-Bold';
    padding: 15px 0;
}



/* 
	OVERRIDES DE LA CONFIGURACIÓ DE WEB SI EXISTEIX PER A COOKIE
	Tipografies 
	General
*/
/* Tipografia 1 */
.custom-tipo1 p,
.custom-tipo1 p *,
.custom-tipo1 div,
.custom-tipo1 div * {
    font-size: 16px !important;
    line-height: normal !important;
}

.custom-tipo1 h2,
.custom-tipo1 h2 *,
.custom-tipo1 h3,
.custom-tipo1 h3 *,
.custom-tipo1 h4,
.custom-tipo1 h4 *,
.custom-tipo1 h5,
.custom-tipo1 h5 * {
    font-size: 42px !important;
    line-height: normal !important;
}

.custom-tipo1 h1,
.custom-tipo1 h1 * {
    font-size: 55px !important;
    line-height: normal !important;
}

/* Tipografia 2 */
.custom-tipo2 p,
.custom-tipo2 p *,
.custom-tipo2 div,
.custom-tipo2 div * {
    font-size: 36px !important;
    line-height: normal !important;
}

.custom-tipo2 h2,
.custom-tipo2 h2 *,
.custom-tipo2 h3,
.custom-tipo2 h3 *,
.custom-tipo2 h4,
.custom-tipo2 h4 *,
.custom-tipo2 h5,
.custom-tipo2 h5 * {
    font-size: 62px !important;
    line-height: normal !important;
}

.custom-tipo2 h1,
.custom-tipo2 h1 * {
    font-size: 75px !important;
    line-height: normal !important;
}

/* Tipografia 3 */
.custom-tipo3 p,
.custom-tipo3 p *,
.custom-tipo3 div,
.custom-tipo3 div * {
    font-size: 56px !important;
    line-height: normal !important;
}

.custom-tipo3 h2,
.custom-tipo3 h2 *,
.custom-tipo3 h3,
.custom-tipo3 h3 *,
.custom-tipo3 h4,
.custom-tipo3 h4 *,
.custom-tipo3 h5,
.custom-tipo3 h5 * {
    font-size: 82px !important;
    line-height: normal !important;
}

.custom-tipo3 h1,
.custom-tipo3 h1 * {
    font-size: 95px !important;
    line-height: normal !important;
}

/* 
	Colors 
*/
.custom-colors1 *,
.custom-colors1 {
    color: #282828 !important;
    background-color: #fff !important;
    border-color: #282828 !important;
    line-height: normal !important;
}

.custom-colors2 *,
.custom-colors2 {
    color: #FBFF01 !important;
    background-color: #3400FF !important;
    border-color: #FBFF01 !important;
    line-height: normal !important;
}

.custom-colors3 *,
.custom-colors3 {
    color: #000000 !important;
    background-color: #FBFF01 !important;
    border-color: #000000 !important;
    line-height: normal !important;
}

.custom-colors4 *,
.custom-colors4 {
    color: #FBFF01 !important;
    background-color: #000000 !important;
    border-color: #FBFF01 !important;
    line-height: normal !important;
}

/* FI OVERRIDE DE LA CONFIGURACIÓ DE WEB SI EXISTEIX PER A COOKIE
	Tipografies 
	General 
*/

ul.resp-tabs-list-nores li {
    background: #19559b;
    font-family: 'KievitOT-Bold';
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    display: inline-block;
    padding: 15px 18px;
    height: 50px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    text-align: center;
    border: none;
    border-bottom: none;
    border-radius: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

section.compartir-single {
    margin-bottom: 0px;
}

.compartir-single ul.social.pass {
    float: left;
    width: 100%;
    padding: 20px 0px 20px;
    margin-top: 0px;
}

.compartir-single ul.social.pass li {
    margin-bottom: 0;
    margin-right: 32px;
    float: left;
    width: auto;
}

a.veure-ul-li {
    display: inline-block;
    background: #fbb507;
    color: #292929;
    font-size: 18px;
    height: 45px;
    margin-top: 20px;
    line-height: 45px;
    padding: 0px 60px;
    font-family: 'asapbold';
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    border-radius: 0px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    letter-spacing: 2px;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    margin: 50px 0 20px;
}


.recoman a {
    color: #285fa2;
    font-size: 15px;
    font-family: 'KievitOT-Regular';
    text-decoration: underline;
}

.recoman a:hover {
    text-decoration: none;
}

.agenda-lft h2 {
    margin-top: 20px;
    font-family: "KievitOT-Bold";
    padding-bottom: 15px;
    font-size: 18px;
}

/* Override modal cookies */

#cliModalClose:focus,
.cli-privacy-readmore:focus,
.cli-nav-link:focus,
#wt-cli-checkbox-no-necessaries:focus,
#wt-cli-checkbox-necessaries:focus {
    outline: auto !important;
}

label[for="wt-cli-checkbox-no-necessaries"]:focus,
label[for="wt-cli-checkbox-necessaries"]:focus,
#wt-cli-privacy-save-btn:focus {
    outline: 2px solid #000 !important;
}

/* Override toggles colors - modal cookies */

.cli-switch .cli-slider {
    background-color: #666 !important;
}

.cli-switch input:checked+.cli-slider {
    background-color: #5B9726 !important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #4C7E20 !important;
}

.calendar-day p:first-child {
    color: #757575 !important;
}

.calendar-day.weekend>p {
    color: #b10707 !important;
}

.calendar-day.weekend {
    border-bottom: solid 1px #b10707;
}

.op-grid img.activeIcon,
.op-llista img.activeIcon {
    border-bottom: 5px solid #666;
    padding-bottom: 5px;
}

#img-diputacio {
    width: auto;
    padding-left: 5px;
    padding-top: 5px;
}

#caracteristiques-platja li {
    margin-bottom: 8px;
    font-size: 18px;
}

#caracteristiques-platja {
    margin-bottom: 15px;
}

#tab-slide1 .flex-direction-nav li .flex-prev,
#inner-slide .flex-direction-nav li .flex-prev {
    left: 14px !important;
    top: 10px;
    width: 20px !important;
    height: 36px !important;
    background-size: 40px 30px;
}

#tab-slide1 .flex-direction-nav li .flex-next,
#inner-slide .flex-direction-nav li .flex-next {
    right: 14px !important;
    top: 10px;
    width: 20px !important;
    height: 36px !important;
    background-size: 45px 30px;
}

.flex-prev-background {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-radius: 50%;
    display: inline-block;
    width: 55px !important;
    position: relative;
    z-index: 2;
    padding: 25px;
    left: 2%;
}

.flex-next-background {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border-radius: 50%;
    display: inline-block;
    width: 55px !important;
    position: absolute;
    z-index: 2;
    padding: 25px;
    right: 2%;
}

#tab-slide1 .flex-direction-nav li .flex-prev {
    left: 25% !important;
}

#tab-slide1 .flex-direction-nav li .flex-next {
    right: 25% !important;
}

.flex-direction-nav li a {
    top: 20% !important;
}

.resultats-cerca-tarjeta {
    min-height: 140px;
}

.recoman.pass ul li.li-tarjeta,
.empodra.aigua.tab.lst .resp-tab-content ul li.li-tarjeta {
    width: 100%;
    margin-bottom: 0;
    text-align: left;
    line-height: 26px;
    font-family: 'KievitOT-Regular';
    font-size: 16px;
    font-weight: 100;
    color: black;
}

.empodra.aigua.tab.lst .resp-tab-content ul li:hover .et-cnt li.li-tarjeta,
.recoman ul li:hover .et-cnt li.li-tarjeta,
.recoman ul li:hover .et-cnt h3 {
    color: white;
}

.recoman ul li .et-cnt .li-tarjeta span {
    display: inline-block;
    margin-bottom: 0;
}

.recoman.pass ul.ul-tarjeta,
.empodra.aigua.tab.lst .resp-tab-content ul.ul-tarjeta {
    margin-top: 0;
}

.recoman.pass ul dt.dt-tarjeta,
.empodra.aigua.tab.lst .resp-tab-content ul dt.dt-tarjeta {
    margin-bottom: 0;
    text-align: left;
    line-height: 26px;
    font-family: 'KievitOT-Regular';
    font-size: 16px;
    font-weight: 100;
    color: black;
}

.empodra.aigua.tab.lst .resp-tab-content ul li:hover .et-cnt dt.dt-tarjeta,
.empodra.aigua.tab.lst .resp-tab-content ul li:hover .et-cnt dl.dl-tarjeta dd,
.recoman ul li:hover .et-cnt dt.dt-tarjeta,
.recoman ul li:hover .et-cnt dl.dl-tarjeta dd,
.recoman ul li:hover .et-cnt h3 {
    color: white;
}

.emp-rgt dl.dl-tarjeta {
    margin-bottom: 10px;
}

.dl-tarjeta dt {
    float: left;
    clear: left;
    font-family: 'KievitOT-Regular';
    color: #000;
    font-size: 16px;
    line-height: 26px;
    margin-right: 5px;
}

.negreta-invers dt {
    font-family: "KievitOT-Bold";
}

.dl-tarjeta dd {
    font-family: "KievitOT-Bold";
    color: #000;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    margin-left: 0;
}

.negreta-invers dd {
    font-family: 'KievitOT-Regular';
}

.negreta-invers a {
    display: inline !important;
}

.recoman.pass dl.dl-tarjeta,
.empodra.aigua.tab.lst .resp-tab-content ul.ul-tarjeta {
    margin-top: 0;
}

dl.tab-title dt {
    float: left;
    clear: left;
    min-width: 10%;
    font-family: 'KievitOT-Regular';
    font-size: 18px;
    line-height: 28px;
    margin-right: 5px;
}

dl.tab-title dd {
    font-family: "KievitOT-Bold";
    line-height: 28px;
    font-size: 18px;
    margin-left: 0;
}

.et-recom ul li .et-img img.home-et-img {
    height: 250px;
}

.iterraries .iti h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.dates {
    font-family: "KievitOT-Bold";
    font-size: 24px;
    line-height: 34px;
    display: block;
}

#ol-fires {
    list-style: decimal;
    margin-top: 400px;
    margin-bottom: 30px;
}

#ol-fires li {
    list-style: decimal;
}

#fires-last-li {
    margin-bottom: 80px;
}

#mercats h2 {
    margin-top: 20px;
}

#mercats ul,
#mercats ol {
    list-style: disc;
    margin-top: 0;
    margin-bottom: 20px;
}

#mercats li {
    list-style: disc;
    margin-bottom: 5px;
    margin-left: 30px;
}

#option {
    outline: 1px solid #888;
}

.recoman ul li .et-cnt-btt {
    min-height: 275px !important;
}
.container.calander .controls .label.bold{color:#19559b; font-family: 'KievitOT-Bold';  font-size:30px; float:left; padding:2px 4px; line-height: 30px; }
.container.calander .controls .previous.label{ padding:0;}
.container.calander .controls .next.label{ padding:0; float:left;}
.container { background:#ffffff; border-radius: 3px; display: block; height:auto; overflow: hidden; margin-bottom:10px; padding:14px 0; text-align:left; width:100%; } 
.calendar { display: block; float:left;  width:100%; margin-top: 12px; }
.container.calander .controls p, .calander p{ margin-top:0;} 
.calendar-day { background-color: #fff; padding: 0px 3px 2px; margin-right:5px; line-height: 2px;  text-align: center; float:left; cursor: pointer; border: solid 1px #fff; } 
.calendar-day.today { background-color: #19559b; }
.calendar-day.today p { color: #fff !important;}
.calendar-day p:last-child{color:#282828; margin-bottom:5px; font-family: 'KievitOT-Bold';  font-size:25px; float:left; }
.calendar-day p:first-child{color:#979797; margin-bottom:5px; font-family: 'KievitOT'; font-size:18px;  }
.calendar div:last-child{margin-right:0!important;}
.calendar-day:hover p { color:#b10707; }
.container.calander .controls { display: block; width:265px; text-align: center; margin-top:24px; margin:20px auto 0px;  }
.calendar-day.weekend > p{ color:#b10707;}
.label {  background-color: #fff; padding: 10px; line-height: 2px; margin: 1%; font-weight: bold; text-align: center; display: inline-block; cursor: pointer; } 
.previous { float: left; position: relative; top: 8px; }
.next { float: right; position: relative; top: 8px; }
p#current-month { position: relative; min-width: 120px; }
p#current-month span { position: absolute; left: calc(100% + 50px); color:#282828; font-size: 36px; }

/* Quick Fix */
.label i { line-height: 0; } 
.github { font-size: 3em; color: #aaa; text-decoration: none; text-align: center; }
@charset "utf-8";
/* CSS Document */

.ddsmoothmenu { float: left; padding:0px; text-transform:none; letter-spacing:0.2px; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;font-size:20px; font-family: 'Cabin', sans-serif; font-weight:400; margin:0px 0px 0 0; margin-right:0px; }
.ddsmoothmenu ul { z-index:100; margin:0; padding:0px 0px; list-style-type: none; }
/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline-block; padding:0px 40px 0 0px; margin:0px 0px 0px 0px; line-height:22px; }
.ddsmoothmenu ul li:last-child{padding-right:0px;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; color:#333333; text-decoration:none; padding:0px 0px 0px 0; position:relative; font-size: 20px; text-transform:uppercase; font-family: 'KievitOT-Bold';}
/*.ddsmoothmenu ul li a::after {
content:'';
position:absolute;
bottom:-4px;
background:#fff;
width:0px;
height:2px;
left:0px;
right:0px;
margin:0px auto;
-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}*/

/*.ddsmoothmenu ul li a:hover::before, .ddsmoothmenu ul li a.active::before, .ddsmoothmenu ul li a.selected::before, .ddsmoothmenu ul li.dropdown:hover a::before { width:100%; left:0px; }*/
.ddsmoothmenu ul li a:hover::after, .ddsmoothmenu ul li a.active::after, .ddsmoothmenu ul li a.selected::after { width:100%; }
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.active { color:#19559b; border-bottom: 1px solid #19559b;}
.ddsmoothmenu ul li.dropdown:hover a{ color:#19559b} 


* html .ddsmoothmenu ul li a { display: inline-block; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left:0; display: none; visibility: hidden; padding:0px 0 0; width:255px; left:-15px!important; margin-top:20px; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;  background:#fff;}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { float: none; width:100%; padding:0px 20px; margin:0; border-right:0px; text-align:left; border-bottom:1px solid #ebebeb; }
/* .ddsmoothmenu ul li ul li:hover { background:#B05AA5; } */

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { display:block; padding:18px 0px; color:#000; line-height:14px; font-size:14px; font-family: 'HelveticaNeue-Bold'; text-transform:none;}
.ddsmoothmenu ul li ul li:first-child a{}
.ddsmoothmenu ul li ul li:last-child { border-bottom:none;}

.ddsmoothmenu ul li ul li a:hover { color:#80b24f;  text-decoration:none; margin: 0px 0px 0px 0px;}
.ddsmoothmenu ul li ul li a:after, .ddsmoothmenu ul li ul li a:before { display:none }

/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position: absolute; top: 12px; right: 7px; }
.rightarrowclass { position: absolute; top: 6px; right: 5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; }
.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }


.ddsmoothmenu ul li ul li a::after, .ddsmoothmenu ul li ul li a:hover:after { display:none }
.sticky-wrapper.is-sticky .ddsmoothmenu ul li ul li:first-child a:before { display:none; }

.ddsmoothmenu ul li { padding: 0px 20px 0 0px; }
.ddsmoothmenu ul li a { font-size: 18px; }
/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 #container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; overflow:hidden;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; width:100%; display:block; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; z-index: 99999;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1; z-index:0; min-height:400px; /*height: 400px;*/ height: auto;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; background-size:cover; min-height:400px; background-position:center center;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
.flexslider .slides > li img { /*opacity:0;*/}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none;zoom: 1; }
.flex-caption {position:absolute; bottom:27%;  text-align:left; width:100%; text-align:center;}

.flex-caption h1 { color:#fff; font-size:68px; font-family: 'Cabin', sans-serif; font-weight:700; line-height:72px; margin-bottom:28px; z-index:9999; position:relative; letter-spacing:1px;}
.flex-caption p{  font-size:18px; line-height:28px; color:#fff;font-family: 'Fira Sans', sans-serif; font-weight:600;  margin-bottom:45px; letter-spacing:0.4px;}

.flex-caption a{display:inline-block; font-family: 'Fira Sans', sans-serif; font-weight:400; font-size:14px; text-transform:uppercase; color:#fff;  padding:13px 35px; background:#eb8731; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.flex-caption a:hover{background:#fff; color:#eb8731;}
/* Direction Nav */
.flex-direction-nav { display:block; width:1130px; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; margin-top: -50px; }

/* Control Nav */
.flex-direction-nav li a {width:58px; height:58px; margin: 0px 0 0; display: block;  position: absolute; top: 45%; cursor: pointer; text-indent: -9999px; z-index:9999;background: url(../images/direction-nav.png) no-repeat 0 0; }
.flex-direction-nav li .flex-next { right:0%; background-position:-55px 0; }
.flex-direction-nav li a:hover { opacity:0.8;}
/* .flex-direction-nav li .flex-next:hover { background-position: -55px -73px;} */
.flex-direction-nav li .flex-prev {left:0; background-position: 0px 0; }
/* .flex-direction-nav li .flex-prev:hover { background-position: 0px -73px;} */
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
  }
 .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
  }
 .flex-pauseplay a:hover {
    opacity: 1;
  }
 .flex-pauseplay a.flex-play:before {
    content: '\f003';
  }
  
#inner-slide .flex-direction-nav { top:40%; margin-top:0;}
#inner-slide .flex-direction-nav li a {background: url(../images/slide-arrows.png) no-repeat 0 0; width:22px; height:46px;} 
#inner-slide .flex-direction-nav li .flex-prev {background-position: 0px 0; left:25px;} 
#inner-slide .flex-direction-nav li .flex-next {background-position:-24px 0; right:25px; }

#tab-slide1 .flex-direction-nav, #tab-slide2 .flex-direction-nav, #tab-slide3 .flex-direction-nav, #tab-slide4 .flex-direction-nav { top:38%; margin-top:0;}
#tab-slide1 .flex-direction-nav li a, #tab-slide2 .flex-direction-nav li a, #tab-slide3 .flex-direction-nav li a, #tab-slide4 .flex-direction-nav li a {background: url(../images/slide-arrows.png) no-repeat 0 0; width:22px; height:46px;} 
#tab-slide1 .flex-direction-nav li .flex-prev, #tab-slide2 .flex-direction-nav li .flex-prev, #tab-slide3 .flex-direction-nav li .flex-prev, #tab-slide4 .flex-direction-nav li .flex-prev {background-position: 0px 0; left:25px;} 
#tab-slide1 .flex-direction-nav li .flex-next, #tab-slide2 .flex-direction-nav li .flex-next, #tab-slide3 .flex-direction-nav li .flex-next, #tab-slide4 .flex-direction-nav li .flex-next {background-position:-24px 0; right:25px; }


.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
.owl-carousel .animated { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both }
.owl-carousel .owl-animated-in { z-index:0 }
.owl-carousel .owl-animated-out { z-index:1 }
.owl-carousel .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut }
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out }
.owl-carousel { display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1 }
.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y }
.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0, 0) }
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel.owl-loaded { display:block }
.owl-carousel.owl-loading { opacity:0; display:block }
.owl-carousel.owl-hidden { opacity:0 }
.owl-carousel .owl-refresh .owl-item { display:none }
.owl-carousel .owl-item { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }
.owl-carousel .owl-item img { display:inline-block; width:100%; float: left; -webkit-transform-style:preserve-3d }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto }
.owl-carousel .owl-grab { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab }
.owl-carousel.owl-rtl { direction:rtl }
.owl-carousel.owl-rtl .owl-item { float:right }
.no-js .owl-carousel { display:block }
.owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }
.owl-carousel .owl-item img { transform-style:preserve-3d }
.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }
.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); transition:scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }
.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }
.owl-carousel .owl-video-frame { position:relative; z-index:1 }
.owl-nav { width: 100%; color:#a9a9a9; font-size:16px;font-family:'Helvetica Neue';  position: absolute; top: 45%; }
.owl-prev { left: -40px; position: absolute; background:url(../images/arr-lft.png) no-repeat left 0px; height: 21px; width:13px; }
.owl-next { right: -40px; position: absolute; background:url(../images/arr-rgt.png) no-repeat right 0px; height: 21px; width:13px; }
.owl-prev:hover { opacity: 1 }
.owl-next:hover { opacity: 1 }
.owl-controls { float: left; width: 100%; margin-top: 0px; }
#home-carousel .owl-stage-outer { padding-top:50px; padding-bottom:90px; }

.owl-dots { float:left; width:100%; text-align:center; margin-top:0px; }
.owl-dot { background:rgba(255,255,255,0.6); width: 10px; height: 10px; display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 0 4px 0;  }
.owl-dot.active, .owl-dot:hover { background:#fff; }


.obres .owl-controls { margin-top:0px; position: absolute;bottom: 86px;}

#owl-carouselhome.owl-carousel .owl-nav { width: 1130px; left: 0; right: 0; margin: 0 auto; position: absolute; }
#owl-carouselhome.owl-carousel .owl-nav [class*="owl-"] { color: #FFF;  font-size: 14px;  margin: 0px;   background: #D6D6D6;    display: inline-block; cursor: pointer; background: url(../images/direction-nav.png) no-repeat 0 0; width: 55px; height: 56px; position: absolute; border: none; padding: 0; }

#owl-carouselhome.owl-carousel .owl-nav .owl-next {background-position:-56px 0; right: 0;}
#owl-carouselhome.owl-carousel .owl-nav .owl-prev {background-position: 0 0; left: 0px;}

#owl-carouselhome.owl-carousel .owl-nav span { display: none;}
#owl-carouselhome.owl-carousel .owl-nav button:hover { opacity:0.6;}

/*.owl-carousel .owl-item[aria-hidden="true"] {
    display: none;
}

.owl-carousel .owl-item[aria-hidden="false"] {
    display: block;
}*/



