/*
Theme Name: Page Resource One
Theme URI: http://rolzan.com
Author: Rol John Torralba
Author URI: http://rolzan.com
Description: Theme for Page Resource One
Version: 2.2.4
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html {
	font-size: 10px;
}

/* This is a small security for too long strings titles */
body {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', sans-serif;
	line-height: 1.8;
	color: #22262b;
	word-wrap: break-word;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #35a388;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.wide {
	letter-spacing: 0.3em;
}
.wide-font {
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 80%;
}
.narrow {
	letter-spacing: 0.1em;
}

.h1, h1 {
	font-size: 28px;
	font-size: 2.8rem;
}
.h2, h2 {
	font-size: 22px;
	font-size: 2.2rem;
}
.h3, h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.h4, h4 {
	font-size: 16px;
	font-size: 1.6rem;
}
.h5, h5 {
	font-size: 14px;
	font-size: 1.4rem;
}
.h6, h6 {
	font-size: 14px;
	font-size: 1.4rem;
}

p {
	margin-bottom: 20px;
}

.pre-title-group {
	margin-top: 40px;
}
.pre-title-group h1,
.pre-title-group h2,
.pre-title-group h3,
.pre-title-group h4,
.pre-title-group h5,
.pre-title-group h6 {
	margin-top: 0;
}
.pre-title {
	display: block;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: #a1b3c8;
}
.pre-title-group p {
	margin: 0;
}

a {
	color: #35a388;
}
a:hover,
a:focus,
a:active {
	color: #4bb99e;
	text-decoration: underline;
}
a:visited {
	color: #699a8e;
}
.btn:visited {
	color: #fff;
}
.btn {
	padding: 10px 20px;
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	border: none;
	border-radius: 35px;
	box-shadow: none;
	text-decoration: none;
	-webkit-box-shadow: none;
}
.btn-lg {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 14px 30px;
}
.btn-sm {
	font-size: 10px;
	font-size: 1rem;
	padding: 7px 12px;
}
.btn-primary {
	background: #35a388;
	color: #fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #4bb99e;
  border: none;
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #4bb99e;
  border: none;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #4bb99e;
  border: none;
}
.btn-default {
	background: #4f719c;
	color: #fff;
}
.btn-default:hover {
  color: #fff;
  background-color: #6989b2;
  border: none;
}
.btn-default.focus, .btn-default:focus {
  color: #fff;
  background-color: #6989b2;
  border: none;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: #6989b2;
  border: none;
}

.btn-green {
	background: #129E37;
	color: #fff;
}
.btn-green:hover {
  color: #fff;
  background-color: #33B956;
  border: none;
}
.btn-green.focus, .btn-green:focus {
  color: #fff;
  background-color: #33B956;
  border: none;
}
.btn-green.active.focus,
.btn-green.active:focus,
.btn-green.active:hover,
.btn-green:active.focus,
.btn-green:active:focus,
.btn-green:active:hover,
.open>.dropdown-toggle.btn-green.focus,
.open>.dropdown-toggle.btn-green:focus,
.open>.dropdown-toggle.btn-green:hover {
  color: #fff;
  background-color: #33B956;
  border: none;
}

b,
strong {
	font-weight: 700;
}
strong em,
em strong {
	font-weight: 700;
}

ul.inline,
ol.inline {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.inline li,
ol.inline li {
	display: inline-block;
}

blockquote {
	padding: 0 0 0 30px;
	margin: 20px 0;
	font-size: 18px;
	font-size: 1.8rem;
	border: none;
}
blockquote::before {
	content: "\201C";
	display: block;
	height: 0;
	position: relative;
	left: -30px;
	top: -10px;
	font-family: 'Georgia', sans-serif;
  font-style: normal;
  font-size: 50px;
	opacity: 0.5;
}

.form-control {
  height: 100%;
  padding: 10px 12px;
  font-size: 14px;
	font-size: 1.4rem;
  line-height: 1.42857143;
  color: #555;
  background-color: #edf5ff;
  background-image: none;
  border: 1px solid #cad5e2;
  border-radius: 0;
  -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.05);
  box-shadow: 0 2px 2px rgba(0,0,0,0.05);
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}
.form-control:focus {
  border-color: #cad5e2;
	background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #8b9cb5;
}
::-moz-placeholder { /* Firefox 19+ */
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #8b9cb5;
}
:-ms-input-placeholder { /* IE 10+ */
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #8b9cb5;
}
:-moz-placeholder { /* Firefox 18- */
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #8b9cb5;
}

