/*===================== 
	Color information
	
	-
	-
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
	}

body {
	font-family: Arial, sans-serif; 
    margin: 0;
	padding:0;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
.clear { clear: both;}

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1 {
        font-size: 30px;
        font-weight: 700;
}
	h2 {
        font-size: 28px;
        font-weight: 700;
}
	h3 {
        font-size: 24px;
        font-weight: 700;
}
	h4 {
        font-size: 20px;
        font-weight: 700;
}
	h5 {
        font-size: 18px;
        font-weight: 700;
}
	h6 {}

p {
    font-size: 18px;
	margin: 0;
	}

.bold {
    font-weight: bold;
	}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #aaa; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: none;
		color: #ccc;
		}  

/*===================== 
	header styles 
=======================*/
header {
    box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
    position:sticky;
    top:0;
    background: #fff;
    z-index: 10;
}

.header-cont-1 {
  max-width: 1100px;
  padding: 10px 10px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.head-logo-1 {
	padding:10px;	
}
.head-logo-1 img {
	max-width: 300px;
	height: auto;
	display: block;
}
.head-logo-2 {
	display: none;
}
.head-info-cont-1 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.search-cont-1 {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.search-cont-1 .keyword-search {
	width:185px;
}
.search-cont-1 a {
	font-size: 28px;
	color:#d8d8d8;
	padding:0 0 0 10px;
}
.search-cont-1 a:hover {
	color:#002D74;
}
.head-contact-cont-1 {
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding:10px 0;
	border-bottom: 1px solid #d8d8d8;
}
.head-contact-cont-1 a {
	color:#d8d8d8;
	font-size: 14px;
	font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.head-contact-cont-1 a:hover {
	color:#002D74;	
}
.head-contact-cont-1 .head-phone-1 {
	font-size: 18px;
	font-weight: 400;
	padding:0 10px 0 0;
}
.head-phone-2 {
	display: none;
}


/*===================== 
	nav styles 
=======================*/

#menu-button{display: none;}
nav.mobile, .mobile-nav-cont-1 { display:none;}

nav.primary {
	padding:0;
	display:block;
	margin:0 auto;
	position:relative;
	}
	nav.primary ul {
		margin:0 auto; 
		padding:0;
        display: flex;
        align-items: center;
		}
		nav.primary ul li {
			margin:0;
			list-style-type:none; 
			}
			nav.primary ul li a {
                display: block;
				font-family: 'Montserrat', sans-serif;
				padding: 15px 8px;
                color: #3b3b3b;
                font-size: 16px;
                text-transform: uppercase;
				text-align: center;
				text-transform: uppercase;
				text-decoration: none;
				margin: 0;
				-webkit-transition: .4s ease-in;
				-moz-transition: .2s ease-in;
				-o-transition: .2s ease-in;
				transition: .2s ease-in;
				}	
			nav.primary ul li a:hover {
				background: #848484;
				color:#fff;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				font-size:16px;
				line-height:16px;
				padding:10px 0;
				color:#fff;
				background: #181818;
				display: block;
				text-align:center;
				border-right:none;
				border-left:none;
				border-bottom: #fff solid 1px;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li a:hover { 
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 100;
}
nav.primary ul ul li {
	display: block;
    float: none; 
	width: 230px;
    position: relative;
    margin:0;
}

/*===================== 
	content styles 
=======================*/


/*===================== 
	slideshow styles 
=======================*/



/*===================== 
	banner styles 
=======================*/


/*===================== 
	layout styles 
=======================*/

.wrap {
	width: 100%;
	margin: 0;
	}
	

.container-1 {
	max-width: 1100px;
	margin: 0 auto;
	padding:10px;
	box-sizing: border-box;
	}
.container-inv {
	max-width: 1100px;
	margin: 0 auto;
	padding:10px;
	box-sizing: border-box;
	}
.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.flex-cont-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	
.col-1-6 { width: 16%; box-sizing:border-box;}
.col-1-5 { width: 20%; box-sizing:border-box;}
.col-1-4 { width: 24%; box-sizing:border-box;}
.col-1-3 { width: 33%; box-sizing:border-box;}
.col-1-2 { width: 49%; box-sizing:border-box;}
.col-2-3 { width: 65%; box-sizing:border-box;}
.col-3-4 { width: 75%; box-sizing:border-box;}

/*===================== 
	footer styles 
=======================*/

footer {
   background: #384F74; 
}
.foot-wrap-1 {
	max-width: 1100px;
	padding:30px 10px 10px 10px;
	box-sizing:border-box;
	margin:0 auto;
	float:none;
}
.foot-wrap-1 h3 {
    font-family: 'Source Serif Pro', serif;
	color:#fff;	
    font-size: 18px;
    font-weight: 600;
}
.foot-social-1 {
	width:100%;
	display: flex;
	justify-content: flex-end;
}
.foot-social-cont-1 {
	min-width:225px;
	padding:10px 0;
}
.foot-social-cont-1 a {
	font-size: 28px;
	color:#fff;
}
.foot-social-cont-1 a:hover {
	color:#002D74;
}
.foot-info-cont-1 {
	min-width:225px;
}
.foot-info-cont-1 .keyword-search {
	margin:20px 0 0 0;
}
.foot-wrap-1 ul {
	padding:0;
	margin:0;
}
.foot-wrap-1 ul li {
    font-family: 'Montserrat', sans-serif;
	padding:8px 0;
	margin:0;
	list-style: none;
	font-size: 18px;
	font-weight: 400;
	color:#fff;
}
.foot-wrap-1 ul li a {
    font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color:#fff;
	display: block;
}
.foot-wrap-1 ul li a:hover {
	color:#002D74!important;
	background:none!important;
}
.foot-info-cont-1 ul li a:hover li {
	color:#002D74!important;
}
.nav-foot-cont-1 {
	min-width:225px;
}
.nav-foot-cont-1 .static .nav li {
	width:auto!important;
}
.nav-foot-cont-1 .static .main-menu-item {
	min-width: auto!important;
}
.nav-foot-cont-1 .navbar-nav li {
	float:none!important;
}
.nav-foot-cont-1 .nav li a {
	padding:0!important;
}
.foot-info-cont-2 {
	min-width: 225px;
}
.bottom-foot-cont-1 {
    font-family: 'Montserrat', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	padding:60px 10px 10px 10px;
	color:#fff;
	box-sizing: border-box;
}
.bottom-foot-cont-1 a {
	color:#fff;	
}
.bottom-foot-cont-1 a:hover {
	color:#002D74;
}

/*========================== 
	  Responsive styles 
============================*/



@media only screen and (max-width: 900px) {
    .head-logo-1 img {
      max-width: 160px;
      padding: 20px 0;
    }
}

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

    
    .header-cont-1 {
         display: none;   
    }
    .head-phone-2 {
        display: block;
        font-size: 28px;
        color:#000!important;
    }
    .mobile-logo img {
        max-width: 400px;
        width:100%;
        padding:5px 5px 0 5px;
        box-sizing: border-box;
        display: block;
        height:auto;
    }
    
	/*==============================
		Mobile Nav Styles			
	================================*/	
    
    
	nav.primary{display:none;}
    .mobile-nav-cont-1 { display:block;}
	#menu-button{ 
		width: 100%;
		display: flex;
        justify-content: space-between;
        align-items: center;
		position: relative;
		z-index: 400; /* needs to be lower than nav.mobile, adjust as needed */
		background: #fff;
        padding:20px;
        box-sizing: border-box;
	}
    .menu-toggle{
        font-size: 28px;
        color:#000!important;
    }
    #menu-button a:hover { 
         color:#002D74 !important;   
    }
	nav.mobile {
        display:none;
		position: relative;
		left: 0px;
		width: 100%;
		height: auto;
		background: #fff;
		z-index: 500; 
		overflow:auto;
		overflow:auto;
	}
	/* MENU HEADER SOCIAL MEDIA */


	/* MENU HEADER STYLES */
	nav.mobile .mobile_top {
		position: relative;
		display:block;
		padding: 0;
		margin:15px 0 10px 0;
		color: #999;
		font-size: 18px;
		font-weight: 400;
	}

	nav.mobile .menu-toggle:hover { /* Menu close button on hoveer */
		color: #fff;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin:0;
		padding:0;
        border-top: #e7e7e7 solid 1px;
	}
	nav.mobile ul li {
		position:relative;
        text-align: center;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
        font-family: 'Montserrat', sans-serif;
		position: relative;
		display: inline-block;
		font-size:16px;
		padding: 15px 8px;
		color: #3b3b3b;
		text-decoration: none;
        text-transform: uppercase;
	}
	nav.mobile ul li a:hover {
		color: #002D74; 
	}

    nav.mobile ul li span {
        cursor: pointer;
    }
    nav.mobile ul li span:hover {
        color:#000;
    }
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {
		background: #e7e7e7;
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		color: #3b3b3b;
		text-decoration: none;
	}
	nav.mobile ul li li a:hover {background:rgba(220,220,220,1.00);}

	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {
		background: #555;
		position: relative;
		display: block;
		padding: 10px 10px 10px 25px;
		color: #ccc;
		text-decoration: none;
		border-left:4px #555 solid;
	}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}

    
    .foot-info-cont-1 {
      width:100%;
        min-width: 100%;
      box-sizing: border-box;
      order: 1;
      padding: 10px 0;
    }
    .foot-social-1 {
        box-sizing: border-box;
        order: 3;
        padding: 10px 0;
        display: block;
    }
    .nav-foot-cont-1 {
      min-width: 100%;
      box-sizing: border-box;
      order: 2;
      padding: 10px 0;
    }
    .foot-info-cont-2 {
      min-width: 100%;
      box-sizing: border-box;
      order: 4;
      padding: 10px 0;
    }
    

}