/*-----------------------------------------------------------------------------------#256973
    Nombre Proyecto: Demo Hotel Hotetec 2.0
    URL: https://www.asideberiaserlawebdetuhotel.com
    Author: Hotetec
    Comentario: Prueba MNT2-726 PRO
-----------------------------------------------------------------------------------*/
/**Definicion de variables**/
:root {
	--fontCorpo:  'Fira Sans', sans-serif;
    --color-primary: #256973;
    --color-CTA:#ffcf30;
}
/**EditMode*/
.editMode .motor {
    position:relative;
}
body, html {
	font-family:  'Fira Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #777;
	font-weight: 300;
	width: 100% !important;
	height: 100% !important;
	background-color: #fff !important;
}
#main .text, #main .text-section {
    overflow: visible;
}
@media (min-width: 1440px) {
    .container {
        padding: 0 15%;
        width: 100%;
    }
}
img.img-detail {
    position: relative;
    margin-left: 15px;
    margin-bottom: 6vh;
}
h2, .text-section h2 {
    background: none !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 37px !important;
    line-height: 1;
    text-align: left;
    color: #256973 !important;
    margin-bottom: 0;
    font-style: normal;
}
h3 {
	font-size: 22px;
	font-weight: 500;
	color: #333;
}
h4 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	color: #333;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-size: 16px;
}
p.intro {
	margin: 12px 0 0;
	line-height: 24px;
}
a {
	color: #262626;
}
a:hover, a:focus {
	text-decoration: none;
	color: #222;
}
.left {
    text-align:left;
}
.center{
    text-align: center !important;
}
ul, ol {
	list-style: none;
}
.text-section p {
    text-align: left;
    font-size: 17px ;
    line-height: 24px;
    font-family: 'Fira Sans', sans-serif !important;
    color: #333;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.w80 {
    width:80%;
}
.mar0auto {
    margin:0 auto;
}
.margT20{
    margin-top: 20px !important;
}
.clearfix {
	display: block;
}
ul, ol {
	padding: 0;
	-webkit-padding: 0;
	-moz-padding: 0;
}
/* Se ha comentado ya que al ser tan genérica, afecta a los <hr> del motor
hr {
	height: 2px;
	width: 70px;
	text-align: center;
	position: relative;
	background: #8eb640;
	margin: 0;
	margin-bottom: 40px;
	border: 0;
}*/
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
	outline-offset: none;
}
@media (max-width: 767px) {
	h2, .text-section h2 {
		font-size: 3em;
	}
}
/*Animaciones*/
.animationLeft{
    animation:fadeinleft 1s forwards;
}
@keyframes fadeinleft{
    from{
        transform:translateX(-1000px);
    }
    to{
        transform: translateX(0);
    }
}
.animationBottom{
    animation:fadeinbottom 1s forwards;
}
@keyframes fadeinbottom{
    from{
        transform:translateY(1000px);
    }
    to{
        transform: translateY(0);
    }
}
.animationTop{
    animation:fadeintop 1s forwards;
}
@keyframes fadeintop{
    from{
        transform:translateY(-1000px);
    }
    to{
        transform: translateY(0);
    }
}
.animationRight{
    animation:fadeinright 1s forwards;
}
@keyframes fadeinright{
    from{
        transform:translateX(1000px);
    }
    to{
        transform: translateX(0);
    }
}
.animationOpac{
    animation:animopac 1s forwards;
}
@keyframes animopac{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.animationGrow{
    animation:animgrow 1s forwards;
}
@keyframes animgrow{
    from{
        transform: scale(.1);
    }
    to{
        transform: scale(1);
    }
}

@keyframes fadeintop{
    from{
        transform:translateY(-1000px);
    }
    to{
        transform: translateY(0);
    }
}
/* stage */
#stage {
    margin-bottom: -4px;
}
/* área wrapper central */
#home #wrapper-2,
#section #wrapper-2,
#newsOverview #wrapper-2,
#news #wrapper-2,
#contactPage #wrapper-2,
#searchPage #wrapper-2 {
    padding: 0;
    background: none;
    margin-bottom: 0;
    border: none;
}
#wrapper-3 {
    margin-top: 0;
}
@media (max-width: 767px) {
	.container .col-xs-12 {
		padding-right: 25px;
		padding-left: 25px;
	}
	#wrapper.horizontal header .navbar-default,
	#wrapper.boxed header .navbar-default {
		margin-top: 0 !important;
        padding:0 !important;
        background:transparent !important;
	}

}
@media(min-width:768px){
	.menuExtended{
		display: none;
	}
}
/** Menu custom header **/
nav.menuCustom {
    background: none;
    position: relative;
    min-height: 45px;
    height: 100%;
    left:0;
    float: right;
    display: table;
    margin: 0 auto;
}
.gridSystemWrapper.fRight.menu_desktop {
    margin-right: 5vh;

}
nav.menuCustom ul {
    background: none;
}
nav.menuCustom > ul > li {
    list-style: none;
    display: inline-block;
    color: #9CA3A9;
    transition: .5s all;
    line-height: 45px;
    border-radius: 5px;
    background: none;
    border-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
}
nav.menuCustom > ul li a, .xs-menu li a {
    font-family: var(--fontCorpo);
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.03em;
    display: block;
    padding: 0px 14px;
    height: 40px;
    overflow: hidden;
}
nav.menuCustom > ul li a:hover {
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}
nav.menuCustom > ul li a span{
  display: inline-block;
  position:relative;
  transition: transform 500ms;
  -webkit-transition: -webkit-transform 500ms;
  -moz-transition: transform 500ms;
  
}
nav.menuCustom > ul li a span:after{
  content: attr(data-hover);
  position: absolute;
  color: rgb(255 255 255 / 44%);
  top: -31px;
  left:0;
  transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
}
nav.menuCustom > ul li a:hover span,
nav.menuCustom > ul li a:focus span {
	transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
}
nav.menuCustom .active{
   color:var(--colorPrimary)
}

ul.drop-menu {
    position: absolute;
    top: 90%;
    left: 0%;
    width: 300px;
    padding: 0;
}
ul.drop-menu li {
    background: white;
}
ul.drop-menu li:hover {
    background: #f9f9f9;
    color:rgb(255 255 255 / 53%) !important;
}
li.menuHoteles span i.fa-chevron-down {
    font-size: 10px;
}
ul.drop-menu.menu-1 {
    z-index:2;
}
ul.drop-menu li a:hover > i.fa-star {
    color: rgb(235 204 27 / 58%) !important;
    transform: rotate(
        360deg) !important;
}
ul.drop-menu li a.btn-custom {
    border-radius: 0 !important;
    text-align: left !important;
    margin-top: 0px !important;    

}
nav.menuCustom > ul li a.btn-custom:hover {
    color: white !important;
}
ul.drop-menu li:first-child {
    border-radius: 2px 2px 0 0;
}
ul.drop-menu li:last-child {
    border-radius: 0 0 5px 5px;
}

ul.drop-menu li {
    border-bottom: 1px solid #e7e7e730;
    display: none;
    padding-left: 0;
}

li:hover > ul.drop-menu li {
    display: block;
    transition: .5s all;
}

li:hover > ul.drop-menu.menu-1 {
    perspective: 1000px;
}
li:hover > ul.drop-menu.menu-1 li {
    transform-origin: top left;
    opacity: 0;
}
li:hover > ul.drop-menu.menu-1 li:nth-child(1) {
    animation-name: menu-1;
    animation-duration: 300ms;
    animation-delay: -150ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}
li:hover > ul.drop-menu.menu-1 li:nth-child(2) {
    animation-name: menu-1;
    animation-duration: 300ms;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}
li:hover > ul.drop-menu.menu-1 li:nth-child(3) {
    animation-name: menu-1;
    animation-duration: 300ms;
    animation-delay: 150ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}
li:hover > ul.drop-menu.menu-1 li:nth-child(4) {
    animation-name: menu-1;
    animation-duration: 300ms;
    animation-delay: 300ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}
li:hover > ul.drop-menu.menu-1 li:nth-child(5) {
    animation-name: menu-1;
    animation-duration: 300ms;
    animation-delay: 450ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}
li:hover > ul.drop-menu.menu-1 li:nth-child(6) {
    animation-name: menu-1;
    animation-duration: 300ms;
    animation-delay: 600ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}
@keyframes menu-1 {
    0% {
    opacity: 0;
    transform: rotateZ(90deg);
    }
    70% {
    transform: skewX(10deg);
    }
    100% {
    opacity: 1;
    transform: rotateZ(0deg);
    }
}

ul.drop-menu li a {
    padding-top: 10px !important;
    font-size: 14px !important;
    padding-left: 26px !important;
    text-transform: none !important;
    color: #333 !important;
    font-weight: 400;
}
ul.drop-menu li a .fa-star.fa-w-18 {
    color: #ffcf30;
    font-size: 10px;
}
ul.drop-menu li:hover a {
	margin-left:5px;
}
ul.drop-menu li a {
	transition:.5s all;
}
ul.drop-menu li a .fa-key.fa-w-16 {
    color: #256973;
    font-size: 10px;
}
ul.drop-menu li a img.ic-menu-expe {
    max-width: 20px;
    height: auto;
}
li.dropdown.menuHoteles .fa-chevron-down {
    font-size: 10px;
}
li:hover > ul.drop-menu.menu-1:before {
    content: '';
    background-color: transparent;
    border-right: 8px solid transparent;
    position: absolute;
    border-left: 8px solid transparent;
    border-bottom: 8px solid white;
    border-top: 8px solid transparent;
    top: -15px;
    left: 10%;
}
ul.drop-menu li a:before {
  top: 50%;
    right: 13px;
    transform: translatey(-50%);
    content: "\e072";
    margin-right: 8px;
    font-size: 10px;
    color: black;
    font-family: 'Glyphicons Halflings';
}
ul.drop-menu li a:hover {
    color:rgb(0 0 0 / 77%) !important;
}

ul.drop-menu li a i.fa.fa-star, 
ul.drop-menu li a i.fa.fa-key {
    color: #eccc1a;
    font-size:10px !important;
    transition: all 1s ease;
}
/** End Menu custom header **/

