/* 
- Name: megamenu.js - style.css
- Version: 1.0
- Latest update: 29.01.2016.
- Author: Mario Loncarek
- Author web site: http://marioloncarek.com
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*Amari top header*/
.amari-topMenu { background:#AF2170!important;}
/*End of Amari top header*/
/*Ford top header*/
.ford-topMenu {
    background: rgb(0,67,119) !important;
}
.babcock-topMenu {
    background: #0054A4 !important;
}
/*End of Ford top header*/
/*Added by Anand*/
.disableBodyScroll {
    overflow: hidden;
    height: 100%;
    position:fixed;
}

.subNavOnDevice{
    height:560px;
    overflow-y:auto;
}
/*End*/
/*css-top-menu-outer*/
.pt-topMenu { background:#fff;border-bottom: 1px solid #e9e9e9;  bottom: 0px; float: left; margin: 0; padding: 0 30px; position: absolute; right: 0; text-align: center; width: auto; }
.menu-container { width: 80%; margin: 0 auto;/*background: #e9e9e9;*/}
.menu-mobile { display: none; padding: 20px; }
.menu-mobile:after { content: "\f394"; font-family: "Ionicons"; font-size: 2.5rem; padding: 0; float: right; position: relative; top: 50%; -webkit-transform: translateY(-25%); transform: translateY(-25%); }
.menu-dropdown-icon:before { /*	background:url(list-bg-01.png) right center no-repeat;*/content: "\f489"; font-family: "Ionicons"; display: none; cursor: pointer; float: right; padding: 14px 1.5em; background:#c3c2c2 /*#1c74b1*/; color: #fff; }
.menu > ul { margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
box-sizing: border-box; }
	/*.menu ul li{margin-right:20px;}*/
	.menu ul li a span{float: left; height: 42px; margin-right: 5px; margin-left: 15px; margin-top: 3px; width: 42px;}
        .menu ul li a span:nth-of-type(1) {
            display:none;
        }
        .menu > ul:before, .menu > ul:after {
            content: "";
            display: table;
        }
.menu > ul:after { clear: both; }
.menu > ul > li { float: left; /*background: #e9e9e9;*/
padding: 0; margin: 0; }
.menu > ul > li.active { background: rgba(0, 0, 0, 0) url("../../images/active-menu-bg.png") repeat-x scroll left top; border-left: 1px solid rgb(220, 220, 220); border-right: 1px solid rgb(220, 220, 220); }
.menu > ul > li.has-sub { }
.menu > ul > li.has-sub > a::after { /* border-bottom: 1px solid rgb(0, 0, 0); border-right: 1px solid rgb(0, 0, 0); content: ""; height: 6px; position: absolute; right: 10px; top: 16px; transform: rotate(45deg); transition: border-color 0.2s ease 0s; width: 6px;*/}
.menu > ul > li a { }
.menu > ul > li:hover {}

	
	/*white bg mega menu*/
	/*.menu > ul > li a {color:#fff; display: block; font-size: 16px; line-height: 50px; padding: 0 20px  0 0px; text-decoration: none; text-transform: capitalize; }
.menu > ul > li:hover {  background: #fff url("../../images/hover-menu-bg.png") repeat-x scroll left top; color: #fff;  }
	.menu > ul > li:hover a { color: #000; }
	.menu > ul > li > ul { display: none; width: 100%; background: #fff; border: 1px solid #3598dc; border-top:0px; padding: 0px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; box-sizing: border-box; }
	
	*/
	
	/*blue bg mega menu*/
	.menu > ul > li a {color:#00AFF0; display: block; font-size: 22px; line-height: 50px; padding: 0 20px  0 20px; text-decoration: none; }
	/*.menu > ul > li:hover { background: #2686c8 url("../../images/hover-menu-bg.png") repeat-x scroll left top; color: #fff; }*/
	.menu > ul > li:hover a {  }
	.menu > ul > li > ul { display: none; width: 100%; background: #fff; border: 1px solid #3598dc; border-top:0px; padding: 0px; position: absolute; z-index: 99; left: 0; margin: 0; list-style: none; box-sizing: border-box; }
	
	.megamenuHead {cursor: default!important; font-size: 22px!important; text-transform: uppercase!important; }
	.megamenuHead:hover{background:inherit!important;}
		
.menu > ul > li > ul:before, .menu > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul:after { clear: both; }
.menu > ul > li > ul > li { margin: 0; padding-bottom: 0;  list-style: none; /*width: 25%;*/
width: 33.33%; background: none; float: left; }
/*.menu > ul > li > ul > li a{ padding: 5px;}*/
/*.menu > ul > li > ul > li a {color: #fff; text-align:left; padding: .2em 0; width: 95%; display: block; border-bottom: 1px solid #ccc;}*/

.menu > ul > li > ul > li a { border-bottom: 1px solid #f5f5f5; display: block; line-height: 40px; padding: 0 20px; text-align: left; width: 100%; font-size: 16px; }
.menu > ul > li > ul > li a:hover { background:none; }

.menu > ul > li > ul > li > ul { display: block; padding:0 25px 20px; margin: 0px 0 0; list-style: none; box-sizing: border-box; }
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after { content: ""; display: table; }
.menu > ul > li > ul > li > ul:after { clear: both; }
.menu > ul > li > ul > li > ul > li { float: left; width: 100%; padding: 0px 0; margin: 0; font-size: .8em; }

.menu > ul > li > ul > li > ul > li a { border: 0; }
.menu > ul > li > ul > li > ul > li a:hover{background:none;}

.menu > ul > li > ul.normal-sub { width: 380px; left: auto; padding: 0px 0px; }
.menu > ul > li > ul.normal-sub > li { width: 100%; }
.menu > ul > li > ul.normal-sub > li a { border: 0; padding: 0em 20px; line-height: 35px; text-indent:10px; }

	.menu img.iconImage{float:left; width:35px; margin-right:7px;}
	.menu img.mainimg{width:inherit; float:none; margin:0 auto 10px; }
	.small-iconRight{float:left; width:24px; height:24px; margin-top:8px;}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 1169px) {
.pt-topMenu { padding: 0 20px; }
/*.menu > ul li ul { max-height:750px; overflow:auto;}*/
.menu > ul > li a {display: block; font-size: 18px; line-height: 50px; padding: 0 20px  0 0px; text-decoration: none; text-transform: capitalize; }
}
@media only screen and (max-width: 1023px) {
.pt-topMenu {
    height: 45px;
    right: 0;
    text-align: center;
    top: 75px;
    width: 100%;
}
.menu > ul > li > ul > li a { border-bottom: 1px solid #000; color: #2686c8;}
				.menu ul li a span { margin-left: -15px;}
.menu { position: fixed; right: 10px; top: 36px; width: 45% !important; z-index: 9999999; }
.menu-mobile::after { content: ""; float: right; font-family: "Ionicons"; font-size: 28px; padding: 0; position: fixed; right: 27px; top: 93px; transform: translateY(-25%); z-index: 999999999; color:#00AFF0; }
.menu-container { width: 100%; }
.menu-mobile { display: block; }
.menu-dropdown-icon:before { display: block; }
.menu > ul { display: none; }
.menu > ul > li { width: 100%; float: none; display: block; }
.menu > ul > li.active { background: #6a0d0f; border-left: 0px solid rgb(220, 220, 220); border-right: 0px solid rgb(220, 220, 220); }
/*.menu > ul > li a {padding: 1.5em; width: 100%; display: block;}*/
.menu > ul > li a { color: #2686c8; display:block; /*padding: 1.5em;*/ padding:7px 1.5em; text-align: left; width: 100%; font-size: 13px; line-height: 39px; }
.menu > ul > li a:hover{color:#000;}
	.menu > ul > li > ul { position: relative; background:#fff; }
	.menu > ul > li > ul.normal-sub { width: 100%; background:#fff;}
/*.menu > ul > li > ul > li { float: none; width: 100%; margin-top: 20px; }*/
.menu > ul > li > ul > li {
    float: none;
    margin-left: 0px;
    margin-top: 0;
    width: 100%;
}
.menu > ul > li > ul > li:first-child { margin: 0 0 0 0px;  }
.menu > ul > li > ul > li > ul { position: relative; }
.menu > ul > li > ul > li > ul > li { float: none; }
.menu .show-on-mobile { max-height: 280px; left: 0; right: 0; top: 44px; overflow: auto; display: block; background: #fff; z-index: 99999; color: #2686c8; border:1px solid rgb(53, 152, 220); border-top:0; }
.menu > .show-on-mobile ul > li.active, .menu .show-on-mobile > ul > li:hover{ background:none!important;border-left: 0px solid #dcdcdc; border-right: 0px solid #dcdcdc;}
.menu { position: fixed; z-index: 9999999; top: 36px; width: 100%; }
.menu-mobile { }
.menu > ul > li { margin-bottom: 1px; }
.menu > ul > li:hover { background:#c3c2c2 /*#1c74b1*/; color: #fff; }
    .headerImg {
        top: 32px !important;
    }
}
@media only screen and (max-width: 840px) {
    .menu {
        position: fixed;
        right: 10px;
        top: 36px;
        width: 60% !important;
        z-index: 9999999;
    }
}
@media only screen and (max-width: 768px) {
.menu {position: fixed; right: 10px; top: 36px; width: 60%!important; z-index: 9999999;}
}
@media only screen and (max-width: 640px) {
.menu { position: fixed; right: 0px!important; top: 36px; width: 100%!important; z-index: 9999999; }
}
@media only screen and (max-width: 599px) {
.menu-mobile::after { right: 20px!important; }

    .liCustomColumn > ul > li > figure {
        width:150px;
    }
}