body {
	font-size: 14px;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*background-color: #000000;*/

}
#canvas{
	background-color: #ffffff;
	color: #000000;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 40px;
	
}
#container {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#header-left{
	display: inline-block;
	width: 40%;
	padding: 0 1% 0 8%;
	text-align: right;
	vertical-align: top;
}
#header-left #hl-1{
	display: inline-block;
	vertical-align: middle;
	width: 39%;
	text-align: right;
}
#header-left-vertical-bar{
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 80px;
	background-color: #000000;
	margin: 0 9% 0 9%;
}
#header-left #hl-2{
	display: inline-block;
	vertical-align: middle;
	width: 39%;
	text-align: left;
}

#header-right{
	display: inline-block;
	width: 43%;
	padding-left: 6%;
	text-align: left;
	vertical-align: top;
}
#header-right #hr-1{
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	text-align: left;
}
#header-right #hr-2{
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	text-align: right;
}
#menu-main	{
	width: 100%;
	height: 32px;
	background-color: #002361;
	padding-top: 10px;
	
}
#menu-bar{
	float: right;
	padding-right: 4%;
}



/***************************************** menu driver code is here ************************/


#home #menu-main {position: relative;}
#home #menu-bar {
	position: absolute;
	top: 10px;
	right: -13px;
	z-index: 1000;
}

#menu-bar .main-navigation{
	margin-top: -10px;
}
#menu-bar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  /*background: #1bc2a2;*/
}

#menu-bar ul li {
  display: block;
  position: relative;
  float: left;
  background: #002361;
}

/* This hides the dropdowns */


#menu-bar li ul { display: none; }

#menu-bar ul li a {
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
 /* font-weight: bold;*/
}

#menu-bar ul li a:hover { background: #ffffff;
	color: #c00020;
	font-weight: bold;
}

/* Display the dropdown */


#menu-bar li:hover > ul {
  display: block;
  position: absolute;
  z-index: 45000;
}

#menu-bar li:hover li { float: none; }

#menu-bar li:hover a { background: #ffffff; color: #000000; border: 1px solid #9d9d9d;}


#menu-bar li:hover li a:hover { background: #ffffff; color: #000000;}

#menu-bar .main-navigation li ul li { border-top: 0; }

/* Displays second level dropdowns to the right of the first level dropdown */


#menu-bar ul ul ul {
   left: 100%;
   top: 0;
}

/* Simple clearfix */



#menu-bar ul:before,
#menu-bar ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

#menu-bar ul:after { clear: both; }





/************************ end of menu dirver css ***************/




#mobile-menu-icon,
#mobile-menu-items{
	display: none;
}
.menu a.no-hov{
	display: none;
	visibility: hidden;
}
.can-hover .menu a.no-hov{
	display: none;
	visibility: hidden;
}
.can-hover .menu a.hov{
	display: block;
	visibility: visible;
}
.cannot-hover .menu a.no-hov{
	display: block;
	visibility: visible;
}
.cannot-hover .menu a.hov{
	display: none;
	visibility: hidden;
}
.icon-group {
	display: none;
}
.icon-group>div div{
	display: inline-block; 
	width: 31%;
}
.icon{
	max-width: 48px;
	
	}
.no-icon{
	display: block;
	}

#scroll-icon {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 15px; /* Place the button at the bottom of the page */
  right: 15px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
   opacity: 0.3;
}
a.blackt:visited { 
	color: #000000;
	text-decoration: none;
}

a.blackt:link {
	color: #000000;
	text-decoration: none;
}

a.blackt:hover {
	font-weight: bold;
}
a.blackt2:visited { 
	color: #000000;
	text-decoration: underline;
}

a.blackt2:link {
	color: #000000;
	text-decoration: underline;
}
a.blackt2:visited { 
	color: #000000;
	text-decoration: underline;
}
a.blackt2:hover {
	font-weight: bold;
}
a.redt:visited { 
	color: red;
	text-decoration: none;
}

a.redt:link {
	color: red;
	text-decoration: none;
}
a.redt:hover {
	font-weight: bold;
}
a.redt2:visited { 
	color: #c02843;
	text-decoration: none;
}

