@charset "UTF-8";
/*==================================================
 * Menus
 * ===============================================*/

  .top-bar,
  .top-bar ul {
    background-color: #ffffff; }
	
  .title-bar-title, .top-bar-left {
      float: left; 
	  }
	




.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.0rem; }
	  
.top-bar-left{
      vertical-align: bottom;
	  padding: 0.5rem;
	  }
	  
.toggle-set{
	 float: left;
      height: 111px; 
	  vertical-align: bottom;
	  padding: 0.5rem;
	  }
	  
.title-bar {
    background-color: #ffffff;}
	  

.menu-icon.dark {
      float: left; 
	  vertical-align: bottom;
	    }
	

.menu  li {
      vertical-align: bottom;
	  font-size: 110%;	
	    }

.menu  > li > a:hover {
    background-color: #72CFF5;}
	
	
.vertical, .medium-horizontal, .expanded > li {
      vertical-align: bottom;
	  font-size: 100%;
	  
	  	  }
		  
		  
.marketicon {
      margin-top: 1.1rem;
	  margin-bottom: 0.5rem;
	 
	  	  }
		  	  
 #synone  a:hover {
    background-color: #ffffff;}	 
		  
@media screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    left: -50%;
    right: 0;
    top: 100%;
	width: 100%;	}
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: -50%;
    top: 100%;
	width: 100%;	}
	}
	  
