/*
Theme Name: Master Camping
Theme URI: http://www.mastercamping.com
Description: Plantilla Wordpress para Blank
Author: mastercamping.com
Author URI: http://www.mastercamping.com
Version: 2.0
*/

/*---------------------------------------------
//  Admin bar
//---------------------------------------------
*/
@import url('css/wp-admin.css');

/*---------------------------------------------
//  hg reset
//---------------------------------------------
*/

a:hover {text-decoration: none;}


/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:

    Eric Meyer					:: http://ericmeyer.com
    HTML5 Doctor				:: http://html5doctor.com
    and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    line-height	: 140%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
.responsive img,
.responsive  object,
.responsive  embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
    don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
    people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
    gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*---------------------------------------------
//  Wordpress basics
//---------------------------------------------
*/

.alignleft{float: left;margin-right: 20px;margin-bottom: 10px;}
.alignright{float: right;margin-left: 20px;margin-bottom: 10px;}
.aligncenter{display: block; margin: 20px auto;}

em {font-style: italic;}

h1{font-size: 26px; font-weight: bold; margin-bottom: 5px;}
h2{font-size: 18px; font-weight: bold; margin-bottom: 5px;}
h3{font-size: 14px; font-weight: bold; margin-bottom: 5px;}
h4{font-size: 12px; font-weight: bold; margin-bottom: 5px;}
h5{font-size: 10px; font-weight: bold; margin-bottom: 5px;}
h6{font-size: 8px; font-weight: bold; margin-bottom: 5px;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*---------------------------------------------
//  ESTILOS PROPIOS
//---------------------------------------------
*/

p, a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;

}
a {
    text-decoration: none;
    outline: 0;
}

h2 {
    font-family: 'Bree Serif', serif;
    font-size: 20px;
}
h2.title {
    color: white;
    position: relative;
    z-index: 22;
}
span.title{
    font-family: 'Bree Serif', serif;
    font-size: 16px;
        color: black;
}
span.icon-checkmark {
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 0 5px;
    color: #3BB05F;
}
span.tag {
    font-family: "Open Sans", sans-serif;
    color: #8C8C8C;
    font-weight: 600;
    font-size: 11px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid rgba(214, 213, 218, 0.55);
    margin: 2px 2px 1px 0px;
    background: rgba(234, 231, 239, 0.35);
    height: 24px;
    vertical-align: middle;
    line-height: 22px;
    padding: 0 6px;
    text-transform: capitalize;
    outline: 0;
}
a.open-popup-link > span.tag {
    background-color: #3BB05F;
    color: white;
    border: 1px solid #3BB05F;
}
strong, th {
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
}
#content ul, .content ul {
    list-style-type: square;
    list-style: square;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
}
#content ol, .content ol, #content ul, .content ul{
    margin-left: 20px;
}
ul.checkmark li:before {
    content: "\e901";
    font-size: 14px !important;
    color: #ffc107;
    padding-right: 10px;
}
#content ul.checkmark,  .content ul.checkmark {
    list-style-type: none;
    list-style: none;
    margin-left: 0;
}
ul.checkmark {
    margin-bottom: 16px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
.subtitle, .new p.subtitle{
    font-size: 14px;
    color: #A9A9A9;
    margin: 0 0 20px;
}
.subtitle-wrap {
    height: 55px;
    overflow: hidden;
}
p.highlight::first-letter {
    font-size: 16px;
    vertical-align: middle;
}
.highlight-title {
    display: inline-block;
    margin: 0px 25px;
    height: 20px;
    vertical-align: middle;
    transform: scale(1.5,1.5);
}
.phone {
    position: absolute;
    font-weight: 600;
    z-index: 999;
    margin: 8px 16px;
}
.phone a {
    font-family: 'Open Sans';
    color: #06692B;
    font-weight: 600;
}
.phone:before {
    content: "\e90d";
    font-size: 15px;
    font-family: 'calagogo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #EAEAEA;
    margin: 0 10px 0 0;
    vertical-align: middle;
    background: #009D3B;
    border-radius: 50%;
    padding: 8px;
    left: 0;
}
.highlight{
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-style: italic;
    color: #48B464;
    font-size: 12px;
    display:block;
}
#page-container h1 {
    font-size: 26px;

}
h1.entry-title {
    display: inline-block;
}
#page-container #content p.highlight {
    margin-bottom: 0;
}
.circle-wrap {
    text-align: center;
    border-top: 1px solid #EAE8EF;
    padding: 40px 0 25px;
}
.circle-wrap a:hover span {
    text-decoration: underline;
}
.circle-featured:focus {
    outline: none;
}
.circle-featured span {
    text-align: center;
    display: block;
    position: absolute;
    max-width: 100px;
    outline: none;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'Bree Serif', serif;
    font-size: 14px;
    line-height: 18px;
}
.circle-featured {
    background-position: center;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    border: 2px solid rgba(74, 71, 59, 0.3);
}
.featured-txt {
    display: table;
    position: relative;
    padding: 8% 20%;
    color: white;
    text-align: center;
    box-sizing: border-box;
    margin: 0px 0px 50px;
    width: 100%;
    background-color: black;
}
.featured-txt h1, .featured-txt h2 {
    color: white;
    z-index: 20;
    position: relative;
}
.related-img h2 {
    width: 100%;
    text-align: center;
    bottom: 10%;
    position: absolute;
    text-shadow: 0 0px 40px rgba(0, 0, 0, 0.4), 0 0px 4px rgba(0, 0, 0, 0.6);
    padding: 0 45px;
    box-sizing: border-box;
}

.related-txt a.btn.book.book-related {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    max-width: 80px;
}
.related-txt > h2 {
    overflow: hidden;
    max-height: 60px;
}

.media-wrap {
    height: 300px;
    font-size: 0;
    position: relative;
}
.media-wrap .text, .media-wrap .media {
    height: 100%;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.media-wrap .text p {
    color: white;
    font-family: 'Bree Serif', serif;
    font-size: 16px;
}
.media-wrap .text h2 {
    font-size: 20px;
    color: #E4844A;
}
.media-wrap .text {
    background: #CC4357;
    padding: 50px 30px;
    box-sizing: border-box;
}
.media-wrap .media {
    background: white;
    background-size: cover;
    background-position: center center;
}
.content .media-wrap h1 {
    color: white;
}
.media-wrap .seni {
    position: absolute;
    right: 80px;
    bottom: -20px;
}
.seni, .seni-2 {
    height: 160px;
    width: 120px;
    background-size: contain;
    background-repeat: no-repeat;
}
.seni {background-image: url(img/seni.png);}
.seni-2 {background-image: url(img/seni-2.png);}
blockquote {
    border-left: 6px solid #E4844A;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font: 17px/23px italic Times, serif;
    font-style: italic;
}
blockquote:before {
  color: #E4844A;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.v-cen, .featured-txt .v-cen{
    display: table-cell;
    vertical-align: middle;
}
.t-cen {
    text-align: center;
    margin: 60px 0 40px;
}

/*---------------------------------------------
//  SENIA COLORS
//---------------------------------------------
*/



.senia-col-1 {background-color: #EAEAEA;}
.senia-col-2 {background-color: #766275;}

.senia-col-4 {background: #D61E51;}

.senia-txt-1,
#widget select,
#widget input[type=text],
.icon-insert_invitation,
.icon-keyboard_arrow_down {
    color: #585858;
}
.h-text h1 {
    font-size: 46px;
}
h1 img.icon {
    vertical-align: middle;
    margin: 0;
}
.senia-txt-2 {color: #413D46;}
.senia-txt-3 {color: #413D46;}

.breadcrumbs a {
    color: #A9A9A9;
}
.breadcrumbs {
    padding: 0 0 20px;
    border-bottom: 1px solid #EAE8EF;
    color: #A9A9A9;
}
span[property="itemListElement"] {
    color: #3BB05F;
}
.pattern {
    background-image:url(img/geometry2.png);
}
.logos-wrap {
    text-align: center;
    border-bottom: 1px solid #EAE8EF;
    padding: 40px 0 25px;
}
.logos-wrap img {
    margin: 0 20px;
}
.number {
    color: #FFFFFF;
    background-color: #FF9900;
    border-radius: 50%;
    width: 18px;
    display: inline-block;
    height: 18px;
    text-align: center;
    margin: 2px;
}


/*---------------------------------------------
//  body
//---------------------------------------------
*/

body{
    background: #e7e7e7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
        overflow: hidden;
        background-color: #d61e51;
}

#container{
    background: #ffffff;
    /*width: 960px;*/
    margin: 0 auto;

}
#intro-text {
    border-bottom: 1px solid #EAE8EF;
    margin-bottom: 16px;
}
.h-25 {
    padding: 28.1%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.h-25-extra:before{
    content: "";
    padding: 28.1%;
}

.filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.11) 47%, rgba(0, 0, 0, 0.27) 77%, rgba(0, 0, 0, 0.27) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, 0)), color-stop(47%, rgba(0, 0, 0, 0.11)), color-stop(77%, rgba(0, 0, 0, 0.27)), color-stop(100%, rgba(0, 0, 0, 0.27)));
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.11) 47%, rgba(0, 0, 0, 0.27) 77%, rgba(0, 0, 0, 0.27) 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.11) 47%, rgba(0, 0, 0, 0.27) 77%, rgba(0, 0, 0, 0.27) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.11) 47%, rgba(0, 0, 0, 0.27) 77%, rgba(0, 0, 0, 0.27) 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.11) 47%, rgba(0, 0, 0, 0.27) 77%, rgba(0, 0, 0, 0.27) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
    z-index: 10;
}
.filter.bg{
    opacity: 0.5;
    background-size: cover;
    background-position: center;
}
.fill-img .filter,
.card .filter, .dark{
    background: rgba(0, 0, 0, 0.5);
}

