* {
    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: 5px auto 0 auto;
	font-size: 12px;
}

.mini-nav ul{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-transform: uppercase;
	cursor: pointer;
}

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

.option1 label{
	color:white;
}

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

.neocon .web-intro .text-overlay{
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 45px;
    text-align: center;
    opacity: 0.85;
}

.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 .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;
/*    font-family: UniversLTStd, Helvetica, Arial, sans-serif;
    font-weight: 100;*/
    text-transform: uppercase;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 23px;
}

.neocon section{
	display: flex;
	flex-direction: column;

}

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

.content-sect p{
	width: 80%;
	margin: 0 auto 15px auto;
	text-align: center;
	font-size: 1.1em;
}

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


/*PROGRAMMING*/
/* Container holding the image and the text */
.videoTile {
  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: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 10px 5px 10px;
}

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

.shortDescript {
  text-transform: uppercase;
  color: white;
  font-size: 15px;
}

.vidCta{
	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;
}

#jane a .vidText{
	top: 15%;
  	left: 15%;
  	transform: translate(-15%, -15%);
  	color:#58595b;
}

#brooke a .vidText{
	top: 83%;
  	left: 83%;
  	transform: translate(-83%, -83%);
}

#neatUp a .vidText{
	top: 61%;
  	left: 61%;
  	transform: translate(-61%, -61%);
}

#antimicrobials a .vidText, 
#katie-graves a .vidText,
#rtw a .vidText,
#toddAngie a .vidText,
#davidWong a .vidText,
#hedge-webinar a .vidText,
#lonely-whale a .vidText
{
	top: 20%;
  	left: 20%;
  	transform: translate(-20%, -20%);
}

#toddAngie a .vidText{
	top: 2%;
  	left: 2%;
  	transform: translate(-2%, -2%);
}

#davidWong a .vidText{
	top: 8%;
  	left: 8%;
  	transform: translate(-8%, -8%);
}
#lonely-whale a .vidText .vidTitle, #lonely-whale a .vidText .shortDescript,
#jane a .vidText .vidTitle, #jane a .vidText .shortDescript, 
#ergoIQ a .vidText .vidTitle, #ergoIQ a .vidText .shortDescript, #ergoIQ a .vidCta,
#antimicrobials a .vidText .vidTitle, #antimicrobials a .vidText .vidTitle, #antimicrobials a .vidText .shortDescript,
#katie-graves a .vidText .vidTitle, #katie-graves a .vidText .shortDescript, #katie-graves a .vidCta,
#rtw a .vidText .vidTitle, #rtw a .vidText .shortDescript, #rtw a .vidCta,
#davidWong a .vidText .vidTitle, #davidWong a .vidText .shortDescript,
#toddAngie a .vidText .vidTitle, #toddAngie a .vidText .shortDescript, #toddAngie a .vidCta,
#hedge-webinar a .vidText .vidTitle, #hedge-webinar a .vidText .shortDescript, #hedge-webinar a .vidCta
{
  	color:#58595b;
}


.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: center;
} 

.featuredProduct{
	display: flex;
	flex-direction: column;
	width: 33%;
	padding:10px 15px;
	justify-content: center;
	text-align:center;
}



.featuredProduct img{
	width: 100%;

}

.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{
	position: relative;
	margin-bottom: 15px;
}


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

/*IMAGE ROW 1 SPOT 1*/
#liberty{
	top:51%;
	left:10% ;
}

#float{
	top: 76%;
	left: 76%;
}

/*IMAGE ROW 1 SPOT 3*/

#smart{
	top: 44%;
	left: 75%;
}

#trea{
	top: 41%;
	left: 45%;
}

.balloGal{
	top: 60%;
	left: 40%;	
}

#footRockerGal{
	top: 71%;
	left: 55%;
}

#HorizonGal{
	top: 27%;
	left: 70%;
}

#floatGal{
	top: 46%;
	left: 40%;
}

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

#balloGal{
	top:60%;
	left:23%;
}

#ballo2Gal{
	top: 62%;
	left: 27%;
}

#footRocker2Gal{
	top: 71%;
	left: 45%;
}

#float2Gal{
	top: 47%;
	left: 40%;
}

#monitorArm{
	top:29%;
	left: 42%;
}

#smartGal2{
	top: 44%;
	left: 77%;
}

#monitorArmGal{
	top: 60%;
	left: 40%;
}

/*Column 1 - Insp Gallery*/
#nova-gif{
    top: 85%;
    left: 76%;
    border: 1px solid #3b5854;
}

#summa{
	top: 60%;
	left: 40%;
}

#trea1{
	top: 60%;
	left: 40%;
}

/*Column 2 - Insp Gallery*/
#ballo-insp{
	top: 60%;
	left: 23%;
}

#world-insp{
	top: 71%;
	left: 65%;
}

#panel-insp{
	top: 60%;
	left: 40%;
}

.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%;
}

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

  padding: 0 4px;
}

.column2{
	width: calc(54% - 8px);
	flex: calc(54% - 8px);
}

.column1{
	width: calc(46% - 8px);
	flex: calc(46% - 8px);
}

.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%;
}

.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;
	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 #3b5854;
    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
    }


@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;
		}	
}

@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: relative;
	    top: 0;
	    left: 0;
	    transform: translate(0,0);
	    -ms-transform: translate(0, 0);
	    width: 100%;
	    display: flex;
    	flex-direction: column;
    	align-items: center
	}

	.featuredProduct{
		width: 50%;
	}
	.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: 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;
	}
}