




/*** ESSENTIAL STYLES ***/
#nav-wrap{ float:none;  }
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0; z-index:9;
	list-style: none;
}
.sf-menu .sf-mega {
	/*display: none!important;*/
	width:100%;
	z-index: 999;
}
.sf-menu > li {
	float: none;
	border-right:none;
	display:inline-block;
	padding:0;
	margin:0 60px 0 0;
}

.sf-menu > li:nth-child(1){display:none;}
.sf-menu > li:last-child{margin:0;}




.sf-menu > .sf-li-single{position:relative;}

.sf-menu .sf-mega.sf-single{left:0 !important;width:auto !important;/*margin:0 !important;*/padding-left:0 !important;
padding-right:0 !important;}
/*.sf-menu .sf-mega.sf-single .lt-block .block{padding: 0;}*/
.sf-menu .sf-mega.sf-single .lt-block{width: 200px;}
.sf-menu .sf-mega.sf-single .main_ul{width:100%;min-height: inherit;}




.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
	display: block;
}

.sf-menu a {
	display: block;
	
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	width:100%;
}

.sf-menu .sf-mega {
  width: 100%; /* allow long menu items to determine submenu width */
  margin: 0 auto;
  /* text-align: center; */
  left:0;
  background: none;
}

.sf-menu > li > a {font-family: 'DINPro-Medium';font-size: 14px;line-height: 16px;font-weight: 400;padding:12px 0 10px 0;margin: 0 0 0 0;text-decoration: none;border-radius: 0;letter-spacing: 1px;text-transform: uppercase; border-bottom:none;transition: all 500ms ease-in-out;}



