/* PNS Style */
.pns h2, .pns h1{
  font-family:"RazerF5Thin", Sans-Serif;
  font-weight: 200;
  color: #00ff00;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.pns h1{
  font-size:  34px;
}
.pns h2{
  font-size: 24px;
}

.pns h2.large{
  font-size: 48px;
}
.pns{
  overflow: hidden;
}

.pns p, .pns ul li{
  color: #888;
  font-family: 'Titillium Web', sans-serif;
  font-size: 16px;
}

.pns p{
  padding-top:10px;
}

.pns p.big-padding{
  padding-top:50px;
}

.pns p.large{
  font-size:36px;
}

.pns p.white{
  color:#fff;
}

.pns [class*='col-'] {
  padding-right:20px;
  padding-left:20px;
}

.pns .row{
  min-height:200px;
  padding:100px 0px;
}

.pns .row.short{
  min-height:200px;
  padding:25px 0px;
}

.pns .footnote-text {
  font-size:12px;
}

.pns .image-text{
  font-size:14px;
  font-style:italic;
}

.pns .logo-text{
  font-size:14px;
  font-weight:bold;
  color:#fff;
}

.pns .img-responsive{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

.pns .logo-images img{
  padding:10px 20px;
}

.pns .usp-image{
  position:absolute; 
  bottom:0;
  min-width:50%;  
}
.text-center {
  text-align: center;
}

.text-left{
  text-align: left;
}
.text-center-override{
  margin: 40px auto 0 auto;
  text-align: center;
  float: none;
}
.pns .noPadTop{
  padding-top: 0;
}
.pns img.abs{
  left: 0;
  margin-left: 0;
  min-width: 0;
  position: relative;
}
.pns.abs{
  text-align: center;
}

@media (max-width: 1333px) {
  .pns img.abs{
    position: relative;
    margin: 0;
    max-width: 100%;
    left: 0;
  } 
}

@media (max-width: 767px) {
  .pns .xs-padding-top{
    padding-top:40px;
  }
  .pns p.big-padding{
    padding-top:20px;
  } 
  .pns .row{
    min-height:200px;
    padding:40px 0px;
  } 
  .pns .row.usp-text{
    padding-bottom: 30px !important;
  }
  .text-center-override{
    margin: 0 auto 0 auto;
  }
}
@media (max-width: 1199px) {
  .pns .md-padding-top{
    padding-top:40px;
  }
  .pns p.big-padding{
    padding-top:30px;
  } 
}

.pns.category-landing .usp-text{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 90%;

}
.pns .learn-more{
  background: #00a000;
  border-left: 2px solid lime;
  color: white;
  padding: 7px;
  text-transform: uppercase;
  margin: 20px 0;
  display: inline-block;
  width: auto;
}
.pns .learn-more::after{
  content:"\003e"; 
  padding-left: 5px;
}
@media (max-width: 767px) {
  .pns.category-landing .usp-text{
    position: relative;
    top: 85%;
  }
}

/* PNS cms style */
/* control */
.st259 {
    position: relative
}
.st259 {
    background-size: cover;
    background-position: center center;
    background-color: #000
}
@media (max-width: 767px) {
    .st259 {}
}
.one-two-three.st259 .panel-0 .holder-g {}.one-two-three.st259 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st259 .text-align-center {
    text-align: center
}
.one-two-three.st259 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st259.panel-0 {}
}
.st223 {
    position: relative
}
.st223 {
    background-size: cover;
    background-position: center center;
    background-image: url(http://assets.razerzone.com/eeimages/products/25788/goliathus-control1-bg.jpg);
    min-height: 700px;
}
@media (max-width: 767px) {
    .st223 {
      background-image: none;
      min-height: 0;
      min-height: 0
    }
    .st223.panel-0 {
      background-image: none;
      min-height: 0;
      min-height: 0
    }
}
.one-two-three.st223 .panel-0 .holder-g {}.one-two-three.st223 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st223 .text-align-center {
    text-align: center
}
.one-two-three.st223 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st223.panel-0 {}
}
.st224 {
    position: relative
}
.st224 {
    background-size: cover;
    background-position: center center;
    background-image: url(http://assets.razerzone.com/eeimages/products/25788/goliathus-control2-bg.jpg);
    min-height: 700px;
}
@media (max-width: 767px) {
    .st224 {}
    .st224 {
      background-image: none;
      min-height: 0;
      min-height: 0
    }
    .st224.panel-0 {
      background-image: none;
      min-height: 0;
      min-height: 0
    }
}
.one-two-three.st224 .panel-0 .holder-g {}.one-two-three.st224 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st224 .text-align-center {
    text-align: center
}
.one-two-three.st224 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st224.panel-0 {}
}
.st235 {
    position: relative
}
.one-two-three.st235 .panel-0 .holder-g {}.one-two-three.st235 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st235 .text-align-center {
    text-align: center
}
.one-two-three.st235 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st235.panel-0 {}
}
.st230 {
    position: relative
}
.one-two-three.st230 .panel-0 .holder-g {}.one-two-three.st230 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st230 .text-align-center {
    text-align: center
}
.one-two-three.st230 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st230.panel-0 {}
}
.one-two-three.st230 .panel-1 .holder-g {}.one-two-three.st230 .panel-1 .holder-g p {
    padding: 0 20px
}
.one-two-three.st230 .text-align-center {
    text-align: center
}
.one-two-three.st230 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st230.panel-1 {}
}
/* speed */

