@font-face {
  font-family: 'avenir-book';
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Book.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-roman';
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-black';
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Black.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* cta bor spacing */
@font-face {
  font-family: 'avenir-book';
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Book.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Book.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Book.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Book.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-roman';
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avenir-black';
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot");
  src: url("../fonts/Avenir/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/Avenir/AvenirLTStd-Black.woff") format("woff"), url("../fonts/Avenir/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/Avenir/AvenirLTStd-Black.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
/* cta bor spacing */
/*opacity*/
/*=========================== media query mixin=================*/
/*=========================== media query mixin=================*/
.str-vpn-sec .nav-pills li {
  float: none;
  display: inline-block;
  margin: 3px 0 4px 2px; }
  .str-vpn-sec .nav-pills li a {
    color: #a1a2a2;
    font-size: 16px;
    padding: 3px 22px;
    border-radius: 24px;
    border: 1px solid #21a7f4;
    transition: all 0.3s; }
    .str-vpn-sec .nav-pills li a:hover {
      color: #fff;
      background-color: #21a7f4; }
  .str-vpn-sec .nav-pills li.active a {
    color: #fff;
    background-color: #21a7f4; }
.str-vpn-sec .str-vpn-adv-fetr-txt-art, .str-vpn-sec .str-vpn-adv-fetr-img-art {
  float: left;
  position: relative; }
.str-vpn-sec .str-vpn-unblk-fetr-sec .str-vpn-adv-fetr-img-art {
  margin-top: 36px; }
.str-vpn-sec .tab-content {
  padding: 30px; }
  .str-vpn-sec .tab-content h2 {
    margin-top: 20px; }
.str-vpn-sec .str-vpn-cta-box {
  margin-top: 50px; }

.img-compare .with-ivacy li.pro:before, .img-compare .without-ivacy li.pro:before {
  content: '\f058';
  color: #6ec0de; }
.img-compare .with-ivacy li.con:before, .img-compare .without-ivacy li.con:before {
  content: '\f057';
  color: #f90202; }

.page_unblock-websites .with-and-without-container .tab-content {
  max-width: 950px; }
  .page_unblock-websites .with-and-without-container .tab-content h4 {
    font-family: "avenir-roman", Arial, Helvetica, sans-serif;
    margin: 0; }
  .page_unblock-websites .with-and-without-container .tab-content ul {
    border: 1px solid #f1f1f1;
    padding: 20px 20px 20px 30px; }
.page_unblock-websites #with-ivacy h3 {
  background-color: #f94d36;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-family: "avenir-book", Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0; }
.page_unblock-websites #without-ivacy h3 {
  background-color: #4bd6f4;
  color: #fff;
  padding: 15px;
  text-align: center;
  font-family: "avenir-book", Arial, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0; }

/*# sourceMappingURL=unblock-websites.css.map */