/*!////////////////////////////////////////////////
// BASE
/////////////////////////////////////////////////*/
@-o-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body,
iframe,
div,
section,
header,
p,
a,
ul,
ol,
li,
article,
footer,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
@media screen and (min-width: 900px) {
	body {
		margin-top:110px;
	}
	
}
*/

::-moz-selection {
  background: #00803e;
  text-shadow: none;
  color: #fff; }

::selection {
  background: #00803e;
  text-shadow: none;
  color: #fff; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle;
  max-width:100%; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }


/*!////////////////////////////////////////////////
// LAYOUT
/////////////////////////////////////////////////*/
.wrap {
  max-width: 1280px;
  width: 92%;
  margin: 0px auto;
  position: relative; }
  
  .miniwrap {
  max-width: 1190px;
  width: 92%;
  margin: 0px auto;
  position: relative; }

.row {
  clear: both; }

@media screen and (min-width: 480px) {
  .wrap {
    width: 98%; }

  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-half,
  .grid-full,
  .grid-unit {
    float: left;
    width: 100%; }
    .grid-1:nth-child(n),
    .grid-2:nth-child(n),
    .grid-3:nth-child(n),
    .grid-4:nth-child(n),
    .grid-5:nth-child(n),
    .grid-6:nth-child(n),
    .grid-half:nth-child(n),
    .grid-full:nth-child(n),
    .grid-unit:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-1:nth-child(1n),
    .grid-2:nth-child(1n),
    .grid-3:nth-child(1n),
    .grid-4:nth-child(1n),
    .grid-5:nth-child(1n),
    .grid-6:nth-child(1n),
    .grid-half:nth-child(1n),
    .grid-full:nth-child(1n),
    .grid-unit:nth-child(1n) {
      margin-right: 0; }
    .grid-1:last-child,
    .grid-2:last-child,
    .grid-3:last-child,
    .grid-4:last-child,
    .grid-5:last-child,
    .grid-6:last-child,
    .grid-half:last-child,
    .grid-full:last-child,
    .grid-unit:last-child {
      margin-right: 0; }

  .grid-25,
	.grid-75 {
    float: left;
    width: 49.24242%; }
    .grid-25:nth-child(n),
		.grid-75:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-25:nth-child(2n),
		.grid-25:nth-child(2n) {
      margin-right: 0; }
    .grid-25:last-child,
		.grid-25:last-child {
      margin-right: 0; }

  .gallery .grid-unit,
  .grid-half {
    width: 49.24242%; }
    .gallery .grid-unit:nth-child(n),
    .grid-half:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .gallery .grid-unit:nth-child(2n),
    .grid-half:nth-child(2n) {
      margin-right: 0; }
    .gallery .grid-unit:last-child,
    .grid-half:last-child {
      margin-right: 0; }

  .grid-flow-opposite {
    float: right; } }
@media screen and (min-width: 900px) {
  .grid-1 {
    width: 15.40404%; }
    .grid-1:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-1:nth-child(6n) {
      margin-right: 0; }
    .grid-1:last-child {
      margin-right: 0; }

  .grid-2 {
    width: 32.32323%; }
    .grid-2:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-2:nth-child(3n) {
      margin-right: 0; }
    .grid-2:last-child {
      margin-right: 0; }

  .grid-3,
  .grid-half {
    width: 49.24242%; }
    .grid-3:nth-child(n),
    .grid-half:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-3:nth-child(2n),
    .grid-half:nth-child(2n) {
      margin-right: 0; }
    .grid-3:last-child,
    .grid-half:last-child {
      margin-right: 0; }

  .grid-4 {
    width: 66.16162%; }
    .grid-4:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-4:nth-child(1.5n) {
      margin-right: 0; }
    .grid-4:last-child {
      margin-right: 0; }

  .grid-5 {
    width: 82.74242%; }
    .grid-5:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-5:nth-child(1.20482n) {
      margin-right: 0; }
    .grid-5:last-child {
      margin-right: 0; }

  .grid-6,
  .grid-full {
    width: 100%; }
    .grid-6:nth-child(n),
    .grid-full:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-6:nth-child(1n),
    .grid-full:nth-child(1n) {
      margin-right: 0; }
    .grid-6:last-child,
    .grid-full:last-child {
      margin-right: 0; }

  /* If there are no margins */
  .grid-1.no-margin {
    width: 16.66667%; }
    .grid-1.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-1.no-margin:nth-child(6n) {
      margin-right: 0; }
    .grid-1.no-margin:last-child {
      margin-right: 0; }

  .grid-2.no-margin {
    width: 33.33333%; }
    .grid-2.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-2.no-margin:nth-child(3n) {
      margin-right: 0; }
    .grid-2.no-margin:last-child {
      margin-right: 0; }

  .grid-3.no-margin,
  .grid-half.no-margin {
    width: 50%; }
    .grid-3.no-margin:nth-child(n),
    .grid-half.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-3.no-margin:nth-child(2n),
    .grid-half.no-margin:nth-child(2n) {
      margin-right: 0; }
    .grid-3.no-margin:last-child,
    .grid-half.no-margin:last-child {
      margin-right: 0; }

  .grid-4.no-margin {
    width: 66.66667%; }
    .grid-4.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-4.no-margin:nth-child(1.5n) {
      margin-right: 0; }
    .grid-4.no-margin:last-child {
      margin-right: 0; }

  .grid-5.no-margin {
    width: 83.0%; }
    .grid-5.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-5.no-margin:nth-child(1.20482n) {
      margin-right: 0; }
    .grid-5.no-margin:last-child {
      margin-right: 0; }

  .grid-6.no-margin,
  .grid-full.no-margin {
    width: 100%; }
    .grid-6.no-margin:nth-child(n),
    .grid-full.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-6.no-margin:nth-child(1n),
    .grid-full.no-margin:nth-child(1n) {
      margin-right: 0; }
    .grid-6.no-margin:last-child,
    .grid-full.no-margin:last-child {
      margin-right: 0; }

  .grid-25 {
    width: 23.86364%; }
    .grid-25:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .grid-25:nth-child(4n) {
      margin-right: 0; }
    .grid-25:last-child {
      margin-right: 0; }

  .grid-25.no-margin {
    width: 25%; }
    .grid-25.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-25.no-margin:nth-child(4n) {
      margin-right: 0; }
    .grid-25.no-margin:last-child {
      margin-right: 0; }
			
	.grid-75 {
		width: 74.616161% }
		.grid-75:nth-child(n) {
			margin-bottom: 1.51515%;
			margin-right: 1.51515%; }
		.grid-75:nth-child(4n) {
			margin-right: 0; }
		.grid-75:last-child {
			margin-right: 0; }
		
	.grid-75.no-margin {
		width: 75%; }
		.grid-75.no-margin:nth-child(n) {
      margin-bottom: 0;
      margin-right: 0; }
    .grid-75.no-margin:nth-child(4n) {
      margin-right: 0; }
    .grid-75.no-margin:last-child {
      margin-right: 0; }

  .gallery .grid-unit {
    width: 32.32323%; }
    .gallery .grid-unit:nth-child(n) {
      margin-bottom: 1.51515%;
      margin-right: 1.51515%; }
    .gallery .grid-unit:nth-child(3n) {
      margin-right: 0; }
    .gallery .grid-unit:last-child {
      margin-right: 0; }

  .content-pad-right {
    padding-right: 4%;
    /* Use (or don't) as necessary. */ }

  .content-pad-left {
    padding-left: 4%; } }
	
  .list-grid-2 {
		-webkit-column-count:2; 
		-moz-column-count: 2; 
		column-count: 2; 
		-webkit-column-gap: 40px; 
		-moz-column-gap: 40px; 
		column-gap: 40px; }
	@media screen and (max-width: 480px) {
		.list-grid-2 {
			-webkit-column-count:1; 
			-moz-column-count: 1; 
			column-count: 1; 
			-webkit-column-gap: 0px; 
			-moz-column-gap: 0px; 
			column-gap: 0px; } }
	
  .list-grid-3 {
		-webkit-column-count:3; 
		-moz-column-count: 3; 
		column-count: 3; 
		-webkit-column-gap: 40px; 
		-moz-column-gap: 40px; 
		column-gap: 40px; }
	@media screen and (max-width: 480px) {
		.list-grid-3 {
			-webkit-column-count:1; 
			-moz-column-count: 1; 
			column-count: 1; 
			-webkit-column-gap: 0px; 
			-moz-column-gap: 0px; 
			column-gap: 0px; } }
	
/*!////////////////////////////////////////////////
// THEME
/////////////////////////////////////////////////*/

a {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-decoration: none; }

*[class^="button"] {
}
  *[class^="button"]:hover,
  *[class^="button"]:focus {
  }

 
/*! Header
//////////////////////////////////////////////*/


@media screen and (min-width: 1200px) {
	
		.mobilephone {
		display:none !important;	
		}
		
		.mobile-nav {
		display:none !important;
		}
		
	}
	
	.mobile-nav {
	background-color:black;		
	}
	
	.mobilephone span {
	font-size: 22px;
	}
	
.mobile__button p {
  display: block;	  
  color:white;
  font-weight:bold;
  text-align:center;
      margin-bottom: -2px;
    margin-top: -2px; }
  
/*
  .mobile__button p span {
	font-size: 24px;
	    padding-top: 10px;
    padding-bottom: 10px;
	text-align:center;
    display: block; 
  }
*/
  @media screen and (min-width: 1065px) {
    .mobile__button p {
      display: none;
 } }

		header[role=banner] .mobile__nav {
			background-color:#212121;
			position: fixed;
			z-index:  999;
			top: 0;
			left: 0;
			height: 100%;
			width: 300px;
			text-align: left;
			overflow: auto;
			-webkit-overflow-scrolling: touch;
			-webkit-transform: translate3d(-300px, 0, 0);
			-ms-transform: translate3d(-300px, 0, 0);
			transform: translate3d(-300px, 0, 0);
			-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
			transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
			-o-transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
			transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
			transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }
		header[role=banner] .mobile__nav.active {
			-webkit-transform: translate3d(0, 0, 0);
			-ms-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0); }
			header[role=banner] .mobile__nav img {
				 display: block;
    width: 50%;
    height: auto;
    margin: 0px auto 5px; }
			header[role=banner] .mobile__nav ul {}
				header[role=banner] .mobile__nav ul li {}
					header[role=banner] .mobile__nav ul li a {
						display:  block;
						font-size: 18px;
						padding: 15px;
						color:white; }
					header[role=banner] .mobile__nav ul li a:hover,
					header[role=banner] .mobile__nav ul li a:focus {
						background: #8192a1;
						color: white; }
						
						header[role=banner] .mobile__nav ul li ul li a {
							font-size:14px;
						}
						
		header[role=banner] .body__overlay {
			display: none; }
		header[role=banner] .body__overlay.active {
			display: block;
			position: fixed;
			z-index: 998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			-webkit-animation: fade 500ms;
			animation: fade 500ms; }
			
			
  .mobile__nav a {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .mobile__nav a:hover,
	.mobile__nav a:focus {
      }
  @media screen and (min-width: 1065px) {
    .mobile__nav {
      display: none; } }

.mobile__nav ul li ul {
    display: none;
}

	.mobile__nav ul li  {
		text-align:center;
		color:white;
		font-weight:bold;
		border-bottom:1px solid white;
		font-size:18px;
	}
	
	.mobile__nav ul li:last-of-type {
	border-bottom:none;	
	}
	
	.mobile__nav ul li a { 
	color: black;
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	}
	
/* 	.mobile__nav ul li ul li {
	font-size:14px;	
	width:60%;
	margin-left:20%;
	} */
	
	.mobile__nav ul li ul li a {
			display:  block;
			font-size: 18px;
			padding: 15px;
			color:black;
	}
		
		.mobileclose p {
		font-size:24px;
		color:white;	
		text-align:right;
		padding-right:15px;
		font-weight:bold;
		cursor:pointer;
		}


 @media screen and (min-width: 1200px) {
	 .fullheader {
		position:fixed; 
top:0;
left:0; 
	 }
 }

.fullheader {

width:100%;	
z-index:999;
}

header[role=banner] {
	background-color: #212221;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
  header[role=banner] nav[role=navigation] {
    display: none; }
  @media screen and (min-width: 1200px) {
    header[role=banner] nav[role=navigation] {
      display: block; }
  }

.mobile__button p {
  display: block; }
  @media screen and (min-width: 1200px) {
    .mobile__button p {
      display: none; } }	  
	  
	  .topheader {
	  background-color: #212121;
	  text-align:center;
	  padding-top:5px;
	  padding-bottom:5px;
	  }
	  
	  .mainnav {
		display:none;  
	  }
	  
	  @media screen and (min-width: 1200px) {
		  
		  .mainnav {
			display:block !important;  
		  }
		  
	  }
	  
	  @media screen and (max-width: 900px) {
	  .topheader *[class^="grid"] {
		margin-bottom:16px !important;	
		text-align:center;	
		}
		
		.topheader p {
		margin-right:0px !important;
		}
		
		.topheader .socialicons {
		margin-left:0px !important;	
		}
		
	  }
	  
	  .website__search {
		display:inline-block;  
		vertical-align:middle;
		  margin-right: 12px;
	  }
	  
	  .topheader p {
		color:white;
		display:inline-block;  
		vertical-align:middle;
		font-size:14px;
		margin-right:32px;
		font-weight:bold;
	  }
	  
	  .socialicons {
		display:inline-block;
		vertical-align:middle; 
		margin-left:32px; 
	  }
	  
	  .socialicons i {
		    font-size: 26px;
    vertical-align: middle;
	  }
	  
	  .fa-stack-1x {
    color:white;
		}
	  
	  .socialicons img {
		max-width:25px !important;
		margin-right:5px;  
	  } 
	  
	  .website__search {
		position:relative;  
		  margin-bottom: 10px;
	  }
	  
	  .website__search i {
			position: absolute;
    top: 0;
    right: 0;
    font-size: 15px;
    padding: 0.35em;
    cursor: pointer;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
			.website__search i:hover,
			.website__search i:focus {
				color:#00833E; }
				
				.website__search input[type="submit"] {
				display:none;	
				}
				
				.website__search input[type="text"] {
				width:100%;	
				}
	  			
				.topheader .grid-2 {
				margin-bottom:0px;	
				}
				
				.headerleft {
				text-align:right;	
				}
.group .tagline {
	margin-left:0px;
	position:absolute;
	min-width: 300px;
	float:left;
	font-size: 1em;
}
				
				.headerright {
				text-align:left;	
				}
				
				.searcharea {
				text-align:center;	
				}
				
					.homehero {
	 				background-size: cover;
					position:relative;
					height: 42vw !important;
					height: 100%;
					position:relative;	
					background-position: center;
						}
                        .homehero  .slide-link{
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;}
	
					@media screen and (min-width: 1125px) {
	
					.homehero {
					height: 42vw !important;
					} 
						
						.homeslider {
							height:42vw !important;
						}
					}


		.navleft {
		text-align:center;	
		}
		
		.navright {
		text-align:center;	
		}
			
		.navleft ul li {
			display:inline-block;
			font-size:16px;
			margin-right:24px;
			font-weight:bold;
			border-bottom:5px solid #EBEBEB;
		}
		
		.navleft ul li:hover {
		border-bottom:5px solid green;
		transition: all 0.5s ease;
		}
		
		.navleft ul li a {
			color:#222;
			padding-top: 40px;
			padding-bottom:20px;
			display:inline-block;
		}
	
		
		.navleft ul li:last-of-type {
		margin-right:0px;	
		}
		
		.navright ul li {
			display:inline-block;
			font-size:16px;
			margin-right:24px;
			font-weight:bold;
			border-bottom:5px solid #EBEBEB;
		}
		
		.navright ul li:hover {
		border-bottom:5px solid green;
		transition: all 0.5s ease;
		}
		
		.navright ul li a {
			color:#222;
			padding-top: 40px;
			padding-bottom:20px;
			display:inline-block;
		}
		
		.navright ul li:last-of-type {
		margin-right:0px;	
		}
		
		.logoarea {
		text-align:center;
		display:inline-block;
		vertical-align:middle;	
		}
		
		.logoarea img {
		max-width: 215px !important;	
		}
		
		header[role=banner] .screws:hover .screwsnav {
		display:block !important;
		}
		
		.catalog {
			color:#ffffff;
			background-color: #3c884c;
			z-index: 999;
			display: flex;
			float: right;
			vertical-align:top;
			font-weight: 600;
			padding:8px;
  			-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  			-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  			box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
			border-radius: 0px 0px 10px 10px;
			margin-right:2%;
}
			.catalog:hover {
			background-color: #df9032;
			transition: all 0.5s ease;
}
@media screen and (min-width:0px) and (max-width:720px) {
	.catalog {
		display:none;
	}
}
		
		.screwsnav {
		background-image:url('../img/screwsnavbg.jpg');
		background-size:cover;
		background-position:center;	
		}
		
		.snowguardsnav {
		background-image:url('../img/snowguardsnavbg.jpg');
		background-size:cover;
		background-position:center;	
		}
		
		.accessoriesnav {
		background-image:url('../img/accessoriesnavbg.jpg');
		background-size:cover;
		background-position:center;	
		}
		
		.companynav {
		background-image:url('../img/companynavbg.jpg');
		background-size:cover;
		background-position:center;	
		}
		
		.contactnav {
		background-image:url('../img/contactnavbg.jpg');
		background-size:cover;
		background-position:center;	
		}
		
		.navpopup {
		display:none;
		/* padding-top:50px;
		padding-bottom:50px; */	
		}
		
		
		
		.specialnavs {
		    position: absolute;
    		z-index: 999;
    		width: 100%;	
		}
		
		.featuredtitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #000000;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;	
			margin-bottom:16px;
		}
		
		.redtitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #CC4C5A;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;	
			margin-bottom:16px;
		} 
		
		.bluetitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #3182AA;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
		}
		
				.blacktitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #222;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
		}
		
			.snowtitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #3182AA;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
			} 
			
			
			
			.closurestitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #1D9EDA;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
			} 
			
			
			.ridgetitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #C2D552;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
			} 
