/* CSS Document */
tbody tr:nth-child(odd) {
  background-color: #336B9A;
}

.odd {
  background-color: #00477F;
}

a.one:link {
  background-color: #00467f !important;
  color: #FFF !important;
}

a.one:visited {
  background-color: #00467f !important;
  color: #FFF !important;
}

a.one:hover {
  background-color: #FFF !important;
  color: #00467f !important;
}

@media (min-width:320px)and (max-width:767px) {
  a.one:link {
    background-color: #FFF !important;
    color: #00467f !important;
  }

  a.one:visited {
    background-color: #FFF !important;
    color: #00467f !important;
  }

  a.one:hover {
    background-color: #00467f !important;
    color: #FFF !important;
  }
}

@media (min-width:768px)and (max-width:991px) {
  .nav-logo {
    color: #FFF;
    font-size: 12px;
    font-family: Arial Black;
    padding-left: 0px;
    padding-right: 0px;
  }

  .navbar-product .nav>li>a {
    font-size: 8px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .sresult {
    margin-top: 10px !important;
  }

  .snoresult {
    margin-top: 10px !important;
  }

}

@media (min-width:992px)and (max-width:1200px) {
  .nav-logo {
    color: #FFF;
    font-size: 15px;
    font-family: Arial Black;
    padding-left: 0px;
    padding-right: 0px;
  }

  .navbar-product .nav>li>a {
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .sresult {
    margin-top: 10px !important;
  }

  .snoresult {
    margin-top: 10px !important;
  }

}

@media (min-width:1201px)and (max-width:1550px) {
  .nav-logo {
    color: #FFF;
    font-size: 20px;
    font-family: Arial Black;
    padding-left: 0px;
    padding-right: 0px;
  }

  .navsub>li>a {
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .sresult {
    margin-top: 10px !important;
  }

  .snoresult {
    margin-top: 10px !important;
  }

}

@media (min-width:1551px) {
  .navbar-product .nav>li>a {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sresult {
    margin-top: 10px !important;
  }

  .snoresult {
    margin-top: 10px !important;
  }

}


.navbar-right {
  padding-right: 10px !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  .nav-logo {
    font-size: 13px;
  }
}

.ptable {
  border: none;
}

@font-face {
  font-family: 'Square721 BdEx BT Bold ';
  src: url('fonts/square721-bdex-bt-bold.woff');
  font-weight: bold;
}

@font-face {
  font-family: 'Relato Sans';
  src: url('fonts/relato-sans-light-59845fd025bf7.woff');
  font-weight: bold;
}

.bgtransparent {
  background: transparent;
}

body {
  background: #ffffff;
}

a:focus {
  outline: none;
}

.navbar-product li.current a:link,
.navbar-product li.current a:visited,
.navbar-product li.current a:hover,
.navbar-product li.current a:active,
.navbar-product li.current a:focus {
  background: #e8e8e8;
  color: #666666;
}

.productLogoHeader {
  margin-top: -7px;
}

/* Margin Classes */
.top-70 {
  margin-top: 70px;
}

.top-40 {
  margin-top: 40px;
}

.top-35 {
  margin-top: 35px;
}

.top-20 {
  margin-top: 20px;
}

.topFeatureContainer .row {
  background-image: url(../img/banner/brushfire_banner.jpg);
}

.topFeatureContainer {
  position: relative;
}

.topTextSlogan {
  position: inherit;
  color: #666666;
  text-shadow: 2px 2px #000000;
  font-size: 42px;
  line-height: 38px;
  text-align: center;
  font-family: 'Montserrat', Arial, serif;
  font-weight: 800;
  /*padding: 10px 25px;*/
  background: rgba(255, 255, 255, 0.75);
  margin-bottom: 10px;
}

.topTextSlogan-b {
  position: relative;
  color: #FFF;
  text-shadow: 4px 4px #000;
  font-size: 35px;
  margin-top: 70px;
  margin-bottom: 25px;
  line-height: 1.1;
  text-align: left;
  font-family: 'Square721 BdEx BT Bold ';
  /*font-family: 'Montserrat', Arial, serif; font-weight: 800;*/
}

.heading_one {
  font-size: 40px;
}

.heading_two {
  font-size: 65px;
}

.heading_three {
  font-size: 60px;
}

.topFeatureContainer .topTextSlogan a {
  color: #666666;
}

.topFeatureContainer .topTextSlogan a:hover {
  color: #333333;
  text-decoration: none;
  border-bottom: 0;
}

a:hover {
  border-bottom: 0;
}

.navbar-brand img {
  /* padding-top: 10px; */
}

table.spec-charts tr.header {
  background: #1d1d1d;
  color: #ffd204;
  font-weight: bold;
}

.white-bg {
  background: #fff;
  padding: 20px 0;
}

/* Small corner banner for special offer */
.free_banner {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 10px;
}



ul.option-nav {
  list-style: none;
  padding: 25px 0;
  margin: 0;
}

ul.option-nav li {
  float: left;
  margin-right: 20px;
}

/* Used to keep corner banner below the text */
.bottom-margin-a {
  margin-bottom: 250px;
}

.bottom-margin-b {
  margin-bottom: 110px;
}

.menu-indent {
  margin-top: 50px;
  margin-left: 50px;
  list-style: none;
}

.menu-indent li {
  margin-bottom: 25px;
}

.menu-indent li a {
  background: #000000;
  color: #ffd204;
  width: 250px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.carousel-caption {
  background: rgba(0, 0, 0, 0.5);
  color: #000000;
}

.carousel-caption h3 {
  color: #ffd204;
}

.desc-caption {
  display: block;
  padding-top: 10px;
  width: 55%;
}

.hdr-logo {
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 10px;
  z-index: 500;
}

/*Model Link Badges*/
.model_nav {
  padding: 0;
  margin: 10px 20px 5px 0;
}

.model_nav a img {
  padding-bottom: 7px;
  margin-bottom: 10px;
  text-decoration: none;
}



.model_nav a:hover img,
.model_nav a.active img,
.model_nav a img.active {
  border-bottom: 5px solid #ffd204;
  margin-bottom: 5px;
  text-decoration: none;
}

/* Model Accordions */
.panel {
  border: 0;
  padding: 0;
}

.panel-heading {
  padding: 0;
  margin: 0;
  border: 0;
}

.panel-heading h4 {
  color: #ffffff;
  background: #666666;
  font: 800 1.5em/1.0 "Arial", Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 15px 0 10px 0;
  border-bottom: 3px solid #4b4b4b;
  margin-top: -5px;
}

.panel-heading .row {
  background: transparent;
}

.panel-heading a {
  display: block;
  color: #ffffff;
}

.panel-heading a:hover,
.panel-heading a:focus {
  text-decoration: none;
}

.panel-heading span.d-arrow {
  float: right;
}

.panel-body {
  border: 0;
  margin: 0;
  padding: 0;
  background: #000000;
}

.panel-collapse {
  border: 0;
  margin: 0;
  padding: 0;
}

/* CSS Document */
table.spec-charts th {

  background: #212121 !important;

}

.table-responsive {
  border: 0;
}

table.spec-charts tr td {
  width: auto;
}

table.ptable tr td {
  border: none !important;
  padding: 10px !important;
  font-size: 14px;
}

#features {
  display: none;
  /* hide by default */
}

#features:target,
#features.show {
  display: block;
}

#features_default {
  display: block;
  /* Show by default */
}

#features_default:target,
#features_default.hide {
  display: none;
}

#compare {
  display: none;
  /* hide by default */
}