/*Menu mobile*/
/*Ponemos en display none el submenu mobile tirado en base*/
.subMenuMobile{
    display: none;
}
.editMode .subMenuMobile{
    display: block;
}
/*Estilos submenu*/
.itemSubmenuMobile{
    background: #1a444a;
    padding: 5px 5px 5px 15px;
    display: none;
}
.itemSubmenuMobile img{
    width:30px !important;
    height: 30px !important;
    filter:brightness(0) invert(1);
}
.itemSubmenuMobile a{
    font-size: 18px !important;
    position: relative;
}
ul.side-menu{
    height: 75%;
    background-image: url(/dms/multiHotel-Demo/img/bkg-menuMobile.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 90%;
}
ul.side-menu>li{
    position: relative;
}
ul.side-menu .icon-down{
    padding: 10px;
    position: absolute;
    top: -5px;
    right: 15px;
    width: 100%;
    text-align: right;
}
ul.side-menu .icon-down svg.fa-chevron-down{
    color:#fff;
}
.itemSubmenuMobile svg.fa-key, .itemSubmenuMobile svg.fa-star{
    width: .4em !important;
    color:#fff;
}
ul.side-menu>li>a{
    padding:5px 10px !important;
}
#baseArea .phoneMobile{
    display: none;
}
.phoneMobile{
    border-radius: 5px;
    background: var(--color-primary);
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 2;
    padding: 10px;
    border:1px solid rgba(255,255,255,.5);
}
.phoneMobile svg{
    width:1.3em !important;
}
.phoneMobile a{
    color:#fff !important;
}
.phoneMobile:hover{
    background:var(--color-CTA);
}
/* header */
.httheader .headerWrapper,
.httheader .headerWrapper.absoluteHeader{
    background: none;
}
.gridSystemWrapper.accesos-cliente-header .col-md-3 {
    padding: 13px 18px 0px;
    width: auto;
}
.fRight {
    float:right;
}
.headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed .gridSystemWrapper.accesos-header {
    display: none;
}
.httheader .headerWrapper.sch-fixed {
    background-color: rgb(37 105 115 / 97%);
    padding: 10px 0 !important;
    height: 43px;
    box-shadow: 0 1rem 2rem -1rem rgb(0 0 0 / 17%);
}
.headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed    nav.menuCustom {
    min-height: auto;
    margin-top: -24px;
}
.headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed    .headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed .imgLogo {
    max-width: 120px;
    height: auto;
    margin-top: -1vh;
}

.headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed .gridSystemWrapper.aviso-demo {
    display: none;
}
.httheader .headerWrapper.sch-fixed .navbar-brand {
    height: 36px;
    padding: 0 15px;
}
header .headerWrapper.freestyle .navbar-default .navbar-collapse, 
header .headerWrapper.freestyle .navbar-default .navbar-form{
    margin:7px 0;
}
#wrapper.horizontal header .navbar-default, #wrapper.boxed header .navbar-default{
    float: none;
    position: absolute;
    width: 100%;
    z-index: 99;
    background: transparent !important;
    padding:20px 0 !important;
}
header .headerWrapper.freestyle.sch-fixed .navbar-default .navbar-collapse,
header .headerWrapper.freestyle.sch-fixed .navbar-default .navbar-form {
    margin: 0 0 7px 0;
}
@media (max-width: 767px) {
	header .headerWrapperHidden {
		display: none;
	}
	header .headerWrapper.freestyle .navbar-default .navbar-collapse,
	header .headerWrapper.freestyle .navbar-default .navbar-form {
        position: absolute;
		width: 100%;
		height: 100vh !important;
		left: 0;
		top: 0;
		background: rgb(255 255 255 / .95);
		margin:0;
	}
	header .navbar-default .navbar-toggle.btn-navbar-menu {
		float: none;
		position: absolute;
		top: 0;
		left: 20px;
		opacity: 1;
	}
	header .navbar-default .navbar-toggle.btn-navbar-menu.close {
		color: #b1b1b1;
		top: 20px;
		right: 20px;
		left: auto;
	}
}
.httheader .headerWrapper.freestyle > .hTt-container-fluid{
    width: 100%;
    margin: 0 auto;
}
.gridSystemWrapper.generic-header {
    width: 90%;
    margin: 0 auto;
}
.gridSystemWrapper.menu {
    width: 90%;
    margin: 0 auto;
}
/**Aviso header**/
.gridSystemWrapper.aviso-demo {
    background: #235a62;
    width: 100%;
}
#section .gridSystemWrapper.aviso-demo {
    background: #000000;
}
.inner-aviso p {
    text-align: center;
    padding: 8px;
    color:white !important;
    font-size: 13px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'Fira Sans', sans-serif;
}
/* Navigation */
.httheader .headerWrapper.sch-fixed .menu>.hTt-container-fluid{
    padding:5px 30px;
}
#section .imgLogo {
    margin-top: -33px;
}
.imgLogo{
    margin-top: -21px;
    transition: .5s all;
    max-width: 250px;
    height: auto;
}
.headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed .imgLogo {
    max-width: 120px;
    height: auto;
    margin-top: -12px;
}
@media(max-width:767px){
    .imgLogo{
        max-height:25px !important;
    }
}
.ext-menu-icon-container{
    top:20px;
	position: fixed;
}
@media(max-width:1024px){
    .ext-menu-icon-container{
        top:10px;
    }
    .ext-menu-icon{
        float:right;
    }
}
.ext-menu-icon span{
    background:#fff;
}
.gridSystemWrapper.accesos-cliente-header.fRight {
    margin-right: 4vh;
}
.accesos-header .col-md-4{
    display: flex;
	padding:0 20px;
	width: auto;
}
.menu {
	transition: all 0.8s;
}
.menu .navbar-brand > img {
    transition: all 0.5s;
}
.sch-fixed .menu .navbar-brand > img {
    height: 36px;
}
.sch-fixed .menu .navbar-default .navbar-nav > li > a {
    margin: 0 15px 0 15px;
}
.menu .navbar-nav {
	width: 70%;
	background: none;
    border: none;
	padding: 0;
    margin: 0;
	list-style: none;
	list-style-type: none;
}
.menu .navbar-nav li {
    border-bottom: none;
    padding: 0;
    background: none;
    list-style: none;
}
.navbar-advance #bs-navbar-menu ul li a{
	padding:5px 10px;
}
.menu .navbar-default {
	background: none;
	border: none;
}
.menu .navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	color: #ddd;
	font-family:'Isidora Sans Alt Semi Bold', Verdana;
	font-weight: 500;
	font-size: 17px !important;
	padding: 5px 0 !important;
	border: 2px solid transparent;
	letter-spacing: 0.5px;
	margin: 10px 15px 0 15px;
}
.menu .navbar-default .navbar-nav > li > a:hover {
	color: #256973;
}
.menu .navbar-default.on .navbar-nav > li > a:hover {
	color: #FFF;
}
.on {
	background-color: rgb(0 45 114 / 80%) !important;
	padding: 0 !important;
	padding: 10px 0 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #FFF!important;
	font-weight: 600;
	background-color: transparent;
}
.navbar-toggle {
	border-radius: 0;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #8eb640;
	border-color: #8eb640;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF;
}
.navbar-brand {
    height: auto;
}
.navbar-brand > img {
	transition: all 0.5s;
}
.on .navbar-brand > img {
	height: 36px;
}
.section-title p {
	font-size: 22px;
	color: rgba(255,255,255,0.8);
}
.section-title hr {
	margin: 0 auto;
	margin-bottom: 40px;
}
.btn-custom,
.btn-custom a {
    color: #fff !important;
    background-color: #ffcf30;
    border: 0;
    border-radius:2em !important;
    padding: 7px 20px;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 0;
    margin-top: 20px;
    transition: all 0.5s;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active {
	color: #fff;
	background-color: #256973;
}
.swiperHeroHome .btn-custom {
    background: #256973;
}
.btn-custom-wh {
	color: #256973;
	background-color: #FFF;
	border: 0;
	padding: 14px 20px;
	margin: 0;
	font-family:'Fira Sans', sans-serif;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-radius: 0;
	margin-top: 20px;
	transition: all 0.5s;
}
.btn-custom-wh:hover, .btn-custom-wh:focus, .btn-custom-wh.focus, .btn-custom-wh:active, .btn-custom-wh.active {
	color: #fff;
	background-color: #527ebc;
}
@media (max-width: 767px) {
	.menu .navbar-nav {
		width: 100%;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.menu .navbar-default .navbar-nav > li > a {
		color: #256973;
	}
}

.mybooking-content .glyphicon, .personLogin-content .glyphicon{
    /*font-size: 16px;*/
    display:none;
}

.httheader ul li.hTt-menu-has-holizontal ul.hTt-menu-vertical.group-languages-texts {
    box-shadow: 0 2rem 5rem -1rem rgb(0 0 0 / 30%);
    background-color: #fff;
    border: 0.1rem solid #ccc;
    border-radius: 0.4rem;
    top: 100%;
    padding: 1rem 7px;
    transition: .3s ease;
    left: -9px !important;
    top: 20px !important;
}
.httheader ul#hTtLangMenu li ul li a {
    padding:7px 7px;
    position:relative;
    margin-left: 0;
    transition:.5s all;
}
.httheader ul#hTtLangMenu li ul li a:hover {
    background: #f5f5f5;
}

.personLogin-content:before {
    content: url('/dms/multiHotel-Demo/ic/ic-user/ic-user.png');
    position: relative;
    top: 11px;
    left: 15%;   
     height: 28px;
    padding: 5px;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: inline-block;
    vertical-align: middle;
    transition: .5s;
    background-size: 100% 200%;
}
.mybooking-content:before {
    content: url('/dms/multiHotel-Demo/ic/ic-cart/ic-cart.png');
    position: relative;
    top: 11px;
    left: 15%;
    height: 28px;
    padding: 5px;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: inline-block;
    vertical-align: middle;
    transition: .5s;
    background-size: 100% 200%;
}

.phone p {
    color: white;
}
span.person-login-text.person-login-text-not-logged {
    margin-left: 8px;
}
.accesos-cliente-header .phone {
    position:relative;
    margin-top:1px;
}

.gridSystemWrapper.accesos-cliente-header a {
    margin-left: 4px;
    color: white !important;
    font-size: 14px;
    font-family: 'Fira Sans', sans-serif;
}
.personLogin-wrapper .person-login-text, .hotelLogin-wrapper .hotel-login-text, .mybooking-wrapper .mybooking-content-text {
    /*text-transform: uppercase;*/
    font-size: 14px;
}
.httheader ul#hTtLangMenu{
    margin-top: -5px;
    background:transparent;
    border:none;
}
a.mainTag.iDeviceCustomLink:after {
    position: absolute;
    content: "\f0d7";
    font-family: fontawesome;
    color: white;
    font-weight: 9;
    font-size: 11px;
    background-color: transparent;
    top: 8px;
    z-index: 0;
    right: 0px;
    transition: all .3s;
}
.accesos-header svg.svg-inline--fa.fa-phone.fa-w-16, .httheader ul#hTtLangMenu li a{
    font-size: 14px;
    margin-top: 3px;
}
.accesos-header svg.svg-inline--fa.fa-phone.fa-w-16 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.gridSystemWrapper.accesos-cliente-header.fRight {
    border-bottom: 1px solid rgb(255 255 255 / 22%);
}

.accesos-header .col-md-3:after {
    background-color: rgb(255 255 255 / 21%);
    content: '';
    height: 3rem;
    opacity: .8;
    position: absolute;
    right: -4px;
    top: 6px;
    width: 0.0625rem;
}
.accesos-header .col-md-3:last-child:after {
    display: none;
}

