@charset "utf-8";
:root{
--color1:#01876C;/*green*/
--color2:#969696;/*logo grey*/
--color3:#9DA3B0;/*other grey*/
--color4:#282D71;/*logo blue*/
--color5:#DDD;/*light grey*/
}
.cgknav{position:relative;width:100%;z-index:9900;line-height:normal;/*font-weight:400;*/font-size:0.9375rem;margin-bottom:0px;border-bottom:1px solid var(--color5);border-top:1px solid var(--color5);box-shadow:0px 8px 10px -13px rgba(0,0,0,1)}/*font size is also set in other properties*/
.cgknav ul{margin:0;padding:0;text-align:center}/*both desktop/mobile*/
.cgknav li{list-style:none;display:block;margin:0;padding:0;position:relative;line-height:normal;vertical-align:middle}/*both desktop/mobile*/
.cgknav li a{padding:10px 15px;display:block;text-decoration:none;font-size:0.9375rem;font-family:Roboto;box-sizing:border-box;border-bottom:1px solid rgba(0, 0, 0, 0.1); /*-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out*/}/*desktop sub-menus*/
.cgknav>ul>li{display:inline-block}
.cgknav>ul>li>a{padding:15px 20px;border-bottom:none;font-family:Roboto;text-transform:uppercase}/*desktop, top main menu. Note if change also consider changing accordingly @media only screen and (max-width :1200px)*/
.cgknav>ul>li>a:hover{background:inherit}
.active_top{color:var(--color1)!important;font-weight:500;}
.cgknav ul ul{top:auto;width:250px;position:absolute;z-index:9900;text-align:left;display:none;background:#ddd}/*desktop submenu width, background not working*/
.cgknav li li{display:block}
.cgknav ul ul ul{top:0;left:250px}
.cgknav>ul>li:hover>ul>li:hover>ul{opacity:1;visibility:visible;top:0}
.cgknav li a:hover{background:rgba(220, 220, 220, 0.3)}
.cgknav>ul>li.drop-left>ul{right:0}
.cgknav li.drop-left ul ul{left:auto;right:250px}
.cgknav.dark{background:#FFF}
.cgknav.dark a{color:#000}/*the word MENU*/
.cgknav.dark ul ul{background:#FFF}/*desktop submenus background*/
.cgknav.dark li a{color:#000}/*both desktop/mobile-all menus font color*/
.cgknav.dark li a:hover, .cgknav.desktop li.mega li a:hover{color:var(--color1)}/*both desktop/mobile-all menus font color on hover*/
.cgknav.fixed{position:fixed;width:100%;top:0;left:0;z-index:9999}
body.cgknav-noscroll-x{overflow-x:hidden}
.cgknav li.has-sub>a:after{content:'\f078';font-family:'FontAwesome';font-size:14px;margin-left:10px;display:inline-block}
.cgknav li li.has-sub>a:after{margin-right:5px;float:right;position:relative;top:4px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.cgknav li.drop-left li.has-sub>a:after{margin-left:0px;float:left;margin-right:10px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.cgknav.hide-arrows li.has-sub>a:after, .cgknav.hide-arrows li li.has-sub>a:after, .cgknav.hide-arrows li.drop-left li.has-sub>a:after{display:none}
.cgknav .menu-toggle, .cgknav .close-menu, .cgknav .call-btn-mobile, .cgknav .location-btn-mobile{display:none;text-transform:uppercase;text-decoration:none}
.cgknav .dd-toggle{display:none;position:absolute;top:0;right:0;padding:0;width:51px;height:46px;text-align:center;z-index:9999;border:none}
.cgknav.desktop li.has-sub a{padding-right:5px}
.cgknav.desktop.hide-arrows li.has-sub a{padding-right:15px}
.cgknav.mobile>ul>li>a.dd-toggle{padding:0}
.cgknav.mobile li a:hover{background:none;color:var(--color1)}
.cgknav li.call-btn-mobile, .cgknav li.location-btn-mobile{display:none}
.cgknav .dd-toggle:hover{background:none}
.cgknav svg{fill:currentColor;width:1em;height:1em;position:relative;top:2px}
.cgknav a.dd-toggle .icon-plus{box-sizing:border-box;transition:transform 0.3s;width:14px;height:100%;position:relative;vertical-align:middle;display:inline-block}
.cgknav a.dd-toggle .icon-plus:before{content:'\f078';font-family:'FontAwesome';font-size:14px;display:block;top:34%;position:absolute;}
.cgknav a.dd-toggle .icon-plus:after{}
.cgknav li.open>a.dd-toggle .icon-plus{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.cgknav a.dd-toggle .icon-plus:hover::before{color:var(--color1)}
.cgknav .icon-close{box-sizing:border-box;width:14px;height:15px;position:relative;display:inline-block;margin-right:3px}
.cgknav .icon-close:before{content:'';display:block;width:15px;height:0px;border-bottom:solid 3px #777;position:absolute;top:50%;transform:rotate(45deg);border-radius:10%}
.cgknav .icon-close:after{content:'';display:block;width:15px;height:0px;top:50%;border-bottom:solid 3px #777;position:absolute;transform:rotate(-45deg);border-radius:10%}
.cgknav.dark .icon-close:before{border-color:#FFF}
.cgknav.dark .icon-close:after{border-color:#FFF}
.cgknav .menu-toggle, .cgknav .call-btn-mobile, .cgknav .location-btn-mobile, .cgknav .close-menu{padding:15px;box-sizing:border-box}
.cgknav .menu-toggle span.bars{display:inline-block;margin-right:7px;position:relative;top:3px}
.cgknav .menu-toggle span.bars span{display:block;width:15px;height:2px;border-radius:6px;background:#FFF;margin:0 0 3px}
.cgknav .full{width:100%}
.cgknav .half{width:50%}
.cgknav .third{width:33%;text-align:center}
.cgknav .location-btn-mobile.third{text-align:center}
.cgknav .location-btn-mobile.half{text-align:right}
.cgknav.dark .third, .cgknav.dark .half{border-left:1px solid rgba(255, 255, 255, .15)}
.cgknav.dark.left .third, .cgknav.dark.left .half{border-bottom:1px solid rgba(255, 255, 255, .15)}
.cgknav.dark.right .third, .cgknav.dark.right .half{border-bottom:1px solid rgba(255, 255, 255, .15)}
.cgknav.dark.left .menu-toggle, .cgknav.dark.right .menu-toggle{border-bottom:none}
.cgknav.dark .third:first-child, .cgknav.dark .half:first-child{border-left:none}
.cgknav.dark .menu-toggle span.bars span{background:#000}/*color of menu bars*/
.cgknav.mobile{position:static}
.cgknav.mobile.fixed{position:static}
.cgknav.mobile ul{position:relative;display:none}
.cgknav.mobile.active{padding-bottom:0}
.cgknav.mobile.active>ul{display:block}
.cgknav.mobile ul{text-align:left}
.cgknav.mobile>ul>li{display:block}
.cgknav.mobile>ul>li>a{padding:12px 15px}
.cgknav.mobile li a{padding:12px 15px}
.cgknav.mobile ul{background:rgba(221, 221, 221, 1)}
.cgknav.mobile ul ul{position:relative;opacity:1;visibility:visible;width:auto;display:none;-moz-transition:none;-webkit-transition:none;-o-transition:color 0 ease-in;transition:none}
.cgknav.mobile ul ul ul{left:auto;top:auto}
.cgknav.mobile li.drop-left ul ul{right:auto}
.cgknav.mobile li a{border-bottom:1px solid rgba(255, 255, 255, .8)}
.cgknav.mobile>ul{border-top:1px solid rgba(255, 255, 255, .2)}
.cgknav.mobile li a.dd-toggle{border:0}
.cgknav.mobile .menu-toggle, .cgknav.mobile .dd-toggle, .cgknav.mobile .close-menu, .cgknav.mobile .call-btn-mobile, .cgknav.mobile .location-btn-mobile{display:inline-block}
.cgknav.mobile li.call-btn-mobile{border-right:1px solid rgba(255, 255, 255, .1);box-sizing:border-box}
.cgknav.mobile li.call-btn-mobile, .cgknav.mobile li.location-btn-mobile{display:inline-block;width:50%;text-transform:uppercase;text-align:center}
.cgknav.mobile li.call-btn-mobile.full, .cgknav.mobile li.location-btn-mobile.full{display:block;width:100%;text-transform:uppercase;border-right:0;text-align:left}
.cgknav.mobile.dark ul{background:rgba(221, 221, 221, 1);z-index:1000}
.cgknav.mobile.dark ul ul{background:rgba(255, 255, 255, .3)}
.cgknav.mobile.top{position:absolute;width:100%;top:0;left:0;z-index:9999}
.cgknav.mobile li.has-sub>a:after, .cgknav.mobile li li.has-sub>a:after, .cgknav.mobile li.drop-left li.has-sub>a:after{display:none}
.cgknav.mobile.right>ul, .cgknav.mobile.left>ul{position:fixed;top:0;bottom:0;width:100%;max-width:280px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cgknav.mobile.right>ul{right:0}
.cgknav.mobile.right .close-menu, .cgknav.mobile.left .close-menu{display:inline-block;text-align:right}
.cgknav.mobile.left>ul{left:0}
.cgknav.mobile.right .location-btn-mobile.half, .cgknav.mobile.right .call-btn-mobile.half, .cgknav.mobile.right .close-menu.half{text-align:center}
.cgknav.mobile.right .location-btn-mobile.third, .cgknav.mobile.right .call-btn-mobile.third, .cgknav.mobile.right .close-menu.third{text-align:center}
.cgknav.mobile.left .location-btn-mobile.half, .cgknav.mobile.left .call-btn-mobile.half, .cgknav.mobile.left .close-menu.half{text-align:center}
.cgknav.mobile.left .location-btn-mobile.third, .cgknav.mobile.left .call-btn-mobile.third, .cgknav.mobile.left .close-menu.third{text-align:center}
.cgknav.mobile.left .menu-toggle.half, .cgknav.mobile.left .menu-toggle.third, .cgknav.mobile.right .menu-toggle.half, .cgknav.mobile.right .menu-toggle.third{text-align:left}
.cgknav.mobile.left .close-menu.third span, .cgknav.mobile.right .close-menu.third span{display:none}
.cgknav.desktop li.mega ul ul{background:none}
.cgknav.desktop li.mega li{display:inline-block;vertical-align:top;/*margin-left:-4px*/}
.cgknav.desktop li.mega li li{display:block;position:relative;/*left:4px*/}
.cgknav.desktop li.mega ul ul{width:auto}
.cgknav.desktop>ul>li.mega{position:inherit}
.cgknav.desktop>ul>li.mega>ul{width:100%}
.cgknav.desktop>ul>li.mega>ul li.has-sub ul{display:block;position:relative;left:auto}
.cgknav.desktop>ul>li.mega>ul>li{/*padding-bottom:15px;*/box-sizing:border-box;}
.cgknav.desktop li.mega li li a{padding:5px 15px}
.cgknav.desktop li.mega li.has-sub a:after{display:none}
.cgknav.desktop>ul>li.mega>ul>li>a{color:#FFF;border-right:1px solid rgba(255, 255, 255, 0.15)}
@media only screen and (max-width :420px){
	.cgknav.mobile .call-btn-mobile.third span, .cgknav.mobile .location-btn-mobile.third span{display:none}
}
@media only screen and (max-width :768px){
	.cgknav{overflow:hidden;display:block}
	.cgknav ul{position:relative;display:none}
}
@media only screen and (max-width :1200px){
	.cgknav>ul>li>a{padding:15px 10px}
}