/*TopazDev Menu Desktop*/
body{
font-family: 'Source code pro', Calibri, serif;
margin: 0px;
padding: 0px;
background-color: rgb(46, 49, 68);
}
nav{
width: 100%;
background-color: #424558;
}
nav ul{
margin: 0px;
padding: 0px;
overflow: hidden;
}
nav li{
list-style-type: none;
float: left;
}
.right{
float: right;
}
nav li:hover a{
padding: 15px 30px 20px 30px;
color: #FFF;
}
nav a{
display: inline-block;
text-decoration: none;
padding: 20px 30px;
color: #FFF;
vertical-align: middle;
}
.menu-h-logo a:hover{
border-top: 5px solid #424558;
}
.menu-h-logo img{
display: inline-block;
width: 200px;
}
.right img{
display: inline-block;
margin: 17px;
margin-left: 25px;
width: 25px;
}
.menu-h:hover{
border-top: 5px solid #008ed7;
background-color: rgba(000, 112, 192, 0.15);
color: #FFF;
}
.menu-h:hover.menu_lime{
border-top: 5px solid #62ac19;
background-color: rgba(000, 112, 192, 0.15);
color: #FFF;
}
.menu-h:hover.menu_red{
border-top: 5px solid #922222;
background-color: rgba(000, 112, 192, 0.15);
color: #FFF;
}
.menu-h:hover.menu_white{
border-top: 5px solid #d1d7d8;
background-color: rgba(000, 112, 192, 0.15);
color: #FFF;
}
.menu-h:hover.menu_yellow{
border-top: 5px solid #f0c300;
background-color: rgba(000, 112, 192, 0.15);
color: #FFF;
}
/*TopazDev Menu Touch*/
.icon-bar {
width: 100%;
background-color: #555;
overflow: auto;
}
.icon-bar a {
float: left;
width: 16.6%;
text-align: center;
padding: 12px 0;
transition: all 0.3s ease;
color: white;
font-size: 36px;
}
.icon-bar img{
width: 50%;
}
.icon-bar a:hover {
background-color: #000;
}
.active {
background-color: #4CAF50;
}
/*TopazdEv Footer*/
.topaz_footer{
width: 100%;
background-color: #424558;
height: 60px;
color: #FFF;
text-align: center;
float: left;
}
.topaz_footer-text{
margin-top: 10px;
}
.topaz_footer-text strong{
color: #f0c300;
}