.st262 {
    position: relative
}
.st262 {
    background-size: cover;
    background-position: center center;
    background-color: #000
}
@media (max-width: 767px) {
    .st262 {}
}
.one-two-three.st262 .panel-0 .holder-g {}.one-two-three.st262 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st262 .text-align-center {
    text-align: center
}
.one-two-three.st262 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st262.panel-0 {}
}
.st231 {
    position: relative
}
.st231 {
    background-size: cover;
    background-position: center center;
    background-image: url(http://assets.razerzone.com/eeimages/products/25790/goliathus-speed-mat-ups1-bg.png)
}
@media (max-width: 767px) {
    .st231 {}
}
.one-two-three.st231 .panel-0 .holder-g {}.one-two-three.st231 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st231 .text-align-center {
    text-align: center
}
.one-two-three.st231 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st231.panel-0 {}
}
.st232 {
    position: relative
}
.st232 {
    background-size: cover;
    background-position: center center;
    background-image: url(http://assets.razerzone.com/eeimages/products/25790/goliathus-speed-mat-ups2-bg.png)
}
@media (max-width: 767px) {
    .st232 {}
}
.one-two-three.st232 .panel-0 .holder-g {}.one-two-three.st232 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st232 .text-align-center {
    text-align: center
}
.one-two-three.st232 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st232.panel-0 {}
}
.st233 {
    position: relative
}
.one-two-three.st233 .panel-0 .holder-g {}.one-two-three.st233 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st233 .text-align-center {
    text-align: center
}
.one-two-three.st233 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st233.panel-0 {}
}
.st234 {
    position: relative
}
.one-two-three.st234 .panel-0 .holder-g {}.one-two-three.st234 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st234 .text-align-center {
    text-align: center
}
.one-two-three.st234 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st234.panel-0 {}
}
.one-two-three.st234 .panel-1 .holder-g {}.one-two-three.st234 .panel-1 .holder-g p {
    padding: 0 20px
}
.one-two-three.st234 .text-align-center {
    text-align: center
}
.one-two-three.st234 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st234.panel-1 {}
}
.one-two-three.st234 .panel-2 .holder-g {}.one-two-three.st234 .panel-2 .holder-g p {
    padding: 0 20px
}
.one-two-three.st234 .text-align-center {
    text-align: center
}
.one-two-three.st234 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st234.panel-2 {}
}
/* mobile */

.st236 {
    position: relative
}
.st236 {
    background-size: cover;
    background-position: center center;
    background-image: url(http://assets.razerzone.com/eeimages/products/25787/goliathus-mobile-mat-usp2-bg-updated.jpg);
    min-height:  700px;
}
@media (max-width: 767px) {
    .st236 {}
    .st236 {
        background-image: none;
        min-height: 0;
        min-height: 0
    }
    .st236.panel-0 {
        background-image: none;
        min-height: 0;
        min-height: 0
    }
}
.one-two-three.st236 .panel-0 .holder-g {}.one-two-three.st236 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st236 .text-align-center {
    text-align: center
}
.one-two-three.st236 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st236.panel-0 {}
}
.st237 {
    position: relative
}
.st237 {
    background-size: cover;
    background-position: center center;
    background-color: #000;
    background-image:  url(http://assets.razerzone.com/eeimages/products/25787/goliathus-mobile-mat-usp3-bg-updated.jpg);
    min-height:  700px;
}
@media (max-width: 767px) {
    .st237 {}
    .st237 {
        background-image: none;
        min-height: 0;
        min-height: 0
    }
    .st237.panel-0 {
        background-image: none;
        min-height: 0;
        min-height: 0
    }
}
.one-two-three.st237 .panel-0 .holder-g {}.one-two-three.st237 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st237 .text-align-center {
    text-align: center
}
.one-two-three.st237 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st237.panel-0 {}
}
.st238 {
    position: relative
}
.st238 {
    background-size: cover;
    background-position: center center;
    background-image: url(http://assets.razerzone.com/eeimages/products/25787/goliathus-mobile-mat-usp4-bg.jpg)
}
@media (max-width: 767px) {
    .st238 {}
}
.one-two-three.st238 .panel-0 .holder-g {}.one-two-three.st238 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st238 .text-align-center {
    text-align: center
}
.one-two-three.st238 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st238.panel-0 {}
}
.st248 {
    position: relative
}
.st248 {
    background-size: cover;
    background-position: center center;
    background-color: #0c0c0c
}
@media (max-width: 767px) {
    .st248 {}.st248.panel-1 {}
}
.one-two-three.st248 .panel-0 .holder-g {}.one-two-three.st248 .panel-0 .holder-g p {
    padding: 0 20px
}
.one-two-three.st248 .text-align-center {
    text-align: center
}
.one-two-three.st248 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st248.panel-0 {}
}
.one-two-three.st248 .panel-1 .holder-g {}.one-two-three.st248 .panel-1 .holder-g p {
    padding: 0 20px
}
.one-two-three.st248 .text-align-center {
    text-align: center
}
.one-two-three.st248 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st248.panel-1 {}
}
.one-two-three.st248 .panel-2 .holder-g {}.one-two-three.st248 .panel-2 .holder-g p {
    padding: 0 20px
}
.one-two-three.st248 .text-align-center {
    text-align: center
}
.one-two-three.st248 .text-align-center h2 {
    color: white
}
@media (max-width: 767px) {
    .st248.panel-2 {}
}