.dekstitle {
		border-style: solid;
    		border-width: 1px;
    		border-color: #020281;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
}
.s5 {
		border-style: solid;
    		border-width: 1px;
    		border-color: #ffcd34;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:25%;
			margin-bottom:16px;
			z-index:999;
			
}
.s5div {
		max-height:15px;
		margin-left: 20%;
		
}
			
			.undertitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #84B258;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
			} 
		
			.sealtitle {
			border-style: solid;
    		border-width: 1px;
    		border-color: #F3D538;
    		background-color: transparent;
    		border-radius: 10px;
    		line-height: 36px;
    		font-size: 20px;
    		text-align: center;
    		color: #000000;
    		font-family: roboto, sans-serif;
    		font-weight: 700;
			width:100%;
			margin-bottom:16px;
			}
			
			.featured {
			background-color:rgba(34,34,34,0.25);	
			padding:15px;
			}
			
			
			.navpopup *[class^="grid"] {
			padding:15px;	
			margin-bottom:0px;
			    padding-top: 35px;
			}
			
			.navpopup .featured ul li  {
			 text-align: center;
    		color: white;
    		margin-bottom: 16px;
			border-radius:10px;
			font-size:14px;
			font-weight:bold;
			list-style:none;
			border:none;
			text-align:center;
			padding-bottom:0px;
			}
			
			.navpopup .featured ul li a {
			color:White;
			padding:10px;
			display:block;	
			}
			
			.navpopup .snowfeatured ul li {
			background-color:#3183aa !important;	
			}
			.navpopup .snowfeatured ul li:hover {
			background-color:#08557a !important;
			transition: all 0.5s ease;
}
			
			.navpopup .featured ul li:nth-of-type(1) {
			background-color:#CC4C5A;	
			}
			.navpopup .featured ul li:nth-of-type(1):hover {
			background-color:#8b101f;
			transition: all 0.5s ease;
			}
			
			.navpopup .featured ul li:nth-of-type(2) {
			background-color:#7DC1EE;	
			}
			.navpopup .featured ul li:nth-of-type(2):hover {
			background-color:#3690ca;
			transition: all 0.5s ease;
			}
			
			.navpopup .featured ul li:nth-of-type(3) {
			background-color:#7FB95A;	
			}
			.navpopup .featured ul li:nth-of-type(3):hover {
			background-color:#356d10;
			transition: all 0.5s ease;
			}
			
			.navpopup .featured ul li:nth-of-type(4) {
			background-color:#7FB95A;	
			}
			.navpopup .featured ul li:nth-of-type(4):hover {
			background-color:#356d10;
			transition: all 0.5s ease;
			}
			
			.metaltowood ul {
			-moz-column-count: 2;
			-moz-column-gap: undefinedpx;
			-webkit-column-count: 2;
			-webkit-column-gap: undefinedpx;
			column-count: 2;
			column-gap: undefinedpx;	
			}
			
			.navpopup ul li {
			list-style: none;
    		font-size: 14px;
    		color: black;
    		margin-bottom: 8px;
    		padding-bottom: 5px;
    		border-bottom: 1px solid black;
			}
			
			.navpopup ul li:hover a {
				color:#00833E;
			}
			
			.featured ul li:hover a {
				color: white;
			}
			
			.navpopup ul li a {
			color:black;	
			font-weight:bold;
			}
			
			.navpopup .accessoriesfeatured ul li:nth-of-type(1) {
			background-color:#003872 !important;	
			}
			.navpopup .accessoriesfeatured ul li:nth-of-type(1):hover {
			background-color:#001932 !important;
			transition: all 0.5s ease;
			}
			
			.navpopup .accessoriesfeatured ul li:nth-of-type(2) {
			background-color:#C2D552 !important;	
			}
			.navpopup .accessoriesfeatured ul li:nth-of-type(2):hover {
			background-color:#829314 !important;
			transition: all 0.5s ease;
			}
			
			.navpopup .accessoriesfeatured ul li:nth-of-type(3) {
			background-color:#84B258 !important;	
			}
			.navpopup .accessoriesfeatured ul li:nth-of-type(3):hover {
			background-color:#406e15 !important;
			transition: all 0.5s ease;
			}
			
			.navpopup .accessoriesfeatured ul li:nth-of-type(4) {
			background-color:#F3D538 !important;	
			}
			.navpopup .accessoriesfeatured ul li:nth-of-type(4):hover {
			background-color:#a98e04 !important;
			transition: all 0.5s ease;
			}
			
			#mc_embed_signup input {
			width:100%;
			height:35px;
			margin-bottom:5px;
			margin-top:5px;
			}
			
			#mc_embed_signup input[type="submit"] {
			border:none;
			max-width:150px;
			background-color:#00833E;
			color:white;
			}
			
			.company .grid-2 {
			padding-left:15px;
			padding-right:15px;	
			}
			
			.mc-field-group label {
			font-size:14px;
			color:black;
			font-weight:bold;	
			}
			
			.wpcf7 input {
			width:100%;
			max-width:450px;
			height:35px;
			margin-bottom:5px;
			margin-top:5px;
			}
			
			.wpcf7 textarea {
			width:100%;
			max-width:450px;
			margin-bottom:5px;
			margin-top:5px;
			max-height:150px;
			margin-bottom: 16px;
			}
			
			.wpcf7 input[type="submit"] {
			border:none;
			max-width:150px;
			background-color:#00833E;
			color:white;
			    margin-top: 16px;
			}
			
			.team {
			color:#00833E;
			font-size:60px;
			text-transform:uppercase;
			font-weight:900;	
			text-align:center;
			line-height:1;
			margin-top:110px;
			}
			
			.team a {
				color:#222;
			}
			
			.team a:hover {
				color:#00833E;
			}
			
			.team span {
			font-size:106px;	
			} 
		
		
		.subpagehero {
	    height: 25vw !important;
   		background-position: center;
    	background-size: cover;
    	min-height: 350px;
    	position: relative;
		}

		.subpagehero:before {
		content:"";
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;	
		}


		.subpagemaincontent {
		padding-top:50px;
		padding-bottom:50px;		
		}
		
		.subpagemaincontent h2 {
		margin-bottom:16px;	
		}
		
		.subpagemaincontent h3 {
		margin-bottom:16px;	
		}
			
			.subpagemaincontent p {
			margin-bottom:16px;	
			}
		
		.subpagemaincontent p a {
		color:#00833E;	
		}
		
		.subpagemaincontent ul {
		margin-left:25px;	
		margin-bottom:16px;
		}
		
		.subpagemaincontent ul li {
			margin-bottom:16px;
			list-style:inside;	
		} 
			
