html {
		background-color:#EEEFDF;
		}
	body {
		margin:0px;
		padding:0px;
		font-family:Calibri;
		line-height:1.3em;		
		}

		/* .maincontainer 
		{
			margin-top: 60px;
		} */


		  /* .maintitlediv {
			background: inherit;
			background-attachment: fixed;
			overflow: hidden;
			background: rgb(150, 90, 22);
		  } */

		  .maintitlediv {
			margin-left:25%;
			margin-right:25%;
			margin-top: 0px;
			background: rgb(117, 71, 17);
			/* padding-bottom: 80px; */
			opacity: 97%;
			}		
			
		.mainpage {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

			/* .maintitledivback {
				background: linear-gradient(13deg,
					 rgba(0,0,0,1) 20%,
					 rgba(0,0,0,0.5) 40%,
					 rgba(0,0,0,.2) 20%);		
				  background: linear-gradient(3deg,
				 	 rgb(0 0 0 / 45%) 25%,
					 rgb(0 0 0 / 3%) 45%);					 
					 
				}	
 */
			.mainheadertext {
				color:white !important;
				background-color: rgba(51, 61, 102, 1);
				text-align: center;
				padding-top: 10px;
				opacity:unset;				
				padding-bottom:10px;
			}		  
	
			.eventheader {
				/* color:white !important; */
				/* background-color: rgba(51, 61, 102, 1); */
				text-align: center;
				padding-top: 10px;
				opacity:unset;				
				padding-bottom:10px;
			}					

			.eventbackground1 {
				font-size: 1.3em;
				color:black !important; 
				background-color: rgb(195, 207, 233);
				/* background: linear-gradient(to bottom, rgba(255, 255, 255,0 ) 0%, rgba(255, 255, 255,1 ) 85%, rgba(255, 255, 255, 1) 100%);			 */
				font-weight: bold;
				text-align: center;
				padding-top: 5px;
				opacity:unset;				
				padding-bottom:5px;
			}					

			.eventbackground2 {
				font-size: 1.3em;
				color:black !important; 
				background-color: rgb(251, 242, 204);
				text-align: center;
				font-weight: bold;
				padding-top: 10px;
				opacity:unset;				
				padding-bottom:10px;
			}					

			.eventbackground3 {
				font-size: .9em;
				color:black !important; 
				background-color: whitesmoke;
				text-align: center;
				font-weight: bold;
				padding-top: 10px;
				opacity:unset;				
				padding-bottom:10px;
			}					



		  .truss-image {
			background: url("../images/Framing/mainback3.jpg");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100% 100%; 
			 /* background-position: bottom 100px right 0px; 
			
			/* background-size: 100% 90%; */
			
		  }

		  .monitorimage {
		  width: 140%;
		  max-width: 450px; 
		  height: auto;
		  margin-left:-100px;
		  margin-top:-30px;
		  margin-bottom:-30px;
		  position: relative;  
		  z-index: 20;
	  }

	  .metricbarimage {
		/* width: 100%;  */
		/* max-width: 1000px;  */
		/* margin-left:100px; */
		height: auto;
		position: relative;  
		z-index: 20;
	}	  


	  .monitorimageinside {
		width: 140%;
		max-width: 450px; 
		height: auto;
		position: relative;  
		z-index: 20;
	}

		  .lowerfade {
			/* background-image: linear-gradient(white); */
			/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 100%); */
			background: linear-gradient(to bottom, rgba(255, 255, 255,0 ) 0%, rgba(255, 255, 255,1 ) 85%, rgba(255, 255, 255, 1) 100%);			
		  }


			.fronttopoverlay
			{
				font-size: 1.4em;
				/* font-family: Inter,sans-serif; */
				color: whitesmoke !important;
				margin-right: 20px;
			}

		.monitorright {
			float:right;
			display:block;
		}

		.metriclarge {
			/* color: rgb(117, 71, 17); */
			font-size: 1.3em;

		}


		.fronttopcolor
		{
			margin-top: 20px !important;
			/* margin-bottom: 20px; */
			/* background-color: #dbe3e9; */
			/* opacity: 75%; */
			/* color: #333d66;	 */
			color: rgba(51, 61, 102, 1);
			/* background-color: rgba(219, 227, 233, 0.85); */
			background-color: rgba(238, 239, 223, 0.85);
			font-size: 2.0em;
			font-weight: bold;
			font-family: Inter,sans-serif;
		}

		.headerbuyerstag {
			/* color:rgba(255, 213, 0, 0.497); */
			/* color: rgb(27, 32, 53); */
			font-weight: bold; 
			font-size: 1.1em;
		}	

		.trusstomain
		{
			
			padding-bottom: 80px;
		}		

		.specialcolor {
			color:rgb(173, 19, 19);
		}

		.news ul {
			list-style: none;
	/*		text-indent: -1em; */
		 }		

		 .news ul li:before
		 {
			 content: '\21D2';
			 color:green;
		 }

		.middlefontblock {
			color:gray;
			font-style: italic;
			font-size: 1.1em;
			text-align: center;
			font-weight: bold;
		}

		.middlefontbluehighlight {
			color:rgb(76, 103, 171);
			font-style: italic;
		}		

		.frontlist {
			color: #333d66;
			font-size: 18px;
			font-weight: 600;
			line-height: 26px;
			list-style: none;
			margin: 0;
			padding: 20px;
			opacity: 97%;
		}	
		
		.frontlist .col {
			padding-top: 10px;
			padding-bottom: 10px;
			/* background-color: #dbe3e9; */
			background-color: rgba(238, 239, 223, 1);
		}			

		.blockheadline	 {
			font-size: 1.9em;
		}	

		.blockheadlinesmaller	 {
			font-size: 1.6em;
		}	


		.sidevideo {
			background-color: #dbe3e9;
			margin-left:-40px;
			padding-bottom: 10px;
		}

		.middlepdf {
			background-color: #dbe3e9;
			padding-top: 10px;
			padding-bottom: 10px;
		}

		.sidequote {
			font-size: 18px;
			font-weight: 600;
			line-height: 26px;
			padding-top: 10px;
			margin-left: -40px;
			padding-bottom: 20px;
			padding-left: 20px;
			padding-top: 20px;
			padding-bottom: 10px;
			background-color: #dbe3e9;
			font-style: italic;
		}

		.videotitle {
			font-weight: bold;
			font-size: larger;
			text-decoration: none;
			text-align: center;
			padding-bottom: 10px;
		}

		
