
.main-menu {
width : auto;
float : left;
height : 60px;
line-height : 60px;
}
.animenu > ul:after {
content : "";
display : table;
clear : both;
}
.animenu {
font-family : 'BebasNeueRegular';
color : #fff;
font-size : 20px;
}
.animenu * {
box-sizing : border-box;
}
.animenu ul {
margin : 0;
padding : 0;
list-style : none;
border-radius : 3px;
}
.animenu li {
position : relative;
}
.animenu li:hover > ul {
opacity : 1;
visibility : visible;
margin : 0;
display : block;
}
.animenu li:hover > a {
color : #E0C818;
}
.animenu input[type="checkbox"] {
position : absolute;
top : -9999px;
left : -9999px;
}
.animenu label {
display : none;
cursor : pointer;
}
.animenu > ul > li {
float : left;
}
.animenu > ul > li > a {
float : left;
padding : 0 10px 0 0;
text-transform : uppercase;
}
.animenu > ul a {
color : #FFFFFF;
text-decoration : none;
text-shadow : 0 1px 0 #111111;
}
.animenu > ul ul {
position : absolute;
top : 100%;
display : block;
left : 0;
z-index : 1;
opacity : 0;
visibility : hidden;
margin : 2em 0 0 0;
background-color : #373737;
background-image : none;
transition-property : margin, opacity;
transition-duration : 0.15s;
transition-timing-function : ease-in-out;
}
.animenu > ul ul li {
display : block;
box-shadow : 0 1px 0 #1e1e1e, 0 2px 0 #515151;
}
.animenu > ul ul li:first-child > a {
border-radius : 3px 3px 0 0;
}
.animenu > ul ul li:first-child > a:after {
content : '';
position : absolute;
left : 4em;
top : -12px;
border : transparent solid 6px;
border-bottom-color : inherit;
}
.animenu > ul ul li:last-child {
box-shadow : none;
}
.animenu > ul ul li:last-child > a {
border-radius : 0 0 3px 3px;
}
.animenu > ul ul a {
padding : 0.5em 1em;
font-size : 17px;
width : 175px;
display : block;
border-color : #373737;
color : #ccc;
line-height : normal;
}
.animenu > ul ul a:hover {
background-color : #0186ba;
border-color : #0186ba;
}
@media screen and (max-width:1024px) {.top img.logo_right {display:none;}}
@media screen and (max-width:768px) {.call_now {font-size:38px;}
.call_now a{font-size:18px!important;}
}
@media screen and (max-width:414px) {.call_now {font-size:24px;}
.call_now a{font-size:14px!important;}
}
@media screen and (max-width:320px) {.call_now {font-size:22px;}
.call_now a{font-size:12px!important;}
}
@media screen and (max-width:1100px) {
.main-menu {
position : static;
    width: 154px;
}
.animenu > ul, .animenu > ul ul {
visibility : visible;
opacity : 1;
display : none;
}
.animenu input[type="checkbox"]:checked ~ label, .animenu input[type="checkbox"] ~ label:hover {
color : white;
}

.animenu label {
color : #999999;
text-transform : uppercase;
position : relative;
display : block;
padding : 0 3em;
}
.container.top{width:calc(100% - 20px);width:-moz-calc(100% - 20px);width:-webkit-calc(100% - 20px);}
.quick .left{height:auto;width:100%;float:left;text-align:center!important;}
.quick .right{height:auto;width:100%;float:left;text-align:center!important;}
.animenu label:before {
position : absolute;
left : 0.5em;
top : 0;
content : "\2261";
font-size : 2em;
}
.top img.logo_left {
    display: block!important;
    position:initial;
    float: left;
}
.animenu > ul {
position : relative;
border-color : #111111;
margin : 0.5em 0 !important ;
padding : 0.25em;
box-shadow : none;
background-color : #111111;
background-image : none;
z-index : 9999999;
}
.animenu > ul:after {
content : '';
position : absolute;
left : 2em;
top : -12px;
border : transparent solid 6px;
border-bottom-color : inherit;
z-index : 9999999;
}
.animenu > ul li {
display : block;
}
.animenu > ul > li {
float : none;
border : 0;
box-shadow : none;
background-color : #111111;
background-image : none;
}
.animenu > ul > li > a {
float : none;
display : block;
padding : 1em;
}
.animenu > ul ul {
position : static;
border-radius : 0;
background-color : #2b2b2b;
background-image : none;
margin : 0;
transition-property : none;
}
.animenu > ul ul li:first-child > a {
border-radius : 0;
}
.animenu > ul ul li:first-child > a:after {
content : none;
}
.animenu > ul ul li:last-child > a {
border-radius : 0;
}
.animenu > ul ul a {
padding-left : 2em;
display : block;
width : auto;
}
.animenu input[type="checkbox"]:checked ~ ul {
display : block;
}
.animenu input[type="checkbox"]:checked ~ ul ul {
display : block;
}
}
@media screen and (max-width:600px) {
.animenu > ul > li > a {
padding : 1em 2em;
}
}