.menu a {
    color: #000000; }
	
.submenu-markets a, li {
	color: #000000;
	list-style:none;
	}
	


	
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after  {
  content: none;
  display: block;
  width: 0;
  height: 0;
  border: none;
  border-color: transparent transparent transparent;
  border-top-style: solid;
  border-bottom-width: 0;
  right: 5px;
  margin-top: -2px;
  }
  
 .is-dropdown-submenu {
   border: none;
  
 }
 
 .orbit-container {
    max-height: 50%; }
	
	/*==================================================
 * Footer
 * ===============================================*/
	
.footer {
  background-color: #ffffff;
  font-size: 1.0rem;
  padding: 1rem; }
  
  .footer p.slogan {
    color: #0077c8;
    font-size: 1.3rem;
    margin: 0 0 1rem; }
	
	.footer em  {
	color: #000000;
	font-size: 80%;
	 font-style: normal;
	}
	
	
  .footer p.copyright {
    color: #000000;
    font-size: 0.8rem;
    margin: 0; }
	
  .footer .links a {
    list-style: none;
    font-weight: bold;
    color: #ffffff;
    padding: 3rem 0 2rem;
    margin: 0; }
	
    .footer .links a::after {
      content: "•";
	  color: #ffffff;
      padding: 0 0.4rem 0 0.8rem; }
	  
    .footer .links a:last-child::after {
      content: "";
      padding: 0 0.4rem 0 0.8rem; }
	  
	  .address a {
      color: #ffffff; }



body {
  height: auto;
  display: flex;
  flex-direction: column;
min-height: 100vh;  }

.main-stuff {
  flex: 1;
}

.image-wrapper {
  width: 100%;
  height: 100%;
  border: 0px solid blue;
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 4px;
background-color:  #ffffff; }

.image-overlay-content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }

  .image-overwrite{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0; }
  
.image-overwrite h3 {
  color: #f2f2f2;
  font-size: 1.4rem;
  margin-top: 0%;
  background: rgba(114, 207, 245, 0.7); }  
  
  .image-icon-title h3 {
  color: #ffffff;
  font-size: 1.4rem;
  margin-top: 4%;
  background: #0077c8; }  
  
.overlay-fade-in p {
  letter-spacing: 0.15em;
  color: #f4f4f4;
  font-size: 28px;
  opacity: 0;
  transition: all 0.2s linear; }
  
.overlay-fade-in img {
  transition: all 0.2s linear; }
  
.overlay-fade-in .image-overlay-content {
  opacity: 0;
  background-color: rgba(114, 207, 245, 0.4);
  transition: all 0.4s ease-in-out; }
  
.overlay-fade-in h2 {
  color: #f2f2f2;
  font-size: 1.4rem;
  margin-top: 40%;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(114, 207, 245, 0.7); }
  
.overlay-fade-in .button {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #FFF;
  color: #222;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
  position: relative;
  border: 1px solid #999;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  }
  .overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000; }
.overlay-fade-in:hover img {
  transform: scale(1.2); }
.overlay-fade-in:hover .image-overlay-content {
  opacity: 1; }
.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {
  opacity: 1; }
.overlay-fade-in:hover p {
  transition-delay: 0.1s; }
.overlay-fade-in:hover .button {
  transition-delay: 0.2s; }
	  
	  
.box h3{
	position:relative;
}
.box {
	width:100%;
	height:200px;
	background:#FFF;
	margin:20px auto;
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    box-shadow:0 1px 4px rgba(114, 207, 245, 1), 0 0 40px rgba(114, 207, 245, 0.3) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(114,207,245,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
} 
.effect8:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

.menu.dropdown .submenu  > li > a:hover {
    background-color: #72CFF5;
}

/*==================================================
 * Button Styler
 * ===============================================*/

.application-button {border-radius:20px; 
}

.product-page  { 
width:75%;
margin-top:0.625rem;
font-size: 1.0rem;

}

.second-product-page  { 
width:75%;
margin-top:2rem;
text-align: center;
font-size: 1.0rem;
}

.third-product-page  { 
width:75%;
margin-top:2rem;
text-align: center;
font-size: 1.0rem;
}

.product_selector  { 
  
    text-align: center;
	border: 1px solid #72CFF5;
	width:14.78%;
}

.grade-button  { 
width:100%;
}


/*==================================================
 * Table Styler
 * ===============================================*/

table.properties tbody tr:nth-child(even) {
    background-color: #ffffff; }
	
table.properties tbody tr {
	border: 1px solid #000000;
    background-color: #ffffff;
	text-align: center;	}
	
 table.properties thead {
    border: 1px solid #000000;
    background-color: #2199e8;	
	}
	
	table.properties thead tr th {
	border: 1px solid #000000;
 	text-align: center;	}
	
	table.properties tbody tr td {
	border: 1px solid #000000;
	}
	
table.hover.properties tr:hover {
  background-color: #72CFF5; 
  }
  
  /*==================================================
 * Recommended Grade Div Fix
 * ===============================================*/
	
  
  .rec_grades {
 border: 0.1rem solid #72CFF5; 
 margin-top: 0.625rem;
 text-align: center;
 background-color: #fafafa;
  }
  
    
 /*==================================================
 * Property bar style
 * ===============================================*/
 
 .property_bar {
 background-color:#2199e8;
 border-radius: 1.25rem;
 margin-top: 0.625rem;
 margin-bottom: 0.625rem;
 text-align: center;
  }
  
 /*==================================================
 *Applications Div Fix
 * ===============================================*/
	
  
 .application-bar {
 border-radius: 20px;
 text-align: center;
 background-color: #72CFF5;
  }
 
.app-pad {
padding: 20px;
  }
  
.app-product {
background-color: #72CFF5;
  }
  
@media print {
  .large-1 {
    width: 8.33333%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-3 {
    width: 25%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-6 {
    width: 50%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-9 {
    width: 75%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-12 {
    width: 100%;
  }
}

@media print {
  .small {
    width: 8.33333%;
  }

  .small {
    width: 16.66667%;
  }

  .small {
    width: 25%;
  }

  .small {
    width: 33.33333%;
  }

  .small-5 {
    width: 41.66667%;
  }

  .small-6 {
    width: 50%;
  }

  .small-7 {
    width: 58.33333%;
  }

  .small-8 {
    width: 66.66667%;
  }

  .small-9 {
    width: 75%;
  }

  .small-10 {
    width: 83.33333%;
  }

  .small-11 {
    width: 91.66667%;
  }

  .small-12 {
    width: 100%;
  }
}

@media print {
  .medium {
    width: 8.33333%;
  }

  .medium {
    width: 16.66667%;
  }

  .medium {
    width: 25%;
  }

  .medium {
    width: 33.33333%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-12 {
    width: 100%;
  }
}

.orbit-slide {
  max-height: 450px; }
  
  .orbit-previous, .orbit-next {
  position: absolute;
  top: 75%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #d8d8d8; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }