﻿@charset "utf-8";
/* CSS Document */


#nav_menu li {
	list-style-type: none;
	text-decoration: none;
	vertical-align: middle;
	display: inline-block;/*position: relative;*/
	text-transform: uppercase;
    letter-spacing: .18em;
	cursor: pointer;
    text-align: left;
}
.nav_menu_link {
	color: #e8a419;
	font-size: 13px;	
	position: relative;
	display: block;
}

@media (min-width:767px) and (max-width:1050px) {
    .nav_menu_link {
        padding: 10px 15px 30px;
    }
}
@media (min-width:837px) {
    .nav_menu_link {
        height: unset;
    }
}
.nav_menu_link:hover {
	color: #FFF;
	transition: all .2s;
}
#content1:hover {
	display: block !important;
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 55px;
}
#content2:hover {
	display: block !important;
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 55px;
}
#content3:hover {
	display: block !important;
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 55px;
}
#content4:hover {
	display: block !important;
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 55px;
}
#content5:hover {
	display: block !important;
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 55px;
}
#content6:hover {
	display: block !important;
	width: 100%;
	height: auto !important;
	position: absolute;
	top: 55px;
}
#content1, #content2, #content3, #content4, #content5, #content6 {
	min-width: unset;
	width: 100%;
	height: auto;
	/*background: #414143 url(/images/bgDrop.png) repeat-x top center;*/
    background: #2c2c2c;
	padding: 20px 0;
	display: none;
	position: absolute;
	top: 55px;
    z-index: 999999 !important;
}
@media (min-width:767px) and (max-width:899px) {
    #content1, #content2, #content3, #content4, #content5, #content6 {
	    top: 164px;
    }
    #content1:hover, #content2:hover, #content3:hover, #content4:hover, #content5:hover, #content6:hover {
	    top: 164px;
    }
}
@media (max-width:766px) {
    #content1, #content2, #content3, #content4, #content5, #content6 {
	    display:none !important;
    }
    #content1:hover, #content2:hover, #content3:hover, #content4:hover, #content5:hover, #content6:hover {
	    display:none !important;
    }
}
@media (min-width:1051px) {
    #nav_menu {
	    position: absolute;
	    top: 0;
	    display: block;
	    height: 55px;
	    width: 100%;
	    z-index: 9999;

    }

    
    .nav1 {
        width: 127px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -201px;
        z-index: 999;
        text-align: center;
        padding: 0 15px 34px 15px;
    }

    .nav2 {
        width: 195px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -74px;
        z-index: 999;
        text-align: center;
        padding: 0 15px 34px 15px;
    }

    .nav3 {
        width: 143px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 121px;
        z-index: 999;
        text-align: center;
        padding: 0 15px 34px 15px;
    }

    .nav4 {
        width: 122px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 264px;
        z-index: 999;
        text-align: center;
        padding: 0 15px 34px 15px;
    }

    .nav5 {
        width: 133px;
        height: 35px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: 386px;
        z-index: 999;
        text-align: right;
        padding: 0 15px 34px 15px;
    }
}

@media (min-width:1051px) and (max-width:1086px) {
    .nav1 {
        left: 47%;
    }
    .nav2 {
        left: 47%;
    }
    .nav3 {
        left: 49%;
    }
    .nav4 {
        left: 47%;
    }
    .nav5 {
        left: 46.2%;
    }
}

@media (min-width:1087px) and (max-width:1114px) {
    .nav5 {
        left: 48.45%;
    }
}

@media (min-width:1087px) {
    .nav3 {
        left: 51.8%;
    }
}

@media (min-width:767px) and (max-width:1086px) {
    .navcontent ul {
        width: 100%;
    }
    .dropRightLinks {
        width: 100%;
        padding: 0px 20px;
        float: right;
        box-sizing: border-box;
    }
    .dropLinksRight270 {
        width: 25%;
    }
}

/*@media (max-width: 1100px) {
    .nav1 {margin-left: -231px;}
    .nav2 {margin-left: -104px;}
    .nav3 {margin-left: 91px;}
    .nav4 {margin-left: 234px;}
    .nav5 {margin-left: 356px;}
}*/