.MainContent { font-family: 'Lato', sans-serif; line-height: 1; }
.MainContent h1 { font-size: 40px; margin: 0; padding: 0; }
.MainContent h2 { font-size: 35px; margin: 0; padding: 0; }
.MainContent h3 { font-size: 30px; margin: 0; padding: 0; }
.MainContent h4 { font-size: 25px; margin: 0; padding: 0; }
.MainContent p { font-size: 20px; margin: 0; padding: 0; line-height: 1.25; }
.MainContent em { font-size: 20px; margin: 0; padding: 0; font-style: italic; }

.nav-bg {background: rgba(20,20,20,0.75); border-bottom: 1px solid #777; opacity: 1; position: relative; transition: background-color 0.7s ease 0s; z-index: 999;}
.nav {margin: 0 auto; position: relative; text-align: left; font-size: 0; }
.nav li {color: #ddd; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; padding: 10px 8px; text-transform: uppercase; margin: 0; }
.nav li.nav-active {color: #25bcf5; }
.nav li:hover {color: #25bcf5; background: #333; }
.is-sticky .nav-bg {width: 100%;}
.nav-bg .mcontainer {max-width: 900px;}
.back-to-top {display: none; width: 64px; height: 64px; position: fixed; top: 40px; right: 25px; cursor: pointer; z-index: 9999; }

.header-bg { position: relative; background: url('images/header/background.jpg') center; background-size: 100% auto; text-align: center; text-transform: uppercase; padding: 32px; }
.header-bg h2 { color: #c7c8ca; font-size: 100px; line-height: 0.75; font-weight: 900; }
.header-bg h3 { color: #c7c8ca; font-size: 40px; font-weight: 300; }
.header-bg .header-logo { max-width: 100%; width: 256px; margin-bottom: 32px; }

.section-bg { margin: 0; padding: 20px 0; width: 100%; max-width: 100%; border-bottom: none; }
.section-bg:last-child { margin-bottom: 0; padding-bottom: 0; }
.mcontainer { margin: 0 auto; padding: 0; width: 100%; max-width: 1280px; }
.row { margin: 0 0 40px 0; padding: 0; width: 100%; max-width: 100%; }
.row:last-child { margin-bottom: 0; }
.column-3 { margin: 0; padding: 0 20px; width: 25%; }
.column-6 { margin: 0; padding: 0 20px; width: 50%; }
.column-9 { margin: 0; padding: 0 20px; width: 75%; }
.column-12 { margin: 0; padding: 0 20px; width: 100%; }

.intro-bg h1 { text-align: center; color: #25bcf5; font-size: 60px; font-weight: 700; }
.intro-bg h2 { text-align: center; color: #25bcf5; font-size: 34px; font-weight: 400; text-transform: uppercase; }
.intro-bg p { margin-top: 8px; }

.gallery-bg { font-size: 0; text-align: center; }
.gallery-bg .column-4 { float: none; display: inline-block; width: 33%; }
.column-image1 { text-align: right; }
.column-image2 { text-align: center; }
.column-image3 { text-align: left; }
.gallery-bg img { max-width: 100%; width: 100%; border: 1px solid #ddd; display: block; }

.features-bg .column-pull { float: left; }
.features-bg .column-push { float: right; }
.column-pull .caption { float: left; padding-right: 8px; text-align: left; }
.column-push .caption { float: right; padding-left: 8px; text-align: right; }
.features-bg .column-push p { text-align: right; }
.features-bg h3 { color: #25bcf5; }
.features-bg .caption { text-transform: uppercase; color: #25bcf5; font-weight: 400; }
.features-bg p { font-weight: 300; font-size: 20px; }
.features-bg span { display: block; }

.row-size { background: url('images/features/size.png') left center no-repeat; background-size: auto 100%; }
.row-size .caption { width: 50%; }
.row-size .column-6 { padding: 160px 20px; }
.row-size .small-size {  }
.row-size .big { line-height: 0.75; font-weight: 900; }
.row-size .performance {  }

.row-bearing { background: url('images/features/bearing.jpg') center right no-repeat; background-size: auto 100%; }
.row-bearing .column-6 { padding: 140px 20px; }
.row-bearing .caption { float: none; padding-right: 0; text-align: left; width: 50%; }
.row-bearing .hydraulic { font-weight: 300; }
.row-bearing .dynamic { line-height: 0.75; }
.row-bearing .bearing-fan { font-weight: 100; font-style: italic; }
.row-bearing p { width: 50%; }

.row-performance { background: url('images/features/performance.jpg') center left no-repeat; background-size: auto 100%; }
.row-performance .column-6 { padding: 100px 20px; }
.row-performance .caption { float: none; padding-left: 0; text-align: right; width: 50%; margin-left: auto; }
.row-performance .next  { font-weight: 300; line-height: 0.75; width: 75%; margin-left: auto; }
.row-performance .gen  { line-height: 0.75; font-weight: 900; }
.row-performance .performance { font-weight: 300; }
.row-performance p { width: 65%; float: right; }

.row-silent { text-align: center; }
.row-silent .column-img { position: relative; height: 162px; }
.row-silent h3 { color: #25bcf5; font-size: 120px; font-weight: 300; text-transform: uppercase; }
.row-silent p { text-align: center; width: 50%; margin: 0 auto; }
.row-silent a { display: inline; position: absolute; width: 20%; margin-top: 20px; }
.row-silent .g3550 { left: 10%; z-index: 5; }
.row-silent .g3650 { left: 25%; z-index: 4; }
.row-silent .g3750 { left: 40%; z-index: 3; }
.row-silent .g3850 { left: 55%; z-index: 2; }
.row-silent .g31000 { left: 70%; z-index: 1; }
.row-silent img { width: 100%; }

.row-modular { background: url('images/features/modular.png') right center no-repeat; background-size: auto 100%; }
.row-modular .column-6 { padding: 100px 20px 240px; }
.row-modular .caption { float: none; padding-right: 0; text-align: center; line-height: 1; }
.row-modular span { width: 75%; }
.row-modular .fully { font-size: 80px; font-weight: 300; text-align: left; }
.row-modular .modular { font-size: 70px; line-height: 0.75; font-weight: 700; }
.row-modular .design { font-size: 60px; font-weight: 100; font-style: italic; text-align: right; text-transform: none; }
.row-modular p { width: 75%; }

.row-warranty { text-align: center; }
.row-warranty h3 { font-size: 120px; font-weight: 300; text-transform: uppercase; }
.row-warranty img { margin: 20px 0; max-width: 100%; }
.row-warranty p { text-align: center; }
.row-warranty em { font-weight: 300; font-size: 14px; }

.video-container { position: relative; height: 0; overflow: hidden; padding-bottom: 56.3%; }
.video-container, .video-container iframe { max-width: 1280px; max-height: 720px; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.products-bg .column-6 { float: left; }
.mcontainer .prod-column {position: initial;}
.prod-accord-header {border: 1px solid #555; color: #777; cursor: pointer; margin-top: 3px; padding: 5px;}
.itemSKU {float: right; margin: 0 5px;}
.arrow-left {width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 9px solid #555; float: right;}
.prod-accord-header.active {border-color: #ddd; color: #ddd; font-weight: bold;}
.prod-accord-header.active .arrow-left {border-top: 9px solid #ddd; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-top: 3px;}
.prod-specs {position: absolute; top: 0; right: 0; padding-left: 15px; padding-right: 15px; width: 50%;}
.prod-accord-content {display: none; overflow: hidden;}

.product-images {list-style: none; margin: 5px 0; overflow: hidden;}
.product-images li {float: left; margin: 3px 5px 3px 0;}
.product-images img {max-width: 50px; border: 1px solid #555; }
.product-buttons {list-style: none; margin: 15px 0 0;}
.product-buttons a {color: #fff; display: block; padding: 4px 8px; text-decoration: none; border: 1px solid #666666;}
.product-buttons a:hover {color: #999;}
.product-buttons li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; font-size: 12px; margin: 0 1% 10px 0; width: 30%; padding: 0; background: #555;}
.product-buttons .statusComingSoon {display: block; padding: 4px 8px; border: 1px solid #666666;}
.product-group-specs, .product-table-specs {display: none;}
.product-group-specs h3, .product-table-specs h3 {font-size: 16px; font-style: italic; margin-bottom: 5px;}
.product-table-specs h4 {font-size: 15px;}
.product-table-specs table {border: 1px solid #666; font-size: 16px; text-align: center; width: 100%;}
.product-table-specs table td {padding: 3px; border: 1px solid #666;}
.product-table-specs table td:first-child {width: 150px;}
.product-rowtable-specs {margin-top: 15px;}
.specs-column ul {list-style: none; margin: 5px 10px;}
.specs-column ul li {text-indent: -4px; line-height: 1.25; }
.specs-column ul li:before {content: "-"; position: relative; left: -5px;}

.footer-bg .footer-banner { text-align: center; }
.footer-bg .footer-banner img { max-width: 100%; }

@media (max-width: 1024px)
{
	.section-bg { padding: 0 0 20px; }
	.section-bg .column-6 { padding: 0 10px; }
	.section-bg .column-12 { padding: 0 10px; }

	.header-bg { padding: 20px 10px; }
	.header-bg img { max-width: 100%; }
	.header-bg .product { width: 50%; }
	.header-bg .logo { width: 35%; margin-left: -45%; }
	.header-bg .icons { width: 120px; bottom: 2%; }
	
	.features-bg .column-6 { padding: 80px 10px; }
	.row-size p { clear: both; width: 80%; float: right; }
	.row-bearing p { width: 75%; }
	.row-performance p { width: 75%; }
	.row-silent .column-img { height: 160px; }
	.row-warranty .column-6 { padding: 0 10px; }
}

@media (max-width: 850px)
{
	.column-6 { width: 100%; }
	
	.header-bg .header-logo { width: 128px; margin-bottom: 16px; }
	.header-bg h2 { font-size: 40px; }
	.header-bg h3 { font-size: 20px; }
	
	.section-bg h1 { font-size: 28px; }
	.section-bg h2 { font-size: 16px; }
	.section-bg h3 { font-size: 20px; }
	.section-bg p { font-size: 16px; }
	
	.features-bg .row { margin-bottom: 20px; }
	.features-bg .column-6 { margin-top: 0; padding: 20px 10px; width: 100%; max-width: 100%; float: none; }
	.features-bg .row span { font-size: 20px; }
	.features-bg .row h3 { font-size: 28px; }
	.features-bg p { width: 100%; float: none; display: inline-block; }
	.features-bg .caption { width: 100%; padding-left: 0; }
	.column-push, .column-push .caption, .column-push p { text-align: right; }
	.column-pull, .column-pull .caption, .column-pull p { text-align: left; }
	
	.row-size .column-6 { background: rgba(0,0,0,0.2); }
  .row-size .caption { width: 25%; }
	.row-size p { width: 75%; display: block; margin: 0 0 0 auto; }
	
	.row-bearing .column-6 { background: rgba(0,0,0,0.3); }
  .row-bearing .caption { width: 33%; }
	.row-bearing p { width: 60%; }
	.row-bearing .bearing-fan { font-weight: 300; }
	
	.row-performance .column-6 { background: rgba(0,0,0,0.4); }
  .row-performance .caption { width: 33%; margin: 0 0 0 auto; }
	.row-performance p { width: 75%; }
	
	.row-silent .column-img { height: 107px; }
	
	.row-modular { background-position: center bottom; background-size: 80% auto; }
	.row-modular .column-6 { padding: 0 10px 240px 10px; background: rgba(0,0,0,0.5); }
	.row-modular .caption { text-align: center; }
	.row-modular .caption span { margin: 0 auto; font-size: 32px; }
	.row-modular .design { font-weight: 300; }
	.row-modular p { text-align: center; }
	
	.row-warranty .column-6 { padding: 0 10px; }
	
	.products-bg .prod-column-specs { margin-top: 8px; }
	.products-bg li { font-weight: 300; font-size: 14px; }
	.products-bg .column-6 { width: 100%; }
	.products-bg .column-8 { padding: 0; margin: 0; }
	.product-table-specs table { font-size: 12px; font-weight: 400; }
}