.httheader ul#hTtLangMenu li ul li a:hover{
    background:rgb(37 105 115 / 55%);
    color:#fff;
}
.bs-navbar-side-menu.open .ext-menu-vertical.right-side{
    width: 100%;
    overflow: hidden;
}
.ext-menu-vertical, #bs-navbar-menu-mobile .right-side,#bs-navbar-menu-mobile{
    background:#256973;
}
@media (min-width: 1440px){
.ext-menu-vertical > ul {
    margin-top: 50px !important;
}
}
ul.side-menu li{
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Isidora Sans Alt Semi Bold',Verdana;
    letter-spacing: 2px;
    margin-top: 10px;
    position: relative;
    display: block;
    transition: all 1s;
}
ul.side-menu li a{
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: 0;
    transition: all .4s;
    width: auto;
    font-family: var(--fontCorpo);
    display: inline-block;
    padding: 0 10px !important;
}
.bs-navbar-side-menu .side-menu, .bs-navbar-side-menu .nav.navbar-nav{
    border:none !important;
}
.bs-navbar-side-menu .side-menu li a{
    background:transparent !important;
    color:#fff !important;
}
@media(max-width:767px){
	ul.side-menu li{
		text-align: left;
	}
	.bs-navbar-side-menu .side-menu li a{
		padding-top: 5px;
	}
}
.contentsExtNavbar{
	width: 80%;
    background: #ffffff;
    visibility: visible;
    position: absolute;
    z-index: 1000;
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
/* Header Section */
#section .httheader .headerWrapper, #section .httheader .headerWrapper.absoluteHeader {
    background: none;
    position: relative;
    background: #256973;
}
.intro {
	display: table;
	width: 100%;
	padding: 0;
	/*background: url('/dms/multiHotel-Demo/img/heroHome-caribbean/heroHome-caribbean.jpg') no-repeat center center;*/
	background-color: #e5e5e5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	height: 100vh;
}
#section .intro{
    height: 50vh;
}
.intro .overlay {
	background: rgba(0,0,0,0.3);
	height: 100%;
}
.intro h1, .swiperHeroHome h1, .swiperHeroHome h2 {
    margin-bottom: 13px;
    font-family: 'Fira Sans', sans-serif;
    color: #fff !important;
    text-shadow:2px 2px 6px rgb(0 0 0 / 50%);
    font-size: 5em !important;
    font-weight: 600;
    text-align: center;
}
.swiperHeroHome .swiper-slide-active .caption {
    opacity: 1;
    transform: translateY(0%) scale(1);
    transition: 1s ease;
}

.swiperHeroHome .caption {
transform: translateY(-5%) scale(0.8);
    transition: 1s ease;
}
.intro span {
	color: #a7c44c;
	font-weight: 600;
}
.intro p {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 40px;
}
.intro-text {
	padding-top: 350px;
	padding-bottom: 100px;
	text-align: center;
}
#section .intro .intro-text{
    padding-top: 250px;
}
.swiperHeroHome p.text {
    color: white;
    font-size: 23px;
}
@media (max-width: 1528px) {
	.intro-text {
		padding-top: 190px;
	}
}
@media (max-width: 767px) {
	.intro h1, .swiperHeroHome h1, .swiperHeroHome h2 {
		font-size: 3em;
	}
}
.swiperHeroHome{
    height:100vh;
    z-index:0;
}
.swiperHeroHome figure{
    position: relative;
    height: 100vh;
}
.swiperHeroHome img{
    width:100%;
    object-fit: cover;
    height: 100%;
}
.swiperHeroHome .caption{
    position: absolute;
    top:40%;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.swiperHeroHome .swiper-button-next, .swiperHeroHome  .swiper-container-rtl .swiper-button-prev,
.swiperHeroHome .swiper-button-prev, .swiperHeroHome  .swiper-container-rtl .swiper-button-next{
    color:#fff;
    opacity: 0;
	transition:.5s all;
}
.swiperHeroHome:hover .swiper-button-next,
.swiperHeroHome:hover .swiper-button-prev{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.swiper-button-next:after  {
    content: 'next';
    font-family: "Font Awesome 5 Free";
    content: "\f061";
    font-size: 15px;
    font-style: normal;
    display: inline-block ;
    vertical-align: middle;
    font-weight: 900;
}
.swiper-button-prev:after {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    font-size: 15px;
    font-style: normal;
    display: inline-block;
     vertical-align: middle;
    font-weight: 900;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    font-size: 16px;
    background: rgba(0,0,0,.3);
    padding: 10px 17px;
    border-radius: 50%;
}
.swiperHeroHome .swiper-button-next,.swiperHeroHome .swiper-container-rtl .swiper-button-prev{
    right:25px;
}
.swiperHeroHome .swiper-button-prev,.swiperHeroHome .swiper-container-rtl .swiper-button-next{
    left:25px;
}
.swiperHeroHome .swiper-slide figure:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 31%);
    opacity: .85;
    z-index: 1;
}
@media(max-width:767px){
	.swiperHeroHome .caption{
		padding:0 10%;
	}
}
/* Motor */
.motor {
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#section .motor {
    bottom: 0;
}
#buttonShowSearcherMobile {
    background-color: var(--color-CTA);
    font-weight: 600;
}
/**Boton reservar sticky**/
#buttonShowSearcherScroll {
    background-color: #ffcf30 !important;
    font-family: var(--fontCorpo);
    letter-spacing: 0.06em;
    font-weight: 600;   
    top: 7% !important;

}
/**Opiniones component**/
.comments-module .averages .averages-first .title-first {
    color: #ffd000;
}
.comments-module .averages .averages-second button {
    background: #ffd000;
    border: 1px solid #ffd000;
}
.comments-module .comments-management {
    background: #256973;
}
.comments-module .nav-toggle .btn {
    background: #256973;
    border-color: #256973;
}
.comments-module .punctuation-group h5 {
    font-weight: normal;
    font-size: 19px;
    text-transform: none;
    color: #256973;
    font-family: 'Fira Sans', sans-serif !important;
    padding-bottom: 15px;
}
.comments-module .averages .averages-second .fa-smile-o, .comments-module .averages .averages-second .face-smile {
    color: #ffd000;
}
/* Hoteles Section */
#hoteles{
	padding: 100px 0;
}
.intro-paddings  {
    padding:70px 0;
}
#hoteles h3,.textIntro h3 {	
    font:200 25px 'Fira Sans', sans-serif;
    /* letter-spacing: -1.08px; */
    color: #256973;
    margin-bottom: 10px;
}
#hoteles .about-text,.textIntro .about-text {
	margin-left: 10px;
}
.about-img {
    box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 39%);
}
#hoteles .about-img,.textIntro .about-img {
	display: inline-block;
	position: relative;
	overflow: hidden;   
}

#hoteles .about-img img, .textIntro .about-img img{
    transition: .5s all;
}
#hoteles .about-img:hover img,.textIntro  .about-img:hover{
	transform: scale(1.2);
    filter: brightness(.7);
}
p.sub-title {
    font-family: 'Fira Sans', sans-serif;
    font-size: 22px !important;
    line-height: 1em;
    text-align: left;
    color: #8a9091 !important;
    font-style: normal;
}
#hoteles p ,.textIntro p{
    text-align: left;
    font-size: 17px;
    /* font: 300 1.5rem 'Isidora Sans Alt Regular', Verdana; */
    line-height: 24px;
    font-family: 'Fira Sans', sans-serif;
    color: #333;
}
#hoteles .btn, .textIntro .btn {
	margin: 10px 15px 0 15px;
}
@media (max-width: 767px) {
	#hoteles .about-text,.textIntro .about-text {
		margin: 20px 0;
	}
	#hoteles h3,.textIntro h3 {
		font: 600 2.3rem/2.5rem 'Fira Sans', sans-serif !important;
	}
}
/*New experiences home*/
.experiences, 
.padd-grid.hoteles-destacados {
	padding:60px 20px;
}

.experiences .experience-img{
	position:relative;
}
.hoteles-destacados .thumbnail:hover .idea-img img {
    filter: brightness(.7) blur(5px);
}
.experiences .text-section{
	overflow: visible;
}
.priceFromDestino {
    position: absolute;
    top: 30%;
    width: 80%;
    height: auto;
    backdrop-filter: blur(3px);
    background: rgb(0 0 0 / 38%);
    color: white !important;
    transition: .5s all;
    left: 0;
    right: 0;
    padding: 12px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.priceFromDestino a, .priceFromExperiences  {
    color: white !important;
    font-size: 14px;
}
.priceFromDestino a.price_from, .priceFromExperiences a.price_from {
    font-weight: 600;
    font-size: 29px;
}
.experiences .priceFromExperiences{
    padding: 5px 10px;
    position: absolute;
    top: 17px;
    left: 0;
    margin-right: auto;
    border-radius: 2rem;
    right: 0;
    border: 1px solid rgb(255 255 255 / 73%);
    margin-left: auto;
    width: fit-content;
    background: #10101045;
    color: white !important;
    transition: .5s all;
}
 .experiences.destinos h3 {
    color:#256973  !important;

}
 .experiences h3{
	font-family: 'Fira Sans', sans-serif;
	color:white;
	font-style: normal !important;
	font-size: 24px;
	font-weight: 600;
}
.experiences .thumbnail:hover .priceFromExperiences{
	transform:scale(1.1);
}
.experiences .thumbnail{
	margin-bottom:0 !important;
	border:none !important;
	padding:0 !important;
}
.experience-img img.beach-img {
    object-fit: cover;
    height: 500px;
    width: 100%;
    filter: brightness(.9);
    transition: all .5s;
}
.caption-icon {
    text-align: center;
    height: unset;
    width: 100%;
    position: absolute;
    bottom: 0;
}
 .experiences .caption {
	background: #f3f1f1;
    overflow: visible;
    padding: 30px 10px;
    border: none;
    border-radius: 0;
    transition: none;
	margin:0 !important;
	font-size: 15px;
    transition:.5s all;
	box-shadow:0px 10px 13px 0 rgb(0 0 0 / 8%);
}
 .experiences .caption:hover {
    box-shadow:0 2rem 5rem -1rem rgb(0 0 0 / 20%);
}
.experiences .priceFromExperiences a{
	font-family:  'Fira Sans', sans-serif;
	color:#fff;
}
.experiences .caption p{
    text-align: left;
    font-size: 17px;
    line-height: 24px;
    font-family: 'Fira Sans', sans-serif;
    color: #333;
}
/* Seguro Relax & Care Section */
#segurorelax {
	padding: 0 0 60px 0;
}
#segurorelax .section-title h2 {
	color: #fff !important;
	text-align: center;
}
#segurorelax .section-title .overlay {
    padding: 85px 0 56px 0;
}
#segurorelax img {
	width: 300px;
	box-shadow: 15px 0 #a7c44c;
}
#segurorelax h3 {
	padding: 10px 0;
	text-transform: uppercase;
}
#segurorelax p {
	text-align: center;
	font:300 22px 'Isidora Sans Alt Regular',Verdana;
}
#segurorelax .menu-section hr {
	margin: 0 auto;
}
#segurorelax .menu-section {
	margin: 0 20px 80px;
}
#segurorelax .menu-section-title {
	font-size: 26px;
	display: block;
	font-weight: 500;
	color: #444;
	margin: 20px 0;
	text-align: center;
}
#segurorelax .menu-item {
	margin: 35px 0;
	font-size: 18px;
}
#segurorelax .menu-item-name {
	font-weight: 600;
	font-size: 17px;
	color: #555;
	border-bottom: 2px dotted rgb(213, 213, 213);
}
#segurorelax .menu-item-description {
	font-style: italic;
	font-size: 15px;
}
#segurorelax .menu-item-price {
	float: right;
	font-weight: 600;
	color: #555;
	margin-top: -26px;
}
/* Ofertas Section */
#ofertas {
	color: #fff;
	background: #FFF;
}
.offer-6md {
    margin-top:1vh;
    margin-bottom: 100px;
}
#ofertas .overlay {
	padding: 120px 0 30px 0;
}
#ofertas h2 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 37px;
    line-height: 1;
    text-align: left;
    color: #333;
    margin-bottom: 1.2rem;
}

