/*
====================
    HEADER
====================
*/

/* Top menu */
.top-menu {
	background: var(--blue-top-menu);
}

.top-menu-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-menu-nav ul {
	padding: 0;
	margin: 0;
}

.top-menu-nav ul li {
	display: inline-block;
}

.top-menu-nav ul li a {
	/* font-family: Montserrat-SemiBold; */
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 10px 7.5px;
	display: block;
}
.top-menu-nav ul li a:hover {
	color: var(--green);
}

.top-menu-nav ul li a.btn-whatsapp {
	position: relative;
	/* font-family: Montserrat-SemiBold; */
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	text-transform: none;
	background: var(--green);
	margin-left: 10px;
}

.top-menu-nav ul li a.btn-whatsapp .hover {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	width: 100%;
	height: 100%;
	background: var(--esportes-green);
	display: flex;
	align-items: center;
	padding: 0 7.5px;
	opacity: 0;
}
.top-menu-nav ul li a.btn-whatsapp .hover img{
	margin-top: 2px;
}

.top-menu-nav ul li a.btn-whatsapp:hover .hover {
	opacity: 1;
}

.top-menu-nav ul li a.btn-whatsapp .hover span {
	/* font-family: Montserrat-SemiBold; */
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	line-height: 13px;
	margin-left: 5px;
}


#dolar-box {
	/* font-family: Montserrat-SemiBold; */
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background: #f2c879;
	padding: 10px 20px;
	text-transform: uppercase;
}

/* Menu */
.navbar {
	margin-bottom: 0;
}
.navbar-default {
	background: none;
	box-shadow: none;
	border: none;
}
#header-wrap {
	background: #fff;
}
#site-title {
	margin-top: 5px;
}

@media (min-width: 1199px) {
	.logo-vpd img {
		width: 160px;
		margin: 10px 0;
	}
}

@media (min-width: 481px) and (max-width: 1198px) {
	.logo-vpd img {
		width: 160px;
		margin: 10px 0;
	}
}

@media screen and (max-width: 480px) {
	.logo-vpd img {
		width: 130px;
		margin: 10px;
	}
}

#mainmenu a {
	padding: 11px 15px;
	text-align: center;
	font-size: 14px;
	/* font-family: Montserrat-SemiBold; */
	font-weight: bold;
	font-size: 14px;
	color: #00294c;
	text-align: center;
}

li.menu-item .icon {
	margin: 0 auto;
	display: block;
	background-position: center center;
	width: 30px;
	height: 35px;
	background-color: var(--blue-dark);
}

li.menu-parques .icon {
	mask: url(../assets/img/menu/menu-parques.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-parques.svg) no-repeat center center;
}
li.menu-parques:hover .icon,
li.active.menu-parques .icon {
	background-color: var(--parques-blue);
}
li.menu-parques:hover a ,
li.active.menu-parques a {
	color: var(--parques-blue) !important;
}

li.menu-esportes .icon {
	mask: url(../assets/img/menu/menu-esportes.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-esportes.svg) no-repeat center
		center;
}
li.menu-esportes:hover .icon,
li.active.menu-esportes .icon {
	background-color: var(--esportes-green);
}
li.menu-esportes:hover a,
li.active.menu-esportes a {
	color: var(--esportes-green) !important;
}

li.menu-hoteis .icon {
	mask: url(../assets/img/menu/menu-hoteis.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-hoteis.svg) no-repeat center center;
}
li.menu-hoteis:hover .icon,
li.active.menu-hoteis .icon {
	background-color: var(--hoteis-purple);
}
li.menu-hoteis:hover a,
li.active.menu-hoteis a {
	color: var(--hoteis-purple) !important;
}

li.menu-atracoes .icon {
	mask: url(../assets/img/menu/menu-atracoes.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-atracoes.svg) no-repeat center
		center;
}
li.menu-atracoes:hover .icon,
li.active.menu-atracoes .icon {
	background-color: var(--atracoes-red);
}
li.menu-atracoes:hover a,
li.active.menu-atracoes a {
	color: var(--atracoes-red) !important;
}

li.menu-ny .icon {
	mask: url(../assets/img/menu/menu-ny.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-ny.svg) no-repeat center center;
}
li.menu-ny:hover .icon,
li.active.menu-ny .icon {
	background-color: var(--newyork-orange);
}
li.menu-ny:hover a,
li.active.menu-ny a {
	color: var(--newyork-orange) !important;
}

li.menu-japao .icon {
	mask: url(../assets/img/menu/menu-japao.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-japao.svg) no-repeat center center;
}
li.menu-japao:hover .icon,
li.active.menu-japao .icon {
	background-color: var(--japan-blue);
}
li.menu-japao:hover a,
li.active.menu-japao a {
	color: var(--japan-blue) !important;
}


