@charset "UTF-8";
/* CSS Document */

.menu-container {
margin: 0 auto 0 0;
}

.menu {
> ul {
margin:0;
width: 100%;
list-style: none;
padding: 0;
position: relative;
//position: relative;
/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
> li {
float: left;
padding: 0;
margin: 0;
text-align: center;
a {
text-decoration: none;
padding:.25em .8em;
display: block;
box-sizing: border-box;
font-size:1rem;
font-weight: 500;
letter-spacing: .05rem;
color: rgba(33,34,36);
transition: .5s;
}

a span{
font-size: .6rem;
font-weight: 300;
display: block;
}



a:hover{
color: #FFF;
}
&:hover {
color: #FFF !important;
background: #443E6E;
border-radius: 4px;
transition: .5s;
}
> ul {
background: #cccedb;
display: none;
width: 100%;
padding: 20px;
position: absolute;
z-index: 99;
left: 0;
margin: 0;
list-style: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
> li {
margin: 0;
padding-bottom: 0;
list-style: none;
width: 25%;
background: none;
float: left;
a {
color: rgba(33,34,36);

padding: .15em 0;
width: 95%;
display: block;
border-bottom: 1px solid rgba(0,0,0,.3);
font-size: .84rem;
}
> ul {
display: block;
padding: 0;
margin: 10px 0 0;
list-style: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
> li {
float: left;
width: 100%;
padding: 5px 0;
margin: 0;
font-size: .65em !important;
a {
border: 0;
}
}
}
}
&.normal-sub {
width: 300px;
left: auto;
padding: 10px 20px;
> li {
width: 100%;
a {
border: 0;
padding: .5em 0;
}
}
}
}
}
}
}


.menu li.btn{
width:220px;
background:#443E6E;
border-radius: .5rem;
margin-left: 20px;
}

.menu li.btn a{
font-size: 1rem;
color: #FFF;
}

.menu li.btn a span{
font-size: .6rem;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 787px) {
.menu-container {
display: none;
}
}