/* #Images
================================================== */

img { max-width: 100%; height: auto; }

/* Header */
#header {position: fixed;display: block;margin: 0 auto;top: 0px;left: 0px;right: 0px;background: #fff;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
z-index: 499;	
-webkit-transition: top 0.1s ease-out, background-color 0.6s ease;
-moz-transition: top 0.1s ease-out, background-color 0.6s ease;
-ms-transition: top 0.1s ease-out, background-color 0.6s ease;
-o-transition: top 0.1s ease-out, background-color 0.6s ease;
transition: top 0.1s ease-out, background-color 0.6s ease;}

#header.scrolled {border-bottom: none;box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);background: rgba(255,255,255,0.97);}
#header.mobile_force_relative_position { position: relative; -webkit-transition: 0;-moz-transition: 0;-ms-transition: 0;-o-transition: 0;transition: 0;}
#header.scrolled.has_subheader.hide_subheader_on_scroll {top: -38px;}
#header.scrolled #menu > ul > li > a {line-height: 60px;}

#logo{float: left;overflow: hidden;}
/* Fix flickering caused by borded-box*/
#logo *,
#logo *:before,
#logo *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
#logo h1{font-size: 30px;color: #666;line-height: inherit;margin-bottom: 0;margin-top: 14px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
min-height: 58px;}
#header.scrolled #logo h1{margin-top: 6px;}

.tagline {font-size: 13px;font-weight: normal;line-height: 14px;color: #aaa;letter-spacing: 0px;margin-top: 2px;}

#logo .logo_img {height: 92px;display: table-cell;position: relative;vertical-align: middle;
-webkit-transition: height 0.1s ease-out;
-moz-transition: height 0.1s ease-out;
-ms-transition: height 0.1s ease-out;
-o-transition: height 0.1s ease-out;
transition: height 0.1s ease-out;	
font-size: 0px;
line-height: 0px;
letter-spacing: 0;}

.scrolled #logo .logo_img {
	-webkit-transition: height 0.5s ease-out;
	-moz-transition: height 0.5s ease-out;
	-ms-transition: height 0.5s ease-out;
	-o-transition: height 0.5s ease-out;
	transition: height 0.5s ease-out;
}
.transparent_header.scrolled #logo .logo_img.transparent_logo_flip {
	-webkit-transition: height 0.3s ease-out;
	-moz-transition: height 0.3s ease-out;
	-ms-transition: height 0.3s ease-out;
	-o-transition: height 0.3s ease-out;
	transition: height 0.3s ease-out;}

/* Fix for FF logo resizing + v1.3 */
header.transparent_header #logo #transparent_logo {max-width: 100%;}
#header.scrolled #logo .logo_img {height: 64px;}
#logo img{max-height: 100%;width:  auto;
	-webkit-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	-moz-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	-ms-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	-o-transition: opacity 0.5s  ease-out, top 0.5s ease-out;
	transition: opacity 0.5s  ease-out, top 0.5s ease-out;}
#menu ul li{text-align: left;}
#header:not(.scrolled) .block_header #boc_searchform_close {margin-top: 56px;}		
#header.scrolled .block_header  #logo{float: left;text-align: left;}
#header.scrolled .block_header #logo .logo_img {display: table-cell;margin: 0;}
#header.scrolled .block_header #menu{float: right;text-align: left;}
#header.scrolled .block_header #menu > ul {display: block;margin-bottom: 0;}	
	
/* Custom Header :: END */



/* #Main Navigation
================================================== */

#menu {float: right;font-family: 'Montserrat', Arial, Helvetica, sans-serif;font-size: 14px;}
#menu:after, .main_menu_holder:after{content:"";clear:both;}
#menu a{text-decoration: none;color: #333333;font-weight: 400;}
#menu ul {list-style: none;margin: 0;}
#menu ul li {margin-bottom: 0;}
#menu > ul > li {position: relative;float: left;/*	z-index: 1015;*/padding: 0px;	}
#menu > ul > li > a {line-height: 88px;text-decoration: none;display: block;padding: 4px 15px 0px 15px;z-index: 6;position: relative;letter-spacing: 0;text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	-moz-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	-o-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	-ms-transition: all 0.3s ease-out, line-height 0.1s ease-out;
	transition: all 0.3s ease-out, line-height 0.1s ease-out;}

.scrolled  #menu > ul > li > a {
	-webkit-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	-moz-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	-o-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	-ms-transition: all 0.3s ease-out, line-height 0.5s ease-out;
	transition: all 0.3s ease-out, line-height 0.5s ease-out;
}

/* Underline on Hover */
.main_menu_underline_effect #menu > ul > li > a:after {display: block;content: "";width: 30%;height: 2px;background-color: #08ada7;position: absolute;bottom: 0;left: 35%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;	opacity: 0;}
.main_menu_underline_effect #menu > ul > li > a:hover:after {width: calc(100% - 30px);left: 15px;opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;	}
.main_menu_underline_effect #menu > ul > li > a.no_border:after {display: none;}
/* Disable for Search & for menu5,6 */
.main_menu_underline_effect #menu > ul > li.boc_search_border > a:after, 
.main_menu_underline_effect  #menu > ul > li.boc_search_toggle_li > a:after,
.main_menu_underline_effect.custom_menu_5 #menu > ul > li > a:after, 
.main_menu_underline_effect.custom_menu_6 #menu > ul > li > a:after  {display: none;}
/* Underline on Hover : END */