#ofertas h2 > span {
	font-family: 'Isidora Sans Alt Regular',Verdana;
	font-weight: 300;
    font-size: 58px;
    line-height: 1;
    text-align: left;
    color: #256973;
    margin-bottom: 3.2rem;
	display: block;
	padding-left:150px;
}
#ofertas p {
	color:#000;
}
#ofertas hr {
	background: #fff;
}
#ofertas h3 {
	font-family: 'Isidora Sans Alt Regular',Verdana;
	color: #000;
	font-weight: 400;
	font-size: 24px;
    margin: 5px 0 10px 0;
}
#ofertas .thumbnail {	
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 0;
    transition: none;
}
#ofertas .thumbnail a {
	font-weight: 600;
	text-decoration:underline;
}
#ofertas .thumbnail .experience-img {
	float: left;
	position: relative;
}
#ofertas .thumbnail .experience-img:before {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
#ofertas .thumbnail .caption {
    display: block;
    text-align: left;
}
#ofertas .thumbnail .caption p {
	font-family: 'Isidora Sans Alt Regular',Verdana;
    font-size: 3rem;
    line-height: 1;
    overflow: hidden;
    color: #212122;
    padding: 20px 15px !important;
    width: 100%;
    box-sizing: border-box;
	text-align: left;
}
@media (max-width:767px) {
	#ofertas h2 {
		font-size: 3em;
		margin-bottom: 3.2rem;
		padding-left: 0;
		padding-right: 0;
	}
	#ofertas h2 > span {
		font-size: 30px;
		padding-left: 0;
		margin-bottom: 0;
	}
	#ofertas .thumbnail .caption p {
		font-size: 2rem;
	}
}
/*Destinos section**/
.idea-img:hover img  {
    transform:scale(1.2);
}
.idea-img {
      overflow: hidden;
      height:320px;
 }
.swiperDestinys img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    filter: brightness(.9);
    transition: all .5s;
}
.swiperDestinys .caption {
    padding: 30px 25px !important;
}
.swiperDestinys .swiper-button-next,  .swiperDestinys .swiper-container-rtl .swiper-button-prev{
    right: 10px;
    top: 24px;
   bottom:auto;
    left: auto;
}
.swiperDestinys .swiper-button-prev, .swiperDestinys .swiper-container-rtl .swiper-button-next{
    top:23px;
       right: 61px;
    left: auto;
    bottom: auto;
}
.swiperDestinys .swiper-button-prev:after, .swiperDestinys .swiper-container-rtl .swiper-button-next:after,
.swiperDestinys .swiper-button-next:after, .swiperDestinys .swiper-container-rtl .swiper-button-prev:after,
.swiperDestinys:after, .swiper-container-rtl .swiper-button-next:after,
.swiperDestinys:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 16px;
    background:transparent;
}
.swiperDestinys .swiper-button-next, .swiperDestinys  .swiper-button-prev{
    border: 1px solid #000;
    border-radius: 0;
    padding: 20px;
    height: 30px;
    border-radius: 50%;
    filter: grayscale(1);
    opacity: 1;
}
.swiper-scrollbar-drag {
    background: rgb(37 105 115);
}
.swiper-container.swiperDestinys {
    padding-top: 63px !important;
}
.swiperDestinys .caption h3 {
    margin-bottom: 2vh;
}
.swiperDestinys .swiper-slide {
    margin-bottom: 50px;
    padding: 0px;
}
.gridSystemWrapper.destinos.experiences {
    padding: 10px 20px 120px 20px !important;
}
.gridSystemWrapper.destinos.experiences .caption {
    background: white !important;
}
.swiperDestinys {
    width: 100%;
    height: auto;
}
/**Block intro + tabs **/
.gridSystemWrapper.block-intro p.sub-title, .gridSystemWrapper.block-intro h2 {
    text-align: center !important;
}
.gridSystemWrapper.block-intro {
    padding: 60px 0;
}
.gridSystemWrapper.block-intro img.img-detail {
    margin: 0 auto;
    display: block;
    margin-bottom: 7vh !important;
}
.gridSystemWrapper.block-intro h2 {
    margin-bottom: 2vh;
}
.gridSystemWrapper.block-intro .about-text p {
    text-align: center;
}
.block-intro .contentBootstrapTab.normal .tabbable ul.nav-tabs li.active a {
    color: #256973;
    background-color: transparent;
    border: 0px;
}
.block-intro  .contentBootstrapTab.normal .tabbable ul.nav-tabs {
    border-bottom: 0px;
}
.contentBootstrapTab.normal {
    overflow: visible;
}
.block-intro  .contentBootstrapTab.normal .tabbable ul.nav-tabs li a p {
    font-size: 20px;
}
.block-intro   .contentBootstrapTab.normal .tabbable ul.nav-tabs li a:hover {
    background-color: transparent;
    border: 0px;
    color: black;
}
.block-intro .tab-content {
    margin-bottom: 11vh;
}
.block-intro .block-content {
    background: white;
    box-shadow: 0 2rem 5rem -1rem rgb(0 0 0 / 20%);
    width: 100%;
    max-width: 546px;
    position: absolute;
    bottom:-28px;
    right: 58px;
    padding: 2rem;
    margin: 0;
    transition:.5s all;
}
.block-intro .block-content:hover {
    box-shadow: 0 0 0 1px #2c6e7714;
}
.block-intro .contentBootstrapTab.normal .tabbable ul.nav.nav-justified li.active a {
    color: black;
}
.block-intro .block-content h2 {
    text-align: left !important;
    font-size: 31px !important;
}
.contentBootstrapTab.normal .tabbable {
    clear: both;
    background: transparent;
}
.block-intro .about-img img {
    object-fit: cover;
    height: 500px;
    width: 100%;
    filter: brightness(.9);
    transition: all .5s;
}
.block-intro .contentBootstrapTab.normal .tabbable ul.nav.nav-justified {
    border-bottom: 0px;
    width: 80%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 2vh;
}
.block-intro .contentBootstrapTab.normal .tabbable ul.nav.nav-justified li:last-child:after {
	display:none;
}
.block-intro .contentBootstrapTab.normal .tabbable ul.nav.nav-justified li:after {
    background-color: rgb(0 0 0);
    content: '';
    height: 3.6rem;
    opacity: .8;
    position: absolute;
    right: 0px;
    top: 4px;
    width: 1px;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}.block-intro .block-content p {
    padding: 0;
}

.block-intro .contentBootstrapTab.normal .tabbable ul.nav-tabs li a {
    color: #256973;
    font-weight: 600;
    cursor: pointer;
    background-color: transparent;
    border: 0px;
}
/**Ajustes BootstrapTab**/

@media (max-width: 767px) {
    .block-intro  .contentBootstrapTab .tab-selected-icon {
        color: #256973;
        right: 0;
        width: 46px;
        border-left: 2px solid #256973;
        height: 100%;
        text-align: center;
        padding-top: 10px;
    }

    .multiTab-backdrop,
    .contentBootstrapTabInner {
        background-color:#256973;
    }
     .contentBootstrapTabInner .nav-tabs>li>a:hover, .contentBootstrapTabInner .nav-tabs>li>a {
        text-transform: uppercase;
        letter-spacing: 0.07em;
        font-size: 16px;
        border-bottom:1px solid rgb(255 255 255 / 20%) !important;
        text-align: left;
        color: white !important;
    }
    .block-intro   .contentBootstrapTab .tab-selected {
        background: white;
        margin: 0 18px;
        border-radius: 0;
        border: 2px solid #256973;
        padding: 15px 10px 10px 15px;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        width: 100%;
        color: black;
        text-align: left;
        position: relative;
        margin-left: 0;
    }
    .multiTab-backdrop .tab-close {
        font-size: 25px;
        color: white;
    }
    .contentBootstrapTabInner .tab-active {
        color: white;
    }
    .contentBootstrapTabInner .nav-tabs.nav-justified>.active>a, .contentBootstrapTabInner .nav-tabs.nav-justified>.active>a:hover, .contentBootstrapTabInner .nav-tabs.nav-justified>.active>a:focus, .contentBootstrapTabInner .nav-tabs.nav-justified>.active>a:visited {
        border-bottom: 0px;
        background: #1a5058;
    }
    .contentBootstrapTab .container-tabs-mobile {
        position: relative;
        margin-bottom: 2vh;
    }
    .contentBootstrapTab .center-block p {
        font-size: 18px;
        font-weight: 600;
        color: #256973;
    }
}
/**Background wave effect grid**/
section#gridBg100_ac593a3a-220f-4cdf-aa11-8a8949c46a0a:after {
    top: auto;
    bottom: -6%;
    background: url(/dms/multiHotel-Demo/img/white-wave/white-wave.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 102%;
    content: "";
    height: 100%;
    ;z-index: -1;position: absolute;
    width: 100%;

    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
section#gridBg100_ac593a3a-220f-4cdf-aa11-8a8949c46a0a,
section#gridBg100_047b778e-020d-4111-a729-00ab1b58777c {
    margin-top: 0px;
    position: relative;
    z-index: 1;
}
section#gridBg100_ed0cc0ce-75de-488c-bf4d-051159bb0049 {
    margin-top: 0;
    position: relative;
    z-index: 1;
}
section#gridBg100_ed0cc0ce-75de-488c-bf4d-051159bb0049:after {
    top: auto;
    bottom: -6%;
    background: url(/dms/multiHotel-Demo/img/white-wave/white-wave.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 102%;
    content: "";
    height: 100%;
    z-index: -1;
    position: absolute;
    width: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
section#gridBg100_3dbca502-ee76-471b-9b84-cc83eed92c68:after {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -2;
    content: "";
    width: 100%;
    height: 305px;
    background: #f5f5f5;
}

section#gridBg100_3dbca502-ee76-471b-9b84-cc83eed92c68 {
    position: relative;
}
section#gridBg100_047b778e-020d-4111-a729-00ab1b58777c:before {

    background: url(/dms/multiHotel-Demo/img/white-wave/white-wave.svg);
    top: -5.5rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 102%;
    content: "";
height: 20rem;
    left: 0;
    position: absolute;
    width: 100%;}
/* Ideas que inspiran Section */
#ideas {
	color: #fff;
}
#ideas .overlay {
	padding:80px 0 0px 0;
}
#ideas h2, #ideas p {
	color: #333;
}
#ideas hr {
	background: #fff;
}
#ideas h3 {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	margin: 5px 0;
}