a.redt2:link {
	color: #c02843;
	text-decoration: none;
}
a.redt2:hover {
	font-weight: bold;
}
a.whitet:visited { 
	color: #FFFFFF;
	text-decoration: underline;
}

a.whitet:link {
	color: #ffffff;
	text-decoration: underline;
}

a.whitet:hover {
	font-weight: bold;
}

.instructions {
	max-width: 250px;
}
#instruction-section{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#instruction-section .caption2 {
	margin-bottom: 10px;
}
#instruction-section .flex3>div>div {
	margin-top: 10px;
}
.conditionals {
	display: none;
	margin-left: 1%;
	text-align: left;
	}
.btn1{
	background-color: #C00020;
	color: #ffffff;
	cursor: pointer;
	padding: 5px;
	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
.can-hover .btn1:hover {
	opacity: 70%;
}
#myPrev {
	display: block;
	position: absolute;
	bottom: 30px;
	left: -35px;
	cursor: pointer; '
}
#myNext{
	display: block;
	position: absolute;
	bottom: 30px;
	right:-35px;
	cursor: pointer;
}
/*misc fonts and stuff*/
.responsive { /*for images */
	width: 100%;
	height: auto;
}
.responsive-max { /*for images */
	max-width: 100%;
	height: auto;
}
.responsive-max-50 { /*for images */
	max-width: 50%;
	height: auto;
}

.finish-blocks{ /* for all of the items in the finishes section*/
	max-width: 180px;
	height: auto;
}
#powder_coated_badge,
.powder_coated_badge{
	margin-top: -85px;
	margin-bottom: 85px;
	}
#powder_coated_badge2,
.powder_coated_badge2{
	margin-top: -103px;
}
.powder_coated_badge3{
	margin-top: -85px;
	}
#powder_coated_badge img,
#powder_coated_badge2 img,
.powder_coated_badge2 img,
.powder_coated_badge img,
.powder_coated_badge3 img
{
	max-width: 70px;
}
@media screen and (max-width: 700px){
	#powder_coated_badge img,
	#powder_coated_badge2 img,
	.powder_coated_badge2 img,
	.powder_coated_badge img,
	.powder_coated_badge3 img
	{
		max-width: 50px;
	}
	#powder_coated_badge2,
	.powder_coated_badge2{
		margin-top: -83px;
		/*margin-top: -63px;*/
		margin-bottom: 15px;
	}
}
.flex3 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	
	
}
.flex3-top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.flex3>div,
.flex3-top>div{
	flex: 1 0 30%;
	margin-right: 2%;
	margin-bottom: 10px;
	max-width: 33%;
}
.flex3>div>div,
.flex3-top>div>div{
	display: inline-block;
	vertical-align: middle;
}
.flex3>div>div:first-child,
.flex3-top>div>div:first-child{
	width: 20%;
}
.flex3>div>div:last-child,
.flex3-top>div>div:last-child{
	width: 78%;
}
.video {
	margin: 20px auto 30px auto;
	text-align: center;
}
@media screen and (max-width: 700px){
	.flex3>div{
		flex: 1 0 40%;
		max-width: 49%;
	}
	.finish-blocks{ 	/* for all of the items in the finishes section*/
		max-width: 75%;
	}

}
.two-per-line{
	/*text-align: left;*/
}
.two-per-line>div {
	display: inline-block;
	vertical-align: top;
	width: 47%;
	
}
.two-per-line>div:first-child{
	margin-right: 3%;
}

.two-per-line>div>div{
	display: inline-block;
	vertical-align: middle;
}
.two-per-line>div>div:first-child{
	width: 20%;
}
.two-per-line>div>div:last-child{
	width: 50%;
}
.caption1	{
	font-size: 1.5em;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #0e2f6a;
	text-align: left;
	}
.caption2	{
	font-size: 1.2em;
	margin-top: 10px;
	margin-left: 3px;
	text-align: left;
}
.caption2b	{
	font-size: 1.2em;
	margin-top: 5px;
	margin-left: 3px;
	text-align: left;
	color: #0e2f6a;
}
.caption3	{
	margin-top: 10px;
	margin-left: 3px;
	text-align: left;
}
	
