* {
    box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

section{
	width: 100%;
	margin:0px 15px 30px 15px;
}

i {
font-family: fontawesome !important;
}

.social-landing{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0;
}

.mini-nav{
	margin-bottom: 0 !important;
}

.gallery_btn{
	background-color: #3c5956;
	color: white;
	border: none;
	text-transform: uppercase;
	font-weight: 900;
	padding: 5px;
	width: 200px;
}


.mini-nav ul{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-transform: uppercase;
	cursor: pointer;
	margin-top:20px ;
	margin-left: 0;
	margin-right: 0;

}

.mini-nav ul li{
	margin:0 5px;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: 15px;
	margin-left: 0;
	margin-right: 0;		
}

.option1 label{
	color:white;
}

.neocon .web-intro{
	margin-bottom: 0;
}

.neocon .web-intro .text-overlay{
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 45px;
    text-align: left;
    background: unset;
    font-size: 142px;
    width: 98%;
    text-align: center;
}

.neocon .web-intro .text-overlay div{
	text-align: center;
}

.neocon .web-intro .text-overlay h1{
	font-size: 20px;
    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

.neocon .web-intro img{
	padding-top: 18px;
}

.neocon .web-intro .text-overlay img{
	width: 300px;
	height: auto;
}

.neocon .web-intro .text-overlay button{
	background-color: unset;
	border: 1px white solid;
	color:white;
	width: fit-content;
	width: -moz-max-content;
	padding: 10px 15px;
	min-width: 150px;
	text-transform: capitalize;
	font-size: 20px;
}

.neocon h2{
	font-size: 25px;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 0;
    margin-bottom: 10px;
    color:#b0c49e;
}

.neocon hr{
	width: 100%;
	border-bottom: 1px solid #456a63;
}

.neocon .mini-nav hr{
	margin: 0;
}

.neocon section{
	display: flex;
	flex-direction: column;
	max-width: 1000px;
 	margin: 0 auto 30px  auto;

}

.neocon .placeholder img{
	margin:0 auto;
	width: 500px;
}

.content-sect p, #featuredProductSect h4{
	margin: 0;
	text-align: left;
	font-size: 1.1em;
}

.content-sect p, #featuredProductSect p{
	font-size: 18px;
	line-height: 1.6;
}

#featuredProductSect h4{
	margin-top:10px;
	padding-bottom: 0;
	font-weight: 900;
	color: #3c5956;
    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
}

#featuredProductSect span{
	color: #999999;
}

.contest-banner p{
	padding-bottom: 0;
	text-align: center;
	width: 60%;
  margin: 0 auto;
  font-weight: 900;
  color: #3c5956;
  font-family: UniversLTStd, Helvetica, Arial, sans-serif;
}

.contest-banner{
	margin-bottom: 0 !important;
}

.contest-banner a img{
	width: 100%;
	border: 1px solid #3b5854;
}

.iframe-container {
	margin: auto;
	text-align: center;
}

/*PROGRAMMING*/
/* Container holding the image and the text */
.videoTile {
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
  font-weight: 900;
  position: relative;
  text-align: center;
  color: white;
  margin-bottom: 15px;
  width: 100%;

}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;vidTitle

}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.vidText{
	position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px;
  text-align: left;
  background: rgba(0, 0, 0, 0.65);
  height: 90px;

}

/* Centered text */
.vidTitle {
  text-transform: uppercase;
  color: white;
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 5px;
  padding-bottom: 0;
}

.shortDescript {
  color: white;
  font-size: 12px;
 	margin-bottom: 0;
  padding-bottom: 0;
}

.vidCta{
	display: none;
	position: absolute;
  top: 90%;
  left: 90%;
  width: 100%;
  transform: translate(-90%, -70%);
	text-transform: uppercase;
  color: white;
  font-size: 15px;
  padding: 0 10px 5px 10px;
}

.showall, .showLess{
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 900;
	color:#3b5854;
	width: 80%;
	margin:0 auto;
	padding:0 8px;
}


/*FEATURED PRODUCTS*/

.featuredProducts{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 30px 0;
	align-items: flex-start;

} 

.featuredProduct{
	display: flex;
	flex-direction: column;
	width: 32%;
	justify-content: center;
	text-align:center;
	margin-bottom: 30px;
}

