@charset "utf-8";
#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu{width:auto;border-radius:5px}
#cssmenu ul {text-align: right;text-transform: uppercase;white-space: nowrap;letter-spacing: 1px;}
#cssmenu>ul>li{display: inline-block;}
#cssmenu>ul>li{padding: 6px 22px 0 0;}
#cssmenu>ul>li:first-child{padding-left:0}
#cssmenu>ul>li:last-child{padding-right:0}
#cssmenu>ul>li>a{font-size:20px;font-family:'PT Sans', sans-serif;color:#242424;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;text-transform:uppercase;padding: 13px 0 10px; border-bottom: 2px solid transparent; font-weight:400;}
#cssmenu>ul>li>a:hover{border-bottom: 2px solid #00add2;}
#cssmenu>ul>li:hover>a{color:#000;border-bottom: 2px solid #00add2;}
#cssmenu>ul>li#logo{float:left;margin:20px 50px 0}
#cssmenu>ul>li#logo a{padding:0}
#logo img,.logo-mobile img{width:100%;max-width:364px;border:0}
#cssmenu ul > li.has-sub > a:after {
	content: '';
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background:url(../images/menu-arrow.png) no-repeat; background-position: center; right: -20px; top: 15px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {position: absolute;right: 11px;top: 25.5px;display: block;width: 0;height: 0;z-index: 99;}
#cssmenu ul > li.has-sub:hover > a:before {border-top-color: #111111;}
#cssmenu ul ul {position: absolute;left: -9999px;opacity: 0;
	-webkit-transition: top .2s ease, opacity .2s ease;
	-moz-transition: top .2s ease, opacity .2s ease;
	-ms-transition: top .2s ease, opacity .2s ease;
	-o-transition: top .2s ease, opacity .2s ease;
	transition: top .2s ease, opacity .2s ease;
}
#cssmenu > ul > li > ul {background: rgb(231 231 231 / 0.95);z-index: 9999;padding: 0;top: 49px;}
#cssmenu > ul > li:hover > ul {left: 0;opacity: 1;}
#cssmenu ul ul ul {top: 40px;}
#cssmenu ul ul > li:hover > ul {top: 0;left: 178px;padding-left: 10px;opacity: 1;}
#cssmenu ul ul li a {width: auto;padding:14px 22px 14px;font-size: 16px;text-align: left;text-transform:capitalize;text-decoration: none;line-height: 25px;color: #000;border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
#cssmenu ul ul li a:hover{ color: #e1a21a;}
.drop-icon {background:url(../images/drop-down.png) center center no-repeat;width:13px;float:right}
#cssmenu ul ul li:last-child a {border:none;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li > a:hover, #cssmenu ul ul li.active > a {color:#00add2}
#cssmenu ul ul > li.has-sub > a:after {right: 12px;top: 9.5px;}
#cssmenu ul ul > li.has-sub:hover > a:after {background-position: 0 -18px;}
#cssmenu ul ul > li.has-sub > a:before {top: 15.5px;right: 16px;border-top-color: transparent;border-left-color: #ffffff;}
#cssmenu ul ul > li.has-sub:hover > a:before {border-top-color: transparent;border-left-color: #092841;}
@media all and (max-width:980px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:980px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:980px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:980px),only screen and (min-device-pixel-ratio:2) and (max-width:980px),only screen and (min-resolution:192dpi) and (max-width:980px),only screen and (min-resolution:2dppx) and (max-width:980px){
#cssmenu ul,#cssmenu>ul li a i{display:none}
#cssmenu{width:100%}
#cssmenu ul{position:relative;left:0;right:auto;top:0;width:100%;padding:0;opacity:1;text-align:left}
#cssmenu ul li{width:100%;padding:0;border-top:1px solid rgba(255, 255, 255, 0.3);display: block;}
#cssmenu>ul>li>a{width:100%;border-radius:0;box-shadow:none;background:0 0;}
#cssmenu ul li a{border:none;padding:10px 0;text-align:center;font-size:15px; color: #fff;}
#cssmenu>ul>li:hover a{border:none}
#cssmenu #menu-button{position:relative;display:inline-block;padding:0 20px 20px 12.5px;margin-top: -50px;cursor:pointer;font-size:13px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.25);float: right;}
#cssmenu #menu-button.menu-opened:before,#cssmenu .submenu-button.submenu-opened:before{border-top-color:#19799f}
#cssmenu #menu-button.menu-opened:before,#cssmenu .submenu-button.submenu-opened:before{border-top-color:#19799f}
#cssmenu ul li a, #cssmenu ul ul li a {}
#cssmenu > ul {background:#2a2a2a;}
#cssmenu>ul li a i.fa.fa-shopping-cart {display: block;}
#cssmenu ul ul li a {padding:4px 0;text-align: center;color:#fff;font-size:16px;}
#cssmenu ul ul ul li a {padding-left: 42.5px;}
#cssmenu ul ul ul ul li a {padding-left: 57.5px;}
#cssmenu > ul > li.has-sub > a:after,  #cssmenu > ul > li.has-sub > a:before,  #cssmenu ul ul li.has-sub > a:after,  #cssmenu ul ul li.has-sub > a:before {display: none;}
#cssmenu .submenu-button {position: absolute;right: 0;top: 0;display: block;width: 36px;height:36px;border-left: 1px solid rgba(120, 120, 120, 0.2);z-index: 10;cursor: pointer;background:url(../images/menu-arrow-white.png) center center no-repeat;}
#cssmenu > ul > li > ul.first-dropdown {min-width:100%;}
#cssmenu ul ul .submenu-button {height: 41px;}
#cssmenu ul .submenu-button:after, #cssmenu #menu-button:after {
	content: '';
	position: absolute;
	right:0;
	top:0;
	display: block;
	width: 28px;
	height: 28px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
#cssmenu ul .submenu-button.submenu-opened:after, #cssmenu #menu-button.menu-opened:after {background-position: 0 -28px;}
#cssmenu ul ul .submenu-button:after {top: 6.5px;}
#cssmenu ul ul .submenu-button:before {top: 19.5px;}
#cssmenu #menu-button.menu-opened:before,  #cssmenu .submenu-button.submenu-opened:before {border-top-color: #19799f;}
#cssmenu > ul > li > ul{top:0px !important;position:relative;}
#cssmenu ul.open ul > li:first-child {margin-top: 0;padding-top: 0;}
#cssmenu > ul > li > ul {box-shadow: none;background: rgba(90, 90, 90, 0.9);}
#cssmenu > ul > li:hover > ul {display: none !important;}
#cssmenu > ul > li:hover > ul.open, #cssmenu > ul > li > ul.open{display:block !important;position:relative;left:0;opacity:1;padding:0;border:0;}
}
#menu-button{background:url(../images/menu.png) right center no-repeat;text-indent:-9999px}