/* Containers */
.container {
	padding-bottom: 0;
}
.no-top {
	margin-top: 0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

span.lead {
	display: block;
	margin-bottom: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.12);
	letter-spacing: 0.03em;
}
.bleed {
	display: block;
}
hr {
	border-top: 1px solid #e0e3eb;
}

/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 20px;
	margin-bottom: 20px;
}
.bleed img[class*="wp-image-"] {
	margin-top: 0;
}
.wp-caption {
	border: 1px solid #e0e3eb;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Pre tag */
pre {
	background-color: #3c3542;
  border: none;
	border-left: 3px solid lightcoral;
	color: #76e6c4;
	margin-bottom: 20px;
}

.atomicEnlighterJS span {
	font-size: 14px !important;
}

/* Tables */
table {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	margin: 20px 0;
	border: 1px solid #5E9CD3;
}
th, td {
	padding: 10px 13px;
	border-right: 1px solid #5E9CD3;
}
th {
	background: #5E9CD3;
	color: #fff;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
tr:nth-child(even) {
	background: #fff;
}
tr:nth-child(odd) {
	background: #DEEAF5;
}
table.star td:last-child {
	color: #ffa900;
}
div.scroll {
	width: 100%;
	overflow: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.scroll table {
	margin-top: 0;
	margin-bottom: 0;
}

div.scroll.vpn-table {
	font-size: 13px;
	margin-top: 60px;
	margin-bottom: 60px;
	border: 1px solid #e0e3eb;
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
.vpn-table table {
	width: 100%;
	border: none;
}
.vpn-table th {
	font-size: 14px;
	font-size: 1.4rem;
	color: #464e56;
	background: #fff;
	text-align: center;
}
.vpn-table th,
.vpn-table td {
	border: none;
}
.vpn-table td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.vpn-table td p {
	margin-bottom: 10px;
}
.vpn-table td p:last-of-type {
	margin-bottom: 0;
}
.vpn-table tr {
	background: #fff;
	border-bottom: 1px solid #e0e3eb;
}
.vpn-table tr.highlight {
	background: #fff7ea;
}
.vpn-table tr:last-child {
	border-bottom: none;
}
.vpn-table td:nth-child(4) p {
	margin-bottom: 3px;
	font-size: 11px;
	line-height: 1;
}
.vpn-table td:nth-child(4) span.rating {
	font-size: 30px;
	font-size: 3rem;
	font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', sans-serif;
}
.vpn-table ol,
.vpn-table ul {
	margin: 0;
	padding: 0;
}
.vpn-table .top-badge {
	position: relative;
}
.vpn-table td .top-badge {
	position: absolute;
	z-index: 10;
}
.vpn-table .top-badge span {
	display: block;
	position: absolute;
	top: -35px;
	left: -25px;
	background: #ff8814;
	color: #fff;
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	width: 90px;
}
.vpn-table .top-badge span::before {
	content: '';
	display: block;
	width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #a51c1c;
	position: absolute;
	top: 19px;
	left: 1px;
	transform: rotateZ(-135deg);
	-webkit-transform: rotateZ(-135deg);
}
.vpn-table .top-badge + p {
	margin-bottom: 0;
}
.vpn-table ul {
	list-style: none;
}
.vpn-table li {
	position: relative;
}
.vpn-table li::before {
	content: '';
	position: absolute;
	top: 3.5px;
	left: -20px;
	display: inline-block;
	width: 13px;
	height: 10px;
	background: url('./images/bullet-check@2x.png') no-repeat center;
	background-size: 13px;
}

.blog-chart {
	width: 100%;
	overflow: auto;
	margin-bottom: 40px;
	font-size: 12px;
	font-size: 1.2rem;
}
.blog-chart table {
	margin: 0 0 20px;
	border: none;
}
.blog-chart td,
.blog-chart th {
	line-height: 1.2;
	border-top: none;
	text-align: center;
	width: 100px;
}
.blog-chart td {
	padding: 10px 5px;
	position: relative;
}
.blog-chart td:first-child {
	white-space: nowrap;       /* css-3 */
	white-space: -moz-nowrap;  /* Mozilla, since 1999 */
	white-space: -nowrap;      /* Opera 4-6 */
	white-space: -o-nowrap;    /* Opera 7 */
	width: auto;
	text-align: right;
}
.blog-chart tr:nth-child(even) {
	background-color: rgba(243,247,250,0.5);
}
.blog-chart tr th:first-child {
	background-color: #fff;
}
.blog-chart th {
	padding: 10px 5px;
}
.blog-chart th a {
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
}
.blog-chart th a:hover {
	text-decoration: underline;
}
.blog-chart tr th {
	border-right: 1px solid #fff;
}
.blog-chart tr td {
	border-right: 1px solid #fff;
}
.blog-chart tr td:last-child {
	border-right: none;
}
.blog-chart tr th img {
	display: block;
	clear: both;
	margin: 0 auto;
}
.blog-chart .extra-detail {
	display: block;
	margin: 0;
	line-height: 1;
	font-size: 10px;
	font-size: 1rem;
}
.blog-chart .extra-detail.star {
	position: absolute;
	top: 5px;
	right: 20px;
}
.blog-chart .center-heading {
	background: #f9f9f9;
}
.blog-chart .center-heading td {
	text-align: center;
}

/* WIX */
.blog-chart tr th:nth-child(2) {
	background-color: rgba(254,204,1,1);
}
.blog-chart tr td:nth-child(2) {
	background-color: rgba(254,204,1,0.05);
}

/* Boldgrid */
.blog-chart tr th:nth-child(3) {
	background-color: rgba(249,91,38,1);
}
.blog-chart tr td:nth-child(3) {
	background-color: rgba(249,91,38,0.05);
}

/* Squarespace */
.blog-chart tr th:nth-child(4) {
	background-color: rgba(35,35,35,1);
}
.blog-chart tr td:nth-child(4) {
	background-color: rgba(35,35,35,0.05);
}

/* Weebly */
.blog-chart tr th:nth-child(5) {
	background-color: rgba(41,144,234,1);
}
.blog-chart tr td:nth-child(5) {
	background-color: rgba(41,144,234,0.05);
}

/* Websitebuiilder */
.blog-chart tr th:nth-child(6) {
	background-color: rgba(0,152,226,1);
}
.blog-chart tr td:nth-child(6) {
	background-color: rgba(0,152,226,0.05);
}

/* Jimdo */
.blog-chart tr th:nth-child(7) {
	background-color: rgba(92,191,152,1);
}
.blog-chart tr td:nth-child(7) {
	background-color: rgba(92,191,152,0.05);
}

/* Doodlekit */
.blog-chart tr th:nth-child(8) {
	background-color: rgba(251,185,75,1);
}
.blog-chart tr td:nth-child(8) {
	background-color: rgba(251,185,75,0.05);
}

/* Webs */
.blog-chart tr th:nth-child(9) {
	background-color: rgba(48,168,217,1);
}
.blog-chart tr td:nth-child(9) {
	background-color: rgba(48,168,217,0.05);
}

/* Yola */
.blog-chart tr th:nth-child(10) {
	background-color: rgba(231,0,74,1);
}
.blog-chart tr td:nth-child(10) {
	background-color: rgba(231,0,74,0.05);
}

td.free i,
i.free {
	color: green;
}
td.paid i,
i.paid {
	color: red;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}
#content {
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Author box */
.author-box {
	margin-bottom: 20px;
}
.author-box .author-img {
	width: 45px;
	margin-right: 20px;
	float: left;
}
.author-box .author-meta {
	float: left;
	width: 225px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3;
}
.author-box .author-img .avatar {
	border-radius: 50%;
}
.author-box .author-meta .author-name {
	margin: 0 0 5px;
}
.author-box .author-meta .author-name a {
	color: #464e56;
}
.author-box .author-meta .author-name a:hover {
	color: #ff8814;
}
.author-box .author-bio {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 8px;
}

.contributor {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	font-size: 1.6rem;
}
.contributor-image {
	float: left;
	width: 40px;
	margin-right: 10px;
}
.contributor-image img {
	border-radius: 50%;
}
.contributor-content {
	float: left;
	width: 230px;
}
.contributor-content h4 {
	margin-top: 0;
	margin-bottom: 8px;
}
.contributor-content p:last-of-type {
	margin-bottom: 0;
}

.commenter-dummy {
	top: 2px;
}

/* Clearing */
.clear {
	clear: both;
}

/* Navigation */
.navbar {
	margin: 0;
}
.navbar-nav {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 0;
}
.navbar-default .navbar-brand {
	color: #22262b;
	margin: 7px 0 5px 15px;
	text-indent: -9999px;
	display: block;
	width: 189.5px;
	height: 32px;
	padding: 0;
	background: url('./images/logo@2x.png') no-repeat top left;
	background-size: 189.5px 32px;
}
.navbar-default {
	background: #fff;
	color: #22262b;
	border: none;
	border-radius: 0;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: none;
}
.navbar-default .navbar-nav>li>a {
	color: #22262b;
	border: 1px solid transparent;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	color: #22262b;
	background: #d9e3ef;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background: #35a388;
}
.navbar-default .navbar-toggle {
	border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: #e4e9ef;
}
.navbar-default .navbar-toggle:focus .icon-bar {
	background: #fff;
}


.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background: #d9e3ef;
	color: #22262b;
	border: none;
}
.navbar-nav .open .dropdown-menu {
	font-size: 12px;
	font-size: 1.2rem;
	background: #bbcce0;
	padding: 0;
	border: none;
	border-radius: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #22262b;
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
	padding: 5px 15px 5px 25px;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
	color: #22262b;
	background: #a5bad2;
}

.nav-divider-label {
	font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	margin-top: 10px;
}
.dropdown-menu .nav-divider-label:first-child {
	margin-top: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li.nav-divider-label>a {
	color: #7b99bd;
	letter-spacing: 0.3em;
}
.navbar-nav .open .dropdown-menu>li.nav-divider-label>a {
	padding-top: 5px;
	padding-bottom: 0;
}

/* Hero */
.hero {
	background: #212125;
	color: #fff;
	padding: 40px 0;
}
.hero .pre-title {
	color: #c76201;
}
.hero .entry-title,
.hero .entry-sub-title {
	text-align: center;
	margin: 0 0 10px;
}
.hero .entry-title {
	color: #fff;
}
.hero .entry-sub-title {
	margin-bottom: 0;
	color: #4bb99e;
}
.hero .hero-with-image .entry-sub-title {
	margin-bottom: 0;
}
.hero span.lead {
	margin-top: 15px;
}
.hero span.lead p:last-of-type {
	margin-bottom: 0;
}
.hero .banner-image {
	margin-top: 40px;
	margin-bottom: 0;
	max-width: 250px;
	height: auto;
}
.hero .extra-content {
	margin-top: 30px;
}
.home .hero .extra-content {
	text-align: center;
}
.home .as-seen {
	text-transform: uppercase;
	margin-bottom: 0;
}
.hero .featured-companies {
	text-align: center;
	margin-left: -15px;
}
.hero .featured-companies li {
	margin-top: 10px;
}

/* VPN Reviews */
.noscroll { overflow: hidden; }
.popout-review {
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	padding: 30px;
	top: 0;
	left: 0;
	z-index: 9999;
}
.popout-review-inner {
	position: relative;
	max-width: 800px;
	border-radius: 5px;
	border-top: 5px solid #35a388;
	background: #fff;
	margin: 30px auto 0;
	padding: 15px 20px;
	box-shadow: 0 0 70px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 70px rgba(0,0,0,0.3);
}
.popout-review h2 {
	margin-bottom: 5px;
}
.popout-review .close-overlay {
	position: absolute;
	top: -16px;
	right: -16px;
	display: block;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 1;
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 5px 10px 5px 10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.popout-review .close-overlay:hover {
	text-decoration: none;
}
[aria-hidden="true"] { display: none; }
[aria-hidden="false"] { display: block; }

/* Footer */
.site-footer {
	background: #212125;
	color: #fff;
}
.footer-meta {
	padding: 10px 0;
	border-bottom: 1px solid #424253;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.3;
	text-align: center;
}
.footer-meta .footer-logo {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display: block;
}
.footer-meta .data p {
	margin-top: 8px;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	color: #5d6d80;
}
.footer-meta p {
	margin-bottom: 0;
}
.footer-meta span:not(.sep) {
	color: #4c75b3;
}
.footer-content {
	padding: 20px 0;
}
.site-footer .site-info {
	padding: 10px 0;
	border-top: 1px solid #424253;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.2;
	text-align: center;
}
.site-footer .site-info p {
	margin-bottom: 0;
	color: #5d6d80;
}
.site-footer .site-info .inline a:visited {
	color: #fff;
}
.site-footer .connect {
	margin-top: 20px;
}
.site-footer .connect ul {
	margin-top: 10px;
	text-align: center;
}
.site-footer .connect li {
	margin-right: 5px;
}
.site-footer .connect li:last-child {
	margin-right: 0;
}
.sm-fb,
.sm-tw,
.sm-gp,
.sm-pn {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: #000;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	padding-top: 7px;
}
.sm-fb {
	background: #3b5998
}
.sm-tw {
	background: #00acee;
}
.sm-gp {
	background: #dd4b39;
}
.sm-pn {
	background: #cb2027;
}
.sm-fb:hover,
.sm-fb:focus,
.sm-fb:active {
	color: #fff;
	background: #4c6aaa;
}
.sm-tw:hover,
.sm-tw:focus,
.sm-tw:active {
	color: #fff;
	background: #5dcffa;
}
.sm-gp:hover,
.sm-gp:focus,
.sm-gp:active {
	color: #fff;
	background: #ef6c5c;
}
.sm-pn:hover,
.sm-pn:focus,
.sm-pn:active {
	color: #fff;
	background: #e74b52;
}
.site-footer ul {
	margin-top: 20px;
	list-style: none;
}
.site-footer .footer-content ul li {
	position: relative;
}
.site-footer .footer-content ul li::before {
	content: '';
	position: absolute;
	top: 3.5px;
	left: -20px;
	display: inline-block;
	width: 8px;
	height: 10px;
	background: url('https://thebestvpn.com/wp-content/uploads/2017/01/bullet-footer.png') no-repeat center;
	background-size: 8px;
}
.footer-content #text-2 .textwidget {
	position: relative;
}
.footer-content #text-2 .textwidget .footer-graphic {
	position: absolute;
  right: -150px;
  top: 65px;
}


/* Sidebar & Widgets */
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
.widget_search .search-form input[type="submit"] { display: none; }
.widget select { max-width: 100%; }

.sidebar {
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 40px;
}
.sidebar .widget {
	margin-bottom: 20px;
}
.sidebar .widget .textwidget p:last-of-type {
	margin-bottom: 0;
}
.sidebar .widget .nav>li>a {
	padding: 5px 0;
}
.sidebar .nav>li>a:focus,
.sidebar .nav>li>a:hover {
	background: #e6ecf3;
}
.sidebar .widget-title {
	margin: 0 0 15px;
}
.sidebar div.well {
	background: #e6ecf3;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.widget-custom .colored-box {
	padding: 25px 30px
}
.widget-custom .widget-header {
	margin-bottom: 20px;
}
.widget-custom .widget-meta {
	width: 180px;
	float: left;
}
.widget-custom .attachment-thumbnail {
	max-width: 48px;
	height: auto;
	float: right;
}
.widget-custom .widget-title {
	margin-bottom: 0;
}
.widget-custom .widget-meta time {
	font-size: 12px;
	font-size: 1.2rem;
}
.widget-custom p:last-of-type {
	margin-bottom: 0;
}

#widget-footer .widget {
	margin-bottom: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
#widget-footer .widget:first-of-type {
	margin-bottom: 20px;
}
#widget-footer .widget-title {
	margin-top: 0;
	margin-bottom: 15px;
	color: #4bb99e;
	font-size: 16px;
	font-size: 1.6rem;
}
#widget-footer .textwidget p {
	margin-bottom: 15px;
}
#widget-footer .textwidget p:last-of-type {
	margin-bottom: 0;
}

