@charset "utf-8";
/* :::::::::::: HEADER */

.menu-wrap { position: fixed; z-index: 9999999; width: 300px; height: 100%; background: #111; border-right:1px solid #141414; padding: 0px 0px 0px; font-size: 1.15em; -webkit-transform: translate3d(-320px,0,0); transform: translate3d(-320px,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
	.menu-wrap.force-scroll { overflow-y:scroll !important;}
.show-menu .menu-wrap {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
	.menu, .nav-list { height:100%; padding-top:5px; }	
		.nav-list a { display:block; padding: 0.8em; color:#fff; }
.menu-button { position: fixed; z-index: 1000; margin:20px 0px 20px 15px; padding: 0; width: 2.5em; height: 2.25em; border: none; text-indent: 2.5em; font-size: 1.5em; color: transparent; background: transparent; -webkit-appearance: button; cursor:pointer; text-transform:none; line-height:normal;}
	.menu-button::before { position: absolute; top: 0.5em; right: 0.5em; bottom: 0.5em; left: 0.5em; background:linear-gradient(#fff 10%, transparent 18%, transparent 45%, #fff 45%, #fff 59%, transparent 59%, transparent 87%, #fff 87%); content: ''; }
		.menu-button:focus { outline-color:rgba(255,255,255,.5); outline:none; }	
		.menu-button:hover::before {  background:linear-gradient(#f7931e 10%, transparent 18%, transparent 45%, #f7931e 45%, #f7931e 59%, transparent 59%, transparent 87%, #f7931e 87%);}
	.close-button { width: 35px; height: 35px;position: absolute; right: 20px; top: 20px; overflow: hidden;text-indent: 1em; font-size: 0.75em; border: none; background: transparent; color: transparent;}
		.close-button::before, .close-button::after { content: ''; position: absolute; width: 2px; height: 100%; top: 0;left: 50%; background: #c4c4c4; }
		.close-button::before { -webkit-transform: rotate(45deg);transform: rotate(45deg); }
		.close-button::after { -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
		.close-button:focus { outline-color:rgba(0,0,0,.25); outline:none; }
		.close-button:hover::before, .close-button:hover::after { background:#f7931e; }
		
header { max-height: 100px; -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); box-shadow: -1px 2px 2px rgba(0,0,0,0.2); position: absolute; z-index: 9999; top: 0px; width: 100%; }
#header { position:fixed; right:0; left:0; z-index:9999; width:100%; height:100px; background-color:rgba(60,60,60,1); -webkit-transition: height .25s, background-color .25s, box-shadow .25s; -moz-transition:height .25s, background-color .25s, border-color .25s, box-shadow .25s; -ms-transition:height .25s, background-color .25s, border-color .25s, box-shadow .25s; -webkit-transition-timing-function: linear; transition: height .25s, background-color .25s, border-color .25s, box-shadow .25s; transition-timing-function: linear; }
	#header.home-default-state { background-color:rgba(0,0,0,0); border-color:transparent; box-shadow:none; }
#header.blackout { background-color:#000 }
	.header-bar {  }
		.header-logo { position:relative; margin:0 auto; width:100%; height:100%; }
		a.navbar-brand { padding:5px; float:left; margin:0 auto; position:absolute; left:calc(50% - 133px); height:auto; display:block; overflow:visible !important; -webkit-transition: all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -webkit-transition-timing-function: ease-in-out; transition: all .5s; transition-timing-function: ease-in-out;  }
		
		img#logo { padding:4px; width:256px; height: auto; -webkit-transition: all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -webkit-transition-timing-function: ease-in-out; transition: all .5s; transition-timing-function: ease-in-out; }
		
		#header.home-default-state a.navbar-brand { top:30%;  }	
			#header.home-default-state a.navbar-brand img#logo {  width:90%; max-width:600px; height:auto; }		

#searchbar { display:block; float:none; height:40px; border:1px solid rgba(0,0,0,.1); border-radius:4px; padding-left:15px; padding-right:10px; margin:60px 20px 10px; background-color: rgba(0,0,0,.625); }
	#searchsubmit { display:block; float:right; margin-top:2px; background:none; color:#c4c4c4; border:0; outline:none; cursor:pointer; font-size:125%; }	
	#query { display:block; width:85%; border:0; outline:none; padding:0; line-height:1; font-size:16px; font-weight:400; color:#c4c4c4; background-color:transparent; border-bottom:1px solid rgba(255,255,255,.1); margin-top:5px; }
		
#navigation{ z-index: 999; position: relative; }

.nav-contact { margin:20px auto 20px; padding:0 20px; width:100%; position:relative;  }
	.nav-contact-branch { color:#fff; font-family:'Poppins',sans-serif; font-weight:500; font-size:16px; line-height:1; text-transform:uppercase; margin:25px auto 10px; letter-spacing:1px; }
	.nav-contact-info { width:100%; color:#fff; font-family:'Poppins',sans-serif; font-weight:400; margin-bottom:10px; }
		.nav-contact-label { float:left; margin-left:8px; margin-right:12px; position:relative; display:block; width:20px;}
			.nav-contact-label .fa { position:relative; top:-3px; }
		.nav-contact-data { float:left; font-size:16px; line-height:1.2; }
		.nav-contact-info:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.nav-social { margin:20px auto 0; text-align:center;}
ul.header-social-list { list-style:none; display:inline-block; position:relative; top:-4px; margin:0px auto;  }
	ul.header-social-list > li { display:inline-block; margin:0 5px; } /* set margin:0 5px; if list items are static */
		.header-social-icon { background-color:#005696; display:inline-block; height:32px; width:32px; text-align:center; border-radius:2em; }
		.header-social-icon:hover { background-color:#ee3124; }
		ul.header-social-list > li > a { color:#fff; font-size:21px; padding:3px 7px; }
			ul.header-social-list > li > a:hover { color:#f7931e; }

nav a { font-size: 16px; font-weight: bold;}
	.navbar-default .navbar-nav>li>a {font-weight: bold;font-size: 16px;	padding: 25px 10px;}
	.dropdown-menu>li>a {font-size:16px; font-weight:bold;}		

.menu > ul ul li, .js .menu > ul ul { background-color: #eee; }
.nav { margin-bottom:0px; }
.navbar { background-color: #fff; margin-bottom:0px; }
.navbar-nav { background-repeat: no-repeat; background-size: 100% 8px; background-position: top center; float: none; text-align: left; margin:0px auto; }

.dropdown:hover .dropdown-menu {  }
	ul.nav.navbar-nav > li { float:none; border-bottom:1px solid rgba(0,0,0,.5); }
	ul.nav.navbar-nav > li:first-child  { border-top:1px solid rgba(0,0,0,.5); }
	ul.nav.navbar-nav > li:last-child  { border-bottom:1px solid rgba(0,0,0,.5); }
		ul.nav.navbar-nav > li > a { text-transform:uppercase; cursor:pointer; font-family: 'Roboto Condensed', sans-serif; padding:12px 20px; padding-right:0px; font-weight:700; letter-spacing:1px; font-size:16px; line-height:1; }
			.nav>li>a:focus, .nav>li>a:hover { background-color:transparent; color:#f7931e; }
		.open > .dropdown-toggle { border-bottom:1px solid rgba(0,0,0,.2);}
		.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-bottom:1px solid rgba(0,0,0,.2); background-color:transparent; color:#f7931e; }
			.nav .open>a:after  { border-top: 5px solid #fff;}
	ul.nav.navbar-nav>li>a.watch-online { background-color:#fa9f00; color:#fff; -webkit-transition:all .25s; -webkit-transition-timing-function:linear; transition:all .25s; transition-timing-function:linear;}
	ul.nav.navbar-nav>li>a.watch-online:hover {background-color:#f04f00; color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:rgba(15,73,149,1); background-color:#efefef;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {color:rgba(15,73,149,1); background-color:#efefef;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#244eff; background-color:transparent;}
.navbar-toggle {position:relative; float:right; padding:9px 10px; margin-top:35px; margin-right:25px; margin-bottom:25px; background-color:transparent; background-image:none; border:1px solid transparent; border-radius:4px;}

.dropdown-header,.dropdown-menu>li>a{display:block;line-height:1.42857143;white-space:nowrap;font-weight:700}

.dropdown-header{padding:3px 0;font-size:14px;color:#777;}
.dropdown-menu a{font-family:'Roboto Condensed',sans-serif;}
.dropdown-menu>li>a{padding:7px 20px;clear:both;color:#333;}
li.dropdown-header a{font-weight:700;}
.dropdown-menu .divider{height:1px;margin:9px 25px;overflow:hidden;background-color:#eee;}

.yamm-content {padding:0px 0px 10px; width:520px; z-index:99999;}
.list-unstyled {list-style:none;}
.yamm-col { min-width:200px; float:left;}
.yamm-left {width:55%; border-right:1px solid #eee;}
.yamm-right {width:45%;}
	.yamm-col>li>a {display: block; padding: 7px 20px;clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}
	.yamm-col>li>a:hover, .yamm-col>li>a:focus {color: #262626;text-decoration: none; background-color: #f5f5f5;}
	.dropdown-header-2, .dropdown-header-2>a {display: block;padding: 3px 0px; font-size: 14px;font-weight: bold !important;line-height: 1.42857143; color: #777; white-space: nowrap;}
ul.yamm-col.list-unstyled.yamm-right li a{padding-left:40px;}

	/*  =============		DROPDOWN NAV 		============  */
	.nav.navbar-nav a:focus {outline:none;}
	.dropdown-toggle, a.dropdown-toggle, .nav>li>a.dropdown-toggle {display:none; }
		/*a.dropdown-toggle:after { display: block;content: " ";float: right; width: 0; height: 0; border-style: solid; margin-top: 10px; margin-right: -5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #727272; border-bottom:3px;}
			a.dropdown-toggle:hover:after  { border-top: 5px solid #fff;}*/
	.dropdown-hover, a.dropdown-hover, .nav>li>a.dropdown-hover {display:block; }
	.dropdown-sub-toggle, a.dropdown-sub-toggle, .dropdown-menu>li>a.dropdown-sub-toggle {display:none; }
	.dropdown-sub-hover , a.dropdown-sub-hover , .dropdown-menu>li>a.dropdown-sub-hover {display:block; }

	.dropdown-menu {	background-color: transparent; border: none; border-color: transparent; position:static; float:none; width:auto; -webkit-box-shadow: none; box-shadow:none;}
	.dropdown-menu>li>a {display: block; padding: 3px 25px 3px 20px; clear: both; /*font-weight: 400;*/ color: #fff; white-space: nowrap;	text-shadow: 1px 1px 2px rgba(0,0,0,.45);}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #f7931e; text-decoration: none; background-color:transparent;}
		li.dropdown.open>a:focus, li.dropdown.open>a:hover {background-color:transparent;}
		ul.nav.navbar-nav > li.dropdown.open { background-color:rgba(0,0,0,.25); }
		ul.nav.navbar-nav > li.dropdown.open > a.dropdown-toggle { color: #f7931e; border:2px solid #f7931e;}

	.dropdown-submenu { position: relative; } 
	.dropdown-submenu>.dropdown-menu {top: 0; left: 100%;margin-top: 0px; margin-left: 0px; -webkit-border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px;  border-radius: 0 5px 5px 5px;}
	/*.dropdown-submenu:hover>.dropdown-menu {display: block;}*/
	
	/*.dropdown-submenu>a:after { display: block;content: " ";float: right; width: 0; height: 0; border-style: solid; margin-top: 10px; margin-right: -5px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #727272; border-bottom:3px;}
		.dropdown-submenu:hover>a:after { border-top: #fff;}*/
	.dropdown-submenu.pull-left { float: none;}
	.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px;  -webkit-border-radius: 5px 0 5px 5px;  -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px;}
	
	/*  =============		MOBILE NAV 		============  */
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #1f43d9; border-color:#1f43d9; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
	.navbar-default .navbar-toggle { border-color:#244eff; }
	.navbar-toggle {background-color:#244eff;}
	
	.dropdown-toggle, a.dropdown-toggle, .nav>li>a.dropdown-toggle, ul.nav.navbar-nav > li > a.dropdown-toggle { float:right; display:inline-block; padding:0px 0px; padding-top:1px; border:2px solid #fff; border-radius:200%; text-align:center; font-size:24px; height:30px; width:30px; position:relative; top:5px; right:10px; }
	.dropdown-hover, a.dropdown-hover, .nav>li>a.dropdown-hover {display:inline-block; }
		 ul.nav.navbar-nav > li > a.dropdown-toggle:hover  { border:2px solid #f7931e; color:#f7931e; }
	
	.dropdown-sub-toggle, a.dropdown-sub-toggle, .dropdown-menu>li>a.dropdown-sub-toggle, .navbar-nav .open .dropdown-menu>li>a.dropdown-sub-toggle { float:right; display:inline-block; padding:0px 0px; padding-top:1px; border:2px solid #fff; border-radius:200%; text-align:center; font-size:24px; height:30px; width:30px; position:relative; top:5px; right:10px; }
	.dropdown-sub-hover , a.dropdown-sub-hover , .dropdown-menu>li>a.dropdown-sub-hover {display:inline-block; }
	ul.dropdown-menu-sub.open { display:block; }
		.dropdown-sub-toggle .fa { position:relative; top:-3px;}
		.dropdown-menu>li>a.dropdown-sub-toggle:hover,.navbar-nav .open .dropdown-menu>li>a.dropdown-sub-toggle:hover, .navbar-nav .open .dropdown-menu>li>a.dropdown-sub-toggle:focus { border:2px solid #f7931e; color:#f7931e; }
		
	li.dropdown.downdown-top.visible, li.dropdown.downdown-top.open.visible  {display:block;}
	.nav>li.dropdown.downdown-top.visible, .nav>li.dropdown.downdown-top.open.visible  {display:block;}
	
	.navbar-nav .opened>.dropdown-menu { display: block; position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none;}
	.navbar-inverse .navbar-nav .opened .dropdown-menu>li>a { color: #9d9d9d;}
	.navbar-nav .opened .dropdown-menu>li>a { line-height: 20px;}
	.navbar-nav .opened .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding: 12px 0px 12px 30px;}					
	
	.mobile-hide {display:none;}
	.navbar-fixed-scroll {background-color: rgba(0,0,0,1);}
	#navbar-container {width:100%;}		
	.navbar-header {background:#fff; min-height:80px;}
	.navbar-inverse {border:none;}
	.navbar-toggle { margin-top:30px; }
	#navbar {padding: 0px 15px 0px 15px; background:#1f43d9;  }
	
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: none;}
	.dropdown-menu {text-align:left; padding:0px 0px; height:0; overflow:hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s;  }
		li.dropdown.open .dropdown-menu { height:auto; }
	.dropdown-menu li { float:none; width:100%; margin:0px auto; padding:0px 0px; text-align:left; background-color:rgba(0,0,0,.40); border-top:1px solid rgba(255,255,255,.05);}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	color: #fff; background-color: rgba(0,0,0,.5);}
	
	.dropdown-level-2-item, li.dropdown-level-2-item { width:100%; background-color:rgba(0,0,0,.9); border-top:1px solid rgba(255,255,255,.05); }
	.dropdown-level-2-item.last { border:none; }
		ul.dropdown-menu.dropdown-menu-sub.open li.dropdown-level-2-item a { padding-left:35px; }
	.navbar-default .navbar-nav>li>a {padding:18px 10px; color:#fff; }
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color:#fdc51d;  }
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color:#fdc51d; background-color: #1b3ac4; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#fff; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #fdc51d; background-color: transparent; }		
	
	.dropdown-menu>li>a { font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:1px; text-shadow: none; padding:0px 10px; }			
	.dropdown-mobile-nav {display:block;}	
	
/* FIXED SOCIAL HEADER */
.hsoc { float:right; position:absolute; top:35px; right:25px; display:block; }
	.hsoc ul {list-style:none;}
		.hsoc ul li {display:inline-block; margin:0 8px;}
			.hsoc ul li a { color:#fff; font-size:24px; }
			#header.blackout .hsoc ul li a { color:#fff; }
			.hsoc ul li a:hover { color:#f7931e; }

/* HEADER PHONE NUMBER */			
.header-phone-container { float:right; position:absolute; top:35px; right:25px; display:block; }
	a.header-phone { position:relative; }
		.header-phone-icon { color:#fff; font-size:24px; display:inline-block; position:relative; top:3px; }
			.header-phone-icon .fa { }
		.header-phone-number { color:#fff; display:inline-block; position:relative; font-weight:600; letter-spacing:1px; margin-left:5px;}
	a.header-phone:hover .header-phone-icon, a.header-phone:hover .header-phone-number { color:#f7931e; }	
			
/* #######	RESPONSIVE	####### */

@media screen and (min-width: 1601px){
	nav a { font-size: 18px; font-weight: bold;}
	.navbar-default .navbar-nav>li>a {font-weight: bold;font-size: 18px;	padding: 12px 15px;}
	.dropdown-menu>li>a {font-size:16px; }		
}

@media screen and (max-width: 1600px){
	nav a { font-size: 16px; font-weight: bold;}
	.navbar-default .navbar-nav>li>a {font-weight: bold;font-size: 16px;	padding: 8px 10px;}
	.dropdown-menu>li>a {font-size:14px; }		
}

@media screen and (max-width: 1400px){
	nav a { font-size: 14px; font-weight: bold;}
	.navbar-default .navbar-nav>li>a {font-weight: bold;font-size: 14px;	padding: 5px 10px;}
	.dropdown-menu>li>a {font-size:14px; }		
}

@media screen and (max-width: 1200px){
	nav a { font-size: 14px; font-weight: bold;}
	.navbar-default .navbar-nav>li>a {font-weight: bold;font-size: 14px;	padding: 5px 10px;}	
	.dropdown-menu>li>a {font-size:14px; }	
	img#logo {padding: 10px 10px;	}
}

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

}

@media screen and (max-width: 767px){
	header { height: auto; position: relative; }
	#header_logo, .hphone, #header_reach {text-align: center;}
	.navbar-nav .open .dropdown-menu>li>a { line-height:1; }
	#header_reach {	background: none!important;	}
	.menu-link {float: none!important;font-size: 20px;background-color: #ccc;	border-top-right-radius: 15px;border-top-left-radius: 15px;}
	.js .menu > ul ul.active {position:relative;left:0px;}
	.menu li a { /*width: 90%;*/} 
	.menu.active {max-height:200em!important;}
	.last-nav {border-bottom:none!important;}
	#menu.active {margin-bottom:20px;}
	.topnav-div {display:none;}

	.navbar-right .dropdown-menu { position:initial; float:none;	}
	.navbar-nav .dropdown-menu { position:initial; float:none;	}
	.navbar-nav {float: none;text-align: left;}
	.yamm-content {width:100%;}
	.yamm-col {width:50%;}	
	
	a.header-phone { top:-22px; }
		.header-phone-number { display:none; }
		.header-phone-icon { width:40px; height:40px; text-align:center; background-color:#fff; color:#000; border-radius:200%; }
			.header-phone-icon .fa { position:relative; top:5px;}
	a.header-phone:hover .header-phone-icon { color:#fff; background-color:#f7931e; }
}

a.mobile-phone { display:none; float:right; }
.mobile-phone-container { height:38px; width:38px; border-radius:2em; background-color:#244eff; text-align:center; color:#fff; font-size:24px; padding-top:3px; margin-top:28px; margin-right:20px; }
	a.mobile-phone:hover .mobile-phone-container { background-color: #1f43d9; }



/* RESPONSIVE - Navigation */
@media screen and (max-width: 1600px){		
	
}
@media screen and (max-width: 1400px){		
	
}
@media screen and (max-width: 1200px){
	
}
@media screen and (max-width: 991px){
	
}
@media screen and (max-width: 767px){		
	#header { height:70px; }
	.header-logo { padding:0px 0px; }
		img#logo { width:auto; height:70px; padding:5px; }
		a.navbar-brand { max-width:100%; padding:0px; left:calc(50% - 99px);}
		.menu-button { margin:15px 15px 0px; }
				
	a.mobile-phone {display:block;}
	
	.hsoc {top:-52px; margin-right:15px; }
}
@media screen and (max-width: 640px){
	#header { height:60px; }
		.menu-button{margin-top:8px;}
	.header-logo { padding:0px 0px; }
		img#logo { width:auto; height:70px; padding:10px 0px; }
		a.navbar-brand { max-width:100%; left:calc(50% - 78px); }
		
	#searchbar { padding-left:10px; margin:12px 65px 12px 10px; }
	.close-button { right:12px; }
	
	
}
@media screen and (max-width: 480px){		
	a.navbar-brand { /*max-width:200px;*/ left:auto; right:25px; }
		img#logo { width:auto; height:60px; padding:8px 0px; }
		
	.hsoc { top:-47px; }
		.hsoc ul li a {font-size:18px; }
}
@media screen and (max-width: 420px){		
	.hsoc { display:none; }
}
@media screen and (max-width: 360px){		
	
}
@media screen and (min-width: 768px){	
	
}
