/*
kerammash.ua
*/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.topmenu,
.submenu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 200;
}

.topmenu {
    margin: 0px auto;
    width: 1000px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}

.topmenu > li {
    background: #D02000;
    float: left;
    position: relative;
    margin: 0px;
    padding: 0px;
}
 
.topmenu a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: dejavu_sansbook;
    font-size: 14px;
}
 
.topmenu a:hover {
    color: #FFFF00;
}

.topmenu li:hover {
    background: #606060;
}

.topmenu > li > a {
    padding: 0.5em 0.2em;
    text-align: center;
}

#langs1 a {
    font-size: 12px;
    line-height: 100%;
    padding: 8px 5px;
    margin: 0px;
}

#langs1:hover {
    background: none;    
}

#langs1 a:hover {
    background: #606060; 
}

/* Dropdown */
.submenu {
    position: absolute;
    width: auto;
    left: 0px;
    margin-left: 0px;
}

.submenu li {
    background-color: #D02000;
    position: relative;
    overflow: hidden;
    width: 20em;
    margin: 0px;
}

.submenu > li > a {
    padding: 0.5em 0.3em;
}

.submenu > li:after {
    content: '';
    position: absolute;
    top: -125%;
    height: 100%;
    width: 100%;
    box-shadow: 0 0 50px rgba(0, 0, 0, .9);
}

/* Show dropdown */
.submenu,
.submenu li {
    opacity: 0;
    visibility: hidden;
}
 
.topmenu > li:hover .submenu,
.topmenu > li:hover .submenu li {
    opacity: 1;
    visibility: visible;
}

/* additional */
#top-nav {
    top:110px;
    position:fixed;
    z-index:1000;
    background-color: transparent;  
}

#top-logo {
    width: auto;
    background-color: #D02000;
    visibility:hidden;
    padding: 0px;
    margin: 0px;
}

.act_button {
  border: none;
}

#top-send {
   padding: 8px 5px;
   margin: 0px;
}

#top1 {
    background-color: #D02000;
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
}