#ideas .thumbnail {
	background: transparent;
	border: 0;
}
#ideas .thumbnail .team-img {
	display: inline-block;
	position: relative;
}
#ideas .thumbnail .team-img:before {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}
#ideas .thumbnail .caption {
	padding: 3rem 2.4rem;
	background-color: #fff;
}
#ideas .thumbnail .caption p {
	margin-bottom: 1rem;
    color: #256973;
    font-size: 26px;
    line-height: 33px;
    font-family: 'Fira Sans', sans-serif;
    min-height: 170px;
    text-align: center;
}
@media (max-width:767px) {
	#ideas .thumbnail .caption p {
		font-size: 2em;
	}
}
/* Vacaciones Mediterráneo */
#vacaciones {
	padding: 0;
}
#vacaciones .section-title h2 {
	color: #fff !important;
	text-align: center;
}
#vacaciones .section-title .overlay {	
    padding: 70px 0 19px 0;
}
#vacaciones img {
	width: 300px;
	box-shadow: 15px 0 #a7c44c;
}
#vacaciones h3 {
	padding: 10px 0;
	text-transform: uppercase;
}
#vacaciones p {
	text-align: center;
    font: 300 22px 'Fira Sans', sans-serif;
}
#vacaciones .portfolio-items {
	position: relative !important;
	overflow: auto !important;
	height: auto !important;		
}
#vacaciones .portfolio-item {
	position: relative !important;
}
/* Footer Section*/
#site-info {
    padding: 20px 0;
    background: #256973;
}
#site-info #site-info-box #nav-split-up,
#site-info #site-info-box #nav-split-down {
	background:none;
}
#site-info #site-info-box #nav-split-down {
	padding:10px 0 30px 0;
}
#site-info ul {
    background: none;
	padding: 0;
	margin:0;
}
#site-info ul li {
	background: none;
	border: none;
	margin:0;
	padding: 0 17px;
}
#site-info li a {
    color: #FFF;
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
}
.footer {
	padding: 30px 0 0 0;
}
.footer-base {
	background: #E8E6DF;
	padding-bottom: 50px;
}
img.ic-footer-base {
    margin-top: -31px;
    max-width: 76px;
    height: auto;
    margin-bottom: 26px;
}
.footer h3 {
    font: 30px 'Fira Sans', sans-serif;
    color: #212122;
    margin-bottom: 20px;
    min-height: 116px;
    display: block;
    float: none;
}
.footer p {
	font: 16px/30px 'Fira Sans', sans-serif;
    color: #212122;
}
.footermenu {
	padding: 20px 0;
	background: #256973;
}
.footermenu p {
	font: 16px/30px 'Fira Sans', sans-serif;
    color: #FFF;
}
.footermenu ul.footnavigation {
	margin:40px 0;
}
.footermenu ul.footnavigation li {
	display: inline-block;
	margin: 0 20px;
}
.footermenu ul.footnavigation li a {
	color: #fff;
	font: 16px 'Fira Sans', sans-serif;
}
.footer hr {
    height: 1px;
    width: 100%;
    text-align: center;
    position: relative;
    background: rgb(255 255 255 / 30%);
    margin: 0;
    margin-bottom: 40px;
    border: 0;
}
.footer .footer-item p {
    text-align: left;
    font-size: 17px;
    line-height: 24px;
    font-family: 'Fira Sans', sans-serif;
    color: #333;
}
.footer .social {
	margin: 20px 0 30px 0;
	border-bottom: 1px solid #ffffff4d;
	overflow: hidden;
    padding-bottom: 50px;
}
.footer .social h3 {
    font: 36px/48px 'Fira Sans', sans-serif;
    color: #fff;
	min-height: auto;
	text-align: center;
}
.footer .social ul li {
	display: inline-block;
	margin: 0 20px;
}
.footer .social svg.svg-inline--fa {
	font-size: 35px;
	color: #fff;
}
.footer .social i.fa:hover {
	color: #eee;
}
p.copyright,
.copyright a {
	color:#fff;
	text-align: center;
    padding-top: 50px;
	font: 13px 'Isidora Sans Alt Regular',Verdana;
}
@media (max-width:767px) {
	.footer h3 {
		font: 3em/40px 'Isidora Sans Alt Regular',Verdana;
	}
    .hoteles-destacados .caption p {

        font-size: 19px !important;
    }
    .block-intro .tab-content {
    margin-bottom: 0;
    }
    section#gridBg100_ed0cc0ce-75de-488c-bf4d-051159bb0049:after {
        bottom: -1%;
    }
    .block-intro .block-content h2 {

        font-size: 23px !important;
    }
    .block-intro .block-content p {
        padding: 0;
    }

    .block-intro .block-content {
        max-width: auto;
        position: absolute;
        bottom: 100px;
        right: 0;
        padding: 2em;
        width: 80%;
        margin: 0 auto !important;
        display: block;
        left: 50%;
        transform: translate(-50%, 0);
    }
	.footer-base .col-md-4 {
		margin: 75px 0;
	}
	#site-info ul li {
		padding: 0 13px;
	}
	.footer .social svg.svg-inline--fa {
		font-size: 25px;
	}
	.footermenu ul.footnavigation li {
		display: block;
	}
	.footermenu ul.footnavigation li a {
		font-size: 16px !important;
		margin-bottom:10px;
		display: block;
	}
}

/*Hoteles*/
#section.pageHoteles .btn-price-feed a{
    color:#fff !important;
}
#section.pageHoteles .intro-paddings{
    padding-bottom:0 !important;
}
#section.pageHoteles .inner-box-hotel img{
    transition: .5s all;
    width: 100%;
    max-height: 350px;
    height: 100%;
    filter: brightness(.9);
    object-fit: cover; 
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtFooter, .relatedProductTeaserExtFooter{
    display: none;
}
.relatedProductTeaser.normal .relatedProductTeaser-group, .relatedProductTeaser.model1 .relatedProductTeaser-group{
    border: 0px;
    box-shadow: none !important;
    background: none !important;
    padding: 0px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item, .relatedProductTeaser.model1 .relatedProductTeaser-group .item{
    border:none !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible;
}
#section.pageHoteles .item-relatedProductTeaserExt{
    margin-top: 2vh;
}
.inner-box-hotel{
    box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
    font-family:'Isidora Sans Alt Regular',Verdana;
}
#section.pageHoteles .text-inner-box-hotel{
    text-align: center;
    padding:20px 10px;
}
#section.pageHoteles .text-inner-box-hotel h3,#section.pageHoteles .text-inner-box-hotel .stars svg{
    color:#256973;
}
#section.pageHoteles .text-inner-box-hotel .zone{
    color:#999;
    margin:10px;
}
.btn-blue{
    background: #256973;
    text-align: center;
    margin-top: 16px;
    transition: .5s all;
    padding: 6.5px 17px;
    display: inline-block;
    color: white;
    line-height: 1.5em;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px !important;
    font-family:'Isidora Sans Alt Regular',Verdana;
}
.btn-blue:hover{
    color:#fff !important;
    font-weight: 700;
}
.btn-blue:visited{
    color:#fff !important;
}
#section.pageHoteles figure{
    overflow: hidden;
}
#section.pageHoteles .inner-box-hotel img:hover {
    transform: scale(1.1);
    filter: brightness(.9);
}

/*Área cliente*/
#neoPersonModifyDataUser .headerWrapper,#neoPersonBookingsList .headerWrapper{
	position:relative !important;
	background:#256973 !important;
}

/** Bloque ofertas **/
.wrapOfferInfo {
    max-width: 420px;
    padding: 25px 40px;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
}
.offerElementInfo {
    height: calc(100% - 76px);
}
.wrapOfferElement {
    transition: .5s all;
    position: relative;
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 8%);
}
.wrapOfferElement .flex-btns-two {
    justify-content: flex-start !important;
}

.wrapOfferElement .flex-btns-two a {
    margin-left: 0px !important;
}

.wrapOfferElement .flex-btns-two a.btn-book {
    background: #ffcf30 !important;
}
.wrapOfferElement:hover {
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 29%);
}
.wrapOfferimg {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
img.offerimg {
    object-fit: cover;
    transition: .5s all;
    filter: brightness(0.7);
}
.wrapOfferimg:before {
    background: rgba(0, 0, 0, 0.4);
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(84, 84, 84, 0.1) 50%, rgba(84, 84, 84, 0) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(50%, rgba(84, 84, 84, 0.1)), color-stop(100%, rgba(84, 84, 84, 0)));
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(84, 84, 84, 0.1) 50%, rgba(84, 84, 84, 0) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(84, 84, 84, 0.1) 50%, rgba(84, 84, 84, 0) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(84, 84, 84, 0.1) 50%, rgba(84, 84, 84, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.4) 0%, rgba(84, 84, 84, 0.1) 50%, rgba(84, 84, 84, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#545454', GradientType=1 );
}
.offerInfoPrice {
    position: absolute;
    left: 40px;
    bottom: 20px;
    padding-bottom: 0;
    padding: 30px 0 10px;
}
.wrapOfferElement:hover img.offerimg {
    transform:scale(1.2);
    filter: brightness(.7) blur(4px);
}
p.offerTitle {
    text-align: left;
    color: white;
    font-size: 26px;
    line-height: 32px;
    margin-top: 15px;
    padding: 0px;
}
span.hotelsTag {
    background: #00afd4b8;
    color: white;
    padding: 6px 15px;
    border-radius: 2px;
    font-family: var(--fontPrimary);
}
p.offerSubtitle {
    margin-top: 19px;
    color: white;
    font-size: 21px;
    letter-spacing: 0.09em;
}
.infoPriceBox span {
    color: white;
    font-family: 'Fira Sans', sans-serif;
    font-size: 4rem;
    font-weight: bold;
   /* text-shadow: 0 0 4px rgb(0 0 0 / 75%);*/
}

p.infoPriceDiscount {
    font-weight: bold;
    color: white !important;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.06em;
    margin-bottom: 0px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
}
.boxInnerNoPad {
    padding: 0;
    border-radius: 2px;

}
p.txtSer a {
    color: #00afd4 !important;
    font-size: 19px;
    font-weight: 300 !important;
    position: relative;
}
.gridServices {
    margin: -205px auto 80px;
}   
.offerInfoPrice .btn-custom:hover {
    background:#ffcf30 !important;
}
.offerInfoPrice .btn-custom {
    margin-top: 0;
    backdrop-filter: blur(4px);
    transition:.5s all;
    background:rgb(0 0 0 / 26%) !important;
    font-size: 16px;
    border: 2px solid white;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
}

/** Ventajas Home **/
.description-offers {
    position: absolute;
    left: 0;
    backdrop-filter: blur(4px);
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    padding: 1.4rem 4rem;
}
.sticky .description-offers {
    background: rgba(255,255,255,0.9)
}
.description-offers p {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 14px;
    font-family: var(--fontCorpo);
    color: white;
    line-height: 20px;
    text-align: center;
    margin: 0 !important;
}

.description-offers img.icon-more {
    max-width: 30px
}

.description-offers .desc-items {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
    width: 100%;
}
.description-offers .desc-items .block-item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    margin: 0 10px
}
.description-offers .desc-items .block-item p {
    font-size: 13px
}
#home .description-offers .desc-items .block-item p {
  
    text-align: center;
    font-size: 12px;
    line-height: 17px;
}
.description-offers .desc-items .block-item p a {
    color: #2a5d66;
    text-decoration: underline
}

.description-offers .block-item img {
    max-width: 25px;
    height: auto;
    margin-right: 11px;
}

.description-offers .block-item.item4 img {
    max-width: 25px
}
.description-offers p span {
    text-transform: none;
}
.description-offers i.fa.fa-chevron-up {
	color: white;
	font-size: 10px;
	transition: transform 0.3s;
}
.description-offers i.ventajasDown {
    transform: rotate(-180deg);
}