#llista-fills {
    font-size: 0;
}


.offers-carousel {
    border-bottom: 1px solid #EAE8EF;
}
.offers-carousel .fill{
    border: none;
}
.offers-carousel .fill-img, .offers .fill-img{
    padding: 50%;
}
.offers-carousel p.subtitle.subtitle-wrap,
.offers p.subtitle.subtitle-wrap{
    max-width: 70%;
    display: inline-block;
}
.price-wrap {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 14px;
    text-align: right;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    margin-left: 5%;
    padding: 0 5px;
    float: right;
}
.discount {
    color: #ffc107;
    display: block;
}
.price-before {
    text-decoration: line-through;
    color: #ccc;
}
.imagesec {
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    top: 180px;
    right: 5%;
    z-index: 30;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    transition: all 0.3s ease;
}
.imagesec:hover {
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.24);
    -webkit-transform: scale3d(1.02,1.01,1.02);
    transform: scale3d(1.02,1.01,1.02);
}
.fill-big:hover .fill-img .btn,
.fill:hover .fill-img .btn,
.card:hover .btn{
    -webkit-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    transform: translate(0, 6px);
}

.owl-carousel .fill {
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
    padding: 2.5%;
}
.carousel-content, .galeria-slider {
    padding: 0px 0px;
    box-sizing: border-box;
}
.owl-carousel .owl-item img.icon {
    width: auto;
    display: inline-block;
}