/*! Content Area
//////////////////////////////////////////////*/

body {
font-family: 'Roboto', sans-serif;	
}

.main__content {
}


@media screen and (max-width: 900px) {
	
	.colorimageright {
	display:none !important;	
	}

	.colorimageleft {
	display:none !important;	
	}
}

		.colorbar {
		padding-top: 15px;
		padding-bottom:20px;
    	min-height: 100px;
		position:relative;
		text-align: center;
		}
		
		.colorbar:hover .colorimagecenter {
			display:none;
		}
		
		.colorbar:hover .colorimagecenterhover {
		display:inline-block;	
		}

		.colorimageright {
		    float: right;
    vertical-align: middle;
    display: inline-block;
    margin-top: -13px;
		}
		
		.colorimageleft {
		float:left;	
		vertical-align:middle;
		display:inline-block;
		}
	
		.colorimagecenter {
		display: inline-block;
    	float: none;	
		}
	
	.colorimagecenter:hover {
	display:none;	
	}
	
	.colorimagecenter:hover .colorimagecenterhover {
	display:inline-block;	
	}
	
	.colorimagecenterhover {
	display: none;
    float: none;	
	}
	
	.colorimagecenter img {
	max-width:75px !important;	
	}
	
	.colorimagecenterhover img {
	max-width:75px !important;	
	}
			
			.the__gallery {
			text-align:center;	
			}
			
			@media screen and (max-width: 900px) {
				
				.colorbar p a {
				font-size:22px !important;	
				}
				
				.colorbar {
				min-height:inherit !important;	
				}
				
			}

