/* == 10. Horizontal menu Background == */

/*====================
	Color Scheme Begin
=====================================================================
====================================================================*/


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

#menu_div{
    height: 40px; /* menu height */
}

#menu {
    width: 100%;
    padding:0;
    position: relative;
}
#menu div.lines {
    width:20px;
    margin:12px 10px;
    cursor:pointer;
}
#menu div.lines > div.line {
    height:2px; width:20px;
    background-color:#585858;
    margin:5px;
}


#nav {
    margin:0; padding:0;
    display:none;
}

#nav > li {
    text-align:center;
    border-top:1px solid #e3e3e3;
    font-size:10pt;
    padding:15px;
}
#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:hover {
    color:gray;
}

/*====================
	Sub Menu 
====================*/

#nav li ul li { 
  margin:15px;
}
.searchform { display:none; }

}
@media screen and (min-width:1280px) {

#menu div.line { display:none; }   
#menu {
    width: 1280px;
    margin:0 auto; /*center the menu*/
    padding:0;
    position: relative;
}

#nav{
    width: 1280px;
    margin:0;
    padding:0;
    position: relative;
}

#nav li a,#nav li {
    float:left;
}

#nav li {
    list-style:none;
    position:relative;
}

#nav li a {
    line-height: 45px;
    padding:0 15px;
    text-decoration:none;
    margin:0;
    margin-left:15px;
    font-size:10pt;
}

/*====================
	Submenu 
=====================*/

#nav li ul {
    display:none;
    position:absolute;
    left:0;
    top:100%;
    padding:0;
    margin:0;
} /* hide submenu */

#nav li:hover > ul {
    display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
    float:none;
    height: 35px; /* submenu item height */
    min-width: 150px; /* submenu item minimal width */
    line-height: 35px;
    border-right: 0;
    text-shadow: none;
    display:block;
    font-size:10pt;
    font-weight:400;
    text-transform:inherit;
} /* Submenu item */

#nav li ul li {
    _display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
    display:none;
}

#nav li ul li:hover ul {
    left:100%;
    top:0;
}

#menu_div, #navigation, #menu, #nav{
    height: 45px; /* menu height */
}

/*====================
	Search form 
====================*/

.searchform {
    position: absolute;
    right: 15px;
    top: 0px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 0;
    padding: 0;
}
.searchform input {
    font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
    height: 43px;
    line-height: 27px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
    border:1px solid #dfdfdf;
    position:absolute;
    top:0px; right:0px;
}

}
@import 'https://fonts.googleapis.com/css?family=Titillium+Web';
@import url('https://fonts.googleapis.com/css?family=Rubik');

/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a {
    background: white;
}

/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
    color:#585858; 
    transition-duration:0.3s;
    font-family: 'Rubik', sans-serif;
}

/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
    color:#bababa; 
}

/* Search form colors */
.searchform input, .searchform input:not(:focus){
    color:#bababa;  /*search form text color default*/
    background: #fff; /*search form background color default*/
}
.searchfield:focus{
    color:#585858; /* search form text color after click */
}

/*=====================================================================
=======================================================================
	Color Scheme End
====================*/

#menu_div{
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    z-index:9999;
} /* Free space to top specialy for menu */

#navigation {
    position: fixed;
    box-shadow:0 0 5px 1px #eaeaea;
   -webkit-box-shadow:0 0 5px 1px #eaeaea;
}

#navigation, #menu_div {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}