/*  
Theme Name: Grupo MUU 2023
Theme URI: http://codeados.com
Version: 1.0.0
Author: Codeados 
Author URI: http://codeados.com
Description: Codeados Diseño y desarrollo web
*/

@font-face {
  font-family: 'The Seasons';
  src: url('https://www.umoocitygrill.com/wp-content/themes/muucitygrill24/fonts/theseasons-reg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'The Seasons';
  src: url('https://www.umoocitygrill.com/wp-content/themes/muucitygrill24/fonts/theseasons-it.otf') format('opentype');
  font-weight: normal;
  font-style: italic; 
}

@font-face {
  font-family: 'The Seasons';
  src: url('https://www.umoocitygrill.com/wp-content/themes/muucitygrill24/fonts/theseasons-bd.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0 }
html, body, div, header, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline }
img, fieldset { border: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
span { display: inline-block }
img { max-width: 100%; height: auto }


/************************************************************************************
GENERAL STYLING
*************************************************************************************/
html, body { height: 100%; margin: 0; padding: 0; }
body { color: #000000; background: #000000; font-family: 'Montserrat', sans-serif; font-size: 16px; height: 100%; font-weight:500; }
a { color: #222222; text-decoration: none; outline: none; }
hr { border-bottom: 4px solid #C98757;
    border-left: none;
    border-right: none;
    border-top: none;
}
hr.dark { border-color:#000000;  }
#content p a:not(.btn) { border-bottom: 1px solid #E0DCDC; }
a:hover { text-decoration: underline; }
#content  p a:not(.btn):hover { text-decoration: none; border-bottom: 1px solid #272c32; }
:focus { box-shadow: 0 0 2px #ccc; }
p { margin: 0 0 1.15em; padding: 0; font-weight: 500; line-height: 135%; }
small { font-size: 87%; }
blockquote { font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px; }
#page { width: 100%;  background: #fff; margin: 0 auto; }
#page.loaded:not(.is_home) {  }
body.noscroll { overflow: hidden; }
#content { margin-top: 20px; }
/* LIST
================================================ */
ul, ol { margin: 0px 0 1.4em 22px; padding: 0; line-height: 140%; }
li { margin: 0 0 .5em 0; padding: 0; }

/* HEADINGS
================================================ */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {    font-family: "The Seasons";
    line-height: 130%;
    margin: 0;
    font-weight: 400;
    margin-bottom: 20px; letter-spacing: 2px; }
h1, .h1 { font-size: 3.1em; }
h2, .h2 { font-size: 2.8em; position: relative; margin-bottom: 20px;     line-height:1.2; }
h3, .h3 { font-size: 2.2em; margin-bottom: 10px; }
h4, .h4 { font-size: 2.0em; margin-bottom: 10px;}
h5, .h5 { font-size: 1.6em; }
h6, .h6 { font-size: 1.3em;  }
.fsize60 { font-size: 60px;  margin-bottom: 20px; line-height: 1.2; }
.fsize20 { font-size: 20px;  line-height: 1.2; }
h2 a, .h2 a { color: inherit; }

.montse, .btn.montse {   font-family: 'The Seasons', sans-serif!important;  font-weight: 400; }

.fontbody {  font-family: 'Montserrat', serif!important;   }

.colorcorp { color: #C98757;  }
/*=========== FORMS =========== */
/* form input */
input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; box-sizing: border-box; font-family: 'Open Sans'; }
input[type=text], input[type=email], input[type=password], input[type=date], textarea, select, input[type=search], input[type=tel] {    padding: 10px 15px;
    border: none;
    font-size: 16px; line-height: 1;
    font-weight: 400; 
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 22px;
    border-radius: 0;
    color: #272727;
    font-weight: 400;
    border-bottom: 2px solid #272727;
    background: #fbfeff; }


input[type=text], input[type=email], input[type=search], input[type=tel],input[type=date] { width: 100%; box-sizing: border-box; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #CCC; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#CCC; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #CCC; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #CCC; }

input[type=date],
select {  padding: 9px 15px; }

/* text area */
textarea { }
select { }

/* form input:focus */
textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=email]:focus { outline: none; background: rgb(254, 255, 216); }

/* form button */
input[type=reset], input[type=submit], button { cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-appearance: none; background: #000000; color: #fff; border: none; padding: 10px 20px; cursor: pointer;    /* width: 100%; */ text-transform: uppercase; float: right; font-size: 18px; border-radius: 2px; }
input[type=reset]:hover, input[type=submit]:hover, button:hover, input[type=reset]:focus, input[type=submit]:focus, button:focus { background: #272727; }


label{   display: block;    font-weight: bold;    color: #8ccde1;    font-size: 13px;
    border-bottom: 1px solid;    line-height: 20px; }
 /*=========== Estructura =========== */ 



/* main page width */
.container { width: 96%; max-width: 1600px; margin: 0 auto; position: relative; } 
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
section { overflow: initial; }
#page { }
#page.is_home { }

.bg_image { position: relative; background-attachment: fixed; background-clip: border-box; background-color: #000; background-origin: padding-box; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bg_primary { background: #000000; color: #fff; }
.bg_secondary { background: #C98757;   }
.bg_black, div.bg_black { background: #272727; color: #fff; }
.bg_green { background: #2d9a00; color: #fff; }
.bg_white { background: #fff; }
.bg_blue {    background: #000000;    color: #fff;}
.bg_gray { background: #9da0a7; color: #fff; }
.bg_lgray { background: #f3f3f3; }
.bg_orange { background: #e49500; color: #fff; }
.bg_lightblue { background: #e8f3ff; }
.bg_yellow { background: #d8bb45; }
.bg_cream { background: #fffddd; }
.sec_pagina {  }
.sec_pagina article { font-size: 0;  }
.sec_pagina article > div{ font-size: initial;  }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }
.pt40 { padding-top: 40px; }
.pb40 { padding-bottom: 40px; }
.pb80 { padding-bottom: 80px; }
.pb100 { padding-bottom: 100px; }
.pt100 { padding-top: 100px; }
.pt25vh { padding-top: 25vh; }  
div.minheight75vh { min-height:75vh  } 
.borderbottom { border-bottom: 1px solid; }
.sub_section_50 { width: 50%; display: inline-block; float: left; box-sizing: border-box; padding: 20px 5%; min-height: 50vmin; }
.page-title {     margin: 0;
    line-height: 1.2;
    color: #ffffff;
    background: #000000;
    text-align: center;
    padding: 10px;
    z-index: 999;
    margin-top: -40px;
    position: relative;}  
.bg_landpage {
    color: #fff;
    box-sizing: border-box;
    padding-top: 12vh;
    padding-bottom: 12vh;
    width: 100%;
    height: 75vh;
    background-size: cover;
    background-position: center;
}
/*
.bg_landpage:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:75vh;
    background-color: #000;
    opacity: 0.45;
}*/
.page-title.t_post { text-shadow: none !important; font-weight: 500; }
.feat_dep { margin-bottom: 0; }
.colorwhite { color: white; }
.colorwhite a { color: inherit !important; }
.p_no_m p, .p_no_m p img { margin: 0 !important; }
.fontlight { }
 

/*=========== GRID =========== */
.col { position: relative; margin-bottom: 20px; float: left; box-sizing: border-box; padding: 10px; }
.col.one { width: 6.25%; }
.col.two { width: 12.5%; }
.col.three { width: 18.75%; }
.col.four { width: 25%; }
.col.five { width: 31.25%; }
.col.six { width: 37.5%; }
.col.seven { width: 43.75%; }
.col.eight { width: 50%; }
.col.nine { width: 56.25%; }
.col.ten { width: 62.5%; }
.col.eleven { width: 68.75%; }
.col.twelve { width: 75%; }
.col.thirteen { width: 81.25%; }
.col.fourteen { width: 87.5%; }
.col.fiveteen { width: 93.75%; }
.col.sixteen { width: 100%; }
.col.third { width: 33.333334%; }
.col.twothird { width: 66.666667%; }
.np { padding: 0; }
.npt { padding-top: 0; }
.npb { padding-bottom: 0; }
.npl { padding-left: 0; }
.npr { padding-right: 0; }
.nm { margin: 0; }
.nmt { margin-top: 0; }
.nmb { margin-bottom: 0; }
.nml { margin-left: 0; }
.nmr { margin-right: 0; }
.col.npl { padding-left: 0; padding-right: 10px; }
.col.npr { padding-left: 10px; padding-right: 0px; }
.col.nplr { padding-left: 0; padding-right: 0px; }
.col.nptb { padding-top: 0; padding-bottom: 0px; }

/* =========== HEADER =========== */
header{position: fixed;
    width: 100%;
    z-index: 1005;
    background: RGBA(0,0,0,1);
    top: 0; }
header,
header *{-webkit-transition:all linear 0.25s;-o-transition:all linear 0.25s;transition:all linear 0.25s;}
header .col{margin:0;}
header a:focus{box-shadow:none;} 
.cont_menu{position:fixed;right:4%;top:0;}

/* SITE LOGO */
.logo_cont{}
#logo{display:inline-block;line-height:1;vertical-align:middle; }
#logo:hover{opacity:0.9;text-decoration:none;}
#logo:focus{opacity:0.9;text-decoration:none;}
#logo img{width:135px;max-width:100%;  margin-top: 4px;}
header.scroll  #logo img,
header.abierto  #logo img{width:135px;max-width:100%;}
header.scroll  #logo,
header.abierto  #logo{margin-bottom:0;}

#topbar { 
background:#C98757;
} 

.wpml-ls-legacy-list-horizontal { 
    padding: 5px!important; 
}

#topbar .col { padding-top: 8px; padding-bottom:8px;  }
nav#navigation {
}

header.scroll nav {
    margin-top: 0px
}

nav#navigation ul {
    margin: 0;
    list-style: none;
    width: 100%;
    text-align: right
}
 

nav#navigation ul li {
    display: inline-block;
    margin: 0
}

nav#navigation ul li a {
    font-weight: 500;
    display: block;
    padding: 4px 6px;
    padding-top: 9px;
    color: #FFF;
    font-size: 18px; letter-spacing: 1px;
    border-bottom: 2px solid transparent;
    text-transform: uppercase;
}

#navigation ul li.current_page_item a {
  color: #C98757; 
}

#navigation ul:hover li a {
}

#navigation ul li a:hover,
#navigation ul li a:focus {
    text-decoration: none;
    opacity: 1;
    text-decoration: none;
    opacity: 1;
    color: #C98757;  
}

 
.trigger_menu {
    vertical-align: middle;
    display: inline-block;
    font-size: 35px;
    color: #ffffff;
    line-height: 45px;
    font-weight: bold;
    width: 45px;
    text-align: center;
    display:none; 
}



#navigationfooter { padding: 10px; box-sizing: border-box; }
#navigationfooter ul { text-align: center; margin: 0; list-style: none; }
#navigationfooter ul li { text-align: center; margin-bottom: 15px; display: inline-block;  }
#navigationfooter ul li a { color: #fff;  text-align: center; margin-bottom: 0; padding: 8px 10px; font-size: 16px; font-weight: 500; text-transform:uppercase;  opacity: 0.8 }
#navigationfooter ul li a:hover { opacity: 0.6 }


 

/* =========== FIN HEADER =========== */

/*=========== FOOTER =========== */
#footer { 
    background: #000000;
    color: #fff; padding-bottom: 60px;} 
#creditos {   font-size: 85%; }
#creditos a { color: #fff; font-weight : bolder; } 
#footer .container { padding-top: 10px; }

/*=========== FIN FOOTER =========== */

/*=========== Pagina =========== */

.bg_titulo {     line-height: 0;     overflow: hidden;   }
.bg_titulo img {     width: 100%;
    margin-top: -80px;
    margin-bottom: -80px;
    z-index: 998; }
ul#crumbs { margin: 0; color: #FFF; background-color: rgba(255, 255, 255, 0.15); line-height: 30px; display: inline-block; padding: 5px 15px; border-radius: 5px; margin-bottom: 15px; }
#crumbs li { display: inline-block; margin: 0; }
#crumbs li  a { margin-right: 20px; }
#crumbs li a:after { content: " ›"; }
.google-maps { position: relative; /* padding-bottom: 75%; // This is the aspect ratio
    height: 0;*/ overflow: hidden; height: 400px; }
    .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
    .sharedaddy.sd-sharing-enabled { margin-bottom: 20px; }
    .is_home .sharedaddy.sd-sharing-enabled { margin-left: 10px; }
    .col.np  >  .sharedaddy.sd-sharing-enabled { margin-left: 10px; }

/*=========== Post =========== */
.post { margin-bottom: 20px; padding-bottom: 20px; }

/* post content */
.post-content { min-width: 120px; }

/* post title */
.text_cont p { }
.post-title { font-size: 26px; margin: 0 0 5px; padding: 0; font-weight: 600; color: #000000; margin-bottom: 10px; }
.post-title a { color: #000000; }
a.leer_mas { display: block; clear: both; margin-top: 20px; max-width: 180px; border: 1px solid #000; padding: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
a.leer_mas:hover, a.leer_mas:focus { color: #fff; box-shadow: none; text-decoration: none; background: #000000; border-color: #000000; }

/* post image */
.post-image { margin: 0 0 5px; }
.post-image.left { float: left; margin-right: 15px; }
.post-image.right { float: right; margin-left: 15px; }

/* lightbox zoom image */
.post-image .lightbox { position: relative; display: inline-block; zoom: 1; *display: inline; max-width: 100%; }
.post-image .lightbox .zoom { width: 40px; height: 40px; background: url(images/icon-zoom.png) no-repeat center center; margin: -20px 0 0 -20px; position: absolute; top: 50%; left: 50%; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; }
.post-image .lightbox:hover .zoom { background-color: #000; }
.diseno_listado { font-size: 0; border: 3px solid #000000; padding: 0px; border-radius: 3px; position: relative; } 
a.diseno_listado_img {
    line-height: 1;
    display: block;
    font-size: 0;
}
.image_cont {  padding:10px;  display: inline-block; margin-bottom: 20px; } 
.diseno_listado_cont { display: block; width: 100%; vertical-align: top; padding: 0px 10px; box-sizing: border-box; }
.post-title-listado, .post-title-listado a { font-size: 24px !important; color: #000000; }
.post-title-listado a:hover { text-decoration: none; color: #272727; }
.leer_mas_bt { position: absolute; right: 10px; bottom: 10px; }

/* post meta */
.post-meta { font-size: 15px; margin-bottom: 20px; font-family: monospace; }
.post-meta .post-author { padding: 2px 0 2px 0px; width: 100%; }
.post-meta .post-category { padding: 2px 0 2px 0px; width: 100%; }
.post-meta .post-tag { padding: 2px 0 2px 0px; width: 100%; }
.post-meta .post-comment a { padding: 2px 0 2px 0px; }
.post-meta i { }
.fa.fa-folder { margin-right: 10px; }

/*=========== Video =========== */
.post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px; }
.post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*=========== Navegacion de pagina =========== */
.pagenav { clear: both; padding-bottom: 20px; text-align: right; }
.pagenav a, .pagenav span { line-height: 100%; margin: 0 2px; vertical-align: middle; display: inline-block; zoom: 1; min-width: 40px; min-height: 40px; line-height: 40px; font-weight: 600; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000000; color: #fff; padding: 0; }
.pagenav a { background: #000; color: #fff; text-decoration: none; }
.pagenav a:hover { background-color: #000; }
.pagenav .current { text-decoration: none; }

/*=========== Navegacion de post =========== */
.post-nav { margin: 0 0 30px; padding: 15px 0; clear: both; }
.post-nav span { width: 47%; position: relative; }
.post-nav a { text-decoration: none; display: block; }
.post-nav a:hover { text-decoration: none; }
.post-nav .prev { float: left; }
.post-nav .next { float: right; text-align: right; }

/* post nav arrow */
.post-nav span span { background: #333; color: #fff; font: normal 20px/100% "Times New Roman", Times, serif; display: block; width: auto; float: left; width: 32px; height: 28px; padding: 4px 0 0; text-align: center; margin: -8px 10px 17px 0; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; }
.post-nav .next span { float: right; margin-left: 10px; margin-right: 0; }
.post-nav a:hover span { background: #000; }

/*=========== Comentarios =========== */
.commentwrap { margin: 10px 0 20px; position: relative; clear: both; }

/* comment title */
.comment-title, #reply-title { font-size: 140%; margin: 0 0 10px; padding: 0; }

/* comment pagenav */
.commentwrap .pagenav { margin: 10px 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.commentwrap .pagenav.top { margin: 0; position: absolute; top: 10px; right: 0; }

/* commentlist */
.commentlist { margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd; }
.commentlist li { margin: 0; padding: 15px 0 0; list-style: none; position: relative; }
.commentlist .comment-author { margin: 2px 0 5px; padding: 0; }
.commentlist .avatar { float: left; margin: 0 15px 0 0; }
.commentlist cite { font-style: normal; font-size: 130%; }
.commentlist cite a { text-decoration: none; }
.commentlist .bypostauthor > .comment-author cite { background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px; }
.commentlist .comment-time { font-size: 75%; text-transform: uppercase; }
.commentlist .commententry { border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word; }
.commentlist ul, .commentlist ol { margin: 0 0 0 7%; padding: 0; }

/* reply link */
.commentlist .reply { position: absolute; right: 0; top: 8px; }
.commentlist .comment-reply-link { font-size: 11px; text-transform: uppercase; text-decoration: none; }
.commentlist .comment-reply-link:hover { text-decoration: none; }
#respond { margin: 0; padding: 10px 0 0; position: relative; clear: both; }
#respond #cancel-comment-reply-link { position: absolute; top: 20px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background: #F30; }
#respond #cancel-comment-reply-link:hover { background: #333; }
#commentform { margin: 15px 0 0; }
#commentform input[type=text] { width: 206px; margin-right: 5px; }
#commentform label { font-weight: bold; }
#commentform label small { font-weight: normal; }
#commentform textarea { height: 140px; }
#commentform input#submit { padding: 7px 20px; }
span.wpcf7-not-valid-tip, .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { visibility: visible; border: none; background: #ea6485; margin-bottom: 15px;    /* padding: 3px 10px; */ text-align: center; color: #FFF !important;    /* border-radius: 30px; */ display: block; max-width: 500px; margin: 10px auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear }
span.wpcf7-form-control-wrap { display: block; }
div.wpcf7-mail-sent-ok { visibility: visible; border: none; background: #000000; margin-bottom: 15px;    /* padding: 3px 10px; */ text-align: center; color: #FFF !important;    /* border-radius: 30px; */ display: block; max-width: 500px; margin: 10px auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

/*=========== Barra lateral =========== */
.widget { margin: 0 0 30px; word-wrap: break-word; }
.widgettitle {      margin: 0 0 10px;
    padding: 0;
    font-size: 19px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;  }
.widget ul { margin: 0; padding: 0; }
.widget li { margin: 0; padding: 6px 0; list-style: none; clear: both; border-bottom: solid 1px #eee; }
.widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; }
.widget ul ul li { margin: 0; padding-left: 10px; }
#footer .widget { margin-bottom: 0; }

/*=========== CLASES WORDPRESS =========== */
img.alignleft, img.aligncenter, img.alignright, img.alignnone { }
.alignleft { float: left; margin-right: 30px; }
.alignright { float: right; margin-left: 30px; }
.aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; }
.wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; }
.wp-caption-text { font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; }

/*=========== GALLERY =========== */
#body .gallery { margin: 5px 0 20px 0; }
#body .gallery img { border: none; }

/* gallery item */
#body .gallery dl { margin: 0 8px 8px 0; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width: auto; float: none; text-align: center; }

/* gallery caption */
#body .gallery dd { width: 140px; line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; }

/* get rid of br tag */
.gallery br { display: none; }

/*=========== BOTONES =========== */
input.btn { border: none; color: #fff !important;   }
.btn { font-family: "The Seasons"; letter-spacing: 2px;  background: #000000; color: #fff !important; padding: 10px; min-width: 40px; text-align: center; display: inline-block; margin: 5px 0px; margin-right: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; line-height: 1; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 5px; }
.btn:hover { background: #4b4c56; color: #fff; text-decoration: none; }
.uppercase { text-transform: uppercase; }
.btn.wfull { width: 100%; margin: 5px 0px; }
.btn.min300 { min-width: 300px; }
.btn.right { float: right; margin-left: 5px; margin-right: 0; max-width: 100%; }
.btn.center { clear: both; float: none; margin: 5px auto; display: block; max-width: 250px; }
.btn.h60 { padding: 18px; }
.btn.h80 { padding: 28px; }
.btn.nmr { margin-right: 0 !important; }
.btn.border { background: none !important; border: 2px solid #000000; color: #000000 !important; padding: 6px 25px; }
.btn.border:hover { background: #000000 !important; color: #fff !important; }
.btn.big { font-size: 22px; line-height: 36px; padding: 10px 20px; }
.btn.nomargin { margin: 0; }
.btn.bigger { }
.btn.small { padding: 5px; margin: 0; font-size: 14px; line-height: 18px; }

.btn.corp { background: #C98757; color: #fff !important; }
.btn.corp:hover { background: #be713a; }
.btn.border.corp { border-color: #C98757; color: #C98757 !important; }
.btn.border.corp:hover { background: #C98757 !important; color: #fff !important; }

.btn.white { background: #FFF; color: #000 !important; }
.btn.white:hover { background: #ECEEF5; }
.btn.border.white { border-color: #FFF; color: #FFF; color: #FFF !important; }
.btn.border.white:hover { background: #FFF !important; color: #595153 !important; }
.btn.blue { background: #8ccde1; color: #fff !important; }
.btn.blue:hover { background: #098cc3; }
.btn.border.blue { border-color: #8ccde1; color: #000000 !important; }
.btn.border.blue:hover { background: #8ccde1 !important; color: #fff !important; }
.btn.green { background: #000000; color: #fff !important; }
.btn.green:hover { background: #10b598; }
.btn.border.green { border-color: #000000; color: #000000 !important; }
.btn.border.green:hover { background: #000000 !important; color: #fff !important; }
.btn.yellow { background: #bf9955; color: #fff !important; }
.btn.yellow:hover { background: #e7be74; }
.btn.border.yellow { border-color: #bf9955; color: #bf9955 !important; }
.btn.border.yellow:hover { background: #bf9955 !important; color: #fff !important; }
.btn.red { background: #cb1f1b; color: #fff !important; }
.btn.red:hover { background: #e83e3a; }
.btn.border.red { border-color: #cb1f1b; color: #cb1f1b !important; }
.btn.border.red:hover { background: #cb1f1b !important; color: #fff !important; }
.btn.transparent { background: transparent; color: #000 !important; }
.btn.transparent:hover { background: transparent; }
.btn.border.transparent { border-color: transparent; color: #000 !important; }
.btn.border.transparent:hover { background: transparent !important; }
.btn.disabled { opacity: 0.10; }
.btn.round { border-radius: 18px; }
.btn:focus { box-shadow: 0px 0px 4px #595153 }
.btn.circle { border-radius: 50%; width: 40px; height: 40px; line-height: 44px; font-size: 18px; padding: 0; }

/* Botones redes sociales */
.btn.social { padding: 12px; }
.btn.twitter { background: #00aced; }
.btn.instagram { background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); }
.btn.facebook { background: #3b5998; }
.btn.youtube { background: #e52d27; }
.btn.facebook:hover, .btn.facebook:focus { background: #4F6DAC; }
.btn.youtube:hover, .btn.youtube:focus { background: #f1534e; }
.btn.instagram:hover, .btn.instagram:focus { background: #000; }
.btn.margin5 { margin-left: 5px !important; margin-bottom: 5px !important; }
.margen_redes { margin-top: 28px !important; padding-right: 10px; }
.btn.whatsapp { background: #25d366; }
.btn.whatsapp:hover { background: #128c7e; }
/*fin Estilo de botones*/

/* TOGGLE */

/*TOGGLE CONTENT*/

/*=========== PAGINAS PERSONALIZADAS =========== */


.contiene_oferta{font-family:'Oswald';border:8px solid #fff;padding:20px;border-radius:20px;max-width:375px;margin:0 auto;}
.precio_oferta{margin:0;font-size:90px;text-align:center;line-height:1.2;}
.separa_oferta{font-size:0;border-bottom:10px solid #FFF;display:block;margin-left:-20px;margin-right:-20px;margin-bottom:15px;margin-top:15px;}
.titulo_oferta{margin:0;font-size:40px;font-weight:300;line-height:1.2!important;margin-bottom:5px;}
.explica_oferta{margin:0;font-size:20px;font-weight:300;line-height:1.4;}
.explica_oferta b{font-weight:400;border-bottom:0.5px solid #cb8a6a;}
.contiene_oferta img{margin:20px auto;}
.redes_sociales{-webkit-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;position:fixed;bottom:20px;left:20px;max-width:50px;text-align:center;z-index:1001;}
.redes_sociales .btn{margin:0px;margin-bottom:5px;}



.masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 1em }
.item_masonry {  display: inline-block; margin: 0 0 1em; width: 100% }
.masonry { margin: 1.5em 0; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em }
.item_masonry { display: inline-block;  margin: 0 0 1.5em; width: 100%; -webkit-transition: 1s ease all; box-sizing: border-box; -moz-box-sizing: border-box }
.item_masonry img { max-width: 100% }
@media only screen and (min-width:400px) {
    .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
}
@media only screen and (min-width:700px) {
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
}
@media only screen and (min-width:900px) {
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
}
@media only screen and (min-width:1100px) {
    .masonry { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4 }
} 



/* Formularios  */ 
.input_full{width:100%;display:flex;margin-bottom:5px}.input_half{width:50%;display:inline-block}.input_full > .input_half:first-child{margin-right:5px}.input_full > .input_half:last-child{margin-left:5px}.acepto_lopd{font-size:13px;margin:0 15px;line-height:16px!important}.acepto_lopd a{font-size:13px;line-height:16px!important}.input_full.radio{line-height:35px;margin-bottom:10px}.input_full.radio input{visibility:hidden;display:none}.input_full.radio *{vertical-align:middle;line-height:35px}.input_full.radio i{font-size:25px;margin:0 10px}.input_for{cursor:pointer;display:inline-block;width:30px;height:30px;background:#FFF;border:1px solid}input[type="radio"]:checked+label,input[type="checkbox"]:checked+label{background:#000000}


/*=========== CLEAR AND ALIGNMENT =========== */

.small_size{font-size:80%}.clear{clear:both}.left{float:left}.right{float:right}.textleft{text-align:left}.textright{text-align:right}.textcenter{text-align:center}.dblock{display:block}.inline-block{display:inline-block}.nomargin{margin:0!important}.nopadding{padding:0!important}.overflowvisible{overflow:visible}.lh_100p{line-height:100%}.lh_120p{line-height:120%}.lh_120p{line-height:140%}.lh_10px{line-height:10px}.lh_20px{line-height:20px}.lh_30px{line-height:30px}.lh_40px{line-height:40px}.lh_50px{line-height:50px}.lh_60px{line-height:60px}.lh_70px{line-height:70px}.lh_80px{line-height:80px}.lh_90px{line-height:90px}.lh_100px{line-height:100px}.lh_120px{line-height:120px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px}.pb35{padding-bottom:35px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb70{padding-bottom:70px}.pb80{padding-bottom:80px}.pb90{padding-bottom:90px}.pb100{padding-bottom:100px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pt25{padding-top:25px}.pt30{padding-top:30px}.pt35{padding-top:35px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt70{padding-top:70px}.pt80{padding-top:80px}.pt90{padding-top:90px}.pt100{padding-top:100px}.pt25vh{padding-top:25vh}.pb25vh{padding-bottom:25vh}.mt3{margin-top:3px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt35{margin-top:35px!important}.mt40{margin-top:40px!important}.mt80{margin-top:80px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb35{margin-bottom:35px!important}.mb40{margin-bottom:40px!important}.mr10{margin-right:10px!important}.padding_portada{padding:30px}.forzar_100p{width:100%}.margin10negativo{margin:0 -10px}.margin14{margin:14px!important}.displayblock{display:block}.clearfix:after,.widget li:after,#body:after,#footer:after,footer:after,.pagenav:after,#main-nav:after,.menu:after,.gallery:after,#content:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix,.widget li,#body,#footer,footer,.pagenav,#main-nav,.menu,.gallery,#content{display:inline-block}.clearfix,.widget li,#body,#footer,footer,.pagenav,#main-nav,.menu,.gallery,#content{display:block;zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}p:empty{display:none}.textlight{font-weight:300}
.mr3{margin-right:3px!important}


@media screen and (max-width:1600px) {
    .container { max-width: 1280px; }
}
@media screen and (max-width:1330px) {
    .container { max-width: 1280px; }

}
@media screen and (max-width:1200px) {
    .container { max-width: 1024px; }
    .col.third.t_two { width: 50%; }   
 
}
.pchide { display: none; }
@media screen and (max-width:1030px) {
    #page.loaded.is_home {  }
    #page.loaded:not(.is_home) { padding: 0px; }
    #page {  }
    section.bg_landpage { padding-top: 140px;  }
    .tablettextleft { text-align: left; }
    .container { max-width: calc(100% - 15px); }
    .container.max { max-width: 100%; }
    .col.one { width: 33%; }
    .col.two { width: 33%; }
    .col.three, .col.four, .col.five, .col.six { width: 50%; }
    .col.seven { width: 50%; }
    .col.third, .col.twothird { width: 50%; }
    .col.eight, .col.nine, .col.ten, .col.eleven, .col.twelve, .col.thirteen, .col.fourteen, .col.fiveteen, .col.sixteen, .col.tabletfull, .col.third.t_two { width: 100%; }
    .tablethide { display: none; }
    .pchide { display: initial; }
    .npl, .npr { padding: 10px !important; }
    .col > .npl, .col >  .npr { padding: 0px !important; }

    header .col { width: 100%; }   
    .col.tablethalf {    width: 50%;      }

    .trigger_menu { display: inline-block;     float: right; margin-top:5px; }

    /*MENU TABLET*/


    nav#navigation {
           position: fixed;
    right: -100%;
    top: 125px;
    background: #000;
    width: 100%;
    padding: 20px;
    height: calc(100% - 125px);
    padding-top: 20px;
    box-sizing: border-box;
    z-index: 999;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    padding-bottom: 100px;
    max-height: calc(100% - 125px);
    overflow-y: scroll;
    }

    nav#navigation.full {
        width: 100%;
        right: -100%
    }

    nav#navigation.white {
        background: var(--blanco)
    }

    nav#navigation.primary {
        background: var(--corporativo1)
    }

    nav#navigation.secondary {
        background: var(--corporativo2)
    }

    nav#navigation:before {
        position: fixed;
        background: RGBA(0, 0, 0, 0.8);
        left: -100vh;
        top: 0;
        height: 100vh;
        display: block;
        z-index: 998;
        width: calc(100%);
        opacity: 0;
        visibility: hidden
    }

    nav#navigation:before {
        -webkit-transition: opacity 0.55s ease-in;
        -o-transition: opacity 0.55s ease-in;
        transition: opacity 0.55s ease-in;
        -webkit-transition-delay: 0.15s;
        -o-transition-delay: 0.15s;
        transition-delay: 0.15s
    }

    nav#navigation.opened {
        right: 0px;
        margin: 0
    }

    nav#navigation.opened:before {
        width: calc(100% - 240px);
        visibility: visible;
        opacity: 1;
        left: 0
    }

    nav#navigation.opened.full:before {
        left: -150%
    }

    nav#navigation ul li {
        display: block;
        margin-bottom: 5px;
    }

    nav#navigation ul li.tablethide {
        display: none !important
    }

    nav#navigation ul li a {
        text-align: left;
        padding: 8px 00px;
        color: #fff;
        border-radius: 0px;
        font-size: 120%;
        line-height: 120%;
    }

    section.pt25vh { padding-top: 12vh; }
    .pt100 { padding-top: 40px;  }
    .pb100 { padding-bottom: 40px;  }
    .next, .prev { display: none; }
    .btn.min300 { width: 300px; max-width: 100%; min-width: initial; }
    .t_center { text-align: center; display: block; margin: 0 auto; max-width: 250px; }
    .t_textleft { text-align: left; }
    .tablet_padding_30 { padding: 30px 0; }
    .tablet_padding_10 { padding: 10px; }

    .tabletnp { padding: 0 !important; }
    .tabletnm { margin: 0 !important; }
    li.menu-item-has-children:after { content: ""; margin-left: 0; font-size: 0; display: none; }
    .post-meta .btn { margin-bottom: 5px; }
    section.sec_pagina {   }
 
    .small_size {     font-size: 95%; }
    .tablet_10padding { padding: 10px;  }
     
    .bg_titulo img {
        margin-top: 0;
        margin-bottom: 0;
    }

        #reservar_cont {
            top: initial;
            bottom: -265px;
            width: 100%;
            left: 0;
            position: fixed;
    }
    #reservar_cont.abierto {
        bottom: 46px;  top: initial;
    }
    #reservar_cont .boton_reservar_whatsapp, #reservar_cont .boton_reservar_tel {
        width: 100%;
        display: block;
        max-width: initial; 
        margin: 0;
        border-radius: 0;
    }
    
    .boton_reservar {     position: fixed;
                            bottom: 0px;
                            left: 0;
                            width: 100%;
                            max-width: initial;
                            border-radius: 0;  ; }



}
@media screen and (max-width:760px) {
    .col.third, .col.twothird, .col.t768full { width: 100%; }
    .col.nmb { margin-bottom: 0; }
    .col.t768thalf { width: 50%; }
    .hide_t { display: none; }
    #map { height: 460px; }
    #navigation ul li a { font-size: 30px; line-height: 40px; }
    #navigation { top: 80px; }
    #logo img { width: 120px !important; }
    .redes_sociales { top: 20px; bottom: initial; max-width: initial; text-align: left; left: 4%; max-height: 50px; }
    .titulo_sup { font-size: 21px; }
    .fsize60 { font-size: 2em !important; }
    .boton-60 { line-height: 30px; font-size: 20px; }
    #footer * { }
    .intro_titulo { line-height: 120%; margin-bottom: 10px; }
    .intro_titulo span { font-weight: 400; display: block; font-size: 18px; }
    .intro_texto { font-size: 0.9em; line-height: 140%; max-width: 100%; margin: 0 auto; text-align: center; }
    .input_full { display: block; }
    .input_half { display: block; width: 100%; }
    .input_full > .input_half:first-child { margin-right: 0px; margin-bottom: 5px }
    .input_full > .input_half:last-child { margin-left: 0px; }
    .item_flexi.col1 { width: calc(25% - 20px); }
    .item_flexi.col2 { width: calc(25% - 20px); }
    .item_flexi.col3 { width: calc(50% - 20px); }
    .item_flexi.col4 { width: calc(100% - 20px); }
    .smart_small { font-size: 80%; }
    .top_bar i { margin-right: 0px; }
    .precio_oferta { font-size: 50px; }
    .titulo_oferta { font-size: 30px; }
    .explica_oferta { font-size: 16px; }
}
@media screen and (max-width:480px) {

    /* disable webkit text size adjust (for iPhone) */
    html { -webkit-text-size-adjust: none; }
    .col.one, .col.two, .col.three, .col.four, .col.five, .col.six, .col.seven, .col.eight, .col.nine, .col.ten, .col.eleven, .col.twelve, .col.thirteen, .col.fourteen, .col.fiveteen, .col.sixteen, .col.third, .col.twothird { width: 100%; }
    .col.col480-25 { width: 30%; }
    .col.col480-75 { width: 70%; }
    .col.col480-50 { width: 50%; }

    /* post */
    .post { width: 100%; margin-left: 0; float: none; }
    .post-nav .prev, .post-nav .next { display: block; width: 100%; clear: both; margin-bottom: 10px; }
    .commentlist { padding-left: 0; }
    .commentlist .commententry { clear: left; }
    .commentlist .avatar { float: left; width: 40px; height: 40px; margin: 0 10px 10px 0; }
    .redes_sociales .btn { margin-top: 3px; padding: 5px; border-radius: 9px; min-width: 35px; }
}

@media screen and (max-width:410px) {
    
}
@media screen and (max-width:340px) { 
    
}