.colorbar p {
    font-size: 42px;
	color:White;
	font-weight:900;	
	text-align:center;
	display: inline-block;
    vertical-align: middle;	
	transition: all 0s ease;
	
}

.colorbar p a {
    font-size: 42px;
	color:White;
	font-weight:900;	
	text-align:center;	
	transition: all 0s ease;
}

.greenbar {
padding-top:10px;
padding-bottom:10px;
background-color:#00833E;	
}

 @media screen and (max-width: 900px) {
	 .greenbar h1 {
	    font-size: 24px !important;
	 }
 }

.greenbar h1 {
	    font-size: 42px;
	color:White;
	font-weight:900;	
	text-align:center;
}

.blackbar {
padding-top:10px;
padding-bottom:10px;
background-color:black;	
}

.blackbar h1 {
	    font-size: 42px;
	color:White;
	font-weight:900;	
	text-align:center;
}


 @media screen and (max-width: 900px) {
	 .greenbar p {
	    font-size: 24px !important;
	 }
 
 	.blackbar h1 {
	    font-size: 24px !important;
	}
 }
 
.greenbar p {
	    font-size: 42px;
	color:White;
	font-weight:900;	
	text-align:center;
}
.maincontent p {
margin-bottom:16px;	
}

 @media screen and (min-width: 900px) {

.verticalalign *[class^="grid"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
	margin-right:0;
	padding-left:25px;
	padding-right:25px;
	}
	 
 }
	.maincontent h2 {
	text-align:center;
	margin-bottom:32px;	
	}
	
	.maincontent {
	padding-top:50px;
	padding-bottom:50px;	
	}
	
	.results {
	font-weight:bold;
	font-size:18px;
	margin-bottom:32px;	
	}

	.page__tabs {
	background-image:url('https://www.levisbuildingcomponents.com/wp-content/themes/levis-building-components/img/tabs-header.png');
    background-position: center;
    background-repeat: repeat;
       padding-top: 35px;
	       background-size: cover;
	} 


		.page__tabs2 {
			background-image:url('https://www.levisbuildingcomponents.com/wp-content/themes/levis-building-components/img/slider-bg.png');
	    background-position: center;
    background-repeat: repeat-x;
    background-size: cover;
		}
	
	.page__tabs .customtabs {
		list-style: none;
    text-align: right;
    margin: 0; }

		.page__tabs .customtabs li {
			display: block;
			background-color:#777777;
			color: white;
			font-size: 24px;
			cursor: pointer;
			padding: 20px 35px;
			margin-bottom: 0; 
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
			font-weight:bold;}
			@media screen and (min-width: 900px) {
	
				.page__tabs .customtabs li {
					display: inline-block;
					background-color:#777777;
					vertical-align: bottom; 
					border-bottom:none;
					    border-radius: 15px 15px 0px 0px;} }
	
			.page__tabs .customtabs li.current {
				color: white;
    			padding-bottom: 23px; }
	
			.page__tabs .customtabs li:hover{
				background-color:#777777;
				-webkit-transition: 0.2s ease-in-out;
				-moz-transition: 0.2s ease-in-out;
				-o-transition: 0.2s ease-in-out;
				transition: 0.2s ease-in-out;}
		 .tab__content {
		display: none;
		padding: 3em 35px;
		padding-top:60px;
		padding-bottom:60px;
		 }
		  .tab__content.current {
    display: block;
		}
		 
		 .page__tabs .tab__content p {
		margin-bottom:32px;	 
		 }
		 
		@media all and (max-width: 480px) {
			.page__tabs .innertab {
				padding: 3em 20px;}
		}
	
		.page__tabs .innertab.current {
			display: block; }
	
		.page__tabs .innertab a[class^="grid"] {
			display: block;
			margin-bottom: 1em;
			text-align: center;
			float: left; }
	
		.page__tabs .innertab h3 {
			font-weight: 400;
			font-size: 30px;
			color: #758162;
			margin-bottom: .5em; }
	
		.page__tabs .innertab hr {
			border-top: 5px solid #b9b699;
			margin: 2em 0 3em 0; }
			
			.page__tabs2 .innertab {
			    background-color: white;
   				text-align: center;
   				padding: 15px;
			}
			
			.page__tabs2 .innertab img {
			max-width:200px;	
			margin:0 auto;
			margin-bottom:36px;
			}
			.page__tabs2 .innertab .innerdiv {
			border:1px solid black;	
			padding:15px;
			position:relative;
			}
			.page__tabs2 .innertab .innerdiv p {
			font-weight:bold;	
			font-size:14px;
			padding-left:25px;
			padding-right:25px;
			}
			
			.page__tabs2 .innertab .innerdiv .tabbutton {
				display:block;
				background-color:#00833E;
				margin-top:24px;
				width:100%;
				padding-top:10px;
				padding-bottom:10px;
				color:white;
				margin-bottom: 16px;
				font-weight:bold;
			}
			
			.page__tabs2 .innertab .innerdiv .tabbutton:hover {
				background-color:#BFBEBE;
			}
			
			.productlogo {
			margin-bottom:32px !important;
			}
			
			
			 @media screen and (max-width: 900px) {
				 
				 .lefttabs {
					 float:inherit !important;
					 margin-bottom:32px;
				 }
				 
			 }
			
			.lefttabs {
			display: inline-block;
    		float: left;	
			}
			
			.lefttabs p {
			font-size:24px;
			color:white;	
			}
			
			.lefttabs p span {
			font-size:28px;
			font-weight:bold;	
			}
			
			@media screen and (max-width: 1400px) {
	
	.owl-prev {
	display:none;	
	}
	
	.owl-next {
	display:none;	
	}
	
}

.owl-prev {
position: absolute;
    left: -70px;
    top: 40%;	
}

