/*##################### FONTS #####################*/


/*-------------------------------------------------*/

@font-face {
    font-family: 'bebas';
    src: url('/fonts/bebasneue-webfont.woff2') format('woff2'), url('/fonts/bebasneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,900;1,300;1,900&display=swap');

td {
    padding: 0px !important;
    margin: 0px !important;
}

.active {
    box-shadow: none !important;
}

.nav-center {
    text-align: center;
}

.nav-center ul.nav {
    display: inline-block;
}

.nav-center ul.nav li {
    display: inline a;
    display-float: left;
}

.clear {
    clear: both;
}

.center{text-align:center;}

.noGutter {
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
	font-family: 'Lato', sans-serif;
	font-weight:400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000000;
    position: relative;
    background-color: #f7f7f7;
    height: 100%;
    width:100%;
    font-size:16px;
    margin:0;
    padding:0;
}
@media (max-width: 768px) {
    body, html {
	  font-size:14px;
    }
}
@media (max-width: 576px) {
    body, html {
	  font-size:12px;
    }
}


/* headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin: 0;
    text-align: center;
    padding: 10px 0 3px 0;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2rem;
    font-weight:300;
}

h3 {
    font-size: 1.4rem;
}

h4 {
    font-size: .8rem;
}

h5 {
    font-size: .6rem;
}

h6 {
    font-size: .4rem;
}

/*  Heading Colors */

h1.purple,
h2.purple,
span.purple {
    color: #b955e1;
}

h1.cyan,
h2.cyan,
span.cyan {
    color: #31cfc2;
}

h1.olive,
h2.olive,
span.olive {
    color: #a8bd33;
}

h1.blue,
h2.blue,
span.blue {
    color: #579ebb;
}

h1.green,
h2.green,
span.green {
    color: #91b33c;
}

h1.orange,
h2.orange,
span.orange {
    color: #e4811e;
}

h1.red,
h2.red,
span.red {
    color: #df1e1e;
}

h1.gold,
h2.gold,
span.gold {
    color: #e0b406;
}


/* @media queries */

@media (max-width: 768px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding: 0 30px;
    }
}

@media (max-width: 568px) {
    h1 {
        position: relative;
        top: -20px;
    }
    h1 {
        margin-top: 20px;
        font-size: 2rem;
        text-align: left;
        padding-left: 0px !important;
        margin-left: -10px;
    }
    h1 span.icon {
        width: 32px;
        height: 32px;
        top: 8px;
    }
}

div.icon.icon-inline,
div.icon.inline {
    display: inline-block;
    position: relative;
    top: 2px;
}

label,
label.light {
    display: inline-block;
    color: #232323;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight:300;
    margin-right: 12px;
}
label.centered{display:block;margin:0 auto;}
label.padded{padding:12px;}
label.large{font-size: 1.0rem;}
label.dark {
    color: #dddddd;
}

label div.icon {
    font-size: 1.2rem;
    position: relative;
    top: 5px;
    opacity: .5;
}

/* MAIN NAVIGATION */
#navbar {
  background-color:rgb(29, 50, 67) !important;
  position:relative;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;height:135px;
  top: 0; /* At the top */
  z-index: 999;
}
/* Style the logo */
#navbar #logo {
  position:absolute;
  padding:18px 0 18px 20px;
  transition: 0.4s;
  width:300px;height:100%;
}
#navbar #logo a{
	background-image:url('/images/zenployers_dark_med.png');
	background-size:contain;
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	max-width:100%;height:100%;
	text-align:left;
	cursor:pointer;
}
#navbar #logo a img{height:100%;}

/* Style the navbar links */

#navbar #menuLinks{
  position:absolute;
  right:0px;top:0px;
  width:max-content;
  min-width:500px;
  text-align:right;
  padding:50px 10px;
  transition: 0.4s;
}
#navbar #menuLinks ul{list-style:none;margin:0;padding:0;}
#navbar #menuLinks li{display:inline-block;}
#navbar #menuLinks li a{
  position:relative;
  text-align: center;
  display:block;
  width:max-content;
  padding: 2px 6px;
  margin:0px 8px;
  text-decoration: none;
  border-bottom:3px solid rgba(255, 255, 255, 0.26); 
}
#navbar #menuLinks li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -3px;
  left: 0;
  background-color: #3c95d9;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
#navbar #menuLinks li a:hover::before {
  visibility: visible;
  transform: scaleX(1);
  }
#navbar #menuLinks li a.quotebutton{
  background-color:#e4811e;
  border:none;
  border-radius:30px;
  padding:2px 12px 2px 12px;
  cursor:pointer;
  animation: glowpulse 1s ease-in-out;
}

#navbar #menuLinks li a.quotebutton:hover{
  background-color:#fd9731;
  animation: glow 2s infinite alternate;
}
#navbar #menuLinks li a.quotebutton:hover::before {
  visibility: hidden;
  }
#navbar #menuLinks li a span{
	color: rgba(255, 255, 255, 0.56);
	font-size:.9rem;
    font-weight: 900;
}
#navbar #menuLinks li a img.navIcon{display:inline-block;width:26px;height:26px;}

#navbar #menuLinks li a.main{display:block;}
#navbar #menuLinks li a.login{display:none;}
/* Links on mouse-over */
#navbar #menuLinks li a:hover span{
  color:white;
}
#navbar #menuLinks li a:hover{
  background-color: transparent;
  color:white;
}

/* Style the active/current link */
#navbar #menuLinks li a.active span{
  color:white;
}
#navbar #menuLinks li a.active{
  background-color: rgba(255, 255, 255, 0.12);
  color:white;
  border-bottom-color:#0c7ffb;
}

/* Display some links to the right */
#navbar-menu {
  float: right;
  padding: 40px 20px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s;
}
#navbar #menuLinks #adminLinks{position:relative;display:none;top:-8px;}
#navbar #menuLinks #adminLinks .adminLinksBG{position:absolute;top:15px;right:-20px;width:470px;height:70px;background-color:#232323;border-bottom-left-radius:40px;}
#navbar #menuLinks ul.admin{height:94px;list-style:none;list-style:none;margin:0;padding:0;background-color:transparent;padding-left:18px;overflow:hidden;margin-right:80px;}
#navbar #menuLinks ul.admin li{display:inline-block;}
#navbar #menuLinks ul.admin li.pageNav{font-size:1em;color:white;}
#navbar #menuLinks ul.admin li.pageNav .icon{color:white;font-size:1.5em;position:relative;top:.25em;padding-right:.3em;}
#navbar #menuLinks ul.admin li a{
  text-align: center;
  display:block;
  width:max-content;
  padding: 1px 6px;
  margin:0px 8px;
  text-decoration: none;
  border-bottom:3px solid rgba(255, 255, 255, 0.1);
}
#navbar #menuLinks ul.admin li a::before {
  background-color: #2067e1;
}
#navbar #menuLinks ul.admin li a .icon{font-size:1em;position:relative;top:.25em;padding-right:.3em;}
#navbar #menuLinks ul.admin li a span{
	color: rgba(255, 255, 255, 0.56);
	font-size:.8em;
    font-weight: 900;
}
#navbar #menuLinks ul.admin li a:hover span{color:white;}
#navbar #menuLinks .avatarButton {position:absolute;top:-20px;right:-10px;width:100px;height:100px;text-align:center;cursor:pointer;padding-top:.7em;background-color:#232323;border-radius:50%;}
#navbar #menuLinks .avatarButton img{height:48px;width:48px;border-radius:50%;border:2px solid black;transition:all .9s ease;}
#navbar #menuLinks .avatarButton span{width:100px;padding:0 1em;font-weight:900;font-size:.6rem;color:white;text-align:center;text-overflow:ellipsis;overflow:hidden;}
#navbar #menuLinks .avatarButton span.userName{display:block;}
#navbar #menuLinks .avatarButton span.logout{display:none;}
#navbar #menuLinks .avatarButton:hover img{opacity:.2;}
#navbar #menuLinks .avatarButton:hover span.userName{display:none;}
#navbar #menuLinks .avatarButton:hover span.logout{display:block;}
#navbar #menuLinks .avatarButton:hover:before{font-family:'zenjuriesfont';width:48px;text-align:center;content:'\e066';position:absolute;top:23px;color:white;font-size:1.5rem;}






#navbarMobile {
	display:none;
	position:relative;
	background-color: #232323;
	position: fixed; /* Sticky/fixed navbar */
	width: 100%;height:65px;
	top: 0; /* At the top */
	z-index: 999;
	border-bottom:1px solid black;
}
#navbarMobile #mobileLogo {
	position:absolute;
	right:0px;top:0px;
	width:230px;height:65px;
	padding:8px 12px;
	text-align:right;
}

#navbarMobile #slideMenu{
	position:absolute;
	top:65px;left:-200px;
	width:200px;
	height:1200px;
	background-color:rgba(20, 20, 20, 0.94);
    transition: all 0.2s ease-in-out;
}
#navbarMobile #slideMenu.slide-out{
left:0px;
}

.hamburger {
	padding: 15px 15px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	margin-top:5px;
	overflow: visible; }
