﻿#videoModal .modal-body {
            padding-top: 0px;
            padding-bottom: 20px;
        }
@media (max-width: 767px) {
    .hero-graphic {
        background: rgb(0, 92, 132) center center / 100% no-repeat !important;
        height:100% !important;
    }

}

.mobileHeader{
	display:none;
}
.topsearchnav{
	margin-right: 0px; 
	float: right;
}
@media only screen and (max-width: 1170px){
    #search {
        margin-right:30px;
    }
    body{
		overflow-x:hidden; 
	}	
	/***************************
	* Mobile Header
	****************************/
	.mobileHeader{
	    display:block;
		width:100%;
		background:#fff;
		padding-left:0px;
        padding-right:0px;
	}
    .mobileHeader img {
        margin-top: 0px !important;
    }
	.mobileHeader #openButton{
		float:left;
		margin-top:20px;
		width:20px;
		cursor:pointer;
	}	
	.mobileHeader #openButton img{
		width:100%;
	}	
	.mobileHeader .mobileLogo{
		display:block;
		width:120px;
		height:54px;
		margin:0 auto;
		float:none !important;
	}
	.mobileHeader .mobileLogo img{
		width:100%;
		height:100%;
	}
    #openButton {
        margin-left:10px;
    }	
	/***************************
	* Sidebar Navigation
	****************************/
            	
	#navi{
		position:fixed !important;
		left:0;
		top:0;
	    display:none;
		width:200px !important;	    
		height:100% !important;
		max-width:200px;
		background:#005c84 !important;
		color:#fff;
		z-index:1000000000;
		-webkit-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        -moz-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
	}
    #liveperson {
    -webkit-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
    -moz-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
    box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
    }
    #live-person {
    padding-top: 0px !important;
    }
    #menuList {
        display:inline-block !important;
    }
    #navi .span12 {
        width:100% !important;
        -webkit-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        -moz-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        margin-bottom:0px !important;
    }
    #navi .row {
        background:#005c84 !important;
    }
	#navi a:link, 
	#navi a:visited, 
	#navi a:active{
		color:#fff!important;
		/*padding-left:20px;*/
        font-size: 14px !important;
        padding: 10px 0px;
        text-align:left;
        width:180px;
        padding-left:20px !important;
	}
    #navi #mainHeader .span12 {
        padding: 0 !important;
        margin-left: 0 !important;
    }
	#navi a:hover{
		color:#333!important;
	}	
	#navi #mainHeader .row{
		margin:0; 
	}	
	#navi #mainHeader .container{
    	padding-right:0;
    	padding-left:0;
    	margin-right:0;
    	margin-left:0;		
    	width:200px;
	}	
	#navi #mainHeader .span12{
		padding:0 !important;
        margin-left:0 !important;
	}	
	#navi .navbar-nav{
		margin:0 0 0 -1px; 	
	}
	#navi .searchdiv{
		float:none;
		margin-left:18px;
		margin-top:10px; 
	}	
	.mas-logo{
		display:none;
	}	
	.topsearchnav{
		float: none !important;
	}	
	#mainMenu{
		width:200px;
		max-width:200px;
		float:none !important;
        padding-left: 0px !important;
	
	}
	#mainMenu ul li{
		display:block;
		width:100%;
        max-height:36px;
		background:#005c84!important;
		border:0 solid #005c84!important;
		margin-left:-1px;
		border-bottom:1px dotted #fff!important;	
		-webkit-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        -moz-box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);
        box-shadow: inset -7px 2px 9px -4px rgba(26,49,92,1);				
	            }		
	#mainMenu ul li a{
		color:#fff!important;
		border:0 solid #005c84!important;
		border-bottom:1px dotted #fff;
		padding:10px 0px;
		font-size:13px!important;
		width:100%;
	}	
	#mainMenu ul li a:hover{
		color:#333!important;	
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4fcff+0,f6f6f6+53,ffffff+100 */
		background: #f4fcff!important; /* Old browsers */
		background: -moz-linear-gradient(left,  #f4fcff 0%, #f6f6f6 53%, #ffffff 100%)!important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #f4fcff 0%,#f6f6f6 53%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #f4fcff 0%,#f6f6f6 53%,#ffffff 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fcff', endColorstr='#ffffff',GradientType=1 )!important; /* IE6-9 */		
	}	
	#mainMenu ul li.active a{
		border-width:0!important;
		color:#333!important;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4fcff+0,f6f6f6+53,ffffff+100 */
		background: #f4fcff!important; /* Old browsers */
		background: -moz-linear-gradient(left,  #f4fcff 0%, #f6f6f6 53%, #ffffff 100%)!important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #f4fcff 0%,#f6f6f6 53%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #f4fcff 0%,#f6f6f6 53%,#ffffff 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fcff', endColorstr='#ffffff',GradientType=1 )!important; /* IE6-9 */
	}	
	.extended-panel {
		margin-left:200px
	}		
	.navtoplinks{
		position:absolute;
		top:235px;
		width:200px;
        left:0;
        margin-top:0px !important;
	}	
	.navtoplinks *{
		display:none;
	}
	.navtoplinks a{
		display:block;
		padding:5px;
		border-bottom:1px dotted #fff;
	}	
	.navtoplinks a:hover{
		color:#333!important;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4fcff+0,f6f6f6+53,ffffff+100 */
		background: #f4fcff!important; /* Old browsers */
		background: -moz-linear-gradient(left,  #f4fcff 0%, #f6f6f6 53%, #ffffff 100%)!important; /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #f4fcff 0%,#f6f6f6 53%,#ffffff 100%)!important; /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #f4fcff 0%,#f6f6f6 53%,#ffffff 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fcff', endColorstr='#ffffff',GradientType=1 )!important; /* IE6-9 */
	}
    .brand {
        margin-left:0px !important;
    }		
}     