/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 @import '../fonts/nexa/stylesheet.css';

 /* Layout */

 * {
   
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;

   -webkit-word-wrap: break-word;
   -moz-word-wrap: break-word;
   -ms-word-wrap: break-word;
   -o-word-wrap: break-word;
   word-wrap: break-word;

 }


 html {
  overflow-x: hidden; 
 }

 html, body {
  background-color: #ffffff;
 }


 #tm-main {
    padding: 50px 0px;
}


/* form */

.uk-form input:not([class*="uk-form-width-"]):not([class*="uk-width-"]):not([type="radio"]):not([type="checkbox"]), .uk-form select:not([class*="uk-form-width-"]):not([class*="uk-width-"]), .uk-form textarea:not([class*="uk-form-width-"]):not([class*="uk-width-"]) {
   width: 100%;
   border: 1px solid #5D666F;
   color: #5D666F;

   padding: 10px;
}


 /* Reglas de Texto */

 a {
  -webkit-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
   font-family: 'Nexa';
   color: #E85401;
 }

html, body, div, span, p {
  font-family: 'Nexa';
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nexa';
}


/* Header */

 body .tm-navbar {
  background: rgba(0,0,0,0.6);
  border: none;
  margin-bottom: 0px;
  padding: 10px 0px;
  position: fixed;
  z-index: 99;
  width: 100%;
}

body .tm-navbar > .uk-navbar {
  background: transparent;
}

body .tm-logo > img, body .tm-logo-small > img {
  position: absolute;
  top: 0px;
}


/* Main Menu */

body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li {
    position: relative;
}

body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li:not(:last-child) {
    margin-right: 25px;
}


body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li > a::after {
    content: "";
    width: 0px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    bottom: 0px;
    left: auto;
    right: 0px;

  -webkit-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;    
}

body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li.uk-active > a::after,
body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li > a:hover::after, 
body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li > a:focus::after {
    width: 100%;
    left: 0px;
    right: auto;
}


body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li > a {
    color: #ffffff;
    text-transform: uppercase;
    padding: 0px;
    height: auto;
    line-height: 42px;
    vertical-align: middle;
    font-family: 'Nexa';
}


body .tm-headerbar.tm-headerbar-default nav > ul.uk-navbar-nav > li > a.button-reserve {
    background-color: #E85401;
    padding: 10px !important;
    line-height: inherit !important;
}


/* Slideshow */

body .slideshow-inicio .uk-slideshow .uk-overlay-panel.uk-overlay-bottom.uk-overlay-fade {
    max-width: 1260px;
    margin: 0px auto;
    padding: 100px 30px;
}


/* Breadcrumbs */

.uk-breadcrumb {
  text-align: center;
  padding:  20px;
  background: url('../../../images/imagenes/layout/header-general.jpg') no-repeat bottom center;
  color: #ffffff;
  height: 400px;
  display: flex;
  align-items: end;
  justify-content: center;
}

/*.rd-ofertas .uk-breadcrumb {
  background: url('../../../images/imagenes/layout/headeroferta.jpg') no-repeat bottom center;
}*/

.rd-habitaciones .uk-breadcrumb {
  background: url('../../../images/imagenes/layout/header-hablitaciones.jpg') no-repeat bottom center;
}

.rd-work .uk-breadcrumb{
    background: url('../../../images/imagenes/layout/header-negocios.jpg') no-repeat bottom center;
}

.rd-bodas .uk-breadcrumb{
    background: url('../../../images/imagenes/layout/header-bodas.jpg') no-repeat bottom center;
}

.rd-casa-vera .uk-breadcrumb{
    background: url('../../../images/imagenes/layout/header-restaurantes.jpg') no-repeat bottom center;
}

.rd-vent .uk-breadcrumb{
    background: url('../../../images/imagenes/layout/header-vent.jpg') no-repeat bottom center;
}

.rd-contactos .uk-breadcrumb{
    background: url('../../../images/imagenes/layout/header-contactos.jpg') no-repeat center center;
}

.uk-breadcrumb > li:not(.uk-active) {
  display: none;
}

/*.uk-breadcrumb > li.uk-active > span {
  color: #ffffff;
  font-size: 42px;
  line-height: 46px;
}*/