.hr-big-blue{
	width: 100%;
	border-bottom: 5px solid #0e2f6a;
	margin-top: 7px;
	color: #0e2f6a;
	margin-top: 0;
}
/* Quote select drop downs */
#quote_thumbnails {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#quote_thumbnails div{
	flex: 1 0 22%;
	margin-right: 2%;
	margin-bottom: 10px;
	max-width: 25%;
	min-width: 75px;
	cursor: pointer;
	background-color: #e8e9ea;
	padding: 2%;
}
.quote-select{
	width: 100%;
	border: 1px solid #0e2f6a;
	border-radius: 10px;
	background-color: #e8e9ea;
	height: 40px;
	font-size: 14px;
	margin-bottom: 15px;
	white-space: pre-wrap;
}
.finish_sel {
	display: none;
	/*height: 200px;*/
	width: 100%;
	border: 1px solid #0e2f61;
	overflow: auto;
	border-radius: 10px;
	padding: 2px;
	background-color: #e8e9ea;
	margin-top: 15px;
}
.hardware_sel {
	width: 100%;
	border: 1px solid #0e2f61;
	border-radius: 10px;
	padding: 5px;
	background-color: #e8e9ea;
	text-align: left;
	width: 98%;
}
#overlay {
    background: #535353;  
    display: none;        
    position: absolute;   
    top: 0;                  
    left: 0;               
    height: 1000px;
    width: 100%;
    opacity: 0.95;
    z-index: 100;
}
#overlay>div{
	text-align: center;
	margin: 100px auto;
	display: block;
	width: 35%;
	padding: 0.5%;
	background-color: #ffffff;
}
#overlay>div>div{
	padding-bottom: 10px;
	text-align: right;
	cursor: pointer;
}
.pop {
	cursor: pointer;
}
@media screen and (max-width: 700px){
	#header-left,
	#header-right{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
		
	}
	#header-left{
		margin-bottom: 15px;
	}
	#header-left-vertical-bar{
		height: 60px;
	}
	#header-right #hr-1,
	#header-right #hr-2{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#menu-main {
		display: none;
	}
	#mobile-access{
		display: block;
		position: absolute;
		z-index: 100;	
		top: 109px;
		/*left: 277px;*/
	}
	#mobile-menu-icon {
	    text-align: center;
	    display: block;
	    width: 40px;
	    height: 33px;
	    background: url(../images/mobile_menu_icon.png);
	    font-size: 11px;
	    font-weight: bold;
	  
   	}
   	.quote-select{
   		font-size: 12px;
   	}

}

@media screen and (max-width: 500px){
	
	.icon-group {
		display: block;
	}
	.no-icon {
		display: none;
	}
	#header-left-vertical-bar{
		display: none;
	}
	#header-left #hl-1,
	#header-left #hl-2{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	/*#header-right #hr-1,
	#header-right #hr-2{
		width: 100%;
	}
	*/

	#header-right{
		display: none;
		}
	.home #row1 #div1,
	.home #row1 #div2 {
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
}



@media screen and (max-width: 1200px){
	#container {
		width: 90%;
	}
}
@media screen and (max-width: 1024px){
	.style3 {display: block;}
	.style2 {display: none;}
}
#screen_shade {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 1200px;
	width: 100%;
	background-color: #000000;
	opacity: .4;
	filter: alpha(opacity=40);
	display: none;
	z-index: 1000;
}
/* home page */
.home #row1{
	display: flex;
	flex-wrap: wrap;
}
.home #row1 #div1{
	
	flex: 1 0 30%;
	min-width: 150px;
	margin-left: 5%;
	vertical-align: top;

}
.home #row1 #div1>div{
	margin-top: 45px;
	display: inline-block;
	vertical-align: top;
	width: 100%;

}
.home #row1 #div1>div>a>div{
	display: inline-block;
	vertical-align: middle;
	
}
.home #row1 #div1>div>a>div:first-child{
	width: 35%;
	margin-right: 3%;
}
.home #row1 #div1>div>a>div:last-child{
	width: 59%;
	text-align: left;
}
	
.home #row1 #div1 img{
	max-width: 60px;
}


.home #row1 #div2 {
	flex: 1 0 64%;
	
	margin-left: 1%;
	
	vertical-align: top;
}


