@charset "utf-8";
/* CSS Document */

/*------ mega menu start------------------------------------------------------------*/
.static{position:static !important;}
.logo_menu_panel{ position:relative; background:#000000;}
.logo_menu_panel:after{ content:''; display:block; clear:both;}


#mainNav{background:none; border:none; margin-left:0px; float:left; }
#mainNav:after{ content:''; display:block; clear:both;}
.nav2{ display:none;}
.navPanel ul.navUl:after{ content:''; display:block; clear:both;}
.navPanel ul.navUl > li{ float:left;    }
/*.navPanel ul.navUl > li:before{ content:''; position:absolute; left:0; top:0; width:1px; height:18px; background:#FF0004;   }*/

.navPanel ul.navUl > li > a { z-index:111; font-size:12px; text-transform:uppercase; font-weight:400; color:#FFF;  display:block;padding:18px 60px 18px 60px; height:45px; position:relative;}
.navPanel ul.navUl > li > a:before{ content:''; position:absolute; left:0; top:16px; width:1px; height:16px; background:#909090;   }



.navPanel ul.navUl > li:first-child > a:before{ content:''; position:absolute; left:0; top:16px; width:0px; height:16px; background:#000;   }
.navPanel ul.navUl > li:first-child> a{padding:18px 65px 18px 0px;}
/*.navPanel ul.navUl > li:last-child> a{padding:18px 0px 18px 65px;}*/
.navPanel ul.navUl > li a:hover { text-decoration:none} 
.navUl>li.dropdown{position:static; }
.navUl>li.dropdown > a{position:relative;  text-decoration:none;}
.navUl>li.dropdown > a > span.caret{border-style:solid dashed solid dashed; border-color:#555 transparent transparent transparent; border-width:6px 3px 0 3px; display:none;}

.navUl>li.dropdown > a:after{content:''; display:block; border-style:solid dashed solid dashed; border-color:#000 transparent transparent transparent; border-width:9px 9px 0 9px; position:absolute; bottom:-7px; left:50%; margin-left:-9px; display:none;}
.navUl>li.dropdown:first-child > a:after{ margin-left:-30px;}
.navUl>li.dropdown:last-child > a:after{ margin-left:0px;}
.navUl>li.dropdown.mega-opened > a:after{display:block;}
.navUl>li.dropdown.mega-opened > a{color:#67b9e2;}

.navUl>li .megamenu{background:#e5e5e5 /*url(../images/mag_menu_bg.png) repeat-x 0 0*/; position:absolute; width:100%; top:100%; left:0; z-index:100; margin:0; padding:0 0px; visibility:hidden; opacity:0;  transform:translateY(-15px); -webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -o-transform:translateY(-15px); transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;  -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.2);  box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, 0.2);}

.navUl>li .megamenu2{background:#e5e5e5 /*url(../images/mag_menu_bg.png) repeat-x 0 0*/; position:absolute; width: 100%; top:100%; left:0; z-index:100; margin:0; padding:0 0px; visibility:hidden; opacity:0;  transform:translateY(-15px); -webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -o-transform:translateY(-15px); transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;  -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.2);  box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, 0.2);}
.navUl>li.mega-opened .megamenu{opacity:1; visibility:visible; transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); padding:40px 0;}
.navUl>li.mega-opened .megamenu2{opacity:1; visibility:visible; transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); padding:20px 0;}
.submenu2{ padding-top:0px; float:left; width:100%}
/*.submenu2 > li{ color:#000; font-weight:400; text-transform: none; font-size:14px;  display:block;  margin-bottom:0px;}*/
.submenu2 > li > small, .submenu2 li span{ color:#000; font-weight:400; text-transform: none; font-size:14px;  display:block; padding-bottom:6px;  padding-top:6px; margin-bottom:0px;}
.submenu2 > li > a, .submenu2 li span{ color:#000; font-weight:400; text-transform: none; font-size:14px;  display:block; padding-bottom:3px;  padding-top:3px; margin-bottom:0px;}
.submenu2 li a:hover{color:#2c5db4;}
.submenu2 > li{float:left; }
.submenu2 > li:first-child{ padding-right:20px;}
.submenu2 > li { margin-bottom:4px; position:relative;}
.submenu2 > li a{color:#2f2f2f; display:block;  padding-left:0px; font-size:13px; font-weight:300; line-height:18px;  transition: all 0.5s ease; }

.submenu2 > li ul { margin-bottom:4px; position:relative; padding-left:5px;}
.submenu2 > li ul li {color:#2f2f2f; display:block;  font-size:12px; font-weight:300; line-height:18px;  transition: all 0.5s ease; }
.submenu2 > li ul li a {color:#2f2f2f; display:block;  font-size:12px; font-weight:300; line-height:18px;  transition: all 0.5s ease; }
.submenu2 > li a:hover{color:#0073bd; padding-left:10px;  }
.position-rel{ position:relative !important;}



.submenu3{ padding-top:0px; float:left; width:100%}
/*.submenu2 > li{ color:#000; font-weight:400; text-transform: none; font-size:14px;  display:block;  margin-bottom:0px;}*/
.submenu3 > li { color:#000; font-weight:400; text-transform: none; font-size:14px;  display:block; padding-bottom:4px;  padding-top:0px; margin-bottom:0px; padding-left:10px; box-sizing:border-box;}
.submenu3 > li a{color:#2f2f2f; display:block;  padding-left:0px; font-size:13px; font-weight:300; line-height:18px;  transition: all 0.5s ease; }
.submenu3 > li a:hover{color:#0073bd; padding-left:10px;  }



/*.submenu2 > li:after{content: ""; position:absolute; left:0; top:12px; width:5px; height:1px; background:#a1a1a1; margin-right:5px;}*/
.submenu2 > li:hover:after{ display:none;}
.mobitrigger{display:none;}
.box100per{ width:100%; height:auto; float:left; padding-right:3%; box-sizing:border-box;}
.box100per >.submenu2 > li{ width:33.3333333%; }
.box100per >.submenu3 > li{ width:100%; }
.box50per{ width:50%; height:auto; float:left; padding-right:3%; box-sizing:border-box;}
.box50per h2{ font-size:14px; color:#000000; font-weight:400; text-transform:uppercase; padding-bottom:10px; position:relative;}
.box50per h2:after{ content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#909090; }
.box50per >.submenu2 > li{ width:50%; }

.box333per{ width:33%; height:auto; float:left; padding-right:1%; box-sizing:border-box;}
.sub-text{width:33%; float:left;  font-size:14px; color:#000000; font-weight:400; text-transform:uppercase; padding-bottom:10px; position:relative;}
.sub-text a{font-size:14px; color:#000000; font-weight:400; text-transform:uppercase;}
.sub-text a:hover{ color:#308bca;}

.box333per h2{ font-size:12px; color:#000000; font-weight:400; text-transform:uppercase; padding-bottom:10px; position:relative; padding-top:10px;}
.box333per h2 a{ font-size:12px; color:#000000; font-weight:400; text-transform:uppercase; }
.box333per h2 a:hover{ font-size:12px; color:#40bbe2; font-weight:400; text-transform:uppercase; }
.box333per h2:after{ content:''; position:absolute; left:0; bottom:0; width:40px; height:1px; background:#909090; }
.box333per>.submenu2 > li{ width:100% !important ; float:inherit !important; display:block; }

@media only screen and (max-width: 1199px){
.navbar-default .navbar-nav > li > a { font-size:12px; font-weight:400; padding:0 7px; color:#2A2A2A !important; line-height:65px;}
}


@media only screen and (max-width:1030px){
.navPanel ul.navUl > li > a {padding: 35px 12px 0;}

.navPanel ul.navUl > li > a {padding:20px 12px; height:auto;}	
.nav2{ display:block;}
.navbar{min-height:0;}
.mobitrigger{float:right; height:22px; width:54px; display:block; cursor:pointer; margin:35px 0 0 20px;; }

#mainNav{ position:absolute; left:0; top:0px; width:100%; height:300px; overflow:scroll; background:#ececec; z-index:99;  display:none;  -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0.5);  box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, 0.5);margin-left:0px;}

.navPanel ul.navUl > li{ width:100%; border-bottom:1px solid #CCC;}
.navUl>li .megamenu{position:relative; display:none;}
.navUl>li.mega-opened .megamenu{ display:block;   -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0);  box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, 0);}
.navUl>li .megamenu {background: #f3f3f3 none;}
.navUl>li .megamenu .row div.submenu_desktop, .sub_submenu_desktop{ display:none;}



.navUl>li .megamenu2{position:relative; display:none;}
.navUl>li.mega-opened .megamenu2{ display:block;   -webkit-box-shadow: 2px 2px 2px 0px rgba(5, 5, 5, 0);  box-shadow: 0px 2px 2px 0px rgba(5, 5, 5, 0);}
.navUl>li .megamenu2 {background: #f3f3f3 none;}
.navUl>li .megamenu2 .row div.submenu_desktop, .sub_submenu_desktop{ display:none;}



.sub_submenu_info{ display:block; float:none; width:100%; height:auto;}
.ssmi_holder > h3{ display:block; color:#2c5db4; font-size:12px; text-transform:uppercase; height: 40px; line-height: 40px; font-weight:600; border-bottom:2px solid #2c5db4; margin-top:15px;}
.sub_submenu_info > h4{ display:block; color:#2c5db4; background: url(../images/down-arrow.png) no-repeat 96% 50%; height: 40px; line-height: 40px;  font-weight:400; border-bottom:1px solid #CCC;}
	

.navUl>li.dropdown > a > span.caret{ border:none; position:absolute; right:6.5%; top:50%; margin-top:-5px; background:url(../images/icon-more2.png) no-repeat 50% 50%; width:11px; height:11px; display:block;}

.navUl>li.mega-opened > a > span.caret{background:url(../images/icon-less.png) no-repeat 50% 50%;}

.navUl>li.dropdown > a:after {/*left: 85%; margin-left: -9px;*/}

.submenu2{ padding-top:0px;}
.mpt{ padding-top:30px;}
.submenu2 > li ul { padding-bottom:15px;}
.top-menu{ display:none;}
.box294 {max-width: 200px; padding-right:10px; }
.box680 {max-width: 520px; padding-right:10px; }
}
@media only screen and (max-width:1024px){
	.box25present { width:100%;}
	.submenu2{ display:block; width:100%; float:left}
	.box294{ max-width:inherit;}
	.box30per {width: 100%;}
	.box20per {width: 100%;}
	.box40per {width: 100%;}
	.box680 {max-width: inherit; padding-right:0px; width:100% }
	.box50per {width: 100%;padding-right: 0px;}
	.box169 {max-width: inherit;}
	.mobitrigger{margin:29px 0 0 20px; }
	
	.navPanel ul.navUl > li:before{ display:none;}
	.navPanel ul.navUl > li > a:before{display:none;}
	.navPanel ul.navUl > li:first-child> a, .navPanel ul.navUl > li:last-child> a{padding: 20px 12px 20px 12px !important;}
	.navPanel ul.navUl > li > a {font-size: 16px !important;color: #000 !important;}
	/*.box100per{ padding-left:3%;  padding-right: 3%;}*/
	.navUl>li.dropdown > a:after{display:none !important;}
	.box100per >.submenu2 > li { width:50% !important;}
	
	
} 
@media only screen and (max-width:985px){
} 

@media only screen and (max-width:768px){
	.box294 { padding-right:10px; }

} 



@media only screen and (max-width:640px){
	.box680 {max-width:370px;}
	.top_customer_login{text-align:right;  float:right; padding:22px 15px 0 5px;}
	
	.box333per{ width:50%;}
} 

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

}

@media only screen and (max-width: 480px){
.sub_submenu_info ul li a span{padding-top:15px;}
.sub_submenu_info ul li a span strong{ font-weight:400}
.submenu2 > li ul div{ float:left; width:100%;}
.submenu2 > li ul div:first-child{ padding-right:0px;}

.afterdisB{ display:none !important}
.top_customer_login {
    text-align: right;
    float: right;
    padding: 15px 0px 10px 5px;
}
.form_50per {margin-bottom: 10px !important;}
}

@media only screen and (max-width:360px){
.sub_submenu_info ul li a span{padding-top:5px;}
#mainNav{height:400px;}
.box50per {
    width: 100%; padding-right:0;}
	.top_customer_login {
    text-align: right;
    float: left;
    padding: 7px 0px 10px 0px;
}
.logo_right{ float: left;}
.logo2{ padding-top:10px;}
.logo3{ padding-top:10px;}
.box100per >.submenu2 > li { width: 100% !important;}
.sub-text {width: 100%;}
.box333per {width:100%;}
}