.owl-next {
position: absolute;
    right: -70px;
    top: 40%;	
}
		.lefthalf {
		background-color:#EBEBEB;	
		text-align:center;
		padding-top: 5%;
    	padding-bottom: 5%;
		padding-left:25px;
		padding-right:25px;
		}
		
		 @media screen and (max-width: 900px) {
			 
			 .lefthalf p {
		font-size: 36px !important;
		line-height:46px !important;
			 }
			 
		 }
		
		.lefthalf p {
		font-size: 92px;
		line-height:110px;	
		font-weight:900;
		}
		
		.righthalf {
		    background-color: rgba(255,255,255,0.9);
			position:relative;	
			padding:25px;
		}
		
		.righthalf p {
		    font-size: 16px;
			margin-bottom:16px;	
			font-weight:bold;
			text-align:left;
		}
		
		@media screen and (min-width: 1200px) {
	
		
		.righthalf p {
		font-size:24px !important;	
		}
			
		}
		
		@media screen and (min-width: 900px) {
		
				.righthalfcontent {
		    position: absolute;
    		top: 50%;
    		transform: translateY(-50%);
			text-align:center;	
		}
		}
		
		@media screen and (max-width: 900px) {
			
			.righthalfcontent .button {
			margin-top:24px !important;
			font-size:20px !important;	
			padding-top: 10px !important;
    		padding-bottom: 10px !important;
			}
			
		}
		
		.righthalfcontent .button {
		display:inline-block;	
		text-align:center;
		margin-top:64px;
		    color: #FFFFFF;
    position: relative;
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
	background-color:#00833E;
	width:50%;
	padding-top:25px;
	padding-bottom:25px;
	border-radius:10px;
		}
		
		.righthalfcontent .button:hover {background-color:#BFBEBE; }
		
	.homepagesecondary {
	padding-top:50px;
	padding-bottom:50px;	
	}
		
		.homepagesecondary p {
		margin-bottom:16px;	
		}
		
		.homepagesecondary h2 {
		font-size:26px;
		margin-bottom:32px;	
		}
		
		.center {
		text-align:center;	
		}
		
		.productheader {
		height:100vh;
		position:relative;	
		}
		
		 @media screen and (max-width: 900px) {
			
			.productheader img {
			max-height:150px;
			max-width:175px;
			height: calc(100vh - 120px);
			position: relative;
			margin-top: 120px;
			}
			 
		 }
		
		.productcontent {
		position:absolute;
		top:50%;
		transform:translateY(-50%);	
		    width: 100%;
		}
		
		@media screen and (min-width: 900px) {
		
		.trisplit {
		height:100vh;
		overflow:hidden;	
		}
		
		.trisplit *[class^="grid"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
	margin-right:0;
	text-align:center;
	}

		.splitone {
		background-color:#C6C6C6;	
		height:100vh;
		position:relative;
		padding:0px !important;
		}
		
		
		.splittwo {
			height:100vh;
			position:relative;
			background-color:#000000;
			background-size:cover;
			padding:0px !important;
		}
		
		.splittwo p {
		font-size:90px !important;
		text-align:left !important;
		}
		
		}
		
		.splittwo {
		padding:25px;	
		}
		
		.splitone {
		background-color:#C6C6C6;
		padding:25px;
		}
		
		.splitthree {
		background-color:#C6C6C6;
		padding:25px;
		}
		
		.splittwo p {
		color:white;
		font-weight:900;
		line-height:1;	
		font-size:32px;
		text-align:center;
		}
		
		
		@media screen and (min-width: 900px) {
		
		.splitthree {
			height:100vh;
			position:relative;
			background-color:#C6C6C6;
			padding:0px !important;	
		}
		
		.trisplitcontent {
			position:absolute;
			top:50%;
			width:100%;
			transform:translateY(-50%);
			padding-left:15px;
			padding-right:15px;
		}
		
		.trisplit *[class^="grid"] .button {
			width:75% !important;
		}
		
		}
		
		.trisplit *[class^="grid"] {
		margin-bottom:0px !important;	
		}
		
		.woocommerce-product-gallery {
		display:none !important;	
		}
		
		.trisplit *[class^="grid"] .button {
			display:inline-block;
			width:100%;
			text-align:center;
			padding-top:20px;
			padding-bottom:20px;
			margin-top: 10%;
			background-color:#FF9621;
			color:White;
			text-transform:uppercase;
			border-radius:15px;
		}
		
		.trisplit *[class^="grid"] .button:hover {
			 background-color:#D87301;
			 color:white;
		}
		
		/* This is the category for woo commerce */
		.posted_in {
		display:none !important;	
		}
		
		.lightSlider {
		margin-left:0px !important;	
		}
		
		.lightSlider li img {
		border:1px solid black;	
		}
		
		.lSGallery li a img {
			border:1px solid black;	
		}


	
	.galleryarea {
	margin-top:32px;	
	}
	
	@media screen and (max-width: 1200px) {
	.galleryarea .grid-25 {
	margin-bottom:16px;	
	}
	}
	
    
.grecaptcha-badge{
    display: none;}
	
/*! Footer
//////////////////////////////////////////////*/

	.topfooter {
	    background-color: #212121;	
		padding-top:50px;
		padding-bottom:50px;
		clear: both;
	}

	.bottomfooter {
	    background-color: #212121;	
		padding-top:20px;
		padding-bottom:20px;
		clear: both;
		color: white;
	}
	.bottomfooter .socialicons i {
		margin: 0 5px;
		color: #00833e;
	}
	.bottomfooter .socialicons i:hover {
		color: #17da78;
	}
	
	@media screen and (max-width: 900px) {
	
		.topfooter {
			padding-left:25px;
			padding-right:25px;
		}	
	}

	.footermenu ul {
	-moz-column-count: 2;
			-moz-column-gap: undefinedpx;
			-webkit-column-count: 2;
			-webkit-column-gap: undefinedpx;
			column-count: 2;
			column-gap: undefinedpx;		
	}
	
		.footermenu ul li {
		list-style:none;
		font-size:16px;
		font-weight:bold;	
		margin-bottom:16px;
		}
		
		.footermenu ul li a {
		color:white;	
		}
		
		.topfooter label {
		color:#666666;	
		font-weight:bold;
		}
		
		.footercontact h4 {
		color:white;
		text-align:center;
		margin-bottom:16px;	
		font-size:24px;
		font-weight:bold;
		}
		
		.footerlogos {
		text-align:center;	
		}
		
		@media screen and (max-width: 900px) {
			.footerlogos {
			margin-top:32px;	
			}
		}
		
		.footerlogos img {
		margin-left:8px;
		margin-right:8px;
		margin-bottom:16px;	
		}
	
	
	@media screen and (max-width: 900px) {
			
			footer[role=contentinfo] {
			text-align:center;	
			}
			
			footer[role=contentinfo] p {
				margin-bottom:16px;
			}
	}
	
	footer[role=contentinfo] .socialicons {
	margin-left:0px;
	}
	
footer[role=contentinfo] {
	background-color:black;
	padding-top:15px;
	padding-bottom:15px;
}

	footer[role=contentinfo] p {
	color:white;
	font-size:14px;
	}
	
	@media screen and (max-width: 900px) {
		
		.subpagemain {
			padding-left:25px;
			padding-right:25px;
		}
		
	}
	
	.subpagemain {
	padding-top:50px;
	padding-bottom:50px;	
	}
	
	.subpagemain p {
	margin-bottom:16px;
	font-size:18px;
	font-weight:bold;	
	}
	
	.subpagemain h1 {
		font-size:36px;
		font-weight:700;
		margin-bottom:32px;	
	}
	
	.subpagemain h2 {
		font-size:36px;
		font-weight:700;
		margin-bottom:32px;	
	}
	
	.subpagemain h3 {
	font-style: italic;
    font-weight: 700;
    font-size: 24px;
	margin-bottom:32px;	
	}
	
	.subpagemain ul {
	margin-left:25px;
	margin-bottom:32px;	
	}
	
	.twocolumns {
	-moz-column-count: 2;
-moz-column-gap: undefinedpx;
-webkit-column-count: 2;
-webkit-column-gap: undefinedpx;
column-count: 2;
column-gap: undefinedpx;	
	}
	
	.subpagemain ul li {
	font-size:18px;
	font-weight:bold;
	margin-bottom:16px;	
	}
 
 
 	.categoryarea {
	padding-top:137px;	
	padding-bottom:50px;
	}
	
	.type-product a {
	color:#222;	
	}

	.calculatorpage {
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.calculatorpage input {
	width: 100%;
    height: 40px;
    max-width: 350px;
    text-align: left;	
	margin-top:5px;
	}
	
	.calculatorpage input[type="checkbox"] {
		width:auto !important;
		height:auto !important;
		margin-top:0px;
	}
	
	.calculatorpage input[type="submit"] {
		width:auto !important;
		margin-top:5px;
				    display: block;
    background-color: #00833E;
    margin-top: 24px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    margin-bottom: 16px;
    font-weight: bold;
	border:none;
	}
	
	.calculatorpage input[type="button"] {
		width:auto !important;
		margin-top:5px;
		    display: block;
    background-color: #00833E;
    margin-top: 24px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    margin-bottom: 16px;
    font-weight: bold;
	border:none;
	}
	
	.calculatorpage select {
	width: 100%;
    height: 40px;
    max-width: 350px;
    text-align: left;	
	margin-top:5px;
	}
	@media screen and (min-width: 1200px) {
		.home__slider {
	    margin-top: 87px;	
	}
	}
	
	.bloghome {
		
	}
	
 .blocks {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-fill: initial;
		-webkit-column-fill: initial;
		-moz-column-fill: initial;
		column-gap: 8px;}
		 .blocks img{
			margin-bottom: 8px;}
			 .blocks img:nth-of-type(2), .main__content .blocks img:last-of-type{
				margin-bottom: 0px;}
				
	 .blog__categories {
		list-style: none;
		text-align: center;
		margin: 0 0 32px 0; }
		 .blog__categories li {
			margin-top: 0;
			margin-bottom: 8px; }
		@media screen and (min-width: 900px) {
			 .blog__categories li {
				margin-bottom: 0; } }
			 .blog__categories li *[class^="button"] {
				padding: 1em;
				width: 100%; }
.blog__posts {}
.blog__posts .post__list {}
	@media screen and (min-width: 900px) {
		 .blog__posts .post__list {
			-moz-column-count: 2;
			-moz-column-gap: 32px;
			-webkit-column-count: 2;
			-webkit-column-gap: 32px;
			column-count: 2;
			column-gap: 32px; } }
	@media screen and (min-width: 1024px) {
		 .blog__posts .post__list {
			-moz-column-count: 3;
			-moz-column-gap: 32px;
			-webkit-column-count: 3;
			-webkit-column-gap: 32px;
			column-count: 3;
			column-gap: 32px; } }
			.blog__posts .post__list .post__list--single {
				background: #fbf3df;
				display: inline-block;
				width: 100%;
				margin-bottom: 32px; }
				 .blog__posts .post__list .post__list--single div {
					padding: 2em;
					text-align: center; }
					 .blog__posts .post__list .post__list--single div h3 {}
						 .blog__posts .post__list .post__list--single div h3 a {
							color: inherit; }
	.blog__pagination {}
	
  .tan__content {
	background: #fbf3df;
	border: none; }
	
	.blogmain .button {
	border: none;
	display: inline-block;
	padding: 1em 2em; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
	text-align: center;
	white-space: normal;
	background: #00833E;
	-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }	
  
  .blogmain .button:hover {
	    background-color: #BFBEBE;  
  }
  
  .salesmap {
	margin-top:32px;  
  }
  
  #CA-BC {
	  fill:#00833e;
  }
#CA-BC:hover {
	fill:#cccccc;
}
  #CA-AB {
	fill:#00833e;  
  }