.home #row2 {
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 25px;
}
.home #row2>div{
	width: 18%;
	display: inline-block;
	vertical-align: top;
	margin-right:2%;
	min-width: 100px;
	margin-bottom: 15px;
}
.home #row2>div:last-child {
	margin-right: 0;

}
.home #row3{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	position: relative;
}

.home #row3>div:last-child>div:first-child{
	display: none;
}

.home #row3>div:last-child {
	position: absolute;
	width: 45%;
	left: 50%;
	top: 22.5%;
	text-align: left;
	line-height: 2.5;
	
}
@media screen and (max-width: 1500px){
	
	.home #row3>div:last-child {
		line-height: 2.0;
	}
}
@media screen and (max-width: 1300px){
	
	.home #row3>div:last-child {
		line-height: 1.5;
	}
}


@media screen and (max-width: 1024px){
	
	.home #row3>div:last-child {
		line-height: normal;
	}
}

@media screen and (max-width: 900px){
	
	.home #row3>div:last-child {
		top: 17%;
	}
}	
@media screen and (max-width: 850px){
	
	.home #row3>div:last-child {
		top: 4%;
	}
}
@media screen and (max-width: 800px){
	.home #row1{
		flex-direction: column-reverse;
	}
	.home #row3{
		position: initial;
		display: block;
	}
	.home #row3>div:first-child {	
		display: none;
	}
	.home #row3>div:last-child
	{
		display: block;
		background-color: #cdcdcd;
		padding: 3%;
		position: initial;
		width: 90%;
		
	}
	.home #row3>div:last-child>div:first-child{
		display: block;
	}
		
}
.home #row4{
	width: 50%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.home #row4>div{
	display: inline-block;
	width: 25%;
	margin-right: 10%;
}
.home #row4>div:last-child{
	margin-right: 0;
}

.home #row5{
	width: 60%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	position: relative;
}
.home #row5>div{
	display: inline-block;
	text-align: left;
	width: 44%;
	vertical-align: top;
}
.home #row5>div:first-child{
	margin-right: 10%;
}
.home #row5>div:first-child:after{

  content: '';
  width: 0;
  height: 91%;
  position: absolute;
  border: 1px solid #0e2f6a;
  top: 23px;
  left: 47.5%;
  margin: 0 1% 0 1%;

}
@media screen and (max-width: 800px){
	.home #row5{
		width: 100%;
	}
	.home #row5>div{
		display: block;
		width: 100%;
	}
	.home #row5>div:first-child:after{
		content: initial;
		border: initial;
	}
}
.home #row6{
	width: 75%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.home #row6>div{
	display: inline-block;
	width: 30.5%;
	margin-right: 2%;
}
.home #row6>div:last-child{
	margin-right: 0;
}
@media screen and (max-width: 800px){
	.home #row6{
		width: 100%;
	}
}
/*******************************************/
/*l_Products - product landing pages        */
/*******************************************/


.l_products #items{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.l_products  #items>div{
	flex: 1 0 30%;
	margin-right: 2%;
	margin-bottom: 20px;
	max-width: 33%;
	min-width: 130px;
}


.l_products #items .product_caption{
	background-color: #dadbdc;
	padding: 5%;
	text-align: left;
	min-height: 40px;
}





#catalogs .cat_text{
	color:	#002361;
}

#catalogs #row1>div{
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
}
#catalogs #row1>div:first-child{
	width: 49%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#catalogs #row1>div:last-child{
	width: 49%;
}

#catalogs #row2>div{
	display: inline-block;
	vertical-align: top;
}
#catalogs #row2>div:first-child{
	width: 39%;
}
#catalogs #row2>div:last-child{
	width: 59%;
	text-align: center;
}

#catalogs #row1>div{
	display: inline-block;
	vertical-align: middle;
	margin-top: 0;
}
#catalogs #row1>div:first-child{
	width: 50.65%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#catalogs #row1>div:last-child{
	width: 49%;
}
#catalogs #row2{
	margin-top: 30px;
}
#catalogs #row2>div{
	display: inline-block;
	vertical-align: top;
}
#catalogs #row2>div:first-child{
	width: 34%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#catalogs .catalog_icon_entry{
	margin-bottom: 40px;
	display: block;
}
#catalogs .catalog_icon img{
	max-width: 100px;
}
#catalogs .catalog_caption{
	width: 200px;
	background-color: #e9e9e9;
	padding: 10px 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	
}

