html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/* ------------------ */
/* ICOMOON FONTS
/* ------------------ */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-wx93py");
  src: url("../fonts/icomoon.eot?#iefix-wx93py") format("embedded-opentype"), url("../fonts/icomoon.ttf?-wx93py") format("truetype"), url("../fonts/icomoon.woff?-wx93py") format("woff"), url("../fonts/icomoon.svg?-wx93py#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="trend-"], [class*=" trend-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


.trend-data-protection:before {
    content: "\e60b";
}
.trend-multi-device:before {
    content: "\e60a";
}
.trend-logon:before {
    content: "\e611";
}
.trend-times:before {
    content: "\e609";
}
.trend-mobile-bars:before {
    content: "\e606";
}
.trend-award:before {
    content: "\e607";
}
.trend-support:before {
    content: "\e608";
}
.trend-password:before {
    content: "\e605";
}
.trend-privacy:before {
    content: "\e604";
}
.trend-device:before {
    content: "\e600";
}
.trend-kids-online:before {
    content: "\e601";
}
.trend-dangerous-websites:before,
.trend-malicious-apps:before {
    content: "\e602";
}
.trend-id-theft:before {
    content: "\e603";
}
@-ms-viewport {
  width: device-width; }
.no-scrolling {
  overflow: hidden; }

/* ------------------ */
/* HELPER CLASSES     */
/* ------------------ */
a, img {
  border: none;
  outline: none; }

@media screen and (max-width: 768px) {
  .hidden-mobile {
    display: none !important; } }

.visible-mobile {
  display: none; }
  @media screen and (max-width: 768px) {
    .visible-mobile {
      display: block !important; } }

.no-margin-top {
  margin-top: 0 !important; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.btn {
  font-size: 0.75em;
  letter-spacing: 2px;
  border: 2px solid transparent;
  font-family: "Open Sans",sans-serif; }

.green-btn, .container .green-btn {
  background-color: #367639;
  border-color: #367639;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .green-btn:hover, .container .green-btn:hover {
    background-color: #fff;
    color: #367639; }
  .green-btn.inverted, .container .green-btn.inverted {
    background: #fff url("/images/green-right-arrow.png") no-repeat 88% 50%;
    color: #367639 !important;
    border: solid #367639 2px !important;
    padding-right: 50px !important; }
    .green-btn.inverted:hover, .container .green-btn.inverted:hover {
      background-image: url("/images/white-right-arrow.png");
      background-color: #367639 !important;
      color: #fff !important; }

.red-text {
  color: #bd141a; }

.uppercase {
  text-transform: uppercase; }

.line-through {
  text-decoration: line-through; }

.four-cols {
  overflow: hidden; }
  .four-cols .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
    .four-cols .col:last-child {
      margin-right: 0; }

.three-cols {
  overflow: hidden;
  clear: both; }
  .three-cols .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 30.76157%;
    position: relative; }
    .three-cols .col:last-child {
      margin-right: 0; }
  .three-cols .third-col {
    margin-right: 0; }

.two-cols {
  overflow: hidden; }
  .two-cols .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .two-cols .col:last-child {
      margin-right: 0; }
  .two-cols .second-col {
    margin-right: 0; }

.empty-col {
  background-color: #f9f9f9; }
  @media screen and (max-width: 768px) {
    .empty-col {
      display: none !important; } }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

@media screen and (max-width: 768px) {
  .data-bg-image img {
    display: none; } }

.pull-left {
  float: left !important; }

.pull-right {
  float: right !important; }

.align-vertical,
.align-vertical-all {
  position: relative;
  top: 50%;
  opacity: 0;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s; }
  @media screen and (max-width: 768px) {
    .align-vertical,
    .align-vertical-all {
      opacity: 1; } }

.icon-group {
	position: absolute;
	bottom: -5px;
	right: 40px;
	width: 76px;
	max-width: 40%; }
  @media screen and (max-width: 1200px) {
    .icon-group {
      right: 20px; } }
  @media screen and (max-width: 960px) {
    .icon-group {
      right: 0px; width: 100px;} }

.icon {
	width: 50px;
    height: 50px;
  display: inline-block;
  background-size: 100%;
  background-position: 0 50%;
  background-repeat: no-repeat;
  /*max-width: 50%;*/
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  margin-top: 5px;  }
	@media screen and (max-width: 940px) {
		.icon { max-width: 70%; } 
	}
	@media only screen 
	  and (min-device-width: 768px) 
	  and (max-device-width: 1024px)  {
		.icon {     
			max-width: 50%;
			margin-left: 15px !important;
			height: 40px;			} 
	}

.icon-smart-devices {
  background-image: url("../images/icon-smart-devices.svg"); }

.icon-pc {
  background-image: url("../images/icon-pc.svg"); }

.icon-pc-smode {
  background-image: url("../images/icon-pc-smode.svg"); }

.icon-pc-chromebook {
  background-image: url("../images/icon-windows11-chromebook.svg"); }

.icon-mac {
  background-image: url("../images/icon-mac.svg"); }

.icon-android {
  background-image: url("../images/icon-android.svg"); }

.icon-ios {
  background-image: url("../images/icon-ios.svg"); } 

.icon-white-pc {
  background-image: url("../images/icon-white-pc.png"); }

.icon-white-mac {
  background-image: url("../images/icon-white-mac.png"); }

.icon-white-android {
  background-image: url("../images/icon-white-android.png"); }

.icon-white-ios {
  background-image: url("../images/icon-white-ios.png"); }

.icon-red-arrow-right {
  background-image: url("../images/red-right-arrow.png");
  background-repeat: no-repeat;
  background-position: 86% 50%;
  padding-right: 40px !important; }
  @media screen and (max-width: 940px) {
    .icon-red-arrow-right {
      background-image: none;
      padding-right: 15px !important; } }

.gutter-top {
  margin-top: 20px; }

/* ------------------ */
/* BG Icons 
/* ------------------ */
.bg {
  background-repeat: no-repeat;
  background-position: 20px 0;
  padding-left: 60px !important;
  background-image: url("../images/icons/ico-dangerous-websites.svg");
  background-size: 30px; }
  
    .bg-ransomware{
	background-image: url('../images/icons/ransomware.svg');
}
  
 .bg-virus{
	 background-image: url("../images/icons/virus.svg"); }
 } 
 
  .bg-privacy{
	 background-image: url("../images/icons/ico-privacy.svg"); }
   
 

.bg-dangerous-websites {
  background-image: url("../images/icons/ico-dangerous-websites.svg"); }

.bg-privacy {
  background-image: url("../images/icons/ico-privacy.svg"); }

.bg-id-theft {
  background-image: url("../images/icons/ico-id-theft.svg"); }

.bg-kids-online {
  background-image: url("../images/icons/ico-kids-online.svg"); }

.bg-passwords {
  background-image: url("../images/icons/password.svg"); }

.bg-banking {
  background-image: url("../images/icons/ico-banking.svg"); }

.bg-performance {
  background-image: url("../images/icons/ico-performance.svg"); }

.bg-android-ios {
  background-image: url("../images/icons/ico-android-ios.svg"); }

.bg-multi-devices {
  background-image: url("../images/icons/ico-android-ios.svg"); }

.bg-support {
  background-image: url("../images/icons/generic-support.svg"); }

 .bg-premium-support {
  background-image: url("../images/icons/support2.svg"); }
  
  .bg-retroscan {
  background-image: url("../images/icons/retro-scan.svg"); }
  
   .bg-vulnerability-check {
  background-image: url("../images/icons/vulnerability-check.svg"); }
  
.bg-gold-support {
  background-image: url("../images/icons/support2.svg"); }

.bg-silver-support {
  background-image: url("../images/icons/support2.svg"); }

.flex-control-paging li a {
  background: rgba(255, 255, 255, 0.5); }

.flex-control-paging li a:hover {
  background: rgba(255, 255, 255, 0.5); }

.flex-control-paging li a.flex-active {
  background: #fff; }

.flex-direction-nav a:before {
  color: rgba(255, 255, 255, 0.8); }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }

td {
  border: solid #c7c7c7 1px;
  max-width: 495px; }

/* Custom Styles */
body {
  margin: 0;
  font-family: "Open Sans",sans-serif;
  font-size: 16px;
  color: #fff;
  line-height: 1.2; }

h1 {
  font-family: "Open Sans",sans-serif;
  line-height: 1.1;
  font-size: 2.5em;  }

h2 {
  font-size: 1.6em;
font-weight: normal; }

p {
  font-family: "Open Sans",sans-serif; }

.container {
  width: 100%; }
  @media screen and (max-width: 768px) {
    .container {
      padding-top: 100px; } }
  @media screen and (max-width: 375px) {
    .container {
      padding-top: 80px; } }
  .container .inner-container {
    max-width: 1412px;
    margin-left: auto;
    margin-right: auto;
    /*overflow: hidden;*/
    position: relative; }
    .container .inner-container::after {
      clear: both;
      content: "";
      display: table; }
  .container .content {
    color: #3C3939;
    padding: 50px 30px;
    line-height: 1.4; }
    @media screen and (max-width: 768px) {
      .container .content {
        padding: 20px; } }
    .container .content a {
      color: #bd141a; }
    .container .content ul {
      margin-left: 30px; }
      @media screen and (max-width: 768px) {
        .container .content ul {
          margin-left: 20px; } }
      .container .content ul li {
        list-style-type: disc;
        line-height: 1.5; }
  .container .top-btns {
    overflow: hidden;
    float: left;
    width: auto;
    min-width: 55%;
    position: relative; }
    .container .top-btns .btn {
      display: block;
      height: 36px;
      float: right; }
  .container .btn {
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 30px;
    margin-right: 30px;
    display: inline-block;
    width: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; }
    @media screen and (max-width: 375px) {
      .container .btn {
        margin-right: 0; } }
    @media screen and (max-width: 940px) {
      .container .btn {
        padding: 12px 20px; } }
    .container .btn .fa {
      margin-left: 10px; }
  .container .compare-btn {
    text-align: center;
    margin: 0 auto !important;
    display: block;
    position: relative;
    max-width: 250px;
    clear: both; }
  .container ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  @media screen and (max-width: 768px) {
    .container .fa-long-arrow-right {
      display: none; } }
  .container header {
    background-color: #bd141a;
    position: relative;
    z-index: 100; }
    @media screen and (max-width: 1465px) {
      .container header {
        padding: 0 20px; } }
    @media screen and (max-width: 768px) {
      .container header {
        padding: 0 0 0 20px; } }
    .container header > .inner-container {
      height: 100px; }
      @media screen and (max-width: 375px) {
        .container header > .inner-container {
          height: 80px; } }
    .container header .logo {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 14.70196%;
      position: relative;
      /*top: 50%;*/
      /*@include transform(translateY(-50%) perspective(1px));*/
      /*-webkit-backface-visibility: hidden;*/
      /*-webkit-font-smoothing: none;*/
      min-width: 150px;
      display: block;
      margin: 0; }
      .container header .logo:last-child {
        margin-right: 0; }
      .container header .logo img {
        border: none; }
    .container header nav {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 56.76157%;
      margin-right: 0; }
      .container header nav:last-child {
        margin-right: 0; }
      @media screen and (max-width: 940px) {
        .container header nav {
          max-width: 218px; } }
      @media screen and (max-width: 832px) {
        .container header nav {
          max-width: 210px; } }
      @media screen and (max-width: 768px) {
        .container header nav {
          display: none; } }
      .container header nav li {
        float: left;
        width: auto; }
        .container header nav li a {
          line-height: 100px;
          display: block;
          text-transform: uppercase;
          color: #fff;
          text-decoration: none;
          padding: 0 15px;
          font-weight: bold;
          letter-spacing: 3px;
          font-family: "Open Sans",sans-serif;
          font-size: 0.8em; }
          @media screen and (max-width: 1065px) {
            .container header nav li a {
              padding: 0 20px; } }
          @media screen and (max-width: 940px) {
            .container header nav li a {
              font-size: 0.875em;
              letter-spacing: 0px; } }
        .container header nav li a:hover,
        .container header nav li a.hover {
          background-color: #8d0607; }
    @media screen and (max-width: 940px) {
      .container header .right-col {
        margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .container header .right-col {
        display: none; } }
    .container header .mobile-bars {
      color: #fff;
      font-size: 2em;
      display: none;
      position: relative;
      padding: 23px 0 0;
      width: 100px;
      height: 80px;
      overflow: hidden;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .container header .mobile-bars {
          display: block; } }
    .container header .mobile-bars.close {
      background: #8d0607; }
    .container header .mobile-nav {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      display: none;
      background: #8d0607;
      max-height: 100vh;
      overflow-y: auto; }
      .container header .mobile-nav li {
        border-bottom: 1px solid #a74d50;
        text-transform: uppercase; }
        .container header .mobile-nav li ul {
          display: none;
          border-top: 1px solid #95292d; }
          .container header .mobile-nav li ul li {
            text-transform: capitalize;
            border-color: #95292d;
            font-family: "Open Sans",sans-serif; }
            .container header .mobile-nav li ul li a {
              padding-left: 40px;
              display: block;
              font-weight: normal; }
          .container header .mobile-nav li ul li:last-child {
            border-bottom: none; }
        .container header .mobile-nav li ul.show {
          display: block; }
      .container header .mobile-nav a {
        padding: 20px;
        display: block;
        color: #fff;
        text-decoration: none;
        line-height: 1.6;
        font-weight: bold; }
      .container header .mobile-nav a:hover {
        text-decoration: none; }
      .container header .mobile-nav .fa {
        float: right;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -o-transition: all 0.8s;
        -ms-transition: all 0.8s;
        transition: all 0.8s;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center; }
      .container header .mobile-nav .openx {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      .container header .mobile-nav .mobile-nav-footer {
        text-align: center; }
      .container header .mobile-nav .nav-btn-group {
        padding: 50px 0 30px;
        text-align: center; }
        .container header .mobile-nav .nav-btn-group .btn {
          color: #8d0607;
          display: inline-block;
          padding: 10px 20px;
          margin-right: 20px; }
        .container header .mobile-nav .nav-btn-group .btn:last-child {
          margin-right: 0; }
      .container header .mobile-nav .nav-contacts {
        padding: 20px 30px;
        text-transform: none;
        display: inline-block;
        margin: 0 auto;
        font-family: "Open Sans",sans-serif; }
        .container header .mobile-nav .nav-contacts a {
          font-weight: normal;
          padding: 0;
          display: inline-block;
          margin: 0 10px 0px; }
        .container header .mobile-nav .nav-contacts a.selected-country {
          color: #F2B3B5; }
        .container header .mobile-nav .nav-contacts a.tel-number {
          display: block;
          font-size: 1.5em; }
        .container header .mobile-nav .nav-contacts .fa {
          float: none;
          margin-left: 0; }
    .container header .mobile-nav.show {
      display: block; }
      @media screen and (min-width: 769px) {
        .container header .mobile-nav.show {
          display: none; } }
  .container .product-nav-list {
    /*display: none;*/
    position: absolute;
    top: -500px;
    left: 0;
    opacity: 0;
    color: #fff;
    background-color: #8d0607;
    padding: 30px;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 100%;
	}
	
    .container .product-nav-list .inner-container > .col {
      font-family: "Open Sans",sans-serif;
      overflow: hidden;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      border-right: 1px solid #a74d50;
      padding-right: 30px; }
      .container .product-nav-list .inner-container > .col:last-child {
        margin-right: 0; }
      .container .product-nav-list .inner-container > .col li {
        border-top: 1px solid #a74d50;
        padding: 10px 0; }
      .container .product-nav-list .inner-container > .col a {
        display: block; }
    .container .product-nav-list .inner-container > .col:last-child {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      border-width: 0;
      padding: 0; }
      .container .product-nav-list .inner-container > .col:last-child:last-child {
        margin-right: 0; }
    .container .product-nav-list ul {
      max-width: 296px; }
    .container .product-nav-list a {
      color: #fff;
      text-decoration: none;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .container .product-nav-list a:hover {
        opacity: 0.6; }
  .container .product-nav-list.show {
    opacity: 1;
    top: 100%; }

@media screen and (max-width: 768px) {
  .header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; } }

.flex-direction-nav a {
  height: 50px; }
@media screen and (max-width: 768px) {
  .flex-direction-nav {
    display: none; } }

.hero {
  height: 330px;
  z-index: 18;
  border: none;
  overflow: hidden;
  font-family: "Open Sans",sans-serif;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }
  @media screen and (max-width: 768px) {
	 .hero {
		height: 330px; /*for mobile*/
	 }	 
  }
  
  
  .hero .inner-container {
    overflow: hidden; }
    @media screen and (max-width: 1465px) {
      .hero .inner-container {
        padding: 0 20px; } }
    .hero .inner-container h1 {
	  /*shadow on the home page hero banner*/
	  /**/
      max-width: 60%;
      /*margin-top: 0;*/
      margin-top: 0px;
margin-bottom: -5px;	  
	  font-size: 3.3em;}
      @media screen and (max-width: 960px) {
        .hero .inner-container h1 {
          max-width: 80%; } }
      @media screen and (max-width: 960px) {
        .hero .inner-container h1 {
          line-height: 1;
          font-size: 3.9em;
          max-width: 100%;
          margin-top: 30px; } }
	  @media screen and (max-width: 768px) {
		.hero .inner-container h1 {
		  line-height: 1;
          font-size: 2.4em;
          max-width: 100%;
          margin-top: 5px; } }
		  
    .hero .inner-container p {
      font-size: 1.125em;
      max-width: 60%; }
      @media screen and (max-width: 960px) {
        .hero .inner-container p {
          max-width: 80%; } }
      @media screen and (max-width: 960px) {
        .hero .inner-container p {
          font-size: 1.2em;
          max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		 .hero .inner-container p {
          font-size: 1.2em;
          max-width: 100%; } }
	  
  .hero .slides li {
    height: 330px;
    max-width: 100% !important;
	z-index:-1 !important;	}
	
	/* New Renewal Design */
	
	/* //New Renewal Design */
	
  .hero .flex-control-nav {
    bottom: 40px;
    color: #fff; }
  .hero .three-col-copy p {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.1;
    float: left;
    display: block; }

	
/* NEW RENEWAL PAGE DESIGN - 160708 */

.hero-b {
  z-index: 18;
  border: none;
  /*overflow: hidden;*/
  font-family: "Open Sans",sans-serif;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px; }
  
  @media screen and (max-width: 1312px) {
	 .hero-b {
		height: 320px; /*for ipad*/
	 }	 
  }
  
  
   
      
  
  @media screen and (max-width: 858px) {
	   .hero-b {
		height: 380px; /*for mobile*/
	 }	
   }
  
  @media screen and (max-width: 768px) {
	 .hero-b {
		height: 360px; /*for ipad*/
	 }	 
  }
   @media screen and (max-width: 628px) {
	   .hero-b {
		height: 500px; /*for mobile*/
	 }	
   }
   
   @media screen and (max-width: 320px) {
	   .hero-b {
		height: 500px; /*for mobile*/
	 }	
   }
   
   
  
  .hero-b .inner-container {
    overflow: hidden; }
    @media screen and (max-width: 1465px) {
      .hero-b .inner-container {
        padding: 0 20px; } }
    .hero-b .inner-container h1 {
      font-weight: normal;
	  /*shadow on the home page hero-b banner*/
	  /**/
      max-width: 100%;
      /*margin-top: 0;*/
      margin-top: 0px;
	margin-bottom: -5px;	  
	  font-size: 3.3em;}
	  @media screen and (max-width: 1045px) {
		  .hero-b .inner-container h1 {
          max-width: 100%; } }
	  }

      @media screen and (max-width: 960px) {
        .hero-b .inner-container h1 {
          max-width: 100%; } }
      @media screen and (max-width: 960px) {
        .hero-b .inner-container h1 {
          line-height: 1;
          font-size: 3.2em;
          max-width: 100%;
          margin-top: 5px; } }
	  @media screen and (max-width: 768px) {
		.hero-b .inner-container h1 {
		  line-height: 1;
          font-size: 3.2em;
          max-width: 100%;
          margin-top: 20px; } }
		 
	 @media screen and (max-width: 480px) {
	.hero-b .inner-container h1 {
	  line-height: 1;
	  font-size: 2.5em;
	  max-width: 100%;
	  margin-top: 5px; } }
		 
    .hero-b .inner-container p {
      font-size: 1.125em;
      max-width: 60%; }
      @media screen and (max-width: 960px) {
        .hero-b .inner-container p {
          max-width: 100%; } }
      @media screen and (max-width: 960px) {
        .hero-b .inner-container p {
          font-size: 1.2em;
          max-width: 100%; } }
	  @media screen and (max-width: 768px) {
		 .hero-b .inner-container p {
          font-size: 1.2em;
          max-width: 100%; } }
	  
  .hero-b .slides li {
    height: 330px;
    max-width: 100% !important;
	z-index:-1 !important;	}

	
  .hero-b .flex-control-nav {
    bottom: 40px;
    color: #fff; }
  .hero-b .three-col-copy p {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.1;
    float: left;
    display: block; }


/* //NEW RENEWAL PAGE DESIGN  */
	
	
	
	
	
.three-col-copy {
  margin-top: 60px;
  width: 100%; }
  .three-col-copy::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 780px) {
    .three-col-copy {
      margin-top: 0;
      padding: 30px; } }
  .three-col-copy > .col {
    overflow: hidden;
    height: 112px;
    position: relative;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .three-col-copy > .col::after {
      clear: both;
      content: "";
      display: table; }
    .three-col-copy > .col:last-child {
      margin-right: 0; }
    @media screen and (max-width: 780px) {
      .three-col-copy > .col {
        width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 768px) {
      .three-col-copy > .col {
        color: #3C3939; } }
    .three-col-copy > .col .fa {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      font-size: 7em;
      padding-left: 1px;
      min-width: 100px;
      position: relative;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .three-col-copy > .col .fa:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1120px) {
        .three-col-copy > .col .fa {
          min-width: 80px;
          font-size: 5em; } }
      @media screen and (max-width: 850px) {
        .three-col-copy > .col .fa {
          min-width: 70px; } }
    .three-col-copy > .col p {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%;
      padding: 0;
      margin-right: 0;
      max-width: 100%; }
      .three-col-copy > .col p:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1120px) {
        .three-col-copy > .col p {
          font-size: 1.2em; } }
      @media screen and (max-width: 850px) {
        .three-col-copy > .col p {
          margin-top: 0;
          font-size: 1em; } }
      @media screen and (max-width: 780px) {
        .three-col-copy > .col p {
          margin: 0;
          padding: 10px; } }

.awards {
  background-color: #f2f2f2;
  overflow: hidden;
  color: #3C3939;
  padding: 50px 0; }
  @media screen and (max-width: 768px) {
    .awards {
      padding: 50px 20px; } }
  @media screen and (max-width: 768px) {
    .awards .inner-container {
      display: block;
      text-align: center; } }
  .awards .images {
    max-width: 336px;
    min-width: 320px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    margin-left: 17.05961%;
    margin-right: 0; }
    .awards .images:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .awards .images {
        min-width: 90%;
        max-width: 100%;
        margin: 0 auto 20px;
        display: block;
        float: none; } }
    .awards .images img {
      margin-right: 15px;
      max-width: 100%; }
    @media screen and (max-width: 768px) {
      .awards .images.separated img {
        max-width: 25%; } }
    .awards .images img:last-child {
      margin-right: 0; }
  .awards .copy {
    margin: 0;
    font-family: "Open Sans",sans-serif;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
    .awards .copy:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .awards .copy {
        width: 100%;
        margin: 0;
        display: block; } }
    .awards .copy h2 {
      margin-top: 0;
      font-family: "Open Sans",sans-serif; }
    .awards .copy p {
      margin-bottom: 0;
      font-size: 1em; }

.products {
  color: #3C3939;
  padding: 50px 0;
  overflow: hidden; }
  @media screen and (max-width: 1465px) {
    .products {
      padding: 50px 20px; } }
  @media screen and (max-width: 1465px) {
    .products {
      padding: 30px 20px; } }
  .products .col {
    border-right: 1px solid #dddedf; }
  .products .col:nth-child(4n),
  .products .col.fourth-col {
    border-width: 0 !important;
    margin-right: 0 !important;
    border-color: red; }
  .products a.btn {
    border: 2px solid #636466;
    color: #636466;
    margin: 0; }
    .products a.btn:hover {
      color: #fff;
      background-color: #636466; }
  .products .intro-copy {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 30px;
    overflow: hidden; }
  .products h4 {
    font-size: 1.6em; /*fix breaking line product title col when added 10 */
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .products h4 {
        margin-top: 0; } }
  .products em {
    font-weight: bold;
    font-size: 0.85em; }
  .products .platforms {
    margin-bottom: 20px;
    font-size: 1.3em; }
    .products .platforms .fa {
      margin: 0 10px; }

.product-cols {
  width: 100%;
  overflow: hidden;
  /*margin-bottom: 50px;*/ }
  .product-cols .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    overflow: hidden;
    max-width: 23%;
    margin-bottom: 50px; }
    .product-cols .col:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .product-cols .col {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin: 0 0 30px;
        padding: 20px;
        max-width: 100%; }
        .product-cols .col:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 568px) {
      .product-cols .col {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 40px;
        margin-bottom: 0; } }
    .product-cols .col .product-image {
      position: relative;
      display: block; }
      @media screen and (max-width: 320px) {
        .product-cols .col .product-image {
          display: block;
          width: 100%; } }
      .product-cols .col .product-image a {
        display: block; }
      .product-cols .col .product-image img {
        display: block;
        max-width: 60%; }
    .product-cols .col h4 a {
      text-decoration: none;
      color: #3C3939; }
    .product-cols .col h4, .product-cols .col p {
      padding-right: 20px; }
    .product-cols .col img {
      max-width: 100%;
      display: block; }
    .product-cols .col .btn {
      border-color: #367639;
      color: #367639;
      margin-right: 20px;
      text-align: center;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .product-cols .col .btn:hover {
        background: #367639;
        color: white; }
    .product-cols .col .buy-btn {
      margin-bottom: 10px;
      background: #367639;
      color: #fff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .product-cols .col .buy-btn:hover {
        background: #fff;
        color: #367639; }
  .product-cols .col.fourth-col {
    border-width: 0;
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .product-cols .col:nth-child(2n) {
      border-right: 1px solid #fff;
      padding-bottom: 20px; } }
  @media screen and (max-width: 768px) and (max-width: 320px) {
    .product-cols .col:nth-child(2n) {
      padding-bottom: 40px; } }

  @media screen and (max-width: 320px) {
    .product-cols .col:last-child {
      padding-bottom: 20px; } }
  .product-cols .empty-col {
    margin-left: -2.35% !important;
    padding-left: 2.35%;
    width: 25.5%;
    max-width: 25.25%; }
    @media screen and (max-width: 768px) {
      .product-cols .empty-col {
        display: none; } }

.table {
  color: black; }
  .table .container {
    padding-top: 0; }
  .table h1 {
    text-align: center;
    margin: 30px 0; }
  .table table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse; }
  .table td {
    border: solid #ececec 1px;
    padding: 10px 20px; }
    .table td.yes {
      text-align: center; }
      .table td.yes:before {
        content: url("/images/icon_dot.gif"); }
    .table td.no {
      text-align: center; }
    .table td[class*="tableHeaderBackground"] {
      height: 80px;
      font-size: 26px;
      line-height: 36px;
      text-align: center;
      color: white;
      text-transform: uppercase; }
    .table td.tableHeaderBackground-red {
      background: url("/images/table_background_red.png") no-repeat 50% 0; }
    .table td.tableHeaderBackground-grey {
      background: url("/images/table_background_grey.png") no-repeat 50% 0; }
    .table td.no-border {
      border: none; }
    .table td.center {
      text-align: center; }
    .table td img {
      max-width: 100%; }
  .table tbody h4 {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase; }
  .table tbody td {
    position: relative; }
    .table tbody td .table-pricing {
      font-family: "Open Sans",sans-serif;
      font-size: 0.9625em;
      padding-bottom: 20px; }
      .table tbody td .table-pricing h4 {
        color: #bd141a;
        text-transform: capitalize; }
      .table tbody td .table-pricing .rrp, .table tbody td .table-pricing em {
        color: #3C3939;
        font-style: italic; }
      .table tbody td .table-pricing .rrp {
        margin-bottom: 20px; }
      .table tbody td .table-pricing .price {
        color: #bd141a;
        font-size: 3.3em;
        margin-bottom: 20px; }
		
		
		
      .table tbody td .table-pricing .save {
        display: block;
        text-align: center;
        margin-bottom: 20px;
font-weight: bold;			}
      .table tbody td .table-pricing .free-trial {
        display: block;
        margin-top: 20px;
        color: #3C3939; }
  .table tbody div,
  .table tbody span {
    font-weight: 600;
    color: #a3a3a3;
    font-size: 14px; }
  .table tbody span {
    position: absolute;
    top: 30%;
    left: 5%; }
  .table .no-border-top {
    border-top-width: 0; }
  .table .no-border-bottom {
    border-bottom-width: 0; }
  .table .btn {
    background: #367639;
    color: #fff;
    display: inline-block;
    margin: 5px 0; }
  .table .inverted {
    background: #fff;
    color: #367639;
    border: solid #367639 2px; }
    .table .inverted:hover {
      background: #367639;
      color: #fff; }
  .table .inverted-variant {
    background: #fff;
    color: #636466;
    border: solid #636466 2px; }
    .table .inverted-variant:hover {
      background: #636466;
      color: #fff; }
  .table .product-header {
    text-align: center;
    padding: 70px 0; }
    .table .product-header h1 {
      font-size: 30px;
      line-height: 36px; }
    .table .product-header p {
      font-size: 16px;
      line-height: 21px; }
  .table .product-container {
	  align:center; }
	
	.table .product-option-basic{
    background-color:#367639;
	color:white;
	font-size:18px;
	}
	.table .product-option-recommended{
    background-color:#872775;
	color:white;
	font-size:18px;}
	.table .product-option-comprehensive{
    background-color:#872775;
	color:white;
	font-size:18px;}
	
  .table .table-mobile h3 {
    font-size: 36px;
    line-height: 46px; }
  .table .table-mobile h4 {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    margin: 20px 0; }
  .table .table-mobile h5 {
    font-size: 17px;
    text-align: center;
    margin: 10px 0; }
  .table .table-mobile ol,
  .table .table-mobile li {
    margin: 0;
    padding: 0;
    list-style: none; }
  .table .table-mobile .center {
    text-align: center; }
  .table .table-mobile .product-items {
    clear: both;
    border-top-width: 0; }
  .table .table-mobile .tab {
    display: block;
    width: 25%;
    float: left;
    padding: 18px 0 18px 0;
    border-collapse: collapse;
    border: solid #bfbfbf 1px;
    border-left-width: 0;
    margin-top: 10px;
    background: #ececec; }
    .table .table-mobile .tab:first-child {
      border-left-width: 1px; }
    .table .table-mobile .tab img {
      display: block;
      margin: 0 auto;
      width: 65px;
      max-width: 75%; }
      @media screen and (max-width: 450px) {
        .table .table-mobile .tab img {
          width: 100px; } }
      @media screen and (max-width: 350px) {
        .table .table-mobile .tab img {
          width: 85px; } }
      @media screen and (max-width: 300px) {
        .table .table-mobile .tab img {
          width: 70px; } }
    .table .table-mobile .tab.selected {
      border-bottom-width: 0;
      padding-bottom: 19px;
      background: white; }
      .table .table-mobile .tab.selected:before {
        content: "";
        background: #bd141a;
        display: block;
        height: 10px;
        width: 25%;
        position: absolute;
        margin-top: -28px;
        margin-left: -1px; }
  .table .table-mobile .tabContent {
    display: none;
    font-family: "Open Sans",sans-serif;
    text-align: center; }
    .table .table-mobile .tabContent .price {
      color: #bd141a;
      font-size: 1.8em !important; }
    .table .table-mobile .tabContent em {
      display: block; }
    .table .table-mobile .tabContent .free-trial {
      display: block;
      margin-top: 20px;
      color: #3C3939; }
  .table .table-mobile .tabContent:first-child {
    display: block; }
  .table .table-mobile .three-tabs .tab {
    min-width: 33.33%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .table .table-mobile .three-tabs .tab::after {
      clear: both;
      content: "";
      display: table; }
    .table .table-mobile .three-tabs .tab:before {
      content: "";
      width: 33.33%; }
  @media screen and (max-width: 320px) {
    .table .table-mobile .two-cols .col {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      border-bottom: none; }
      .table .table-mobile .two-cols .col:last-child {
        margin-right: 0; } }
  .table .table-mobile .product {
    border: solid #bfbfbf 1px;
    border-top-width: 0;
    padding: 20px; }
  .table .table-mobile .feature {
    font-size: 14px;
    line-height: 22px;
    padding-left: 40px;
    padding: 10px 0 10px 25px;
    border-top: 1px solid #f2f2f2; }
    .table .table-mobile .feature:last-child {
      border-bottom: 1px solid #f2f2f2; }
    .table .table-mobile .feature.yes {
      background: url(/images/icon_tick_xxs.gif) no-repeat 0px 14px;
      background-size: 16px; }
    .table .table-mobile .feature.no {
      background: url(/images/icon_cross_xxs.gif) no-repeat 0px 14px;
      background-size: 14px;
      color: #a6a6a6; }
  @media screen and (max-width: 768px) {
    .table {
      padding: 30px 20px 20px; }
      .table .product-header {
        padding: 30px 0; } }

.powered-strip {
  background-color: #f2f2f2;
  padding: 15px 10px 10px;
  margin: 0;
  overflow: hidden;
  color: #3C3939;
  text-transform: uppercase; }
  @media screen and (max-width: 768px) {
    .powered-strip {
      margin: 0; } }
  .powered-strip a {
    margin-top: 0; }
  .powered-strip h4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    text-align: right;
    margin: 0 20px 0 0;
    line-height: 40px;
    font-size: 0.75em;
    letter-spacing: 2px; }
    .powered-strip h4:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .powered-strip h4 {
        width: 100%;
        text-align: center;
        margin: 10px 0 10px; } }

@media screen and (max-width: 768px) {
  .payment-options {
    text-align: center; } }

.payment-options a {
  display: inline-block; }

a.visa {
  width: 47px;
  background-position: 0 0; }

a.mastercard {
  width: 50px;
  background-position: 0 -39px; }

a.paypal {
  width: 59px;
  background-position: 0 -77px; }

a.geotrust {
  width: 85px;
  background-position: 0 -120px; }

.customer {
  border-top: 1px solid #dddedf;
  overflow: hidden; }
  .customer h4 {
    color: #3C3939;
    font-size: 2.2em;
    margin-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .customer h4 {
        margin: 10px 0 20px;
        line-height: 1; } }
  .customer .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    text-align: center;
    padding-bottom: 30px;
    margin-right: 2%; }
    .customer .col:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .customer .col {
        padding: 20px;
        width: 100%;
        border-bottom: 1px solid #dddedf; } }
  .customer .col:first-child {
    border-right: 1px solid #dddedf; }
    @media screen and (max-width: 768px) {
      .customer .col:first-child {
        border-right: none; } }
  .customer .col.second-col {
    margin-right: 0; }
  .customer .btn {
    background: #2e3138;
    color: #fff;
    margin-bottom: 30px;
    border-color: #2e3138; }
    .customer .btn:hover {
      background: #fff;
      color: #2e3138; }
    @media screen and (max-width: 768px) {
      .customer .btn {
        margin-bottom: 10px; } }

.promo {
  min-height: 406px;
  padding-top: 60px;
  background: url(../images/promo-background.jpg) no-repeat center bottom;
  border-top: 1px solid #dddedf; }
  @media screen and (max-width: 1465px) {
    .promo {
      padding: 60px 20px 0; } }
  @media screen and (max-width: 768px) {
    .promo {
      padding: 30px 20px 20px; } }
  .promo .col {
    color: #3C3939;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%; }
    .promo .col:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .promo .col {
        width: 100%;
        text-align: center; } }
    .promo .col:first-child {
      text-align: right;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .promo .col:first-child:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        .promo .col:first-child {
          display: none; } }
    .promo .col.second-col {
      margin-right: 0; }
  .promo h4 {
    font-size: 2.2em;
    margin: 0 0 20px; }
  .promo .btn {
    background: #367639;
    color: #fff;
    display: inline-block; }
  .promo p {
    margin-bottom: 20px; }
  .promo .payment-options {
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      .promo .payment-options {
        margin-top: 100px;
        text-align: center; } }

.spotlights {
  padding: 80px 0;
  color: #3C3939; }
  @media screen and (max-width: 1465px) {
    .spotlights {
      padding: 80px 20px; } }
  @media screen and (max-width: 768px) {
    .spotlights {
      padding: 30px 20px; } }
  .spotlights .inner-container {
    overflow: hidden; }
  .spotlights .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .spotlights .col:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .spotlights .col {
        width: 100%;
        margin-bottom: 30px; } }
    .spotlights .col:last-child {
      margin-bottom: 0; }
    .spotlights .col.second-col {
      margin-right: 0; }
    .spotlights .col img {
      width: 100%; }
    .spotlights .col .col-content {
      text-align: center; }
  .spotlights h4 {
    font-size: 2em;
    margin: 20px 0 10px;
    text-align: center; }
  .spotlights p {
    font-size: 1.1em;
    line-height: 1.4;
    text-align: center;
    padding: 0 20px; }

header .right-col {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 27.82117%;
	text-align: right;
	float: right;
	height: 100%;
	position: relative;
	margin-right: 0;
}
.footer-top .right-col {
	float: left;
	display: block;
	margin-right: 2.35765%;
	width: 48.82117%;
	text-align: right;
	float: right;
	height: 100%;
	position: relative;
	margin-right: 0;
}
  header .right-col:last-child,
  .footer-top .right-col:last-child {
    margin-right: 0; }
  @media screen and (max-width: 1120px) {
    header .right-col,
    .footer-top .right-col {
      text-align: left; } }
  header .right-col a.btn,
  .footer-top .right-col a.btn {
    color: #bd141a;
    background-color: #fff;
    position: relative;
    /*top: 50%;*/
    /*@include transform(translateY(-50%) perspective(1px));*/
    /*-webkit-backface-visibility: hidden;*/
    -webkit-font-smoothing: none;
    /*@include media($ipad){
        top: 0;
        @include transform(translateY(0));
    }*/
    letter-spacing: 2px;
    margin-right: 2%;
    font-weight: bold; }
    @media screen and (max-width: 1120px) {
      header .right-col a.btn,
      .footer-top .right-col a.btn {
        margin-right: 7px;
        padding: 10px 20px; } }
    @media screen and (max-width: 940px) {
      header .right-col a.btn,
      .footer-top .right-col a.btn {
        letter-spacing: 0;
        padding: 10px 15px; } }
    @media screen and (max-width: 832px) {
      header .right-col a.btn,
      .footer-top .right-col a.btn {
        margin-right: 5px; } }
    @media screen and (max-width: 1120px) {
      header .right-col a.btn .fa,
      .footer-top .right-col a.btn .fa {
        display: none; } }
  header .right-col .contacts,
  .footer-top .right-col .contacts {
    float: right;
    text-align: right;
    margin-left: auto;
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
    line-height: 0.9; }
    @media screen and (max-width: 940px) {
      header .right-col .contacts,
      .footer-top .right-col .contacts {
        font-size: 0.875em;
        letter-spacing: 0; } }
    @media screen and (max-width: 768px) {
      header .right-col .contacts,
      .footer-top .right-col .contacts {
        position: relative;
        /*top: 50%;*/
        /*@include transform(translateY(-50%) perspective(1px));*/
        /*-webkit-backface-visibility: hidden;*/
        /*-webkit-font-smoothing: none;*/
        top: 50%;
        -webkit-transform: translateY(-50%) perspective(1px);
        -moz-transform: translateY(-50%) perspective(1px);
        -ms-transform: translateY(-50%) perspective(1px);
        -o-transform: translateY(-50%) perspective(1px);
        transform: translateY(-50%) perspective(1px); } }
    header .right-col .contacts a,
    .footer-top .right-col .contacts a {
      display: block;
      color: #fff;
      text-decoration: none;
      font-size: 1.40625em;
      line-height: 1; }
    header .right-col .contacts small,
    .footer-top .right-col .contacts small {
      color: #F2B3B5;
      font-size: 9px; }
    header .right-col .contacts label,
    .footer-top .right-col .contacts label {
      position: relative; }
      header .right-col .contacts label .fa,
      .footer-top .right-col .contacts label .fa {
        position: absolute;
        right: 0;
        top: 2px;
        font-size: 12px;
        color: #F2B3B5; }
    header .right-col .contacts select,
    .footer-top .right-col .contacts select {
      border: 1px solid #bd141a;
      background: #bd141a;
      color: #fff;
      outline: none;
      line-height: 1;
      padding: 5px 20px 5px 5px;
      color: #F2B3B5;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }

footer {
  z-index: 80; }
  footer .footer-top {
    background-color: #bd141a;
    position: relative;
    background: #bd141a; }
    footer .footer-top .inner-container {
      height: 115px; }
      @media screen and (max-width: 1465px) {
        footer .footer-top .inner-container {
          padding: 0 20px; } }
    footer .footer-top .logo {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 14.70196%;
      display: block;
      margin: 0; }
      footer .footer-top .logo:last-child {
        margin-right: 0; }
      footer .footer-top .logo img {
        border: none; }
  @media screen and (max-width: 768px) {
    footer .footer-top .right-col {
      width: 100%; } }
  footer .footer-mid {
    padding: 50px 0;
    background: #8d0607; }
    footer .footer-mid .inner-container {
      overflow: hidden; }
    @media screen and (max-width: 1465px) {
      footer .footer-mid {
        padding: 50px 20px; } }
    @media screen and (max-width: 768px) {
      footer .footer-mid {
        padding: 30px 20px; } }
    footer .footer-mid .left-col {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%; }
      footer .footer-mid .left-col:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        footer .footer-mid .left-col {
          width: 100%;
          margin: 0 0 30px; } }
      footer .footer-mid .left-col .col {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        position: relative; }
        footer .footer-mid .left-col .col:last-child {
          margin-right: 0; }
        @media screen and (max-width: 768px) {
          footer .footer-mid .left-col .col {
            float: left;
            display: block;
            margin-right: 2.35765%;
            width: 48.82117%;
            margin: 0; }
            footer .footer-mid .left-col .col:last-child {
              margin-right: 0; } }
      footer .footer-mid .left-col .col.fourth-col {
        margin-right: 0; }
    footer .footer-mid a {
      color: #fff;
      text-decoration: none;
      line-height: 2.5;
      font-size: 0.75em;
      font-family: "Open Sans",sans-serif; }
      @media screen and (max-width: 768px) {
        footer .footer-mid a {
          line-height: 1.8; } }
    footer .footer-mid h3 {
      text-transform: uppercase;
      font-size: 0.8em;
      margin-bottom: 20px;
      letter-spacing: 2px; }
      @media screen and (max-width: 768px) {
        footer .footer-mid h3 {
          margin-bottom: 10px; } }
    footer .footer-mid .right-col {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      margin-right: 0; }
      footer .footer-mid .right-col:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        footer .footer-mid .right-col {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        footer .footer-mid .right-col li a {
          float: left;
          display: block;
          margin-right: 2.35765%;
          width: 48.82117%; }
          footer .footer-mid .right-col li a:last-child {
            margin-right: 0; } }
      footer .footer-mid .right-col .footer-legals a {
        display: block; }
  footer .footer-bottom {
    padding: 30px 0;
    background: #8d0607;
    border-top: 1px solid #a74d50;
    overflow: hidden; }
    footer .footer-bottom .inner-container {
      overflow: hidden; }
    @media screen and (max-width: 1465px) {
      footer .footer-bottom {
        padding: 30px 20px; } }
    footer .footer-bottom a {
      color: #fff;
      text-decoration: none;
      font-family: "Open Sans",sans-serif; }
    footer .footer-bottom a:hover {
      text-decoration: underline; }
    footer .footer-bottom .col {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 34.82117%; }
      footer .footer-bottom .col:last-child {
        margin-right: 0; }
    footer .footer-bottom .col.second-col {
      margin-right: 0;
	  width: 62%;
	  max-width: 62%; }
      @media screen and (max-width: 768px) {
        footer .footer-bottom .col.second-col {
          max-width: 100%; } }
    footer .footer-bottom .footer-legals {
      text-align: right;
      font-size: 0.85em; }
      @media screen and (max-width: 768px) {
        footer .footer-bottom .footer-legals {
          width: 100%;
          text-align: left; } }
      footer .footer-bottom .footer-legals a {
        margin-left: 30px;
        line-height: 40px; }
        @media screen and (max-width: 768px) {
          footer .footer-bottom .footer-legals a {
            margin: 0 20px 0 0; } }
    @media screen and (max-width: 768px) {
      footer .footer-bottom .social-links {
        width: 100%;
        margin-bottom: 10px; } }
    footer .footer-bottom .social-links .fa {
      border: 2px solid #fff;
      font-size: 1.5em;
      width: 40px;
      height: 40px;
      line-height: 36px;
      text-align: center;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      border-top-right-radius: 20px;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      border-top-left-radius: 20px; }
      @media screen and (max-width: 780px) {
        footer .footer-bottom .social-links .fa {
          font-size: 1.45em;
          width: 38px;
          height: 38px;
          line-height: 35px; } }

/* ----------------- */
/* PRODUCTS PAGE */
/* ----------------- */
.products-page {
  /* Features */
  /* You also get  */
  /* Subscription Plan */
  /* Quote Video */
  /* technical-specifications */
  /* related-products */ }
  .products-page .products-hero {
    margin: 0;
    border: none;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .products-page .products-hero {
        text-align: center; } }
    .products-page .products-hero .slides li {
      min-height: 510px;
      max-width: 100%; }
      @media screen and (max-width: 1465px) {
        .products-page .products-hero .slides li {
          padding: 20px; } }
      @media screen and (max-width: 768px) {
        .products-page .products-hero .slides li {
          height: auto;
          min-height: 0; } }
      .products-page .products-hero .slides li .inner-container {
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .inner-container {
            top: 0;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0); } }
      .products-page .products-hero .slides li .hero-links {
        overflow: hidden;
        width: auto;
        display: inline-block;
        margin-right: 20px;
        font-family: "Open Sans",sans-serif;
        float: left; }
        @media screen and (max-width: 1000px) {
          .products-page .products-hero .slides li .hero-links {
            margin-right: 10px;
            font-size: 0.8em; } }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .hero-links {
            width: 100%;
            min-width: 100%;
            clear: both;
            margin: 0 auto; } }
        .products-page .products-hero .slides li .hero-links a {
          display: inline-block;
          color: #fff;
          float: left;
          line-height: 40px;
          font-size: 0.875em;
          font-weight: bold; }
          .products-page .products-hero .slides li .hero-links a:before {
            content: ' ';
            margin: 0 10px;
            border-left: 1px solid #3C3939; }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .hero-links a:first-child:before {
            border: none; } }
      .products-page .products-hero .slides li .icon-group {
        width: auto;
        bottom: auto;
        left: auto;
        right: auto;
        display: inline-block;
        white-space: nowrap;
        float: left;
        /*@include transform(translateY(0));*/ }
        @media screen and (max-width: 1120px) {
          .products-page .products-hero .slides li .icon-group {
            /*display: block;*/
            /*margin: 20px auto 0;*/
            position: relative; } }
        @media screen and (max-width: 850px) {
          .products-page .products-hero .slides li .icon-group {
            margin: 10px auto 0;
            float: none; } }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .icon-group {
            width: 100%;
            min-width: 100%;
            clear: both;
            margin: 0 auto; } }
        @media screen and (max-width: 568px) {
          .products-page .products-hero .slides li .icon-group {
            /*bottom: 30px;*/ } }
        .products-page .products-hero .slides li .icon-group .icon {
          margin: 0 10px; }
          @media screen and (max-width: 1120px) {
            .products-page .products-hero .slides li .icon-group .icon {
              margin: 0; } }
          @media screen and (max-width: 940px) {
            .products-page .products-hero .slides li .icon-group .icon {
              max-width: 18%; } }
          @media screen and (max-width: 768px) {
            .products-page .products-hero .slides li .icon-group .icon {
              max-width: 100%; } }
      .products-page .products-hero .slides li .left-col {
        text-align: right;
        margin-right: 0;
        height: 540px;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .products-page .products-hero .slides li .left-col:last-child {
          margin-right: 0; }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .left-col {
            text-align: center;
            height: auto; } }
        .products-page .products-hero .slides li .left-col img {
          max-width: 100%; }
          @media screen and (max-width: 375px) {
            .products-page .products-hero .slides li .left-col img {
              max-width: 60%;
              margin-left: -13%; } }
      .products-page .products-hero .slides li .right-col {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        float: right;
        padding: 50px 0px;
        margin-right: 0; }
        .products-page .products-hero .slides li .right-col:last-child {
          margin-right: 0; }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .right-col {
            padding: 0px; } }
      @media screen and (max-width: 768px) {
        .products-page .products-hero .slides li .col {
          width: 100%; } }
      .products-page .products-hero .slides li .btn-group {
        margin: 30px 0;
        max-width: 68em;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        clear: both;
        /*&>*:last-child{
            padding-right: 0;
        }*/ }
        .products-page .products-hero .slides li .btn-group::after {
          clear: both;
          content: "";
          display: table; }
        @media screen and (max-width: 850px) {
          .products-page .products-hero .slides li .btn-group {
            margin-bottom: 20px; } }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .btn-group {
            margin-bottom: 50px;
            text-align: center; } }
        .products-page .products-hero .slides li .btn-group span {
          float: left;
          padding: 0 10px 0 0;
          display: block; }
          @media screen and (max-width: 768px) {
            .products-page .products-hero .slides li .btn-group span {
              float: none; } }
        .products-page .products-hero .slides li .btn-group .btn {
          float: left; }
          @media screen and (max-width: 768px) {
            .products-page .products-hero .slides li .btn-group .btn {
              float: none; } }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .btn-group a {
            float: none; } }
      .products-page .products-hero .slides li .btn {
        text-transform: uppercase;
        margin-right: 10px; }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .slides li .btn {
            display: block;
            max-width: 200px;
            text-align: center;
            margin: 0 auto 30px; } }
			
			
			
    .products-page .products-hero h1 {
      font-size: 3.4em; /*fixed product title break line when added 10*/
      font-weight: normal;
      margin: 50px 0 30px; }
      @media screen and (max-width: 1465px) {
        .products-page .products-hero h1 {
          margin-top: 30px; } }
      @media screen and (max-width: 940px) {
        .products-page .products-hero h1 {
          font-size: 3em; } }
      @media screen and (max-width: 375px) {
        .products-page .products-hero h1 {
          font-size: 32px;
          margin-top: 0; } }
    .products-page .products-hero p {
      font-size: 1.6em;
      line-height: 1.3; }
    .products-page .products-hero .product-features {
      overflow: hidden;
      margin-top: 50px;
      position: relative; }
      @media screen and (max-width: 940px) {
        .products-page .products-hero .product-features {
          margin-top: 20px; } }
      @media screen and (max-width: 768px) {
        .products-page .products-hero .product-features .col {
          margin-bottom: 30px;
          text-align: left; } }
      .products-page .products-hero .product-features .fa {
        line-height: 1.2;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%;
        font-size: 3.75em; }
        .products-page .products-hero .product-features .fa:last-child {
          margin-right: 0; }
        @media screen and (max-width: 1120px) {
          .products-page .products-hero .product-features .fa {
            font-size: 3.125em; } }
        @media screen and (max-width: 940px) {
          .products-page .products-hero .product-features .fa {
            font-size: 2.5em; } }
        @media screen and (max-width: 850px) {
          .products-page .products-hero .product-features .fa {
            font-size: 1.875em; } }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .product-features .fa {
            max-width: 140px;
            text-align: right;
            font-size: 3.75em; } }
      .products-page .products-hero .product-features p {
        font-size: 1em;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%;
        margin: 0;
        padding: 0 15px;
        margin-left: 8.5298%; }
        .products-page .products-hero .product-features p:last-child {
          margin-right: 0; }
        @media screen and (max-width: 940px) {
          .products-page .products-hero .product-features p {
            font-size: 0.875em; } }
        @media screen and (max-width: 768px) {
          .products-page .products-hero .product-features p {
            font-size: 1.125em; } }
  .products-page .features {
    padding-top: 80px;
    background-color: #F9F9F9;
    padding: 40px 20px;
    min-height: 467px;
    background-position: 35% !important; }
    @media screen and (max-width: 1000px) {
      .products-page .features {
        background-position: 38% !important; } }
    @media screen and (max-width: 768px) {
      .products-page .features {
        padding: 20px;
        background: none !important;
        min-height: 0; } }
    .products-page .features .col {
      color: #3C3939; }
      @media screen and (max-width: 768px) {
        .products-page .features .col {
          width: 100%; } }
      .products-page .features .col img {
        width: 100%; }
      .products-page .features .col h2 {
        font-size: 2em; }
        @media screen and (max-width: 768px) {
          .products-page .features .col h2 {
            margin-top: 0;
            text-align: center; } }
      .products-page .features .col h4 {
        margin: 0;
        font-size: 1.2em; }
      .products-page .features .col p {
        margin-top: 0;
        line-height: 1.3;
        max-width: 480px;
        font-family: "Open Sans",sans-serif;
       /*font-weight: bold;*/
        font-size: 0.96875em; }
        @media screen and (max-width: 768px) {
          .products-page .features .col p {
            margin: 0 auto 20px; } }
      .products-page .features .col ul {
        max-width: 480px; }
        @media screen and (max-width: 768px) {
          .products-page .features .col ul {
            margin: 0 auto; } }
      @media screen and (max-width: 768px) {
        .products-page .features .col small, .products-page .features .col em {
          display: block;
          text-align: center; } }
      .products-page .features .col .btn {
        margin: 20px 0; }
        @media screen and (max-width: 768px) {
          .products-page .features .col .btn {
            display: block;
            margin: 20px auto !important;
            text-align: center;
            max-width: 200px; } }
  .products-page .ticked-list li {
    padding-left: 30px;
    background: url("/images/green-check.png") no-repeat 0 0; }
  .products-page .disc-list li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px; }
  .products-page .you-also-get {
    color: #3C3939; }
    @media screen and (max-width: 768px) {
      .products-page .you-also-get .col {
        width: 100%;
        text-align: center;
        padding: 0 20px; } }
    .products-page .you-also-get .col img {
      max-width: 100%; }
    .products-page .you-also-get h2 {
      font-size: 2em; }
    .products-page .you-also-get p strong {
      font-size: 1.2em; }
  .products-page .subscription-plans {
    color: #3C3939;
    margin-bottom: 30px; }
    .products-page .subscription-plans h2 {
      text-align: center;
      font-size: 1.7em;
      margin-bottom: 10px; 
	  margin-top:-35px;}
      @media screen and (max-width: 768px) {
        .products-page .subscription-plans h2 {
          padding: 0 20px; } }
    .products-page .subscription-plans p {
      text-align: center;
      max-width: 720px;
      margin: 0 auto;
      line-height: 1.5; }
      @media screen and (max-width: 768px) {
        .products-page .subscription-plans p {
          padding: 0 20px; } }
    .products-page .subscription-plans .plans {
      margin-top: 30px; }
      .products-page .subscription-plans .plans .col {
        background: #f9f9f9 url("/images/bg-plan.png") no-repeat 50% 0;
        border-top: 1px solid #fff;
        border-width: 30px 0;
        border-color: #fff #fff #f9f9f9;
        /*padding: 0 30px 30px;*/
        padding: 0 0 30px;
        position: relative; }
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .col {
            width: 100%;
            padding: 0;
            background-size: 100%;
            background-position: 50% -40px;
            border: 0;
            margin-bottom: 0; } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans .col {
            background-position: 50% -20px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans .col {
            background-position: 50% 20px; } }
        .products-page .subscription-plans .plans .col h4 {
          margin: 0 0 50px;
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          font-size: 1.4em;
          padding: 20px 0 0;
          background: #636466 url("/images/bg-plan.png") no-repeat 50% 0; }
          @media screen and (max-width: 768px) {
            .products-page .subscription-plans .plans .col h4 {
              margin-bottom: 70px; } }
        .products-page .subscription-plans .plans .col p {
          font-size: 1.1em;
          padding: 20px; }
          @media screen and (max-width: 768px) {
            .products-page .subscription-plans .plans .col p {
              font-size: 2em; } }
        .products-page .subscription-plans .plans .col li {
          font-size: 1.1em;
          line-height: 2.4;
          padding: 0 30px; }
        .products-page .subscription-plans .plans .col h5 {
          font-size: 1.4em;
          text-align: center;
          margin: 20px 0; }
          .products-page .subscription-plans .plans .col h5 span {
            color: #bd141a; }
      .products-page .subscription-plans .plans .empty-col {
        background-image: none; }
      .products-page .subscription-plans .plans .recommended-plan {
        background-color: #ececec;
        background-image: url("../images/bg-recommended-plan.png");
        border-color: #bd141a #fff #ececec; }
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .recommended-plan {
            width: 100%;
            padding: 0;
            background-size: 100%;
            background-position: 50% -30px; } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans .recommended-plan {
            background-position: 50% -20px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans .recommended-plan {
            background-position: 50% 0px; } }
        .products-page .subscription-plans .plans .recommended-plan h4 {
          background-color: #bd141a;
          background-image: url("../images/bg-recommended-plan.png"); }
      .products-page .subscription-plans .plans .feature-list {
        margin-bottom: 20px;
        max-width: 480px;
        font-family: "Open Sans",sans-serif;
        font-size: 0.875em;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .feature-list {
            padding: 20px;
            margin: 0 auto; } }
        .products-page .subscription-plans .plans .feature-list li {
          margin-bottom: 10px;
		  margin-left:30px;}
      .products-page .subscription-plans .plans .payment-details {
        background: #fff;
        padding: 10px 0px 20px 0px ; /* 160425 - newpricing - padding: 20px 15px;*/
        margin: 0 30px 30px;
        text-align: center;
        font-family: "Open Sans",sans-serif; }
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .payment-details {
            margin: 0 30px 30px; } }
        @media screen and (max-width: 375px) {
          .products-page .subscription-plans .plans .payment-details {
            margin: 0 20px 20px; } }
        .products-page .subscription-plans .plans .payment-details .license {
          margin-bottom: 30px; }
          .products-page .subscription-plans .plans .payment-details .license .col {
            background: #fff;
            padding: 0;
            border: none;
            line-height: 1.4;
            width: 47%; }
            @media screen and (max-width: 768px) {
              .products-page .subscription-plans .plans .payment-details .license .col {
                float: left;
                display: block;
                margin-right: 2.35765%;
                width: 48.82117%; }
                .products-page .subscription-plans .plans .payment-details .license .col:last-child {
                  margin-right: 0; } }
            .products-page .subscription-plans .plans .payment-details .license .col strong {
              font-size: 1.4em;
              display: block; }
          .products-page .subscription-plans .plans .payment-details .license .col:first-child {
            border-right: 1px solid #ececec; }
          .products-page .subscription-plans .plans .payment-details .license .col.second-col {
            margin-right: 0; }
        .products-page .subscription-plans .plans .payment-details .one-col .col {
          width: 100%;
          border-right: none !important; }
        .products-page .subscription-plans .plans .payment-details .rrp {
          font-style: italic;
          font-size: 1em;
          font-weight: bold;
          min-height: 20px; }
		  
        .products-page .subscription-plans .plans .payment-details .price {
          color: #bd141a;
          font-size: 2.75em; } 
		  
		 @media screen and (max-width: 1465px) {
			.products-page .subscription-plans .plans .payment-details .price {
			  color: #bd141a;
			  font-size: 2.75em; }
		 }
		 @media screen and (max-width: 940px) {
			.products-page .subscription-plans .plans .payment-details .price {
			  color: #bd141a;
			  font-size: 1.75em; }
		 }
		 
		 
		 
		 
		  
		 
		 /* 170821 - PLANS FEATURES */
		 
		  .products-page .subscription-plans .plans-features {
      margin-top: 0px; }
      .products-page .subscription-plans .plans-features .col {
       background: #f9f9f9  no-repeat 50% 0;
        
        /*padding: 0 30px 30px;*/
        padding: 0 0 30px;
        position: relative; }
		
		
		 .products-page .subscription-plans .plans-features .bestbuy-label{
        position:absolute; 
		top:8px;
		right: -21px;}
		
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans-features .col {
            width: 100%;
            padding: 0;
            background-size: 100%;
            background-position: 50% -40px;
            border: 0;
            margin-bottom: 0; } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans-features .col {
            background-position: 50% -20px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans-features .col {
            background-position: 50% 20px; } }
        .products-page .subscription-plans .plans-features .col h4 {
          margin: 0 0 50px;
          color: #fff;
          text-align: center;
          text-transform: uppercase;
          font-size: 1.5em;
          padding: 30px 0 0;
          }
          @media screen and (max-width: 768px) {
            .products-page .subscription-plans .plans-features .col h4 {
              margin-bottom: 70px; } }
        .products-page .subscription-plans .plans-features .col p {
          font-size: 1.1em;
          padding: 20px; }
          @media screen and (max-width: 768px) {
            .products-page .subscription-plans .plans-features .col p {
              font-size: 2em; } }
        .products-page .subscription-plans .plans-features .col li {
          font-size: 1.1em;
          line-height: 1.5em;
          padding: 0 30px; }
        .products-page .subscription-plans .plans-features .col h5 {
          font-size: 1.4em;
          text-align: center;
          margin: 20px 0; }
          .products-page .subscription-plans .plans-features .col h5 span {
            color: #bd141a; }
      .products-page .subscription-plans .plans-features .empty-col {
        background-image: none; }
      .products-page .subscription-plans .plans-features .recommended-plan {
        background-color: #ececec;
        }
		
		 .products-page .subscription-plans .plans-features .recommended-plan .recommended-label{
        position:absolute; 
		
		right: -21px;}
		
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans-features .recommended-plan {
            width: 100%;
            padding: 0;
            background-size: 100%;
            background-position: 50% -70px; } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans-features .recommended-plan {
            background-position: 50% -50px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans-features .recommended-plan {
            background-position: 50% 0px; } }
        .products-page .subscription-plans .plans-features .recommended-plan h4 {
          background-color: #bd141a;
           }
      .products-page .subscription-plans .plans-features .feature-list {
        margin-bottom: 20px;
        max-width: 480px;
        font-family: "Open Sans",sans-serif;
        font-size: 0.875em;
        font-weight: normal;
		text-align:left;
		padding-left:30px;}
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans-features .feature-list {
            padding: 20px;
            margin: 0 auto; } }
        .products-page .subscription-plans .plans-features .feature-list li {
          margin-bottom: 15px; }
      .products-page .subscription-plans .plans-features .payment-details {
        background: #fff;
        padding: 20px 0px 15px 0px ; /* 160425 - newpricing - padding: 20px 15px;*/
        margin: 0 30px 30px;
        text-align: center;
        font-family: "Open Sans",sans-serif; }
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans-features .payment-details {
            margin: 0 30px 30px; } }
        @media screen and (max-width: 375px) {
          .products-page .subscription-plans .plans-features .payment-details {
            margin: 0 20px 20px; } }
        .products-page .subscription-plans .plans-features .payment-details .license {
          margin-bottom: 30px; }
          .products-page .subscription-plans .plans-features .payment-details .license .col {
            background: #fff;
            padding: 0;
            border: none;
            line-height: 1.4;
            width: 47%; }
            @media screen and (max-width: 768px) {
              .products-page .subscription-plans .plans-features .payment-details .license .col {
                float: left;
                display: block;
                margin-right: 2.35765%;
                width: 48.82117%; }
                .products-page .subscription-plans .plans-features .payment-details .license .col:last-child {
                  margin-right: 0; } }
            .products-page .subscription-plans .plans-features .payment-details .license .col strong {
              font-size: 1.4em;
              display: block; }
          .products-page .subscription-plans .plans-features .payment-details .license .col:first-child {
            border-right: 1px solid #ececec; }
          .products-page .subscription-plans .plans-features .payment-details .license .col.second-col {
            margin-right: 0; }
        .products-page .subscription-plans .plans-features .payment-details .one-col .col {
          width: 100%;
          border-right: none !important; }
        .products-page .subscription-plans .plans-features .payment-details .rrp {
          font-style: italic;
          font-size: 1em;
          font-weight: bold;
          min-height: 20px; }
		  
        .products-page .subscription-plans .plans-features .payment-details .price {
          color: #bd141a;
          font-size: 2.75em; } 
		  
		  .products-page .subscription-plans .plans-features .payment-details .price-per-device {
          margin:10px;
          } 
		  
		 @media screen and (max-width: 1465px) {
			.products-page .subscription-plans .plans-features .payment-details .price {
			  color: #bd141a;
			  font-size: 2.75em; }
		 }
		 @media screen and (max-width: 940px) {
			.products-page .subscription-plans .plans-features .payment-details .price {
			  color: #bd141a;
			  font-size: 1.75em; }
		 }
		 
		 
		 
		 
		 	 /* 160120 - IMPROVE LOOK AND FEEL CASHBACK PRICING */
		 
		 
		 
		.products-page .subscription-plans .plans .payment-details .before-cashback table tr td {
			 border:none;
			outline:none;
		}
		
		.products-page .subscription-plans .plans .payment-details .before-cashback table tr td font {
			 font-size:16px;
		}
		
		.products-page .subscription-plans .plans .payment-details .before-cashback {
          background-color:#a6a6a6;
		  color:#ffffff;
		  padding:15px;
		  text-align:left;
          font-size: 2.75em; 
		  font-weight:bold;} 
		  
		 @media screen and (max-width: 1465px) {
			.products-page .subscription-plans .plans .payment-details .before-cashback {
			  background-color:#a6a6a6;
		  color:#ffffff;
			  font-size: 2.75em; 
			  font-weight:bold;}
		 }
		 
		 @media screen and (max-width: 1192px) {
			.products-page .subscription-plans .plans .payment-details .before-cashback {
			  background-color: #a6a6a6;
			  color: #ffffff;
			  font-size: 1.75em;
			font-weight:bold;			  }
			
			.products-page .subscription-plans .plans .payment-details .before-cashback table tr td font {
			 font-size:12px;
		 }
		 
			.products-page .subscription-plans .plans .payment-details .before-cashback table {
			 width:90%;
		}
		 
		 }
		 
		 @media screen and (max-width: 940px) {
			.products-page .subscription-plans .plans .payment-details .before-cashback {
			  background-color:#a6a6a6;
		  color:#ffffff;
			  font-size: 2.20em;
			  font-weight:bold; }
		 }
		
		
		
		.products-page .subscription-plans .plans .payment-details .after-cashback {
		  background-color: #f2f2f2;
		  padding:20px;
          color: #bd141a;
          font-size: 2.75em;
		  font-weight:bold;} 
		  
		 
		  
		  .products-page .subscription-plans .plans .payment-details .after-cashback table tr td {
			 border:none;
			outline:none;
		}
		  
		  .products-page .subscription-plans .plans .payment-details .after-cashback table tr td font {
			 font-size:16px;
		}
		  
		 @media screen and (max-width: 1465px) {
			.products-page .subscription-plans .plans .payment-details .after-cashback {
			  background-color: #f2f2f2;
			  color: #bd141a;
			  font-size: 2.75em;
			font-weight:bold;			  }
		 }
		 
		 @media screen and (max-width: 1192px) {
			.products-page .subscription-plans .plans .payment-details .after-cashback {
			  background-color: #f2f2f2;
			  color: #bd141a;
			  font-size: 1.75em;
			font-weight:bold;	
		  }
		  
		  .products-page .subscription-plans .plans .payment-details .after-cashback table tr td font {
			 font-size:12px;
		 }
		  .products-page .subscription-plans .plans .payment-details .after-cashback table {
			 width:90%;
		}
		 
		 }
		 
		 @media screen and (max-width: 940px) {
			.products-page .subscription-plans .plans .payment-details .after-cashback {
			  background-color:#f2f2f2
			  color: #bd141a;
			  font-size: 2.20em;
			 font-weight:bold;}
		 }
		
		
		.products-page .subscription-plans .plans .payment-details .save-container {
			position: relative;
		}
		
		.products-page .subscription-plans .plans .payment-details .save-cashback {
			background: url("../images/label.png") no-repeat 0 2px; 
			height:81px;
			width:79px;
			float:right;
			left:75%;
			top:-20px;
			margin-right:10px;
			position: absolute;
			color:white !important;
			padding-top:27px;
			font-size:13px;

			}
			
			@media screen and (max-width: 1192px) {
			.products-page .subscription-plans .plans .payment-details .save-cashback {
			background: url("../images/label.png") no-repeat 0 2px; 
			background-size: 70px 68px;
			height:70px;
			width:68px;
			float:right;
			left:75%;
			top:-20px;
			margin-right:10px;
			position: absolute;
			color:white !important;
			padding-top:24px;
			font-size:12px;
		  }
			}
			
		/* end */
		 
		 
		  
        .products-page .subscription-plans .plans .payment-details .save {
          display: block;
          min-height: 20px;
font-weight: bold;	
color: #000;
font-size: 1.3em;
  }
        .products-page .subscription-plans .plans .payment-details .after-cashback {
		  display: block;
          min-height: 20px;
		  }
        .products-page .subscription-plans .plans .payment-details .btn {
          display: inline-block;
          margin: 30px auto 20px;
          width: 190px;
          max-width: 80%; }
          @media screen and (max-width: 768px) {
            .products-page .subscription-plans .plans .payment-details .btn {
              display: block; } }
        .products-page .subscription-plans .plans .payment-details .terms {
          display: block;
          color: #3C3939;
          font-weight: bold;
          text-decoration: underline;
          line-height: 1.5; }
        .products-page .subscription-plans .plans .payment-details .cashback-pricing {
          display: none; }
      .products-page .subscription-plans .plans .cashback .cashback-pricing {
        display: block; }
        .products-page .subscription-plans .plans .cashback .cashback-pricing .rrp {
          font-weight: normal; }
        .products-page .subscription-plans .plans .cashback .cashback-pricing .save {
          font-weight: bold; }
      .products-page .subscription-plans .plans .cashback .default-pricing {
        display: none; }
  .products-page .quote-video {
    background: #f2f2f2;
    color: #3C3939;
    text-align: center;
    overflow: hidden; }
    .products-page .quote-video .slides {
      overflow: hidden; }
    .products-page .quote-video .slides li {
      padding: 50px 0; }
    .products-page .quote-video .fa {
      font-size: 2em;
      color: #bd141a; }
    .products-page .quote-video .flexslider {
      background: #f2f2f2;
      border: none;
      margin-bottom: 0;
      padding: 0 30px; }
    .products-page .quote-video .flex-control-nav {
      bottom: 0;
      left: 0; }
      .products-page .quote-video .flex-control-nav li {
        margin: 0 4px; }
    .products-page .quote-video .flex-control-paging li a {
      background: #f9f9f9;
      border: 2px solid #636466;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      width: 8px;
      height: 8px; }
    .products-page .quote-video .flex-control-paging li a.flex-active {
      background: #636466; }
    .products-page .quote-video .quote-col {
      line-height: 1.5;
      font-weight: bold;
      overflow: hidden;
      min-height: 300px;
      display: block;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      margin-right: 0; }
      .products-page .quote-video .quote-col:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        .products-page .quote-video .quote-col {
          width: 100%;
          min-height: 100%; } }
      .products-page .quote-video .quote-col .star-rating {
        display: none; }
      .products-page .quote-video .quote-col blockquote {
        font-style: italic;
        margin: 0; }
    .products-page .quote-video .video-col {
      color: #fff;
      /*padding: 50px 50px 0;*/
      padding: 50px 0 0;
      height: 420px;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%;
      float: right; }
      .products-page .quote-video .video-col:last-child {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        .products-page .quote-video .video-col {
          width: 100%;
          padding: 50px 20px;
          height: auto; } }
      .products-page .quote-video .video-col h4 {
        text-align: left;
        font-size: 2em;
        max-width: 45%;
        margin-bottom: 20px;
        margin-left: 50px; }
        @media screen and (max-width: 768px) {
          .products-page .quote-video .video-col h4 {
            margin: 0px;
            max-width: 100%; } }
      .products-page .quote-video .video-col ul {
        margin-left: 50px; }
        @media screen and (max-width: 768px) {
          .products-page .quote-video .video-col ul {
            margin-left: 0px; } }
      .products-page .quote-video .video-col ul li {
        text-align: left;
        color: #fff;
        padding: 10px; }
        @media screen and (max-width: 768px) {
          .products-page .quote-video .video-col ul li {
            padding: 10px 0; } }
        .products-page .quote-video .video-col ul li a {
          color: #fff;
          text-decoration: none; }
          @media screen and (max-width: 768px) {
            .products-page .quote-video .video-col ul li a {
              font-size: 0.875em;
              font-family: "Open Sans",sans-serif; } }
        .products-page .quote-video .video-col ul li .fa {
          color: #fff;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px;
          border-bottom-right-radius: 15px;
          border-top-right-radius: 15px;
          border-bottom-left-radius: 15px;
          border-bottom-right-radius: 15px;
          border-bottom-left-radius: 15px;
          border-top-left-radius: 15px;
          border: 1px solid #fff;
          font-size: 0.8125em;
          width: 30px;
          height: 30px;
          padding: 8px 0 0 11px;
          margin-right: 10px; }
          @media screen and (max-width: 768px) {
            .products-page .quote-video .video-col ul li .fa {
              font-size: 0.75em;
              margin-right: 5px; } }
    .products-page .quote-video .video-col.pull-left {
      padding-top: 25px; }
      .products-page .quote-video .video-col.pull-left h4 {
        max-width: 100%;
        text-align: center;
        margin: 0; }
      .products-page .quote-video .video-col.pull-left .second-col {
        padding: 0 30px; }
  .products-page .accordion {
    background: #f9f9f9;
    color: #3C3939;
    overflow: hidden;
    border-top: 3px solid #fff; }
    .products-page .accordion h2 {
      text-align: center;
      font-size: 2em; }
    .products-page .accordion .accordion-toggle {
      text-decoration: none;
      display: block;
      color: #3C3939;
      padding: 30px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .products-page .accordion .accordion-toggle:hover {
        color: #bd141a; }
      .products-page .accordion .accordion-toggle .fa {
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -o-transition: all 0.8s;
        -ms-transition: all 0.8s;
        transition: all 0.8s;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center; }
      .products-page .accordion .accordion-toggle .open {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg); }
    .products-page .accordion .accordion-content {
      padding: 20px;
      background: #fff;
      display: none;
      overflow: hidden; }
      @media screen and (max-width: 1410px) {
        .products-page .accordion .accordion-content {
          padding: 20px; } }
  .products-page .show-content .accordion-content {
    padding: 30px;
    height: 100%; }
  .products-page .related-products {
    color: #3C3939;
    padding: 30px; }
    .products-page .related-products h2 {
      text-align: center;
      font-size: 2em;
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .products-page .related-products h2 {
          margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .products-page .two-cols .col {
      border-right: 1px solid #f2f2f2;
      padding: 0 10px; } }
  @media screen and (max-width: 320px) {
    .products-page .two-cols .col {
      width: 100%;
      border-bottom: 1px solid #f2f2f2; } }
  .products-page .two-cols .col h3 {
    font-size: 1.6em;
    /*max-width: 50%;*/ }
    @media screen and (max-width: 768px) {
      .products-page .two-cols .col h3 {
        max-width: 100%; } }
  .products-page .two-cols .col .related-copy {
    margin-bottom: 20px; }
  .products-page .two-cols .col em {
    /*font-weight: bold;*/ }
  .products-page .two-cols .col .price {
    font-size: 2.75em;
    margin-bottom: 20px; }
  .products-page .two-cols .col .save {
    display: block; }
  .products-page .two-cols .col .btn {
    border: 2px solid #367639;
    margin-right: 0; }
  .products-page .two-cols .col img {
    max-width: 100%; }
  .products-page .two-cols .col .col {
    border: none; }
    @media screen and (max-width: 768px) {
      .products-page .two-cols .col .col {
        width: 100%;
        margin-bottom: 20px;
        padding: 0; } }
  .products-page .two-cols .col:last-child {
    border: none; }
  @media screen and (max-width: 768px) {
    .products-page .two-cols .col:nth-child(2n) {
      padding-right: 0; } }
  @media screen and (max-width: 768px) {
    .products-page .two-cols .col:first-child, .products-page .two-cols .col:nth-child(3n) {
      padding-left: 0; } }
  .products-page .green-tick li {
    line-height: 1.5;
    padding-left: 18px;
    font-family: "Open Sans",sans-serif;
    background: url("../images/green-tick.png") no-repeat 0 2px; }
		.products-page .no-tick li {
	font-weight: normal;
    line-height: 1.5;
    padding-left: 18px;
    font-family: "Open Sans",sans-serif;
     }
  .products-page .choose-package {
    margin: 50px 0;
    padding: 20px; }

.content-page .products-hero .slides li {
  height: 330px;
  min-height: 330px; }
  @media screen and (max-width: 768px) {
    .content-page .products-hero .slides li {
      height: auto; } }
  .content-page .products-hero .slides li p {
    max-width: 60%; }
    @media screen and (max-width: 768px) {
      .content-page .products-hero .slides li p {
        max-width: 100%; } }
.content-page .features .col:first-child {
  border-right: 1px solid #dddedf; }
  @media screen and (max-width: 768px) {
    .content-page .features .col:first-child {
      border: none; } }

/* ----------------- */
/* Dropdown
/* ----------------- */
.selectBox {
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  color: #d77276;
  position: relative; }
  .selectBox_current {
    cursor: pointer; }
  .selectBox.open .selectBox_items {
    display: block; }
  .selectBox_items {
    display: none;
    position: absolute;
    z-index: 20;
    border: solid #d77276 1px;
    width: 100%;
    background: #8d0607;
    color: white; }
  .selectBox_item {
    padding: 5px 13px;
    cursor: pointer; }
  .selectBox_item:hover {
    background: #bd141a; }

/* ----------------------------*/
/*  MODAL
/* ----------------------------*/
.modal label {
  cursor: pointer;
  margin-bottom: 0; }
.modal label img {
  border-radius: 150px;
  display: block;
  max-width: 300px; }
.modal .modal-state {
  display: none; }
.modal .modal-trigger {
  padding: 0.8em 1em; }
.modal .modal-fade-screen {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  padding-top: 0.6em;
  text-align: left;
  visibility: hidden;
  z-index: 99999999999; }
  @media screen and (min-width: 53.75em) {
    .modal .modal-fade-screen {
      padding-top: 10em; } }
  .modal .modal-fade-screen .modal-bg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    cursor: pointer; }
.modal .modal-close {
  position: absolute;
  top: 0.375em;
  right: 0.375em;
  height: 1.5em;
  width: 1.5em;
  /*background: $modal-background;*/
  cursor: pointer; }
  .modal .modal-close:after, .modal .modal-close:before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 1.5em;
    width: 0.15em;
    background: #DDD;
    content: '';
    display: block;
    margin: -3px 0 0 -1px; }
  .modal .modal-close:hover:after, .modal .modal-close:hover:before {
    background: #c4c4c4; }
  .modal .modal-close:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
.modal .modal-inner {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  overflow: hidden;
  border-radius: 3px;
  margin-top: 0;
  margin: auto;
  max-height: 95%;
  overflow: auto;
  padding: 0.9375em;
  position: relative;
  width: 95%; }
  @media screen and (min-width: 40em) {
    .modal .modal-inner {
      max-height: 70%;
      padding: 1.875em;
      width: 60%; } }
  @media screen and (min-width: 53.75em) {
    .modal .modal-inner {
      width: 50%; } }
  .modal .modal-inner h1 {
    color: #333;
    margin-bottom: 0.6em;
    text-align: left;
    text-transform: capitalize; }
  .modal .modal-inner p {
    color: #333;
    line-height: 1.5em; }
  .modal .modal-inner .modal-intro {
    font-weight: 800; }
  .modal .modal-inner .modal-content {
    color: #333; }
    @media screen and (min-width: 40em) {
      .modal .modal-inner .modal-content {
        -webkit-columns: 2 8em;
        -moz-columns: 2 8em;
        columns: 2 8em; } }
  .modal .modal-inner a.cta {
    color: white;
    display: inline-block;
    margin-right: 0.5em;
    margin-top: 1em; }
    .modal .modal-inner a.cta:last-child {
      padding: 0 2em; }

.modal-open {
  overflow: hidden; }

.modal-open .modal-fade-screen {
  opacity: 1;
  visibility: visible; }

.modal-open .modal-fade-screen .modal-inner {
  top: 0.5em; }

/* -------------------- */
/* RESPONSIVE VIDEO */
/* -------------------- */
.video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  @media screen and (max-width: 768px) {
    .video-wrapper {
      margin-top: 24px; } }
  .video-wrapper embed,
  .video-wrapper object,
  .video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }

/* Countdown */
#countdown {
  border: 1px solid #B2B2B4;
  padding: 20px;
  display: inline-block; }
  #countdown em {
    color: #bd141a;
    font-size: 1.125em; }
  #countdown .timer {
    font-size: 2.1875em;
    margin-top: 10px;
    font-family: "Open Sans",sans-serif;
    font-weight: bold; }
    @media screen and (max-width: 568px) {
      #countdown .timer {
        font-size: 1.25em; } }
    #countdown .timer span {
      text-transform: uppercase;
      font-size: 13px;
      color: #636466; }
      @media screen and (max-width: 568px) {
        #countdown .timer span {
          font-size: 10px; } }

/* EL - Renewal page */

.violet-btn, .container .violet-btn {
  background-color: #872775;
  border-color: #872775;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 768px) {
	  .violet-btn, .container .violet-btn {
		  margin-top:5px;
	  }
  }
  .violet-btn:hover, .container .violet-btn:hover {
    background-color: #fff;
    color: #872775; }
  .violet-btn.inverted, .container .violet-btn.inverted {
    background: #fff url("/images/green-right-arrow.png") no-repeat 88% 50%;
    color: #367639 !important;
    border: solid #367639 2px !important;
    padding-right: 50px !important; }
    .violet-btn.inverted:hover, .container .violet-btn.inverted:hover {
      background-image: url("/images/white-right-arrow.png");
      background-color: #367639 !important;
      color: #fff !important; }

	

	
	
	
	
.products-page .subscription-plans .plans .renew-plan {
        background-color: #f9f9f9;
        background-image: url("../images/bg-renew.png");
        border-color: #fff #fff #fff; 
		background-position: 50% -10px;}
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .renew-plan {
            width: 100%;
            padding: 0;
            background-size: 100%;
             } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans .renew-plan {
            background-position: 50% -20px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans .renew-plan {
            background-position: 50% 0px; } }
        .products-page .subscription-plans .plans .renew-plan h4 {
          background-color: #367639;
          background-image: url("../images/bg-renew.png"); }

		  
.products-page .subscription-plans .plans .upgrade-plan {
        background-color: #f9f9f9;
        background-image: url("../images/bg-upgrade.png");
        border-color: #fff #fff #fff; 
		background-position: 50% -10px;}
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .upgrade-plan {
            width: 100%;
            padding: 0;
            background-size: 100%;
             } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans .upgrade-plan {
            background-position: 50% -20px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans .upgrade-plan {
            background-position: 50% 0px; } }
        .products-page .subscription-plans .plans .upgrade-plan h4 {
          background-color: #872775;
          background-image: url("../images/bg-upgrade.png"); }
		  

.products-page .subscription-plans .plans .recommended-upgrade-plan {
        background-color: #ececec;
        background-image: url("../images/bg-upgrade.png");
        border-color: #872775 #fff #ececec; }
        @media screen and (max-width: 768px) {
          .products-page .subscription-plans .plans .recommended-upgrade-plan {
            width: 100%;
            padding: 0;
            background-size: 100%;
             } }
        @media screen and (max-width: 700px) {
          .products-page .subscription-plans .plans .recommended-upgrade-plan {
            background-position: 50% -20px; } }
        @media screen and (max-width: 568px) {
          .products-page .subscription-plans .plans .recommended-upgrade-plan {
            background-position: 50% 0px; } }
        .products-page .subscription-plans .plans .recommended-upgrade-plan h4 {
          background-color: #872775;
          background-image: url("../images/bg-upgrade.png"); }
		  

.banner-button-upgrade{
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 30px;
	margin-right: 30px;
	display: inline-block;
	line-height:20px;
	height: 40px;
	width: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;

	background-color: #872775;
	border-color: #872775;
	color: white;
	margin-right: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	font-size: 0.75em;
	letter-spacing: 2px;
	border: 2px solid #888;
	font-family: "Open Sans",sans-serif;
}

.banner-button-upgrade:hover {
	background: white;
	color: #872775;
	border-color: #872775;
}



.banner-renew-btn{
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 30px;
	margin-right: 30px;
	line-height:20px;
	height: 40px;
	display: inline-block;
	width: auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;

	background-color: #367639;
	
	color: white;
	margin-right: 20px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	font-size: 0.75em;
	letter-spacing: 2px;
	border: 2px solid #888;
	font-family: "Open Sans",sans-serif;

}
.banner-renew-btn:hover {
	background: white;
	color: #367639;
	border-color: #367639;
}		  
		  
		  
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;

}

.popupover-close{
	float: right;
	text-decoration: none;
	font-family: arial;
	color: black;
	font-size: 12px;
	padding-bottom: 10px;
	margin-top: -5px;
}
		  
		  
/*# sourceMappingURL=style.css.map */



/***** Begin: Tabulated System Reqts ******/
.sys-reqts {
    background-color: #efeeee;
	padding: 40px 0;
}

.tabHeaderBar {
	font-size: 1.17em;
	color: #fff;
	background-color: #4d4d4f;
	width: 100%;
	overflow: hidden;
	display: block;
}

.tabHeader {
	cursor: pointer;
	padding: 15px 25px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
}

.tabHeader:hover {
	background-color: #fff;
	color: #333;
	padding: 15px 25px;
	float: left;
	width: auto;
	border: none;
	display: block;
	outline: 0;
}

.tabHeader-selected,
.tabHeader:active {
	background-color: #bd141a;
	color: #fff;
	font-weight: bold;
}

.tabSysReqt {
	padding: 10px 30px;
	background-color: #ffffff;
}


/***** End: Tabulated System Reqts ******/