.uk-breadcrumb > li.uk-active > span {
  color: #ffffff;
  font-size: 42px;
  line-height: 48px;
  background: rgb(93 102 110 / 50%);
  padding: 5px 25px;
  border-radius: 5px;
}

/* Opciones */

.uk-overlay-background {
  background-color: rgba(0,0,0,0.6);
  color: #ffffff;
}

.uk-overlay-panel.uk-overlay-background > .uk-flex {
  height: 100%;
  border: 1px solid #ffffff;
}

/* Pleasure */

@media screen and (min-width: 768px) {

.pleasure-inicio > .uk-grid:nth-child(1)  .uk-margin > .logo > img {
  margin-left: -124px;
}

.pleasure-inicio > .uk-grid:nth-child(2)  .uk-margin > .logo > img {
  margin-left: -65px;
}
}

.pleasure-inicio > .uk-grid  .uk-margin > .logo {
  margin-bottom: 10px;
}

.pleasure-inicio > .uk-grid  .uk-margin *:not(.logo) {
  margin: 0px;
}

.pleasure-inicio > .uk-grid  .uk-margin h2 {
  font-size: 42px;
  line-height: 46px;
}

.pleasure-inicio > .uk-grid:nth-child(2)  .uk-margin h3 {
  font-size: 32px;
  line-height: 46px;
}

/* Block footer */

@media screen and (min-width: 768px){
.uk-flex-medium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -moz-flex;
}
}

#tm-block-footer {
  background-color: #5D666F;
  color: #ffffff;
  margin-top: 0px;
  padding: 25px 0px;
}

#tm-block-footer .menu-footer > a {
  color: #ffffff;
  margin-right: 15px;
}

#tm-block-footer .menu-footer > a:hover {
  color: #E85401;
}

#tm-block-footer .redes > h3 {
  color: #ffffff;
  margin-bottom: 0px;
}

#tm-block-footer .redes > a {
  vertical-align: bottom;
  color: #ffffff;
  font-size: 26px;
  line-height: 28px;
}

#tm-block-footer .redes > a:hover {
  color: #E85401;
}
  
#tm-block-footer .redes > a:not(:last-child) {
  margin-right: 15px;
}


/* footer */

#tm-footer {
  background-color: #ffffff;
  color: #5D666E;
}

#tm-footer p {
  margin: 0px;
}

#tm-footer #newsletter button {
  position: absolute;
  right: 0px;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);

  background-color: transparent;
  border: 0px;
  color: #5D666E;
  font-weight: bold;
}

#tm-footer #newsletter .vanadium-invalid + input + button {
  -webkit-transform: none;
  transform: none;
}

#tm-footer #newsletter input {
    padding: 10px 50px 10px 10px;
}


.uk-container-relative {
  position: relative;
}

#tm-footer #newsletter button:hover {
  color: #E85401 !important;
}

.tm-footer a {
    color: #E85401;
}

.tm-footer a:hover {
    color: #000000;
}




/* animacion svg */

.circle{fill:none;stroke:#E85401;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .circle-dash{fill:none;stroke:#E85401;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

        .check{fill:none;stroke:#E85401;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

        .check-dash{fill:none;stroke:#E85401;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}



        .check {

          stroke-dasharray: 60 100;

          animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 

          -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 

          -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 

          -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s; 

          opacity: 0;

        }



        @-webkit-keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}

        }



        @keyframes check {

          from {stroke-dashoffset: 60;

          opacity: 1;}



          to {stroke-dashoffset: 00;

          opacity: 1;}

        }



        .check-dash {

          stroke-dasharray: 10 100;

          animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 

          -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 

          -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 

          -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards; 

        }



        @-webkit-keyframes check-dash {

          from {stroke-dashoffset: 120;}

          to {stroke-dashoffset: 45;}

        }



        @keyframes check-dash {

          from {stroke-dashoffset: 120;}

          to {stroke-dashoffset: 45;}

        }



        .circle {

          stroke-dasharray: 300 300;

          animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 

          -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 

          -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 

          -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s; 

          opacity: 0;

        }



        @-webkit-keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}

          to {stroke-dashoffset:0;

          opacity: 1;}

        }



        @keyframes circle {

          from {stroke-dashoffset:300;

          opacity: 1;}

          to {stroke-dashoffset:0;

          opacity: 1;}

        }



        .circle-dash {

          stroke-dasharray: 10 300;

          animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;

          opacity: 0;

        }



        @-webkit-keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}

          to {stroke-dashoffset: 20;

          opacity: 1;}

        }



        @keyframes circledash {

          from {stroke-dashoffset:320;

          opacity: 1;}

          to {stroke-dashoffset: 20;

          opacity: 1;}

        }