li.menu-cruzeiros .icon {
	mask: url(../assets/img/menu/menu-cruise.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-cruise.svg) no-repeat center center;
}
li.menu-cruzeiros:hover .icon,
li.active.menu-cruzeiros .icon {
	background-color: var(--cruzeiros-green);
}
li.menu-cruzeiros:hover a,
li.active.menu-cruzeiros a {
	color: var(--cruzeiros-green) !important;
}

li.menu-trem .icon {
	mask: url(../assets/img/menu/menu-trem.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-trem.svg) no-repeat center center;
}
li.menu-trem:hover .icon,
li.active.menu-trem .icon {
	background-color: var(--trem-yellow);
}
li.menu-trem:hover a,
li.active.menu-trem a {
	color: var(--trem-yellow) !important;
}

li.menu-paris .icon {
	mask: url(../assets/img/menu/menu-paris.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-paris.svg) no-repeat center
		center;
}
li.menu-paris:hover .icon,
li.active.menu-paris .icon {
	background-color: var(--paris-blue);
}

li.menu-paris:hover a,
li.active.menu-paris a {
	color: var(--paris-blue) !important;
}

li.menu-california .icon {
	mask: url(../assets/img/menu/menu-california.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-california.svg) no-repeat center
		center;
}
li.menu-california:hover .icon,
li.active.menu-california .icon {
	background-color: var(--california-purple);
}
li.menu-california:hover a,
li.active.menu-california a {
	color: var(--california-purple) !important;
}

li.menu-carrinho .icon {
	mask: url(../assets/img/menu/menu-cart.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/menu-cart.svg) no-repeat center center;
	background-color: var(--cart-orange);
}
li.menu-carrinho a {
	color: var(--cart-orange) !important;
}
li.menu-carrinho:hover .icon {
	background-color: var(--cart-orange-dark);
}
li.menu-carrinho:hover a {
	color: var(--cart-orange-dark) !important;
}

.navbar-header {
	padding-top: 5px;
}

#mainmenu ul.dropdown-menu {
	z-index: 1000;
	min-width: 220px;
	padding: 0;
	margin-top: 0px;
	font-size: 14px;
	background-color: #34495e;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: none;
	left: 0;
}

#mainmenu .menu-california ul.dropdown-menu {
	background-color: #fff;
}
#mainmenu .menu-california ul.dropdown-menu li {
	border-bottom: 1px solid #ccc !important;
}
#mainmenu .menu-california ul.dropdown-menu li:last-child {
	border-bottom: none !important;
}
#mainmenu .menu-california ul.dropdown-menu a {
	color: var(--california-purple) !important;
}
#mainmenu .menu-california ul.dropdown-menu a:hover {
	background-color: #9433d8 !important;
}

#mainmenu .dropdown-menu > li > a {
	width: 100%;
	text-align: left;
	padding: 8px 25px 8px 35px !important;
	line-height: 1.429 !important;
	color: #606d7a !important;
	background: none !important;
	height: 40px !important;
}

#mainmenu .dropdown-menu > li > a:hover {
	padding: 8px 25px 8px 35px !important;
	line-height: 1.429 !important;
	color: #fff !important;
	background: #1abc9c !important;
	height: 40px !important;
}
.dropdown-submenu {
	padding: 0 !important;
	margin: 0 !important;
}
#mainmenu .dropdown-menu > li:first-child > a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#mainmenu .dropdown-menu > li:last-child > a:first-child {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}


/*Menu CALIFORNIA ICONES*/
    
li.menu-california-parque,
li.menu-california-universal,
li.menu-california-hotel,
li.menu-california-los-angeles {
	position: relative;
}

li.menu-california-parque:after{
	content: "";
	width: 23px;
	height: 21px;
	mask: url(../assets/img/menu/icon-california-parques.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/icon-california-parques.svg) no-repeat center center;
	background-color: var(--california-purple);
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
}

li.menu-california-parque:hover:after{
	background-color: #fff;
}

li.menu-california-universal:after{
	content: "";
	width: 23px;
	height: 21px;
	mask: url(../assets/img/menu/icon-california-universal.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/icon-california-universal.svg) no-repeat center center;
	background-color: var(--california-purple);
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
}

li.menu-california-universal:hover:after{
	background-color: #fff;
}

li.menu-california-hotel:after{
	content: "";
	width: 23px;
	height: 21px;
	mask: url(../assets/img/menu/icon-california-hoteis.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/icon-california-hoteis.svg) no-repeat center center;
	background-color: var(--california-purple);
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
}

li.menu-california-hotel:hover:after{
	background-color: #fff;
}

li.menu-california-los-angeles:after{
	content: "";
	width: 23px;
	height: 21px;
	mask: url(../assets/img/menu/icon-california-los-angeles.svg) no-repeat center center;
	-webkit-mask: url(../assets/img/menu/icon-california-los-angeles.svg) no-repeat center center;
	background-color: var(--california-purple);
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
}

li.menu-california-los-angeles:hover:after{
	background-color: #fff;
}