@font-face {
  font-family: Rockwell;
  src: url("https://static.wixstatic.com/ufonts/38f661_93644eb9f510402695deb974bb066507/woff2/file.woff2") format("woff2"),
  url("https://static.wixstatic.com/ufonts/38f661_93644eb9f510402695deb974bb066507/woff/file.woff") format("woff"),
  url("https://static.wixstatic.com/ufonts/38f661_93644eb9f510402695deb974bb066507/ttf/file.ttf") format("ttf");
  }
  
  body{
    font-family:'Rockwell', sans!important;
  }
  
  header {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  #topHeader{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width:100%;
    margin:0px;
  }

#topHeader img{
  width:100%;
}
  
#leftLogo{
  margin-right:15px;
  
}
#headerLogo{
    display:flex;
    align-items:flex-start;
}
#navList {
  width:100%;
  max-width:850px;
    
}

  #navLinks{
    display:flex;
    flex-direction: row;
    list-style-type: none;
    justify-content: space-between;
    width:100%;
    padding-left:0;
      font-size:15px; 
  }
  
  #navLinks a{
     color:#595959;
    transition: all .08s linear
  }
  
  #navLinks a:hover{
    color:#81ACBC
  }
  
  .dropTab ul{
    display:flex;
    flex-direction: row;
    justify-content: center;
    width:100%;
    max-width: 671px;
    list-style-type:none;  
  }
  
  #dropBox{
    display:none;
    position: relative;
    box-sizing: content-box;
    padding-left:0;
    z-index: 99999
  }
  
  #bottomHeader {
    display:flex;
    flex-direction: row;
    justify-content: center;
    width:100%;
    padding-top:10px;
    position: relative;
    right:10px;
  }
  
  .dropTab:hover > #dropBox{
    display:flex;
    flex-direction: row;
  align-items: center;
    position: absolute;
    left:calc(50% - 330px);
    right:0;
    background:#fff;
    line-height: 2.5;
  
    font-size:15px;
    /*! width: 100%; */
  }
  
  .dropListCol ul{
    display:block;
    padding:0 30px;
    
  }

  #footerFlex {
    display:flex;
    flex-direction: column;
    align-items:center;
    font-family: 'Rockwell'
  }
  
  #topFooter{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    max-width:1250px;
    height:135px;
    padding-right:30px;
    padding-bottom:10px;
  }
  .addressCol {
    display:flex;
    flex-direction: column;
    text-align: center;  
     color:#595959;
    font-size:14px;
    line-height: 19.6px
  }
  .addressTitle{
    font-weight:bold;  
   
  }
  .addressEmail a{
     color:#595959;
    text-decoration: underline;
  }
  #middleFooter{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #middleFooter img{
    margin-top:10px;
  }
  #socialIcons{
    font-size:30px;
    width:100%;
  }
  
  #socialIcons a{  
       color:#949494;
    padding:0 8px;
  }

#socialIcons .fa-instagram{
  font-size:33px;
}
  #topFooter, #middleFooter, #bottomFooter{
    margin:8px 0
  }
  
  #copyright{
       color:#595959;
  }
  #infoPage { padding:50px 20px 50px 30px; color:#666; font-size:12px; font-weight:none; line-height:20px; text-align:left; min-height:450px; }
    
  #leftInfoColumn { float:left; max-width:400px; width: 100%; font-size:16px; line-height:25px; color:#999; }
      #contactInfoBox { min-height:200px; }
  #leftInfoColumn b { font-size:16px; text-transform:uppercase; }
  
  #rightInfoColumn { float:right; max-width:500px; width: 100%;}
  
  #dynamicAddress { border:1px solid #ccc; padding:5px; margin-top:20px; max-width:385px; height:270px; }
  #contactForm .buttonContainer { padding:5px 0; }
  #brandTitleBox {
    width: 100%;
}
#leftSideBrandList {
    display: none;
}
#rightSideBrandIcons {
    width: 100% !important;
    position: relative;
    top: 0;
    right: 0;
}
.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:#595959;
	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);
}

@media only screen and (max-width: 768px) {
  #bottomHeader{
    flex-direction: column;
  }
  
  .hamburger {
      display: inline-block;
      cursor: pointer;
      padding: 20px;
        right: 11px;
        position: relative;
    }
  #navList{
    display:none;    
  }
  
  #navList.show{
    display:block;
  }
  
  #navList.show ul{
    flex-direction: column;
   margin-left:15px;
  }
  
  #navList.show ul li{
    margin:10px 0
  }
  
  #navList.show .dropTab:hover > #dropBox{
    display:none;
    
  }
  #navList.show #dropBox{
    display:block!important;
    position: static;
    margin:0;
    line-height:2
  }
  #navList.show #dropBox .dropListCol{
    margin:0      
  }
  
  #topFooter{
    flex-direction: column;
  }
  
  .addressCol{
    flex-direction: column;
    margin-top:15px;
    margin-bottom:20px;
  }
  #topFooter{
    height: auto;
    padding-right: 0;
  }
  
}

@media only screen and (max-width: 950px) {
    #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; 
    }
}