#headerLogos img {
  width:150px;
}
#headerLogos img:last-child{
  margin-left:55px;
}
#topHeader {
  padding:10px 0;
  max-width:1440px;
  margin:0 auto;    
} 

#navList {
  width:100%;
  max-width:1200px;
  font-size:14px;
}
.dropTab:hover > .dropBox{
  display:flex;
  flex-direction: column;
  z-index: 999;
  background:#fff; 
  position: absolute;
  padding-top:10px;
  top:50px;
}
.dropBox {
  display:none;
	list-style-type:none;
	padding-left:0
}

.dropBox > .dropName a{
  display:flex;
  color:#3666b7!important;
  padding:10px 5px;
  width:150px;
}
.dropBox > .dropName a:hover{
  background:#b8b8b8;  
}
.desktopNav{
  list-style-type:none;
  width:100%;
  padding-left:0;
  margin:0
}
.dropTab{
	position:relative;
	padding:15px 0
}
.dropTab a, .dropTab i{
  color:#fff;
}
#searchHolder {
    display:flex;
    width:100%;
    max-width:550px;
    flex:auto
}
#searchbar{
  display:flex;
  width:100%;
  max-width:400px;
  height:35px;
}
#searchHolder input{
    width:100%;
    padding:10px 0
}
#searchbar input {  
  border:1px solid #3666b1;
  width:100%;
  padding-left:15px;
}
#searchbar input::placeholder {  
  color:#4a4a4a;
  font-style: normal;
  font-size:16px;
}
#searchbar button{
	background:#3666b1;
	color:#fff;
	border:none;
	height:100%;
	padding:10px;
}
.functions{
  font-size:14px;
  margin-left:25px;  
}
.functions:first-child{
  font-size:14px;
  margin-left:0;
}
.functions i {
  color:#3666b1;
  font-size:21px;
}
.functionText {
  color:#3666b1;
}
#cartCounter span{
	position:relative;
	bottom:10px;
	right:3px;
	z-index:99;
	background:#3666b1;
	color:#fff;
	border-radius:50%;
	padding:1px 3px;
}
#socialMediaHeader {
  width:100%;
  max-width:250px;
  font-size:25px;
  margin-left:20px;
}
#socialMediaHeader a{
  margin-left:25px;
}
#callNow {
  background:#000;
  color:#fff;
  font-size:18px;
  padding:15px;
  font-weight:700;
  margin-left:25px;
  text-wrap: nowrap;
}
#bottomHeaderMessage {
  font-size:21px;
  font-weight:bold;
  padding:12px 0;
  width:100%;
  max-width:750px;
  text-align: center;
  margin:0 auto;
}
#middleHeader img {
  display:flex;
  width:100%;
}
#bottomHeader {
  background:#333333;
  }
  #bottomHeader .dropName a, #bottomHeader .dropName i {
  color:#fff;
  font-size:14px;
  }
  
.bodyWrap {
  width:100%;
  max-width:1440px;  
  margin:0 auto;
  padding:25px 0
  }
#footerWrap {
background:#1b3358;
max-width:1440px;
margin:0 auto;  
}
#bottomFooter {
max-width:1440px;
padding:15px;
 box-sizing: border-box;
}
#socialFooter {
max-width:1440px;
padding:25px 15px;
border-bottom:1px solid #4165ac;  
}

.stayConnectedText {
  font-size:18px;
  font-weight:bold;  
  color:#fff;
  padding-bottom:20px;
}

#socialFooter a{
margin:10px;
font-size:25px;
color:#fff;
}

.colList {
list-style-type: none;
padding-left:0;
line-height:2;
}
.colLink a{
color:#fff;
font-size:15px;
}
.colHeader {
font-size:16px;
font-weight:bold;
color:#fff;
}
.colLink{
color:#fff;
font-size:15px;
}

.positionRel {
position: relative;
}
a.positionRel {
display: block;
}
span.halfscreenOverlay {
max-width: 50%;
position: absolute;
background: rgba(0,0,0, .5);
color: #fff;
padding: 11% 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
height: calc(100% - 3px);
top: 0;
left: 0;
}
span.halfscreenOverlay h2 {
/*color: #f5b348;*/
color: #fff;
margin: 0 0 1rem;
font-size: 2.75rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 4px;
}
span.halfscreenOverlay p {
line-height: 1.8;
font-size: .8rem;
margin: 0 0 1rem;
}
span.button {
background: #333;
padding: .5rem 1rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
max-width: max-content;
text-transform: uppercase;
letter-spacing: 1px;
}
.halfCol50 {
display: block;
}
.col50:first-child {
margin-right: 7px;
}
.col50 {
flex: 1;
}
.col50 img {
width: 100%;
}
.halfCol50 img {
width: 100%;
}
a.positionRel h3 {
font-weight: 300;
text-transform: uppercase;
position: absolute;
margin: 0;
padding: 17.35% 2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
top: 0;
/* color: #88b769; */
/*color: #f5b348;*/
color: #fff;
font-size: 1.75rem;
letter-spacing: 8px;
}
a.halfCol50 {
margin-bottom: 7px;
}
.fourBox img {
width: 100%;
height: auto;
}
.fourBox {
flex: 1;
text-align: center;
margin-right: 7px;
position: relative;
/*! height: auto; */
}
.fourBox:last-child {
margin-right: 0px;
}
h4.fourBoxText {
position: absolute;
text-align: center;
width: 100%;
bottom: 3px;
/*color: #f5b348;*/
color: #fff;
font-weight: 200;
text-transform: uppercase;
font-size: 1.25rem;
letter-spacing: 2px;
background: #000;
background: rgba(0,0,0,.5);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+69 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 69%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 69%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
margin: 0;
padding: 1.5rem 0 1.15rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#copyright {
background:#fff;
width:100%;
padding:25px 0;
font-size:10px;
text-align: center;
color:rgb(71, 83, 83);
}
.hamburger {
	display: none;
}
.hamburger.active .top-bar {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
}
.hamburger.active .middle-bar {
	opacity: 0;
}
.hamburger.active .bottom-bar {
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 50%;
}
.top-bar ,
.middle-bar, 
.bottom-bar {
	width: 22px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	right: 50%;
	transition-delay: 0.1s,0.2s;
	transition-duration: 0.1s,0.1s;
	transition-timing-function: ease-in-out;
	left: calc(50% - 11px);
	border-radius: 5px;
}
.top-bar {
	top: calc(50% - 7px);
	transform-origin: 11px 1px;
}
.middle-bar {
	top: 50%;
}
.bottom-bar {
	top: calc(50% + 7px);
}