.fill-img > .filter,
.card > .filter{
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.fill-img .btn, .card .btn {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.fill:hover .fill-title h2,
.fill-big:hover .fill-title h2 {
    text-decoration: underline;
}
.fill-img > .filter, .fill-img .btn,
.card > .btn, .card > .filter {
    opacity: 0;
}
.fill:hover .fill-img > .filter,
.fill-big:hover .fill-img > .filter,
.fill:hover .fill-img .btn,
.fill-big:hover .fill-img .btn,
.card:hover > .btn,
.card:hover > .filter{
    opacity: 1;
}

.btn {
    position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    max-width: 100px;
    text-align: center;
    border: 2px solid white;
    border-radius: 30px;
    color: white;
    z-index: 22;
    overflow: hidden;
    margin: auto;
}
a.btn:hover {
    color: white;
}
a.btn.book, a.btn.book {
    display: inline-block;
    max-width: 100%;
    padding: 0 20px;
    font-family: 'Bree Serif', serif;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.btn.book-title {
    color: #68507F;
    border: 2px solid #E4DDFA;
    font-size: 16px;
    background: rgb(255, 255, 255);
    font-weight: 600;
}
a.btn.book-related {
    color: #444;
    border: 2px solid #eee;
    font-size: 14px;
    background: transparent;
    font-weight: 400;
}
a.btn.book.book-related:hover {
    color: #D61E51;
    border: 2px solid #D61E51;
}
a.btn.book-white {
    color: #FCFCFC;
    border: 2px solid #FCFCFC;
    font-size: 16px;
}
a.btn.book-col {
    color: #68507F;
    border: 2px solid #68507F;
}
.deco {
    width: 100%;
    height: 1px;
    background: #EAE8EF;
    margin: 15px 0 5px 0;
}
.cero {
    font-size: 0px;
}
.wrap {
    margin-bottom: 40px;
    font-size: 0
}


input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + span:before {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    content: "\e90c";
    cursor:pointer;
    font-size: 18px;
}
input[type="checkbox"]:checked + span:before {
    content: "\e90b";
    font-size: 18px;
    color: #69B91B;
}

input[type="checkbox"]:checked + span:before,
input[type="checkbox"] + span:before,
.float-call:before{
    font-family: 'calagogo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
/*---------------------------------------------
//  Novedades
//---------------------------------------------
*/

.new-img {
    width: 100px;
    height: 100px;
    background-size: cover;
    float: left;
    margin-right: 12px;
}
.new span.title, .new p {
    vertical-align: top;
    display: block;

}
p.gradient {
    color: black;
    overflow: hidden;
    height: 50px;

}
.gradient{
    position: relative;
}
.gradient:after {
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 59%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 59%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 59%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}
.new {
    display: block;
    min-height: 100px;
    margin: 20px 5px 0 0;
}
.new:hover .title {
    color: #167ac6;
    text-decoration: underline;
}
.share a.social-icon.fb, .share a.social-icon.tw {
    color: #F5F5F5;
    background: #2196F3;
    display: inline-block;
    position: relative;
    margin: 0 2px;
    border-radius: 8px;
    height: 34px;
    width: 40px;
    box-shadow: 0 3px 0 0 #0C5FA0;
    border: 0;
}

.share p {
    line-height: 36px;
    color: #B8B8B8;
    display: inline-block;
    margin-right: 10px;
}
/*---------------------------------------------
//  Alojamientos Home
//---------------------------------------------
*/
.lodgement-section, .section {

    padding: 60px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.lodgement-section h1 {
    color: #BD3857;
    font-weight: 400;
    text-align: center;
}
.section {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin: 40px 0 20px;
    background-color: #FFEBF1;
}
.section, .section p {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
}
.card-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.card {
    position: relative;
    width: 240px;
    height: 320px;
    background-size: cover;
    background-position: center center;
    margin: 10px;
    text-align: center;
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.25);
}
.card:hover .border {
    border: 2px solid white;
    box-sizing: border-box;
    width: 92%;
    height: 93%;
}
.border {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
    border: 2px solid transparent;
    z-index: 20;
}
.card .btn {
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
}
.card:hover .title {
    margin-top: 40%;
}
.card .title {
    margin-top: 100%;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}


#senia {
    /* background: url(img/senialogo.png) no-repeat; */
    background: url(img/seniacalagogoLOGO.png) no-repeat;
    background-size: contain;
    background-position: center -6px;
    display: inline-block;
    /* width: 100px; */
    width: 180px;
    height: 40px;
    /* float: right; */
    margin-top: 15px;
    vertical-align: top;
}
.header-sidebar:nth-of-type(1) {
   /* margin-left: 116px;
        margin-top: 10px;*/
}
.header-sidebar {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    color: rgb(230, 227, 227);

}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.header-sidebar h2, .fill h2, .fill-big h2 {
    font-family: 'Bree Serif', serif;
    font-weight: 400;
}
.header-sidebar h2 {
    font-size: 16px;
    margin-bottom: 0;
}
.fill h2, .fill-big h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.max-screen{
    max-width: 1200px;
    margin: auto;
}
.h-60 {
    height: 60px;
}
/*---------------------------------------------
//  widget
//---------------------------------------------
*/
.cal-bg {
    position: fixed !important;
}
.cal-shadow {
    top: 0;
    left: 0;
    border: 0px solid transparent !important;
    padding: 0px !important;
    margin: -6px 6px 6px -6px;
    background-color: #68507F !important;
}
.cal-navigation {
    background-color: #FFB75D !important;
}
img[src*="http://bookings.masterasp.com//img/cal-left.png"] {
    content: url(img/left.png);
    width: 12px;
    margin: 16px 0px 16px 5px;

}
img[src*="http://bookings.masterasp.com//img/cal-right.png"] {
    content: url(img/right.png);
    width: 12px;
    margin: 16px 5px 16px 0px;

}
.cal-available-hilite, .cal-available-hilite a, .cal-available.hilite, .cal-available.hilite a {
    background-color: green;
    cursor: pointer;
    color: white;
}
.cal-table tr:not(.cal-header) td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid rgba(228, 221, 250, 0.21);
}
.cal-header {
    background-color: #b4b9be !important;
}
.cal-form input, .cal-form td {
    font-family: "Open Sans", sans-serif !important;
}
select#m_y {
    border: none;
    padding: 6px;
    margin: 10px;
    background: rgb(228, 163, 81);
    color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
span.submit-bottom {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}
.h-25 .book-white, span.submit-bottom {
    text-transform: uppercase;
}
.h-text a.btn:hover {
    background-color: white;
    color: #D61E51;
}
@font-face {
    font-family: 'calagogo';
    src:url('fonts/calagogo.eot?2ead05');
    src:url('fonts/calagogo.eot?2ead05#iefix') format('embedded-opentype'),
        url('fonts/calagogo.ttf?2ead05') format('truetype'),
        url('fonts/calagogo.woff?2ead05') format('woff'),
        url('fonts/calagogo.svg?2ead05#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"],
li.menu-item-has-children > a:after,
.owl-carousel .owl-nav .owl-prev:before,
.owl-carousel .owl-nav .owl-next:before,
.social-icon:before,
ul.checkmark li:before{
    font-family: 'calagogo';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 19px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"], [class*=" icon-"]{
    line-height:24px;
}
li.menu-item-has-children > a:after{
    line-height:20px;
}
.icon-insert_invitation:before {
    content: "\e900";
}
.icon-keyboard_arrow_down:before {
    content: "\e10f";
}
.icon-keyboard_arrow_up:before {
    content: "\e112";
}
.icon-checkmark:before {
    content: "\e901";
}
.icon-compass2:before {
    content: "\e908";
}
.icon-turned_in:before {
    content: "\e2f8";
}
.icon-favorite:before {
    content: "\e291";
}
.icon-favorite:before {
    font-family: 'calagogo';
    font-size: 14px;
    line-height: 13px;
    vertical-align: middle;
    margin: 0;
    color: #F16565;
    display: inline-block;
    padding: 0px 6px 0px 0;
}
.icon-keyboard_backspace:before, .owl-carousel .owl-nav .owl-prev:before, .owl-carousel .owl-nav .owl-next:before {
    content: "\e113";
    position: absolute;
    color: #cccccc;
    left: 0;
    font-size: 20px;
    margin: 5px 6px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.icon-link-external:before {
    content: "\e90a";
    position: absolute;
    right: -16px;
    top: 0;
    color: #ccc;
}
.icon-google:before {
  content: "\e90e";
}
#call-popup {
    border-radius: 10px;
}
.float-call {
    width: 36px;
    height: 150px;
    position: fixed;
    top: 28%;
    z-index: 999;
    right: 0px;
    background: #D61E51;
    box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.34);
    outline: 0;
    border:0;
    font-size: 14px;
}
.float-call:hover:before {
    color: rgb(230, 227, 227);
}
.float-call span {
    position: absolute;
    font-family: 'Bree Serif', serif;
    color: rgb(230, 227, 227);
    -webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);
    width: 150px;
    height: 150px;
    bottom: 12px;
    left: 8px;
}
.float-call:hover {
    right: 0 !important;
}
.float-call:before {
    content: "\e90d";
    font-size: 20px;
    color: #E4DDFA;
    position: absolute;
    top: 12px;
    left: 10px;
}
a.float-btn {
    background: #D61E51;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: block;
    color: #ffffff;
    font-size: 12px;
    position: fixed;
    bottom: -100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
    z-index: 99;
}
a.float-btn:hover {
    color: #FFA6BE;
}
a.float-btn:before {
    font-size: 32px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 28px;
    width: 32px;
}
a.back-top {
    width: 100%;
    background: #FBEFF2;
    display: inline-block;
    text-align: center;
    color: #DCADBA;
    padding: 15px 0;
    margin: 40px 0;
}
a.back-top:hover {
    color: #D61E51;
}
.textwidget {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
}
#bookings-widget_Esperando {
    min-width: 600px;
}
#grupWidget #widget label {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    color: white;
    font-weight: 400;
}

#widget select, #widget input {
    border: 0;

}


#bookings-widget_checkin_container a,
#bookings-widget_checkout_container a{
    vertical-align: middle;
    background: white;
    height: 25px;
    margin-right: 10px;
    padding: 0 10px;
}
#bookings-widget_checkin_container img,
#bookings-widget_checkout_container img{
    margin: 4px 0;
}

#bookings-widget_submit_container a {
    color: rgb(230, 227, 227);
    text-decoration: none;
    font-family: 'Bree Serif', serif;
    font-size: 15px;
    padding: 5px 20px;
    text-align: center;
    box-sizing: border-box;
    height: 46px;
    overflow: hidden;
}

#bookings-widget_submit_container {
    font-size: 14px;
    height: 100%;
}
#widget select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: white url(img/arrow.png) no-repeat center right 10px;
    background-size: 10px;
}
.i-big:before {
    font-size: 30px;
    display: block;
    color: white;
    margin: 10px 0;
}
.spinner {
    margin: auto;
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    height: 47px;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/*---------------------------------------------
//  content
//---------------------------------------------
*/

#slider-home .owl-prev:before {
    color: rgba(255, 255, 255, 0.3);
}
#slider-home .owl-prev {
    left: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

#slider-home .owl-next {
    right: 50px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
#slider-home .owl-next:before {
    color: rgba(255, 255, 255, 0.3);
}
#slider-home .owl-next:hover,
#slider-home .owl-prev:hover {
    border: 1px solid white;
    background: transparent;
}
#slider-home .owl-next:hover:before,
#slider-home .owl-prev:hover:before{
    color: white;
}
#slider-home .owl-dot.active span {
    background: #FFB75D;

}
#slider-home .owl-dot span {
    background: rgba(204, 204, 204, 0.35);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 4px;
}
#slider-home .owl-dots {
    margin: 10px;
    position: relative;
    text-align: center;
}

#slider-home .owl-dots div,
#slider-home .owl-dots span {
    display: inline-block;
}
#content h1,h2,h3,h4,h5,h6{
    color: #444444;
    font-weight: 400;
}
#content h1, .content h1 {
    color: #BD3857;
}
#content p {
    margin-bottom: 20px;
}

#home-container{
    /**/
}

#home-container #content{
}

#home-container #content p {
}


#page-container{
    overflow: hidden;
    width: 100%;
    background: rgba(243, 243, 243, 0.22);
}
#content, .content {
    max-width: 1200px;
    margin: auto;
}
#page-container #content{
    background: rgba(243, 243, 243, 0.22);
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#page-container #content p {
    margin-bottom: 10px;
}

/*---------------------------------------------
//  menu
//---------------------------------------------
*/

nav {
    font-family: "Open Sans", sans-serif;
}



ul.menu-principal a{
    text-decoration: none;
    color: #444444;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
}


ul.menu-principal li.menu-item-has-children > a {

}
.menu-img {
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: center center;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 10px 1px 0;
    border: 1px solid #E4DDFA;
    border-radius: 50%;
    margin-bottom: 3px;
}


