:root {
}
.row {margin: 0;}
main .title-row [class^="column"] {margin: 0; padding: 0;}

.yellow-text {color: #f8c037;}
.yellow-brown-text {color: #f8c037;}
.title-border {border-bottom: solid 4px #f8c037;}
hr {border: solid #2b2217 1px;}
.box {border: solid 4px #f8c037; padding: 2em;}

.section-sub-header {background: url('01_subheader.jpg') center; background-size: cover;}
.section-power-matters {background: url('02_powermatters.jpg') center; background-size: cover;}
.section-reduce {background: url('03_reduces.jpg') center; background-size: cover;}
.section-benefits {background: url('04_benefits.jpg') center; background-size: cover;}
.section-cable {background: url('05_cablemanagement.jpg') center; background-size: cover;}

.power-on {opacity: 1.0; transition: opacity .55s ease-in-out;}
.power-on:hover {opacity: 0.0; transition: opacity .55s ease-in-out;}

.section-buy-now { background-color: #404040; }
.buy-now-header-box { padding: 1em; background-color: #212121; margin-top: 2em;}
.section-buy-now ul { margin: 25px 0px; }
.section-buy-now ul li {  }
.section-buy-now .item-buttons li { display: inline-block;border: solid 1px #f8c037;  padding: .5em;}
.product-images li{ display: inline-block;}

.owl-next {position: absolute; top: 27%; right: -3%}
.owl-prev {position: absolute; top: 27%; left: -3%}
.nav a { color: #000000; display: block; font-weight: 900;}


.header {
    background: #f8c037;
    width: 100%;
    display: block;
    margin: 0;
    height: auto;
    border-bottom: #f8c037 2px solid;
    top: 0px;
}



.active {
    color: #fff !important;
    text-decoration: underline !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


@media (min-width: 800px) { 
  .hero-img {}
  main p {font-size: 1.7em;}
  .flex-center {display: flex; align-items: center;}
  .stable-power {margin-top: 9em;}
  .section-sub-header {min-height: 300px;}
  .section-power-matters {min-height: 850px;}
  .section-reduce {min-height: 650px;}
  .section-benefits {min-height: 650px;}
  .section-cable {}
  
  .matters-position {width: 61%; position: absolute; left: -6%;}
}
@media (max-width: 799px) { 
  .hero-img {}
}