/*--- CSS para IBE Tours - Art2Fly 2023 
 -------------------------------------*/

.main-menu {position: relative;z-index:9;width:auto; text-align:right;}
.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;}
.main-menu .col-md-4 {padding-left: 20px; padding-right: 20px;}
/* Submenu styles */
.main-menu ul li a {display: block;}
			
/*First level styles */			
.main-menu > ul > li > a {text-decoration: none;}
.sticky .main-menu > ul > li > a {/* color: #555; */}
.main-menu > ul > li:last-child > a {padding-right: 0;}
.main-menu > ul > li:hover > a {color: rgb(108, 181, 241);}

/*First level styles header plain */		
header#plain .main-menu > ul > li > a {color: #333;}
header#plain .main-menu > ul > li:hover > a {color: rgba(51,76,114,.9);}

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


/* Opacity mask when left open */
.layer {display: none;position: fixed;top: 0;left: 0;width: 100%;min-width: 100%;z-index: 100;min-height: 100%;background-color: #000;opacity: 0;z-index: 999;}
.layer-is-visible {display: block;-webkit-animation: fade-in-layer .3s;-moz-animation: fade-in-layer .3s;-ms-animation: fade-in-layer .3s; -o-animation: fade-in-layer .3s;animation: fade-in-layer .3s;opacity: 0.5;}

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

a.dropdown-toggle.icon-search{display: inline-block;}	

/* 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(../images/fix_ie_9_menu.png);}

/* All styles for screen size between 992px and 1200px
================================================== */
@media (min-width: 992px) and (max-width: 1200px) {	
	/* First level styles */			


}

		
/* All styles for screen size over 992px
================================================== */
@media only screen and (min-width: 992px) {
	
.main-menu {width: 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;}

.main-menu ul li.submenu .menu-wrapper {text-align: left;}
.main-menu ul li.submenu ul li { text-align: left;}		


/* Submenu */
.main-menu ul ul,
.main-menu ul .menu-wrapper {position: absolute; border-top: 3px solid rgba(51,76,114,1.0);display: none;z-index: 1;height: auto;left:9px;top: 100%;margin: 0;padding: 0;background: #fff;min-width:210px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}

/* Submenu 3rd level v.1.4 */
.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: #fff;min-width:190px;-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: calc(100% + 3px);left: 37px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: rgba(51,76,114,1.0);border-width: 7px;margin-left: -7px;}
.main-menu .megamenu #tours-li:before {bottom: calc(100% + 3px);right:260px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: rgba(51,76,114,1.0);border-width: 7px;margin-left: -7px;}
.main-menu .megamenu #transfers-li:before {bottom: calc(100% + 3px);right:320px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: rgba(51,76,114,1.0);border-width: 7px;margin-left: -7px;}
.main-menu .megamenu #programas-li:before {bottom: calc(100% + 3px);right:320px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: rgba(51,76,114,1.0);border-width: 7px;margin-left: -7px;}

/* Arrows top 3rd level v.1.4*/
.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: #666;border-bottom:1px solid #ededed;display: block;}
.main-menu ul ul li:last-child a {}
.main-menu ul ul li:hover > a {background-color:#efefe5;color:#222; padding-left:15px;}

/* Megamenu */
.main-menu ul li.megamenu {position:relative}
.main-menu ul li.megamenu .menu-wrapper {position: absolute;top: 100%;width:1140px;float:left;left:auto;right:0;padding:18px 25px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.main-menu ul li.megamenu .menu-wrapper.mini {width:640px;}
.main-menu ul .megamenu ul li a { padding:6px 20px 6px 0px;}
.main-menu ul .menu-wrapper h3 {font-size: 14px;text-transform:uppercase;border-bottom:1px solid #ededed;padding-bottom:14px;margin-bottom:0; color:#555;}
.main-menu ul .menu-wrapper ul {position: relative;display:block;}
.main-menu ul .menu-wrapper ul {margin-bottom:40px;left: 0;}
.main-menu #tours-li {width: 850px; left:-550px;}	
.main-menu #transfers-li {left:-270px;}	
.main-menu #promociones-li {left:-100px;}	
.main-menu #programas-li {left:-260px;}	
.main-menu #promociones-li {left:-16px; min-width:240px;}	
.main-menu ul ul#promociones-li:before {left:70px;}

}

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

/* Menu mobile first level */	
#header_menu{text-align:center;padding:25px 15px 10px 15px;position:relative;display:block;z-index: 9999;}

header .main-menu h3 {font-size: 14.5px; line-height:16px;margin: 0;padding:0px;color: #333;text-transform:uppercase;}
	
header .main-menu a {display: block;color:#333 !important;}

header .main-menu ul {margin:40px 20px;border-top: 1px solid #333;}
header .main-menu ul li {display: block;color:#333 !important;position: relative;padding-bottom: 0;border-top: none;border-bottom: 1px solid #ededed;color: #fff;}
header .main-menu ul li:hover {font-weight: 600;background-color: #e1f0fd;}	
header .main-menu ul li a  {color:#333 !important;font-size: .8em !important;text-align: center;text-decoration: none;}
header .main-menu ul li {padding: 2em 0 !important;}
header .main-menu ul li a#total-items-carro {padding: 2em 0 !important;}
header .main-menu ul li:last-child {
    border-left: none !important;
}

/* Menu mobile left panel */	
.main-menu {overflow: auto;left: -100%;bottom: 0;width: 40%;min-width: 400px;height: 100%;opacity: 0;position:fixed;background-color:#fff;-webkit-transition:	left 0.8s, opacity 0.5s;-moz-transition:	left 0.8s, opacity 0.5s;transition:left 0.8s, opacity 0.5s;z-index:999999;-webkit-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.55);-moz-box-shadow:1px 0px 5px 0px rgba(50, 50, 50, 0.55);box-shadow:1px 0px 5px 0px rgba(50, 50, 50, 0.55);}

header {z-index: 9999 !important;}
.main-menu.show {visibility: visible;left: 0;opacity: 1;text-align: center;}
.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;}
.main-menu.show img {width: 80%;height: auto;margin: 5% 10%;}

/* Hamburger menu button*/
.cmn-toggle-switch {
  position: relative;
  display:block;
  overflow: visible;
  position:absolute; 
  top:0;
  right:20px;
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}
a.cmn-toggle-switch.cmn-toggle-switch__htx.open_close {margin-top: 12px;}
#header.sticky a.cmn-toggle-switch.cmn-toggle-switch__htx.open_close {margin-top: 20px;}
.cmn-toggle-switch:focus {outline: none;}
.cmn-toggle-switch span {display: block;position: absolute;top: 10px;left: 0;right: 0;height: 2px;background:#999;}

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

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

/* Header plain */
header#plain .cmn-toggle-switch span::before,
header#plain .cmn-toggle-switch span::after,
header#plain .cmn-toggle-switch span,
header#plain.sticky .cmn-toggle-switch span::before,
header#plain.sticky .cmn-toggle-switch span::after {background-color: #333;}


/* Header transparent colored */
header#colored.sticky .cmn-toggle-switch span::before,
header#colored.sticky .cmn-toggle-switch span::after, header#colored.sticky .cmn-toggle-switch span {background-color: #fff;}


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

/* Alternativa */
/* 
.cmn-toggle-switch__htx span {
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.cmn-toggle-switch__htx.active span {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
 */

.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: 480px) {
	
.main-menu {width: 100%;}
  a.cmn-toggle-switch.cmn-toggle-switch__htx.open_close {margin-top: 0;right: 0;cursor: pointer;}
  a#close_in {display:block;position:absolute;right:25px;top:10px;width:20px;height:20px;}
  #close_in i{color:#333 !important;font-size:1.5em;}

}