.title-nav {
    display: inline-block;
}
.sub-menu li.destacar > a > .title-nav {
    max-width: 100px;
}
.sub-menu li.destacar > a > .menu-img {
    display: inline-block;
    width: 150px;
    height: 60px;
    vertical-align: top;
    border-radius: 0;
    margin-bottom: 20px;
}




/*---------------------------------------------
//  submenu 3r nivel o +
//---------------------------------------------
*/

ul.menu-principal > li > ul > li ul{

    z-index: 1;
}


/*---------------------------------------------
//  Opinion
//---------------------------------------------
*/
.opinion-section .seni-2 {
    position: absolute;
    right: 0px;
    top: -50px;
    height: 80px;
    width: 85px;
    z-index:20;
}

.opinion span.title {
    margin-left: 15px;
}
.opinion span.subtitle {
    margin-top: 10px;
    display: block;
}
.stars {
    width: 90px;
    background: #E4DDFA;
    font-size: 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-shadow: inset 0px 6px 8px 0px rgb(170, 167, 187);
}
.star {
    width: 20%;
    height: 18px;
    display: inline-block;
    background-image:url(img/star.png);
    background-size: cover;
    z-index: 20;
    position: relative;
}

.star-positive {
    background-color: #FFAD33;
    height: 18px;

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

}
/*---------------------------------------------
//  footer
//---------------------------------------------
*/
footer{
    position: relative;
    color: white;
    text-align: center;
    min-height: 380px;
    background-size: cover;
    background-position: center center;
}
footer nav {
    z-index: 30;
    position: relative;
    text-align: left;
        width: 100%;
}

.footer-submenu {
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    text-align: left;
}
a.social-icon:hover {
    opacity: 0.7;
}
a.social-icon {
    width: 36px;
    height: 36px;
    border: 2px solid white;
    border-radius: 50%;
    display: inline-block;
    color: white;
    margin-right: 10px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;

}
a.social-icon:before{
    width: 100%;
    display: inline-block;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
}
a.yo:before {
    content: "\e902";
}
a.fb:before {
    content: "\e909";
}
a.in:before {
    content: "\e904";
}
a.tw:before {
    content: "\e905";
}
a.sp:before {
    content: "\e907";
}
a.go:before{
    content: "\e90e";
}
.icon-0:after { content: ":"; }
.icon-1:after { content: "p"; }
.icon-2:after { content: "S"; }
.icon-3:after { content: "Q"; }
.icon-4:after { content: "S"; }
.icon-5:after { content: "W"; }
.icon-6:after { content: "W"; }
.icon-7:after { content: "W"; }
.icon-8:after { content: "W"; }
.icon-9:after { content: "I"; }
.icon-10:after { content: "W"; }
.icon-11:after { content: "I"; }
.icon-12:after { content: "I"; }
.icon-13:after { content: "I"; }
.icon-14:after { content: "I"; }
.icon-15:after { content: "W"; }
.icon-16:after { content: "I"; }
.icon-17:after { content: "W"; }
.icon-18:after { content: "U"; }
.icon-19:after { content: "Z"; }
.icon-20:after { content: "Z"; }
.icon-21:after { content: "Z"; }
.icon-22:after { content: "Z"; }
.icon-23:after { content: "Z"; }
.icon-24:after { content: "E"; }
.icon-25:after { content: "E"; }
.icon-26:after { content: "3"; }
.icon-27:after { content: "a"; }
.icon-28:after { content: "A"; }
.icon-29:after { content: "a"; }
.icon-30:after { content: "A"; }
.icon-31:after { content: "6"; }
.icon-32:after { content: "1"; }
.icon-33:after { content: "6"; }
.icon-34:after { content: "1"; }
.icon-35:after { content: "W"; }
.icon-36:after { content: "1"; }
.icon-37:after { content: "S"; }
.icon-38:after { content: "S"; }
.icon-39:after { content: "S"; }
.icon-40:after { content: "M"; }
.icon-41:after { content: "W"; }
.icon-42:after { content: "I"; }
.icon-43:after { content: "W"; }
.icon-44:after { content: "a"; }
.icon-45:after { content: "S"; }
.icon-46:after { content: "U"; }
.icon-47:after { content: "S"; }
.icon-3200:after { content: "1"; }

@font-face {
    font-family: 'weather';
    src: url('fonts/weather.eot');
    src: url('fonts/weather.eot?#iefix') format('embedded-opentype'),
         url('fonts/weather.woff') format('woff'),
         url('fonts/weather.ttf') format('truetype'),
         url('fonts/weather.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
i:after {
    color: #fff;
    font-family: weather;
    font-size: 55px;
    font-weight: normal;
    font-style: normal;
}
#weather {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
}
span.temp {
    font-size: 32px;
    margin: 0 10px;
}
span.small, span.city {
    display: block;
}
.tel-icon {
    background-image:url(img/icon-call.png);
}
.mail-icon {
    background-image:url(img/icon-email.png);
}
.tel-icon, .mail-icon {
    height: 32px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    line-height: 32px;
    margin-right: 10px;
    color: darkgray;
}

.senia-icon {
    width: 56px;
    height: 56px;
    display: inline-block;
    background-size: cover;
    vertical-align: middle;
    z-index: 10;
    position: relative;
    margin: 0 5px;

}
.senia-caballo {background-image:url(img/logo-caballo.png);}
.senia-rupit {background-image:url(img/logo-rupit.png);}
.senia-tucan {background-image:url(img/logo-tucan.png);}
.senia-riu {background-image:url(img/logo-riu.png);}

/*---------------------------------------------
//  menu-footer
//---------------------------------------------
*/
#cookie-notice .button.bootstrap,#cookie-notice .button.bootstrap:hover,
#cookie-notice .button.bootstrap:focus {
    background-color: #6D5184 !important;
    background: rgba(104, 80, 127, 1) !important;
    background: -moz-linear-gradient(top, rgba(104, 80, 127, 1) 0%, rgba(80, 56, 103, 1) 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104, 80, 127, 1)), color-stop(100%, rgba(80, 56, 103, 1))) !important;
    background: -webkit-linear-gradient(top, rgba(104, 80, 127, 1) 0%, rgba(80, 56, 103, 1) 100%) !important;
    background: -o-linear-gradient(top, rgba(104, 80, 127, 1) 0%, rgba(80, 56, 103, 1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(104, 80, 127, 1) 0%, rgba(80, 56, 103, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(104, 80, 127, 1) 0%, rgba(80, 56, 103, 1) 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#68507f', endColorstr='#503867', GradientType=0) !important;
}



.menu-pie li {
    display: inline-block;
    padding: 5px;
    margin: 0 8px;
    border: 1px solid rgba(156, 156, 156, 0);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.menu-pie li:hover {
    border: 1px solid rgba(156, 156, 156, 0.22);
}
.menu-pie a {
    color: #909090;
}


.current-menu-item{
    /**/
}

.current-menu-item a{
    /**/
}

.client:before {
    content:"";
    background-image:url(img/locked59.png);
    background-repeat: no-repeat;
    background-size:16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0px 5px 0 0;
    vertical-align: top;
}

/*---------------------------------------------
//  FAQS
//---------------------------------------------
*/



.faqs-list h3 {
    color: #999;
    font-size: 20px;
    font-weight: 400;
    margin-top: 36px;
    text-transform: uppercase;
}
.faq label:after, a#menu-icon-book:after {
    content: "\e10f";
    font-size: 24px;
    color: #68507F;
    font-family: 'calagogo';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    margin-left: 10px;
    float: right;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
a#menu-icon-book:after {
    color: white;
        margin-top: 18px;
}
#menu-icon-book.active-icon:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq {
    border-bottom: 1px solid #dce0e0;
    padding: 7px 0 10px 0;
}

.faq [type=checkbox] {
    position: absolute;
    left: -9999px;
}

.faq [type=checkbox] ~ label ~ .content-faq {
    opacity: 0;
    transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    overflow: hidden;
    height: 0;
}
.faq [type=checkbox]:checked ~ label:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq [type=checkbox]:checked ~ label ~ .content-faq {
    opacity: 1;
    height: auto;
    overflow: visible;
    padding: 10px 0 0px 0;
    transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

.faq label {
    font-family: 'Bree Serif', serif;
    font-weight: 400;
    color: #545454;
    font-size: 18px;
}


/*---------------------------------------------
//  sidebar
//---------------------------------------------
*/

#sidebar-languages-content{
    overflow: hidden;
}

#sidebar {
    float: left;
    width: 25%;
    padding: 20px;
    background: #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sidebar-languages-content h2{
    display: none;
}