#menu > ul > li > a > span {padding: 0px 0px 0px 7px;font-family: 'icomoon';font-size: 14px;position: relative;top: 2px;line-height: 0;}
#menu > ul > li > a > span:before {content: "\e78d";}
#menu > ul > li > div {position: absolute;left: 2px;top: 100%;z-index: 1020;
	webkit-box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 8px rgba(0,0,0,0.1);
	background:#ffffff;	
	background: rgba(255,255,255,0.97);
	border-top: 2px solid #08ada7;
	opacity: 0;
	visibility: hidden;	
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;}
#menu > ul > li.active > div {opacity: 1;visibility: visible;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;	}

#menu > ul > li > ul {display: none;	}
#menu > ul > li > div > ul {display: table-cell;	}
#menu > ul > li ul + ul {padding-left: 20px;}
#menu > ul > li ul > li {position:relative;}
#menu > ul > li ul > li > a {
	display: block;
	position: relative;
	padding: 6px 13px 6px 15px;
	margin: 0;
	color: #333;
	white-space: nowrap;
	min-width: 184px;
	font-size: 13px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;}

#menu.arrow_effect > ul > li ul > li > a {padding-right: 30px;}
#menu > ul > li ul > li:last-child > a {border-bottom: 0!important;}
#menu > ul > li ul > li > a:hover > span:before {left: -2px;opacity: 1;}
#menu > ul > li ul > li > a.last_submenu_item{background: none;border-bottom: 0;}
#menu > ul > li ul > li > a:hover {text-decoration: none;}
#menu > ul > li ul > li > a.sub_menu_parent > span, #menu > ul > li ul > li > a.sub_menu_parent:hover > span {background: none!important;}




	@media only screen and (min-width: 1018px){								

		/* Transparent Header */
		#header.transparent_header:not(.scrolled) {
			background: rgba(255,255,255,0.1);
			
			box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);

			-webkit-transition: background-color 0.8s ease;
			-moz-transition: background-color 0.8s ease;
			-ms-transition: background-color 0.8s ease;
			-o-transition: background-color 0.8s ease;
			transition: background-color 0.8s ease;
		}
		
		#header.transparent_header:not(.scrolled) #subheader,
		#header.transparent_header:not(.scrolled) #subheader a { 
			color: #fff; 
		}
	
		#logo #transparent_logo {
			display: none;
			position: absolute;
			z-index: 1;
			left: 0;
		}
		header.transparent_header #logo #transparent_logo {
			display: inline-block;
		}
		header.transparent_header #logo #transparent_logo img {
			position:relative;
			opacity: 1;
			top: 0;
		}
		header.transparent_header.scrolled #logo #transparent_logo img{
			opacity: 0;
		}
		header.transparent_header #logo .logo_img > a > img {
			opacity: 0;
			position: relative;
		}
		header.transparent_header.scrolled #logo .logo_img > a > img {
			opacity: 1;
		}

		/* Flip effect */
		header.transparent_header #logo .transparent_logo_flip #transparent_logo img{
			-webkit-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out;
			-moz-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out;
			-ms-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out;
			-o-transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out;
			transition: opacity 0.4s 0.1s ease-out, top 0.4s 0.1s ease-out;		
		}		
		header.transparent_header.scrolled #logo .transparent_logo_flip #transparent_logo img{
			top: -70px;
			-webkit-transition: opacity 0.5s ease-out, top 0.5s ease-out;
			-moz-transition: opacity 0.5s ease-out, top 0.5s ease-out;
			-ms-transition: opacity 0.5s ease-out, top 0.5s ease-out;
			-o-transition: opacity 0.5s ease-out, top 0.5s ease-out;
			transition: opacity 0.5s ease-out, top 0.5s ease-out;			
		}
		header.transparent_header #logo .logo_img.transparent_logo_flip > a > img {
			top: 50px;
			-webkit-transition: opacity 0.15s ease-out, top 0.15s ease-out;
			-moz-transition: opacity 0.15s ease-out, top 0.1s ease-out;
			-ms-transition: opacity 0.15s ease-out, top 0.1s ease-out;
			-o-transition: opacity 0.15s ease-out, top 0.1s ease-out;
			transition: opacity 0.15s ease-out, top 0.1s ease-out;
		}
		header.transparent_header.scrolled #logo .logo_img.transparent_logo_flip > a > img {
			top: 0;
			-webkit-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out;
			-moz-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out;
			-ms-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out;
			-o-transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out;
			transition: opacity 0.3s 0.3s ease-out, top 0.3s 0.3s ease-out;
		}
	}