@charset "utf-8";
/* full width drop down menu styles */
#mainMenu {
display: block;
height: 30px;
margin: 0 auto;
padding: 0;
}
#mainMenu li {
float: left;
margin: 0 45px 0 15px;
}
#mainMenu li a {
color: #b71319;
float: left;
font: bold 18px/24px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.header .wrapper{position:relative; overflow:auto;}
.selectLang{
	/*background: url('../images/select_lang_BG.jpg') no-repeat top left;*/
	border:none;
	color: #FFF;
	font: normal 22px/26px "Conv_Capture it", "Arial Black", Gadget, sans-serif;
	display:block;
	width:35px;
	height:26px;
	padding: 0 5px 0 0;
	outline:none;
	position:absolute;
	left:0;
	bottom: 2px;
	text-align:center;
}
#showSubmenu nav {
width: 100%;
overflow: hidden;
padding: 0;
min-height:200px;
}
#showSubmenu ul {
display: block;
float: left;
margin: 0 15px;
width: 100%;
position: relative;
}
#showSubmenu ul li { margin: 0 0 1px; }
#showSubmenu ul li img {
display: none;
position: absolute;
right: 35px;
top: 5px;
z-index: 1000;
}
#showSubmenu ul li.active img { display: block }
#showSubmenu ul li a {
color: #b71319;
display: inline;
font: bold 14px/18px Arial, Helvetica, sans-serif;
padding: 2px;
position: relative;
z-index: 3000;
}
#showSubmenu ul li a:hover {
color: #FFF;
background-color: #b71319;
}
#showSubmenu nav.dropDown > div {
display: table;
overflow: hidden;
float: right;
text-transform: uppercase;
}
#showSubmenu nav.dropDown div > div {
display: table-cell;
vertical-align: middle;
}
#showSubmenu nav.dropDown div > div > div {
color: #b71319;
font: bold 80px Arial, Helvetica, sans-serif;
}
#showSubmenu nav.dropDown div > div > div.new { font-size: 42px; }
@media screen and (min-width: 0px) and (max-width: 480px) {
.showBtn {
background: url("../images/show_menu_mobile.jpg") no-repeat top left;
border: none;
cursor: pointer;
position: absolute;
top: 10px;
left: 5px;
width: 27px;
height: 31px;
padding: 0;
z-index: 11000;
}
#mainMenu {
position: relative;
width: 100%;
display: none;
left: 0;
z-index: 999;
}
#mainMenu ul {display: block;}
#mainMenu li {
border-bottom: 1px solid #333;
position: relative;
width: 100%;
margin: 0;
float: none;
}
#mainMenu li a {
display: block;
font: bold 26px/60px Arial, Helvetica, sans-serif;
float: none;
width: 100%;
background-color: #000;
text-align: center;
padding: 3px 0;
}
.selectLang{top:5px;left:275px;right:0;}
#showSubmenu {
position: relative;
background: #000;
margin: -30px 0 0;
width: 100%;
height: 100%;
z-index: 1000;
}
.secNav ul {
float: none;
margin: 0;
}
.secNav ul li {
border-bottom: 1px solid #333;
display: block;
float: none;
text-align: center;
width: 100%;
margin: 0;
padding: 7px 0 5px;
}
.secNav ul li a {text-align: center}
.secNav span {
width: 100%;
padding: 2px 0;
}
#showSubmenu a.closeSubMenu {
background: #FFF;
display: none;
position: absolute;
top: 5px;
right: 5px;
z-index: 4000;
}
.secNav span a {margin: 0 5px 0 0;}
.secNavContainer {
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100%;
padding: 100px 0 0;
text-align: center;
z-index: 10000;
}
.secNavContainer ul li {margin: 0 0 10px;}
.secNavContainer img {display: none;}
.secNavContainer ul li a {
color: #b71319;
display: inline;
font: bold 16px/18px Arial, Helvetica, sans-serif;
padding: 4px;
position: relative;
z-index: 3000;
}
.secNavContainer ul li a:hover {
color: #FFF;
background-color: #b71319;
}
footer nav ul {float: none;}
}
@media screen and (min-width: 481px) and (max-width: 800px) {
 #mainMenu li {margin: 0 8px;}
 .selectLang{top:5px;}
}