#catalogs #row2>div:last-child{
	width: 60%;
	text-align: left;
	
}
#catalogs #form_frame{
	background-color: #f8f8f9;
	padding:2%;
}
#catalogs form input[type=text],
#c_login form input[type=text],
#c_login form input[type=password],
#c_register form input[type=text],
#c_register form input[type=password],
#c_register_form textarea,
#c_reset form input[type=password]{
	width: 100%;
	border: 1px solid #002361;
	border-radius: 10px;
	background-color: #f8f8f9;
	height: 40px;
	font-size: 16px;
	margin-bottom: 15px;
}
#catalogs .one-half,
#c_register .one-half{
	width: 47%;
	margin-right: 2%
}
#catalogs .one-half:last-child,
#c_register .one-half:last-child{
	margin-right: 0;
}
#catalogs .one-third,
#c_register .one-third{
	width: 31%;
	margin-right: 2%
}
#catalogs .one-third:last-child,
#c_register .one-third:last-child{
	margin-right: 0;
}
#catalogs form>div>div,
#c_register form>div>div{
	display: inline-block;
	margin-right: 2%;
}
#catalogs form>div>div:last-child,
#c_register form>div>div:last-child{
	margin-right: 0;
}
form .hidden,
.msg-hidden{
	display: none;
}

form .alert-danger,
.msg-alert-danger{
	background-color: #c00020;
}
form .alert-success,
.msg-alert-success{
	background-color: #166016;
}
form .alert,
.msg-alert{
	margin: 10px auto;
	padding: 10px;
	width: 90%;
	text-align: center;
	border-radius: 10px;
	
	color: #ffffff;
}
.msg-display {
	display: block;
}
@media screen and (max-width: 700px){

	#catalogs form input[type=text],
	#c_login form input[type=text],
	#c_login form input[type=password],
	#c_register form input[type=text],
	#c_register form input[type=password],
	#c_register_form textarea,
	#c_reset form input[type=password]{
		
		height: 30px;
		font-size: 10px;
	}

	#catalogs #row1>div{
		display: block;
		margin-top: 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	
		
	}
	#catalogs #row1>div:first-child,
	#catalogs #row1>div:last-child,
	#catalogs #row2>div:first-child,
	#catalogs #row2>div:last-child{
		width: 90%;
	}
	#catalogs #row2>div:first-child{
		margin-top: 20px;
	}
	#catalogs .catalog_icon_entry{
		margin-bottom: 40px;
		display: inline-block;
		margin-right: 3%;
		width: 30%
	}
	#catalogs .catalog_caption{
		width: 100%;
	}
	#catalogs .catalog_icon img {
	    max-width: 60%;
	}
	#catalogs .catalog_icon_entry:last-child{
		margin-right: 0;
	}
	#catalogs #row2>div{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#catalogs .one-third,
	#catalogs .one-half {
		width: 100%;
		margin-right: 0
	}
	#catalogs .one-third:last-child,
	#catalogs .one-half:last-child{
		margin-right: 0;
	}
	

}
/* landing pages */





.lp1 #row1{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.lp1 #row1 #div1{
	flex: 1 0 30%;
	min-width: 300px;
	/*width: 35%;
	display: inline-block;*/
	vertical-align: top;
	Line-height: 1.5;
	text-align: left;
}
.lp1 #row1 #div2 {
	flex: 1 0 60%;
	/*width: 60%;*/
	margin-left: 4%;
	/*display: inline-block;*/
	vertical-align: top;
	padding-top: 20px;
	background-image: url("../images/mfp_background.png");
	background-size: cover;
}
@media screen and (max-width: 700px){
	.lp1 #row1{
		/*direction: rtl;*/
		flex-direction: column-reverse;
	}
	/*.lp1 #row1 #div1,
	.lp1 #row1 #div2 {
		display: block;
		
		width: 90%;
	}
	*/
	.lp1 #row2>div{
		display: block;
		width: 90%;
		}
}
#p_mobile_utility_tables .lp1 #row1 #div2 {
	padding-top: 30px;
}
@media screen and (max-width: 1024px){
	.lp1 #row1 #div1 {line-height: normal;}
}

/* end of 5-1 row1 changes */