.featuredProduct span{
	text-align: left;
	display: block;
}

.featuredProduct img{
	width: 100%;
}

.featuredProduct a:hover{
	text-decoration: none !important;
	color: #58595b;

}

.featuredProduct a p{
	text-align: left;

}

.featuredProduct a:hover{
	text-decoration: underline;
	color:#58595b;
}

.featuredProduct a:visited{
	text-decoration: none;
	color:#58595b;
}

.video{
	width: 80%;
	height: auto;
	margin: 0 auto 30px auto;
	text-align: center;
}

.inspImg, .fullInspo{
	position: relative;
	margin-bottom: 15px;
}

.greenBackground, .grayBackground{
	background-color: #3c5956;
	width: 100vw;
  position: relative;
  color: white;
  margin-bottom:30px;
}

.grayBackground{
	background-color: #B7B8B9 !important;
}

.sustainabilityIcons{
	width: 100%;
	margin: 15px auto;
	display: flex;
	justify-content: space-between;
}

.sustainabilityIcons .sustainabilityIcon{
	text-align: center;
}

.sustainabilityIcons .sustainabilityIcon img{
	width: 130px;
}

.sustainabilityIcons .sustainabilityIcon p{
    font-size: 25px;
    text-transform: uppercase;
}

#handprinting{
    padding: 15px !important;
}

#handprinting h2{
	color: white;
	text-align: left;
}

#handprinting p{
	font-size: 24px;
}

#handprinting button{
	margin-bottom: 30px;
	font-size: 20px;
	background-color: transparent;
	color: white;
	border: 1px solid white;
	width: fit-content;
	padding: 10px;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

.quoter{
	display: flex;
  align-items: center;
  justify-content: flex-end;
}

.quoter img{
	width: 150px;
}

.hubQuote{
	padding: 50px 15px;
}

.hubQuote q{
	font-family: 'Archer-Light';
	font-size: 45px;
}

.quoter .quoterText p{
	padding-bottom: 0;
}

.quoter .quoterText .quoteName{
	font-size: 30px;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	font-weight: 900;
}

.quoter .quoterText .quoteTitle{
	font-size: 20px;
}



	.dot .cta{
		display: none;
	}

	.dot{
    position: absolute;
    background-color: #fff;
    border: 2px solid #3c5956 !important;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.dot .cta:before {
	    position: absolute;
	    content: '';
	    top: -16px;
	    left: 20px;
	    width: 0;
	    height: 0;
	    border-left: 6px solid transparent;
	    border-right: 6px solid transparent;
	    border-bottom: 16px solid #161616;
	}

.dot .cta {
	    position: absolute;
	    z-index: 1;
	    background-color: #161616;
	    padding: 12px;
	    left: -20px;
	    top: calc(100% + 20px);
	    opacity: 0.9;
	    -webkit-transition: opacity 300ms ease-out;
	    transition: opacity 300ms ease-out;
	    color: white;
	    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	    font-weight: 900;
	    width: 300px;
	    height: 200px;
	    border-radius: 3px;
	    overflow: scroll;
	}

.dot .cta .cta-content p{
	text-decoration: none !important;
	font-size: 15px;
}

.dot .cta .cta-content a{
	color: white;
	text-decoration: underline;
}

#freedomTask{
	top: 38%;
	left: 15%;
}

#saddle{
	top: 58%;
	left: 20%;
}

#floatMini{
	top: 54%;
	left: 81%;
}

#nova{
	top: 25%;
	left: 65%;
}

#liberty{
	top: 62%;
	left: 12%;
}

#horizon{
	top: 21%;
	left: 34%;
}

#neathub{
	top: 57%;
	left: 80%;
}

#neatcharge{
	top: 84%;
	left: 62%;
}

#horizonWhite{
	top: 23%;
	left: 20%;
}

#path{
	top: 50%;
	left: 80%;
}

#summa{
	top: 50%;
	left: 50%;
}
#infinity{
	top: 20%;
	left: 78%;
}

#trea{
	top: 50%;
	left: 13%;
}

#neatup{
	top: 67%;
	left: 77%;
}

#keyboard{
	top: 67%;
	left: 35%;
}

#mouse{
	top: 69%;
	left: 52%;
}