/*---------------------------------------------
//  Imatges
//---------------------------------------------
*/

/* Medium i large img are responsive */
img.size-thumbnail,
img.size-large,
img.size-medium {
    max-width: 100%;
    height: auto;
}


/*---------------------------------------------
//  Galeries
//---------------------------------------------
*/


.owl-container {
    position: relative;
}

.galeria-default div {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding: 1%;
}


.galeria-default a,
.galeria-default img{
    display: block;
    width: 100%;
    height: auto;
}

.galeria.col-1 div{
    width: 100%;
}

.galeria.col-2 div{
    width: 50%;
}

.galeria.col-3 div{
    width: 33.3%;
}

.galeria.col-4 div{
    width: 25%;
}

.galeria.col-5 div{
    width: 20%;
}

.galeria.col-6 div{
    width: 16.6%;
}

.galeria.col-7 div{
    width: 14.28%;
}

.galeria.col-8 div{
    width: 12.5%;
}

.galeria.col-9 div{
    width: 11.11%;
}



/*---------------------------------------------
//  Carousel
//---------------------------------------------
*/

#carousel-container{
    position: relative;
    clear: both;
}

#carousel,
.galeria-slider,
.mini-carousel,
.galeria-slider-thumbnails{
    width: 100%;
    position: relative;
}




/*---------------------------------------------
//  Owl carousel
//---------------------------------------------
*/

.owl-carousel .item {
    position: relative;
}

.owl-carousel .owl-item img{
    display: block;
    width: 100%;
    height: auto;
}

#slider-home .text-carousel {
    position: absolute;
    bottom: 10%;
    left: 10%;
    background-color: rgba(255,255,255,0.5);
    z-index: 10;
    padding: 20px;
}

.mini-carousel {
    margin: 3px 0;
}

.galeria-carousel .item,
.mini-carousel .item{
  margin: 3px;
}

.owl-carousel .owl-nav > div {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #ccc;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    color: transparent;
    z-index: 50;
}

.owl-carousel .owl-nav .owl-prev {
    left: -45px;
}

.owl-carousel .owl-nav .owl-next {
    right: -45px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.owl-next,
.owl-prev{
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.owl-next:hover,
.owl-prev:hover{

    background: #444;
}
.owl-carousel.galeria-carousel .owl-nav > div,
.owl-carousel.mini-carousel .owl-nav > div {
    width: 32px;
    height: 32px;
}


.owl-carousel.galeria-carousel .owl-nav .owl-prev,
.owl-carousel.mini-carousel .owl-nav .owl-prev {
    background-position: -68px 0;
}

.owl-carousel.galeria-carousel .owl-nav .owl-next,
.owl-carousel.mini-carousel .owl-nav .owl-next {
    background-position: -85px 0;
}


.owl-pagination {
    list-style: none;
    position: absolute;
    bottom: 2%;
    right: 50%;
}

.owl-pagination div,
.owl-pagination span{
    display: inline-block;
}

.owl-pagination span {
    width: 7px;
    height: 7px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px 0 0;
    border: 1px solid #FFF;
    cursor: auto;
}


.owl-pagination .owl-page.active{
    opacity: 0.5;
}


/*---------------------------------------------
//  Magnific Popup
//---------------------------------------------
*/

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
    -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    text-align: left;
    font-size: 13px;
}


/*---------------------------------------------
//  Columnas
//---------------------------------------------
*/



.no-flexbox .columna-wrapper {
    display: block;
    overflow: hidden;
}


.columna-wrapper > .columna{
    -moz-box-sixing:  border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.no-flexbox .columna-wrapper > .columna {
    display: block;
    float:left;
}

.page-template-tmpl-pagina-alojamiento-php .columna + .columna{
    background: white;
    border: 1px solid #eae8ef;
    border-radius: 4px;
    padding: 25px 20px;
}


.col1-4 {
    width: 25%;
}

.col1-3 {
    width: 33.3%;
}



.col2-3 {
    width: 66.3%;
}

.col3-4 {
    width: 75%;
}

/*---------------------------------------------
//  Contact form
//---------------------------------------------
*/

form.wpcf7-form label {
display: block;
}
label {
    color: #a9a9a9;
}
.personal-form:hover,
.idiomas-form:hover,
.formacion-form:hover{
    background: #f3f3f3;
}

.personal-form,
.idiomas-form,
.formacion-form {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
    padding: 20px;
    box-sizing: border-box;
}

input[type=submit]:hover,
.boton-reservar:hover,
.btnReservas{
    border: 2px solid #D61E51;
    color: #D61E51;
}
input[type=submit]{
    margin: 10px 0;
}
input[type=submit],
.boton-reservar,
.btnReservas{
    color: #D61E51;
    border: 0;
    border: 2px solid #eee;
    background: transparent;
    height: 30px;
    border-radius: 30px;
    padding: 0 20px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-family: 'Bree Serif', serif;
}

.boton-reservar,
.btnReservas{
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}
.personal-form input,
.formacion-form input,
.formacion-form textarea,
.idiomas-form select,
.idiomas-form input:not([type="submit"]),
.idiomas-form textarea,
input[name="cont-quiz"]{
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
    min-height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
}
.formacion-form textarea{
    height: 4em;
}

input[name="cont-quiz"] {
    max-width: 50px;
}

input:focus, textarea:focus {
    border-right: 4px solid #68507F;
    outline: 0;
    margin-right: -4px;
}
/*---------------------------------------------
//  notificaciones
//---------------------------------------------
*/
#notificacion{
    background: yellow;
    width: 250px;
    min-height: 200px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 8;
    display: none;
}

#cerrar{
    float: right;
}

#cerrar:hover{
    cursor: pointer;
}