/** End Ventajas Home **/
/**Header Area clientes**/
body#neoPersonModifyDataUser #wrapper.horizontal header .navbar-default, body#neoPersonModifyDataUser #wrapper.boxed header .navbar-default,
body#neoHotelBookConfirm  #wrapper.horizontal header .navbar-default, body#neoHotelBookConfirm #wrapper.boxed header .navbar-default,
body#neoPersonBookingsList  #wrapper.horizontal header .navbar-default, body#neoPersonBookingsList #wrapper.boxed header .navbar-default,
body#neoPersonModifyDataUser  #wrapper.horizontal header .navbar-default, body#neoPersonModifyDataUser #wrapper.boxed header .navbar-default {
    float: none;
    position: relative;
    width: 100%;
    z-index: 99;
    background: #256973 !important;
    padding: 20px 0 !important;
}
/**Experiencias home section**/
.imgIntro {
    overflow: hidden;
    box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 39%);
    position:relative;
    transition:.5s all;
}
.imgIntro:hover {
    box-shadow: 0 0 0 1px #2c6e7714;
}
.imgIntro:hover {
    box-shadow: 0px 10px 13px 0 rgb(0 0 0 / 29%);
}
.imgIntro .image-bg:hover, 
.imgIntro a:hover .image-bg, 
.imgIntro:hover .image-bg {
    transform: scale(1.2);
    filter: brightness(.7) blur(4px);

}
.imgIntro img {
    transition:250ms all ease-in-out;
    object-fit: cover;
    width: 100%;
    filter: brightness(.7);
    height: 500px;
}

.elementBtn {
    backdrop-filter: blur(4px);
    text-align: center;
    position: absolute;
    left: 50%;
    background: #000;
    bottom: 0;
    width: 100%;
    -webkit-transform: translateY(60px) translateX(-50%) translateZ(0);
    -moz-transform: translateY(60px) translateX(-50%) translateZ(0);
    -ms-transform: translateY(60px) translateX(-50%) translateZ(0);
    -o-transform: translateY(60px) translateX(-50%) translateZ(0);
    transform: translateY(60px) translateX(-50%) translateZ(0);
    opacity: 0;
    -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s;
    padding: 30px 30px;
    background-color: rgb(0 0 0 / 41%);
}
.imgIntro:hover .elementBtn, 
.boxImg-hotel:hover .elementBtn {
    transform: translateY(0) translateX(-50%) translateZ(0);
      opacity:1;
}

.boxImg-hotel .elementBtn {
    text-align: center;
    position: absolute;
    left: 50%;
    background:rgb(0 0 0 / 48%);
    bottom: 0;
    height: 100%;
    width: 100%;
}
.boxImg-hotel .elementBtn a {
    top: 50%;
}
.elementBtn a {
       color: #fff !important;
    background-color: #ffcf30;
    border: 0;
    border-radius: 2em !important;
    padding: 7px 20px;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 0;
    margin-top: 20px;
    transition: all 0.5s;
}
.elementBtn a:hover {
    background: #256973;
}
.nameDestinationContainer {
    left: 50%;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
h3.link-nonHover {
    font-style: normal;
    font-size: 28px;
    text-shadow: 0 0 4px rgba(0,0,0,0.35);
}

.nameDestinationContainer img {
    max-width: 70px;
    height: auto;
    margin: 0 auto;
    z-index: 5;
    filter: none !important;
    display: block;
}
.nameDestinationContainer h3 {
    text-align: center !important;
}
/** Up to top **/
.cms-btn-up-mov span.glyphicon {
    font-size: 16px;
    color: #ffffff;
    top: 1px;
}
.cms-btn-up-mov:hover {
    background: #333;
}
.cms-btn-up-mov {
    width: 50px;
    height: 33px;
    opacity: 0.8;
    position: fixed;
    bottom: 0;
    right: 20px;
    display: none;
    background:#256973 !important;
    border-radius: 4px 4px 0 0 !important;
    border: 0px;
    border-radius: 0;
    text-align: center;
    padding: 10px;
    z-index: 1000;
    transition:.5s all;
}
/**Section stage**/
#section .httheader .headerWrapper.freestyle > .hTt-container-fluid {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
#section .headerWrapper.freestyle.absoluteHeader.headerWrapperHidden.sch-fixed > .hTt-container-fluid {
    background: none !important;
}
.containerImg img {
    filter: brightness(0.7);
    object-fit: cover;
    width: 100%;
    height: 35rem;
}
.boxHeader {
    position: absolute;
    bottom:13.1rem;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
}
.boxHeader h1 {
    margin-bottom: 13px;
    font-family: 'Fira Sans', sans-serif;
    color: #fff !important;
    text-shadow: 0 0 4rem rgb(0 0 0 / 50%);
    font-size: 4em;
    font-weight: 600;
    text-align: center;
}
.boxHeader span {
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 0.09em;
    line-height: 38px;
    text-align: center;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
}
/**FAQS**/
.accordionFAQS a {
    position: relative;
    display: -webkit-box;
    color: #256973;
    line-height: 30px;
    text-decoration: none !important;
    display: -webkit-flex;
    font-size: 1.3rem;
    text-transform: normal !important;
    letter-spacing: 2px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    font-size: 22px;
    letter-spacing: 0px;
    -webkit-flex-direction: column;
    font-family: 'Fira Sans', sans-serif !important;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: none;
    width: 100%;
    padding: 15px 0px 13px 0;
    border-bottom: 0px;
}
.accordionFAQS .panel-heading {
    padding:0px 10px;
}
.accordionFAQS a:hover,
.accordionFAQS a:hover::after {
   cursor: pointer;
  text-decoration:none;

}
.accordionFAQS a.active {
    color: #ffffff;
}
.accordionFAQS p {
    font-family: var(--fontCorpo) !important;
    color: #666;
    font-size: 18px;
    padding: 0;
}
.accordionFAQS .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
}
.accordionFAQS a::after {
    font-family: 'FontAwesome';
    content: "\f078";
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 19px;
    color: #000000;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}
.accordionFAQS .contentAccordion {
	  opacity: 0;
	  padding: 0 1rem;
	  max-height: 0;
	  border-bottom: none;
	  overflow: hidden;
	  clear: both;
	  -webkit-transition: all 0.2s ease 0.15s;
	  -o-transition: all 0.2s ease 0.15s;
	  transition: all 0.2s ease 0.15s;
}
.accordionFAQS .contentAccordion p {
    font-size: 1.3rem;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 34px;
}
.accordionFAQS .contentAccordion.active {
  opacity: 1;
  padding: 2rem 1rem 0rem 0rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}
.blockFAQSBase .containerActionVentajas p, 
.blockFAQSBase .containerActionVentajas a {
    color: white;
    font-size: 23px;
    margin-top: 6px;
    transition: .30s all ease;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: none !important;
    padding: 13px 0 9px;
    display: inline-block;
    text-align: center !important;
    position: relative;
    width: auto;
    cursor: pointer;
}
.accordionFAQS .panel {
    box-shadow: none;
    background: none;
    text-align: left;
    border-bottom: 1px solid black;
}
/**Swiper opinions **/
.swiper-container.swiperMain.swiperOpinions p {
    font-size: 17px;
    color: white;
    line-height: 26px;
    width: 80%;
    text-align: center;
    margin: 0 auto;
}
p span.author {
    font-size: 20px;
    color: #cbc4c4;
}
.swiper-container.swiperMain.swiperOpinions.swiper-container-initialized.swiper-container-horizontal {
    height: auto;
}
.swiperOpinions .swiper-button-next, .swiperOpinions .swiper-button-prev {
    filter: brightness(0) invert(1);
}

.swiperOpinions span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: white;
}
.swiperOpinions span.swiper-pagination-bullet {
    height: 12px;
    border: 1px solid white;
    width: 12px;

}
#home .portfolio-items a {
    margin-bottom: 7vh;
}
.reviews-photo {
    display: block;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border: 20px solid transparent;
    border-radius: 50%;
    transition: transform 0.5s, filter 0.5s, border-color 0.5s;
    filter: grayscale(90%);
}
.swiperOpinions .swiper-slide {
    margin-bottom: 7vh;
}
.reviews-photo img {
        object-fit: cover;
    max-width: 100%;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border: 4px solid #ffffff;
    border-radius: 50%;
}
/**Hoteles destacados Home  RTP**/
.hoteles-destacados .caption {
    background: #fff;
    text-align: center;
    padding:24px;
    position:relative;
}
.hoteles-destacados .caption svg.svg-inline--fa.fa-map-marker.fa-w-12 {
    color: #333;
    font-size: 14px;
}
.hoteles-destacados .thumbnail:hover {
    box-shadow: 0 0 0 1px #2c6e7726;
}
.hoteles-destacados .thumbnail {
    background-color: transparent !important;
    box-shadow: 0 1rem 3rem -1rem rgb(0 0 0 / 39%);
    position: relative;
    border: 0px;
    padding: 0px;
}
.hoteles-destacados .thumbnail img {
    object-fit: cover;
    height: 400px;
    width: 100%;
    filter: brightness(.5);
    transition: all .5s;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription { 
    padding:0px;
}
.relatedProductTeaser.normal .relatedProductTeaser-group .item .item-relatedProductTeaserExt .relatedProductTeaserExtteaser .relatedProductTeaserExtteaserDescription {
    background: transparent !important;
    box-shadow: none !important;
}
.hoteles-destacados .caption p {
    font-family: 'Fira Sans', sans-serif;
    text-align: center !important;
    font-size: 16px !important;
    color: #000;
    font-weight: 400;
}
.hoteles-destacados .name-hotel {
    left: 50%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.star-hotel .fa-star.fa-w-18 {
    color: #ffcf30;
}
.hoteles-destacados .name-hotel img {
    max-width: 30px;
    filter: brightness(1);
    height: auto !important;
    margin-top: 10px;
}
.hoteles-destacados p.type {
    letter-spacing: 0.06em;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    color: white;
    display: block;
    margin-top: 14px;
    font-size: 14px;
    text-transform: uppercase;
}
.hoteles-destacados .thumbnail:hover img {
    transform: scale(1.2);
    filter: brightness(.7);
}
.hoteles-destacados  .idea-img {
    position: relative;
    overflow: hidden;
}
.hoteles-destacados .name-hotel h3 {
    font-size: 2.2rem !important;
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    color: white !important;
}
.hoteles-destacados .priceFromDestino {
    height: auto;
    top: 0;
    padding: 11px;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    background: rgb(37 105 115 / 93%);
    text-align: center;
}
.flex-btns-two {
    display: flex;
    justify-content: center;
}
.flex-btns-two a {
    margin-left: 15px;
    margin-right: 15px;
}
a.btn-white {
    border: 2px solid #2d6f7a !important;
    color: #2d6f7a;
    background-color: transparent;
    border: 0;
    border-radius: 2em !important;
    padding: 7px 20px;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 0;
    margin-top: 20px;
    transition: all 0.5s;
}
/**Medias**/
@media (min-width: 1024px) and (max-width: 1366px) {
    .gridSystemWrapper.accesos-cliente-header .col-md-3 {
        padding: 13px 10px 0px;
    }
}


/*FICHA HOTEL*/

#section.fichaHotel .hTt-container-fluid.contentNavigation.normal{
    background-color: var(--color-primary);
}
#section.fichaHotel .contentNavigation.normal ul.nav{
    max-width: 80%;
    margin:0 auto;
    background: var(--color-primary);
    border: none;
}
.fichaHotel .contentNavigation.normal ul.nav li{
    padding:0 7px;
}
.gridSystemWrapper.menuFicha {
    margin-toP: 3vh;
}
#section.fichaHotel .contentNavigation.normal ul.nav li a{
    padding: 17px 10px;
    font-size: 16px;
    font-style: normal !important;
    line-height: 1em;
    background: none !important;
    font-family: var(--fontCorpo);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: left !important;
    color: #fff;
}
#section.fichaHotel .contentNavigation.normal ul.nav li:after {
    background-color: #fff;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    opacity: .8;
    position: absolute;
    right: 0px;
    top: 20px;
}
#section.fichaHotel .contentNavigation.normal ul.nav li:last-child:after{
    content:none;
}
#section.fichaHotel .contentNavigation.normal ul.nav li.active a:after {
    z-index: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--color-primary);
    bottom: -10px;
    content: " ";
    height: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 0;
}
#breadcrumb li:first-child a span:before {
    content: " \f015";
    font-size: 15px;
    visibility: visible;
    color: #256973 !important;
    font-family: fontawesome;
}
#breadcrumb li:first-child {
    width: 30px;
}
#breadcrumb li strong {
    font-weight: normal;
}
#breadcrumb li a {
    padding-right: 15px !important;
    font-size: 15px;
}
#breadcrumb li {
    margin: 0 5px 0;
}
#breadcrumb li:first-child  a span{
    visibility:    hidden;
}
#breadcrumb {
    width: 90%;
    margin: 0 auto;
    margin-top: 1vh;
    overflow: hidden;
    padding: 5px;
}
/*Hotel*/

