@charset"UTF-8";
 @media all and (max-width: 1220px) {
    .mobileheader, .navsurround, .searchBox, .textSize {
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
    }
    .hdrsurround {
        background:transparent;
        padding-top: 50px;
    }
    .menubar, .submenu {
        display:none;
    }
    .menubar.mobileSelect{
    	display:initial;
    	}
    .community{
    	background:none;
    	  position: fixed;
  z-index: 101;
  display:none;
    	padding-top: 6px;
    	/* left: 426px; */
}

.community.mobileSelect {display:initial;}
    .menuitem {
        height:50px;
    }
    .nav {
        border-top:#E0DCDC 1px solid}
    .mobileheader {
        display:block;
        background: #397CBF;
        position:relative;
        height: 50px;
        position: fixed;
width: 100%;
z-index: 100;
    }
    .mobileheader a {
        color: white;
        text-decoration: none;
        /* float:left; */
        display: table-cell;
        vertical-align: middle;
    }
    .banner {
        width:66%;
    }
    .helpAlign {
        width:auto;
    }
    .menuic {
        float:left;
        display: table;
        height: 50px;
        padding-left: 20px;
        position: relative;
        z-index: 1000;
    }
    .menuicon {
        display: block;
        height: 50px;
        width: 120px;
        font-size: 21px;
        margin-left: 20px;
    }
    .icon-bar {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 1px;
        background:white;
    }
    .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .menu-text {
        display: inline;
        left: 46px;
        top: 9px;
        position: absolute;
    }
    
    .mobilesearch {
        width:250px;
    }
    .searchBox input[type=search] {
        left:auto;
    }
   
    .credentials {
        /* margin: 0 auto; */
        width: 214px;
    }
    .socialmedia {
        margin: 10px auto;
        /* width: 223px; */
    }
    .socialmedia a {
        display:inline-block;
    }
    .socialmedia img{
    	margin:0 3px;
    	}
    .footerContainer {
        background: none;
    
        width: 92%;
        margin: 0 auto;
}
    .footerCol {
        /* text-align:center; */
        margin-left: 0px;
    }
   /* .login {
        right: 60px;
        display:none;
        position: fixed;
z-index: 101;
top: 55px;
    }*/
   .topbutton{
    	
    	
    bottom: 15%;
}
    /* Crazy absolute positioning */
    .navsurround {
        top: 50px;
        width: 100%;
        border:none;
        position: fixed;
z-index: 100;
    }
    .toolbox,.rightpart {
        position: fixed;
top: 0;
right:0;
z-index: 100;
    }
    .sizewrap, .searchBox{
    	position: fixed;
top: 0;

    	/* z-index: 1000; */
    	}
    	.searchBox {
        /* width:auto; */
    		
        width: 500px;
        z-index: 500;
        right: 0;
		}
		/*.searchBox{
    		right:0;
    		}*/
    	.sizewrap{
    		right: 230px;
    		}
    .searchBox input[type=search] {
        left:0;
    }
    .submenu {
        position: fixed;
        width: 90%;
        margin: 0 0 0 20px;
        top: 101px;
    }
    .mobileSelect {
        /* display:initial; */
    } 
}
@media all and (max-width: 960px) {
    .header {
        height: auto;
        width: 92%;
        margin: 0 auto;
        position: initial;
    }
    
    
    .rightpart {
        float:none;
    }
    .sizewrap{
    right: inherit;
    	
    	
    z-index: 100;
}
    .textsize {
        margin: 0 auto;
        position: relative;
        /* top: -40px; */
    
        left: -50%;
        z-index: 0;
}
    .toolbox {
        width: auto !important;
        width: 100% !important;
    }
   .community{
   	left: 5px;
  top: 295px;
   	width: 390px;
   	border-top: #E0DCDC 1px solid;
}
		.community .login:last-child{
    margin-left: 41px;
			
			}
    .menubar {
        width: 404px;
        position: absolute;
        z-index: 100;
        left: -1px;
        background-color: #F1F1F1;
        height: 300px;
        border-radius: 0 0 9px 9px;
    
        border: #E0DCDC 1px solid;
        border-top: none;
}
    .menualigner {
        display:table;
        width:auto;
        margin-left: 20px;
    }
    .menuitem {
        height: 50px;
        width: 184px;
        margin: 0;
    
        float: none;
}
    .menubar .menuitem:first-child {
        margin-left:0px;
    }
    .menuitem:hover, .menucurrent, .menucurrent:hover {
        border-bottom:0px;
    
        /*border-bottom: 4px #d1002a solid;*/
        
		}
    .menucurrent a{
    	color:#d1002a !important;
    	}
    .submenu {
        width: 218px;
        position: fixed;
        z-index: 100 !important;
        left: 164px;
        background-color: #F5F5F5;
        height: 245px !important;
        top: 51px !important;
        /* border-radius: 0 0 9px; */
        border: #E0DCDC 1px solid;
    
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-radius: 0;
}
    .submenuitem {
        width:100%;
        margin-left: 5px;
    }
    .searchBox {
        /* width:auto; */
    		
        width: 191px;
        z-index: 500;
        right: 0;
}
#search-box{
    /* width: 200px; */
	
	}
.gsc-search-box-tools .gsc-search-box .gsc-input{
	width:120px !important;
	}
    .searchBox input[type=search], .gsc-input-box {
    	/*left:initial;*/
    	 display:none; 
      /* right: 30px;
        z-index: 101;*/
    	}
    	.searchBox input[type=search].mobileSelect, .gsc-input-box.mobileSelect{
    		/* display: inherit; */
    		/* height: 30px !important; */
    		display: block;
}
    .search-icon, input.gsc-search-button {
        background-color:transparent !important;
    }
    input.gsc-search-button:hover{
    	background-color:transparent !important;
    	}
    .login {
        /* display:none; */
        /* left: 20px; */
        /* top: 295px !important; */
        /* z-index: 150 !important; */
    }
    .topbutton{
    right: 5%;
    bottom: 23%;
}
    .footerCol {
        width: 49%;
        height: auto;
        padding: 10px 11px 30px 11px;
    }
    .midfootCol{
    	margin: 0 0 0 2%;
    	}
    .footerCol:nth-last-child(2) {
    	width: 100%;
    }
    .footerCol:nth-last-child(2) .footerTitle{
    	margin-left: 0;
    	}
    	.credentials{
    		margin: 10px 0 0 0;
    		}
    .socialmedia {
        width:337px;
        margin: 10px -5px;
}
    .socialmedia img{
    	margin:0 5px;
    	}
    	 .mobileSelect {
         display:initial; 
    } 
}
@media all and (max-width: 780px) {
	.helpAlign {
        margin: 0 auto;
        float: none;
        display: block;
        height: auto;
    }
    .banner {
        display: block;
        width: 100%;
        float: none;
        height: auto;
    
        margin-bottom: 20px;
}
    .logo {
        margin: 0 auto;
        float: none;
        height: 114px;
    }
    
    	
}
@media all and (max-width: 480px) {
    .content {
        width:100%;
    }
    .logo, .logo img {
        max-width: 316px;
        width: 100%;
    }
    .community{
    	width: 95%;
    	margin:0 auto;
    	}
    .textAdj{
        display:none;
        position: absolute;
        top: 50px;
        left: 0;
        background: #F1F1F1;
        padding: 10px;
        border: #E0DCDC 1px solid;
        border-top: none;
        border-radius: 0 0 9px 9px;
        width: 100px;
    }
    .textAdj.mobileSelect{
    	display:initial;
    	}
    .textsize p {
        cursor:pointer;
    }
    .searchBox input[type=search], .gsc-input-box {
        
    }
    .pseudoText:after {
        content:"\25BC";
        font-size: 16px;
        color: rgba(133, 133, 133, 0.96);
        cursor:pointer;
    }
    .socialmedia {
        max-width: 377px;
        width: 100%;
        height: auto;
        display: inline-block;
    
}
    .descHelper {
        width:100%
    }
    .menubar {
        width: 100%;
    }
    .submenu {
        width: 50%;
        left: 49%;
        margin: 0;
    }
    .login {
        left: 20px;
    }
    .topbutton{
    right: 5%;
    	
    	
    bottom: 23%;
}
    .footerContainer{
    	width:100%;
    	}
    .footerCol {
        width:100%;
        text-align:left;
        margin:0;
    }
    .footerCol:nth-last-child(2){
    	width: 82%;
    	margin: 0 9%;
    	text-align:left;
    	}
    	.footerCol:nth-last-child(2) .footerTitle{
    margin-left: 4px;
    		
    		}
}
@media all and (max-width: 479px) {
.footerCol:nth-last-child(2){
    	width: 100%;
    	margin:0;
    	}
    	.community .login:last-child{
    margin-left: 0;
			
			}
}