/*************** HEADER *************/
.home2016 {
  background: #cccccc url("https://sc1.checkpoint.com/sc1/za/images/banners/home_header2016.jpg") center top no-repeat;
  height: 665px;
  color: #ffffff;
  padding-top: 120px;
  text-align: center;
  position: relative;
}
.home2016 h1 {
  font-family: "DIN-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 50px;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -2px;
}
.home2016 h1 a {
  display: inline-block;
  font-size: 10px;
  font-weight: 100;
  vertical-align: top;
  padding-top: 5px;
  margin-left: -12px;
  color: white;
  letter-spacing: 0;
  text-transform: capitalize;
}
.home2016 h5 {
  font-size: 20px;
  margin: 0 0 50px;
}
.home2016 h5 sup {
  top: -0.8em;
  font-size: 45%;
}
.home2016 h5 span {
  text-transform: uppercase;
  font-size: 18px;
}
.home2016 .btn-primary {
  font-family: "DIN-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  padding: 13px 91px;
  margin-bottom: 10px;
}
.home2016 .free {
  display: block;
  font-family: "DIN-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: white;
  max-width: 150px;
  margin: auto;
}
.home2016 .guarantee {
  position: absolute;
  bottom: 30px;
  width: 100%;
}
.home2016 .guarantee p {
  text-align: left;
  font-size: 12px;
  margin: 0;
  padding-top: 48px;
  max-width: 500px;
}
.home2016 .guarantee img {
  float: right;
  margin-left: 30px;
}
.home2016 .guarantee img:nth-child(2) {
  display: none;
}
@media (max-width: 1550px) {
  .home2016 {
    background: #cccccc url("https://sc1.checkpoint.com/sc1/za/images/banners/home_header2016_s.jpg") center top no-repeat;
    height: 450px;
    padding-top: 60px;
  }
  .home2016 h1 {
    font-size: 45px;
  }
  .home2016 h1 a {
    margin-left: 0;
  }
  .home2016 h5 {
    font-size: 18px;
  }
  .home2016 .btn-primary {
    font-size: 25px;
    padding: 11px 73px;
  }
  .home2016 .free {
    font-size: 16px;
  }
  .home2016 .guarantee {
    bottom: 15px;
  }
  .home2016 .guarantee p {
    padding-top: 32px;
  }
}
@media (max-width: 768px) {
  .home2016 h1 {
    font-size: 30px;
    letter-spacing: 0;
  }
  .home2016 h5 {
    font-size: 14px;
  }
  .home2016 .btn-primary {
    font-size: 20px;
    padding: 10px 65px;
  }
  .home2016 .guarantee p {
    text-align: center;
    padding-top: 12px;
    margin: auto;
  }
  .home2016 .guarantee img {
    float: none;
    margin: 0 auto;
  }
}
/*************** PRODUCT'S BELT *************/
.products-belt {
  background: #eeeeee;
  text-align: center;
  position: relative;
}
.products-belt .centered {
  margin: auto;
  width: 1530px;
}
.products-belt .centered .product-single {
  width: 510px;
  padding-top: 20px;
  margin-top: -40px;
  float: left;
}
.products-belt .centered .product-single img {
  float: left;
  margin-right: -30px;
}
.products-belt .centered .product-single img:nth-child(2) {
  display: none;
}
.products-belt .centered .product-single h4 {
  font-family: "DIN-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin-top: 55px;
  margin-bottom: 5px;
  font-weight: bold;
}
.products-belt .centered .product-single button {
  display: block;
  margin: 20px auto 10px;
  font-size: 16px;
  padding: 1px 10px;
}
.products-belt .centered .product-single a {
  color: #777777;
}
@media (max-width: 1550px) {
  .home2016 .guarantee img:nth-child(1) {
    display: none;
  }
  .home2016 .guarantee img:nth-child(2) {
    display: inherit;
  }
  .products-belt .centered {
    width: 1230px;
  }
  .products-belt .centered .product-single {
    width: 100%;
    max-width: 410px;
    margin-top: 0;
  }
  .products-belt .centered .product-single h4 {
    font-size: 15px;
    margin-top: 43px;
  }
  .products-belt .centered .product-single img {
    margin-right: -35px;
    margin-left: -10px;
  }
  .products-belt .centered .product-single img:nth-child(1) {
    display: none;
  }
  .products-belt .centered .product-single img:nth-child(2) {
    display: inherit;
  }
  .products-belt .centered .product-single p {
    font-size: 12px;
  }
  .products-belt .centered .product-single button {
    font-size: 14px;
  }
  .products-belt .centered .product-single a {
    font-size: 13px;
  }
}
@media (max-width: 1260px) {
  .products-belt .centered {
    width: 100%;
  }
  .products-belt .centered .product-single {
    float: none;
    padding: 20px 0;
    margin: 0 auto;
  }
}
/*************** H A P P Y   H O L I D A Y S   P O P U P *************/
#black-screen-holidays {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  padding-top: 90px;
  z-index: 9999;
  display: none;
}
#black-screen-holidays .window {
  position: relative;
  width: 90%;
  max-width: 734px;
  background-color: white;
  padding: 50px;
  text-align: center;
  margin: -50px auto 0;
}
#black-screen-holidays .window > img:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
}
#black-screen-holidays .window > img:nth-child(2) {
  position: absolute;
  left: 50%;
  top: -65px;
  margin-left: -121px;
}
#black-screen-holidays .window h2 {
  color: #ff0000;
  font-family: DIN-medium, 'Open Sans', sans-serif;
  font-size: 60px;
  margin: 20px 0 10px;
  line-height: 1;
}
#black-screen-holidays .window h3 {
  color: #333333;
  margin: 0;
  font-family: DIN-Bold, 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.1;
}
#black-screen-holidays .window h3 span {
  display: block;
  font-family: DIN, 'Open Sans', sans-serif;
  font-size: 18px;
  text-transform: none;
}
#black-screen-holidays .window h4 {
  font-family: DIN-medium, 'Open Sans', sans-serif;
  color: #ff0000;
  font-size: 36px;
  line-height: 1.1;
}
#black-screen-holidays .window h4 span {
  font-family: DIN, 'Open Sans', sans-serif;
  display: block;
  font-size: 16px;
  text-decoration: line-through;
  color: #ff0000;
}
#black-screen-holidays .window p {
  font-family: DIN-light, 'Open Sans', sans-serif;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0 15px;
}
#black-screen-holidays .window .btn-danger,
#black-screen-holidays .window .btn-danger:focus {
  font-size: 20px;
  font-family: DIN-medium, 'Open Sans', sans-serif;
  padding: 10px 56px;
  line-height: 1.3;
  border-radius: 5px !important;
  background-color: #ff0000;
}
#black-screen-holidays .window .btn-danger:hover,
#black-screen-holidays .window .btn-danger:focus:hover {
  background-color: #BB1313;
}
/*************** S P E C I A L O F F E R   P O P U P *************/
#black-screen-holidays.SO {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  padding-top: 90px;
  z-index: 9999;
  display: none;
}
#black-screen-holidays.SO .window {
  position: relative;
  width: 90%;
  max-width: 734px;
  background-color: white;
  padding: 50px;
  text-align: center;
  margin: -50px auto 0;
}
#black-screen-holidays.SO .window > img:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
}
#black-screen-holidays.SO .window > img:nth-child(2) {
  position: absolute;
  left: 50%;
  top: -65px;
  margin-left: -121px;
}
#black-screen-holidays.SO .window h2 {
  color: #ff0000;
  font-family: DIN-medium, 'Open Sans', sans-serif;
  font-size: 68px;
  font-weight: bold;
  margin: 0px 0 10px;
  line-height: 1;
}
#black-screen-holidays.SO .window h3 {
  color: #333333;
  margin: 0;
  font-family: DIN-Bold, 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: bold;
  text-transform: none;
  line-height: 1.1;
}
#black-screen-holidays.SO .window h4 {
  font-family: DIN-medium, 'Open Sans', sans-serif;
  color: #ff0000;
  font-size: 36px;
  line-height: 1.1;
}
#black-screen-holidays.SO .window h4 span {
  font-family: DIN, 'Open Sans', sans-serif;
  display: block;
  font-size: 16px;
  text-decoration: line-through;
  color: #ff0000;
}
#black-screen-holidays.SO .window p {
  color: #333333;
  font-family: DIN, "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: normal;
  margin: 5px 0 15px;
}
#black-screen-holidays.SO .window .btn-danger,
#black-screen-holidays.SO .window .btn-danger:focus {
  font-size: 20px;
  font-family: DIN-medium, 'Open Sans', sans-serif;
  padding: 10px 56px;
  line-height: 1.3;
  border-radius: 5px !important;
  background-color: #ff0000;
  margin: 0 0 20px;
}
#black-screen-holidays.SO .window .btn-danger:hover,
#black-screen-holidays.SO .window .btn-danger:focus:hover {
  background-color: #BB1313;
}
#black-screen-holidays #close-holidays {
  cursor: pointer;
  left: 52%;
  margin: 0;
  position: relative;
  right: 1px;
  top: -26px;
  transition: all 500ms;
}
#black-screen-holidays #close-holidays:hover {
  opacity: 0.5;
}
/*************** R E S P O N S I V E N E S S   H A P P Y   H O L I D A Y S  P O P U P *************/
@media (max-width: 1300px) {
  /*In order to fit in Lap top screens*/
  #black-screen-holidays .window h2,
  #black-screen-holidays.SO .window h2 {
    font-size: 35px;
  }
}
@media (max-width: 992px) {
  #black-screen-holidays .window,
  #black-screen-holidays.SO .window {
    margin-top: -70px;
  }
  #black-screen-holidays .window > img:nth-child(1),
  #black-screen-holidays.SO .window > img:nth-child(1) {
    width: 100px;
  }
  #black-screen-holidays .window h2,
  #black-screen-holidays.SO .window h2 {
    font-size: 30px;
    margin: 0;
  }
  #black-screen-holidays .window h3,
  #black-screen-holidays.SO .window h3 {
    margin-top: 30px;
  }
  #black-screen-holidays .window .row img,
  #black-screen-holidays.SO .window .row img {
    display: none;
  }
}
/*************** COMPARISON TABLE *************/
.comparison-table {
  background: #777777;
  padding: 50px 0;
}
.comparison-table .container {
  background: white;
  padding: 20px 30px;
}
.comparison-table .container .table thead tr th,
.comparison-table .container .table tbody tr td,
.comparison-table .container .table tfoot tr td {
  text-align: center;
}
.comparison-table .container .table thead tr th:first-child {
  padding-left: 30px;
  vertical-align: top;
  text-align: left;
}
.comparison-table .container .table tbody tr td:first-child {
  padding-left: 30px;
  vertical-align: middle;
  text-align: left;
}
.comparison-table .container .table thead > tr > th {
  border-bottom: 0;
}
.comparison-table .container .table tbody tr td,
.comparison-table .container .table tfoot tr td {
  font-family: DIN, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #8c8c8c;
  padding: 14px 8px;
  vertical-align: middle;
  border-top: 0;
}
.comparison-table .container .table h4 {
  font-family: DIN-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
.comparison-table .container .table h5 {
  font-family: DIN-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}
.comparison-table .container .table h6 {
  font-size: 12px;
  margin: 10px 0 5px;
}
.comparison-table .container .table tr td.check {
  background: url("http://sc1.checkpoint.com/sc1/za/images/landing/total-protection/vi.png") center no-repeat;
}
.comparison-table .container .table .btn-primary {
  font-size: 19px;
  padding: 8px 45px;
  margin: 10px 0;
}
.comparison-table .container .table a {
  color: #777777;
  font-size: 15px;
}
/*************** SECURITY BRANDS' CHART *************/
.security-brands {
  padding: 50px;
  background: #ffffff;
  text-align: center;
}
.security-brands h2 {
  font-family: "DIN-bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.security-brands img {
  width: 90%;
  max-width: 942px;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .security-brands {
    padding: 10px;
  }
}
/*************** M O D A L   W I N D O W *************/
#black-screen {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  padding-top: 5%;
  z-index: 9999;
}
#black-screen .window {
  position: relative;
  margin: auto;
  width: 90%;
  max-width: 750px;
  border: 20px solid white;
  background: white;
  font-family: DIN, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#black-screen .window h2,
