@media (min-width: 1200px) {

div.nav-menu > ul > li > a:before, 
ul.nav-menu > li > a:before, 
ul.mega-menu > li > a:before  {
    transition: all 0.2s ease-in-out 0s;
}



/* MAIN MENU
-----------------------------------------------------------------------------------------------------*/
ul ul li { position:relative}

[id*="mega-menu-wrap-primary"] .mega-menu-toggle, [id*="mega-menu-wrap-primary"] > label {    display: none;}


#nav-mainmenu {background-color: rgba(0, 0, 0, 0.6);}
#header #nav-mainmenu .container { height:58px;}  
#nav-mainmenu  ul { margin:0; padding:0; list-style:none; }
#nav-mainmenu  ul.mega-menu {height:58px; position:relative}

div.nav-menu > ul , ul.nav-menu  { height:58px;}
div.nav-menu > ul > li , ul.nav-menu > li, ul.mega-menu > li{position:relative;display:block;float:left;list-style-type:none; margin-left:1px}
div.nav-menu > ul > li:first-child , ul.nav-menu > li:first-child, ul.mega-menu > li:first-child{ margin-left:0}


/* Item level 1 */
div.nav-menu > ul > li > a, 
ul.nav-menu > li > a, 
ul.mega-menu > li > a  {     color: #fff;    cursor: pointer;    display: block;    font-size: 16px;    font-weight: 300;    line-height: 58px;    padding: 0 16px;    position: relative;    text-transform: uppercase;    z-index: 1;}

div.nav-menu > ul > li > a:after, 
ul.nav-menu > li > a:after, 
ul.mega-menu > li > a:after  {  background-color: transparent;    border-top: 2px solid transparent;    content: "";    display: block;    left: 0;    position: absolute;    right: 0;    top:0;	height:0;    z-index: -1; visibility: hidden;		}

div.nav-menu > ul > li:hover > a:after,
div.nav-menu > ul > li[class*="current_"] > a:after, 
ul.nav-menu > li:hover > a:after,
ul.nav-menu > li[class*="current_"] > a:after,
ul.mega-menu > li:hover > a:after,
ul.mega-menu > li[class*="current_"] > a:after { 	 visibility: visible; height:100%; border-color:#f00 ; background-color: rgba(0, 0, 0, 0.4); }



/* Item level n */
.nav-menu ul.children > li >  a, 
.nav-menu ul.sub-menu > li > a, 
.mega-menu ul.mega-sub-menu > li > a,
.mega-menu ul.menu  li > a {text-transform:capitalize;font-weight:300; overflow:hidden; position:relative;     display: block;      padding: 10px;    text-decoration: none !important;	}




.nav-menu ul.children > li:hover >  a, 
.nav-menu ul.sub-menu > li:hover > a, 
.nav-menu ul.children > li[class*="current_"] >  a, 
.nav-menu ul.sub-menu > li[class*="current_"] > a,
.mega-menu ul.mega-sub-menu > li:hover > a, 
.mega-menu ul.mega-sub-menu > li[class*="current_"] > a {    background-color: #43474d;    color: #fff;}








/* Submenu */
.mega-menu ul.mega-sub-menu li { position:relative;}
.nav-menu ul.children, .nav-menu ul.sub-menu, .mega-menu ul.mega-sub-menu,.mega-menu  ul.menu ul.sub-menu {width:250px;position:absolute;display: none;z-index:99; color:#fff;   
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.35);
}
.nav-menu li:hover > ul.children, .nav-menu li:hover > ul.sub-menu,  ul.mega-menu li[class*="mega-menu-columns-1"] .mega-sub-menu li:hover > .mega-sub-menu  {display:block;}
.nav-menu ul.children ul.children, .nav-menu ul.sub-menu ul.sub-menu,.mega-menu  ul.menu ul.sub-menu, .mega-menu ul.mega-sub-menu ul.mega-sub-menu {    left: 98%;    margin: 0;    top: 0;
   background: #000 none repeat scroll 0 0;
    box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.35);
	-webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.35);
}

div.nav-menu > ul ul > li.page_item_has_children > a:after,
ul.nav-menu ul > li.menu-item-has-children > a:after,
.mega-menu .mega-sub-menu > li.mega-menu-item-has-children > a:after,
.mega-menu ul.menu  li.menu-item-has-children > a:after {content: "\e917";    display: inline-block;   font-family: icomoon !important;    font-style: normal;    font-weight: normal;      position: absolute;    right: 10px;    top: 50%; margin-top: -10px;}


.nav-menu ul.children > li + li,
.nav-menu ul.sub-menu > li + li,
.mega-menu ul.mega-sub-menu > li + li,
ul.menu  li + li { margin-top:1px;}
.nav-menu ul.children > li span, 
.nav-menu ul.sub-menu > li  span,
.mega-menu ul.mega-sub-menu > li  span{display:block;}




ul.mega-menu li.mega-menu-megamenu { position: static;}
ul.mega-menu li.mega-menu-megamenu > ul.mega-sub-menu{    left: 0;     width: auto;    right: 0; padding:15px 0 !important}


ul.mega-menu ul.mega-sub-menu  > li[class*="mega-menu-columns-"] {width: 100%; float:left; padding:0 20px;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-2 {width: 50%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-2 {width: 100%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-3 {width: 33.3333%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-3 {width: 66.6667%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-3-of-3 {width: 100%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-4 {width: 25%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-4 {width: 50%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-3-of-4 {width: 75%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-4-of-4 {width: 100%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-5 {width: 20%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-5 {width: 40%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-3-of-5 {width: 60%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-4-of-5 {width: 80%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-5-of-5 {width: 100%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-6 {width: 16.6667%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-6 {width: 33.3333%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-3-of-6 {width: 50%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-4-of-6 {width: 66.6667%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-5-of-6 {width: 83.3333%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-6-of-6 {width: 100%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-7 {width: 14.2857%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-7 {width: 28.5714%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-3-of-7 {width: 42.8571%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-4-of-7 {width: 57.1429%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-5-of-7 {width: 71.4286%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-6-of-7 {width: 85.7143%}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-7-of-7 {width: 100%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-1-of-8 {width: 12.5%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-2-of-8 {width: 25%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-3-of-8 {width: 37.5%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-4-of-8 {width: 50%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-5-of-8 {width: 62.5%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-6-of-8 {width: 75%}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-7-of-8 {width: 87.5%;}ul.mega-menu ul.mega-sub-menu  > li.mega-menu-columns-8-of-8 {width: 100%;}


ul.mega-menu li[class*="mega-menu-columns-1"] > a, ul.mega-menu li[class*="mega-menu-columns-1"] > .col-showsub ~ .mega-sub-menu > li > a {    background: transparent none repeat scroll 0 0 !important;    border-bottom: 1px solid rgba(255, 255, 255, 0.3);    color: #ffffff;    display: block;    line-height: 34px;    margin-bottom: 10px;    padding: 0 !important;    text-transform: uppercase;}
ul.mega-menu li[class*="mega-menu-columns-1"] > a:after { display:none !important}
ul.mega-menu li[class*="mega-menu-columns-1"] > .col-showsub ~ .mega-sub-menu > li + li { margin-top:20px}
ul.mega-menu li[class*="mega-menu-columns-1"] > .mega-sub-menu,
ul.mega-menu li[class*="mega-menu-columns-1"] > .col-showsub ~ .mega-sub-menu > li > .mega-sub-menu { display:block !important; height:auto !important; background:none !important; position:relative; left:auto !important; right: auto !important; top:auto !important; width:auto !important; box-shadow: none; -webkit-box-shadow: none;}



ul.mega-menu li[class*="mega-menu-columns-1"] > a.col-showsub { color:#f00 !important} 
ul.mega-menu li[class*="mega-menu-columns-1"] > .col-showsub ~ .mega-sub-menu > li > a:after { display:none !important} 

ul.mega-menu li[class*="mega-menu-columns-1"]:hover { z-index:100; }


.mega-menu .mega-sub-menu a[class*="icon-"]:before { float:left; background: url(../images/bg_icon.png) no-repeat 200% center; line-height:inherit; margin:-10px -2px -10px -10px;  padding: 10px 8px 10px 10px;
animation-delay: 0.2s; -webkit-animation-delay: 0.2s;      transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; }
.mega-menu ul.mega-sub-menu > li:hover > a[class*="icon-"]:before, .mega-menu ul.mega-sub-menu > li[class*="current_"] > a[class*="icon-"]:before  { background-position: 100% center; padding-right:16px;}




.mega-menu  ul.menu ul.sub-menu li { padding:0 !important}

#nav-mainmenu  .submenu-category  a { font-size: 14px;    padding: 8px 0; text-transform:capitalize;font-weight:300;    display: block;    text-decoration: none !important;}

.mega-menu .dateItem span { display:inline-block !important}


.home  #mega-menu-item-3819 > ul_  { display:block !important}

a.flexMenuToggle { display:none}









/* mega-menu
-----------------------------------------------------------------------------------------------------*/


.mega-menu-header { border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-transform: uppercase; line-height: 34px; }

.service-wrap {    text-align: center;}
.service-wrap  .title {    font-size: 15px;    margin-bottom: 5px;}
.service-wrap  .service-img {    margin-bottom: 20px; font-size: 20px;}
.service-wrap  .service-img img { width:75px;}
.service-wrap  .service-icon {    font-size: 60px;}
.service-wrap .desc {    color: #777;    margin-bottom: 20px;}


.service-text { color: #ffffff; font-size: 13px; font-weight: normal; margin-top: 15px; padding-top: 10px; position: relative; }
.service-text::before { background-color: rgba(255, 255, 255, 0.15); content: ""; display: block; height: 1px; left: 15px; position: absolute; right: 15px; top: 0; width: 95%; }


.mega-menu .service .text p,.mega-menu .service-wrap .desc{ color: inherit; font-size: 12px;}
.mega-menu .icon-services{ padding-top: 30px;}
.mega-menu .service{ padding-top: 10px;}

.mega-menu  .service{ position: relative;}


.mega-menu > .mega-menu-item > .mega-sub-menu > li[class*="mega-menu-columns-"] + li[class*="mega-menu-columns-"]:before,
.mega-menu  .textwidget .row .service + .service:before { background-color: rgba(255, 255, 255, 0.15); bottom: 0; content: ""; display: block; margin-left: -20px; position: absolute; top: 0; width: 1px; }

.mega-menu ul.mega-sub-menu > li > a.col-showsub{ display: none !important;}





.mega-menu-item a.no-text{	  font-size: 0 !important;    line-height: 43px !important;}
.mega-menu-item a.no-text[class*='icon-']::before {    font-size: 18px;    line-height: 58px;}

.mega-menu .showsubmenu { display:none !important}

}


@media (max-width: 1199px) {

#nav-mainmenu {  display:none}

body.admin-bar #nav-mainmenu-mobile{top: 32px !important;}


#mainsite, #nav-mainmenu-mobile { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;  }
body.showmenu #page, body.hidemenu #page {position:fixed; top:0; left:0; bottom:0; right:0;}

a.flexMenuToggle {    color: #ffffff !important; position:absolute; top:65%; right:15px;  transform: translateY(-50%); -webkit-transform: translateY(-50%);     display: inline-block !important;    font-size: 18px;      text-align: center;    z-index: 1000; padding:8px 10px 0;   height: 32px;
 

    background-color: #004e70;
    border: #004e70;
	border-radius:3px;
}
a.flexMenuToggle span {    background: #ffffff none repeat scroll 0 0;    border-radius: 4px;    display: block;    height: 2px;    margin: 4px 0 0;    width: 25px;}
a.flexMenuToggle span:first-child {    margin-top: 0;}

.header-top { right:66px  !important;}


	
span.flexMenuToggle  {    background:#000;	background-color:rgba(0,0,0,0.1);    bottom: 0;	cursor:pointer;    display: none;     position: absolute;    top: 0;    width: 100%;    z-index: 9999999;}	
body.showmenu span.flexMenuToggle { display:block}



/* mainsite */
#mainsite { position:relative; left:0;   z-index: 1001; box-shadow:0 -11px 10px rgba(0, 0, 0, 0.9); -webkit-box-shadow:0 -11px 10px rgba(0, 0, 0, 0.9);-moz-box-shadow:0 -11px 10px rgba(0, 0, 0, 0.9);}
body.showmenu #mainsite {  transform: translateX(280px);-webkit-transform: translateX(280px); -moz-transform: translateX(280px); -ms-transform: translateX(280px);}
body.showmenu.hidemenu #mainsite {transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);}

/* block-mainnav */
#nav-mainmenu-mobile {width:280px; color: white; position:fixed !important;  overflow:auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -o-overflow-scrolling: touch; -ms-overflow-scrolling: touch;  margin:0 !important; padding:20px 0 0 0 !important; top:0;  background:#004e70; left:0; top:0 !important; bottom:0; -moz-box-sizing:border-box;     -webkit-box-sizing:border-box;    box-sizing:border-box;
transform: translateX(-280px);-webkit-transform: translateX(-280px); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px);   }
#nav-mainmenu-mobile .container  { width:auto !important; margin:0 !important; padding:0 0 50px !important}

body.showmenu #nav-mainmenu-mobile {  transform: translateX(0);	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	-ms-transform: translateX(0);}
body.showmenu.hidemenu #nav-mainmenu-mobile {transform: translateX(-280px);-webkit-transform: translateX(-280px); -moz-transform: translateX(-280px); -ms-transform: translateX(-280px);}



ul.mega-menu { color:#fff;}
ul.mega-menu .mega-menu-item a.no-text, ul.mega-menu .mega-menu-item a.no-text[class*="icon-home32"]:before {    font-size: 16px  !important;    line-height: 20px !important;}
ul.mega-menu .row { margin-left:0 !important; margin-right:0 !important}
ul.mega-menu [class*="col-"] {    margin-bottom: 0 !important; padding: 0 !important; float:none !important; width:auto !important}



ul.mega-menu, ul.mega-menu ul  { margin:0; padding:0; list-style:none; }
ul.mega-menu li { position:relative  }

ul.mega-menu > li + li  { margin-top:1px;  border-top: 1px solid rgba(255, 255, 255, 0.3);}

ul.mega-menu > li > a{ line-height:20px; padding:10px 2px; display:block; font-size:15px; text-transform:uppercase;}
ul.mega-menu li .showsubmenu { position:absolute; right:0; top:0;    cursor: pointer;    height: 40px;    line-height: 40px;    padding: 0 10px;    text-align: right;    width: 50px;}
ul.mega-menu li.parent-showsub > .showsubmenu:before{    content: "";}

ul.mega-menu [class^="icon-"]:before, ul.mega-menu [class*=" icon-"]:before { margin-right:5px;}


ul.mega-menu   a { padding:10px 0; line-height:20px;  display:block; background:none !important;}


ul.mega-menu li > a.col-showsub {    display: none !important;}
ul.mega-menu li .col-showsub ~ ul { display:block; margin:0}
ul.mega-menu li .col-showsub ~ .showsubmenu   { display:none}

ul.mega-menu > li[class*="current-"].mega-menu-item-has-children >  a { background-color:rgba(0,0,0,0.3)}

ul.mega-menu ul li[class*="current-"].mega-menu-item-has-children >  a,
ul.mega-menu ul li.parent-showsub.mega-menu-item-has-children >  a {  border-bottom: 1px solid rgba(255, 255, 255, 0.3);}


ul.mega-menu a:not([class*="icon-"]):before { content: "\e923"; font-family: "icomoon"; position:relative; top:1px;  }
ul.mega-menu ul a:not([class*="icon-"]):before { content: "\e917";  }


ul.mega-menu li[class*="mega-menu-columns-"] {margin-right: 10px;}


ul.mega-menu ul { display:none; margin-left:12px;}
ul.mega-menu li.parent-showsub > ul { display:block !important;}


ul.mega-menu  .service .text p {     color: #fff;}
ul.mega-menu  .service-text  a { display:inline-block}

	@media (max-width: 782px) {
	body.admin-bar #nav-mainmenu-mobile {top: 46px !important;}
	}
	
	




#nav-mainmenu-mobile .nav-menu > ul > li + li { border-top: 1px solid rgba(255, 255, 255, 0.3);}
#nav-mainmenu-mobile .nav-menu ul  a { line-height:20px; padding:10px; display:block; font-size:15px; text-transform:uppercase;}
#nav-mainmenu-mobile .nav-menu ul ul { margin:0 0 0 22px;}


	
}