#horizon3{

	top: 39%;
	left: 46%;
}
#monitorArm{
	top: 50%;
	left: 65%;
}

#neathub2{
	top: 50%;
	left: 80%;
}

#efloat{
	top: 55%;
	left: 55%;
}

.inspoGal{
	padding:30px;
}

.inspoGal ol li::before {
/*    content: counter(step-counter);
    margin-right: 5px;
    color: #aabd26;*/
    display: none;
}

.gal1{
	background-color: #B5D1C0;
}

.gal2{
	background-color: #587762;
}

/*.gal2 .carousel-inner 
*/
/*IMAGE GALLERY*/
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  width: 80%;
  margin:0 auto;
}

.neocon .row{
	width: 100%;
	margin: auto;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 50%;
  /*max-width: 50%;*/

  padding: 0 4px;
}

.column2{
	width: 46.5%;
	flex: 46.5%;
}

.column1{
	width: 46.15%;
	flex: 46.15%;
}

.column3{
	width: 48.5%;
	flex: 48.5%;
}

.column4{
	width: 41.15%;
	flex: 41.15%;
}

.vidThin{
	width: calc(42.7% - 8px);
	flex: calc(42.7% - 8px);
}

.vidWide{
	width: calc(57.3% - 8px);
	flex: calc(57.3% - 8px);	
}

.column img {
  /*margin-top: 8px;*/
  vertical-align: middle;
  width: 100%;
}

.fullInspo{
	padding: 0 4px;
}

.fullInspo img{
	width: 100%;
	padding: 4px;
}

.carousel-control .left, .carousel-control .right{
	background:none;
}

.carousel-indicators li:before{
	display: none;
}

/*VIDEO PAGE*/
.video{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.video .vidInfo {
	display: flex;
	flex-direction: column;
	width: 100%;
	text-align: left;
}

.video .vidInfo h3{
	font-size: 30px;
	text-transform: capitalize;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	font-weight: 900;
	margin-bottom: 0;

}

.video .vidInfo h4{

}

.video .vidinfo2{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 30px;
}
.video .vidinfo2 p{
	text-align: left;
    margin-left: 70px;
}

.video .vidinfo2 video{
	min-width: 428px;
	height: auto;
}


.programs .mini-nav{
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	margin: 30px 0 21px 0;
	color:#3b5854;
	font-size: 18px;
}

.programs .mini-nav p{
	width: 30%;
	padding-bottom: 0;
	text-transform: uppercase;
	
}

.programs .mini-nav ul{
	width: 70%;
	justify-content: flex-start;
	text-transform: capitalize;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-decoration: none;

}
.programs .mini-nav ul li{
	margin: 0 20px;
}

.video-section .h2Header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}

.video-section .h2Header h2{
    text-transform: capitalize;
    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 20px;
}

.video-section .h2Header hr{
	border-top: 1px solid #3b5854;
    width: 85%;
}

/*WFH GALLERY*/

/* The grid: Four equal columns that floats next to each other */
.wfh .wfh-column {
  width: 25%;
  padding-top: 10px;
}


/* Style the images inside the grid */
.wfh .wfh-column img {
  opacity: 0.6;
  cursor: pointer;
  width: 100%;
}

.wfh .wfh-column img:hover {
  opacity: 1;
}

.wfh .wfh-column .active img {
  opacity: 1;
}

/* Clear floats after the columns */
.wfh .wfh-row:after {
  content: "";
  display: table;
  clear: both;
}

.wfh .wfh-row{
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}
/* The expanding image container (positioning is needed to position the close button and the text) */
.wfh .gal-container, .wfh-gallery-page .gal-container{
  position: relative;
  width: 100%;
  margin: 15px auto;
}

.wfh-gallery-page .gal-container img{
	width: 100%;
}

.wfh .gallery-text{
	position: absolute;
	top: 80%;
    left: 10%;
	transform: translate(10%, 80%);
	-ms-transform: translate(10%, 80%);
    min-width: 200px;
    font-size: 20px;
    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 900;
    color:white;    
}

.wfh .gt-left{
	left:72% !important;
}
.wfh-gallery-page .web-intro{
	margin-bottom: 30px;
}