#compare:target,
#compare.show {
  display: block;
}

#compare_default {
  display: block;
  /* Show by default */
}

#compare_default:target,
#compare_default.hide {
  display: none;
}

#compare1 {
  display: none;
  /* hide by default */
}

#compare1:target,
#compare1.show {
  display: block;
}

#compare_default1 {
  display: block;
  /* Show by default */
}

#compare_default1:target,
#compare_default1.hide {
  display: none;
}

.tcenter {
  text-align: center;

}

.fright {
  text-align: right !important;
  padding: 10px 10px !important;

}

.ycolor {
  color: #ffd204;
}

.wcolor {
  color: #ffff;
}

.bold {
  font-weight: 800;
}

a:hover {
  cursor: pointer;
}

.features p {
  font-size: 14px;
}

.kfprice {
  font-size: 1.4em !important;
  font-weight: 800 !important;
  color: #ffd204 !important;
}

.modal-header {
  border: none;
}

.modal-dialog {
  width: 470px;
}

.modal-body img {
  width: 100%;
}

/* Footer Navigation CSS */
.idx-footer {
  margin-top: -19px;
  padding-top: 0;
}

.idx-footer,
.idx-footer .container,
.idx-footer .container .row {
  background: #000000;
  color: #919191;
}

.idx-footer .container .row {
  padding: 25px;
}

.idx-footer li {
  font-size: 0.85em;
  line-height: 2.3em;
}

.idx-footer .container .row a {
  color: #919191;
}

.idx-footer .container .row a:hover {
  color: #FFD417;
  border: 0;
  text-decoration: none;
}

.idx-footer p img {
  margin-left: 15px;
  margin-top: 20px;
}



@media only screen and (min-device-width: 770px) {
  .Mlarge {
    width: 65% !important;
    margin-top: 5% !important;
  }
}


@media only screen and (min-width: 300px) and (max-width: 480px) {
  .Mlarge {

    width: 95% !important;
    margin-top: 5% !important;
  }

}

@media (max-width: 420px) {
  .col-xxs {
    width: 100%;
  }

  .hdr-logo {
    width: 200px;
  }

  .model_nav a img {
    width: 100px;
  }

  .free_banner img {
    width: 175px;
  }

  .bottom-margin-a {
    margin-bottom: 135px;
  }

  h4.panel-title {
    font-size: 1.0em;
  }

  .features h3 {
    font-size: 1.8em;
  }
}


    /* Whats new Logo style starts*/
    .col-sm-6 a {
        display: inline-block !important;
        float: none !important;
    }
    .col-sm-3 a {
        display: inline-block !important;
        float: none !important;
    }
    /* Whats new Logo Style ends */