#CA-AB:hover {
	fill:#cccccc;
}
  
  #CA-SK {
	 fill:#00833e; 
  }
#CA-SK:hover {
	fill:#cccccc;
}
  #CA-MB {
	  fill:#00833e;
  }
#CA-MB:hover {
	fill:#cccccc;
}

  #CA-ON {
	  fill:#00833e;
  }
#CA-ON:hover {
	fill:#cccccc;
}
  
  #CA-QC {
	  fill:#00833e;
  }
#CA-QC:hover {
	fill:#cccccc;
}
  
  #US-WA {
	fill:#00833e;  
  }
#US-WA:hover {
	fill:#cccccc;
}
  
  #US-OR {
	fill:#00833e;   
  }
#US-OR:hover {
	fill:#cccccc;
}
  #US-ID {
	fill:#00833e;   
  }
#US-ID:hover {
	fill:#cccccc;
}
  
  #US-CA {
	fill:#00833e !important;   
  }
#US-CA:hover {
	fill:#cccccc !important;
}
  
  #US-NV {
	fill:#00833e;  
  }
#US-NV:hover {
	fill:#cccccc;
}
  
  #US-UT {
	 fill:#00833e;  
  }
#US-UT:hover {
	fill:#cccccc;
}
  #US-AZ {
	 fill:#00833e; 
  }
#US-AZ:hover {
	fill:#cccccc;
}
  #US-CO {
	 fill:#00833e; 
  }
#US-CO:hover {
	fill:#cccccc;
}
  
  #US-NM {
	fill:#00833e;  
  }
#US-NM:hover {
	fill:#cccccc;
}
  
  #US-MT {
	fill:#00833e;   
  }
#US-MT:hover {
	fill:#cccccc;
}
  
  #US-WY {
	fill:#00833e;   
  }
#US-WY:hover {
	fill:#cccccc;
}
  
  #US-ND {
	 fill:#00833e;  
  }
#US-ND:hover {
	fill:#cccccc;
}
  
  #US-SD {
	 fill:#00833e;   
  }
#US-SD:hover {
	fill:#cccccc;
}
  
  #US-MN {
	   fill:#00833e; 
  }
#US-MN:hover {
	fill:#cccccc;
}
  
  #US-IA {
	  fill:#00833e;  
  }
#US-IA:hover {
	fill:#cccccc;
}
  
  #US-WI {
	   fill:#00833e; 
  }
#US-WI:hover {
	fill:#cccccc;
}
  
  #US-KS {
	 fill:#00833e; 
  }
#US-KS:hover {
	fill:#cccccc;
}
  
  #US-MO {
	  fill:#00833e; 
  }
#US-MO:hover {
	fill:#cccccc;
}
  
  #US-OK {
	fill:#00833e;   
  }
#US-OK:hover {
	fill:#cccccc;
}
  
  #US-AR {
	fill:#00833e;   
  }
#US-AR:hover {
	fill:#cccccc;
}
  
  #US-TX {
	  fill:#00833e; 
  }
#US-TX:hover {
	fill:#cccccc;
}
  
  #US-NE {
	 fill:#00833e;   
  }
#US-NE:hover {
	fill:#cccccc;
}
  
  #US-LA {
	fill:#00833e;  
  }
#US-LA:hover {
	fill:#cccccc;
}
  
  #US-IL {
	fill:#00833e;
  }
#US-IL:hover {
	fill:#cccccc;
}
  
  #US-IN {
	  fill:#00833e;
  }
#US-IN:hover {
	fill:#cccccc;
}
  
  #US-KY {
	fill:#00833e;  
  }
#US-KY:hover {
	fill:#cccccc;
}
  
  #US-TN {
	fill:#00833e;  
  }
#US-TN:hover {
	fill:#cccccc;
}
  #US-MS {
	 fill:#00833e; 
  }
#US-MS:hover {
	fill:#cccccc;
}
  
  #US-AL {
	 fill:#00833e;  
  }
#US-AL:hover {
	fill:#cccccc;
}
  
  #US-FL {
	 fill:#00833e;  
  }
#US-FL:hover {
	fill:#cccccc;
}

  #US-GA {
	fill:#00833e;   
  }
#US-GA:hover {
	fill:#cccccc;
}
  
  #US-SC {
	  fill:#00833e;  
  }
#US-SC:hover {
	fill:#cccccc;
}
  
  #US-NC {
	  fill:#00833e;  
  }
#US-NC:hover {
	fill:#cccccc;
}

  #US-VA {
	fill:#00833e;    
  }
#US-VA:hover {
	fill:#cccccc;
}
  
  #US-MI {
	fill:#00833e;    
  }
#US-MI:hover {
	fill:#cccccc;
}
  
  #US-OH {
	 fill:#00833e;    
  }
#US-OH:hover {
	fill:#cccccc;
}
  
  #US-WV {
	   fill:#00833e;
  }
#US-WV:hover {
	fill:#cccccc;
}
  
  #US-PA {
	 fill:#00833e; 
  }
#US-PA:hover {
	fill: #cccccc;
}
  
  #US-NJ {
	  fill:#00833e; 
  }
#US-NJ:hover {
	fill:#cccccc;
}
  
  #US-DE{
	fill:#00833e;   
  }
