/* 

yellow: FEE123
grey: 8E908F
grey text: 5e5e5e;
4c4b4c
black: 1E1E1E

font-family: "aktiv-grotesk-std",sans-serif;

font-weight: 300;
font-style: normal;

font-weight: 300;
font-style: italic;

font-weight: 500;
font-style: normal;

font-weight: 900;
font-style: normal;


*/

html {
	box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}

html, body {
	margin:0;
	padding: 0; 
	height: 100%;
}

body {
	font-family: "aktiv-grotesk-std",sans-serif;
	font-size:100%;
	color: #4c4b4c;
	background: #f7f7f7;
}

p {
	font-size:.96em;
}

h1 {
	font-size:1.8em;
	font-weight:normal;
}

h2 {
	font-weight:normal;
}

h3 {
	font-weight:normal;
	font-size:1.5em;
}

h4 {
	font-weight:bold;
	font-size:1.2em;
}

ul {
	padding:0;
	list-style-type:none;
}


li {}

th {
	padding-bottom:2%;
	border-bottom:1px solid #8E908F;
}

th,td {
	vertical-align:top;
}

td {
	padding-top:1%;
}

a:link, a:visited { text-decoration: underline;color:#4c4b4c;}
a:active, a:hover {text-decoration: underline;}
p a:link, p a:visited {
	text-decoration: underline;
	color:#4c4b4c;
	text-decoration-color:#1E1E1E;
}
p a:active, p a:hover {text-decoration: underline;color:#000000}

a:focus {outline:0;}
.clear-both {clear:both; height:1px; line-height:1px; font-size:1px; overflow:hidden;}	

.header__logged-in {
	font-size:14px;
	color:#000000;
	width:100%;
	height:26px;
	text-align:right;
	line-height:20px;
	padding:0px;
	margin:0;
	overflow:hidden;
	border-bottom:4px solid #FEE123;
}
.header__logged-in a {
	background:#FEE123;
	padding:4px;
	font-weight:bold;
	margin-left:20px;
}
 
  
/* Links, Buttons
   ================================================== */   
   
/* 
yellow: F9E11E
grey: 8E908F
black: 1E1E1E
*/   
     
   
.btn {
	display:block;
	height:40px;
	line-height:40px;
	border-radius:3px;
	padding:0 20px 0 20px;
	font-size:1.0em;
	cursor:pointer;
	box-sizing: content-box;
}	

.btn:link,.btn:visited {
	text-decoration:none;
}

.btn:hover {
	text-decoration:underline;
}

.btn:focus {
	box-shadow: 0px 2px 2px -1px #888787;
}

/* fas icons */
.btn i {
	margin-right:10px;
}

.btn-primary {
	background:#f9e11e;
	color:#1E1E1E;
	border:none;
	position: relative;
	overflow:hidden;
	font-weight:500;
}

.btn--black-yellow {background:#f9e11e;}
.btn--black-white {background:#ffffff;}
.btn--white-black {background:#2a2a2a;color:#ffffff}

.main-sub__nav .btn {
	margin-left:2%;
	white-space:nowrap;
}	

.btn-primary:hover {}

.btn-primary:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0px;
    width: 30px;
	height: 60px;
	box-shadow: -1px 1px 14px 0px rgba(255,255,255,1);
	opacity:0;
	transform: skewX(30deg) translateX(-60px);
    background-color: rgba(255,255,255,0.4);
    transition: none;
   
}

.btn-primary:hover:after {
	opacity:1;
	transform: skewX(30deg) translateX(300px);
	transition:
	transform 0.4s ease-out 0s,
	opacity 0.2s 0s;
}

.btn-primary .fas {
	margin-left:5px;
}



.btn-secondary {
	background:none;
	color:#1E1E1E;
	border:1px solid #1E1E1E;
}	


.btn-shrink {
	display:inline-block;
}	

   
.button-action:link,.button-action:hover {
	color:#ffffff;
}   
   
.button-action:hover {
	box-shadow: 0px 0px 16px 6px rgba(254,218,109,0.24);
}	   
.button-action:active {
	box-shadow: 0px 0px 16px 6px rgba(254,218,109,0.75);
}	   
   
/* spinner */

.lds-dual-ring {
  display: block;
  width: 64px;
  height: 64px;
  margin:0 auto;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #FEE123;
  border-color: #FEE123 transparent #FEE123 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-dual-ring--hide {
	display:none;
}   

.invisclose {display:none}  

/* testing  zz
   ================================================== */  

.swap-hide {display:none !important;}

  

/* Forms
   ================================================== */   

input {
	-webkit-appearance: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


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

.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .3em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNpi/P//PwMpgImBRMAIxAVALECk+g8gDf9JdVIiCerhahOgNuHDCei6E0hRjE9TAiF3JpCiGAYCoBgzHmge0wABBgBjaSDCaewXwQAAAABJRU5ErkJggg=='),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}





/* Header
   ================================================== */

.header {
	width:100%;
	margin:0 0 0 0;
	padding:0 2% 0 2%;
	height:82px;
	max-height:82px;
	text-align:center;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1600;
	background: #ffffff;
	box-shadow: 0px 17px 10px -18px rgba(97,97,97,.5);
	transition: top 0.3s;
	
}

.header--hide {
	top:-82px;
		
}
   
.header__inner {
	width:100%;
	max-width:1280px;	
	display:inline-block;
	text-align:center;
}



/* Main Nav
   ================================================== */

   
.nav-wrap {
	padding-top:0px;
	margin-bottom:0;
	position:relative;	
    display: block;
}



  


.main-nav {
	font-family: "aktiv-grotesk-std",sans-serif;
	line-height:1.2em;
	text-align:center;
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	position:relative;	
	min-width:300px;
	padding:0;
	margin:22px 0 0 0;
}




.main-nav li a {
	display:block;
	font-size:1.0em;
	width:auto;
	color: #666666;
	font-weight: 300;
	text-decoration:none;
	
}

.main-nav li a:hover:not(.main-nav__drop-item) {
	color:#000000;
	box-shadow: inset 0px -2px 0px 0px #FEE123;
}

.main-nav__item.nav-selected a,.main-nav__item.nav-ancestor {
	box-shadow: inset 0px -2px 0px 0px #FEE123;
}

.main-nav li.selected a {/*border-bottom:2px solid #a4a5a5;*/color:#96a6af}

/* list item */
.main-nav__item {
	padding:0;
	margin:0;
	display:block;
}

.main-nav__item a {
	padding-top:4px;
	padding-bottom:4px;
}

.main-nav__item a:hover {
	text-decoration-color:#FEE123;
}

.main-nav__item-icon {
	margin-bottom:-5px;	
	margin-right:-6px;	
	width:25px;
	height:25px;
	padding:5px;
}

.main-nav__item-icon:hover {
	border:1px solid #8E908F;
}


.main-nav__phone {
	text-align:right;
}

.main-nav__search-link {
	display:block;
	padding:5px;
	margin-top: 0px;
}

.main-nav__account-link {
	display:block;
	padding:5px;
	margin-top:0px;
}


.search-link-desktop:hover {
	text-decoration:none !important;
}

.header__account {
	display:block;
	position: absolute;
	background:#ffffff;
	box-shadow: 0px 5px 10px -5px rgba(97,97,97,.5);
	top:40px;
	right:0px;
	min-width: 200px;
	max-width:340px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 40px 20px;
	overflow: hidden;
	transition: all .2s ease-in-out;
	color: transparent;
	z-index:1;
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition:
	transform 0.3s ease 0s,
	opacity 0.3s ease .5s,
	visibility 0.3s ease .5s;	
}

.header__account--show {
	visibility:visible;
	transform: scaleY(1);
	transition: all .2s ease 0s;
	opacity: 1;	
}

.header__account-in-user {
	width:100%;
	color:#8d8d8d;
	padding: 4px 0px 10px 0px;
	text-align:left;
}

.header__account .btn {
	font-weight:400;
}

.header__search {
	display:block;
	position: absolute;
	background:#ffffff;
	box-shadow: 0px 5px 10px -5px rgba(97,97,97,.5);
	top:40px;
	right:0px;
	width:100%;
	max-width:400px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 40px 20px;
	overflow: hidden;
	transition: all .2s ease-in-out;
	color: transparent;
	z-index:1;
	
	visibility: hidden;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition:
	transform 0.3s ease 0s,
	opacity 0.3s ease .5s,
	visibility 0.3s ease .5s;	
}

.header__search--show {
	visibility:visible;
	transform: scaleY(1);
	transition: all .3s ease 0s;
	opacity: 1;	
}


.header__fields {
	display:flex;
	justify-content:space-between;
    flex-direction: column;
	gap: 10px;
}

.main-nav__drop-item {
	text-align:left;
	margin-top: 6px;
}

.main-nav__drop-item span {
	padding-bottom: 4px;
}

.main-nav__drop-item:hover span {
	color:#000000;
	box-shadow: inset 0px -2px 0px 0px #FEE123;	
}

.header__fields .btn {
	align-self: flex-start;	
}

.header__fields--hidden {
	display:none;
}

.item--hide {
	display:none;
}

.header__form {
	display:flex;
	position:relative;
	width:100%;
	border:1px solid #cccccc;
	border-radius:3px;
	background:#ffffff;
	padding: 4px 0px 4px 10px;
}

.header__input {
	border:none;
	background:#ffffff;
	width:90%;
	margin:0;
	padding:2px;
	font-size: 18px;
}

.header__input::placeholder { 
  color: #bbb;
  opacity: 1; 
}

.header__submit {
	position:absolute;
	top:7px;
	right:7px;
	background:url(/img/icon_search_nav.png) no-repeat center center;
	background-color: #ffffff;	
	border: none;
	color: #000000;
	padding:0;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	width:20px;
	height:20px;
}

.main-nav__logo-item {
	flex-shrink:2;
}


/* img tag */
.main-nav__logo {
	width:100%;
	max-width:245px;
	min-width:120px;
}

.main-nav__phone-link {
	font-weight:bold !important;
	font-size:1.2em !important;	
	padding-bottom:5px;
}

@keyframes fadeinicon {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/* mobile menu 
   ====================== */


.mobile-menu {
	width:100%;
	position:absolute;
	display:block;
	left:0px;
	background:#FEE123;
	z-index:21;
    transition: height .2s linear;

}

.mobile-menu--hidden {
   overflow: hidden;
   height: 0 !important;
}

.mobile-menu-logo {
	width:100%;
	max-width:100px;
	margin:0;
}


.mobile-menu-nav li a:link,.mobile-menu-nav li a:visited{
	color:#000000;
	text-decoration:none;
}


.mobile-menu-nav li a:hover{
	background:#ffffff;
}

.mobile-header {
	display:none;
	justify-content:flex-start;
	align-items:center;
}

.mobile-header__menu-button {
	width:auto;
	display:block;
	font-size:28px;
}

.mobile-header__logo {
	width:100%;
	display:block;
}

.mobile-header__logo-link {
	width:62px;
	display:block;
}

.mobile-header__title {
	width:30%;
	display:block;
	font-size:2.0em;
}


   
/* Layout
   ================================================== */   

.page-container  {
	display:flex;
	flex-direction:column;
}	
   
.main {
	display:block;
	margin:82px 0 0 0;
	padding:0;
	width:100%;
	text-align:center;
	min-height:800px;
	background:#f7f7f7; /* initial grey */
}  

.main__inner {
	width:100%;
	display:flex;
	justify-content:center;
	position:relative;
}

.main__inner--full {
	max-width:none;
}
.main__inner--standard {
	width:100%;
	margin:0% 0% 0% 0%;
	padding:0% 2% 0% 2%;
	justify-content:flex-start;
	flex-direction:column;
	align-content:flex-start;
	align-items:center;
} 

.main__inner--standard-full {
	padding:0;
}

.main__inner-wrap {
	width:100%;
	max-width:1280px;	
	display:inline-block;	
}




/* Sub Nav 
   ================================================== */

   
.main--sub {
	margin:156px 0 0 0;
}

/* new sub-nab */

.sub-nav {
	width:100%;
	display:block;
	margin:0% auto 0% auto;
	padding:0 2% 0 2%;
	position:relative;
	text-align:center;
	background-color:#fae21c;
	max-width:none;
	z-index:3;
	position: sticky;
	top:0px;
	transition: top 0.3s;
	box-shadow: 0px 17px 10px -18px rgba(97,97,97,.5);
}

.sub-nav__inner {
	width:100%;
	display:block;
	margin:0% auto 0% auto;
	position:relative;
	text-align:center;
	max-width:1280px;
}

.sub-nav__links {
	display:flex;
	justify-content:flex-start;
	margin-top:0%;
	margin-bottom:0;
}

.sub-nav__nav-item {
	text-align:center;
	padding:1.2% 2% .5% 2%;
	margin:0;
	text-decoration:none;
	border-bottom:8px solid transparent;
	font-size:1.0em;
	font-weight:300;
	color:#000000;
	display:flex;
	flex-direction:column;
}

.sub-nav__nav-item {
	border-right:1px solid #868686;
}

.sub-nav__nav-item:last-child,.sub-nav__nav-item:first-child {
	/*border-right:none;*/
}

.sub-nav__nav-item img {
	margin:0 auto 15px auto;
}

.sub-nav__nav-item--active {
	border-bottom:4px solid #ffffff; 
	font-weight:300;
}

.sub-nav__nav-item--first {
	/*
	border-bottom:8px solid #ffffff;
	background:#ffffff;
	font-weight:900;	
	*/
}



.sub-nav__nav-item:link {
	text-decoration:none;
}

.sub-nav__nav-item:active {
	border-bottom:8px solid #ffffff;
	color:#000000;
}

.sub-nav__nav-item:hover {
	border-bottom:4px solid #ffffff;
}



.sub-nav--show {
	top:82px;
}

.nav-shape {
	width: 0;
	height: 0;
	/*
	border-top: 26px solid transparent;
	border-left: 20px solid #ffffff;
	border-bottom: 26px solid transparent;  
	*/
}


/*--*/



.main-sub {
	display:block;
	margin:0 auto;
	padding:0% 2% 0% 2%;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	z-index:15;
	width:100%;
	position:fixed;
	top:82px;
	left:0px;
	background: #ffffff;
	box-shadow: 0px 17px 10px -18px rgba(97,97,97,.5);	
	transition: top 0.3s;
	
}

.main-sub__site-logo {
	position:absolute;
	top:auto;
	left:1%;
}

.main-sub__site-logo-img {
	max-height:31px;
}

.main-sub--static {
	position:static;	
	margin-top:-82px;
	box-shadow:none;
}

.main-sub--hide {
	top:0px;
}

.main-sub--hidden {
   overflow: hidden;
   height: 0 !important;
}



.main-sub__col-wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:1280px;
	margin:0 auto 0 auto;
}

.main-sub__heading {
	flex-grow:1;
	display:block;
	padding: 1% 0 1% 0;
	font-weight:300;
	font-size:1.5em;
	text-align:left;
	background:#ffffff;
	margin-top:1%;
	margin-bottom:1%;
}
   
.main-sub__nav {
	flex-grow:1;
	display:flex;
	justify-content:flex-end;
	align-items:center;
}	
   
.sub__nav-join {
	margin-left:20px;
}   
   
.sub__nav-link {
	display:block;
	margin-right:4%;
	font-size:1.0em;
	color: #666666;
	font-weight: 300;
	text-decoration:none;
}

.sub__nav-link:link,.sub__nav-link:visited  {
	text-decoration:none;
}	
	
.sub__nav-link:hover {
	text-decoration:underline;
	color:#000000;
}

.sub__nav-quote {
	width:auto;
	white-space: nowrap;
}	
   
.main-sub__nav .nav-selected {
	background: #FEE123;
} 



   

/* Headings
   ================================================== */

   
/* bold compact h2 */

.default-heading__h2 {
	margin:0 0 0 0;
	font-weight:900;
	font-size:1.8em;
	color:#1E1E1E;
}

   
   
/* Main Content
   ================================================== */

   
/* general site-wide components */

.standard-banner {
	display:flex;
	width:100%;
	margin:0 auto 0 auto;
	padding:0;
	background:#FEE123;
}
	

.standard-banner__inner {
	background:#FEE123;
	width:100%;
	height:336px;
	overflow:hidden;
	text-align:left;
	display:flex;
	justify-content:center;
	position:relative;

}

.standard-banner__content {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;		
	max-width:1280px;
	width:100%;
	z-index:1;
}

.standard-banner__heading {
	font-size:2.2em;
	color:#ffffff;
	font-weight:900;
	text-shadow: 1px 1px 1px #000;
}


.standard-banner__img {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	min-height:336px;
	width:100%;
	min-width:1903px;
	z-index:0;
}

.box-twin {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
	padding:0;
	width:100%;
}	

.box-twin__item {
	margin:0;
	padding:0;
	width:50%;
	max-width:50%;
}

.box-twin__items {
	display:flex;
	justify-content:center;
	align-items:center;	
	max-width:1280px;
	width:100%;
	padding:0;
}

.box-twin--about {
	background:#ffffff;
	padding:2% 0 2% 0;
}

.box-twin__item--about-img {
	max-width:300px;
}

.box-twin__item--about-desc {
	text-align:left;
}

.box-twin--about-join {
	background:#FEE123;
}

.box-twin__item--about-img-join {
	width:100%;
	height:100%;
	margin-bottom:-5px;
}

.box-twin__item--about-join-desc {
	color:#000000;
	text-align:left;
}


.article-breakout {
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0;
	background:#ffffff;
	padding:6%;
}

.breakout__heading {
	width:100%;
}

.breakout__item {
	width:100%;
	display:flex;
	margin-bottom:4%;
}

.breakout__item-img {
	width:100%;
	height:100%;
	max-width:240px;
}

.breakout__item-img-link {
	display:block;
	width:100%;
	max-width:250px;
	border-right:10px solid #FEE123;
	margin-right:4%;
}

.breakout__item-details {
	max-width:50%;
}

.breakout__item-date {
	font-size:1.0em;
	color:#5e5e5e;
}


.breakout__item-desc {
	font-size:1.2em;
}





.feature-banner {
	display:flex;
	flex-direction:column;
	margin:0;
	padding:0;
	justify-content:center;
	align-items:center;
	height:500px;
	width:100%;
	max-height:500px;
}

.feature-banner__main-desc {
	color:#ffffff;
	font-size:2.8em;
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight:900;
	padding:0;
	margin:0 0 1% 0;
	width:100%;
	max-width:1200px;
}

.feature-banner__sub-desc {
	color:#ffffff;
	font-size:1.6em;
	font-family: "aktiv-grotesk-std",sans-serif;
	padding:0;
	margin:0;
	width:100%;
	max-width:1000px;	
}

.static-banner-full {
	margin:0 auto 0 auto;
	width:100%;
}




/* genral content box modules */


/* box-c */
.box-c {
	border:1px solid #cccccc;
	border-radius: 6px;
	width:30%;
	padding:20px 2% 20px 2%;
	margin:0% 0% 4% 0%;
}

.box-c__graphic {
	text-align:left;
}

.box-c__graphic-img {
	width:auto;
	height:auto;
	margin-right:auto;
}

.box-c__title {
	font-size:1.6em;
	font-weight:500;
	color:#1E1E1E;
	text-align:left;	
	margin-top:10%;
	margin-bottom:1%;
}


.box-c__description {
	font-size:1.1em;
	line-height:normal;
	font-weight:300;
	color:#1E1E1E;	
	text-align:left;
	margin-top:5%;
}


.box-c__action {
	display:block;
	align-self:flex-start;
	margin-top:auto;
}


/* box-flex-wrap-a */
.box-flex-wrap-a {
	margin:2% -20px 5% 0;
	display:flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	max-width:1300px;
	padding:0;
}

.box-flex-wrap-a__main-heading {
	width:100%;	
}

.box-flex-wrap-b {
	margin:0% 0% 5% 0%;
	display:flex;
	justify-content:space-between;	
	flex-wrap: wrap;
	max-width:1280px;
}



/* box-cc */
.box-cc {
	background:#ffffff;
	border-radius: 6px;
	width:23%;
	min-width:290px;
	padding:0;
	margin:0 2% 5% 0;
	display:flex;
	flex-direction: column;
	justify-content:space-between;	
	align-content: flex-start;
	cursor:pointer;
	box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);
}

.box-cc:link {
	text-decoration:none;	
}

.page-new-equipment .box-cc:hover .box-cc__graphic-img {
	position:absolute;
	transform: translateY(-20px);	
	z-index:3;
	left:0;
	right:0;
	margin:auto;
	width:270px;
	transition:
	width .3s ease-out 0s,
	transform .3s ease-out 0s;
}

.page-new-equipment .box-cc {
	visibility:hidden;
}

.box-cc.viz {
	visibility:visible;
}

.box-cc__graphic {
	position:relative;
	height:150px;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(245,245,245,1) 73%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%); /* faint floor */
}

.box-cc__graphic-img {
	position:static;
	width:220px;
	height:auto;
	transform: translateY(0px);
	transition:
	transform .5s ease 0s,
	width .5s ease .0s;
}

.box-cc__title {
	font-size:1.3em;
	font-weight:300;
	color:#1E1E1E;	
}


.box-cc__description {
	display:block;
	font-size:1.1em;
	font-weight:500;
	color:#1E1E1E;	
	background: #f9e11e;
	margin:0;
	padding:3% 0 3% 0;
	min-height:50px;
}

.box-cc__short-desc {
	padding: 0 10px 0 10px;
}



/* box-cd */
.box-cd {
	background:#ffffff;
	border-radius: 3px;
	width:23%;
	min-width:300px;
	padding:0;
	margin:0% 0% 5% 1.5%;
	display:flex;
	flex-direction: column;
	justify-content:flex-start;
	align-content: flex-start;
	cursor:pointer;
	box-shadow: 0px 4px 7px -3px #c2c2c2;
}

.box-cd__graphic {
	position:relative;
	height:220px;
	margin:0;
}

.box-cd__graphic-img {
	position:static;
	width:100%;
	max-width:300px;
	height:auto;
}

.box-cd__title {
	font-size:1.2em;
	font-weight:500;
	color:#1E1E1E;	
	text-align:left;
	margin:0;
	padding:4% 3% 2% 5%;
}


.box-cd__description {
	display:block;
	font-size:.90em;
	text-align:left;
	font-weight:300;
	color:#1E1E1E;	
	margin:0;
	padding:2% 3% 2% 5%;
	min-height:50px;
}

.box-cd__price {
	text-align:right;
	padding:2% 5% 0% 2%;
	margin:auto 0 0 0;
}

.box-cd__price-pre {
	font-size:0.9em;
	padding:0px 15px 0px 0px;
}


.box-cd__price-dollars {
	font-weight:500;
	font-size:1.5em;
	letter-spacing:2px;	
	padding:0;
}

.box-cd__gst {
	text-align:right;
	font-size:.70em;
	color:#7f7f7f;
	padding:5px 15px 0 0;
	margin:0;
}

.box-cd__button {
	margin:4% 5% 5% 5%;
	text-align:left;
	font-size:.90em;
	font-weight:500;
	text-transform:uppercase;
}



/* box-j */

.box-j {
	display:block;
	width:100%;
	background-color:#eeede8;
	margin:5% 0% 5% 0%;
	padding:2% 0 4% 0;
	background-image: linear-gradient(to bottom, rgba(255,0,0,0) 70%, #fee123 30%);	
}

.box-j__graphic {}

.box-j__graphic-img {
	width:70px;
	height:auto;
}

.box-j__middle {
	flex-grow: 1;
	max-width:80%;
	margin:0 auto 0 auto;
}

.box-j__kicker-heading {
	font-weight:300;
	font-size:1.8em;
}

.box-j__kicker {
	font-weight:300;
	font-size:1.2em;
	max-width:800px;
	text-align:center;
	padding-top:1%;
	margin:0 auto;	
}

.box-j__middle-wrap {
	display:flex;
	flex-direction: row;
	justify-content:center;
	width:100%;
	margin-top:3%;
}



.box-j__middle-box-wrap {
	display:block;
	padding-left:2%;
	text-align:center;
	min-width: 0;
	position:relative;
	margin-bottom:40px;
}


.box-j__middle-box__heading {
	color:#ffffff;
	margin:0 0 20px 0;
	padding:2% 2% 2% 2%;
	font-weight:900;
	font-size:2.6em;
	display:block;
	width:100%;
}

/* pair only */
.box-j__middle-pair {
	display:flex;
	flex-direction: row;
	justify-content:center;
	width:100%;
	margin-top:3%;
}

.box-j__middle-left {
	display:block;
	padding-right:2%;
	text-align:center;
	min-width: 0;
	position:relative;
}

.box-j__middle-right {
	display:block;
	padding-left:2%;
	text-align:center;
	min-width: 0;
	position:relative;
}

.box-j__middle-btn {
	display:inline-block;
	margin:0 auto;
}

.box-j__middle-box {
	max-width:300px;
	min-height:380px;
	height:100%;
	padding-bottom:20%;
	background:#989898;
}


/* box-k */

.box-k {
	margin:4% auto 5% auto;
	max-width:1280px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}

.box-k__main-heading {
	width:100%;	
	text-align:left;
	border-bottom:2px solid #FEE123;
	font-family: "aktiv-grotesk-std",sans-serif;
	font-weight:900;
	color:#1E1E1E;
	margin:0% 0% 2% 0%;	
	flex-basis:100%;
	position:relative;
}

.box-k__head-link {
	position:absolute;
	right:0px;
	font-size:.80em;
	text-decoration:none;
}

.box-k__head-link:link {
	text-decoration:none;
}	

.box-k__box-item {
	border-radius: 3px;
	width:100%;
	min-width:150px;
	max-width:305px;
	padding:0;
	margin:0%;
	display:flex;
	flex-direction: column;
	justify-content:flex-start;
	align-content: flex-start;
	cursor:pointer;
}

.box-k__box-item--portrait {
	max-width:412px;
}

.box-k__link {
  position: relative;
}

.box-k__link:link,.box-k__link:active,.box-k__link:visited {
	text-decoration:none;
}

.box-k__link:hover {}

.box-k__img {
	width:100%;
	max-width:305px;
	box-sizing:content-box;
	border-bottom:15px solid #FEE123;
}		

.box-k__img--portrait {
	max-width:412px;
}

.box-k__desc {
	font-size:1.2em;
	color:#1E1E1E;
	text-align:left;
	margin-top:1%;
}
.box-k__sub-text {
	font-size:.90em;
	text-align:left;
	color:#5e5e5e;
}

.box-k__link::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 15px;
  background-color: #FEE123;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.box-k__link:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}



/* box-m */

.box-m {
	margin:4% auto 5% auto;
	width:100%;
	max-width:1280px;
	display:block;
}

.box-m__main-wrap {
	display:flex;
	justify-content:space-between;
}


.box-m__main-heading {
	width:100%;	
	max-width:1280px;
	text-align:left;
	border-bottom:2px solid #FEE123;
	font-weight:900;
	font-size:1.8em;
	color:#1E1E1E;
	margin:0% 0% 1% 0%;
	flex-basis:100%;
	position:relative;
}

.box-m__arrow-left {
	width:45px;
	align-self:stretch;
	align-content:stretch;
	margin-right:0px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.box-m__arrow-left:hover .box-m__arrow-left-icon {
	border-color:#FEE123;
}


.box-m__arrow-left-icon-wrap {
	/* no gradient 
	background: linear-gradient(to left, #dad9d9 0%,#ffffff 99%);	
	*/
	background:#dad9d9;	
	height:110px;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;	
}

.box-m__arrow-right-icon-wrap {
	/* background: linear-gradient(to right, #dad9d9 0%,#ffffff 99%);*/
	background:#dad9d9;	
	height:110px;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;	
}

.box-m__arrow-left-icon {
	width:25px;
	height:25px;
	background:transparent;
	border: solid #ffffff;
	border-width: 0px 6px 6px 0px;
	display: inline-block;
	padding: 6px;	
	transform: rotate(135deg) translateX(-10px);  
}

	

.box-m__arrow-right {
	width:45px;
	align-self:stretch;
	align-content:stretch;
	margin-right:0px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.box-m__arrow-right:hover .box-m__arrow-right-icon {
	border-color:#FEE123;
}


.box-m__arrow-right-icon {
	width:25px;
	height:25px;
	background:transparent;
	border: solid #ffffff;
	border-width: 0px 6px 6px 0px;
	display: inline-block;
	padding: 6px;	
	transform: rotate(315deg) translateX(-10px);  
}


.box-m__head-link {
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:.80em;
	text-decoration:none;
}

.box-m__head-link:link {
	text-decoration:none;
}	

.box-m__box-item {
	border-radius: 3px;
	width:100%;
	min-width:80px;
	max-width:374px;
	padding:0;
	margin:0;
	display:flex;
	justify-content:space-between;
}

.box-m__item-price {
	display:flex;
	justify-content:flex-start;
	margin:auto 1% 3% 3%;
	width:100%;
	max-width:354px;
	max-height:50px;	
}

.box-m__discount {
	background: #4c6b22;
	background: #53543f;
	color:#ddd150;
	letter-spacing:1px;
	font-size:1.4em;
	padding:4px 8px 4px 8px;
	display:flex;
	align-items:center;
}


.box-m__price-detail {
	background: #FEE123;
	padding:4px 8px 4px 8px;
	display:block;
	text-align:right;
}

.box-m__price-detail-was {
	display:inline-block;
	color:#5e5e5e;
	font-size:.90em;
	text-align:right;
	position:relative;
	padding:0 2px 0 5px;
}


.box-m__price-detail-was:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  transform:rotate(-18deg);
}

.box-m__price-detail-is {
	display:block;
	text-align:right;
	color:#1E1E1E;
	font-size:1.1em;
}
	

.box-m__link {
	display:flex;
	height:auto !important;
	flex-direction: column;
	position: relative;
	/* no gradients
	background:url(../img/bg_blur1.jpg) #eeeeee no-repeat bottom left;
	*/
	background:#eeeeee;
	margin-bottom:15px;
	width:100%;
}

.box-m__link:link,.box-m__link:active,.box-m__link:visited {
	text-decoration:none;
}

.box-m__link:hover {}

.box-m__img {
	width:100%;
	max-width:374px;
	box-sizing:content-box;
}		


.box-m__item-heading {
	font-size:1.2em;
	color:#1E1E1E;
	text-align:left;
	margin:2% 1% 1% 3%;
}
.box-m__item-desc {
	font-size:.90em;
	color:#5e5e5e;
	text-align:left;
	margin:1% 1% 3% 3%;
}

.box-m__link::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  width: 100%;
  height: 15px;
  background-color: #FEE123;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.box-m__link:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}





/* swiper hp */

.swiper-special__wrap {
	max-width: 1370px;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;	
}


.swiper-special {
	margin-bottom:5%;
	max-width: 1370px;
	display: flex;
	justify-content: space-between;
	width:100%;
	position:relative;
}

.swiper-special__main-heading {
	width:100%;	
	max-width:1280px;
	text-align:left;
	border-bottom:2px solid #FEE123;
	font-weight:900;
	font-size:1.8em;
	color:#1E1E1E;
	margin:0% auto 1% auto;	
	flex-basis:100%;
	position:relative;
}


.swiper-left-nav {
	width:100%;
	max-width:45px;
}

.swiper-right-nav {
	width:100%;
	max-width:45px;
}

.swiper-special__container {
    width: 100%;
	height: 100%;	
	display: flex;
}

.swiper-special__slide {
	display: flex;
	justify-content: space-between;
	width:100%;
	height:auto !important;
	max-width:374px;
	min-width:80px;
	padding:0;
	margin:0;
}


.swiper-slide {}
.swiper-button-next {}



/* sticky contact us */

body.no-contact .sticky-contact__link {
	display:none;
}

.sticky-contact {
	width:auto;
	background:#FEE123;
	padding:0;
	position: fixed;
	bottom:10px;
	right:10px;
	display:flex;
	align-items:flex-end;
	flex-direction:column;
	z-index: 99;	
}

.sticky-contact__link-wrap {
	z-index: 2;
}


.sticky-contact__link-wrap:hover {
	cursor: pointer;
	animation: jelly 0.5s;
}

.sticky-contact__link {
	font-weight:900;
	font-size:.90em;
	padding:0px 20px 0px 20px;
	color:#000000 !important;
	text-decoration:none !important;
	width:auto;
	height:35px;
	display:flex;
	justify-content:center;
	align-items:center;	
}

.sticky-contact__arrow {
	margin-right:10px;
}

@keyframes jelly {
  0%,
  100% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}



/* end of general modules  */


   
/* Site Pages
   ==================== */   

 

/* = = = Page: Service = = =  */
.page-service .nav-service {
	background:#FEE123;
}



/* = = = Page: Safety = = =  */


.page-safety .nav-safety {
	background:#FEE123;
}

.page-safety-forktrack .nav-forktrack,.page-safety-workplace .nav-workplace,.page-safety-thinksafe .nav-thinksafe {
	background:#FEE123;
}

.safety-mainb {
	margin:0;
	border:none;
	background-color:#ffffff;
	width:100%;
}

.safety-mainb__middle {
	max-width:1280px;
}	


/* accordian */
.acc-btn {
	background:#FEE123;
	line-height:2.6em;
	cursor:pointer;
}

.acc-btn:hover {
	background-color:#fee93f;
}

.acc-btn h3 {
	font-size:1.2em;
	line-height:2.6em;
}

.acc-btn h3 i {
	font-size:1.6em;
	line-height:1.6em;
	margin:0 10px 0 10px;
}

.acc-content {
	visibility:hidden;
	overflow:hidden;
	opacity:0;
	max-height:1px;
	transition:	max-height 0.3s 0s,
	opacity 0s 0.5s,
	visibility 0s 0.5s;
}

.acc-content th {
	padding:10px;
	text-align:center;
}

.acc-container .open {
	visibility:visible;
	padding-bottom:10px;
	opacity:1;
	height:auto;
	max-height:3500px;
	transition:	max-height 1.0s 0s,
	opacity 0s 0s,
	visibility 0s 0s;
}

.acc-content-inner table {
	width:100%;
}


.acc-content-inner .alignCenter {
	text-align:center;
}

.acc-content-inner .alt {
	background:#eeeeee;
}

.acc-content-inner .fullList img {
	align-self:flex-start;
	margin:8% 2% 0 0;
}

.acc-content-inner .fullList .list-text {
	width:100%;
}


.acc-content-inner .fullList {
	display:flex;
	justify-content:flex-start;
	width:100%;
	flex-wrap:wrap;
	align-self:flex-start;
}

.acc-content-inner .fullList li {
	display:flex;
	justify-content:flex-start;
	width:33%;
	min-width:300px;
	align-self:flex-start;
	margin:0;
}

.acc-content-inner .icon-standard {
	color:green;
}
.acc-content-inner .icon-optional {
	color:grey;
}



/* = = = Page: Default Article = = =  */


.article__wrap {
	text-align:left;
	max-width:1280px;
	margin:0 2% 0 2%;
	padding:2% 0 4% 0;
	width:100%;
}

.article__wrap p,
.article__wrap ul,
.article__wrap ol,
.article-content__block p,
.article-content__block ul,
.article-content__block ol {
	font-size:1.2em;
	font-weight:300;
}

.article__wrap ul ul,.article-content__block ul ul {
	font-size:1.0em;
	margin-top:2%;
}


/* common lists */
.list-yellow {
	list-style:none;
	margin:0 0 0 24px;	
	max-width:800px;
	font-size:1.2em;
	font-weight:300;
	padding:0;
	line-height:1.5em;
}

.list-yellow li{
	list-style-type:none;
	padding:0;
}


.list-yellow li:before{
	content: "\2022";
	color: #FEE123;
	font-weight: bold;
	font-size:1.4em;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;	
}

/* default list without class, exclude all other lists */
.main .main__inner ul:not(.unique-list):not(.list-yellow) {
	padding:0;
	list-style-type:square;
	margin-left: 24px;	
	max-width:800px;
	font-weight:300;
}


.main .main__inner ul:not(.unique-list):not(.list-yellow) li {
	padding-bottom:2%;
}


.article__img {
	width:100%;
}

.article__img--medium {
	max-width:600px;
}

.article__img--small {
	max-width:450px;
	width:100%;
}

.article__wrap .article-content__para-large {
	font-size:1.4em;
	font-weight:500;
}

.article-content-blocks {
	display:flex;
	flex-wrap:wrap;
	padding-bottom:2%;
}


.article-content__block {
	min-width:300px;
	padding:0 1% 0 0;
	text-align:left;
	/*flex-basis:50%;*/
	width:50%;
}

.block--right {
	text-align:right;
}

.article-content__img {
	width:100%;
}

.editor-img img {
	max-width:100%;
	width:100%;
}

.article-content__img-caption {
	background:white;
	padding:5px 5px 15px 5px;
	margin:0px 0px 20px 0px;
	display:block;
	color:#000000;
}

/* flexbox types */

.flex--full {
	flex-basis:100%;
}

.flex--half {
	flex-basis:49%;
}

.flex--third {
	flex-basis:33%;
	padding-right:0;
}

.flex--two-thirds {
	flex-basis:66%;
}

  

/* Footer
   ======================================== */
   
.footer-wrap {
	width:100%;
	display:block;
	margin:0% auto 0 auto;
	padding:3% 2% 3% 2%;
	text-align:center;
	position:relative;
	background:#ffffff;
	border-bottom:1px solid #FEE123;
}

footer {
	margin:0 auto;
	text-align:left;
	display:flex;
	justify-content:space-between;
	max-width:1280px;
	font-size:.90em;
}

footer ul {
	margin:0;
	line-height:220%;
}

footer a:link {
	color:#5e5e5e;
}

footer a:hover {
	color:#000000;
}

footer a:visited {
	color:#5e5e5e;
}


.footer__logo {
	display:block;
	max-width:200px;
	margin:0 auto 5% 0;
}


.footer-sub {
	background: #ffffff;
	padding:0% 2% 0% 2%;
}

.footer-sub__inner {
	text-align:left;
	display:block;
	width:100%;
	max-width:1280px;
	margin:0 auto 2% auto;
	color:#5e5e5e;
}

.footer__col-wrap {
	display:flex;
	flex-wrap:wrap;
	width:60%;
	justify-content:space-between;
}

.footer__locations {
	display:flex;
	margin-top: 15px;
	flex-wrap:wrap;
}

.footer__info {
	margin-top: 20px;	
}

.footer__locations-state,.footer__info h2 {
	margin:0;
	font-size:1.3em;
	font-weight:900;
	display: block;
}

.footer__locations--more {
	text-decoration:none !important;
}

.footer__info p {
	margin: 5px 0 5px 0;
}

.footer__locations li {
	margin-right:20px;
}


/* 
   ====================== */


.mobile-content {display:none}
.desktop-content {
	display:flex;
}



/* = = = = simpleLightbox = = = = = = =  */
.contact-lightbox {width:95%;height:95%;}
.contact-lightbox .slbContentOuter,.contact-lightbox .slbContent {width:95%;height:95%;}
.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:0.7;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}