.wfh .gallery-text h5{
	margin-bottom: 0px;
	padding-bottom: 5px;
	text-align: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 18px;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
	font-weight: 600;	

}

.wfh .gallery-text p{
	margin-bottom: 0px;
	padding-bottom: 5px;
	text-align: left;
	width: 100%;
	font-size: 15px;
	font-family: UniversLTStd-light, Helvetica, Arial, sans-serif;
	font-weight: 100;
}


.wfh-gallery-page .gallery-heading{
	display: flex;
	color:#3b5854;
	align-items: center;
    margin: 15px 0;
}

.wfh-gallery-page .gallery-heading hr{
	border-top: 1px solid #3b5854;
    width:-webkit-fill-available;
}


.wfh-gallery-page .gallery-heading h2{
    padding-bottom: 0;
    margin:0;
    width:45%;
    text-align: left;
}

.wfh-gallery-page section h3{
	text-transform:uppercase;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 20px;
}

.wfh-gallery-page .gal-container .dot .cta{
	display: none;
}

.wfh .gal-container img{
	width: 100%;
	text-align: center;
}

.wfh-gallery-page .gal1-world{
	top:63%;
	left:21%;
}
.wfh-gallery-page .gal1-laptop{
	top:36% !important;
	left:31%;
}
.wfh-gallery-page .gal1-horizon{
	top:37%;
	left:19%;
}
.wfh-gallery-page .gall2-world{
	top:86%;
	left:45%;
}
.wfh-gallery-page .gall2-laptop{
	top:41%;
	left:29%;
}	
.wfh-gallery-page .gall2-float{
	top:60%;
	left:8%;
}
.wfh-gallery-page .gall2-mconnect{
	top:37%;
	left:49%;
}
.wfh-gallery-page .gall2-keyboard{
	top:63%;
	left:56%;
}
.wfh-gallery-page .gall2-element{
	top:29%;
	left:8%;
}

.wfh-gallery-page .gall5-smart{
	top:29%;
	left:8%;
}

.wfh-gallery-page .gall5-horizon{
	top:40%;
	left:28%;
}

/*HS TO THE RESCUE WFH GALLERY DOTS*/
.wfh-gallery-page .conGal-liberty{
	top:50%;
	left:20%;
}

.wfh-gallery-page .conGal-proclick{
	top:50%;
	left:65%;
}

.wfh-gallery-page .conGal-float{
	top:42%;
	left:45%;
}

.wfh-gallery-page .conGal-mconnect{
	top:38%;
	left:70%;
}

.wfh-gallery-page .conGal-keyboard{
	top:60%;
	left:60%;
}

.wfh-gallery-page .conGal-horizon{
	top:16%;
	left:38%;
}

.wfh-gallery-page .conGal-neat{
	top:48%;
	left:40%;
}

.wfh-gallery-page .conGal-monarch{
	top:86%;
	left:57%;
}




/*ENDS RESCUE DOTS*/

.wfh-gallery-page .dot .gall2-mconnect .cta{
	left:-71px;
}

.wfh-gallery-page .dot .gall2-mconnect .cta:before{
	left: 73px;
}



.wfh-gallery-page .dot {
    position: absolute;
    background-color: white;
    border: 7px solid #3c5956;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.wfh-gallery-page .dot .cta:before {
    position: absolute;
    content: '';
    top: -16px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 16px solid #161616;
}