#US-DE:hover {
	fill:#cccccc;
}  

  #US-MD {
	fill:#00833e;   
  }
#US-MD:hover {
	fill:#cccccc;
}
  
  #US-NY {
	fill:#00833e;   
  }
#US-NY:hover {
	fill:#cccccc;
}
  
  #US-CT {
	fill:#00833e;    
  }
#US-CT:hover {
	fill:#cccccc;
}
  
  #US-RI {
	fill:#00833e;   
  }
#US-RI:hover {
	fill:#cccccc;
}
  
  #US-MA {
	fill:#00833e;   
  }
#US-MA:hover {
	fill:#cccccc;
}
  
  #US-ME {
	fill:#00833e;   
  }
#US-ME:hover {
	fill:#cccccc;
}
  
  #US-VT {
	 fill:#00833e;  
  }
#US-VT:hover {
	fill:#cccccc;
}
  
  #US-NH {
	fill:#00833e;   
  }
#US-NH:hover {
	fill:#cccccc;
}
  
  #CA-NB {
	 fill:#00833e;  
  }
#CA-NB:hover {
	fill:#cccccc;
}
  
  .yellowbg {
	/*background: #FAF0E1;
    border: solid 1px #A1A58A;*/
	background: inherit;
	border: solid 10px #00833e;
  	padding:25px;
  }
	.yellowbg strong {
		color: #fff;
	}

	.yellowbg p {
	margin-bottom:16px;	
	color: #fff;
	}
	
	.yellowbg p a {
	/*color: #006326;*/
	color: #00833e;
	font-weight:bold;	
	}
	
	.yellowbg p:last-of-type {
	margin-bottom:0px;	
	}
	
	.yellowbg div {
	}
	
	.dealercontent {
	display:none;	
	}
	
	.hide {
	display:none !important;	
	}

	.show {
	display:block !important;	
	}
	 
	.homehero video{
	object-fit: fill;
    width: 100%;
    height: 100%;
	}

/*!////////////////////////////////////////////////
// STATES
/////////////////////////////////////////////////*/

/*! ==========================================================================
// Clearfix
// =========================================================================*/
.group:before,
.group:after {
  content: "";
  display: table; }

.group:after {
  clear: both; }

.group {
  zoom: 1; }

/*! ==========================================================================
// Print styles
// =========================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

	.related products img {
		size:50%;
	}
	#top .related.products .thumbnail_container img {
    width: 50%!important; 
    margin: auto !important; 
}
	.the_gallery img {
		max-width: 50%;
		height: auto;
	}
		.products columnns-4 li img {
			max-width:100px;
			height:auto;
		}
}

.flexslider.loading .slides > li:first-child { opacity: 1 !important; }

.contactusbutton {
	background-color:#00833e !important;
		-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  			-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  			box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
}

.contactusbutton hover {
	background-color: #df9032 !important;
			transition: all 0.5s ease !important;
}


/*New Header*/

/*DESKTOP NAV */
header[role=banner] {
    background: #212121;
    padding: 7px 0;
    position: relative;
    z-index: 9;
	font-family: navigo,sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;}
    header[role=banner] .wrap{}
        header[role=banner] .wrap .group{}
            header[role=banner] .wrap .group *[class^="grid"] {}
                header[role=banner] .wrap .group *[class^="grid"] {
                    display: inline-block;
                    float: none;
                    vertical-align: middle;
                    margin-bottom: 0px;}
                    
                    header[role=banner] .wrap .group *[class^="grid"].logo {}
                        @media all and (max-width: 900px) {
                            header[role=banner] .wrap .group *[class^="grid"].logo{
                                width: 100%;
                                margin-right: 2%;}
                        }
                        header[role=banner] .wrap .group *[class^="grid"].logo img{
                            max-width: 240px;
                            width: 100%;
							display: block;}


								@media screen and (max-width: 900px) {
									header[role=banner] .wrap .group *[class^="grid"].logo img {
										margin: 0 auto;
									}
									
									.header__top {
										text-align: center;
										margin-top: 10px;
									}
									
									.website__search {
										  margin-bottom: 10px;
									  }
								}


                            

                header[role=banner] .wrap .group *[class^="grid"].nav{
                    text-align: right;}
                    @media all and (max-width: 900px) {  
                        header[role=banner] .wrap .group *[class^="grid"].nav{
/*                            width: 49%;*/
                            margin-right: 0px;}
                    }
                    header[role=banner] .wrap .group *[class^="grid"].nav nav{}
                        header[role=banner] .wrap .group *[class^="grid"].nav nav {}
                            header[role=banner] .wrap .group *[class^="grid"].nav nav  ul{}
                                header[role=banner] .wrap .group *[class^="grid"].nav nav ul li{
                                    display: inline-block;
                                    position: relative;}
                                    header[role=banner] .wrap .group *[class^="grid"].nav nav ul li a{
                                        display: block;
                                        font-size: 16px;
                                        font-weight: 700;
                                        color: white;
                                        padding: 10px 12px;
                                        text-transform: uppercase;}

@media all and (max-width: 970px) {	
	
}
                                        @media all and (max-width: 970px) {
                                            header[role=banner] .wrap .group *[class^="grid"].nav nav ul li a{
                                                font-size: 14px;}
                                        }
                                        header[role=banner] .wrap .group *[class^="grid"].nav nav ul li a:hover{
                                            opacity: .7;}
                                     header[role=banner] .wrap .group *[class^="grid"].nav nav ul li .sub-menu{
                                         display: none;
                                         position: absolute;
                                         width: 200px;
                                             left: 0;
                                         background: #212121;
                                         text-align: center;}

header[role=banner] .wrap .group *[class^="grid"].nav nav ul li .sub-menu li {
	text-align: left;
	font-size: 14px;
}

header[role=banner] .wrap .group *[class^="grid"].nav nav ul li .sub-menu li a {
	font-size: 14px;
	    font-weight: 400;
}

header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li:hover {
	color:#212121;
}

header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li .sub-menu li:hover a {
	color:#212121;
}
                                         header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu{
                                             display:block;}
                                             header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li{
                                                 display: block;}
                                                 header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li a{}
                                                     header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li a:hover{
                                                 	 color:#212121;
                                                     opacity: 1;}



										/*Third Level of Nav*/

									header[role=banner] .wrap .group *[class^="grid"].nav nav ul li .sub-menu li .sub-menu{
                                         display: none;
                                         position: absolute;
                                         width: 200px;
                                         left: 200px;
										 top: 0px;
                                         transform: translateX(0%);
                                         background: #098446;
                                         text-align: center;}
                                         header[role=banner] .wrap .group *[class^="grid"].nav nav ul li ul li:hover .sub-menu{
                                             display:block;}
                                             header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li {
                                                 display: block;
							}
                                                 header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li a{}
                                                     header[role=banner] .wrap .group *[class^="grid"].nav nav ul li:hover .sub-menu li a:hover{
                                                     color: #00833e;
                                                     opacity: 1;
													 text-align: left;
													}


										/*Third Level of Nav*/

									 



                    
  header[role=banner] nav[role=navigation] {
    display: none; }
  @media screen and (min-width: 900px) {
    header[role=banner] nav[role=navigation] {
      display: block; }
  }


/*MOBILE NAV*/

