/* Color scheme */

/*-------- 3.1 Preloader --------*/
[data-loader="circle-side"] {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	-webkit-animation: circle infinite .95s linear;
	-moz-animation: circle infinite .95s linear;
	-o-animation: circle infinite .95s linear;
	animation: circle infinite .95s linear;
	border: 2px solid #cc0066;
	border-top-color: rgba(0, 0, 0, .2);
	border-right-color: rgba(0, 0, 0, .2);
	border-bottom-color: rgba(0, 0, 0, .2);
	border-radius: 100%;
}
.logoDirecciones{
    position: relative;
    z-index: 999;	
}

.tituloIncluyes{
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #fff;
    width: 100%;
    background: #cc0066;
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    display: block;
	width: 300px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
}	

/*-------- 1.2 Buttons --------*/
	a.button_intro_2,
	.button_intro_2 {
		background: #cc0066;
	}
	a.button_intro_2:hover,
	.button_intro_2:hover {
		color: #cc0066 !important;
	}
	a.btn_full,
	.btn_full {
		background: #cc0066;
	}
	a.btn_full:hover,
	.btn_full:hover {
		background: #333;
	}
	a.btn_1,
	.btn_1 {
		background: #cc0066;
	}
	a.btn_1:hover,
	.btn_1:hover {
		background: #333;
		color: #fff;
	}
	a.btn_1_outline,
	.btn_1_outline {
		color: #cc0066;
		border: 2px solid #cc0066;
	}
	a.btn_1_outline:hover,
	.btn_1_outline:hover {
		background: #333;
		border: 2px solid #333;
		color: #fff;
	}
	/*General links color*/
	a {
		color: #cc0066;
	}
	a:hover,
	a:focus {
		color: #333;
	}
/*============================================================================================*/
/* MENU */
/*============================================================================================*/

	ul#tools_top li a.search-overlay-menu-btn:hover {
		color: #cc0066;
	}
	/*First level styles */			
	.main-menu > ul > li:hover > a {background-color:#cc0066;}

@media only screen and (min-width: 992px) {
	
	/* Submenu style*/
	.main-menu ul ul li:hover > a {background-color:#f9f9f9;color:#cc0066;}
	/* Megamenu */
	.main-menu ul li.megamenu .menu-wrapper {border-top: 2px solid #cc0066;}
}

@media only screen and (max-width: 991px) {
	#header_menu{background:#fff url(../img/pattern_3.png) repeat;}
	.main-menu ul li a:hover,
	a.show-submenu:hover,
	a.show-submenu:focus,
	a.show-submenu-mega:hover,
	a.show-submenu-mega:focus{color:#cc0066 !important;background-color:#f9f9f9;}	
}
/*============================================================================================*/
/* end MENU */
/*============================================================================================*/

	h2 span,
	h3 span,
	h4 span,
	h5 span,
	h6 span {
		color:#ff3366;
	}
	#top_line {
		background: #DE5870 url(../img/pattern_3.png) repeat;
	}
	
	#tickets.table tr.total_row {
		color: #cc0066;
	}
	
	#tickets.table td input#total {
		color: #cc0066;
	}
	
	.indent_title_in i {
		color: #cc0066;
	}
	
	.bloglist ul li a:hover,
	.bloglist h4 a:hover {
		color: #cc0066;
	}
	.owl-theme .owl-dots .owl-dot.active span,
	.owl-theme .owl-dots .owl-dot:hover span {
		background: #cc0066;
	}
	.pagination > li > a:hover,
	.pagination > li > span:hover {
		background-color: #cc0066 !important;
		border-color: #cc0066 !important;
		color: #ffffff !important;
	}
	.list_tours ul li a .price_list {
	color: #ff3366;
	}
	.list_tours ul li a .price_list:hover {
		color: #ff3366;
	}
	.short_info strong {
		background-color: #ff3366;
	}
	.price_grid {
		background-color: #cc0066;
	}
	.banner {
		background: #cc0066 url(../img/pattern_3.png) repeat;
	}
	.panel-title a .indicator {
		color: #cc0066;
	}
	.box_style_2 h3{
		background-color:#cc0066;
	}
	.box_style_2 h3 span{
	color: #FF9;
}


/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.promo_full{
	background: url("../img/reviews.jpg") no-repeat center center;
}
.ReviewBackground__Container-sc-1jrpbkc-0, .TabsContainer__Inner-sc-b17bl4-0{
	background-color: rgba(0,0,0,0.5) !important;
}
.yellow{
	color: orange;
}
.tab-pane{
	min-height: 400px;
}
.price{
	text-align: right;
}
.event a {
    background-color: #F58220 !important;
    color: #ffffff !important;
}
.eventBooking a{
    background-color: #ff00aa !important;
    color: #ffffff !important;    
}
.d-none{
	display: none;
}
.text-decoration-line-through {
	text-decoration: line-through;
}
.precios{
	font-size: 0.9em;	
}
#contieneprecios table{
	font-size: 0.8em;
}
.tituloContacto{
	color: #cc0066;
}
.linkcontacto{
	color: #333 !important;
}
.img-responsive{
	max-width: 100%;
}
.nombreAfiliado{
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 1.8em;
    color: #fff !important;
    font-weight: normal;
}
.nombreAfiliadoCel{
    display: block;
    font-family: 'Satisfy', cursive;
    font-size: 1.8em;
    color: #ff3366 !important;
    font-weight: normal;	
    margin-top: 10px;
    margin-right: 10px;	
	display: none;
}
#whatsIcon {
    position: fixed;
    bottom: 60px;
    right: 10px;
    cursor: pointer;
    display: none;
	z-index: 99999;
}
.btn-whatsapp-icon {
    font-size: 29px;
    float: left;
    margin-top: -5px;
    margin-left: 7px;
}

@media only screen and (max-width: 400px) {
	.mt-cel{
		margin-top: 15px;
	}
	.nombreAfiliadoCel{
		display: block;
	}
	.logoDirecciones{
		margin-bottom: 20px;
	}
}