.pageHotel .grid-ch{
    border: 1px solid #7DA9B9;
    border-top: 0 solid #7DA9B9;
    display: flex;
    flex-direction: column;
    max-width: 450px;
    margin: 0 auto;
}
.pageHotel .gridChooseHotel .title-ch h3{
    transform: translateY(-50%);
    display: flex;
    font-family:'Fira Sans', sans-serif !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding:0 !important;
    position: relative;
    text-align: center;
    color:var(--color-primary);
    font-size: 24px;
    line-height: 30px;
    font-style: normal !important;
}
.pageHotel .gridChooseHotel .title-ch h3:before,.pageHotel .gridChooseHotel .title-ch h3:after{
    content: "";
    height: 1px;
    background-color: #7DA9B9;
    flex-grow: 1;
}
.pageHotel .grid-icon-ch{
    padding:0 20px 20px 20px;
}
.pageHotel .icon-ch{
   margin-bottom: 20px;
}
.pageHotel .icon-ch span{
    text-align: left;
    font-size: 17px;
    line-height: 24px;
    font-family: var(--fontCorpo);
    color: #333;
    margin-left: 15px;
    font-weight: normal;
}
.swiper-servicesHotel{
    overflow: visible;
    padding-top: 60px;
}
.swiper-servicesHotel .inner-box{
    max-width: 400px;
    margin-left: 50px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%);
    background-color: var(--color-primary);
    color: white;
    font-size: 14px;
    padding: 17px 40px;
    position: absolute;
    z-index: 2;
    top: 15%;
    left: 15%;
    border-radius: 5%;
}
.swiper-servicesHotel .text-inner-box p {
    letter-spacing: 0.06em;
    padding: 0;
    text-align: left !important;
    font-size: 21px;
    color: #fff !important;
    font-family: var(--fontCorpo);
    font-weight: 400;
    margin-bottom: 16px !important;
}
.swiper-servicesHotel .swiper-slide .text-inner-box{
    display: none;
}
.swiper-container.swiper-servicesHotel .swiper-slide figure img{
    opacity: .9;
    filter:brightness(.4);
    min-height: 450px;
    object-fit: cover;
}
.swiper-servicesHotel .swiper-slide.swiper-slide-active{
    z-index: 99;
}
.swiper-container.swiper-servicesHotel .swiper-slide-active figure img {
    filter: brightness(1);
    box-shadow: 0px 9px 20px 0 rgb(0 0 0 / 16%);
    transform: scale(1.1);
    z-index: 22;
    opacity: 1;
}
.swiper-servicesHotel .ic-experiencia img {
    margin-bottom: 20px;
    max-width: 50px;
    margin-top: 15px;
    height: auto;
}
.swiper-container.swiper-servicesHotel .btn-custom{
    background:transparent;
    border:1px solid
    white;
    margin-top: 20px;
    display: inline-block;
}
.swiper-container.swiper-servicesHotel .btn-custom:hover{
    background: #ffcf30;
}
.swiper-servicesHotel  .swiper-pagination{
    position: relative;
    margin-top: 15px;
}
.swiper-servicesHotel  .swiper-pagination-bullet {
    margin-left: 3px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: rgba(255,255,255,.2);
    opacity: 1;
    margin-top: 20px;
    border: 1px solid rgb(255 207 48 / 55%);
}
.swiper-servicesHotel  .swiper-pagination-bullet-active{
    background:var(--color-CTA);
}
.bannerPremios>.hTt-container-fluid{
    padding:40px 15px !important;
    background-size: cover !important;
}
.bannerPremios .txt-inner-banner{
    text-align: center;
}
.bannerPremios p.center{
    font-size: 37px;
    color:#fff !important;
    font-weight: bold;
    font-family: var(--fontCorpo);
    margin-bottom: 20px !important;
}
.bannerPremios img.premiosH{
    max-height: 120px;
    width: auto;
    margin: 15px;
}
.gridTransfer .text-section{
    margin:0 !important;
}
.section-transfer{
    background-image: url(/dms/multiHotel-Demo/hoteles/hotetec-playa/hotel/transfer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 50px 0px;
    width: 100%;
}
 .section-transfer .auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.section-transfer .content_block_2 .content-box {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 23px 20px 32px 30px;
    border-radius: 10px;
    max-width: 370px;
    width: 100%;
}
.section-transfer:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    top: 0px;
    right: 0px;
}
.section-transfer h3{
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 30px !important;
    line-height: 1;
    text-align: left;
    color: #256973 !important;
    font-style: normal;
}
.section-transfer img.img-detail{
    margin-bottom: 20px;
}
.section-transfer .btn-custom{
    background:var(--color-primary);
    margin-left: 15px;
}
.section-transfer .btn-custom:hover{
    background:var(--color-CTA);
}
/*Habitaciones*/

.gridBoxRooms{
    margin-top: 60px;
}
 .swiperRoomsItem .swiper-button-next, .swiperRoomsItem .swiper-container-rtl .swiper-button-prev, 
 .swiperRoomsItem .swiper-button-prev, .swiperRoomsItem .swiper-container-rtl .swiper-button-next{
    top:35px;
    left:auto !important;
 }
 .swiperRoomsItem .swiper-button-next,  .swiperRoomsItem .swiper-container-rtl .swiper-button-prev{
    right:22px !important;
 }
 .swiperRoomsItem .swiper-button-next, .swiperRoomsItem  .swiper-container-rtl .swiper-button-prev,
.swiperRoomsItem .swiper-button-prev, .swiperRoomsItem  .swiper-container-rtl .swiper-button-next,
.swiperUbicacion .swiper-button-next, .swiperUbicacion .swiper-container-rtl .swiper-button-prev,
.swiperUbicacion .swiper-button-prev, .swiperUbicacion  .swiper-container-rtl .swiper-button-next,
.swiper-servicesHotel .swiper-button-next, .swiper-servicesHotel .swiper-container-rtl .swiper-button-prev,
.swiper-servicesHotel .swiper-button-prev, .swiper-servicesHotel  .swiper-container-rtl .swiper-button-next{
    opacity: 1;
    color:#fff;
	transition:.5s all;
}
.swiperRoomsItem .swiper-button-disabled, .swiperUbicacion .swiper-button-disabled,
.swiper-servicesHotel .swiper-button-disabled{
    opacity: .3;
}
 .swiperRoomsItem .swiper-button-prev,.swiperRoomsItem .swiper-container-rtl .swiper-button-next{
    right: 70px !important;
 }
 .gridBoxRooms .btn-price-feed{
    display: inline-block;
    background: var(--color-primary);
    padding: 8px 15px;
    border-radius: 2rem;
    margin: 0 0 15px 15px;
    transition:.5s all;
 }
 .gridBoxRooms .btn-price-feed:hover{
    background:var(--color-CTA);
 }
 .gridBoxRooms .btn-price-feed a{
    color:#fff !important;
 }
 .gridBoxRooms .btn-price-feed a.price_from{
    font-size: 21px !important;
    font-weight: 600;
 }