.mobileDropBox, #menuToggle {
  display:none;
}
@media only screen and (max-width: 1420px) {
  #bottomHeader {
      background: #333333;
      padding: 0 10px;
  }
}
@media only screen and (max-width: 1265px) {
  #headerLogos img:last-child {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 1075px) {
  #headerLogos img:last-child {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 1040px) {
  #loginbodyWrapper {
      width: 100% !important;
  }
  #loginLoginSubLeft {
      max-width: 398px;
      margin-bottom: 20px;
  }
  #loginLoginSubRight {
      max-width: 348px;
      border-left: none !important;
  }
  #loginLoginSubRight, #loginLoginSubLeft {
      height: auto !important;
      float: none !important;
      width: 100% !important;
      padding: 0 0 0 2% !important;
      box-sizing: border-box !important;
  }
  .loginSubFormWrapper {
      width: 100% !important;
  }
  #loginSignInHeader {
     padding: 18px 15px !important; 
  }
  .secondLogo {
    display: none;
  }
  #topHeader {
    gap: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
	#socialMediaHeader{
		display:none
	}
  #headerLogos img:last-child {
      margin-left: 0;
  }
	.functions{
		display:none;		
		box-sizing:border-box;
	}
	.functions:last-child{
		display:flex;
		margin-right:10px;

	}
	#bottomHeader{
		background:#333;
		padding:5px 0 
	}
	#navList{
		display:none;
	}

	#userCenter{
		width:auto;
		max-width:100px;
		margin:10px 0
	}
  .functions {
      margin: 0;
  }
	#searchHolder{
		margin:0;
	}
	#headerLogos{
		justify-content:center;
	}

	#headerLogos img:nth-child(2){
		display:none;
	}
  #flyoutMenu {
    background:#fff;  
    width:350px;
    position:fixed;
    z-index:999;
    height:100vh  
  }
  #flyoutWrap{
    background:#333
  }
	
  .mobileDropName{
    display:flex;
    width:300px;
    font-size:15px;
    color:#fff;
    font-weight:bold;
    text-transform: uppercase;  
  }
  .mobileNavList {
    padding-left:0;    
  }

  .mobileDropTab {
    font-size:18px;
    color:#fff;
    margin-bottom:15px;
    margin-left:15px;
  }
  .mobileDropTab i{
    margin-right:20px;
    cursor: pointer;
  }
  .mobileDropTab a{
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
  }
  .mobileNavLinks {
    background:#fff;
    line-height:3.5
    }
    .mobileNavLinks a{
        font-size:16px;
        text-transform:uppercase;
        color:#000;
      margin-left:15px;
    }
  #menuToggle {
      position:relative;
  }
  #overlay {
      width:100%;
      height:100vh;
      background:rgb(0,0,0,0.9);
      opacity:0.5;
      z-index:99;
      position:absolute;
  }
  .closeFlyoutMenu i {
    font-size:25px;
    cursor:pointer;
    color:#fff;
    box-sizing:border-box;
    padding:10px 15px;    
    margin-right:10px;
    margin-top:10px;
  }
  .closeFlyoutMenu{
        display:flex;
    justify-content: flex-end;
  }
  .closeFlyoutMenu i:active{
    background:blue;
  }
	#bottomHeader{
		display:flex;
		justify-content:flex-end;
	}
  
.mobileDropBox.show {
  display:flex;
  flex-direction: column;
  list-style-type: none;
  position: absolute;  
  top:0;
  left:0;
  background:#275aa8;
  height:100vh;
  width:76vw;
}

.mobileDropBox.show li a{
  display:flex;
  padding:10px 0;
  box-sizing: border-box;
  font-weight:400;
  text-transform: capitalize  
}
  #bottomHeader{
    justify-content: space-between;
  }
.hamburger {
		display: inline-block;
		cursor: pointer;
		padding: 20px;
    left:11px;
	    position: relative;
}  
  #callNow{
    margin-right:15px;
  }
 .topHomeSection{
    flex-direction: column;
    margin:0 2%;
   box-sizing: border-box;
  }
  
  #fourBoxWrap{
    margin:0 2%;
  }
  #fourBoxWrap .fourBox{
    box-sizing: border-box;
    width:100%;
    max-width: 250px;
  }
  #bottomFooter{
    flex-direction: column;
  }
  #bottomFooter .footCol{
    margin-bottom:25px;
  }
  #socialFooter{
    justify-content: center;
  }
}