/*  Below here is for everything off main page.   */


		.prodnamemain {
			color: #333d66;			
			font-size: 2.1em;
			margin-bottom: 20px;
			margin-top: 50px !important;
			font-family: Inter,sans-serif;
			font-weight: 700;
			line-height: 45px;
			text-align:center;
			padding-top: 20px;
		}	


		a {
		color:#254251;
		text-decoration:none;
		}

		.quoteblock {
		padding-top:10px;
		padding-left: 50px;
		padding-right: 50px;		
		}

		.navbar-custom {
			background-color: #EEEFDF;
			/* padding-left: 50px; */
		}
		.navbar-item-custom {
			padding-left: 50px;
			color: #114B7D;
		}
		

		.navbar ul {
			display:flex;
			justify-content: space-between;
			list-style-type: none;
			padding: 0;
		}
		

		.frontblock {
			padding-left: 50px;
			padding-right: 50px;
			font-size: 1.0em;
			color:  #333d66;
			font-family: Inter,sans-serif;
		}
		
		.frontblocklower {
			padding-left: 50px;
			padding-right: 50px;
			font-size: 1.3em;
			color: #333d66;
			font-family: Inter,sans-serif;
			font-style: italic;
		}

		.frontblockother {
			font-size: 1.0em;
			color: #333d66;
			/* background-color: lightslategray; */
			padding-top: 10px;
			padding-bottom: 20px;
			padding-left: 50px;
			padding-right: 50px;
		}	
		
		.frontblockotheropp {
			font-size: 1.0em;
			color: #333d66;
			background-color: #92979d23;;
			padding-top: 15px;
			padding-bottom: 20px;
			padding-left: 50px;
			padding-right: 50px;			
		}
		
		
		.centerquoteheader {
			margin-top: 10px;
			text-align:center;
			font-size:1.2em;
			color: whitesmoke;
			font-weight:bold;
			line-height:1.3em;
			background-color: #527095
			}	

			.centerquote .col {
				padding-top: 20px;
				padding-bottom: 20px;
				/* background-color: #dbe3e9; */
			}				

		.centerquotelower {
			padding-top: 20px;
			margin-top: 10px;
			text-align:center;
			vertical-align: middle;
			font-size:1.2em;
			color:#666666;
			font-weight:bold;
			line-height:1.3em;
			background-color: rgba(238, 239, 223, 1);
		}	

		.centerquotesmaller {
			margin-top: 10px;
			font-size:1.0em;
			line-height:1.3em;
			}	
			
		.centerquotesmallest {
			font-size:0.6em;
			}			

		.centerquotenumber {
			font-size:2.0em;
		}

		.sidebar {
			margin-left: -10px;
			padding-top: 20px;
			padding-right: 40px !important;
		}
		
			.actlink a {
				font-family: Calibri;
				font-size: 1.1em;
				font-weight: bold;
				color: #114B7D !important;
				text-decoration: none;
			}	

			.videoactlink {
				margin: 15px 0px 15px;
				align-content: center;
			}
			
			.videoactlink a img {
				border: 0px;
				vertical-align: bottom;
				padding: 1px 0px 1px 6px;
			}
			
			.videoactlink a {
				font-family: Calibri;
				font-size: 1.1em;
				font-weight: bold;
				color: #114B7D !important;
				text-decoration: none;
			}			

			.img-sm-overlay-wrap {
				position: relative;
				display: inline-block; /* <= shrinks container to image size */
				transition: transform 150ms ease-in-out;
			}
			.img-sm-overlay-wrap svg {
				position: absolute;
				top: 25%;
				left: 35%;
			}			
			.img-sm-overlay-wrap img {
				display: block;
				max-width: 100%;
				height: auto;
			}			

			.img-lg-overlay-wrap {
				position: relative;
				display: inline-block; /* <= shrinks container to image size */
				transition: transform 150ms ease-in-out;
			}
			.img-lg-overlay-wrap svg {
				position: absolute;
				top: 60px;
				left: 35%;
			}			
			.img-lg-overlay-wrap img {
				display: block;
				max-width: 100%;
				height: auto;
			}			
			


			table#comparison {
				margin:15px -12px 10px;
				width: 100%;
				border:0px;
				border-collapse:collapse;
				}
			table#comparison td {
				background-color:white;
				border-top:2px solid white;
				border-bottom:2px solid white;
				border-left:0px;
				border-right:0px;
				padding:2px 12px;
				}
			table#comparison tr.odd td{
				border:0px;
				background-color:#F6F7EF;
				}		
			table#comparison td.xl24 {
				text-align:center;
				font-weight:bold;
				padding:0px 0px 15px;
				font-variant:small-caps;	
				font-size:1.1em;		
				}		
			table#comparison td.xl25 {
				text-align:center;
				vertical-align:middle;
				padding:2px 0px;
				width:70px;
				}
			body.corpsite table#comparison td.xl25 {
				width:120px;
					}		
			table#comparison td.xl25 img {
				border:0px;
				margin-top:0px;
				}	
			table#comparison td:nth-child(5) {
			display:none;
				}
			table#comparison tr:first-child td:nth-child(4){
				display:none;
				}        			
			table#comparison td.xl26 {				
				padding:0px;
				width:7px;
				}
			table#comparison td.xl26 {			
				width:37px;
				}
			table#comparison td.section {				
				font-weight:bold;
				font-size:1.1em;			
				}		
				.mgmt { 	
					font-size:1.1em;
					font-weight:bold;
					color:#114B7D;
					margin-top:15px;
					margin-bottom:8px;
					}

	.footer {
		padding-left:60px !important;
		padding-right:60px !important;
		margin-left:0px !important;
		font-size:.9em;
		color:#666666;
		background-color: #EEEFDF;
	}