#cssmenu, #cssmenu ul li {
padding: 0;
position: relative
}
#cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
margin: 0;
display: block
}
#cssmenu {
width: auto;
line-height: 1;
display: block
}
#cssmenu ul {
list-style: none;
float: right
}
#cssmenu ul:after, #cssmenu:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden
}
#cssmenu ul li a {
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#cssmenu ul li ul {
position: absolute;
left: -9999px;
top: auto
}
#cssmenu ul li ul li {
max-height: 0;
position: absolute;
-webkit-transition: max-height .4s ease-out;
-moz-transition: max-height .4s ease-out;
-ms-transition: max-height .4s ease-out;
-o-transition: max-height .4s ease-out;
transition: max-height .4s ease-out;
background: #fff
}
#cssmenu ul li ul li.has-sub:after {
display: block;
position: absolute;
content: "";
height: 10px;
width: 10px;
border-radius: 5px;
background: #000;
z-index: 1;
top: 13px;
right: 15px
}
#cssmenu.align-right ul li ul li.has-sub:after {
right: auto;
left: 15px
}
#cssmenu ul li ul li.has-sub:before {
display: block;
position: absolute;
content: "";
height: 0;
width: 0;
border: 3px solid transparent;
border-left-color: #fff;
z-index: 2;
top: 15px;
right: 15px
}
#cssmenu.align-right ul li ul li.has-sub:before {
right: auto;
left: 15px;
border-left-color: transparent;
border-right-color: #fff
}
#cssmenu ul li ul li a {
font-size: 14px;text-align:left;
font-weight: 400;
text-transform: none;
color: #000;
letter-spacing: 0;
display: block;
width:250px;
padding: 11px 10px 11px 20px
}
#cssmenu ul li ul li.active>a, #cssmenu ul li ul li:hover>a {
color: #333;background:#ffb200;
}
#cssmenu ul li ul li.active:after, #cssmenu ul li ul li:hover:after {
background: #4cb6ea
}
#cssmenu ul li ul li:hover>ul {
left: 100%;
top: 0
}
#cssmenu ul li ul li:hover>ul>li {
max-height: 72px;
position: relative
}
#cssmenu>ul>li {
float: left
}
#cssmenu.align-center>ul>li {
float: none;
display: inline-block
}
#cssmenu>ul>li.has-sub>a:after, #cssmenu>ul>li.has-sub>a:before {
display: block;
content: "";
position: absolute
}
#cssmenu.align-center>ul {
text-align: center
}
#cssmenu.align-center ul ul {
text-align: left
}
#cssmenu.align-right>ul {
float: right
}
#cssmenu.align-right>ul>li:hover>ul {
left: auto;
right: 0
}
#cssmenu.align-right ul ul li:hover>ul {
right: 100%;
left: auto
}
#cssmenu.align-right ul ul li a {
text-align: right
}
#cssmenu>ul>li.has-sub>a {
padding-right: 40px
}
#cssmenu>ul>li.has-sub>a:after {
background: #fff;
height: 12px;
width: 12px;
border-radius: 13px;
right: 14px;
top: 16px
}
#cssmenu>ul>li.has-sub>a:before {
border: 4px solid transparent;
border-top-color: #4cb6ea;
z-index: 2;
height: 0;
width: 0;
right: 16px;
top: 21px
}
.pd-rt {
padding-right: 0!important
}
#cssmenu>ul>li>a {
color: #fff;
padding: 12px;
font-size: 14px;
z-index: 2;
position: relative;
text-transform: uppercase
}
#cssmenu>ul>li.active:after, #cssmenu>ul>li:hover:after {
height: 100%
}
#cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a {
color: #374a51;
}
#cssmenu>ul>li.active>a:after, #cssmenu>ul>li:hover>a:after {
background: #000
}
#cssmenu>ul>li.active>a:before, #cssmenu>ul>li:hover>a:before {
border-top-color: #fff
}
#cssmenu>ul>li:hover>ul {
left: 0;padding-left:0;
}
#cssmenu>ul>li:hover>ul>li {
max-height: 72px;
position: relative
}
#cssmenu #menu-button {
display: none
}
#cssmenu>ul>li>a {
display: block
}
#cssmenu>ul>li {
width: auto
}
#cssmenu>ul>li>ul, #cssmenu>ul>li>ul>li {
width: 250px;
display: block}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#cssmenu.align-center>ul, #cssmenu.align-right ul li a, #cssmenu.align-right ul ul li a {
text-align:left
}
#cssmenu>ul {
max-height:0;
overflow:hidden;
-webkit-transition:max-height .35s ease-out;
-moz-transition:max-height .35s ease-out;
-ms-transition:max-height .35s ease-out;
-o-transition:max-height .35s ease-out;
transition:max-height .35s ease-out
}
#cssmenu>ul>li>ul {
width:100%;
display:block
}
#cssmenu>ul>li>ul>li {
width:100%;
display:block
}
#cssmenu>ul>li>ul>li>a {
width:100%;
display:block
}
#cssmenu ul li ul li a {
width:100%;
padding:8px 20px 8px 35px;
color:#fff
}
#cssmenu.align-center>ul>li {
display:block
}
#cssmenu>ul.open {
max-height:1000px;
border-top:1px solid rgba(110,110,110,.25)
}
#cssmenu ul {
width:100%
}
#cssmenu ul>li {
float:none;
width:100%
}
#cssmenu ul li a {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:12px 20px
}
#cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before, #cssmenu ul li.has-sub>a:after, #cssmenu ul li.has-sub>a:before, #cssmenu ul>li:after {
display:none
}
#cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover>ul, #cssmenu.align-right ul li ul, #cssmenu.align-right ul li ul li ul, #cssmenu.align-right ul li ul li:hover>ul {
left:0;
position:relative;
right:auto
}
#cssmenu ul li ul li, #cssmenu ul li:hover>ul>li {
max-height:999px;
position:relative;
background:0 0
}
#cssmenu #menu-button:after, #cssmenu #menu-button:before {
display:block;
content:'';
position:absolute;
height:3px;
width:22px;
border-top:2px solid #fff;
right:20px
}
#cssmenu ul li ul ul li a {
padding:8px 20px 8px 50px
}
#cssmenu ul li ul li:hover>a {
color:#000
}
#cssmenu #menu-button {
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
padding:15px 60px;
text-transform:uppercase;
font-weight:700;
font-size:14px;
letter-spacing:1px;
color:#fff;
cursor:pointer
}
#cssmenu #menu-button:after {
border-bottom:2px solid #fff;
top:16px
}
#cssmenu #menu-button:before {
top:26px
}
.header_logo{display:block;width:100%;text-align:center}
.header_bottom::after {display:none;}.main_nav::before{display:none;}.social-icons{display:none;}
#cssmenu ul>li, #cssmenu #menu-button {text-align:left;}
}