.lp1 #row2 {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.lp1 #row2>div{
	width: 46%;
	display: inline-block;
	vertical-align: top;
}
.lp1 #row2>div:first-child {
	margin-right: 7%;
	/*width: 36%;*/

}
.lp1 #row2>div:last-child{
	/*width: 56%;*/
}
.lp1 #row2 #prod_icons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 0.9em;
	margin-top: 20px;
}
.lp1 #row2 #prod_icons>div{
	flex: 1 0 22%;
	margin-right: 2%;
	max-width: 25%;
	min-width: 80px;
}
.lp1 #row2 #prod_icons>div img{
	max-width: 60px;
	}

@media screen and (max-width: 700px){
	.lp1 #row2>div{
		display: block;
		width: 90%;
		}
}
	



.lp1 #row3 {
	width: 70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	position: relative;
}
#EF_Series .lp1 #row3,
#hexalite .lp1 #row3,
#x-fold .lp1 #row3{
	width: 90%;
}
#p_cp_seminar #row3{
	width: 100%;
}
.lp1 #row3>div{
	width: 46%;
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width: 700px){
	.lp1 #row3>div{
		display: block;
		width: 90%;
		}
}

#hexalite .lp1 #row3>div:first-child{
	width: 60%;
}
#hexalite .lp1 #row3>div:last-child{
	width: 32%;
}
@media screen and (max-width: 700px){
	#hexalite .lp1 #row3>div:first-child{
	width: 90%;
	}
	#hexalite .lp1 #row3>div:last-child{
	width: 90%;
	}
}
/*#p_cp_seminar .lp1 #row3>div:first-child{
	width: 32%;
}
#p_cp_seminar .lp1 #row3>div:last-child{
	width: 60%;
}*/

.lp1 #row3 div:first-child {
	margin-right: 7%;

}
.lp1 #row3 #three_badges{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
	text-align: center;
}
.lp1 #row3 #three_badges>div{
	flex: 1 0 30%;
	margin-right: 1%;
	max-width: 33%;
	min-width: 80px;
}
.lp1 #row3 #three_badges>div img{
	max-width: 90px;
}
.lp1 #row3>div:first-child:after{

  content: '';
  width: 0;
  height: 91%;
  position: absolute;
  border: 1px solid #0e2f6a;
  top: 23px;
  left: 47.5%;
  margin: 0 1% 0 1%;

}
@media screen and (max-width: 600px){

	.lp1 #row3>div:first-child:after{
		content: none;
		border: initial;
	}
	.lp1 #row3{
		width: 90%;
	}
}

#hexalite .lp1 #row3>div:first-child:after{
	 left: 61.5%;
}
.lp1 #finishes {
	width: 70%;
	padding-left: 20px;
	padding-top: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #f8f8f9;
	margin-top: 20px;
	
}
@media screen and (max-width: 700px){

	.lp1 #finishes {
		width: 90%;
	}
}
.lp1 #bottom-icons {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: center;
}
.lp1 #bottom-icons>a{
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-right: 7%;
	min-width: 135px;
	
}
.lp1 #bottom-icons>a:last-child{
	margin-right: 0;
	width: 22%;
	}
.lp1 #bottom-icons>a>div{
	display: inline-block;
	vertical-align: middle;
	
}
.lp1 #bottom-icons>a>div:first-child{
	width: 25%;
	margin-right: 3%;
}
.lp1 #bottom-icons>a>div:last-child{
	width: 66%;
	text-align: left;
}
	
.lp1 #bottom-icons img{
	max-width: 60px;
}

/*************About Page Specs Follow****************************/
#about #row1{


	width: 100%;
	text-align: left;
	line-height: 2.0;
	 white-space:nowrap;
    overflow:hidden;
}
#about #row1 div:first-child{
	background-color: #f0f0f0;
	padding: 6% 15% 6% 6%;
	display: inline-block;
	vertical-align: middle;
	width: 51%;
	white-space: normal;

}
#about #row1 div:last-child{
	display: inline-block;
	vertical-align: middle;
	margin-left: -12%;
	width: 40%;
	margin-top: 10px;

}
#about #row1  img{
	width: 100%;
	max-width: 400px;
	height: auto;
}
#about #row1 div:first-child>div{
		display: none;
	}