.sf-menu li {
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	background:none;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** mega menu dropdown ***/
.sf-mega {
  padding:0;
  margin:-4px 0 0 0;
  box-sizing: border-box;
  width: auto;
  left: 92px;
  position:absolute;
  z-index:99999;
  text-align:left;
  /*padding: 20px 15px 30px;*/
  padding:0;
  top:41px;
  box-shadow: 0px 6px 5px 8px rgba(225, 224, 224, 0.15);
}

.sf-mega-section {
  float:left;
  padding: 0 140px 0 0;
  margin:0;
}
.sf-mega a{transition:all 300ms ease-in-out;}
.sf-mega h3 {text-align:left;font-size:15px;line-height:17px;font-weight:600;text-transform:uppercase;letter-spacing:0;padding:11px 14px 8px 14px;margin:12px 0 0 0;background:#18367f;color:#fff !important;}
.sf-mega .block a:hover h3{color:#d41c1e;}
.sf-mega .block ul{margin-top:10px;}
.sf-mega ul li {padding:0;margin:0;}
.sf-mega ul li a{display:block;font-size:13px;line-height:15px;font-weight:500;text-transform:capitalize;letter-spacing:0.20px;padding:5px 0 8px;margin:0;transition:all 300ms ease-in-out;}
.sf-mega ul li a.sub-head{border-bottom:none;}
.sf-mega ul li a:hover{color:#d41c1e;}
.sf-mega ul li ul{display:block !important;padding:0;}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,

.sf-menu .sf-mega .lt-block {width: 79%;float:left;}
.sf-menu .sf-mega .lt-block .block {width: 100%;float:left;padding:0 10px;}
.sf-menu .sf-mega .lt-block .block:nth-child(2) {position:relative;width: 20%;}
.sf-menu .sf-mega .lt-block .block:nth-child(3) {width:12%;}
/*.sf-menu .sf-mega .lt-block .block:nth-child(2):before {content: ""; position: absolute; width: 1px; height: 100%;}
.sf-menu .sf-mega .lt-block .block:nth-child(2):after {content: ""; position: absolute; width: 1px; height: 100%;}*/

.sf-mega .block .main_ul li{float: left;width: 100%;padding: 0 6px;margin: 0 0 2px;}
.sf-mega .block .main_ul li a{color:#000;text-transform:uppercase;font-size:14px;/*font-weight:600;*/transition:all 500ms ease-in-out;letter-spacing:0.30px;}
.sf-mega .block .main_ul li a:hover{color:#d41c1e;}


.sf-mega .block ul .all_link{width:100%;margin:0 10px 8px;}
.sf-mega .block ul .all_link a{color:#810306;text-transform: uppercase;font-size: 14px;font-weight: 500;transition: all 500ms ease-in-out;letter-spacing: 0; display:inline-block;border-bottom: 1px solid #ccc;}
.sf-mega .block ul .all_link a:hover{color:#d41c1e !important;}
.sf-mega .block .main_ul .sub_main_menu ul li{width:100%;padding:0;margin:0;}
.sf-mega .block .main_ul .sub_main_menu{min-height:170px;}
.sf-mega .block .main_ul .sub_main_menu h3{font-size:13px;line-height:14px;margin-top:0;}
.sf-mega .block .main_ul .sub_main_menu ul{margin-top:0;display:block !important;opacity:1 !important;}

/**/
.sf-mega .block .main_ul .heading_sub a{font-weight:600;}
.sf-mega .block .main_ul .heading_sub a h3{font-size:14px;background:transparent; font-weight:600; padding:0;margin-top: 0;}
.sf-mega .block .heading_child_list a{color:#737373 !important;text-transform: capitalize !important;font-weight: 400 !important;}
.sf-mega .block .heading_child_list a:hover{color:#d41c1e !important;}





.sf-mega .block .main_ul .child_main_div{width:100%;display:inline-block;}


.sf-menu .sf-mega .rt-block {width: 21%;float:right;padding:0 10px;text-align:left;}
.sf-menu .sf-mega .rt-block h4{font-size: 15px !important;line-height: 20px !important;font-weight: 600 !important;text-transform: uppercase !important;color:#000 !important;text-align: center;}



.sf-menu .sf-mega .rt-block .all-blocks {display:flex;justify-content:space-between;padding:0;margin:0;}
.sf-menu .sf-mega .rt-block .all-blocks .block {padding:0;width:100%;margin:0;}
.sf-menu .sf-mega .rt-block .all-blocks .block .img {display:block;width: auto;padding:15px 0 0 0;}
.sf-menu .sf-mega .rt-block .all-blocks .block img{max-width:100%;height:auto;padding:0 0 13px 0;margin:0;}
.sf-menu .sf-mega .rt-block .all-blocks .block h4 {font-size:12px;line-height:18px;font-weight:500;text-transform:uppercase;letter-spacing:1px;padding:0 0 0 0;margin:0;}
.sf-menu .sf-mega .rt-block .all-blocks .block p {font-size:13px;line-height:15px;font-weight:500;text-transform:none;letter-spacing:0.04em;padding:0;margin:0;}

/*superfish*//*==new-css==*/
.sf-menu a {color:#fff;}
.sf-menu .sf-mega {display:block;}
.sf-menu .sf-mega .main_menu_block{background:#ffffff;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.13);padding:0 20px 10px;}
.sf-menu .sf-mega.sf-single .main_menu_block{padding:0;}

.sf-menu > li > a {color: #515151;}
.sf-menu > li > a:hover{color:#d41c1e; border:none;}
.sf-mega h3{color: #292929;}
.sf-mega ul li a{color: #7c7c7c;}
.sf-mega ul li a:hover{color:#d41c1e;}
.sf-menu .sf-mega .lt-block .block:nth-child(2):before{background: rgba(20,25,31,0.1);  top: 0; left: -40px; }
.sf-menu .sf-mega .lt-block .block:nth-child(2):after{background: rgba(20,25,31,0.1);  top: 0; right: 40px;}
.sf-menu .sf-mega .rt-block .all-blocks .block h4{color: #171717;}
.sf-menu .sf-mega .rt-block .all-blocks .block p{color: #7c7c7c; }


.sf-menu > li > .sf-with-ul{background: url(../images/arrow-down.png) no-repeat right 18px;padding-right: 16px;}





/************************************************************************************
MOBILE
*************************************************************************************/

@media screen and (max-width:1280px) {
	.	
	.navbar-default .bottom-block .all-block .social-block ul li{ padding: 0 0 0 15px; }
	/*.sf-menu > li > a{ padding:12px 5px;  }*/
	.sf-menu > li {margin: 0 33px 0 0;}
}
@media screen and (max-width:1199px) {
.sf-menu > li > a{font-size:14px;line-height:15px;letter-spacing:0;/*padding-right:22px;*/margin-right:11px;}
.sf-mega h3{font-size:19px;line-height:24px;}
}
@media screen and (max-width:991px) {
.sf-menu > li > a{font-size:10px;line-height:12px;}

}

@media screen and (max-width: 991px) {
	
	.sf-menu .sf-mega{ padding:0; display: none !important; }
	.sf-menu .sf-mega .block{ display:none; }
	
	/* menu icon */
        #menu-icon {
			 /*display:block;*/ display:none;width:35px;height:31px;text-indent:-9999999em; 
			padding:0;overflow:hidden;cursor:pointer;z-index:1000;margin:5px 0;float:right; 
        }
        #menu-icon:hover {
              
        }
		.sf-menu > li:hover,
		.sf-menu > li.sfHover { background:none}
       
		
		/* main nav */
		.sf-menu ul{display:block; visibility:visible; background:#2c58a8;}
        .sf-menu {
                clear: both;
                position:absolute;
                top:41px;
                width:100%;
                z-index: 10000;
                       
                display: none; /* visibility will be toggled with jquery */
				
				left:0; 
			
        }
		
		.sf-menu ul.default{ min-width:inherit; position:relative; background:none; padding:0px; }
		.sf-menu ul.default li{ padding:0 0 0 15px; margin:0; }
		.sf-menu ul.default li a{ font-size:14px; font-weight:500; line-height:16px; }
		.sf-menu ul.default li a:hover{ background-color:inherit ; text-decoration:underline; }
        .sf-menu li {
                clear: both;
                float: none;
                margin: 0;
				background:none;
				border:none;
				border-radius:0;
        }
		.sf-menu > li{ background:none; padding:0 0; margin:0 0 0 0; display:block; }
		.sf-menu > li > a { width: 100%; display: block!important;   font-size:14px; line-height:26px; font-weight:500; background:none; border-radius:0; 
		text-align:left; margin: 0; padding: 5px 15px; }
        .sf-menu a,
        .sf-menu ul a {
                font: inherit;
                background: none;
				transition: all 300ms ease-in-out;
				margin:0 0 1px 0;
				padding:0 ;
                display: block;
				width:90%;
                
                border: none;
				line-height:24px;
				height:inherit;
        }
		.sf-menu a:hover{ text-decoration:underline; }
        .sf-menu a:hover,
        .sf-menu > li > a:hover{  text-decoration:none; border-radius:0 ;  }
		.sf-menu a.active {
               background: none;
               color: #d41c1e;
				
        }
		
		.sf-menu > li.mobile{ display:block; text-align:left; padding:0 0 5px 0; }
		.sf-menu > li.mobile a{ font-family: 'Open Sans', sans-serif; font-size:17px; line-height:24px; font-weight:600; text-decoration:none; }
		.sf-menu > li.mobile .searchBox{ float:none; width:200px; margin:0 auto; }
		.sf-menu > li.mobile .searchBox input[type="text"]{ width:156px; }
 
        /* dropdown */
        .sf-menu ul {
                width: auto;
                position: static;
                display: block;
                border: none;
                background: inherit;
        }
		.sf-menu .sf-mega{ display:none ;}
}

@media screen and (max-width: 767px) { 



}

ul.main_ul {
    width: 25%;
    float: left;
    min-height: 225px;
}