.uk-breadcrumb > li:nth-child(n+2)::before{
  display: none;
}

@media (min-width: 768px) {
  body.habitaciones article.uk-article .uk-align-medium-left {
    margin-right: 50px;
    float: left;
  }
}
.tipo-habitacion {
    background-color: #5e6770;
    margin-bottom: 0px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
}

.btn-habitacion.uk-button.uk-button-primary{
  background-color: transparent;
  color:#e85401;
  border: 1px solid;
}
.btn-habitacion.uk-button.uk-button-primary:hover{
  background-color: #e85401;
  color: white;
}




/*15/11/2017*/
.mod-languageslang-switcher-module ul, workandpleasurehotels li {
    list-style: none;
}



.tm-headerbar.tm-headerbar-default.uk-container.uk-container-center.uk-flex.uk-flex-space-between > div > :last-child {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
}

.tm-headerbar.tm-headerbar-default.uk-container.uk-container-center.uk-flex.uk-flex-space-between > div > nav {
    margin-right: 25px;
}

a[href="http://www.faboba.com"] {
    display: none !important;
}

.mod-languageslang-switcher-module .lang-inline li img {max-width: 35px;}


.uk-panel.modulo-reserva {
    position:  absolute;
    top: 20%;
    width: 100%;
    max-width: 1460px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.slideshow-inicio a.uk-slidenav.uk-slidenav-contrast {
    background: #ffffff;
    border-radius: 50%;
    color: #e85401;
    font-size: 20px;
    font-weight: 700;
}

.slideshow-inicio a.uk-slidenav.uk-slidenav-contrast:hover {
    color: #444444;
}

.uk-panel.modulo-reserva .uk-panel-box {
    width: 340px;
    max-width: 100%;
    border-radius: 10px;
}

.uk-panel.modulo-reserva .uk-panel-box h4 {
    margin: 0px;
    font-size: 20px;
    line-height: 22px;
}

.uk-panel.modulo-reserva .uk-panel-box .search1 > span{
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form input {
    background-color: #5D666F;
    color: #ffffff !important;
    font-weight: 400;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.uk-panel.modulo-reserva .uk-panel-box form.uk-form ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.uk-panel.modulo-reserva .uk-panel-box form.uk-form :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.uk-panel.modulo-reserva .uk-panel-box form.uk-form :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form .uk-form-icon > [class*='uk-icon-'] {
    color: #ffffff;
    z-index: 1;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form .uk-form-icon > [class*='uk-icon-'] + input +img {
    display: none;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form p.tarifa {
  font-weight: 900;
  font-size: 13px;
  line-height: 40px;
  margin: 0px;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form p.tarifa > span {
  font-weight: 400;
  font-size: 20px;
}

.uk-panel.modulo-reserva .uk-panel-box form.uk-form .uk-button {
  width: 100%;
  font-weight: 600;
}

body.booking .uk-breadcrumb {
    padding: 90px 0 20px 0;
}

body.booking .uk-breadcrumb li {
    display: none;
}
.tm-video a.uk-icon-large.uk-icon-eye {
    color: #ffffff;
    font-size: 40px;
}

.uk-panel.modulo-reserva+ div > div.uk-position-absolute {
    bottom: 50px;
    right: 50px;
}

@media screen and (max-width: 480px){
    .uk-panel.modulo-reserva+ div > div.uk-position-absolute {
    bottom: 25px;
    right: 50%;
    transform: translate(50%, 0px);
}
}

div#TA_selfserveprop13 > iframe + div {width: 100% !important;}

div#TA_selfserveprop13 > iframe + div * {
    text-align: center;
    margin: 0 auto !important;
}