.loadingreservas {
    width   			: 100%;
    position   			: relative;
    height				: 60px;
    background			: url(img/load_reservas.gif) center 40%  no-repeat;
}
.white-popup .columna.col1-3 {
    padding: 20px !important;
    border: 0;
    width: 100%;
}
/*---------------------------------------------
//  Responsive
//---------------------------------------------
*/
@media (min-width:0px) and (max-width:1024px){
    #senia {
        width: 100%;
        height: 60px;
    }
    div#sub-header {
        opacity: 0;
    }
    div#sub-header.active-menu{
        opacity: 1;
    }
}
@media (min-width: 0px) {
    a#menu-icon {
        cursor: pointer;
        position: fixed;
        z-index: 9999;
        top: 0px;
        right: 0px;
        left: 0;
        background-color: #000;
    }
    a.float-btn {

        right: 5%;
    }
    .magic {
        position: fixed;
        top: 0;
    }
    .menu {
        position: relative;
        display:  inline-block;
        width: 60px;
        height: 60px;
        margin: 0px;
    }
    .menu span {
        margin: 0 auto;
        position: relative;
        top: 28px;
    }
    .menu span:before, .menu span:after {
        position: absolute;
        content: '';
    }
    .menu span, .menu span:before, .menu span:after {
        width: 28px;
        height: 2px;
        background-color: white;
        display: block;
    }
    .menu span:before {
        margin-top: -8px;
    }
    .menu span:after {
        margin-top: 8px;
    }
    .ico5 span {
        -webkit-transition-duration: 0s;
        -webkit-transition-delay: .0s;
    }
    .active-icon span {
        background-color: rgba(0,0,0,0.0);
        -webkit-transition-delay: .0s;
    }
    .ico5 span:before {
        -webkit-transition-property: margin, -webkit-transform;
        -webkit-transition-duration: .2s;
        -webkit-transition-delay: .2s, 0;
    }
    .active-icon span:before {
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        -webkit-transition-delay: 0, .2s;
    }
    .ico5 span:after {
        -webkit-transition-property: margin, -webkit-transform;
        -webkit-transition-duration: .2s;
        -webkit-transition-delay: .2s, 0;
    }
    .active-icon span:after {
        margin-top: 0;
        -webkit-transform: rotate(-45deg);
        -webkit-transition-delay: 0, .2s;
    }
    .offers-carousel .fill-img, .offers .fill-img {
        padding: 22%;
    }
    .offers.menu-item {
        padding-left: 60px;
        position: relative;
    }

    /*---------------------------------------------
    //  header
    //---------------------------------------------
    */

    #sub-header > div {
        height: auto;

    }
    nav.menu-principal-wrapper{
        height: auto;
    }
    ul.menu-principal > li{
        display: block;
        min-height: 30px;
        border-bottom: 2px solid rgba(181, 156, 197, 0.14);
        line-height: 40px;
            padding-right: 40px;
    }
    ul.menu-principal > li > a {
        /*text-transform: uppercase;*/
        font-weight: 600;
    }
    ul.sub-menu {
        display: none;
    }
    .showme ul.sub-menu{
        display: block;
    }
    ul.sub-menu .title-nav {
        padding-left: 20px;
    }
    ul.menu-principal > li > a > .menu-img{
        display: inline-block;
        margin-left: 14px;
        position: absolute;
        left: 0;
    }
    .title-nav.no-pic {
        /*padding-left: 58px;*/
    }
    .title-nav{
        width: auto;
        padding-left: 60px;
    }

    ul.menu-principal {
        margin-left: 0;
    }

    /*---------------------------------------------
    //  widget
    //---------------------------------------------
    */

        /* temp*/
    .header-sidebar:nth-of-type(1),a#logo {
        display: none;
    }
    #bookings-widget_Esperando, #bookings-widget_NoEsperando, #grupWidget {
        width: 100%;
        height: auto !important;

    }
    #widget #bookings-widget_pack_container {
        display: block;
    }
    #widget {
        font-size: 0;
        width: 70%;
        background: rgb(249, 68, 118);
        margin: auto;
        text-align: left;
        padding: 20px 14px;
        margin: 40px auto;
        border-radius: 3px;
        border: 1px solid rgba(104, 80, 127, 0.2);
    }
    .header-sidebar {
        width: 100%;
    }
    #bookings-widget_submit_container a, #bookings-widget_submit_container{
        width: 100%;
        font-size: 18px;
        text-transform: uppercase;
    }
    #bookings-widget_submit_container {
        margin: 20px 0 0;
    }
    #widget #bookings-widget_pack_container > div > select{
        width: 100%;
    }

    #grupWidget #widget label {
        font-size: 12px;
    }
    #top-header {
        /* display: none; */
        position: fixed;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 100%;
        z-index: 99;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-transition: transform 0.4s ease;
                transition: transform 0.4s ease;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        width: 80%;
    }
    #sub-header {
        position: fixed;
            -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%);
        -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease;
        z-index: 70;
        padding-top: 50px;
         width: 100%;
    }

    .bgblur-senia{background-image: none;}
    .senia-col-3{
        background-color: #D61E51;

    }
    div#top-header.active-menu{
        -webkit-transform: translate(0%,0);
        -ms-transform: translate(0%,0);
            transform: translate(0%,0);
    }
    div#sub-header.active-menu {
           -webkit-transform: translate(0%,-60px);
        -ms-transform: translate(0%,-60px);
                transform: translate(0%,-60px);

    }
    div#top-header.active-menu{
        box-shadow: 5px 25px 60px -5px rgba(0, 0, 0, 0.8);
    }
    #top-header.active-menu{
        position: relative;
        min-height: 3000px;
    }
    a#menu-icon-book {
        left: 60px;
        top: 0;
        background: #444;
        height: 60px;
        width: auto;
        position: fixed;
        color: white;
        padding: 0 20px;
        line-height: 60px;
        font-weight: 600;
        cursor: pointer;
        text-transform: uppercase;
        z-index: 99;
    }
    header {
        margin-top: 60px;
    }
    #senia {
        margin: 15px;
    }
    .card {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 2;
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        height: 140px;
        margin: 0;
    }
    .border {
        display: none;
    }
    .fill-img .btn, .card > .btn, .card > .filter {
        opacity: 1;
    }
    .fill,
    .fill-big {
        text-decoration: none;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
        border-bottom: 1px solid #EAE8EF;
        padding-bottom: 15px;
        position:relative;
        min-height:auto;
    }
    .fill, .fill-big {
        width: 100%;
        font-size:0;
    }

    .fill-img{
        padding: 0;
        width: 40%;
        height: 150px;
        display: inline-block;
        background-size: cover;
        background-position: center;
        position: relative;
        box-sizing: border-box;
    }
    .fill-big .fill-img,
    .fill-big .fill-title {
        width: 100%;
        margin: 0;
    }
    .imagesec{
        display: none;
    }
    .card .title{
           margin-top: 35px;
    }
    .card:hover .title {
           margin-top: 35px;
    }
    .card .btn {
        bottom: 20px;
    }
    .lodgement-section{
          padding: 20px 10px;
    }
    ul.sub-menu li.menu-item-has-children > a, h1 {
        font-family: 'Bree Serif', serif;
        font-size: 24px;
        margin: 12px 0;
        font-weight:400;
    }
    .h-text {
        position: absolute;
        text-align: right;
        bottom: 0;
        margin: auto;
        right: 15%;
        min-width: 90%;
        color: white;
        font-family: 'Bree Serif', serif;
        font-size: 40px;
        font-weight: 400;
        z-index: 20;
        top: 35px;
    }
    #container .h-25-extra .h-text{
        display: none;
    }
    .opinion-section, .news-section {
        padding: 15px;
        font-size: 0;
        position: relative;
    }
    .news-section h2, a.count {
        display: inline-block;
    }
    .opinion {

        display: inline-block;
        box-sizing: border-box;
    }
    .opinion + .opinion {
        padding: 0;
    }
    .media-wrap > .text {
        display: none;
    }
    .media-wrap .media, .related{
        width: 100%;
    }
    .related-txt {
        padding: 20px;

    }
    .related-wrap > .related:nth-child(2) > .related-txt {
        float: left;
    }
    .fill-title {
        margin: 0 0 0 5%;
        font-size: 0;
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }
    .fill-img > span.btn{
        display: none;
    }
    img.icon {
        max-width: 26px;
        border-radius: 4px;
        border: 1px solid rgb(234, 232, 239);
        margin: 20px 2px 1px 0px;
        background: #F7F6F6;
    }
    .highlight-wrap {
        display: block;
        margin: 0 0px 10px;
    }
    .h-text p {
        max-width: 90%;
        overflow: hidden;
        float: right;
        text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }
    .columna-wrapper {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        font-size: 0;
    }
    .col1-2 {
        width: 100%;
        display: inline-block;
        font-size: 14px;
        vertical-align:top;
    }
    .featured-txt {
        min-height: auto;
    }
    .inner-big {
        width: 100%;
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
    }
    .inner-big p {
        margin-bottom: 10px;
    }
    .wrap-inner {
        min-height: 100px;
        width: 100%;
        display: block;
        background-position: center center;
        background-size: cover;
        vertical-align: top;
    }
    #page-container #content, .content{
        padding: 20px 10px;
    }
    .related-txt a.btn.book.book-related {
        margin: 20px auto;
        max-width: 80px;
        display: block;
        position:relative;
    }
    .related-txt {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        font-size: 14px;
        box-sizing: border-box;
        position: relative;
        height: 100%;
        color: #444444;
    }
    .related-img {
        width: 100%;
        height: 100px;
        background-size: cover;
        background-position: center center;
        position: relative;
        display: inline-block;
    }
    .footer-submenu {
        position: relative;
    }
    footer .widget_text {
        display: inline-block;
        text-align: left;
        vertical-align: top;
        z-index: 30;
        position: relative;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    .menu-pie li {
        display: block;
    }
    footer nav {

        display: block;
    }
    .circle-featured {
        margin: 10px 10px 40px 10px;

    }
    .h-25 br, .h-text p{
        display: none;
    }
    #content.faqs-list,
    #content.booking-page{
        padding: 20px;
        margin: 20px auto;
    }
    .circle-featured {
        background-position: center;
        height: 70px;
        width: 70px;
    }
    .circle-featured span {
        top: 78px;
    }
    .wpcf7 input[type="text"], .wpcf7 input[type="email"],
    .personal-form, .idiomas-form, .formacion-form{
        width: 100%;
    }
    ul.menu-principal > li.menu-mobile > a {
        font-size: 20px;
    }
    #lang_sel ul ul {
        top: 18px !important;
        width: 120px !important;
        border-top: 0 !important;
    }
    #lang_sel ul ul a {
        border-width: 0 !important;
    }
    #lang_sel a.lang_sel_sel {
        background-color: rgba(104, 80, 127, 0);
        color: #BFB7D8;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Open Sans';
        border: none;
    }
    #lang_sel a.lang_sel_sel:hover {
        text-decoration: none;
        color: #68507F;
    }
    #lang_sel a{
        font-size: 12px;
        line-height: 1.6 !important;
    }
    #lang_sel {
        position: absolute;
        margin: 20px;
        top: 10px;
        right: 0;
        text-transform: uppercase;

    }
    #lang_sel.wpml-ls-legacy-dropdown{
        width: auto !important;
            background-color: white;
    }
    #lang_sel.wpml-ls-legacy-dropdown a{
        padding: 3px !important;
    }
    #lang_sel li {
        width: 143px !important;
        border: none;
    }
    .magic{
        -webkit-transform: translate(100px, 0);
        -ms-transform: translate(100px, 0);
        transform: translate(100px, 0);

    }
    .magic-top{
        -webkit-transform: translate(0, 60px);
        -ms-transform:translate(0, 60px);
        transform: translate(0, 60px);
    }

    .magic:after,
    .magic-top:after{
        content:"";
        position:absolute;
        top: 0;
        bottom:0;
        left:0;
        right:0;
        background-color: rgba(0,0,0,0.6);
        z-index:99;
    }

    #container{
        -webkit-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
    }
    .offers.menu-item:after, .count:after {
        position: absolute;
        left: 15px;
        top: 0;
        background: #FFB75D;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        text-align: center;
        color: white;
        font-weight: 600;
        font-size: 14px;
        line-height: 2.3;
        display: inline-block;
        margin-top: 3px;

    }
    .count:after {
        position: relative;
    }
    .news-section{
        min-height: 200px;
    }
    .phone{
        position: relative;

    }
    .h-text h1 {
        font-size: 26px;
    }
}
@media (min-width: 768px) {
    .lodgement-section {
        padding: 20px 0px 0;
    }
    .card {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 2;
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        height: 140px;
        margin: 0;
    }
    .fill, .fill-big {
        width: 49%;
        margin-left: 1%;
    }
    .col1-2 {
        width: 50%;
        display: inline-block;
    }
    .h-25 br, .h-text p{
        display: inline-block;
    }
    .related-img {
        width: 100%;
        height: 240px;
    }
    footer .widget_text{
        width: 50%;
    }
    .columna-wrapper .columna:first-child {
        padding: 0 65px 0 0;
    }
    .h-text h1 {
        font-size: 42px;
    }
}

