/* language menu */ 
#content nav.language ul {
	list-style: none;
	margin: 0 0 33px 0;
	font-size: 17px;
	color: #004b64;
}
#content nav.language ul li {
	display: inline-block;
}
#content nav.language ul li:first-child::after {
	content: "/";
	font-weight: 700;
	margin: 0 5px 0 5px;
}
#content nav.language ul li a {
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}
#content nav.language ul li.wpml-ls-current-language a {
	color: #e14b0a;
}

/* default links styles */
nav a:hover {
	color: #e14b0a;
	text-decoration: none;
}

/* navigation */
#content nav.main ul {
	list-style: none;
	margin: 0 0 20px 0;
}
#content nav.main ul li a {
	font-size: 22px;
	font-weight: 700;
	line-height: 31px;
	text-transform: uppercase;
}
#content nav.main ul li.current-menu-item a {
	color: #e14b0a;
}

/* somelinks */


@font-face {
  font-family: 'ipi';
  src: url('../fontello/ipi.eot?79953916');
  src: url('../fontello/ipi.eot?79953916#iefix') format('embedded-opentype'),
       url('../fontello/ipi.woff2?79953916') format('woff2'),
       url('../fontello/ipi.woff?79953916') format('woff'),
       url('../fontello/ipi.ttf?79953916') format('truetype'),
       url('../fontello/ipi.svg?79953916#ipi') format('svg');
  font-weight: normal;
  font-style: normal;
}


#content .somelinks a {
	/* vertical-align: middle; */
}

#content .somelinks a::before {
	font-family: "ipi";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

	
	font-size: 23px;
	line-height: 1em;
	color: #e8e8e8;
	background-color: #004b64;
	padding: 8px;
	width: 23px;
	height: 23px;
}
#content .somelinks a.facebook::before {
	content: '\e801'; 
}
#content .somelinks a.instagram::before { 
    content: '\f32d';  
}

#content .somelinks a.tripadvisor::before { 
    content: '\e802';
    font-size: 16px;
    line-height: 23px;
    vertical-align: top;
}

#content .somelinks a:hover::before {
	background-color: #e14b0a;
}

#content .somelinks a:hover {
	text-decoration: none;
}

/* close button for mobile naviagtion */
#content .box.navi .btnclose {
	display: none;
	float: right;
}
#content .box.navi .btnclose span {
	font-size: 30px;
	color: #004b64;
}

/* for mobile */
.menu-toggle {
	display: none;
}


@media screen and (max-width: 985px) {
	
	/* mobile nav btn */
	.menu-toggle {
		display: block;
		position: absolute;
		width: 68px;
		height: 68px;
		left: 566px;
		top: 0px;
		background-image: url(../images/btn-menu.png);
		background-repeat: no-repeat;
		z-index: 9999;
	}
	#content .box.navi {
		width: 634px;
		height: auto;
	}
	#content .box.navi .container {
		position: absolute;
		display: none;
		top: 0px;
		left: 0px;
		right: 0px;
		background-color: #a5b4b4;
		padding: 20px 20px 40px 40px;
		z-index: 9999;
	}
	#content .box.navi .container.show {
		display: block;
	}
	#content .box.navi .btnclose {
		display: inline-block;
	}
	#content nav.language ul {
		margin: 20px 0 40px 0;
		font-size: 27px;
	}
	#content nav.language ul li a {
		font-size: 27px;
	}
	#content nav.main ul {
		margin: 0 0 50px 0;
	}
	#content nav.main ul li a {
		font-size: 32px;
		line-height: 48px;
	}
	#content .somelinks a::before {
		font-size: 42px;
		line-height: 42px;
		color: #a5b4b4;
		padding: 10px;
	}
}

@media screen and (max-width: 667px) {
	
	#content .box.navi {
		width: 100%;
		margin: 0;
	}
	.menu-toggle {
		left: auto;
		right: 0px;
		width: 46px;
		height: 46px;
		background-size: 46px 46px;
	}
	#content .box.navi .container {
		padding: 10px 20px 20px 20px;
	}
	#content nav.language ul {
		font-size: 16px;
		margin: 20px 0 30px 0;
	}
	#content nav.language ul li a {
		font-size: 16px;
	}
	#content nav.main ul {
		margin: 0 0 30px 0;
	}
	#content nav.main ul li a {
		font-size: 22px;
		line-height: 35px;
	}
	
	#content .box.navi .btnclose {
		margin: 10px 0 0 0;
	}
	#content .box.navi .btnclose span {
		font-size: 24px;
	}
	#content .somelinks a::before {
		font-size: 28px;
		line-height: 28px;
		padding: 8px;
	}
}

@media screen and (max-width: 320px) {
	
	.menu-toggle {
		left: auto;
		right: 0px;
		width: 35px;
		height: 35px;
		background-size: 35px 35px;
	}
	
}