.hamburger:hover {opacity: 0.7; }
.hamburger.is-active:hover {opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #c8ff00;}
.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative; }
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; }
.hamburger-inner::before {
	top: -10px; }
.hamburger-inner::after {
	bottom: -10px; }
.hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg); }


/* Style the navbar links */
#navbarMobile #slideMenu ul{list-style:none;margin:0;padding:0;}
#navbarMobile #slideMenu li{display:block;margin:24px 8px;}
#navbarMobile #slideMenu li a{
  text-align: center;
  display:block;
  width:max-content;
  padding: 2px 6px;
  text-decoration: none;
  border-bottom:3px solid rgba(255, 255, 255, 0.1);
}

#navbarMobile #slideMenu li#mquote{margin:38px 8px;}
#navbarMobile #slideMenu li a.quotebutton{
  background-color:#e4811e;
  border:none;
  border-radius:30px;
  padding:2px 24px 4px 24px;
  margin:0 auto;
}

#navbarMobile #slideMenu li a.quotebutton:hover{
  background-color:#fd9731;
}

#navbarMobile #slideMenu li a span{
	color: white;
	font-size:1.3rem;
    font-weight: 900;
}
#navbarMobile #slideMenu li a .icon{display:inline-block;font-size:2.1rem;top:6px;position:relative;}

#navbarMobile #slideMenu li a.main{display:block;}
#navbarMobile #slideMenu li a.login{display:none;}


@media screen and (max-width: 1250px) {
	#navbar #logo {width:320px;height:100%;}
	#navbar #menuLinks a span{font-size:15px;}
}

@media screen and (max-width: 1050px) {
	#navbar #logo {width:220px;height:100%;}
	#navbar #menuLinks a span{font-size:12px;}
}
/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
  #navbar{display:none;}
  #navbarMobile{display:block;}
}

/* State selector code */
.statePickerGUI{display:flex;flex-wrap:wrap;width:100%;max-width:1000px;margin:0 auto;}
.stateItem{margin:.4rem;order:5;flex-grow:10;flex-shrink:3;max-width:300px;height:54px;}
.stateItem a{display:block;position:relative;border-radius:32px;text-align:center;background-color:black;overflow:hidden;cursor:pointer;}
.stateItem a span.stateBG{display:block;border-radius:32px;width:100%;background-position:center center;background-size:100%;opacity:.5;transition: all 0.3s ease-in-out 0s;}
.stateItem a span.stateLabel{display:block;width:100%;padding:1rem;color:white;font-family: 'Lato', sans-serif;font-size:1rem;font-weight:900;text-shadow:0px 0px 6px black;}

.stateItem a span.overlayLabel{position:absolute;top:0px;left:0px;display:block;width:100%;padding:1rem;color:white;font-family: 'Lato', sans-serif;font-size:1rem;font-weight:900;text-align:center;}

.stateItem a:hover span.stateBG {opacity:1;background-size:120%;}
.stateItem a:hover span.overlayLabel{text-shadow:0px 2px 12px black;animation:jello;animation-duration:.8s;}
.stateItem a:active span.overlayLabel, .stateItem a:focus span.overlayLabel{background-color:rgba(255, 255, 255, 0.49);}