.mobile__button{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Hind', sans-serif;
/*     max-width: 126px; */
    padding: 24px;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
	margin: 10px auto;
}
    .mobile__button:hover{
        opacity: .7;}
      @media screen and (min-width: 900px) {
        .mobile__button  {
          display: none; } }


  .mobile__nav a {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .mobile__nav a:hover,
	.mobile__nav a:focus {
      }
      
.mobile__nav__wrap{
	display: none;}
    .mobile__nav__wrap ::-webkit-scrollbar {
        display: none;}
    @media all and (max-width: 900px) {
        .mobile__nav__wrap{
            display: block;
			position: fixed;
		z-index: 100}
    }  
.mobile__nav {
	position: fixed;
	z-index: -5!important;
    top: 0;
    right: 0;
    height: 100%;
    width: 239px;
    background: #fff;
    border-left: 1px solid #e9e4db;
    overflow-x: hidden;
    overflow-y: auto;
	visibility: hidden;
    /*-webkit-transition: visibility 0s .3s;
    -moz-transition: visibility 0s .3s;
    transition: visibility 0s .3s;*/
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out; }
	.mobile__nav .close{
		font-family: 'Hind', sans-serif;
        background: #eeeeee;
		color: #061d3d;;
		font-size: 16px;
        padding: 22px 16px;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;}
         @media all and (max-height: 640px) {
            .mobile__nav .close{
                padding: 14px 16px;}
        }
        @media all and (max-height: 420px) {
            .mobile__nav .close{
                padding: 12px 16px;}
        }
        .mobile__nav .close i{
            font-size: 18px;
            margin-right: 7px;}
        .mobile__nav .close span{
            font-weight: 700;}
		.mobile__nav .close:hover{
			-webkit-transition: 0.2s ease-in-out;
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;}
	.mobile__nav.zindex{
		z-index: 5!important;
/* 		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out; */
}
	.mobile__nav.visible{
		visibility: visible;
/* 		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out; */
}
	/*.mobile__nav .menu-mobile-menu-container{  
		opacity: 0;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;}
		.mobile__nav .menu-mobile-menu-container.is-visible {
			opacity: 1;
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;}*/
		.mobile__nav ul{
			font-size: 16px;
			font-weight: 700;}
			.mobile__nav ul li{
                font-family: 'Roboto', sans-serif;
                position: relative;}
                .mobile__nav  ul li.hidden > a{
                    visibility: hidden;}
				.mobile__nav  ul li a{
                    position: relative;
					color: #061d3d;
					display: block;
					padding: 22px 16px;
                    border-bottom: 1px solid #e9e4db;}
                    @media all and (max-height: 640px) {
                        .mobile__nav  ul li a{
                            padding: 14px 16px;}
                    }
                    @media all and (max-height: 460px) {
                        .mobile__nav  ul li a{
                            padding: 12px 16px;}
                    }
					.mobile__nav  ul li a:hover{
                        opacity: .7;}
/*                     .mobile__nav  ul li.menu-item-has-children a::after {
                        content: "\f054";
                        font-family: Font Awesome\ 5 Pro;
                        font-size: 18px;
                        font-weight: 700;
                        color: #061d3d;
                        position: absolute;
                        right: 12px;
                        top: 50%;
                        transform: translateY(-50%);
} */
					.mobile__nav  ul li a i{
						font-size: 12px;
						font-weight: 700;
						margin-left: 4px;
/* 						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out; */
}
						.mobile__nav  ul li a.active i{
/* 							-webkit-transform: rotate(180deg);
							-moz-transform: rotate(180deg);
							-ms-transform: rotate(180deg);
							-o-transform: rotate(180deg);
							transform: rotate(180deg);
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out; */
}
				.mobile__nav  ul li .sub-menu{
                    position: fixed;
                    z-index: 5;
                    top: 66px;
                    right: 0;
                    height: 100%;
                    overflow: auto;
                    background: #fff;
                    width: 239px;
                    border-left: 1px solid #e9e4db;
/*                     -webkit-transition: 0.2s ease-in-out;
                    -moz-transition: 0.2s ease-in-out;
                    -o-transition: 0.2s ease-in-out;
                    transition: 0.2s ease-in-out; */
}
                    .mobile__nav  ul li .sub-menu.visible{
/*                         -webkit-transform: translateX(-240px);
                        -moz-transform: translateX(-240px);
                        -ms-transform: translateX(-240px);
                        -o-transform: translateX(-240px);
                        transform: translateX(-240px);
                         -webkit-transition: 0.2s ease-in-out;
                        -moz-transition: 0.2s ease-in-out;
                        -o-transition: 0.2s ease-in-out;
                        transition: 0.2s ease-in-out; */
						display: block;
}
                    .mobile__nav  ul li .sub-menu li{}
                        .mobile__nav  ul li .sub-menu li a{}
                            .mobile__nav  ul li .sub-menu li.nav__back a{
                                background: #098446;
								color: white;}
                                .mobile__nav  ul li .sub-menu li.nav__back a i{
                                    font-size: 18px;
                                    margin-right: 7px;}


								.mobile__nav  ul li .sub-menu li.nav__back__2 a{
                                background: #098446;
								color: white;}
                                .mobile__nav  ul li .sub-menu li.nav__back__2 a i{
                                    font-size: 18px;
                                    margin-right: 7px;}



                            .mobile__nav  ul li .sub-menu li a::after,
                            .mobile__nav  ul li .sub-menu li a::before{
                            display: none;}



.header__top {
    display: block;
    width: 100%;
	margin-top: 10px;
}

.top__phone {
    display: inline-block;
}


.top__phone a {
    font-size: 20px;
    font-weight: 700;
    margin-right: 25px;
    color: #00833e;
}

.top__phone a:hover {
    color: #17da78;
}

.top__phone a:before {
    font-family: 'Font Awesome 5 Pro';
    margin-right: 7px;
    content: '\f879';
}

.top__btn {
    display: inline-block;
}

.social-icons {
	font-size: 20px;
	margin-right: 8px;
	color: #00833e;
}

.social-icons:hover {
    color: #17da78;
}

.sub-menu ul.sub_menu {
	
}

#page__wrap.active{
/* 		-webkit-transform: translateX(-240px);
    	-moz-transform: translateX(-240px);
    	-ms-transform: translateX(-240px);
    	-o-transform: translateX(-240px);
    	transform: translateX(-240px);
		 -webkit-transition: 0.3s ease-in-out;
    	-moz-transition: 0.2s ease-in-out;
    	-o-transition: 0.2s ease-in-out;
    	transition: 0.2s ease-in-out; */
        overflow: hidden;}
	}
    #page__wrap.fixed{
        position: fixed;
        z-index: 20;}

@media all and (max-width: 900px) {	
	#page__wrap .overlay{
		position: fixed;
		z-index: 10;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		cursor: pointer;
		background-color: rgb(0,0,0, .3);
		visibility: hidden;
		opacity: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
/* 		-webkit-transition: opacity .2s 0s,visibility 0s .2s,-webkit-transform .2s 0s;
		-moz-transition: opacity .2s 0s,visibility 0s .2s,-moz-transform .2s 0s;
		transition: opacity .2s 0s,visibility 0s .2s,transform .2s 0s; */
	}
		#page__wrap .overlay.is-visible {
/* 			-webkit-transform: translateX(-260px);
			-moz-transform: translateX(-260px);
			-ms-transform: translateX(-260px);
			-o-transform: translateX(-260px);
			transform: translateX(-260px); */
			opacity: 1;
			visibility: visible;
/* 			-webkit-transition: opacity .2s 0s,visibility 0s .2s,-webkit-transform .2s 0s;
			-moz-transition: opacity .2s 0s,visibility 0s .2s,-moz-transform .2s 0s;
			transition: opacity .2s 0s,visibility 0s .2s,transform .2s 0s; */
	}
	}




/*New Header END*/
.page-id-245 .error p, .page-id-245 .subpagemain p, .page-id-245 .hide-when-not-recommended {
	color: white;
}
footer[role=contentinfo] .grid-1 {
	margin-bottom: 0;
}
	@media screen and (max-width: 900px) {
		.bottomfooter {
			text-align: center;
			
		}
		.bottomfooter .socialicons {
			margin-left: 0;	
		}
	}

footer[role=contentinfo] img {
	max-height: 50px;
}
.menu-footer-menu-container  {
	padding-top: 15px; 
	text-align: center;
}
.menu-footer-menu-container ul li {
	display: inline-block;
}
	.menu-footer-menu-container ul li a {
		color: white;
		margin-right: 30px;
		font-weight: 700;
	}
	.menu-footer-menu-container ul li a:hover {
    	opacity: .7;
	}

.page-id-245 .blackbar{
	background-color:#0C3044;
}

.page-id-245 input[type="submit"], input[type="button"]{
	background-color:#1d9add !important;
}

.aioseo-author-bio-compact {
	display: none!important;
}

.elementor-thumbnails-swiper .swiper-wrapper{
	height: unset !important;
}

.elementor-23111 .elementor-element.elementor-element-69dc348e > .elementor-container > .elementor-column > .elementor-widget-wrap{
	align-content: flex-start !important;
}