.widget .colored-box {
	margin: 0 0 20px;
}

.sidebar .widget #menu-sidebar-menu.nav {
	text-align: center;
}
.sidebar .widget #menu-sidebar-menu.nav>li>a {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	letter-spacing: 5px;
	text-transform: uppercase;
	padding: 10px 0;
	color: #5d6d80;
	margin-left: -15px;
	margin-right: -15px;
	border-bottom: 1px solid #e0e3eb;
}
.sidebar .widget #menu-sidebar-menu.nav>li:first-child>a {
	border-top: 1px solid #e0e3eb;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children {
	margin-left: 10px;
	padding-left: 10px;
}

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

/* Comments */
.comments-area {
	padding: 40px 0;
	line-height: 1.4;
	border-top: 1px solid #e0e3eb;
}
ol.comment-list {
	margin-top: 40px;
}
.commenters {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0;
	display: inline-block;
}
.commenters .commenter-user {
	display: inline-block;
	line-height: 1;
	margin-left: -15px;
}
.commenters .commenter-user:first-of-type {
	margin-left: 0;
}
.comment {
	list-style: none;
	font-size: 14px;
	font-size: 1.4rem;
}
.commenters .commenter-user img {
	border-radius: 50%;
	border: 3px solid #fff;
}
.commenters .children {
	margin: 0;
}
.comment-verified {
	position: relative;
	top: -1px;
}
.commenters-number {
	color: #35a388;
	display: inline-block;
	margin-bottom: 0;
	position: relative;
	top: 3px;
}
.commenter-dummy {
	width: 35px;
  height: 35px;
	color: #bec7ce;
  background: #e8ecef;
  border: 3px solid #fff;
  border-radius: 50%;
  position: relative;
  padding: 7px 0 0 10px;
}
.comment .media-body {
	padding: 0 0 0 10px;
}
.comment .avatar {
	border-radius: 50%;
}
.comment .comment-header {
	margin-bottom: 20px;
}
.comment .media-heading,
.comment .media-heading a {
	font-size: 20px;
	font-size: 2rem;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	color: #2e4453;
	text-decoration: none;
}
.comment .media-heading a:hover {
	text-decoration: underline;
}
.comment .comment-meta {
	font-size: 12px;
	font-size: 1.2rem;
}
.comment .comment-meta a {
	text-decoration: none;
	color: #8896a0;
}
.comment .comment-meta a:hover {
	text-decoration: underline;
}
.comment .comment-content {
	padding: 20px 25px;
	margin-bottom: 20px;
  border-radius: 5px;
  background: #f3f6f8;
}
.comment .comment-content p:last-of-type {
	margin-bottom: 0;
}
.comment .comment-reply {
	text-align: right;
}
.comment .comment-reply-link {
	padding: 7px 20px 5px;
	font-size: 12px;
	font-size: 1.2rem;
}
.comments-area {
	padding-bottom: 0;
}
.form-submit	{
	margin-bottom: 0;
}
#respond {
	padding: 40px 0 0;
}
#reply-title {
	margin-top: 0;
}