@media screen and (max-width: 900px){
	#about #row1{
		line-height: normal;
		white-space: normal;
		overflow: normal;
		}
	#about #row1 div:first-child{
		padding: 5%;
		width: 90%;
	}
	#about #row1  img{

		max-width: 500px;
	}
	#about #row1 div:last-child{
		display: none;
	}
	#about #row1 div:first-child>div{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}


/*******************Contact specifics follow ***************************/
#contact .flex2 {
	display: flex;
	flex-wrap: wrap;


}
#contact .flex2>div:last-child{
	margin-right: auto;
	
}
#contact .flex2>div{
	flex: 1 0 36%;
	margin-right: 2%;
	margin-bottom: 20px;
	
}

#contact .flex2 img{
	max-width: 800px;
	}
#contact .flex2>div:first-child{
	background-color: #f0f0f0;
	padding: 0 0 0 7%;
	margin: 3% 5% 5% 0;
	max-width: 35%;
}
#contact .flex2>div:last-child{
	max-width: 64%
	}
@media screen and (max-width: 700px){
	#contact .flex2>div:first-child{
		max-width: 80%;
	}
	#contact .flex2>div:last-child{
		max-width: 80%
		}

}
	
/***************Quoting stuff follows*************/
#c_login #formbox,
#c_register #formbox,
#c_reset #formbox{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	border: 1px solid #000000;
	border-radius: 15px;
	padding: 1% 5%;
}
#c_register #DataChangedDiv{
	display: none;
}
@media screen and (max-width: 700px){
/***************Quoting stuff follows*************/
	#c_login #formbox,
	#c_register #formbox,
	#c_reset #formbox{
		width: 80%;
		
	}
}



/******************** cart stuff follows *************/

#cart #contents{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
@media screen and (max-width: 1100px){
	#cart #contents{
		width: 80%;
	}
}
@media screen and (max-width: 800px){
	#cart #contents{
		width: 100%;
	}
}
#cart .cart_item{
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cdcdcd;
}
#cart .cart_item:last-child{
	border-bottom: initial;
}
#cart .cart_item>div{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#cart .cart_item>div:first-child{
	width: 49%;
}
#cart .cart_item>div:last-child{
	width: 50%;
}
#cart .quantity,
#cart .quote_pic{
	display: inline-block;
	vertical-align: middle;
}
#cart .quote_pic{
	max-width: 150px;
	margin-left: 10px;
}
#cart button{
	margin-top: 5px;
}

/* quote history stuff */
.quote_list{
	margin-top: 20px;
	border-bottom: 2px solid #000000;
}
.quote_list:last-child{
	border-bottom: initial;
]




/* **************end of prmary defs *****************/

	
	
	
	
@media screen and (max-width: 900px){

	#contact .flex2{
		flex-direction: column;
	}
	#contact .flex2>div{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		max-width: 80%;
	}
}

/*******end of contact specifics ************/

@media screen and (max-width: 900px){
	#container {
		width: 95%;
	}
	.lp1 #row1,
	.home #row1{
		flex-direction: column-reverse;
	}
	.home #row1 #div1{
		display: flex;
		flex: 1 0 30%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.home #row1 #div1>div>a>div:first-child,
	.home #row1 #div1>div>a>div:last-child {
		width: 100%;
		text-align: center;
	}
	.home #row1 #div1>div>a div{
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
			
	}
	.lp1 #row1 #div1,
	.lp1 #row1 #div2,
	.lp1 #row2>div:first-child,
	.lp1 #row2>div:last-child,
	.lp1 #row3 div,
	#hexalite .lp1 #row3>div:first-child,
	#hexalite .lp1 #row3>div:last-child,
	.home #row1 #div2 {
	
		display: block;
		width: 100%;
	}
	.lp #row1 #div2{		/*clear any top margin from main image May have been used for alignment*?
		margin-top: 0;
	}
	.lp1 #row2>div:last-child{
		/* Quote block */
		display: block;
		width: 80%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.lp1 #row3>div:first-child:after{
	 	display: none;
	 	/*height: 0%; */ /*hide vertical line*/
	}
	.lp1 #row2 div .conditionals {display: none;}
	
	/*#wowslider-container1  .ws_thumbs {
	    bottom: -60px;
	}*/
}