/* ====================================================================================================
	MINIMAL CSS3 MENU
==================================================================================================== */
.sticky .cmn-toggle-switch span::before, .sticky .cmn-toggle-switch span::after, .sticky .cmn-toggle-switch span {
    background-color: #333;
}.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #100c0c;
    content: "";
}
.main-menu {position: relative;z-index:9;width:auto; float:left;   	text-transform: capitalize;   text-align: center; margin: 0; padding-top: 2px;}
.main-menu a {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.main-menu ul,
.main-menu ul li,
.main-menu ul li a {position: relative; margin: 0;padding: 0;}

/* Submenu styles */
.main-menu ul li a {display: block;padding:10px;}
			
/*First level styles */			
.main-menu > ul > li > a {color: #000000; padding: 15px 10px 15px  10px; font-size:18px; margin:0; font-weight:700;}
.main-menu > ul > li:hover > a { color: #000000;}

/*First level styles header 
header.sticky .main-menu > ul > li > a, header#plain .main-menu > ul > li > a {color: #333;}  */		

/* Opacity mask when left open */
.layer {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	min-width: 100%; 
	z-index: 100; 
	min-height: 100%; 
	background-color: #000000;  
	z-index:9;
	background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    opacity: 0;
    visibility: hidden;
}
.layer-is-visible {
	   opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

#close_in,#header_menu, .cmn-toggle-switch{display:none ; }	

a.dropdown-toggle.icon-search{display: inline-block; background-color: #9797a6;}	

/* IE9 fix that affect the pages with parallax header (ex.single_hotel.html); Issue: submenu disappear when move the cursor to the submenu (only if you did not scroll the page) */
.ie9 a.show-submenu, .ie9 a.show-submenu-mega{ background:url(../img/fix_ie_9_menu.png);}
		
/* All styles for screen size over 992px
================================================== */
@media only screen and (min-width: 992px) {
ul#access_top li a  {
    color: #000000;
    background-color: #0076ED;
}

header .container-fluid {
   margin-top: 5px;
}		
	
.main-menu {width: 100%;}  /*  auto  */
.main-menu a {white-space: nowrap;}	
.main-menu ul li {display: inline-block;}

.main-menu ul li.submenu:hover > a:before,
.main-menu ul li.submenu:hover > a:after {bottom: -20px;opacity: 0;}
		
/* Submenu */
.main-menu ul ul,
.main-menu ul .menu-wrapper {position: absolute;display: none;z-index: 1;height: auto;left: 0;top: 100%;margin: 0;padding: 0;background: #404042;min-width:190px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}

/* Submenu 3rd level */
.main-menu ul ul ul,
.main-menu ul ul .menu-wrapper {position: absolute;border-top: 0;display: none;z-index: 1;height: auto;left: 100%;top: 0;margin: 0;padding: 0;background: #404042;min-width:170px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}	

/* Arrows top */
.main-menu ul ul:before{bottom: 100%;left: 15%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #000000;border-width: 7px;margin-left: -7px;}

/* Arrows top 3rd level*/
.main-menu ul ul ul:before{border-width: 0;margin-left: 0;}

.main-menu ul .menu-wrapper ul {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top: none; margin:0; padding:0;}
.main-menu ul .menu-wrapper ul:before{border:0;}

.main-menu ul li:hover > ul,
.main-menu ul li:hover > .menu-wrapper {display:block;padding: 0;}
.main-menu ul ul li {display: block;height: auto;padding: 0;}		
.main-menu ul ul li a {font-size: 13px;color: #333;border-bottom:1px solid #CCCCCC;display: block;}
.main-menu ul ul li:last-child a {border-bottom:none;}

.main-menu ul ul li:hover > a {background-color:#535355;color:#0076ED; padding-left:15px;}

.main-menu ul .menu-wrapper ul {position: relative;display:block;}
.main-menu ul .menu-wrapper ul {margin-bottom:15px;left: 0;}

a#search_bt span{ display:none;}
	
}


@media only screen and (max-width: 991px) {
	

	
#header_menu{text-align:center;padding:25px 15px 25px 15px;position:relative;display:block; background-color:#404042;}
#header_menu img {	    width: 125px;  }
	
/* .main-menu ul li a:hover,
a.show-submenu:hover,
a.show-submenu:focus,
a.show-submenu-mega:hover,
a.show-submenu-mega:focus{ !important;background-color:#06060B; }	*/
	
.main-menu ul li  {border-top: none;border-bottom: 1px solid #CCCCCC;color: #000000;}

/* Menu mobile first level */	
.main-menu ul li a  {padding:10px 15px !important;}

.main-menu h3 {font-size: 12px; line-height:14px;margin: 10px 0 0 0;padding: 0 0 15px 15px;color: #333;text-transform:uppercase;}
.megamenu .menu-wrapper > div {padding:0;}	
	
.main-menu li,
.main-menu a {display: block; }
.main-menu li {position: relative;}
	
.main-menu a:hover {color:#000000 !important;}
	
.main-menu ul > li {    padding: 7px 0;}


/* Menu mobile second level */	
.main-menu ul li.submenu ul{font-size: 13px;border-left:1px solid #CCCCCC;margin:0 0 15px 25px;}
.main-menu ul li.submenu ul li{font-size: 13px;border:0;}


/* Menu mobile left panel */	
.main-menu {overflow: auto;left: -100%;bottom: 0;width: 300px;height: 100%;opacity: 0;position:fixed;background-color:#404042;
transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -o-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
z-index:9999;
-webkit-box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.95);
-moz-box-shadow:    6px 6px 10px 2px rgba(0, 0, 0, 0.95);
box-shadow:         6px 6px 10px 2px rgba(0, 0, 0, 0.95);}
	
	

.main-menu.show {visibility: visible;left: 0;opacity: 1; z-index: 0; top: 80px;}
.main-menu .show-submenu + ul,
a.show-submenu-mega + .menu-wrapper{display: none;visibility: hidden;}
a.show-submenu-mega + .menu-wrapper.show_mega,
.main-menu a.show-submenu + ul.show_normal  {display: block;visibility: visible;}
	
/* Hamburger menu button*/
.cmn-toggle-switch {
  display:block;
  overflow: visible;
  position:absolute; 
  top: 18px;
  right: 3px;
  margin: 0;
  padding: 0;
  width: 24px;
  height:23px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.cmn-toggle-switch:focus {outline: none;}
.cmn-toggle-switch span {display: block;position: absolute;top: 10px;left: 0;right: 0;height: 2px;background: #9797a6;}
header#plain .cmn-toggle-switch span {background: #9797a6;}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {position: absolute;display: block;left: 0;width: 100%;height:2px;background-color: #9797a6; content: "";}
header#plain .cmn-toggle-switch span::after, header#plain .cmn-toggle-switch span::before {background: #9797a6;}

.cmn-toggle-switch span::before {top: -10px;}
.cmn-toggle-switch span::after {bottom: -10px;}

.sticky .cmn-toggle-switch span::before,
.sticky .cmn-toggle-switch span::after,
.sticky .cmn-toggle-switch span {  /*- background-color: #D9DDE0; -*/ }

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after { -webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0;transition-delay: 0.3s, 0;}
.cmn-toggle-switch__htx span::before { -webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}
.cmn-toggle-switch__htx span::after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span{background:none !important;}
.cmn-toggle-switch__htx.active span::before {top: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.cmn-toggle-switch__htx.active span::after {bottom: 0;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;}

}
@media only screen and (max-width: 767px) {

}	
@media only screen and (max-width: 600px) {
.main-menu {width: 300px;}
a#close_in {display:block;position:absolute;right:15px;top:10px;width:24px;height:24px;}
#close_in i{color:#000 !important;font-size:24px;}

}


/**
 * Agregado desde addCSS5
 */
.theiaStickySidebar:after {
	content: "";
	display: table;
	clear: both;
}

.desktop-logo {
    display: block;
	padding: 10px 0;
    position: relative;
	    z-index: 2;
}
.desktop-logo .logo {
    height: 70px;
}

.d-none {
    display: none!important;
}
.header {
    z-index: 9;
    position: relative;
}
.header.default {
    padding-bottom: 20px;
    padding-top: 0;
    margin-bottom: -20px;
	width: 100%;
    position: fixed;
}
.header-left-bg {
    position: relative;
}
.header-left-bg:before {
    position: absolute;
    content: "";
    top: 0;
    right: 6px;
    
	background: linear-gradient(0deg, rgba(200,200,208,1)
		0%, rgba(255,255,255,1) 100%);
    width: calc(1100% - -100%);
    height: 100%;
	    z-index: 1;
    transform: skew(20deg);
}



.header-right-bg:before {
    position: absolute;
    top: 0;
    left: -4%;
    background: #9797A6;
    width: 200%;
    transform: skew(20deg);
    content: "";
    z-index: -1;
    height: calc(100% - -20px);
	box-shadow: black 2px 2px 5px;
}

.header.default:before {
    position: absolute;
    top: 0;
    left: 35%;
    background: #000000;
    width: calc(100% - 35%);
    content: "";
    z-index: -1;
    height: calc(100% - 0px);
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    /* display: flex;
    flex-wrap: wrap; */
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.rowFluid {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.flexy {flex: 0 0 auto;     height: 100px;}



.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    /* padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto; */
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



.header.default {
    padding-bottom: 20px;
    margin-bottom: -20px;
	    height: 100px;
}

.banner .banner-image {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 0;
}

.banner .banner-content {
    padding: 160px 0;
    position: relative;
    z-index: 1;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.banner-home {
    margin-bottom: -20px;
    padding-bottom: 20px;
}


.position-relative {
    position: relative!important;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.navbar {
    padding: 0;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar .navbar-nav .nav-item.active .nav-link {
    color: #4ACDFF;
}
.navbar .navbar-nav .nav-link {
    font-weight: 700;
    font-size: 16px;
    padding: 10px 20px;
    color: #333333;
    text-transform: uppercase;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow .15s ease-in-out;
}
.header .navbar-nav li > a {
    align-items: center;
    display: flex;
    padding: 3px 0px;
    color: #333333;
    text-transform: capitalize;
    font-size: 14px;
}

.header .navbar-nav > li {
    display: flex;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #4ACDFF,
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
[role=button] {
    cursor: pointer;
}

.header .topbar {
    background: #000000;
    padding: 10px 0;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 18px;
}

.header .topbar a {
    color: #333333;
}

.header .topbar .login {
    display: inline-block;
}


.text-center {
    text-align: center!important;
}
.align-items-center {
    align-items: center!important;
}

.d-block {
    display: block!important;
}

.me-3 {
    margin-right: 1rem!important;
}
.d-inline-block {
    display: inline-block!important;
}
.pe-1 {
    padding-right: 0.25rem!important;
}

.me-auto {
    margin-right: auto!important;
}
.d-inline-block {
    display: inline-block!important;
}

.fa, .fas {
    font-weight: 700;
}
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free";
}

.d-none {
    display: none!important;
}
.header .topbar .social {
    display: inline-block;
}

.mx-2 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;
}
a {
    outline: medium none !important;
    color: #4ACDFF;
    transition: all 0.3s ease-in-out;
    text-decoration: none !important;
}
a {
    color: #4ACDFF;
    text-decoration: underline;
}

.header .topbar .social ul {
    margin: 0;
}

.header .topbar .social ul li {
    display: inline-block;
    padding: 0 4px;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol, ul {
    padding-left: 2rem;
}
*, ::after, ::before {
    box-sizing: border-box;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
} }

@media (max-width: 991px) {
.header.default .navbar-toggler, .header.header-light .navbar-toggler {
    color: #cc3333;
} }
@media (max-width: 991px) {
.navbar-toggler {
    border: none;
    position: absolute;
    height: 75px;
    right: 0;
} }

@media (max-width: 991px) {
.header .topbar .social {
    margin-right: 0;
} }

@media (min-width: 768px) {
.d-md-flex {
    display: flex!important;
} }

@media (min-width: 992px) {
.d-lg-block {
    display: block!important;
} }


@media (min-width: 992px) {
.col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
} }


@media (max-width: 991px) {
.header.default .navbar-brand {
    display: block;
} }

@media (max-width: 991px)
.navbar-brand img { {
    height: 34px;
} }

@media (max-width: 991px){
.header.default .navbar-brand {
    display: block;
} }


@media (min-width: 1200px) {
.container {
    max-width: 100%;
	transition: all 0.2s ease;
} }

@media (max-width: 1199px) {
.header .container {
    max-width: 96%;
	    transition: all 0.2s ease;
} }

@media (min-width: 992px) {
.col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
} }

@media (max-width: 991px) {
.header .header-left-bg {
    display: none;
} }



@media (max-width: 991px) {
.header-right-bg:before {
    left: 0;
    height: 100%;
    transform: inherit;
} }


@media (max-width: 991px) {
.header.default {
    padding: 0;
} }

@media (max-width: 991px) {
.navbar-brand img {
    height: 34px;
} }


@media (max-width: 991px) {
.header .topbar {
    margin-bottom: 0;
} }

@media (min-width: 992px) {
.navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
} }

@media (min-width: 768px) {
.navbar-static-top {
    border-radius: 0;
} }

@media (min-width: 992px) {
.navbar-expand-lg .navbar-toggler {
    display: none;
} }


@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
} }

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
} }


/*------- modified -------*/

.main-menu > ul > li > a {
    color: #D9DDE0;
	padding: 5px 5px 10px;
	text-transform: uppercase;
}


.joinMenu {
    border: 2px solid #aa0069!important;
    background-color: #ff1fb0!important;
}

img.logo_normal {
   width: 200px;
}



header {
    padding: 0px 10px;
    background-color: #4ACDFF;
}

@media only screen and (max-width: 991px)  {
.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
	background-color: #9797A6; }

.cmn-toggle-switch span {
    /*- background: #9797A6;  -*/
}


.main-menu {
   top: 80px!important;
}

}

.main-menu {
   top: 0; }

.circleIcon {
    border-color: #D9DDE0;
	color: #4ACDFF!important;
}

.circleIcon2 {
    border: 2px solid #92b4bd;
}

.circleIcon3 {
    border: 2px solid #92b4bd;
}


@media (max-width: 480px) {
.logo img {
    height: 55px!important;
    margin-top: 10px!important;
} }


.pad1 {
	padding: 5px 10px;
}

.slant:after {
    position: absolute;
    content: "";
    top: 0;
    width: 80%;
    left: 240px;
    
    background: #9797A6;
    height: 110%;
    z-index: 1;
    transform: skew(20deg);
}