/* CSS Document */

#nav {
text-align:right;
}

#nav ul {
padding: 0;
margin: 0;
color: #fff;
float: left;
width: 100%;
display: inline-block;
}

#nav ul li { display: inline;
position:relative; }

#nav > ul > li.mx_first a {
display:none;
}

#nav > ul > li > a {
display:inline-block;
width:auto;
color: #333;
text-decoration: none;
font-size:18px;
text-align:center;
height:100px;
padding-top:30px;
padding-left:10px;
padding-right:10px;
border-top: solid 4px transparent;
letter-spacing:1px;
margin:0 10px;
font-weight:bold;
}

#nav > ul > li.mx_current > a {
border-top: solid 4px #a5c62f;
}

#nav ul li.mx_parent > a:after {
display:none;
position:absolute;
bottom:-23px;
left:50%;
margin-left:-8px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
content:"\f309";
}

#nav ul li.mx_parent:hover > a:after {
display:block;
}


/*Second level*/
#nav ul ul {
position: absolute;
display:none;
top:45px; 
left:50%;
 -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	margin:0;
	width:auto;
min-width:190px; 
padding-top:7px;
padding-bottom:10px;
z-index:9999;
background-color:#FFFFFF;
border-radius: 25px;
filter: drop-shadow(0 5px 10px rgba(0,0,0,.2));
text-align:left;
}

#nav ul ul a {
padding-top:10px; 
padding-bottom:10px;
padding-left:20px;
padding-right:35px;
margin-left:0;  
border-top:0;
font-size:15px;
line-height:17px;
white-space:nowrap;
display:block;
font-weight:normal;
text-transform:none;
transition: .1s all ease;
}


#nav ul li:hover > ul { display:block; opacity:1;}
#nav ul ul li:hover > ul {left:100%; opacity:1;}


.slicknav_menu {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
margin-top:80px;
background-color: #252729;
background: rgb(255,255,255) transparent;
background: rgba(255, 255, 255, 1.0);
	    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
z-index:6666;
}

.slicknav_btn {
position:absolute;
top:-80px;
right:0;
width:80px;
height:80px;
display:block;
background-color:#8682bd;
}

.slicknav_btn.bevel,
.slicknav_btn.bevel:after,
.slicknav_btn.bevel:before {
  border-color: #8682bd;
}

.slicknav_icon {
padding-top:17px;
padding-left:12px;
display:block;
}

.slicknav_menu .slicknav_icon-bar {
display:block;
    width: 34px;
    height: 2px;
    background-color: #fff;
    margin: 10px 2px;
    transition: 0.4s;
}

.slicknav_open .slicknav_icon-bar:nth-of-type(1) {
transform : rotate(-45deg) translate(-10px,7px);
width : 35px;
}

.slicknav_open .slicknav_icon-bar:nth-of-type(2) {
opacity : 0;
}

.slicknav_open .slicknav_icon-bar:nth-of-type(3) {
transform : rotate(45deg) translate(-9px,-7px);
width : 35px;
}

.slicknav_menu ul {
margin:0;
padding:0;
list-style-type:none;
}

.slicknav_menu > ul {
padding:5px 15px;
}

.slicknav_menu > ul > li.mx_first {
display:none;
}

.slicknav_menu > ul > li.mx_last a{
border-bottom:none;
}

.slicknav_menu ul li a {
display:block;
border-bottom: dotted 2px #666666;
color:#666666;
padding:10px 15px;
position:relative;
font-family: 'Merriweather', serif;
font-size:18px;
}

.slicknav_menu ul li a:hover {
color:#999999;
text-decoration:none;
}

.slicknav_menu ul li ul li a {
padding-left:30px;
}

.slicknav_menu ul li ul li a:before {
content:"-";
padding-right:10px;
}

.slicknav_menu ul li a.MenuBarItemSubmenu {
padding:0;
border-bottom: none;
}

.slicknav_arrow {
right:17px;
top:10px;
position:absolute;
}


@media screen and (max-width: 1340px) {

#nav ul li a {
margin:0;
}

} /* end mediaquery */

@media screen and (max-width: 1076px) {

#nav {
display:none;
}

.slicknav_menu {
display:block;
}

} /* end mediaquery */

@media screen and (max-width: 550px) {

.slicknav_menu .slicknav_icon-bar {
    width: 28px;
    margin: 8px 2px;
}

.slicknav_open .slicknav_icon-bar:nth-of-type(1) {
transform : rotate(-45deg) translate(-7px,6px);
width : 29px;
}

.slicknav_open .slicknav_icon-bar:nth-of-type(3) {
transform : rotate(45deg) translate(-8px,-7px);
width : 29px;
}

.slicknav_btn {
top:-60px;
width:60px;
height:60px;
}

.slicknav_icon {
padding-top:10px;
padding-left:4px;
}

.slicknav_menu {
margin-top:60px;
}

} /* end mediaquery */