@font-face {
	font-family: 'font-icons';
	src:url('fonts/font-icons.eot');
	src:url('fonts/font-icons.eot') format('embedded-opentype'),
		url('fonts/font-icons.woff') format('woff'),
		url('fonts/font-icons.ttf') format('truetype'),
		url('fonts/font-icons.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	font-family: 'font-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-shop:before {
	content: "\e6b9";
}

.icon-book:before {
	content: "\e657";
}

.icon-email:before {
	content: "\e604";
}

.icon-users:before {
	content: "\e66b";
}

.lee_icons {
	color:#929757 !important;
}

@media all and (min-width: 240px) and (max-width: 1024px) {
	.swiper-slide .video-wrap {
		top:120px !important;
	}
	
	#video-slider-play {
		background-color:#929757 !important;
		color:#FFF !important;
	}
}



/* ----------------------------------------------------------------
	Home Page Styles
-----------------------------------------------------------------*/

#video-slider-play .fa-pause {
	margin-top:16px;
}

.whatsnew_thumb {
	z-index: 3;
	position:relative;
	margin-bottom:40px;
}

.whatsnew_thumb h3 {
	margin: 0;
	padding: 0;
	font-size: 19px;
}

.whatsnew_thumb h3 a { color: #5B481D; text-decoration:none; }

.whatsnew_thumb h3 a:hover { color: #1ABC9C; }

.whatsnew_thumb span {
	display: block;
	margin-top: 3px;
	color: #888;
	font-size:13px;
}

.whatsnew_thumb span a { color: #888; text-decoration:none; }

.whatsnew_thumb span a:hover { color: #000; }

.view-more {
	position:absolute;
	right:-15px;
	top:0px;
	height:100%;
}
.view-more-btn {
	background:#929757;
	color:#FFF !important;
	padding:3px;
	width:30px;
	height:30px;
	border-radius:50%;
	font-family:'Lato';sans-serif;
	font-size:12px;
	margin-left:16px;
	padding:15px;
	line-height:15px;
}

.view-more-btn .innertext {
	line-height:11px;
	margin-left:-2px;
	margin-top:2px;
}

.view-more-btn .innertext span {
	white-space:nowrap;
	color:#FFF !important;
}


.youtube { /* continer (responsive) */
  position: relative;
  cursor: pointer;
  background: #ccc no-repeat center center / cover; 
  padding-bottom: 53%; /* 16:9 */
  height: 0px;
  width:95%;
  clear:both;
}
/*
// play bubble
.youtube::before { 
  content: '';
  background: rgba(255, 255, 255, .6);
  height: 80px;
  width: 80px;
  display:block;
  margin: -40px 0 0 -40px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 20px 3px rgba(51, 51, 51, .8);
  transition: all .1s ease;
  z-index:1;
}
// play bubble hover
.youtube:hover::before { 
  background: rgba(238, 238, 238, .8);
  box-shadow: 0 0 10px 3px rgba(51, 51, 51, .8);
  width: 86px;
  height: 86px;
  margin: -43px 0 0 -43px;
}
// Play Triangle
.youtube::after {
  content: '';
  width: 0;
  height: 0;
  line-height:0px;
  display:block;
  border-style: solid;
  border-width: 20px 0 20px 40px;
  margin: -20px 0 0 -15px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  z-index:2;
} 
*/
.youtube::after {
	content: "";
	background:url('https://www.leeindustries.com/assets/images/site/yt_icon_rgb.png') no-repeat 0 0;
	background-size:cover;
	z-index:2;
	display:block;
	position: absolute;
	top: 35.25%;
	left: 38.25%;
	width:23.5%;
	height:29.5%;
}
.youtube iframe{ /* youtube embed (responsive) */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
}

/* ----------------------------------------------------------------
	Featured Boxes
-----------------------------------------------------------------*/


.feature-box {
	position: relative;
	margin-top: 20px;
	margin-bottom:20px;
	padding: 0 0 0 80px;
}

.feature-box:first-child { margin-top: 0; }

.feature-box .fbox-icon {
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	top: 0;
	left: 0;
}

.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #FFF;
}

.feature-box .fbox-icon i,
.feature-box .fbox-icon img {
	border-radius: 50%;
	background-color: #1ABC9C;
}

.feature-box .fbox-icon i {
	font-style: normal;
	font-size: 28px;
	text-align: center;
	line-height: 64px;
}

.feature-box h3 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #5B481D;
}

.feature-box .before-heading { font-size: 14px; }



/* Feature Box - Light Background
-----------------------------------------------------------------*/

.feature-box.fbox-light.fbox-outline .fbox-icon { border-color: #E5E5E5; }

.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {
	border: 1px solid #E5E5E5;
	background-color: #F5F5F5;
	color: #5B481D;
}

.feature-box.fbox-light .fbox-icon i { line-height: 62px; }

.feature-box.fbox-light.fbox-outline .fbox-icon i { line-height: 54px; }

.feature-box.fbox-light.fbox-large .fbox-icon i { line-height: 96px; }

.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i { line-height: 84px; }


/* Feature Box - Center
-----------------------------------------------------------------*/

.feature-box.fbox-center {
	padding: 0;
	text-align: center;
}

.feature-box.fbox-center.fbox-small { padding-left: 0 !important; }

.feature-box.fbox-center .fbox-icon {
	position: relative;
	width: 96px;
	height: 96px;
	margin: 0 auto 30px;
}

.feature-box.fbox-center .fbox-icon i {
	font-size: 42px;
	line-height: 96px;
}

.feature-box.fbox-center.fbox-outline .fbox-icon i { line-height: 88px; }

.feature-box.fbox-center p {
	font-size: 14px;
	margin-top: 15px;
}


/* Animated Icon Hovers
-----------------------------------------------------------------*/

.fbox-effect .fbox-icon i { z-index: 1; }

.fbox-effect .fbox-icon i:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.fbox-rounded.fbox-effect .fbox-icon i:after { border-radius: 3px; }

.fbox-effect .fbox-icon i {
	-webkit-transition: background-color 0.3s, color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.fbox-effect .fbox-icon i:after {
	top: -3px;
	left: -3px;
	padding: 3px;
	box-shadow: 0 0 0 2px #929757;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-webkit-transform: scale(.8);
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	transition: transform 0.3s, opacity 0.3s;
	transform: scale(.8);
	opacity: 0;
}

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
	background-color: #929757;
	color: #FFF !important;
}

.fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; }

.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #1ABC9C; }

.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.i-alt {
	background-image: url('/css/fonts/iconalt.svg');
	background-position: center center;
	background-size: 100% 100%;
}