#black-screen .window h6 {
  font-family: DIN-bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#black-screen .window h2 {
  color: red;
  font-size: 30px;
  line-height: 1.1;
  text-align: center;
  margin: 0 0 10px;
}
#black-screen .window a img {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -33px;
  margin-right: -33px;
  cursor: pointer;
}
#black-screen .window section {
  background: lightgray;
  background: -webkit-linear-gradient(top, #f9f9f9 50%, #d3d3d3);
  background: -moz-linear-gradient(top, #f9f9f9 50%, #d3d3d3);
  background: -ms-linear-gradient(top, #f9f9f9 50%, #d3d3d3);
  background: linear-gradient(#f9f9f9 50%, #d3d3d3);
  padding: 30px;
  position: relative;
}
#black-screen .window section h6 {
  color: #00af0c;
  font-size: 18px;
  line-height: 1.3;
}
#black-screen .window section > img {
  position: absolute;
  left: 0;
  top: 0;
}
#black-screen .window section ul {
  list-style-image: url("https://sc1.checkpoint.com/sc1/za/email/promotions/mark.png");
  padding-left: 20px;
}
#black-screen .window section p,
#black-screen .window section li {
  color: #6B6B6B;
  line-height: 1.3;
  margin: 0 0 10px;
}
#black-screen .window section .link {
  color: gray;
  text-decoration: underline;
  font-size: 14px;
  text-align: right;
  display: block;
  margin-top: 10px;
}
#black-screen .window section .link:hover {
  text-decoration: none;
}
#black-screen .window section .well {
  background: white;
  border-radius: 5px !important;
  margin-bottom: 0;
}
#black-screen .window section .well .btn-success {
  width: 100%;
  padding: 12px 20px 10px;
  font-size: 15px;
  text-transform: uppercase;
  border-radius: 0;
}
#close-black-screen {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -33px;
  margin-right: -33px;
  cursor: pointer;
}
#popup_product {
  margin-left: -30px;
  margin-top: -30px;
}
#prices {
  text-align: center;
  padding-top: 7px;
}
#prices span {
  text-decoration: line-through;
  color: #666666;
  font-size: 13px;
}
#prices b {
  color: #00af0c;
  font-size: 22px;
  line-height: 1;
}
#prices p {
  margin-bottom: 0 !important;
  font-size: 12px;
}
@media (max-width: 768px) {
  #black-screen section > img {
    height: 90px;
  }
  #black-screen .window h2 {
    font-size: 20px;
  }
  #black-screen .window h6 {
    text-align: center;
  }
}