.wfh-gallery-page .dot .cta {
    position: absolute;
    z-index: 1;
    background-color: #161616;
    padding: 12px;
    left: -20px;
    top: calc(100% + 20px);
    opacity: 0.9;
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
    color: white;
    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 900;
    width: 350px;
    height: 250px;
    border-radius: 3px;
}

	.product-booklet{
		flex-flow: row nowrap !important;
		width:100%;
		justify-content: space-between;
		border: 1px solid #58595b;
		align-items: center;
		margin: 50px auto;
		padding-left:0;
		height: 400px;
	}

	.product-booklet .booklet-img{
		width: calc(50% - 30px);
		height: 100%;

	}

	.product-booklet .booklet-img img{
		width:100%;
		height:100%;
		object-fit: cover;

	}	
	
	.product-booklet .booklet-text{
		width: calc(50% - 30px);
		margin: 0 30px 0 30px;
	}

	.product-booklet .booklet-text h3{
		text-transform: uppercase;
		color:#3b5854;
		font-size: 20px;
		font-weight: 800;
	}

	.product-booklet .booklet-text img{
		width: 200px;
		margin-top: 100px;
    	margin-bottom: 10px;
	}

	.product-booklet .booklet-text p{
		margin-bottom: 30px;

	}

	.booklet-text input[type=submit]{
		background-color: #3b5854;
		color:white;
		width: 40%;
	}

	.wide-email{
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}

	.booklet-text input[type=text]{
	    width: 60%;
    	height: 35px;
    	border: 1px solid
    }

    .neocon .contact-wrapper{
    	max-width: 500px;
    }

    .neocon #phone, .neocon #zip, .neocon #productNumber, .neocon #country, .neocon #firstname, .neocon #lastname, .neocon #state, .neocon #province, .neocon #email, .neocon #text-question{
    	width: 100%;
    }
	.neocon .contact input[type="submit"]{
		width: 100px;
		border: none;
		color: white;
	} 

.pathFeature{
	display: flex;

	background-color: #efefef;
}

.pathFeature .pathFeatureText{
	display: flex;
	flex-flow: column;
	width: 21%;
	padding: 3%;
	justify-content: space-around;
	
}
.pathFeature .pathFeatureText h2{
	text-align: left !important;
	font-size: 30px;
	color:#3c5956;
}

.pathFeature .pathFeatureText button{
	background-color: #3c5956;
	color: white;
	border: none;
	text-transform: uppercase;
	font-weight: 900;
	padding: 5px;
}

.pathFeature img{
	width: 80%;
}

.programs{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.program{
	display: flex;
	flex-direction: column;
	width: 32%;
	cursor: pointer;
}

.program div h3{
	font-size: 18px;
	color: #3c5956;
	font-weight: 900;
}

.program div h3:hover,  .program div h3:visited, {
	color: #3c5956;
	text-decoration: none;

}

.program div p:hover, .program div p:visited{
	color: #54595e;
	text-decoration: none;
}

.program div button{
	  margin-bottom: 30px;
    color: white;
    border: none;
    background-color: #3c5956;
    padding: 10px 30px;
}

#fade1, #fade2, #fade3, #fade4, #fade5, #fade6 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#light1, #light2, #light3, #light4, #light5, #light6  {
  display: none;
  position: absolute;
  /*top: 50%;*/
  left: 50%;
  max-width: 600px;
  max-height: 360px;
  margin-left: -300px;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: visible;
}

#boxclose1, #boxclose2, #boxclose3, #boxclose4, #boxclose5, #boxclose6  {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade1:hover ~ #boxclose1, #fade2:hover ~ #boxclose2, #fade3:hover ~ #boxclose3, #fade4:hover ~ #boxclose4, #fade5:hover ~ #boxclose5, #fade6:hover ~ #boxclose6 {
  display:none;
}
	
.virtual-showroom img{
	width: 100vw;
}

.doubleInspo{
	display: flex;
	justify-content: space-between;
	padding: 0px 8px;
}

.doubleInspo .inspImg{
	/*width: 48%;*/
}

.doubleInspo .inspImg1{
	width: 46%;
}

.doubleInspo .inspImg2{
	width: 52%;
}

.doubleInspo .inspImg img{
	width: 100%;
}

.doubleStack{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.fullLength{
	padding: 0 0 0 1%;
}

@media screen and (max-width: 980px){
	.neocon .web-intro .text-overlay{
		font-size: 100px;
	}
}	

@media screen and (max-width: 970px){
	.vidText{
		top: 86%;
	}
	.vidTitle{
		font-size: 15px;
	}

	#handprinting{
		padding: 30px !important;
	}
}

@media screen and (max-width: 880px){
	.neocon .placeholder img{
		width: 100%;
	}

	.vidText{
		top: 92%;
	}
}

@media screen and (max-width: 770px){
	.program{
		width: 48%;
	}
	.doubleInspo .doubleStack .topImg{
		margin-bottom: 20px;
	}	

	.pathFeature .pathFeatureText h2{
		font-size: 20px;
	}	
}