/* instaQuote / upload */
.aiQtext{font-weight:900;display:inline-block;}
.instaQuotebg .jBox-container{background-color:transparent;box-shadow:none !important;}
/* I added this line to test the disabled state */
.iq-nav li a .iq-btn-default.disabled{display:block;position:absolute;bottom:5px;left:0px;width:100%;line-height:.9rem;color:#656565;font-size:.9rem;}
.iq-error-div{color:red;}
.iq-tab-error{color:grey;font-size:1.3em;font-weight:300;max-width:400px;margin:0 auto;}
.iq-tab-error::before{font-family:zenjuriesfont;content:'\e035';display:block;font-size:5em;color:#ff9a00;}
	
.iq-container, .ul-container{background-color:transparent;box-shadow:0px 0px 14px rgba(0, 0, 0, 0.79);width:800px;max-width:800px;min-height:500px;border-radius:12px;margin:auto;overflow:hidden;border:2px solid #535353;}
.ul-container{width:500px;}
.iq-banner, .ul-banner{background-color:#272727;width:100%;height:120px;border-top-left-radius:12px;border-top-right-radius:12px;display:table;}
.iq-banner .banner_logo, .ul-banner .banner_logo{display:table-cell;vertical-align:middle;text-align:center;width:35%;padding:0 20px;}
.iq-banner .banner_logo img, .ul-banner .banner_logo img{width:100%;max-width:214px;margin:auto;}
.iq-banner .banner_text, .ul-banner .banner_text{display:table-cell;vertical-align:middle;text-align:right;width:65%;padding:0 20px;}
.iq-banner .banner_text span, .ul-banner .banner_text span{font-size:1.4em;color:white;}
.iq-main, .ul-main{display:table;position:relative;}
.ul-main{width:100%;}
.iq-nav, .iq-nav ul{height:500px;} 
.iq-body{position:relative;display:table-cell;vertical-align:top;text-align:center;background-color:#f9f9f9;width:100%;border-bottom-right-radius:12px;padding:20px;}
.ul-body{vertical-align:top;text-align:center;background-color:#f9f9f9;width:100%;padding:40px 40px 20px 40px;position:relative;}
.ul-body .errorContent{position:absolute;top:0px;left:0px;width:100%;height:50px;font-size:.7rem;color:red;}
.ul-body .fileMessage{display:table;width:100%;height:40px;border:1px dashed #519ace;}
.ul-body .fileMessage span{display:table-cell;width:100%;height:40px;font-size:.8rem;color:grey;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;padding:0 8px;}
.ul-body .uploadModalSuccess{width:100%;min-height:500px;padding-top:50px;text-align:center;}
.ul-body .uploadModalSuccess .modalIcon{max-width:180px;margin:0 auto;}
.ul-body .uploadModalSuccess .modalIcon img{width:100%;}
.ul-body .uploadModalSuccess .message{font-size:1.2rem;font-weight:300;}
.iq-body .tabContainer{height:500px;overflow:hidden;}
.iq-body .tabContainer.scrolly{overflow:auto;overflow-y:scroll;}
.iq-body .tabTitle{color:black;font-size:1.5em;font-weight:300;width:100%;text-align:center;}
.iq-nav{display:table-cell;background-color:#191919;width:120px;border-bottom-left-radius:12px;}
.iq-nav ul{list-style:none;padding:0;margin:0;width:100%;}
.iq-nav li{position:relative;height:20%;padding:0 12px;}
.iq-nav li:first-child{margin-top:12px;}
.iq-nav li a{display:block;position:relative;border-radius:8px;background-color:#2d2d2d;width:90px;height:90px;margin:auto;text-align:center;border:2px solid transparent;transition: all 0.2s ease-in-out;cursor:pointer;}
.iq-nav li.selected:after{content:'';
position:absolute;
right:0px;
top:25px;
	width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-right: 10px solid #f9f9f9;
      border-bottom: 20px solid transparent;}
.iq-nav li a .iq-btn-default{display:block;position:absolute;bottom:5px;left:0px;width:100%;line-height:.9rem;color:#eeeeee;font-size:.9rem;}
.iq-nav li a .iq-btn-default .icon{font-size:2.5em;position:relative;top:-7px;transition: all 0.1s ease-in-out;}
.iq-nav li a:hover{border-color:orange;}
.iq-nav li a:hover .iq-btn-default .icon{font-size:3.5em;top:0px;}
.iq-nav li a .iq-btn-entered{display:none;position:absolute;bottom:5px;left:0px;width:100%;line-height:.9rem;color:#eeeeee;font-size:.9rem;}
.iq-nav li a .iq-btn-entered .icon{font-size:2.5em;position:relative;top:-7px;transition: all 0.1s ease-in-out;}

.iq-nav li a .iq-btn-entered.code {color:#5d93ff;}
.iq-nav li a .iq-btn-entered.code .icon{color:#2c6ef1;}
.iq-nav li a .iq-btn-entered.cost {color:#53ae26;}
.iq-nav li a .iq-btn-entered.cost .icon{color:#39920c;}

.iq-nav li a .iq-btn-entered .icon.iq-check{font-size:1em;position:absolute;top:-11px;right:2px;color:#10e810;}
.iq-nav li a .iq-btn-entered.state .icon.iq-check{top:2px;}

.iq-nav li a .iq-btn-entered.state span{display:block;height:2em;width:100%;line-height:.8em;position:relative;top:6px;}
.iq-nav li a .iq-btn-entered .stateIcon{width:50px;height:50px;border-radius:50%;margin:0 auto;background-position:center center;background-size:cover;position:relative;top:4px;}
.iq-nav li a .iq-instaquote{display:block;color:#c2c2c2;padding-top:20px;}
.iq-nav li a .iq-instaquote span{color:orange !important;font-size:.9em;font-style:italic;font-family:Lato, sans-serif;font-weight:900;}
.iq-nav li a .iq-instaquote span span{color:yellow !important;font-size:1.12em;}
.iq-nav li a.iq-ready{background-color:#784315;animation: glow 1s infinite alternate;}
@keyframes glow {
  from {
    box-shadow: 0 0 10px -10px #ffbb00;
  }
  to {
    box-shadow: 0 0 10px 10px #ff7400;
  }
}
@keyframes glowpulse {
  0% { box-shadow: 0 0 10px -10px #ffbb00; }
  50% { box-shadow: 0 0 10px 10px #ff7400; }
  100% { box-shadow: 0 0 10px -10px #ffbb00; }
}

#iq-reset{position:absolute;bottom:12px;left:12px;}
#iq-reset a{display:block;border-radius:6px;background-color:rgba(255, 0, 0, 0.4);padding:7px 5px;margin:auto;text-align:center;color:rgba(255, 255, 255, 0.75);font-size:.8em;cursor:pointer;line-height:.8em;}
#iq-reset a:hover{background-color:red;color:white;}

ul.inputCodeList{list-style:none;width:100%;height:100%;max-height:380px;text-align:left;overflow:scroll;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;box-shadow: inset 0px 2px 6px -2px rgba(0, 0, 0, 0.11);background-color:#f9f9f9 !important;-webkit-overflow-scrolling: touch;}
.scroll4code{position:absolute;top:90px;left:20px;font-size:.7em;}
ul.inputCodeList li{margin:4px 0;border-top:1px rgba(127, 127, 127, 0.31) dashed;padding-top:5px;}
ul.inputCodeList li.prependedListItem{background-color:#a8a8ff;margin:0;padding:6px 0 6px 6px;border:none;}
ul.inputCodeList li.prependedListItem:first-child{margin-top:16px;position:relative;}
ul.inputCodeList li.prependedListItem:first-child:before{content:'your selections';font-size:.6em;color:#656565;position:absolute;top:-14px;}
ul.inputCodeList li:first-child{border:none;}
ul.inputCodeList li span{font-size:.7em;position:relative;top:-2px;color:#8e8e8e;}
ul.inputCodeList li.prependedListItem span{color:white;}

.iq-result-container{width:100%;padding:2em;}
.iq-result{display:block;color:black;}
.iq-result label{color:#a8a8a8;font-weight:900;letter-spacing:.1em;}
.iq-result.state{font-size:1em;font-weight:400;float:left;}
.iq-result.payroll{font-size:1em;text-align:right;float:right;}
.iq-result.codes{font-size:.8em;color:grey;}
.iq-result.codes span.description{font-size:.8em;color:#bbbbbb;position:relative;top:-1px;padding-right:.5em;text-align:justify;justify-content:flex-end;}
.iq-result.estText{font-size:1.5em;font-weight:900;color:#a3a3a3;padding-top:2em;}
.iq-result.estCost{font-size:3.2em;font-weight:300;color:#03c103;padding:.6em 0;}
.iq-result.estLike{font-size:1.9em;color:orange;}
.iq-result.estContinue{font-size:1.2em;color:#a3a3a3;margin-bottom:-30px;}


.iq-body #startTab{display:block;}
.iq-body #stateTab{display:none;}
.iq-body #codeTab{display:none;}
.iq-body #costTab{display:none;}
.iq-body #instaQuoteTab{display:none;}

@media (max-width: 768px) {
	.iq-container, .ul-container{width:100%;}
	.iq-banner{height:104px;}	
    .iq-banner .banner_logo{width:45%;}
    .iq-banner .banner_text{width:55%;}
	.iq-nav, .iq-nav ul{height:400px;}     
    .iq-nav li a{width:75px;height:75px;}
    .iq-nav li a .iq-btn-entered .stateIcon{width:40px;height:40px;}
	.iq-body .tabContainer.scrolly{overflow:auto;overflow-y:scroll;padding-bottom:170px;}     
}
@media (max-width: 576px) {
	.iq-container{height:450px;}
	.iq-banner{height:50px;}	
    .iq-banner .banner_logo{width:50%;padding:4px 4px 4px 12px;}
    .iq-banner .banner_text{width:50%;padding:0 12px 0 0;}
    .iq-banner .banner_text span{font-size:1em;}
	.iq-main{display:block !important;width:100%;height:max-content;}  
	.iq-nav{display:block;width:100%;height:90px !important;border-radius:0;} 
	.iq-nav ul{width:100%;height:85px !important;padding:0;margin:0;text-align:center;} 
	.iq-nav li{display:inline-block;width:22%;height:85px;padding:0;margin:0;vertical-align:bottom;}
	.iq-nav li a{width:70px;height:70px;max-height:70px;padding:3px;overflow:hidden;}
	.iq-nav li.selected:after{
		position:absolute;
	right:10px;
	top:52px;
	width: 0;
      height: 0;
      border-left: 30px solid transparent;
      border-right: 30px solid transparent;
      border-bottom: 10px solid #f9f9f9;}
      .iq-nav li a .iq-instaquote{padding-top:8px;}	
	  .iq-nav li a .iq-instaquote span{font-size:.9em;}
	.iq-body .inputCodeList{padding-bottom:170px;} 
ul.inputCodeList li{margin:20px 0;padding-top:18px;}
ul.inputCodeList li span{font-size:1.1em;top:0px;}
.iq-result-container{padding:.7em;}
.iq-result.state{font-size:1.2em;float:none;text-align:left;}
.iq-result.payroll{font-size:1.2em;float:none;text-align:left;}
.iq-result.codes{font-size:1.1em;}
.iq-result.codes span.description{font-size:.8em;color:#bbbbbb;position:relative;top:-1px;padding-right:.5em;text-align:justify;justify-content:flex-end;}
.iq-result.estText{font-size:1.3em;font-weight:900;color:#a3a3a3;padding-top:.5em;}
.iq-result.estCost{font-size:3.2em;font-weight:300;color:#03c103;padding:.1em 0;}
.iq-result.estLike{font-size:1.3em;color:orange;}
.iq-result.estContinue{font-size:1.2em;color:#a3a3a3;margin-bottom:-40px;}	     	 
	.iq-body{display:block;width:100%;height:max-content;overflow:hidden;border-bottom-left-radius:12px;padding:12px;}
  
}

/* input */

.formBlock{width:max-content;margin:0 auto;text-align:right;}
.formGrid{display:table;border-collapse: separate;border-spacing: 15px;font-weight:300;font-size:20px;}
.formGrid.tight{border-spacing:6px;width:100%;}
.formGrid__row input{width:300px;display:table-cell;}
.formGrid__row textarea{width:300px;display:table-cell;}
.formGrid__row{display:table-row;width:100%;}
.formGrid__cell.cell-label{margin:0;width:40%;display:table-cell;text-align:right;}
.formGrid__cell.cell-label label{margin-right:0px;}
.formGrid__cell.cell-data{margin:0;width:60%;width:60%;display:table-cell;}
.formGrid__cell.cell-data input{width:100%;}
.formGrid__row span.labelText{display:table-cell;vertical-align:middle;font-weight:400;font-size:.8rem;color:grey;text-transform:uppercase;letter-spacing:.1rem;padding-right:.8rem;}
@media (max-width: 768px) {
	.basicForm .formGrid__row{display:block;}
}

.formBlock.dark span.labelText{color:white;}

input,
textarea,
input.light,
textarea.light {
    border-radius: 2px;
    border: 1px solid #6f6f6f;
    color: grey;
    font-weight:300;
    background-color: #fafafa;
    font-size: 1rem;
    padding: 8px;
    outline:none;
}

input:focus,
textarea:focus,
input.light:focus,
textarea.light:focus {
    border: 1px solid #3191ff;
    color: black;
    background-color: white;
}

input.dark,
textarea.dark {
    border: 1px solid #313131;
    color: #d5d5d5;
    background-color: #707070;
}

input.dark:focus,
textarea.dark:focus {
    border: 1px solid #3191ff;
    color: white;
    background-color: #9e9e9e;
}

input:-webkit-autofill {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input:-moz-autofill {
    -moz-text-fill-color: black;
    -moz-box-shadow: 0 0 0px 1000px white inset;
}


/* placeholder */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input.lignt::-webkit-input-placeholder,
textarea.light::-webkit-input-placeholder {
    font-weight:300;
    color: #888888 !important;
    font-style: italic;
}

input::-moz-placeholder,
input.light::-moz-placeholder {
    font-weight:300;
    color: #888888 !important;
    font-style: italic;
}

input:-ms-input-placeholder,
input.light:-ms-input-placeholder {
    font-weight:300;
    color: #888888 !important;
    font-style: italic;
}

input:-moz-placeholder,
input.light:-moz-placeholder {
    font-weight:300;
    color: #888888 !important;
    font-style: italic;
}

input.dark::-webkit-input-placeholder,
textarea.dark::-webkit-input-placeholder {
    color: #c9c9c9 !important;
}

input.dark::-moz-placeholder {
    color: #c9c9c9 !important;
}

input.dark:-ms-input-placeholder {
    color: #c9c9c9 !important;
}

input.dark:-moz-placeholder {
    color: #c9c9c9 !important;
}

input[type=text] {}

input[type=password] {
    width: 120px;
}

input[type=number] {}

input[type=submit]{font-weight:900;padding:6px 18px;background-color:#1a1a1a;border-radius:30px;color:white;outline:none;border:none;cursor:pointer;}
input[type=submit]:hover, input[type=submit]:focus{background-color:#020202;}
input[type=submit]:active{background-color:#00c600;}


button{font-weight:900;padding:6px 18px;background-color:#9c9c9c;border-radius:30px;color:white;outline:none;border:none;cursor:pointer;}
button:hover, button:focus{background-color:#7f7f7f;}
button:active{background-color:#008ff4;}



@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	 input[type='checkbox'], input[type='radio'] {
		 --active: #275efe;
		 --active-inner: #fff;
		 --focus: 2px rgba(39, 94, 254, .3);
		 --border: #bbc1e1;
		 --border-hover: #275efe;
		 --background: #fff;
		 --disabled: #f6f8ff;
		 --disabled-inner: #e1e6f9;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 height: 21px;
		 outline: none;
		 display: inline-block;
		 vertical-align: top;
		 position: relative;
		 margin: 0;
		 cursor: pointer;
		 border: 1px solid var(--bc, var(--border));
		 background: var(--b, var(--background));
		 transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}
	 input[type='checkbox']:after, input[type='radio']:after {
		 content: '';
		 display: block;
		 left: 0;
		 top: 0;
		 position: absolute;
		 transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}
	 input[type='checkbox']:checked, input[type='radio']:checked {
		 --b: var(--active);
		 --bc: var(--active);
		 --d-o: 0.3s;
		 --d-t: 0.6s;
		 --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
	}
	 input[type='checkbox']:disabled, input[type='radio']:disabled {
		 --b: var(--disabled);
		 cursor: not-allowed;
		 opacity: 0.9;
	}
	 input[type='checkbox']:disabled:checked, input[type='radio']:disabled:checked {
		 --b: var(--disabled-inner);
		 --bc: var(--border);
	}
	 input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {
		 cursor: not-allowed;
	}
	 input[type='checkbox']:hover:not(:checked):not(:disabled), input[type='radio']:hover:not(:checked):not(:disabled) {
		 --bc: var(--border-hover);
	}
	 input[type='checkbox']:focus, input[type='radio']:focus {
		 box-shadow: 0 0 0 var(--focus);
	}
	 input[type='checkbox']:not(.switch), input[type='radio']:not(.switch) {
		 width: 21px;
	}
	 input[type='checkbox']:not(.switch):after, input[type='radio']:not(.switch):after {
		 opacity: var(--o, 0);
	}
	 input[type='checkbox']:not(.switch):checked, input[type='radio']:not(.switch):checked {
		 --o: 1;
	}
	 input[type='checkbox'] + label, input[type='radio'] + label {
		 font-size: 14px;
		 line-height: 21px;
		 display: inline-block;
		 vertical-align: top;
		 cursor: pointer;
		 margin-left: 4px;
	}
	 input[type='checkbox']:not(.switch) {
		 border-radius: 7px;
	}
	 input[type='checkbox']:not(.switch):after {
		 width: 5px;
		 height: 9px;
		 border: 2px solid var(--active-inner);
		 border-top: 0;
		 border-left: 0;
		 left: 7px;
		 top: 4px;
		 transform: rotate(var(--r, 20deg));
	}
	 input[type='checkbox']:not(.switch):checked {
		 --r: 43deg;
	}
	 input[type='checkbox'].switch {
		 width: 38px;
		 border-radius: 11px;
	}
	 input[type='checkbox'].switch:after {
		 left: 2px;
		 top: 2px;
		 border-radius: 50%;
		 width: 15px;
		 height: 15px;
		 background: var(--ab, var(--border));
		 transform: translateX(var(--x, 0));
	}
	 input[type='checkbox'].switch:checked {
		 --ab: var(--active-inner);
		 --x: 17px;
	}
	 input[type='checkbox'].switch:disabled:not(:checked):after {
		 opacity: 0.6;
	}
	 input[type='radio'] {
		 border-radius: 50%;
	}
	 input[type='radio']:after {
		 width: 19px;
		 height: 19px;
		 border-radius: 50%;
		 background: var(--active-inner);
		 opacity: 0;
		 transform: scale(var(--s, 0.7));
	}
	 input[type='radio']:checked {
		 --s: 0.5;
	}
}
 @media (max-width: 800px) {
	 body {
		 flex-direction: column;
	}
}


/*##################### SITE CLASSES #####################*/

/*----------------------------------------------------------------*/

/* Main Content */
.mainContent{width:100%;padding:0;}
.pageContent{
	margin:0;
	width:100%;
	background-position: center top;
    background-size: cover;
    background-repeat:no-repeat;
    overflow-x:hidden;

    }
.pageContent.static{
	background-attachment:fixed;}
.pageContent.scroll{
	background-attachment:scroll;}

.container{margin:0 auto;width:100%;max-width:1200px;padding:0 40px;}
@media (max-width: 768px) {
    .container{padding:0 30px;}
}

.boxGrid{display:table;width:100%;height:max-content;}
.boxGrid .boxGrid__box{display:table-cell;margin:0;}
/*two-box*/
.boxGrid__box.box-size-30{width:30%;}
.boxGrid__box.box-size-30 .boxContent{max-width:360px;}
.boxGrid__box.box-size-40{width:30%;}
.boxGrid__box.box-size-40 .boxContent{max-width:480px;}
.boxGrid__box.box-size-50{width:50%;}
.boxGrid__box.box-size-50 .boxContent{max-width:600px;}
.boxGrid__box.box-size-60{width:50%;}
.boxGrid__box.box-size-60 .boxContent{max-width:720px;}
.boxGrid__box.box-size-70{width:70%;}
.boxGrid__box.box-size-70 .boxContent{max-width:840px;}
/*multi-box*/
.boxGrid__box.box-size-33{display:table-cell;width:33.3%;margin:0;}
.boxGrid__box.box-size-33 .boxContent{max-width:399px;}
.boxGrid__box.box-size-25{display:table-cell;width:25%;margin:0;}
.boxGrid__box.box-size-25 .boxContent{max-width:300px;}

.boxGrid__box .boxContent{text-align:justify;padding:20px 40px;}
.boxGrid__box .boxContent.set-right{margin:0 0 0 auto;}
.boxGrid__box .boxContent.set-left{margin:0 auto 0 0;}
.boxGrid__box .boxContent.set-center{margin:0 auto;}
@media (max-width: 768px) {
    .boxGrid{display:block;}
    .boxGrid .boxGrid__box{display:block;min-height:180px;width:100%;}
    .boxGrid__box.boxContent{max-width:100% !important;width:100% !important;}
    .boxContent.set-right, .boxContent.set-left, .boxContent.set-center{margin:0 auto !important;}
}
.split50{width:50%;float:left;min-height:100px;}
@media (max-width: 768px) {
    .split50{width:100%;float:none;}
}

.sectionImage {
    width: 100%;
    text-align: center;
    overflow:hidden;
}

.sectionImage img {
    margin: 0 auto;
    width: 200px;
}

.titleImage {
    width: 100%;
    position: relative;
    overflow:hidden;
}

.titleImage__title {
    width: 100%;
    max-width:500px;
    text-align: left;
}

.titleImage__title span {
    font-weight: 900;
    margin: 0;
    text-align: center;
    padding: 10px 0 3px 0;
    font-size: 3rem;
}

.titleImage__image {
    width: 100%;
    text-align: center;
}

.titleImage__image img {
    width: 100%;
    max-width: 776px;
}

.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
.parallax-full {
    background-repeat: repeat-y;
    background-size: 100% 200%;
}
@media (max-width: 768px) {
    .parallax {background-repeat:repeat-y;}
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax {
    background-attachment: scroll;
  }
}

.pageImageHeader{width:100%;max-width:500px;}
.pageImageHeader__title{
  line-height:3.3rem;
    font-weight: 900;
    font-size: 3rem;}
.pageImageHeader__admin{
  line-height:2.3rem;
    font-weight: 900;
    font-size: 2rem;}
.pageImageHeader__subAdmin{
	border-top:2px solid grey;
	padding-top:10px;margin-top:10px;
	font-weight:300;
    font-size: 1.4rem;}        
.pageImageHeader__subTitle{
	border-top:2px solid grey;
	padding-top:10px;margin-top:10px;
	font-weight:300;
    font-size: 1.6rem;}
.pageImageHeader__description{
	padding-top:20px;
	font-weight:400;
    font-size: 1rem;}
.pageImageHeader__title.light, .pageImageHeader__subTitle.light, .pageImageHeader__description.light{color:white;}
.pageImageHeader__title.dark, .pageImageHeader__subTitle.dark, .pageImageHeader__description.dark{color:black;}

@media (max-width: 960px) {
    .titleImage__title span {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
	.pageImageHeader__title{
    font-size: 2rem;}
    .titleImage__title span {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .titleImage__title span {
        font-size: 1.5rem;
    }
    .pageImageHeader__title{text-align:center;}
    .pageImageHeader__subTitle{text-align:center;}
}

.headerBlock {
    position: relative;
    min-height: 100px;
    height: max-content;
    padding: 170px 0 25px 0;
}

.headerImage{position:absolute;width:50%;right:0px;}
.headerImage__panel{position:absolute;right:-20px;width:50%;height:196px;background-color:rgba(255, 255, 255, 0.12);border-top-left-radius:100px;border-bottom-left-radius:100px;}
.headerImage__panelimage{height:100%;max-height:150px;margin:24px 0 0 30px;}
.headerImage__panelbadge{height:100%;max-height:150px;margin:23px 0 0 26px;border-radius:50%;}
.headerImage__image{width:100%;max-width:600px;}
.headerImage__stateimage{height:500px;width:500px;margin-left:50px;}
.headerImage__state{width:100%;border-radius:8px;}
.scrolling-overlay {
  overflow: hidden;position:absolute;bottom:0px;
}

@media (max-width: 767px) {
.headerBlock {padding: 170px 0 25px 0;}
	.headerImage__panel{display:none;}
	.headerImage__panelimage{display:none;}
}
@media (max-width: 576px) {
	.headerBlock {padding: 70px 0 25px 0;}
	.headerImage{position:relative;width:100%;}
	.headerImage img{width:100%;padding:20px;}
	.scrolling-overlay {display:none;}
}



.sliding-fg {
  background-image: url("/images/splash/tinyclouds.png");
  background-repeat: repeat-x;
  background-position:left bottom;
  background-size:34% 100%;
  height: 260px;
  width: 5076px;
  animation: slide 60s linear infinite;
}

@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}

.contentBlock {
  margin:0;
  position: relative;
  min-height: 100px;
  height: max-content;
  padding: 60px 0 40px 0;
  overflow:hidden;
}

.contentBlock.noPad {
    padding: 0;
}
.contentBlock.noTopPad {
  padding: 0 0 40px 0;
}
.contentBlock.noBottomPad {
  padding: 60px 0 0 0;
}
.contentBlock.morePadding{
    padding: 80px 0;
}

.contentBlock.lessPadding{
    padding: 20px 0;
}

a.anchorLink{text-decoration:none;}

/* Item Flexgrid */

.itemGrid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.itemGrid__cell {
    cursor: pointer;
    flex-basis: 160px;
    align-self: center top;
}

.itemGrid__item {
    cursor: pointer;
    flex-basis: 160px;
    align-self: center;
    width: 160px;
    height: fit-content;
}

.itemGrid.classcodes {
    display: grid;
    gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 767px) {
    .itemGrid.classcodes {
      grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 576px) {
    .itemGrid.classcodes {
      grid-template-columns: 1fr 1fr;
    }
}

.itemGrid.answers {
    display: grid;
    gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
}
.itemGrid.answers .itemGrid__item {
    width:fit-content;
    min-height:400px;
    text-align:center;
    border:1px solid grey;
    justify-self: center;
    align-self: start;
    padding:20px;
    border-radius:12px;
    background-color:rgba(255, 255, 255, 0.519);
    margin-bottom:20px;
}
.itemGrid.answers .itemGrid__item img{width:160px;margin:0 auto;}
.itemGrid.answers .itemGrid__item .answerTitle{font-family: 'bebas', sans-serif;
    font-size: 2.6rem;
    text-align: center;padding-bottom:12px;}
.itemGrid.answers .itemGrid__item .answerDesc{font-size:1.2rem;}
.itemGrid.answers .itemGrid__item:hover {
    background-color:rgba(255, 255, 255, 0.9);
}
@media (max-width: 767px) {
    .itemGrid.answers {
      grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 576px) {
    .itemGrid.answers {
      grid-template-columns: 1fr;
    }
}


.itemGrid.classcodes .itemGrid__item {
    justify-self: center;
    align-self: start;
    padding:12px;
    border-radius:12px;
    background-color:rgba(255, 255, 255, 0.519);
    margin-bottom:20px;
}
.itemGrid.classcodes .itemGrid__item:hover {
    background-color:rgba(255, 255, 255, 0.9);
}

.itemGrid__item.large {
    flex-basis: 640px;
    width: 320px;
    height: 240px;
}

.itemGrid__item__badge {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ebebeb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 110px 110px;
    border: 3px solid #ece6d2;
    opacity: .7;
    transition: all 0.2s ease-in-out;
}

.itemGrid.smallBadge .itemGrid__item{
    flex-basis: 100px;
    width: 90px;
    height: 96px;
}
.itemGrid.smallBadge .itemGrid__item__badge {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #ebebeb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70px 70px;
    border: 2px solid #ece6d2;
    opacity: .7;
    transition: all 0.2s ease-in-out;
}
.itemGrid.smallBadge .itemGrid__item__label {
    width: 100%;
    text-align: center;
    color:rgb(255, 255, 255);
    font-weight:900;
    font-size:.7em;
}
.itemGrid__item__label.dark span {
    color:rgb(31, 31, 31) !important;
}

.itemGrid.smallBadge .itemGrid__item__label span.banner {
    white-space: nowrap;
    background-color: #ece6d2;
    color:#797361;
    padding: 2px 12px;
    position: relative;
    top: -4px;
}
.itemGrid.smallBadge .itemGrid__item__label span.banner:before {
    border-left: 11px solid #f9f9f9;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}
.itemGrid.smallBadge .itemGrid__item__label span.banner:after {
    border-right: 11px solid #f9f9f9;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}
.itemGrid.smallBadge .itemGrid__item:hover .itemGrid__item__badge {
    background-size: 90px 90px;
    border-color: #5a5442;
    opacity: 1;    
}

.itemGrid__item__icon {
	background-color:transparent;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 90% 90%;
    opacity: .9;
    transition: all 0.2s ease-in-out;
}
.itemGrid.classcodes .itemGrid__item:hover .itemGrid__item__icon {
    animation: headShake;
    animation-duration: 1s;
}

.itemGrid__item__label {
    width: auto;
    text-align: center;
    color:white;
    font-weight:900;
}

.itemGrid__item__label span {
    padding: 2px auto;
    position: relative;
    top: -4px;
}

.itemGrid__item__label span.banner {
    white-space: nowrap;
    background-color: #ece6d2;
    color:#797361;
    padding: 2px 18px;
    position: relative;
    top: -4px;
}

.itemGrid__item__label span.banner:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border-left: 13px solid #f9f9f9;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

.itemGrid__item__label span.banner:after {
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    width: 0;
    height: 0;
    border-right: 13px solid #f9f9f9;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
}

.itemGrid__item:hover .itemGrid__item__badge {
    background-size: 120px 120px;
    border-color: #5a5442;
    opacity: 1;    
}

.itemGrid__item:hover .itemGrid__item__label span.banner {
    color: white;
    background-color: #5a5442;
}

.itemGrid__item__label span.banner:after {
    border-right-color: 13px solid #5a5442;
}

.itemGrid__item__label span.banner:before {
    border-left-color: 13px solid #5a5442;
}


/* HowItWorks Flexgrid */

.itemGrid__howItWorks {
    cursor: pointer;
    flex-basis: 220px;
    align-self: center;
    width: 220px;
    height: 350px;
}

.howItWorks {
    width: 200px;
    height: 300px;
    position: relative;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 4px;
    border-top-left-radius: 20px;
    text-align: center;
}

.howItWorks img {
    width: 110px;
    height: 110px;
    margin-top: 14px;
}

.howItWorks .stepNumber {
    font-family: 'bebas', sans-serif;
    font-size: 2.1rem;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: white;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.howItWorks .howTitle {
    font-weight:400;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
}

.howItWorks .howBody {
    padding: 20px;
    text-align: left;
    font-weight:300;
    font-size: .9rem;
}

/* infomatic Flexgrid */

.itemGrid__infoMatic {
    cursor: pointer;
    flex-basis: 320px;
    align-self: center;
    width: 320px;
    height: 380px;
    margin-top: 50px;
}

.infoMatic {
    width: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    text-align: center;
    padding-top:150px;
}
.infoMatic.action:hover img{filter:drop-shadow(0px 0px 10px black);width:150px;height:150px;margin-top:-5px;}
.infoMatic .imgContainer {
	position:absolute;
	top:5px;
	left:0px;
	width:100%;
	text-align:center;
}

.infoMatic img {
	transition:all .1s ease-in-out;
    width: 140px;
    height: 140px;
    margin:0 auto;
}

.infoMatic .infoTitle {
    font-weight:400;
    font-size: 2.2rem;
    width: 100%;
    text-align: center;
    color: #676767;
    text-decoration:none;
}

.infoMatic .infoBody {
    padding: 20px;
    text-align: center;
    font-weight:300;
    font-size: 1.2rem;
    color: #8b8b8b;
}

.infoMatic .infoDesc {
    padding: 12px;
    text-align: center;
    font-weight:400;
    font-size: 1.1rem;
    color: #8b8b8b;
}

/* Teaser Flexgrid */

.itemGrid__teaser {
    cursor: pointer;
    flex-basis: 320px;
    align-self: center;
    width: 320px;
    height: 380px;
    margin-top: 50px;
}

.zenTeaser {
    width: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    text-align: center;
    padding-top:150px;
}

.zenTeaser .imgContainer {
	position:absolute;
	top:5px;
	left:0px;
	width:100%;
}

.zenTeaser img {
    width: 140px;
    height: 140px;
    margin:0 auto;
}

.zenTeaser .teaserTitle {
    font-weight:400;
    font-size: 2.2rem;
    width: 100%;
    text-align: center;
    color: #676767;
}

.zenTeaser .teaserBody {
    padding: 20px;
    text-align: center;
    font-weight:300;
    font-size: 1.2rem;
    color: #8b8b8b;
}

.zenTeaser .teaserDesc {
    padding: 12px;
    text-align: center;
    font-weight:400;
    font-size: 1.1rem;
    color: #8b8b8b;
}

.zenTeaser.blue .teaserTitle {
    color: #308ebc;
}

.zenTeaser.blue .teaserBody,
.zenTeaser.blue .teaserDesc {
    color: #156993;
}

.zenTeaser.green .teaserTitle {
    color: #92bd31;
}

.zenTeaser.green .teaserBody,
.zenTeaser.green .teaserDesc {
    color: #799415;
}

.zenTeaser.red .teaserTitle {
    color: #bd3131;
}

.zenTeaser.red .teaserBody,
.zenTeaser.red .teaserDesc {
    color: #941515;
}

.zenTeaser.orange .teaserTitle {
    color: #bd8031;
}

.zenTeaser.orange .teaserBody,
.zenTeaser.orange .teaserDesc {
    color: #945d15;
}

.zenTeaser:hover {background-color:rgba(0, 0, 0, 0.07);}
.zenTeaser:hover img {width:160px;height:160px;}

/* Color Block Flexgrid */

.zenQuestions ul{
	position:relative;
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}

.zenQuestions li{
	padding:0;
	margin-bottom:20px;
}

.zenQuestions li a {
	position:relative;
	opacity:.9;
    display:table;
	width:100%;
	padding:16px 0px;
    border-radius: 52px;
    text-decoration:none;
}

.zenQuestions li a span.qicon {
	display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding-left:15px;
}

.zenQuestions li a span.qicon__bg {
	display:block;
    background-color:rgba(0, 0, 0, 0.54);
    border-radius:50%;
    height:50px;
    width:50px;
}

.zenQuestions li a span.qicon__bg .icon{
    font-size:3rem;
    padding-top:2px;
}

.zenQuestions li a span.question {
	display:table-cell;
	padding;left:20px;
    vertical-align:middle;
    font-weight:400;
    font-size: 1.4rem;
    color: white;
}

.zenQuestions li a span.link {
	display:table-cell;
	min-width:130px;
	text-align:right;
	vertical-align:middle;
    font-weight:400;
    font-size: 1.1rem;
    padding-bottom:12px;
    color: white;
}

.zenQuestions li a span.link .icon{
	font-size:2rem;
	padding-right:20px;
	top:9px;
}

.zenQuestions li a:hover {
    opacity: 1;
    z-index: 99;
}

/* video grid */
.videoGrid {
    display:flex;
    transition: all 0.2s ease-in-out;
}
.videoGrid__col{
	text-align:center;
	flex:1;
	padding:20px;
}
.videoGrid__col a{text-decoration:none;}
.videoGrid__container{
	border-radius:10px;
	background-color:#eeecea;
	max-width:320px;
	min-height:240px;
	padding-bottom:20px;
	height:100%;
	position:relative;
	cursor:pointer;
	border:1px solid transparent;
	transition: all 0.5s ease-in-out;
}
.videoGrid__overlay{
	position:absolute;
	top:0px;left:0px;
	width:100%;
	height:100%;
	opacity:0;
	text-align:center;
	padding-top:16%;
}
.videoGrid__overlay img{
	width:100%;
	height:auto;
	}
.videoGrid__container:hover{
	border:1px solid black;
	overflow:hidden;
	background-color:black;
}	
.videoGrid__container:hover .videoGrid__overlay{
	opacity:1;
}
.videoGrid__container:hover .videoGrid__video, .videoGrid__container:hover .videoGrid__title, .videoGrid__container:hover .videoGrid__description{
	opacity:.3;
}
.videoGrid__video{
	width:100%;
	max-width:320px;
	max-height:180px;
	background-color:black;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.videoGrid__video img{
	width:100%;height:auto;
	border-top-left-radius:10px;
	border-top-right-radius:10px;	
	}
.videoGrid__title{
	font-weight:400;
    font-size: 1.2rem;
    color:black;
}
.videoGrid__description{
	font-weight:400;
    font-size: .9rem;
    text-align:justify;
    padding:0 .8rem;	
    color:grey;
}
@media (max-width: 600px) {
	.videoGrid {
		display:block;
	}
	.videoGrid__container {
		margin:0 auto;
		}
}

/* waiting spinner */

.waitSpinner {
    width: 100%;
    height: 100%;
    display: table;
}

.spinnerContainer {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.spinnerContainer span.spinner {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-image: url('/images/spinner.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    animation: spin 1s linear infinite;
}

.spinnerContainer span.spinner.orange {
    background-image: url('/images/spinner_orange.png');
}
.spinnerContainer span.spinner.blue {
    background-image: url('/images/spinner_blue.png');
}
.spinnerContainer span.spinner.green {
    background-image: url('/images/spinner_green.png');
}
.spinnerContainer span.spinner.purple {
    background-image: url('/images/spinner_purple.png');
}

.spinnerContainer span.line1 {
    display: block;
    font-weight:400;
    font-size: 1.1rem;
    text-align: center;
}

.spinnerContainer span.line2 {
    display: block;
    font-weight:300;
    font-size: .8rem;
    text-align: center;
}

.waitSpinner.light .spinnerContainer span.line1 {
    color: black;
}

.waitSpinner.light .spinnerContainer span.line2 {
    color: black;
}

.waitSpinner.dark .spinnerContainer span.line1 {
    color: white;
}

.waitSpinner.dark .spinnerContainer span.line2 {
    color: white;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*  CTA buttons */
.faq ul{list-style:none;padding:0;margin:0;}
.faq li{margin:10px 0 50px 0;}
.faq li .question{position:relative;font-weight:400;font-size:24px;color:#0d91c5;border-bottom:1px solid rgba(0, 0, 0, 0.25);padding:0 0 10px 60px;margin:0 0 10px 0;}
.faq li .question:before{content:'Q';font-weight:900;font-size:46px;color:#08b5f9;position:absolute;top:-12px;left:0px;}
.faq li .answer{position:relative;padding:0 0 10px 60px;font-weight:300;font-size:20px;color:#967e51;}
.faq li .answer:before{content:'A';font-weight:900;font-size:46px;color:#ffd180;position:absolute;top:-12px;left:4px;}


/*  CTA buttons */
.ctaButton {
	margin:60px 0 40px 0;
	width:100%;
}

.ctaButton a {
    display: block;
    text-decoration: none;
    border-radius: 45px;
    width: 100%;
    max-width: 500px;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    background-color: #cacaca;
    text-align:center;
    padding:10px 20px;
    overflow:hidden;
    font-weight:900;
    font-size: 1.0rem;
    color: white;
}

.ctaButton a:hover {
    background-color: #fcb900;
}

.ctaButton.purple a {
    background-color: #b955e1;
}

.ctaButton.purple a:hover {
    background-color: #cc5cf8;
}

.ctaButton.cyan a {
    background-color: #31cfc2;
}

.ctaButton.cyan a:hover {
    background-color: #3df1e2;
}

.ctaButton.olive a {
    background-color: #a8bd33;
}

.ctaButton.olive a:hover {
    background-color: #c6de3d;
}

.ctaButton.blue a {
    background-color: #579ebb;
}

.ctaButton.blue a:hover {
    background-color: #62bfe5;
}

.ctaButton.green a {
    background-color: #91b33c;
}

.ctaButton.green a:hover {
    background-color: #b0d948;
}

.ctaButton.orange a {
    background-color: #e4811e;
}

.ctaButton.orange a:hover {
    background-color: #fd9731;
}

.ctaButton.red a {
    background-color: #df1e1e;
}

.ctaButton.red a:hover {
    background-color: #ff1010;
}

.ctaButton.gold a {
    background-color: #e0b406;
}

.ctaButton.gold a:hover {
    background-color: #f0c61b;
}

.ctaButton.upload a {
	padding:8px 18px;
    background-color: #ffffff;
    border:2px solid #569bc5;
    color:#346380;
}
.ctaButton.upload a:hover {
    background-color: #f9fdff;
    border-color:#6cbdef
}
.ctaButton.upload a:active {
    background-color: #6fb9de;
    border-color:#009eff
}
.ctaButton.uploaded a {
	padding:12px 22px;
    background-color: #569bc5;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.8rem;
}
.ctaButton.uploaded a:hover {
    background-color: #56aee5;
}

.ctaButton.buttonShadow a {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.55);
}

.stick2bottom{position:absolute;bottom:10px;}
.stick2top{position:absolute;top:10px;}

/* @media queries */

@media (max-width: 992px) {
    .ctaButton a {
        font-size: 1.1rem;
    }
}

@media (max-width: 576px) {
    .ctaButton a {
        font-size: 1rem;
    }
}

.resourceContainer {
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45);
    padding: 40px;
    margin-bottom: 40px;
}

.resourceContainer p {
    font-weight:300;
    color: black;
    font-size: 1.1rem;
    margin-top: 12px;
}

.resourceContainer .imageContainer {
    padding: 20px;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    float: left;
}

.resourceContainer .imageContainer img {
    width: 100%;
    border-radius: 12px;
}

/* backgorund colors */
.bg__outline-t{border-top:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-b{border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-r{border-right:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-l{border-left:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-ul{border-top:1px solid rgba(0, 0, 0, 0.15);border-left:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-ur{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-bl{border-bottom:1px solid rgba(0, 0, 0, 0.15);border-left:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-br{border-bottom:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-tb{border-top:1px solid rgba(0, 0, 0, 0.15);border-bottom:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-rl{border-right:1px solid rgba(0, 0, 0, 0.15);border-left:1px solid rgba(0, 0, 0, 0.15);}
.bg__outline-all{border:1px solid rgba(0, 0, 0, 0.15);}

.bg__white {
    background-color: #ffffff;
}

.bg__lt-grey {
    background-color: #f9f9f9;
}

.bg__smoke {
    background-color: #f1f1f1;
}

.bg__grey {
    background-color: #cbcbcb;
}

.bg__dk-grey {
    background-color: #3d3d3d;
}

.bg__black {
    background-color: #0e0e0e;
}


/* base */

.bg__purple {
    background-color: #b955e1;
}

.bg__cyan {
    background-color: #31cfc2;
}

.bg__olive {
    background-color: #a8bd33;
}

.bg__blue {
    background-color: #579ebb;
}

.bg__green {
    background-color: #91b33c;
}

.bg__orange {
    background-color: #e4811e;
}

.bg__red {
    background-color: #df1e1e;
}

.bg__gold {
    background-color: #e0b406;
}


/* light */

.bg__lt-purple {
    background-color: #d57bf8;
}

.bg__lt-cyan {
    background-color: #54f1e4;
}

.bg__lt-olive {
    background-color: #d5e960;
}

.bg__lt-blue {
    background-color: #91d2ec;
}

.bg__lt-green {
    background-color: #c4e66f;
}

.bg__lt-orange {
    background-color: #f9a959;
}

.bg__lt-red {
    background-color: #fa4f4f;
}

.bg__lt-gold {
    background-color: #f7d032;
}


/* dull */

.bg__dl-purple {
    background-color: #926ca1;
}

.bg__dl-cyan {
    background-color: #50928d;
}

.bg__dl-olive {
    background-color: #818a49;
}

.bg__dl-blue {
    background-color: #608593;
}

.bg__dl-green {
    background-color: #7a8c4d;
}

.bg__dl-orange {
    background-color: #a87745;
}

.bg__dl-red {
    background-color: #9b4747;
}

.bg__dl-gold {
    background-color: #9c8837;
}


/* dim */

.bg__dm-purple {
    background-color: #6e5c76;
}

.bg__dm-cyan {
    background-color: #496966;
}

.bg__dm-olive {
    background-color: #585c3e;
}

.bg__dm-blue {
    background-color: #55666c;
}

.bg__dm-green {
    background-color: #5f674a;
}

.bg__dm-orange {
    background-color: #84684d;
}

.bg__dm-red {
    background-color: #744949;
}

.bg__dm-gold {
    background-color: #70653a;
}


/* dark */

.bg__dk-purple {
    background-color: #692f80;
}

.bg__dk-cyan {
    background-color: #1e847c;
}

.bg__dk-olive {
    background-color: #7b8a25;
}

.bg__dk-blue {
    background-color: #42778c;
}

.bg__dk-green {
    background-color: #6b832d;
}

.bg__dk-orange {
    background-color: #955617;
}

.bg__dk-red {
    background-color: #921616;
}

.bg__dk-gold {
    background-color: #947907;
}


/* questions */

.bg__q-blue {
    background-color: #579ebb;
}

.bg__q-green {
    background-color: #91b33c;
}

.bg__q-red {
    background-color: #df1e1e;
}

.bg__q-orange {
    background-color: #e4811e;
}

.bg__q-purple {
    background-color: #b955e1;
}

.bg__q-cyan {
    background-color: #9f29b6;
}

.bg__q-gold {
    background-color: #e0b406;
}

.bg__q-olive {
    background-color: #a8bd33;
}

/* traansparent */

.bg__clear {
    background-color: transparent;
}

.bg__ts-white {
    background-color: rgba(255, 255, 255, 0.2);
}

.bg__ts-black {
    background-color: rgba(0, 0, 0, 0.48);
}


/* gradients */

.gbg__blue {
    background: #315c7f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #315c7f 0%, #62acc9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #315c7f 0%, #62acc9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #315c7f 0%, #62acc9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#315c7f', endColorstr='#62acc9', GradientType=0);
    /* IE6-9 */
}

.gbg__green {
    background: #628231;
    /* Old browsers */
    background: -moz-linear-gradient(top, #628231 0%, #bcc946 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #628231 0%, #bcc946 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #628231 0%, #bcc946 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#628231', endColorstr='#bcc946', GradientType=0);
    /* IE6-9 */
}

.gbg__orange {
    background: #dd6e00;
    /* Old browsers */
    background: -moz-linear-gradient(top, #dd6e00 0%, #ffbe47 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #dd6e00 0%, #ffbe47 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #dd6e00 0%, #ffbe47 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dd6e00', endColorstr='#ffbe47', GradientType=0);
    /* IE6-9 */
}

.gbg__grey {
    background: #cccccc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cccccc 0%, #fcfcfc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cccccc 0%, #fcfcfc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cccccc 0%, #fcfcfc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#fcfcfc', GradientType=0);
    /* IE6-9 */
}

.abg__multicolor {
    background: linear-gradient(254deg, #00d0ff, #af00ff, #ffab00);
    background-size: 600% 600%;
    -webkit-animation: multicolor 30s ease infinite;
    -moz-animation: multicolor 30s ease infinite;
    animation: multicolor 30s ease infinite;
}

@-webkit-keyframes multicolor {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes multicolor {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes multicolor {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.abg__bluefade {
    background: linear-gradient(254deg, #00aeff, #3612c6, #1c0285, #3b98e4);
    background-size: 800% 800%;
    -webkit-animation: bluefade 41s ease infinite;
    -moz-animation: bluefade 41s ease infinite;
    animation: bluefade 41s ease infinite;
}

@-webkit-keyframes bluefade {
    0% {
        background-position: 0% 90%
    }
    50% {
        background-position: 100% 11%
    }
    100% {
        background-position: 0% 90%
    }
}

@-moz-keyframes bluefade {
    0% {
        background-position: 0% 90%
    }
    50% {
        background-position: 100% 11%
    }
    100% {
        background-position: 0% 90%
    }
}

@keyframes bluefade {
    0% {
        background-position: 0% 90%
    }
    50% {
        background-position: 100% 11%
    }
    100% {
        background-position: 0% 90%
    }
}

.bg__image-fixed{background-size:cover;background-repeat:no-repeat;background-position:center -50px;background-attachment: fixed;}
.bg__image{background-size:cover;background-repeat:no-repeat;background-position:center center;}



/* overlays */

.overlay__hearts {
    background-image: url('/images/heartsbg.png');
}

/* Color Overrides */

.txt__white {
    color: #ffffff !important;
}

.txt__smoke {
    color: #c2c2c2 !important;
}

.txt__grey {
    color: #7e7e7e !important;
}

.txt__charcoal {
    color: #343434 !important;
}

.txt__black {
    color: #000000 !important;
}

.txt__purple {
    color: #b955e1 !important;
}

.txt__cyan {
    color: #31cfc2 !important;
}

.txt__olive {
    color: #a8bd33 !important;
}

.txt__blue {
    color: #579ebb !important;
}

.txt__lt-blue {
    color: #98e2ff !important;
}

.txt__green {
    color: #91b33c !important;
}

.txt__orange {
    color: #e4811e !important;
}

.txt__red {
    color: #df1e1e !important;
}

.txt__gold {
    color: #e0b406 !important;
}

.txt__lt-purple {
    color: #e098fc !important;
}

.txt__lt-cyan {
    color: #86fff4 !important;
}

.txt__lt-olive {
    color: #e6f782 !important;
}

.txt__lt-blue {
    color: #a6e1f9 !important;
}

.txt__lt-green {
    color: #daf88d !important;
}

.txt__lt-orange {
    color: #fcb772 !important;
}

.txt__lt-red {
    color: #ff7070 !important;
}

.txt__lt-gold {
    color: #ffe270 !important;
}

/* question text colors */

.txt__q-blue {
    color: #579ebb;
}

.txt__q-green {
    color: #91b33c;
}

.txt__q-red {
    color: #df1e1e;
}

.txt__q-orange {
    color: #e4811e;
}

.txt__q-purple {
    color: #b955e1;
}

.txt__q-cyan {
    color: #9f29b6;
}

.txt__q-gold {
    color: #e0b406;
}

.txt__q-olive {
    color: #a8bd33;
}

.spacer__lg{height:8rem;}
.spacer__med{height:6rem;}
.spacer__sm{height:3rem;}

/* Text Styles */

.txt__bigTitle {
    font-weight:400;
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    margin-bottom:2rem;
}

.txt__bigTitle-shadow {
    font-weight:400;
    font-size: 2.8rem;
    line-height: 2.8rem;
    text-align: center;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.42);
    margin-bottom:2rem;
}

.txt__medTitle {
    font-weight:400;
    font-size: 2.0rem;
    line-height: 2.0rem;
    text-align: center;
    margin-bottom:2rem;
}

.txt__overlay {
    display:table;
    text-align: center;
    background-color:rgba(0, 0, 0, 0.32);
    height:400px;
    width:100%;
}

.txt__overlay-title {
    display:table-cell;
    font-weight:400;
    font-size: 2.0rem;
    line-height: 2.0rem;
    text-align: center;
    vertical-align:middle;
}

.txt__medSubTitle {
    font-weight:300;
    font-size: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    margin-top:-1.5rem;
    margin-bottom:2rem;
}

.txt__medTitle-thin {
    font-weight:100;
    font-size: 2.0rem;
    line-height: 2.0rem;
    text-align: center;
    margin-bottom:2rem;
}

.txt__medTitle-shadow {
    font-weight:400;
    font-size: 2.0rem;
    line-height: 2.0rem;
    text-align: center;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.42);
    margin-bottom:2rem;
}

.txt__smTitle {
    font-weight:400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center;
    margin-bottom:1.6rem;
}
.txt__smTitle-thin {
    font-weight:100;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center;
    margin-bottom:1.6rem;
}

.txt__smParagraph-tight {
    font-weight:400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-align: center;
    margin:0 auto;
    max-width:400px;
    margin-bottom:1.5rem;
}

.txt__smTitle-thin {
    font-weight:100;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: center;
    margin-bottom:1.6rem;
}

.txt__innerThought {
    font-weight:300;
    font-style: italic;
    font-size: 1.9rem;
    line-height: 2rem;
    text-align: center;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.42)
}

.txt__dialogue {
    font-weight:300;
    font-size: 1.2rem;
    line-height: 30px;
    text-align: left;
    column-count: 2;
    column-gap: 5%;
    margin-top: 20px;
}

ul.smList{
    list-style:none;
}
ul.smList li{
  font-weight:300;
  font-size: 1.1rem;
  line-height: 2.2rem;
}

.txt__medDesc {
    font-weight:300;
    font-size: 1.7rem;
    line-height: 43px;
    text-align: center;
}

.txt__bigParagraph {
    font-weight:300;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin:0 auto 20px auto;
    text-align: left;
}

.txt__medParagraph {
    font-weight:300;
    font-size: 1.3rem;
    line-height: 2.1rem;
    margin:0 auto 20px auto;
    text-align: left;
}
.txt__medParagraph-pad {
    font-weight:300;
    font-size: 1.2rem;
    line-height: 2.5rem;
    margin:0 auto 20px auto;
    padding:30px;
    text-align: left;
}

.txt__justify{text-align:justify !important;}
/* App Colors */
.fg__orange{color:#ff8e09 !important;}

.fg__green{color:#89ce54 !important;}

.fg__red{color:#c41e3a !important;}

.fg__blue{color:#007fff;}

.fg__purple{color:#a864a8 !important;}

.fg__gold{color:#fff568;}

.bg__ui-button{color:#020202;}

.bg__ui-background{color:#121212;}

.bg__purple-gradient{background: #7c4a7c;
background: -moz-linear-gradient(top,  #7c4a7c 0%, #a864a8 100%);
background: -webkit-linear-gradient(top,  #7c4a7c 0%,#a864a8 100%);
background: linear-gradient(to bottom,  #7c4a7c 0%,#a864a8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c4a7c', endColorstr='#a864a8',GradientType=0 );}

.teams__hover{}
.teams__hover:hover{background: #7c4a7c;
background: -moz-linear-gradient(left,  #7c4a7c 0%, #a864a8 100%);
background: -webkit-linear-gradient(left,  #7c4a7c 0%,#a864a8 100%);
background: linear-gradient(to right,  #7c4a7c 0%,#a864a8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c4a7c', endColorstr='#a864a8',GradientType=1 );
}
/* UI CUSTOMIZATION */
/*----side nav----*/
/*bg color*/#sideNav{background-color:#121212;}
/*btn std color*/.sideNavContainer li a{font-weight:300;background-color:#020202;border:2px solid rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 0.72);transition:all .4s ease-in-out;}
/*label*/.sideNavContainer li a span{font-family:'Lato', sans-serif !important;padding-left:6px;font-size:.9em !important;}
/*icon std color*/.sideNavContainer li a .icon{color:rgba(255, 255, 255, 0.4);}
/*btn hover color*/.sideNavContainer li a:hover{color:white;border-color:rgba(255, 255, 255, 0.55);background-color:rgba(255, 255, 255, 0.25);}
/*icon hover color*/.sideNavContainer li a:hover .icon{color:white !important;}
/*----top nav----*/
/*bg color*/#navbar{background-color: #232323;border-bottom:1px solid black;}
/*icon std color*/#navbar #menuLinks ul.admin li a .icon{color:rgba(255, 255, 255, 0.42);}
/*icon hover color*/#navbar #menuLinks ul.admin li a:hover .icon{color:white;}
/*ul hover default*/#navbar #menuLinks ul.admin li a::before {background-color: #8bd51b;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin.nav-zenboard li a::before {background-color: #2b99e8;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin.nav-teams li a::before {background-color: #af18c2;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin li a::before {background-color: #cb20e1;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin li a::before {background-color: #cb20e1;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin li a::before {background-color: #cb20e1;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin li a::before {background-color: #cb20e1;}
/*ul hover zenboard*/#navbar #menuLinks ul.admin li a::before {background-color: #cb20e1;}
@media (max-width: 576px) {
#sideNav{display:none;}	
	
}


/* Auto Helper */

.autoHelper {
    width: 100%;
    height: 1px;
    position: fixed;
    z-index: 99;
    display: none;
}

.autoHelperContainer {
    position: relative;
    margin: -50px auto 0 auto;
    border: 3px solid #82a90b;
    width: 40%;
    height: max-content;
    padding: 60px 20px 20px 20px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 16px;
    background-color: rgba(30, 30, 30, 0.93);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.87)
}

.autoHelper a.exitHelper {
    display: block;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 2px;
    cursor: pointer;
}

.autoHelper a.exitHelper .icon {
    color: red;
    font-size: 1.3rem;
    position: relative;
    top: -3px;
    left: 1px;
}

.autoHelper a.exitHelper:hover {
    background-color: red;
}

.autoHelper a.exitHelper:hover .icon {
    color: white;
}

.autoHelper a.helperContent {
    display: block;
    text-decoration: none;
    text-align: center;
}

.autoHelper a.helperContent span.helperTitle {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-family: 'bebas';
    font-size: 1.3rem;
    color: white;
}


/* Footer */

.footer {
    background-color: #2b2b2b;
    border-top: 1px solid #050505;
    width: 100%;
    height:auto;
    margin:0;padding:0;
}

.footer .footerContainer {
    position: relative;
    height: 280px;
    max-width:1200px;
    width:100%;
    margin:0 auto;padding:0;
}

.footer .phone {
    z-index: 9;
    position: absolute;
    bottom: 43px;
    right: 15px;
    font-family: 'bebas', sans-serif;
    font-size: 1.3rem;
    color: grey;
}

.footer .phone span {
    position: relative;
    top: 2px;
    font-family: 'bebas', sans-serif;
    font-size: 2.1rem;
    color: white;
}

.footer .social{
	z-index:9;
	position:absolute;
	right:15px;bottom:100px;
}

.footer .social ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.footer .social li {
    display: inline-block;
    margin:0 3px;
}

.footer .social li a{
    text-decoration:none;
}

.footer .social li a .icon{
	font-size:1.6rem;
    color:grey;
    cursor:pointer;
    text-decoration:none;
}

.footer .social li a:hover{
    border:1px solid yellow !important;
}

.footer .social li a:hover .icon{
    color:white;
}

.footer .address{
    position: absolute;
    bottom: 40px;
    left: 15px;
    font-size: 1rem;
    color: #9a9a9a;
    font-weight:300;
}

.footer .footerNav{
    position: absolute;
    bottom: 116px;
    left: 15px;
    font-size: 1rem;
    color: #9a9a9a;
    font-weight:900;
}

.footer .copyright{
    position: absolute;
    width:100%;
    text-align:center;
    bottom: 10px;
    font-size: .7rem;
    color: #797979;
    font-weight:400;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}



/* @media queries */

@media (max-width: 1200px) {}

@media (max-width: 992px) {}

@media (max-width: 768px) {}

@media (max-width: 576px) {}

@media (max-width: 374px) {}