#octcomponent img {
  margin:30px auto;
}
 .octwrapper {
  width: 100% !important;
  height:auto !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.octcontainer {
  max-width: 1170px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  display:block;
  background: #fff;
}
.octheader {
  background-image:url('/images/landing/pcs/octane15/a/bg-top.jpg');
  height:auto;
  width:100%;
  background-repeat:no-repeat;
  display:inline-block;
}
.octheader img {
  width:100%;
  max-width:600px;
  margin:40px 20px 20px 20px;
  float:right;
}
.octcontainer p {
  font-family:'Open Sans';
  font-size:12pt;
  color:#000000;
  line-height:1.5;
  padding-bottom:15px;
  margin-bottom:0px !important;
}
.octheader h1 {
  font-family:'Montserrat-Bold';
  font-size:26pt;
  font-weight:bold;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.octheader sup {
  font-size:14pt;
  font-family:'Montserrat-Medium';
}
.octheader h2 {
  font-family:'Montserrat-Light';
  font-size:12pt;
  font-weight:normal;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.octheader p {
  font-size:12pt;
}
.octcontainer hr {
  border: 0;
  border-bottom: 2px solid #ae00ff;
  clear: none;
  margin:10px auto;
}
.octheadertxt {
  max-width:550px;
  margin:160px 0 20px 20px;
}
.octbutton {
  font-family: 'Montserrat-Medium', sans-serif;
  color:#ffffff;
  background-color:#ae00ff;
  font-size:12pt;
  padding:12px;
  text-decoration: none;
  text-transform:uppercase;
  width:auto;
  display:inline-block;
}
.octbutton i {
  padding-left:5px;
}
.octbutton:hover {
  background-color:#ffb26e;
  -webkit-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.octcontainer a:visited, a:link {
  text-decoration:none;
}
#jump {
  height:1px;
}
.octsep {
  width:100%;
  height:3px;
  background:#636363;
}
.centerfeat1, .centerfeat2 {
  background:#ffffff;
  width:100%;
  height:auto;
  margin:0;
  display:block;
}
.centerfeat2 {
  background-image:url('/images/landing/pcs/octane15/a/feature-bg.jpg');
  background-repeat:no-repeat;
}
.centerfeat1 img {
  margin:0 auto;
  display:block;
  width:100%;
  max-width:1170px;
}
.centerfeat2 img {
  margin:20px auto;
  display:block;
  width:100%;
  max-width:852px;
}
.centerfeat2txtb ul {
  font-size:12pt;
  font-family:'Montserrat-Medium';
  text-align:left;
  line-height:1.75;
  background:#e9e9e9;
  padding:20px;
  list-style-type:none;
}
.centerfeat2txtb li {
  background:#dddddd;
  margin:10px;
  padding:5px;
}
.centerfeat1txt {
  margin:10px auto;
  max-width:800px;
  text-align:center;
}
.centerfeat2txtb {
  margin:10px auto;
  max-width:600px;
  text-align:center;
}
.centerfeat1 h1, .centerfeat2 h1 {
  font-family:'Montserrat-Medium';
  font-size:26pt;
  font-weight:bold;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.centerfeat1 h2 {
  font-family:'Montserrat-Light';
  font-size:12pt;
  font-weight:normal;
  text-transform:uppercase;
  color:#000000;
  margin:0;
}
.centerfeat1 p, .centerfeat2 p {
  color:#000000;
}
.centerfeat1 hr, .centerfeat2 hr {
  border-bottom: 2px solid #ae00ff;
}
.octfeat1txt, .octfeat2txt {
  padding:20px;
}
.octfeat1 {
  display: flex;
  overflow: hidden;
  background-repeat:no-repeat;
  background-color:#353535;
}
.octfeat1-fl{
  width:50%;
}
.octfeat1-fl img {
  max-width: 100%;
  display: block;
}
.octfeat1-fr {
  width:50%;
  display: flex;
  align-items: center;
}
.octfeat1 h1 {
  font-family:'Montserrat-Medium';
  font-size:18pt;
  font-weight:bold;
  text-transform:uppercase;
  color:#ffffff;
  margin:0;
}
.octfeat1 h2 {
  font-family:'Montserrat-Light';
  font-size:12pt;
  font-weight:normal;
  text-transform:uppercase;
  color:#ffffff;
  margin:0;
}
.octfeat1 hr {
  border-bottom: 2px solid #ae00ff;
}
.octfeat1 p {
  color: #ffffff;
}
.octfeat2 h1 {
  font-family:'Montserrat-Medium';
  font-size:18pt;
  font-weight:bold;
  text-transform:uppercase;
  color:#ffffff;
  margin:0;
}
.octfeat2 h2 {
  font-family:'Montserrat-Light';
  font-size:12pt;
  font-weight:normal;
  text-transform:uppercase;
  color:#ffffff;
  margin:0;
}
.octfeat2 hr {
  border-bottom: 2px solid #ae00ff;
}
.octfeat2 p {
  color: #ffffff;
}
.features {
  width:100%;
  height:auto;
  display:inline-block;
  float:left;
}
.octfeat2 {
  display: flex;
  overflow: hidden;
  background:#000000;
  flex-direction: row-reverse;
}
.octfeat2-fr {
  width:50%;
}
.octfeat2-fr img {
  max-width: 100%;
  display: block;
}
.octfeat2-fl {
  width:50%;
  display: flex;
  align-items: center;
}
#octanegsync {
  max-width:601px;
}
#octsmall {
  font-size:10pt !important;
  color:#868686 !important;
}
@media all and (max-width: 1170px) {
  .octheadertxt {
    max-width:100%;
    margin:10px;
    float:left;
  }
  .octheader img {
    padding:20px;
    float:none;
    width:100%;
    max-width:511px;
    margin-left:auto;
    margin-right:auto;
    display:block;
  }
  .octheader {
    margin:0;
  }
  .octheadertxt {
    max-width:100%;
    margin:10px !important;
    float:left;
  }
  .octheader img {
    width:100%;
    margin: 10px auto;
  }
  .octfeat1, .octfeat2 {
    display:block;
  }
  .octfeat1-fl, .octfeat2-fl {
    width:100%;
  }
  .octfeat1-fr, .octfeat2-fr {
    width:100%;
  }
  .octfeat1-fl img, .octfeat2-fr img {
    display:block !important;
    margin:0 auto;
  }
  .centerfeat1 {
    background:#ffffff;
    width:100%;
    height:auto;
    margin:0;
    display:block;
    float:left;
    overflow:hidden;
  }
  .centerfeat1txt {
    margin:10px;
    max-width:100%;
    text-align:center;
  }
  .octfeat1txt, .octfeat2txt {
    padding:10px;
  }
  .centerfeat2txtb ul {
    font-size:10pt;
  }
  .centerfeat2txtb {
    max-width:100%;
    margin:10px;
  }
}