@media (min-width: 1024px) {
    #text-2.header-sidebar {
        margin: 5px 0;
    }
    .h-text {
        top: 60px;
        bottom: 0;
        right: 10%;
        /*min-width: 50%;*/
        height: 60px;

    }
    #container .h-25-extra .h-text{
        display: block;
    }
    .fill,
    .fill-big {

        min-height:350px;
    }
    .fill-img > span.btn{
        display: inline-block;
    }
    .card .title {
        margin-top: 100%;
    }
    .card:hover .title {
        margin-top: 40%;
    }
    .card .btn {
        bottom: 60px;
    }
    .card {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        height: 320px;
    }
    .fill:nth-child(4n + 1) {
        margin-left: 0;
    }
    .fill-big:nth-child(3n + 1) {
        margin-left: 0;
    }
    .lodgement-section .card{

        margin: 10px;
    }
    .fill {
        width: 24%;
        margin-left: 1.33%;
    }
    .fill-img {
       padding: 30%;
    }
    .fill-big {
        width: 32.33%;
        margin-left: 1.50%;
    }
    .fill .fill-img{
        padding: 30%;
        width: 100%;
        height: auto;
        display: inline-block;
        box-sizing: border-box;
    }
    .lodgement-section{
        padding: 60px;
    }
    .border {
        display: block;
    }
    .fill-img .btn, .card > .btn, .card > .filter {
        opacity: 0;
    }
    .fill-title, .fill-big .fill-title {
        margin: 10px 0 15px;
        font-size: 0;
        width: 100%;
    }
    .fill-title h2 {
        display: inline-block;
    }
    .offers-carousel .fill-title h2, .offers .fill-title h2{
        display: block;
    }
    .opinion-section .seni-2{
        height: 112px;
    }
    img.icon {
        margin: 2px 2px 1px 0px;
    }
    header {
            margin-top: 0px;
    }
    ul.menu-principal > li > a > .menu-img,
    ul.sub-menu li.menu-item-has-children > a > .menu-img {
        display: none;
    }
    .title-nav.no-pic {
        padding-left: 0;
    }
    .title-nav{
        padding-left: 0;
    }
    #senia {
        margin: 15px;
    }
    .senia-col-3 {
        background-color: rgba(245, 51, 103, 0.55);
    }
    div#top-header {
        display: block;
        height: 60px;
        width: auto;
        padding: 0;
        position: relative;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index:80;
    }
    .bgblur-senia{
        background-image: url(img/blur.png);
        background-size: cover;
        background-blend-mode: luminosity;
    }
    .header-sidebar {
        width: auto;
    }
    #text-8 {width: 67%;}
    div#sub-header {
        position: relative;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
        padding-top: 0px;
    }

    #grupWidget #widget label {
        font-size: 10px;
    }
    #bookings-widget_submit_container {
        margin: 0;
    }
    #bookings-widget_submit_container a, #bookings-widget_submit_container{
        width: auto;
        font-size: 20px;
        line-height: 22px;
    }
    #widget {
        width: auto;
        background: none;
        padding: 0;
        margin: 0;
        border: none;
    }
    #widget #bookings-widget_pack_container > div > select{
            width: 200px;
    }
    #widget #bookings-widget_checkin_container > input{
        width: 80px;
    }

    #bookings-widget_pack_container {
        margin: 0 10px 0 70px;
    }
    #bookings-widget_Esperando, #bookings-widget_NoEsperando , #grupWidget{
        width: 100%;
        height: 60px;
    }
    .header-sidebar:nth-of-type(1), a#logo, #widget #bookings-widget_pack_container{
        display: inline-block;
    }

    a#menu-icon,a#menu-icon-book {
        display: none;
    }

    /*---------------------------------------------
    //  header
    //---------------------------------------------
    */

    header{
        width: 100%;
        position: fixed;
        z-index: 999;
    }

    #logo{
        display: inline-block;
        margin-top: -20px;
    }

    #logo img {
        width: 70px;
        z-index: 999;
        position: absolute;
        top: 40px;
        margin: 0 10px;
    }
    #sub-header > div {
        height: 60px;
    }
    /*---------------------------------------------
    //  Menu 1er nivel
    //---------------------------------------------
    */

    ul.menu-principal > li{
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px;
        height: 60px;
        line-height: 1.5;
        border: 0;
    }
    ul.menu-principal > li:hover {
        background: white;
    }

    ul.menu-principal > li > a{
        padding: 20px 0;
        text-transform: none;
        font-weight:400;
    }
    .offers.menu-item {
        padding: 0px 10px;
        position: relative;
    }
    .offers.menu-item:before {
        content: "";
        display:none;
    }
    .owl-container .galeria, .owl-container .galeria-slider {
        max-width: 540px;
    }
    /*---------------------------------------------
    //  submenu 2o nivel
    //---------------------------------------------
    */

    ul.sub-menu {
        display: block;
        text-align: left;
        margin-right: 20px;
    }
    ul.sub-menu > .menu-item-object-page {
        min-width: 245px;
    }
    ul.sub-menu a:hover, a:hover {
            color: #3BB05F;
    }

    ul.sub-menu li.menu-item-has-children > a{
        margin-top: 40px;
    }
    ul.menu-principal > li > ul{
        background: white;
        position: absolute;
        width: 100%;
        top: 60px;
        left: 0;
        z-index: 90;
        padding: 0px 180px;
        box-sizing: border-box;
        height: 0;
        overflow: hidden;
        -webkit-transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
        transition: transform 0.4s ease-in-out, opacity 0.2s ease-in-out;
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
        max-width: 1440px;
        margin: auto;
        left: 0;
        right: 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    }

    .showme > ul.sub-menu{
        height: auto;
        opacity: 1;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        padding: 25px 180px;
    }

    ul.menu-principal > li > ul > li{
        position: relative;
        min-width: 100px;
        display: inline-block;
        text-align: left;
        vertical-align:top;
    }

    ul:not(.sub-menu) > li.menu-item-has-children > a:after {
        content: "\e10f";
        vertical-align: middle;
        padding: 0 0 0 10px;
    }
    .opinion-section {
        padding: 40px 0px;
        font-size: 0;
        position: relative;
    }
    .news-section{
        padding: 0 0 15px;
    }
    .opinion {
        width: 100%;
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top;
        padding: 15px 5px;
    }

    .media-wrap > .text {
        display: inline-block;
    }
    .media-wrap .media, .related{
        width: 50%;
    }
    .related-txt {
        padding: 60px 30px;

    }
    .related-wrap > .related:nth-child(2) > .related-txt {
        float: right;
    }
    .offers-carousel .fill-img, .offers .fill-img {
        padding: 50%;
    }
    .highlight-wrap {
        display: inline-block;
        margin: 0 6px;
    }
    .h-text p {
        max-width: 55%;

    }
    .columna-wrapper {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;

    }
    .col1-2 {
        width: 50%;
        vertical-align: top;
    }

    .columna-wrapper .columna:first-child {
        padding: 0 65px 0 0;
    }
    .featured-txt {
        min-height: 500px;
    }
    .wrap-inner {
        min-height: 400px;
        width: 25%;
        display: inline-block;
        background-position: center center;
        background-size: cover;
        vertical-align: top;
    }
    .wrap-inner.inner-big .btn {
        margin: 40px 0;
    }
    .inner-big {
        width: 50%;
        text-align: center;
        padding: 40px;
        box-sizing: border-box;
    }
    .imagesec{
        display: inline-block;
    }
    #page-container #content, .content{
        padding: 20px 0;
    }
    .related-img {
        width: 50%;
        height: 100%;

    }
    .related {
        width: 50%;
        display: inline-block;
        position: relative;
        height: 400px;
    }
    .related-wrap {
        font-size: 0;
    }
    .related-txt {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 14px;
        box-sizing: border-box;
        position: relative;
        height: 100%;
        color: #444444;
    }
    .related-txt a.btn.book.book-related{
        position: absolute;
    }
    .footer-submenu {
        /*position: absolute;*/
        bottom: 0;
    }
    footer .widget_text {
        position: relative;
        max-width: 25%;
        width: auto;
        margin: 10px 20px;
        padding: 0;
    }
    .menu-pie li {
        display: inline-block;
    }
    footer nav {

        display: inline-block;
    }
    .senia-icon {
        margin: 0 15px;
        float: right;
    }
    .circle-featured {
        margin: 10px 30px 70px 30px;

    }
    ul.sub-menu li.menu-item-has-children > a, h1 {
        font-size: 28px;
    }
    #content.faqs-list,
    #content.booking-page{
        padding: 60px;
        margin: 132px auto;
    }
    .circle-featured {
        height: 100px;
        width: 100px;

    }
    .circle-featured span {
        top: 115px;
        font-size: 18px;
    }
    a.float-btn {
        right: 40px;
    }
    .personal-form, .idiomas-form, .formacion-form{
        width: auto;
    }
    ul.menu-principal > li.menu-mobile{
        display:none;
    }
    footer > div.max-screen {
        padding-top: 20px;
    }
    #lang_sel {
        position: absolute;
        right: 8px;
        top: 32px;
        margin: 0;
    }
    ul.menu-principal {
        /*margin-left: 112px;*/
    }
    .fill-big .imagesec{
        top: 180px;
    }
    .carousel-related .imagesec{
        top: 125px;
    }

    .offers.menu-item:after {
        position: relative;
        left: 10px;
        top: 0;
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 2;
        display: inline-block;
        margin: 0 10px 0 0;
    }
    .share{
        float:right;
        margin-top: 5px;
        margin-right: 15px;
    }
    .phone {
        position: absolute;
        top: 8px;
        right: 8px;
        margin: 0;
        padding: 0 10px;
        background: #fefcea; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
        background: -webkit-radial-gradient(center, ellipse cover,  #fefcea 0%,#f1da36 100%);
        background: radial-gradient(ellipse at center,  #fefcea 0%,#f1da36 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 );
        border: 1px solid #F3CE21;
        width: 122px;
        text-align: right;
    }
    .phone a {
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Open Sans';
        text-shadow: none;
        color: #5D4A0E;
    }
    .phone:before {
        color: #7D7321;
        font-size: 14px;
        padding: 3px;
        left: 5px;
        background: none;
        position:absolute;
    }
    .h-text h1 {
        font-size: 50px;
    }
   .big-photo {
            margin-bottom: 40px;
            padding: 6px;
            margin-right: 16px;
    }
    .big-photo > a > div.title-nav {
        font-family: 'Bree Serif', serif;
        font-size: 20px;
    }

    .big-photo > a > div.menu-img {
        width: 80px;
        height: 80px;
        background-size: 150px;
        border-radius: 50%;
        bottom: -30px;
        left: -20px;
        position: absolute;
        border: 4px solid white;
        transition: background-size 0.2s ease-in;
        -moz-transition: background-size 0.2s ease-in;
        -ms-transition: background-size 0.2s ease-in;
        -o-transition: background-size 0.2s ease-in;
        -webkit-transition: background-size 0.2s ease-in;
    }
    .big-photo > a {
        margin-top: 10px;
        background: #EAEAEA;
        padding: 6px 10px 6px 80px;
            border-radius: 6px;
    }
    .big-photo:hover > a > div.menu-img {
        background-size: 170px;
    }
    .inline-menu {
        display: inline-block;
        width: 100%;
    }
    .inline-menu > .sub-menu > li {
        display: inline-block;
    }
    .magic {
        position: relative;
        top: 0;
    }
}
/* simpleblock pestañas ocultar */
.thr-tabs.reversed {
  display: none;
}
/* end simpleblock pestañas ocultar */

/* IFRAME VIMEO */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
    height: 0;
    z-index: 1;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width:500px) {
    .videoWrapper {
        position: relative;
        padding-bottom:29%; /* 16:9 */
        padding-top: 25px;
        height: 0;
        z-index: 1;
        padding:28%;
    }
}
/* END IFRAME VIMEO */

/* BOTÓ WHATSAPP */

div.app {
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    color: white;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    top: 300px;
    padding: 10px;
    z-index: 9999;
    transition: all 0.5s ease-in-out;
}

div.app  img {
    width: 35px;
}

.show-app {
    opacity: 1;
    left: 0px;
    -webkit-box-shadow: 0px 0px 13px -10px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 13px -10px rgba(0,0,0,1);
    box-shadow: 0px 0px 13px -10px rgba(0,0,0,1);
}

.hide-app {
    opacity: 0;
    left: -80px;
}

/* END BOTÓ WHATSAPP */

/* COUNTDOWN */

.count-down{
    position: relative;
    /* top: 50%; */
    z-index: 2;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
}
.count-down .heading {
    color: #e3be32 ;
    font-weight: 400;
    text-align: center;
    /* text-shadow: 2px 2px 1px rgba(0,0,0,.5); */
    font-size: 40px;
}

.time_circles > div > h4 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Century Gothic', Arial;
    color: black;
}

.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Century Gothic', Arial;
    font-size: 300%;
    margin-top: 0.4em;
    font-weight: bold;
    color: black;
}