/* User reviews */
.user-reviews-container {
	padding-top: 30px;
	border-top: 1px solid #e0e3eb;
}
.submit-review-title {
	margin-top: 0;
}
.user-review {
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 35px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e0e3eb;
}
.user-review b,
.user-review strong {
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-weight: normal
}
.user-review strong em,
.user-review em strong {
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-weight: normal
}
.user-review-list > div:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 10px;
}
.user-review-rating-column {
	max-width: 70px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
.user-review-content-column {
	width: 610px;
	float: left;
}
.user-review p {
	margin-bottom: 15px;
}
p.user-review-name {
	font-size: 16rem;
	font-size: 1.6rem;
	margin-bottom: 5px;
	line-height: 1;
}
p.user-review-name a {
	color: #000;
}
p.user-review-name a:hover {
	color: #777;
}
.user-review-meta,
.user-review-rating {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 1;
}
.user-review-rating {
	margin-right: 10px;
	font-weight: 700;
}
p.user-review-title {
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 5px 0 10px;
}
.user-review-content {
	line-height: 1.6;
	color: #333;
}
.user-review-avatar img {
	border-radius: 50%;
	max-width: 50px;
	max-height: 50px;
	margin-bottom: 0;
}
.more-reviews {
	margin-bottom: 30px;
}

/* Subscribe Form */
.subscribe-form {
	margin-bottom: 30px;
	padding: 25px 30px;
	border-radius: 5px;
	background: #eaecf1;
	font-size: 16px;
	font-size: 1.6rem;
}
.subscribe-form .form-title {
	margin-top: 0;
	margin-bottom: 10px;
}
.subscribe-form label {
	font-size: 12px;
	font-size: 1.2rem;
}
.subscribe-form .form-field p {
	margin-bottom: 10px;
}
.subscribe-form .form-button {
	margin-top: 20px;
}
.subscribe-form .form-button .btn {
	width: 100%;
}
.subscribe-form .ctct-form-footer {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 0;
}

/* Shortcodes */
.colored-box {
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 4px;
}

@media (max-width: 767px) {
	.user-review-content-column {
		width: 100%;
	}
}


@media (min-width: 768px) {
	body {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.lead {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		line-height: 1.4;
	}
	.h1, h1 {
		font-size: 32px;
		font-size: 3.2rem;
	}
	.h2, h2 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.h3, h3 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.h4, h4 {
		font-size: 20px;
		font-size: 2rem;
	}
	.h5, h5 {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.h6, h6 {
		font-size: 16px;
		font-size: 1.6rem;
	}

	.navbar-default {
		padding: 5px 0;
	}
	.navbar-nav>li>a {
		border-radius: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
	}
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover {
		border-color: #35a388;
		color: #fff;
		background: #35a388;
		padding: 5px 20px;
	}
	.navbar-nav .open .dropdown-menu {
		margin-top: 11px;
		padding: 10px 15px;
		min-width: 250px;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 3px 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
		padding: 3px 0;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		background: #d9e3ef;
		border: 1px solid #d9e3ef;
	}
	.dropdown-menu li a:hover,
	.dropdown-menu li a:focus {
		background: #a5bad2;
	}
	.nav-divider-label {
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.dropdown-menu li.nav-divider-label a:hover,
	.dropdown-menu li.nav-divider-label a:focus,
	.dropdown-menu li.nav-divider-label a:active {
		background: transparent;
		color: #87add8;
		cursor: default;
	}

	img[class*="wp-image-"] {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.bleed img[class*="wp-image-"] {
		margin-top: 20px;
	}

	.hero .entry-title {
    margin-top: 0;
		margin-bottom: 10px;
	}
	.home .hero .banner-image {
		max-width: 50%;
	}

	.author-box .author-meta {
		width: 655px;
	}
	.contributor-image {
		width: 80px;
		margin-right: 20px;
	}
	.contributor-content {
		width: 620px;
	}

	.sidebar-padder {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	#widget-footer .widget {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.widget-custom .widget-meta {
		width: 250px;
	}

	.footer-meta {
		padding: 20px 0;
	}
	.footer-meta .footer-logo {
		display: inline-block;
		margin: 0 20px 0 0;
	}
	.footer-meta .data {
		text-align: right;
	}
	.footer-meta p {
		margin-top: 13px;
	}
	.footer-meta p span.sep {
		display: inline-block;
		margin: 0 10px;
	}
	.footer-meta .logo-text {
		text-align: left;
	}
	.footer-meta .logo-text p {
		display: inline-block;
	}
	.footer-content {
		padding: 40px 0;
	}
	.site-info .attribution {
		text-align: left;
	}
	.site-info .attribution p {
		margin-top: 4px;
	}
	.site-info .connect {
		text-align: right;
		margin-top: 0;
	}
	.site-info .connect p {
		display: inline-block;
		position: relative;
    top: -4px;
    margin-right: 10px;
	}
	.site-info .connect ul {
		display: inline-block;
		margin-top: 0;
	}
	.comment .children {
		margin-left: 1.5em;
		padding-left: 50px;
	}
	.subscribe-form .form-group {
		margin-bottom: 0;
	}
	.subscribe-form .form-field {
		width: 38%;
		margin-right: 2%;
		float: left;
	}
	.subscribe-form .form-button {
		width: 20%;
		float: right;
		clear: right;
		text-align: center;
	}
	.subscribe-form .form-button .btn {
		margin-top: 9px;
	}
}

@media (min-width: 1024px) {
	body {
		font-size: 16.5px;
		font-size: 1.65rem;
	}
	.lead {
		font-size: 21px;
		font-size: 2.1rem;
	}
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
		line-height: 1.5;
	}
	.h1, h1 {
		font-size: 48px;
		font-size: 4.8rem;
	}
	.h2, h2 {
		font-size: 32px;
		font-size: 3.2rem;
	}
	.h3, h3 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.h4, h4 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.h5, h5 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.h6, h6 {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.hero .entry-title,
	.hero .entry-sub-title,
	.hero .extra-content {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.hero span.lead {
		max-width: 770px;
		margin-left: auto;
		margin-right: auto;
	}
	.hero .hero-with-image .entry-title,
	.hero .hero-with-image .entry-sub-title,
	.hero .hero-with-image .extra-content,
	.hero .hero-with-image .featured-companies {
		text-align: left;
	}
	.hero .featured-companies img {
		max-width: 130px;
	}
	.bleed {
		margin-left: -35px;
		margin-right: -35px;
	}
	.page-template-page-fullwidth .bleed,
	.single-format-standard .bleed,
	.error404 .bleed {
		margin-left: -55px;
		margin-right: -55px;
	}
	.main-content-inner {
		border-left: 1px solid #e0e3eb;
	}
	.page-template-page-fullwidth .main-content-inner,
	.single-format-standard .main-content-inner {
		border: none;
	}
	.main-content-inner > article,
	.comments-area,
	.user-reviews-container,
	.subscribe-form {
		padding-left: 35px;
		padding-right: 35px;
	}
	.page-template-default .main-content-inner > article,
	.page-template-default .comments-area,
	.page-template-default .user-reviews-container,
	.page-template-default .subscribe-form,
	.single-format-aside .main-content-inner > article,
	.single-format-aside .comments-area,
	.single-format-aside .user-reviews-container,
	.single-format-aside .subscribe-form,
	.error404 .main-content-inner > article {
		padding-left: 83.75px;
		padding-right: 83.75px;
	}
	.commenter-dummy {
	  padding: 5px 0 0 9px;
	}
	.page-template-page-fullwidth .main-content-inner > article,
	.single-format-standard .main-content-inner > article {
		padding: 0 185px;
	}
	.page-template-page-fullwidth .subscribe-form,
	.single-format-standard .user-reviews-container,
	.page-template-page-fullwidth .comments-area,
	.single-format-standard .comments-area {
		max-width: 770px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.sidebar {
		padding-top: 40px;
	}
	.sidebar .widget #menu-sidebar-menu.nav>li>a {
		text-align: left;
	}
	.widget-custom .widget-meta {
		width: 180px;
	}
	.site-footer .site-info {
		font-size: 13px;
		font-size: 1.3rem;
		padding: 20px 0;
	}
	.footer-meta {
		font-size: 14px;
		font-size: 1.4rem;
	}
	#widget-footer .widget {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.36;
	}
	#widget-footer .widget-title {
		font-size: 20px;
		font-size: 2rem;
		margin-bottom: 20px;
	}
	#widget-footer .textwidget p {
		margin-bottom: 20px;
	}
	.author-box .author-meta {
		width: 550px;
	}
	.contributor-content {
		width: 580px;
	}
	.hero .featured-companies img {
		max-width: 100%;
	}
	.site-info .attribution p {
		margin-top: 9px;
	}
}

@media (min-width: 1280px) {
	.contributor-content {
		width: 670px;
	}
	.widget-custom .widget-meta {
		width: 250px;
	}
}