.gridBoxRooms .box-room{
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 26%) !important;
    display: flex;
    padding: 5rem;
    align-items: center;
}
.gridBoxRooms .box-room h2{
    font-size: 28px !important;
}
.iconBoxRooms{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
.iconBoxRooms>div{
    width: 25%;
    border: 1px solid rgb(0 0 0 / 7%);
    transition: .5s all;
    display: flex;
    justify-content: center;
    align-items: center;
}
.iconBoxRooms>div p.textIconRoom{
    display: none;
}
.iconBoxRooms>div:hover p.iconRoom{
    display: none !important;
}
.iconBoxRooms>div:hover p.textIconRoom{
    display: block !important;
    color:#fff !important;
}
.iconBoxRooms>div:hover{
    background: #7DA9B9;
    border-color: #fff;
}
.iconBoxRooms p{
    text-align: center;
    padding: 15px 5px;
    margin-bottom: 0 !important;
    cursor:pointer;
    transition: .5s all;
}
.iconBoxRooms p img{
    opacity: .4;
}

/*Servicios*/
.pageServicios .imgIntro h3{
    font-family: 'Fira Sans', sans-serif;
    color: white;
    font-style: normal !important;
    font-size: 24px;
    font-weight: 600;
}
.pageServicios .imgIntro .elementBtn{
    z-index:2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
.pageServicios .imgIntro .elementBtn p{
    color:#fff !important;
}
.pageServicios .imgIntro:hover .nameDestinationContainer{
    opacity: 0;
}
.pageDestinos .imgIntro:hover .nameDestinationContainer{
    opacity: 1 !important;
}
/*Contacto*/
.contactHotel .iconContact{
    background: var(--color-primary);
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 15px;
}
.contactHotel p{
    text-align: center;
    color: #fff;
    border-radius: 10px;
    z-index: 1;
    margin-bottom: 0 !important;
}
.contactHotel a{
    color:#fff !important;
}
.contactHotel .redesContact{
    flex-direction: row;
}
.contactHotel img{
    filter:brightness(0) invert(1);
    margin-bottom: 15px;
}
.contactHotel .iconContact:before {
    display: block;
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: .5s all;
    z-index: 0;
}
.contactHotel .iconContact:hover:before{
    background:#164b52;
}
.gridContacto form span{
    color:#333;
    font-family: var(--fontCorpo);
    font-weight: 500;
}
.gridContacto input[type=text], .gridContacto textarea{
    border-color: rgba(0,0,0,.2) !important;
}
.gridContacto input[type=text]{
    height: 50px;
}
.form-wrapper .hTt-form-fieldSet .form-row input[type='text'], .form-wrapper .hTt-form-fieldSet .form-row input[type='password'], .form-wrapper .hTt-form-fieldSet .form-row select {
    border-color: rgb(0 0 0 / 4%) !important;
    background: #f2f1f1;
}
.gridContacto  .form-wrapper .hTt-form-fieldSet textarea {
    border-color: rgb(0 0 0 / 4%) !important;
    background: #f2f1f1;
}
.gridContacto input[type=submit]{
    font-family: var(--fontCorpo);
    background:var(--color-primary) !important;
    transition: .5s all;
    width: 100%;
    font-size: 16px !important;
    border:none !important;
    height: 50px !important;
    padding:10px 15px !important;
}
.gridContacto input[type=submit]:hover{
    background:var(--color-CTA) !important;
}
.pageContacto .mapContact .text-section{
    margin:0 !important;
}

/*Ubicación*/

.pageUbicacion .imgIntro img{
    max-height: 450px;
}
.pageUbicacion .elementBtn a{
    margin-top: 15px;
}
.swiperUbicacion{
    height: auto !important;
    margin-top: 20px;
    padding-top:60px;
}
.swiperUbicacion .swiper-pagination{
    position:relative !important;
    margin-top: 25px;
}
.swiperUbicacion .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: rgb(0 0 0 / 18%);
    opacity: 1;
    border: 1px solid rgb(255 255 255 / 35%);
}
.swiperUbicacion .swiper-pagination-bullet-active{
    background:var(--color-CTA) !important;
}
.swiperUbicacion .swiper-button-next, .swiperUbicacion .swiper-container-rtl .swiper-button-prev, 
.swiperUbicacion .swiper-button-prev, .swiperUbicacion .swiper-container-rtl .swiper-button-next,
.swiper-servicesHotel .swiper-button-next, .swiper-servicesHotel .swiper-container-rtl .swiper-button-prev, 
.swiper-servicesHotel .swiper-button-prev, .swiper-servicesHotel  .swiper-container-rtl .swiper-button-next{
   top:25px;
   left:auto !important;
}
.swiperUbicacion .swiper-button-next,  .swiperUbicacion .swiper-container-rtl .swiper-button-prev,
.swiper-servicesHotel .swiper-button-next,   .swiper-servicesHotel .swiper-container-rtl .swiper-button-prev{
    right:22px !important;
 }
 .swiperUbicacion .swiper-button-prev,.swiperUbicacion .swiper-container-rtl .swiper-button-next,
 .swiper-servicesHotel .swiper-button-prev,.swiper-servicesHotel .swiper-container-rtl .swiper-button-next{
    right: 75px !important;
 }
.pageUbicacion .contentBootstrapTab.normal .tabbable{
    margin-bottom: 0 !important;
}
.pageUbicacion .block-intro{
    padding:0 !important;
}
/*Media queries Ficha Hotel*/
@media(min-width:768px){
    .gridBoxRooms>.hTt-container-fluid>.row{
       display: flex;
       align-items: stretch;
    }
    .gridContacto>.hTt-container-fluid>.row{
        display: flex;
        align-items: center;
    }
    .gridBoxRooms .swiperMain,.gridBoxRooms .swiperMain .swiper-slide>div,
    .gridBoxRooms .swiperMain .swiper-slide figure,.gridBoxRooms .swiperMain .swiper-slide img,
    .gridBoxRooms .col-sm-6>.item,.gridBoxRooms .box-room{
       height: 100%;
    }
    .gridBoxRooms .swiperMain .swiper-slide img{
     object-fit: cover;
    }
 }
 @media(max-width:767px){
    .section-transfer .content_block_2 .content-box {
        margin:0 auto;
    }
    .contentNavigation.normal .select-contentNavigation{
        width: 90%;
        margin:0 auto;
        background: var(--color-primary);
        border:none !important;
        color: #fff;
        padding: 0 10px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 500;
        text-align: center;
    }
    #section.fichaHotel .hTt-container-fluid.contentNavigation.normal .nav-pills{
        background-color: var(--color-primary);
   }
    .iconBoxRooms div{
        width: 50%;
    }
    .pageHotel .gridChooseHotel{
        margin-top:50px !important;
    }
    .swiper-servicesHotel .inner-box{
        bottom:-5%;
        left:0;
        top:auto;
        margin-left: 0;
        max-width: 250px;
        padding:15px !important;
        background-color:rgba(37,105,115,.8);
    }
    .swiper-servicesHotel{
        padding-top: 80px;
    }
 }

/*DESTINOS*/


.pageDestinos .swiperUbicacion img{
    max-height: 300px;
}
.pageDestinos .imgIntro .elementBtn{
    height: auto !important;
}
.pageDestinos .swiperRoomsItem{
    margin-top: 30px;
    height: auto !important;
}
.pageDestinos .swiperRoomsItem .swiper-scrollbar{
    position:relative !important;
    margin-top: 25px;
}

/* OFERTAS*/
.conditionsOffer .hTt-container-fluid{
    padding:30px;
}
.conditionsOffer ul{
    background:transparent;
    padding-left: 30px !important;
}
.conditionsOffer .btn-custom{
    margin-left: 30px !important;
}
.conditionsOffer ul li{
    font-size: 17px !important;
    color:#333 !important;
    background: none;
}
.conditionsOffer ul li:before{
    top: 50%;
    transform: translatey(-50%);
    content: "\e072";
    margin-right: 8px;
    font-size: 9px;
    color: #256973;;
    font-family: 'Glyphicons Halflings';
}
.pageOfertas .caption-offer{
    height: unset;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 20;
    padding: 19px;
    background-color: rgb(0 0 0 / 50%);
}
.pageOfertas .caption-offer h3{
    font-size: 21px;
    coloR: white;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-bottom: 13px;
    font-family:'Fira Sans', sans-serif !important;
}
.pageOfertas .box-offer{
    position: relative;
    box-shadow: 0px 10px 20px 0 rgb(0 0 0 / 28%);
    overflow: hidden;
}
.pageOfertas .btn-white{
    color:#fff !important;
    border-color: #fff !important;
}
.pageOfertas .btn-white:hover{
    background:#ffcf30;
    border:none;
}
.pageOfertas .box-offer svg{
    color:#ffcf30 !important;
}
.pageOfertas .box-offer figure {
    position: relative;
    display: block;
    overflow: hidden;
}
.pageOfertas .box-offer figure img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    filter: brightness(.9);
    transition: all .5s;
    max-height: 450px;
}
 /**Medias**/
 
@media (max-width: 767px) {
    .w80{
        width:100%;
    }
    .motor {
        position: relative;
        bottom: 0;
    }
    .swiperHeroHome {
        height: 65vh;
    }
    .description-offers {
        position: relative;
        background-color: rgb(37 105 115);
        padding: 1.4rem 0rem;
    }
    .swiperHeroHome p.text {
        font-size: 15px;
    }
    .swiperHeroHome .caption {
        top: 25%;
    }
    .swiperHeroHome .swiper-button-next,.swiperHeroHome .swiper-container-rtl .swiper-button-prev{
        top: 90%;
        right:25px;
    }
    p.sub-title {
        font-size: 19px !important;
    }
    .boxHeader{
        bottom:5rem;
    }
    .boxHeader span{
        line-height: 24px;
    }
    .imgIntro img.image-bg {
        height: 300px;
    }
    h2, .text-section h2 {
        font-size: 29px !important;
        padding: 0;
    }
    #hoteles h3 {
        padding: 0;
    }
    #hoteles {
        padding: 60px 0 10px;
    }
    #hoteles p, .textIntro p {
        padding: 0;
    }
    .hoteles-destacados .name-hotel h3 {
        font-size: 2rem !important;
    }
    .description-offers .desc-items .block-item {
        flex-direction: column;
    }
    #logo a img, #logo-mobile a img {
        max-width: 120px;
    }
    .hoteles-destacados .thumbnail img {
        height: 300px;
    }
    .hoteles-destacados .col-md-12.section-title {
        padding: 0px !important;
    }
    section#gridBg100_ac593a3a-220f-4cdf-aa11-8a8949c46a0a:after {
        bottom: 0%;
    }
    #hoteles .btn, .textIntro .btn {
        margin: 10px 0px 0 0px;
    }
    img.img-detail {
        position: relative;
        margin-left: 0;
        margin-bottom: 7vh;
        margin-top: 3vh;
    }
    header .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        width: 30px;
        height: 4px;
        border-radius: 3px;
    }
   .swiperHeroHome .swiper-button-prev,.swiperHeroHome .swiper-container-rtl .swiper-button-next{
        top: 90%;
        left:25px;
    }
    .intro h1, .swiperHeroHome h1, .swiperHeroHome h2 {
        font-size: 2.6em !important;
    }
    .bs-navbar-side-menu #hTtLangMenu li ul li a {
        background: #1a444a !important;
    }
    .bs-navbar-side-menu .side-menu li a {
        border-top: 0px;
    }
    .bs-navbar-side-menu #hTtLangMenu li a {
        background-color: #1a444a !important;
        color: white !important;
        font-size: 13px;
    }
    a.mainTag.iDeviceCustomLink:after {
        font-size: 9px;
        top: 23px;
        right: 5px;
    }
    .bs-navbar-side-menu #hTtLangMenu li ul {
        background-color: #1a444a !important;
    }
    .experiences, .padd-grid.hoteles-destacados {
        padding: 40px 20px;
        margin-top: 3vh;
    }
    #segurorelax p {
        font-size: 17px ;
    }
    .offer-6md {
        margin-bottom: 20px;
    }
    .footer h3 {
        font: 22px/34px 'Fira Sans', sans-serif !important;
        min-height: auto;
    }
    .footer {
        padding: 10px 0 0 0;
    }
    .footer-base .col-md-4 {
        margin: 40px 0;
    }

    #vacaciones p {
        font: 300 17px 'Fira Sans', sans-serif;
    }
    .swiper-container.swiperMain.swiperOpinions p {
        font-size: 15px;
        line-height: 24px;
    }
    #vacaciones .section-title h2 {
        font-size: 23px !important;
        margin-bottom: 10px;
    }
    #ideas .overlay {
        padding: 60px 0 0;
    }
    #vacaciones {
        width: 80%;
        margin: 0 auto;
    }
    section#gridBg100_047b778e-020d-4111-a729-00ab1b58777c:before {
        top: -16.5rem;
    }
    #ideas h2, #ideas p {
        padding: 0;
    }
    #ofertas .overlay {
        padding: 60px 0 0px 0;
    }
    #ofertas p {
        padding: 0;
    }
    .wrapOfferInfo {
        padding: 10px;
    }
    img.offerimg {
        height: 250px;
    }
    #segurorelax .section-title h2 {
        margin-bottom: 13px;
    }
    p.copyright, .copyright a {
        padding-top: 0;
        line-height: 20px !important;
    }
    #site-info {
        padding: 0;
    }
    .footer .social {
        margin: 0px 0 0px 0;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
        padding-bottom: 18px;
    }
    #site-info #site-info-box #nav-split-down {
        padding: 10px 0 0px 0;
        background: #16454c;
    }
    .pageDestinos .swiperRoomsItem img{
        min-height: 300px;
        object-fit: cover;
    }
    
}