@media screen and (max-width: 720px){
	.vidText{
		top: 91%;
	}
}
@media screen and (max-width: 650px) {
	.neocon .web-intro .text-overlay{
    	font-size: 20px;
    }
    .pathFeature{
    	flex-direction: column-reverse;
    }
    .pathFeature img{
    	width: 100%;
    }
    .pathFeature .pathFeatureText{
    	width: 100%;
    }
}

@media screen and (max-width: 630px){
	.vidText{
		top: 90%;
	}
}

@media screen and (max-width: 530px){
	.vidText{
		top: 89%;
	}
}
@media screen and (max-width: 430px){
	.vidText{
		top: 82%;
		height: 97px;
	}

}

@media screen and (max-width: 330px){
	.vidText{
		top: 82%;

	}

	.hubQuote q{
		font-size: 35px;
	}

	.quoter .quoterText .quoteName {
		font-size: 25px;
	}

}

@media screen and (max-width: 770px){
		.wfh-gallery-page .dot .cta{
		    width: 300px;
		}

		.product-booklet{
			flex-flow: column !important;
			border: none;
			height: auto;
			padding-left: inherit;

		}
		.product-booklet .booklet-text{
			width:100%;
			text-align: center;			
		}
		.product-booklet .booklet-img{
			width:100%;
		}						
		
		.product-booklet .booklet-text img{
			margin-top: 50px;
		}	

		#handprinting{
    padding: 15px 30px !important;
		}

		.hubQuote {
    padding: 50px 30px;}
}

@media screen and (max-width: 550px){
	.wfh-gallery-page .dot .cta{	    
		width: 250px;
	}

}

@media screen and (max-width: 430px){
	.wfh-gallery-page .dot .cta{	    
		width: 250px;
	}


}

.wfh-gallery-page .cta .cta-content{
	/*overflow: scroll;*/
	height: 230px;
}

.wfh-gallery-page .dot .cta h4{
	margin-bottom: 5px;
	font-size: 15px;
	font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.wfh-gallery-page .dot .cta a{
	text-decoration: underline;
	margin-bottom: 10px;
	color: white;
}

.wfh-gallery-page .dot .cta a:hover{
	color: white;
	margin-bottom: 15px;
}
.wfh-gallery-page .dot .cta a i{
	font-family: fontawesome !important;
}
.wfh-gallery-page .dot .cta p{
    text-align: left;    
    margin: 15px 0 15px 0;
    padding-bottom: 0;
    width: 100%;
    overflow: scroll;
}

.wfh-gallery-page .gallery h4{
	margin:0 0 5px 0;
}

.wfh-gallery-page .gallery p{
	margin-bottom: 30px;
}

.wfh-gallery-page .gallery .iframe-container{
	margin-bottom: 15px;
}

/* Expanding image text */
.wfh #imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}


.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  margin: 0 auto 30px auto;
}

/* Then style the iframe to fit in the container div with full height and width */
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 770px){
	.neocon .web-intro .text-overlay {
	    position: absolute;
	}

	.featuredProduct{
		width: 48%;
	}
	.video .vidInfo h3 {
    font-size: 25px;}

	.video .vidinfo2{
		flex-direction: column;
	}

	.video .vidinfo2 video{
		width: 100%;
	}

	.video .vidinfo2 p{
		margin:15px 5px;
	}

}
.form-group input[type="submit"] {
	width: 151px;
    color: white;
    display: block;
    margin: 30px auto;
}

@media screen and (max-width: 715px){
	.neocon .web-intro .text-overlay{
		font-size: 82px;
	}
}

@media screen and (max-width: 610px){
	.neocon .web-intro .text-overlay{
		font-size: 60px;
	}
}


@media screen and (max-width: 550px){
	/* Centered text */
	.row{
		width: 100%;
	}
	.vidText{
		padding:0 10px 5px 10px;
	}
/*	.vidTitle {		
	  font-size: 15px;
	}

	.shortDescript {
	  font-size: 12px;
	}*/

	.mini-nav ul{
		flex-direction: column;
		align-items: flex-start;
	}
}


@media screen and (max-width: 500px){
	.neocon .web-intro .text-overlay{
		font-size: 50px;
	}
}

@media screen and (max-width: 410px){
	.neocon .web-intro .text-overlay{
		font-size: 40px;
	}
}