/*

Theme Name: Turboluck

Theme URI: http://satoristudio.net/bento-free-wordpress-theme/

Author: Satori Studio

Author URI: http://satoristudio.net/

Description: Bento is a powerful yet user-friendly free WordPress theme intended for use in the broadest range of web projects. It boasts premium-grade design and is packed with awesome features, some of which are unique for free themes. Bento is mobile-friendly (responsive), retina-ready, optimized for speed, and implements SEO (search engine optimization) best practices. The theme offers unprecedented customization flexibility through the native WP Customizer interface as well as built-in layouts, including one-page template. Unlimited color combinations for every element of the website, 500+ high-quality vector icons, advanced typography based on Google Fonts, and tons of other cool options and settings make it an ultimate tool for creating websites that are eye-pleasing, unique, and tailored to your needs. The theme offers advanced WooCommerce integration, including page templates, widgets, as well as full checkout funnel styling. Some other small but pleasant features include native infinite scroll, fixed menu options, and detailed settings for customizing the look of each individual page. Bento has been developed by an Envato Elite author who has sold 2000+ premium templates on ThemeForest, the largest marketplace in the industry; the theme implements clean, well-commented, developer-friendly code, and includes detailed documentation and a child theme template. Special attention has been paid to ensuring outstanding UX (user experience) and bringing the best in current web design trends and practices to the widest possible audience. Bento is being constantly maintained by its author and offers regular free updates with bugfixes and additional features.

Version: 1.0

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio

Text Domain: bento

Domain Path: /languages/

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.

*/



/* Table of Contents
-------------------------------------

1. General
	 Resets
	 Defaults
2. Header
	 Logo
	 Primary menu
	 Mobile menu
3. Content
	 Elements
	 Blog
	 Archive pages
	 Post formats
	 Single post
4. Sidebar
5. Footer
6. Responsive
	 Smaller mobile screens
	 Larger mobile screens
	 Laptops and medium screens
	 Large screens

/*



/* 
1. General
-------------------------------------
*/

/* Resets */

html, 
body, 
div, 
span, 
applet, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
a, 
abbr, 
acronym, 
address, 
big, 
cite, 
code, 
del, 
dfn, 
em, 
font, 
ins, 
kbd, 
q, 
s, 
samp, 
small, 
strike, 
strong, 
sub, 
sup, 
tt, 
var, 
dl, 
dt, 
dd, 
ol, 
ul, 
li, 
fieldset, 
form, 
label, 
legend, 
table, 
caption, 
tbody, 
tfoot, 
thead, 
tr, 
th, 
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	font-size: 62.5%;
	height: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/* Defaults */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	line-height: 1.5;
	background-color: #fff;
	color: #333;
	height: 100%;
}

.site-wrapper {
	margin: 0 auto;
    position: relative;
}

.clear:after {
	display: table;
	clear: both;
	content: '';
}

a {
	text-decoration: none;	
}

.uppercase {
	text-transform: uppercase;
}

ul {
	list-style: none;	
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"],
textarea,
select,
.select2-container {
	border: none;
    background-color: #e4e4e4;
    padding: 12px 10px;
	padding: 1.2rem 1rem;
    font: inherit;
    margin: 6px 0;
	margin: 0.6rem 0;
	width: 100%;
    line-height: 1.6;
	height: 4.6rem;
}

textarea {
	height: auto;
}

::-webkit-input-placeholder { 
	color:#aaa; 
}
::-moz-placeholder { 
	color:#aaa; 
}
:-ms-input-placeholder { 
	color:#aaa; 
}
input:-moz-placeholder { 
	color:#aaa; 
}

input[type="checkbox"] {
	margin: 0;
    vertical-align: middle;	
}

input[type="submit"] {
	border: none;
    padding: 16px 20px;
    font-family: inherit;
    font-size: inherit;
    background-color: #00B285;
    color: #fff;
    font-weight: 700;
    cursor: pointer;	
}

input[type="submit"]:hover {
	background-color: #00906C;
}

select {
	display: block;
    width: 100%;	
}

label {
	font-size: 11px;
	font-size: 1.1rem;
    font-style: italic;
    color: #999;	
}

small {
	font-size: 11px;
	font-size: 1.1rem;	
}

img {
	max-width: 100%;
	height: auto;	
}

embed,
iframe {
	max-width: 100%;	
}

.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.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: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* 
2. Header
-------------------------------------
*/


.site-header {
	background-color: #fff;
	-webkit-transition: none;
	transition: none;
	z-index: 999;
}

.header-container {
	display: table;	
	padding: 0 40px;
	width: 100%;
}

.site-header.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
}

.admin-bar .site-header.fixed-header {
	top: 25px;
	top: 2.5rem;
}

.header-search .search-form {
	float: right;
}

/* Logo */

.logo {
	padding: 20px 0;
	padding: 2rem 0;
	display: table-cell;
}

.logo a {
	display: block;
    float: left;	
}

.logo-image-link {
	line-height: 0;
}

.header-side .logo a {
	float: none;
}

.logo-default {
	font-size: 1.1em;
}

/* Primary menu */

.logo,
.header-menu {
    vertical-align: middle;	
}

#nav-primary {
	float: right;
	font-family: 'Montserrat', Arial, sans-serif;
	text-transform: uppercase;
}

.nav ul li {
	position: relative;	
}

.nav ul li a {
	text-decoration: none;	
}

.primary-menu > li {
	position: relative;
	display: inline-block;
	margin: 0 0 0 30px;
	margin: 0 0 0 3rem;	
}

.primary-menu > li > a {
	color: #333;
	line-height: 6;
    display: block;	
}

.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current-menu-ancestor > a {
	color: #00B285;	
}

.primary-menu > .menu-item-has-children > a {
	padding-right: 15px;	
	padding-right: 1.5rem;	
}

.header-hamburger .primary-menu > .menu-item-has-children > a {
	padding-right: 0;	
}

.primary-menu > .menu-item-has-children > a:after {
	content: "\f107";
    font-family: FontAwesome;
	font-size: 1.2rem;
	position: absolute;
    right: 0;
    top: 0;
    line-height: 7;
}

.primary-menu .sub-menu {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 200px;
	width: 20rem;
	font-size: 11px;
	font-size: 1.1rem;
	border-top: 1px solid #ccc;	
}

.primary-menu .sub-menu li {
	background-color: #ddd;
}

.primary-menu > li > .sub-menu {
	border-top-style: solid;
	border-top-color: #fff;
}

.primary-menu .sub-menu li a {
	display: block;	
	padding: 18px 22px;
	padding: 1.8rem 2.2rem;
	color: #333;
	-webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.primary-menu .sub-menu li a:hover,
.primary-menu .sub-menu .current-menu-item:not(.current-menu-ancestor) > a {
	background-color: #ccc;	
}

.primary-menu .sub-menu li {
	border-bottom: 1px solid #ccc;	
}

.primary-menu .sub-menu li:last-child {
	border-bottom: none;
}

.primary-menu .sub-menu .sub-menu {
	top: -1px;
	top: -0.1rem;
    left: 100%;
}	

.primary-menu .sub-menu .menu-item-has-children > a {
	padding-right: 30px;
	padding-right: 3rem;
}	

.primary-menu .sub-menu .menu-item-has-children > a:after {
	content: "\f105";
    font-family: FontAwesome;
	font-size: 1.2rem;
	line-height: 52px;
	line-height: 5.2rem;
	position: absolute;
	top: -1px;
	top: -0.1rem;
	right: 12px;
    right: 1.2rem;
}

/* Mobile menu */

.mobile-menu-trigger,
.ham-menu-trigger {
	position: relative;
	display: table-cell;
    vertical-align: middle;	
	padding: 30px 0;
	padding: 3rem 0;
}

.mobile-menu-trigger {
	width: 60px;
	width: 6rem;
}

.ham-menu-trigger {
	width: 24px;
	width: 2.4rem;
	display: none;
}

.header-hamburger .ham-menu-trigger {
	display: table-cell;
}

.mobile-menu-trigger-container,
.ham-menu-trigger-container {
	cursor: pointer;	
	position: relative;
	width: 24px;
	width: 2.4rem;
}

.mobile-menu-trigger-stick,
.ham-menu-trigger-stick {
	height: 4px;
	height: 0.4rem;
	width: 24px;
	width: 2.4rem;
	background-color: currentColor;
	margin-bottom: 4px;
	margin-bottom: 0.4rem;
}

.mobile-menu-trigger-stick:last-child,
.ham-menu-trigger-stick:last-child {
	margin-bottom: 0;	
}

.mobile-menu-close-container {
	padding: 10px 30px;
	padding: 1rem 3rem;
}

.ham-menu-close-container {
	position: fixed;
	z-index: 10000000;
	display: none;
	top: 20px;
	top: 2rem;
	right: 20px;
	right: 2rem;
}

.mobile-menu-close,
.ham-menu-close {
	cursor: pointer;
	position: relative;
}	

.mobile-menu-close:before,
.ham-menu-close:before {
    content: "\f335";
    font-size: 40px;
    font-size: 4rem;
    font-family: dashicons;
    top: 0;
    margin-left: -10px;
    line-height: 1;
}

.mobile-menu-shadow {
	position: fixed;
	width: 100%;	
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	top: 0;
	left: 0;
	z-index: 99998;
	display: none;
}

#nav-mobile {
	position: fixed;
    z-index: 99999;
	top: 0;
    height: 100%;
	overflow-y: scroll;
    background-color: #ddd;
	font-family: 'Montserrat', Arial, sans-serif;
	max-width: 80%;
	padding: 10px 0;
	padding: 1rem 0;
	left: -100%;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#nav-mobile li a {
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	text-transform: uppercase;
	padding: 10px 50px 10px 30px;
	padding: 1rem 5rem 1rem 3rem;;
	border-bottom: 1px solid #ccc;
	color: #333;
}

#nav-mobile .primary-mobile-menu > li:first-child > a {
	border-top: 1px solid #ccc;	
}

#nav-mobile li a:hover,
#nav-mobile .current-menu-item:not(.current-menu-ancestor) > a {
	background-color: #ccc;	
}

#nav-mobile .sub-menu a {
	text-transform: none;
	font-size: 16px;
	font-size: 1.6rem;	
	padding-left: 60px;
	padding-left: 6rem;
}

#nav-mobile .sub-menu .sub-menu a {
	padding-left: 90px;
	padding-left: 9rem;	
}


/* 
3. Content
-------------------------------------
*/

.site-content {
	background-color: #f5f5f5;
}

.bnt-container {
	width: 100%;
	margin: 0 auto; 
}

.bnt-container:after {
	clear: both;
	content: '';
	display: table;	
}

/* Elements */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	margin: 1em 0;
	line-height: 1.3;
	color: #f5f5f5;
	font-family: 'Merriweather', 'Open Sans', sans-serif;
}

h1.denied {
	color: initial;
}

b,
strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

h1 {
	font-size: 26px;
	font-size: 2.6em;		
}

h2 {
	font-size: 22px;
	font-size: 2.2rem;		
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;	
}

h4 {
	font-size: 16px;
	font-size: 1.6rem;	
}

h5,
h6 {
	font-size: 15px;
	font-size: 1.5rem;	
}

hr {
	border-top: 1px solid #ddd;
    border-bottom: none;	
}

blockquote {
	border-left: 4px solid;
    padding-left: 14px;
	padding-left: 1.4rem;
    margin-bottom: 16px;
	margin-bottom: 1.6rem;
    font-style: italic;	
}

blockquote p:last-child {
	margin-bottom: 0;	
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

.entry-content table {
	border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    table-layout: fixed;
    width: 100%;	
}

.entry-content table,
.entry-content td,
.entry-content th {
	border: solid #ddd;	
}

.entry-content th, 
.entry-content td {
	padding: 10px;
    padding: 1rem;
}

.entry-content th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

.entry-content td {
    border-width: 0 1px 1px 0;
}

caption, 
th, 
td {
	text-align: left;	
}

dt {
	font-weight: 700;
}

address {
	font-style: italic;	
}

abbr[title] {
    cursor: help;	
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: 0.5ex;
}

big {
	font-size: 125%;
}

small {
	font-size: 75%;	
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: "Courier New", Courier, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	max-width: 100%;
    overflow: auto;
	padding: 18px;
    padding: 1.8rem;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;	
	background-color: #eee;
}

.entry-content ul {
	list-style: disc;	
}

.entry-content .fa-ul {
	list-style-type: none;	
}

.entry-content ul,
.entry-content ol {
	padding-left: 30px;	
	padding-left: 3rem;
}

.entry-content ul li,
.entry-content ol li,
.entry-content .so-widget-sow-editor ul li,
.entry-content .so-widget-sow-editor ol li {
	margin-bottom: 10px;
	margin-bottom: 1rem;	
}

.entry-content ul ul,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ol {
	margin-top: 6px;
	margin-top: 0.6rem;	
}

.site-content a {
	color: #00B285;
}

.site-content .button {
	background-color: #00B285;	
	color: #fff;
	text-decoration: none;
	border: none;
    font-family: inherit;
	padding: 13px 15px;
	padding: 1.35rem 1.5rem;
    cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: inherit;
}

.site-content a:hover {
	text-decoration: underline;	
}

.site-content .ow-button-hover:hover,
.site-content .page-numbers:hover,
.site-content .ajax-load-more:hover,
.site-content .page-link-text:hover,
.site-content .button:hover {
	text-decoration: none;	
}

.site-content .button:hover {
	background-color: #00906C;	
}

.separator-line {
	margin: 40px 0;
	margin: 4rem 0;
	border-top: 6px solid #ddd;
	width: 100%;
	clear: both;
}

.alignleft,
a img.alignleft {
	display: inline;
	float: left;
}

.alignright,
a img.alignright {
	display: inline;
	float: right;
}

.aligncenter,
a img.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft,
a img.alignleft {
	margin: 6px 24px 16px 0;
	margin: 0.6rem 2.4rem 1.6rem 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright,
a img.alignright {
	margin: 6px 0 16px 24px;
	margin: 0.6rem 0 1.6rem 2.4rem;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter,
a img.aligncenter {
	clear: both;
	margin-top: 4px;
	margin-top: 0.4rem;
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.wp-caption,
.gallery-caption {
	max-width: 100%;	
}

.wp-caption-text {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999;	
}

.gallery {
	padding-bottom: 16px;
	padding-bottom: 1.6rem;	
}

.gallery .gallery-item {
	text-align: left !important;
	padding-right: 10px;
	padding-right: 1rem;
    margin-bottom: 10px;
	margin-bottom: 1rem;
    margin-top: 0 !important;	
}

.gallery .gallery-item dt {
	line-height: 0;	
}

.gallery .gallery-item img {
	border: none !important;
}

/* Front grid */ 

.content-blog .site-main {
	grid-column-gap: 5%;
}

.front-grid-container .entry-content  {
	font-size: 16px;
}

/* Star ratings */

.star-rating-outer {
	position: relative;	
	display: inline-block;
	height: 1em;
	margin-left: 18px;
}

.star-rating {
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1em;
	width: 5em;
	text-indent: -9999px;
	display: inline-block;
	margin-right: 10px;
	float: none;
	top: 2px;
}

.star-rating:before {
	font-family: dashicons;
	content: "\f154\f154\f154\f154\f154";
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	text-indent: 0;	
	color: #FFC926;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;	
}

.star-rating span:before {
	font-family: dashicons;
	content: '\f155\f155\f155\f155\f155';
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	text-indent: 0;	
	color: #FFC926;
}

/* Blog */

.entry-title,
.page-title {
	margin-top: 0;	
}

.content-blog h2 a {
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.content-blog h2 a:hover {
	text-decoration: none;
	color: #016549;
}

.content-blog .review-stars {
	padding: 0 0 20px 30px;
}

.blog-review-link a {
	position: relative;
}

.blog-review-link a:hover {
	text-decoration: none;
	color: #016549;
}

.blog article,
.archive article,
.search article,
.widget_siteorigin-panels-postloop article {
	margin-bottom: 150px;
	position: relative;
}

.blog article:after,
.archive article:after,
.search article:after {
	position: absolute;
	content: ' ';
	border-top: 12px solid #DDDDDD;
	width: 60px;
	left: 50%;
	bottom: -60px;
	margin-left: -30px;
}

.post-thumbnail {
	margin-bottom: 30px;
	margin-bottom: 3rem;	
}

.post-date-blog {
	color: #999;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;	
}

.post-day {
	font-size: 2.2rem;
	margin-bottom: -4px;
	margin-bottom: -0.4rem;
}

.post-month,
.post-year {
	font-size: 1.1rem;	
}

.sticky .entry-footer .sticky-icon:before {
	font-family: dashicons;
	content: "\f537";
}

.sticky .entry-footer .sticky-icon {
	margin-right: 2px;
	margin-right: 0.2rem;
    font-size: 14px;
	font-size: 1.4rem;;
}

.entry-footer {
	color: #999;
	font-size: 11px;
	font-size: 1.1rem;
}	

.post-edit-link {
	margin-left: 10px;	
	margin-left: 1rem;
}

.page .post-edit-link {
	margin-left: 0;	
}

.pagination {
	text-align: center;
}

.pagination .page-numbers {
	margin: 0 16px 16px 0;
	margin: 0 1.6rem 1.6rem 0;
    font-size: 16px;
	font-size: 1.6rem;
    padding: 10px 16px;
	padding: 1rem 1.6rem;
	border: 1px solid;	
	font-weight: 700;
	display: inline-block;
}

.pagination .page-numbers.dots,
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
	border: none;
	font-size: 26px;
	font-size: 2.6rem;
}

.pagination .page-numbers.prev,
.woocommerce-pagination li .page-numbers.prev {
	padding-left: 0;	
}

.pagination a.page-numbers:hover,
.site-content a.ajax-load-more:hover,
.page-links a .page-link-text:hover {
	color: #fff;
	background-color: #00B285;	
	border-color: #00B285;
}

.pagination a.page-numbers.next:hover,
.pagination a.page-numbers.prev:hover {
	color: inherit;
	background: inherit;	
}

.ajax-load-more {
	margin: 40px 0 40px 60px;
	margin: 4rem 0 4rem 6rem;
    padding: 20px 18px;
	padding: 2rem 1.8rem;
    border: 1px solid;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
	font-size: 1.6rem;
    font-weight: 700;
    display: none;	
}

@-webkit-keyframes rotate-forever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes rotate-forever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate-forever {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.spinner-circle {
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: rotate-forever;
	-moz-animation-name: rotate-forever;
	animation-name: rotate-forever;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	height: 30px;
	height: 3rem;
	width: 30px;
	width: 3rem;
	border: 4px solid;
	border-right-color: transparent;
	border-radius: 50%;
	display: inline-block;
}

.spinner-ajax {
	margin: 40px 0 40px 60px;
	margin: 4rem 0 4rem 6rem;
	text-align: center;	
	display: none;
}

.front-list {
	border-top: #eee 8px solid;
}

.front-list-tabs {
	display: flex;
	flex-wrap: nowrap;
}

.front-list-tab  {
	color: #999;
	text-transform: uppercase;
	font-weight: 700;
	border-right: 3px solid #eee;
	border-bottom: 3px solid #eee;
	text-align: center;
}

.front-list-tab-clickable {
	cursor: pointer;
}

.front-list-tab-active {
	color: #666;
	border-bottom-color: #fff;
	cursor: auto;
}

.front-list-tab-hidden {
	display: none !important;
}

.front-list-tab-clickable:not(.front-list-tab-active):hover {
	background-color: #f4f4f4;
	color: #333;
}

.front-list-tab-slogan {
	border-right: none;
	text-transform: initial;
	font-weight: 400;
	font-style: italic;
	flex-grow: 1;
	text-align: left;
}

.front-list-items {
	display: none;
	padding-top: 10px;
}

.front-list-items.front-list-bookmaker {
	display: block;
}

.tag .front-list-items {
	display: block;
	padding-top: 0;
}

.front-list-item {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 3px solid #eee;
	align-items: center;
}

.front-list-item:last-child {
	border-bottom: none;
}

.front-list-item-el {
	white-space: nowrap;
}

.front-list-item-el:first-child {
	padding-left: 0;
}

.front-list-item-el:last-child {
	padding-right: 0;
}

.front-list-item-brand-inner {
	overflow: hidden;
	white-space: nowrap;
}

.front-list-item-name {
	font-weight: 700;
}

.front-list-item-icon,
.front-list-item-name {
	display: inline-block;
	vertical-align: middle;
}

.front-list-item-icon-circle {
	border-radius: 100%;
	position: relative;
}

.tag .front-list-item-icon-circle {
	text-align: center;
	color: #fff;
	font-family: Merriweather;
	font-weight: 400;
	overflow: hidden;
	font-style: italic;
	/*
	text-shadow: 1px 1px #9fd4c6, 2px 2px #9fd4c6, 3px 3px #9fd4c6, 4px 4px #9fd4c6, 5px 5px #9fd4c6, 6px 6px #9fd4c6, 7px 7px #9fd4c6, 8px 8px #9fd4c6, 9px 9px #9fd4c6, 10px 10px #9fd4c6, 11px 11px #9fd4c6, 12px 12px #9fd4c6, 13px 13px #9fd4c6, 14px 14px #9fd4c6, 15px 15px #9fd4c6, 16px 16px #9fd4c6, 17px 17px #9fd4c6, 18px 18px #9fd4c6, 19px 19px #9fd4c6, 20px 20px #9fd4c6, 21px 21px #9fd4c6, 22px 22px #9fd4c6;
	text-shadow: 2px 2px #9fd4c6;
	*/
}

.front-list-item-icon-circle img {
	margin: auto;
	max-width: 50%;
	max-height: 50%;
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.front-list-item .star-rating-number {
	display: inline-block;
}

.front-list-item-offer {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.front-list-item-review,
.front-list-item-direct {
	text-align: right;
	color: #00AC7D;
}

.front-list-item-direct {
	flex-grow: 1;
}

.front-list-item-review a,
.front-list-item-direct a {
	color: #00AC7D;
	font-weight: 700;
	-webkit-box-shadow: 0px -12px 0px 0px #dff3ed inset;
	box-shadow: 0px -12px 0px 0px #dff3ed inset;
}
	
.front-list-item-review a:hover,
.front-list-item-direct a:hover {
	-webkit-box-shadow: 0px -12px 0px 0px #b2e7d8 inset;
	box-shadow: 0px -12px 0px 0px #b2e7d8 inset;
}

.front-list-item-direct .dashicons-external {
	vertical-align: baseline;
	font-weight: 400;
	color: #91D8C4;
}

.front-categories {
	border-top: 8px solid #eee;
}

.front-category {
	text-align: center;
}

.front-category * {
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.front-category-title {
	color: #666;
}

.front-category-title-adj {
	font-family: 'Merriweather', 'Arial', sans-serif;
	font-style: italic;
}

.front-category-title-cat {
	font-weight: 700;
	text-transform: uppercase;
}

.front-category a {
	display: block;
}

.front-category a:hover {
	background-color: #f5fbf9;
}

.front-category a:hover .front-category-title {
	color: #00b285;
}



/* Archive pages */

.archive-header {
	margin-bottom: 70px;
	margin-bottom: 7rem;	
}

.archive-header .archive-title {
	margin: 0;	
}

.archive-header .archive-description {
	margin-top: 20px;
	margin-top: 2rem;
	color: #999;
}

.search .archive-title {
	font-style: italic;	
}

.search .archive-description {
	margin-top: 0;	
}

.error-404 {
	margin-bottom: 200px;
	margin-bottom: 20rem;	
}

/* Single post */

.single-post .site-content {
	padding-top: 0;
}

.review-header {
	text-align: center;
    background-color: #035b43;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMDQ1MTNjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMTY1NDkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%,color-stop(0, rgb(4, 81, 60)),color-stop(1, rgb(1, 101, 73)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(bottom,rgb(4, 81, 60) 0%,rgb(1, 101, 73) 100%);
    /* IE10+ */
    background-image: linear-gradient(to top,rgb(4, 81, 60) 0%,rgb(1, 101, 73) 100%);
    background-image: -ms-linear-gradient(bottom,rgb(4, 81, 60) 0%,rgb(1, 101, 73) 100%);
}

.review-title {
	margin: 0 auto;
	padding-bottom: 34px;
}

.review-title h1 {
	font-weight: 700;
	color: #f5f5f5;
	font-family: 'Merriweather', 'Open Sans', sans-serif;
	margin: 0;
}

.review-visit {
	padding-top: 40px;
}

.review-visit a {
	font-weight: 700;
	color: #FE9B6B;
	border: solid #FE9B6B;
	display: inline-block;
	background-color: #FE9B6B;
	color: #045841;
}

.review-visit a:hover {
	text-decoration: none;
	background-color: #f87434;
	border-color: #f87434;
	color: #045841;
	-webkit-transition: 0.4s all;
	transition: 0.4s all;
}

.review-body .review-visit {
    margin-bottom: 60px;
}

.review-body .review-visit a:hover {
	color: #f5f5f5;
}

.visit-arrow {
	margin-left: 12px;
	position: relative;
	font-family: 'Arial', sans-serif;
	font-weight: 400;
    display: inline-block;
	line-height: 18px;
}

.rating-form h4,
.rating-form .rating-item .description {
	display: none;
}

.review-body {
	position: relative;
    background-color: #f5f5f5;
}

.review-body p:first-child {
	margin-bottom: 40px;
	color: #999;
	font-style: italic;
}

.review-stars {
	color: #aaa;
}

.post-password-form input {
	width: 100%;	
}

.author-info {
	margin-top: 50px;
	margin-top: 5rem;	
}

.author-avatar {
	line-height: 0;
}

.author-description {
	margin-top: -85px;
	margin-top: -8.5rem;
    padding-left: 110px;
	padding-left: 11rem;	
}

h3.author-name {
	margin: 0 0 10px 0;
	margin: 0 0 1rem 0;
}

.author-bio {
	margin: -6px 0 10px 0;
	margin: -0.6rem 0 1rem 0;
}

.entry-footer {
	margin-top: 20px;
	margin-top: 2rem;	
}

.page-links {
	padding: 20px 0;
	padding: 2rem 0;	
}

.page-links a:hover {
	text-decoration: none;
}

.page-links .page-link-text {
	border: 1px solid;
	font-weight: 700;
	padding: 6px 12px;
	padding: 0.6rem 1.2rem;
    margin: 0 10px 10px 0;	
	margin: 0 1rem 1rem 0;
}

.review-body h2,
h3.comments-title {
	font-family: 'Merriweather', sans-serif;
	color: #016549;
}

.review-topbar {
	position: fixed;
	top: 0;
	width: 100%;
	display: none;
	text-align: center;
	background-color: #04543e;
}

.review-topbar-title {
	font-family: 'Merriweather', sans-serif;
	color: #44a98d;
	display: inline-block;
	margin-right: 30px;
	font-size: 26px;
}

.review-body code {
	background: #ddd;
	padding: 4px 6px;
	color: #777;
	font-family: Arial;
	font-weight: 700;
	border: 1px solid #bbb;
}


/* Comments */

.comment,
.pingback,
.trackback {
	margin-top: 36px;
	margin-top: 3.6rem;
	position: relative;
}

.comment-author img {
	float: left;
    margin-right: 14px;	
	margin-right: 1.4rem;
}

.comment-author .author-name {
	font-weight: 700;
    font-style: normal;
    position: relative;
    top: -2px;
}

.comment-author .says {
	display: none;	
}

.comment-meta {
	font-size: 11px;
	font-size: 1.1rem;
	font-style: italic;	
	color: #999;
}

.comment-meta a {
	padding-right: 6px;
	padding-right: 0.6rem;
}

.comment-text {
	margin-top: 12px;
	margin-top: 1.2rem;	
}

.comment-nested {
	display: none;	
}

.comment .comment .comment-nested {
	position: absolute;
    left: 0;
    height: 20px;
    width: 30px;
    border: 1px solid #ddd;
	border-right: none;
	border-top: none;
}

.comment-reply-title small {
	padding-left: 8px;
	padding-left: 0.8rem;	
}

.comment-form-field {	
	position: relative;
}

.comment-form-field label {
	display: none;
	position: absolute;
	top: -14px;
	top: -1.4rem;
}

.comment-form-comment textarea {
	height: auto;
}

.comment-form .form-submit {
	padding-top: 6px;
	padding-top: 0.6rem;
}

.comment-form .form-submit:after {
	content: "";
	display: table;
	clear: both;
}

.comment-notes {
	font-size: 11px;
	font-size: 1.1rem;
	font-style: italic;
	color: #999;
}

.comment-form .submit {
	float: right;
}	

.comment-form .submit:after,
.comment-form-email:after {
	content: '';
	display: table;
	clear: both;	
}

.comment-reply-title {
	margin-top: 0;	
}

.comment-respond {
	margin-top: 40px;
    margin-top: 4rem;
	padding-top: 40px;
    padding-top: 4rem;
    border-top: 6px solid #ddd;
}	

.comment-nav {
	font-weight: 700;
	padding-top: 20px;
	padding-top: 2rem;
	font-size: 11px;
	font-size: 1.1rem;	
}

.comment-nav .nav-previous,
.comment-nav .nav-next {
	display: inline;
}

.comment-nav .nav-next {
	margin-right: 20px;	
	margin-right: 2rem;
}

.comment-subscription-form {
	margin: 0;	
}

.bypostauthor .author-name {
	font-style: italic;
}


/* Static pages */

.page h1, 
.page h2,
.page h3 {
	color: #016549;
}

.wpcf7 span input,
.wpcf7 span textarea {
	font-size: 18px;
	font-style: normal;
}

.wpcf7-checkbox .wpcf7-list-item {
	margin: 0 0 20px 0;
	cursor: pointer;
} 

.wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 22px;
    font-style: initial;
    color: initial;
    position: relative;
    top: 4px;
    left: 10px;
}

.page-template-page-myip .site-content {
	padding-top: 0;
}

.myip-header {
	color: #fff;
}

.myip-body .bnt-container {
	background-color: #f5f5f5;
}

.myip-header-inner {
	display: flex;
}

.myip-header-part {
	text-align: left;
}

.myip-title {
	margin-bottom: 20px;
}

.myip-title,
.myip-detail-name {
	color: #8bb9ac;
}

.myip-ip-group {
	position: relative;
}

.myip-ip {
	font-weight: 700;
	padding: 4px 8px 6px 8px;
	background-color: #027D5B;
	display: inline-block;
	line-height: 1;
}

.myip-detail-name,
.myip-detail-value {
	display: inline-block;
	font-size: 18px;
}

.myip-detail-value {
	font-weight: 700;
}

.my-ip-copy {
	display: inline-block;
	width: 50px;
	line-height: 0.7;
	margin-left: 10px;
}

.icon-copy-square {
	height: 12px;
	width: 12px;
	border: 1px solid #bbb;
}

.icon-copy-square-1 {
	position: relative;
	left: 4px;
	top: 8px;
}

.my-ip-copy-icon {
	color: #bbb;
	display: inline-block;
}

.my-ip-copy-text {
	display: inline;
	padding-left: 4px;
	font-size: 14px;
	color: #bbb;
}

.myip-ip-group:hover {
	cursor: pointer;
}

.myip-ip-group:hover .myip-ip {
	background-color: #1F9776;
}

.myip-ip-group:hover .my-ip-copy-text {
	color: #fff;
}

.myip-ip-group:hover .icon-copy-square {
	border-color: #fff;
}

.myip-detail-ipv6 {
	margin-top: 15px;
}

.message-copied {
	position: absolute;
	left: -80px;
	top: 10px;
	font-style: italic;
	color: #bbb;
}

.myip-body h1 {
	text-align: center;
	margin: 1em 0;
}

.myip-excerpt {
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
	font-style: italic;
	color: #999;
	padding-bottom: 40px;
}

.rdo {
	display: grid;
	grid-column-gap: 80px;
}

.rdotool {
	max-width: 430px;
}

.rdotool-name {
	padding: 10px 0 0 0;
	color: #999;
}

select#rdoselect {
	height: auto;
}

button.rdo-roll {
	background-color: #016549;
	border: none;
	padding: 20px 30px;
	font-size: 20px;
	color: #fff;
	border-bottom: 4px solid #064433;
	margin-top: 20px;
	cursor: pointer;
	width: 100%;
}

.rdoresult {
	padding: 15px 20px;
	background-color: #fff;
	border: 6px solid #e3e3e3;
	font-size: 24px;
}

.rdodesc {
	padding-top: 60px;
}

.rdobanner:hover {
	opacity: 0.8;
}


/* Archives */

.tag-header {
	background-color: #eee;
}

.tag-header-inner {
	display: table;
	padding: 5%;
}

.tag-header-name,
.tag-header-image,
.tag-header-desc {
	display: table-cell;
	vertical-align: middle;
}

.tag-header-name {
	line-height: 80px;
	font-weight: 700;
	text-transform: uppercase;
	color: #888;
}

.tag-header-image {
	line-height: 0;
	padding: 0 30px;
	width: 80px;
	box-sizing: content-box;
}

.tag-header-image img {
	max-height: 80px;
}

.tag-header-desc {
	font-style: italic;
	color: #999;
	display: none;
}

.tag-header-desc-inner {
	max-width: 650px;
}

.tag-title {
	font-size: 80px;
	color: #aaa;
	font-weight: 700;
	font-family: Merriweather, sans-serif;
	padding-bottom: 20px;
}

.tag-description {
	font-size: 24px;
}


/* 
4. Sidebar
-------------------------------------
*/

.sidebar .widget {
	margin-bottom: 50px;
	margin-bottom: 5rem;	
}

.sidebar .widget:last-child {
	margin-bottom: 0;	
}

.widget h3 {
	margin-top: 0;	
}

.widget ul li {
	margin-bottom: 6px;
	margin-bottom: 0.6rem;	
}

.widget ul li:last-child {
	margin-bottom: 0;	
}

.widget_archive li,
.widget_categories li {
	color: #999;	
}

.widget_archive label,
.widget_categories label,
.widget_search label {
	display: none;
}

.widget .children,
.widget .sub-menu {
	margin: 6px 0 0 12px;
	margin: 0.6rem 0 0 1.2rem;	
}

.widget .post-date {
	font-size: 11px;
	font-size: 1.1rem;
	color: #999;
	font-style: italic;
	padding-left: 4px;
	padding-left: 0.4rem;	
}

.search-form-wrap {
	position: relative;	
}

input[type="text"].search-form-input {
	padding-right: 60px;
	padding-right: 6rem;
    padding-right: 54px;
	background-color: #f1f1f1;
}

.search-form-wrap .search-submit {
    position: absolute;
    margin: 6px 0;
	line-height: 46px;
    font-size: 18px;
    font-weight: 400;
    width: 48px;
    padding: 0;
    background-color: #bbb;
    color: #fff;
    float: right;
	top: 0;
    right: 0;
	cursor: pointer;
	border: none;
}

.search-form-wrap .search-submit:hover {
	background-color: #04D66B;
	color: #fff;
	border-color: #04D66B; 
}

.widget_calendar table {
	width: 100%;
    text-align: left;	
}

.widget_calendar table td,
.widget_calendar table th, 
.widget_calendar table caption {
	padding: 4px 0;
	padding: 0.4rem 0;	
}

.widget_calendar table caption {
	margin-bottom: 8px;
    margin-bottom: 0.8rem;
    text-align: left;
    font-style: italic;
    color: #999;		
}

.widget_calendar table th {
	color: #999;	
}

.widget_calendar table #next {
	text-align: right;	
}

.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_product_categories ul li {
	margin-bottom: 10px;
	margin-bottom: 1rem;
    padding-bottom: 10px;
	padding-bottom: 1rem;
    border-bottom: 1px solid #ddd;
}

.widget ul li:last-child {
	border-bottom: none;
}

.widget_recent_comments .recentcomments {
	font-size: 11px;
	font-size: 1.1rem;
	font-style: italic;
	color: #999;
}

.widget_recent_comments .recentcomments a {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	color: normal;
}

.widget_rss .widget-title .rsswidget img {
	display: none;
}

.widget_rss .widget-title .rsswidget:first-child:before {
	font-family: dashicons;
    content: "\f303";
    font-size: 14px;
	font-size: 1.4rem;
    position: relative;
    top: 1px;
	top: 0.1rem;
}

.tagcloud:after {
	clear: both;
	content: '';
	display: table;	
}

.tagcloud a {
	font-size: 14px !important;
	font-size: 1.4rem !important;
    display: block;
    float: left;
    padding: 2px 4px;
	padding: 0.2rem 0.4rem;	
}

.woocommerce-product-search {
	position: relative;	
}

.widget_product_search .search-field {
	padding-right: 60px;
	padding-right: 6rem;	
}

.widget_product_search input[type="submit"] {
	font-family: dashicons;
	top: 0;
    right: 0;
    border: none;
    position: absolute;
    margin: 6px 0;
    margin: 0.6rem 0;
    padding: 9px 14px;
    padding: 0.9rem 1.4rem;
    line-height: 1.5;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: 400;
}

.widget-woo .star-rating {
	font-size: 10px;
	font-size: 1rem;	
}

.wc-layered-nav-rating .star-rating {
	display: inline-block;
}


/* 
5. Footer
-------------------------------------
*/

.site-footer {
	color: #ccc;	
	font-size: 16px;
}

.site-footer a {	
	color: #ccc;
	border-bottom: 1px solid;
}

.site-footer a:hover {
	border-bottom: none;	
}

.sidebar-footer {
	padding: 50px 0 40px 0;
	padding: 5rem 0 4rem 0;
    background-color: #888;
}

.site-footer .bnt-container {
	margin: 0 !important;
	max-width: 100% !important;
}

.site-footer label,
.site-footer .post-date-blog,
.site-footer .entry-footer,
.site-footer .comment-meta,
.site-footer .comment-notes {
	color: #aaa;
}

.bottom-footer {
	background-color: #666;	
	font-size: 12px;
}

.footer-copyright,
.footer-menu {
	padding: 30px 0;
	padding: 3rem 0;
}

.footer-menu li {
	
}

.footer-menu .current-menu-item a,
.footer-menu .current-menu-ancestor a {
	border-bottom: 1px solid;
}

.footer-languages {
	list-style-type: none;
	text-align: justify;
}

.footer-languages li {
	display: inline-block;
	margin-right: 25px;
	font-size: 16px;
}

.footer-languages li a { 
	color: #eee;
}

.eighteen {
	color: #666;
	background-color: #ccc;
	border-radius: 100%;
	display: inline-block;
	padding: 4px;
	line-height: 18px;
	font-size: 11px;
	margin-right: 3px;
}

.footer-copyright-claim,
.footer-responsible-gambling {
	display: inline-block;
}

.footer-responsible-gambling {
	margin-left: 20px;
}



/* 
7. Responsive
-------------------------------------
*/

/* Smaller mobile screens */
@media screen and (min-width: 10em) {
	
	body {
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	p,
	table,
	.entry-content ul,
	.entry-content ol {
		margin-bottom: 16px;
		margin-bottom: 1.6rem;
	}
	
	.review-body h2, 
	h3.comments-title {
		font-size: 28px;
		margin: 1.2em 0 0.8em 0;
		line-height: 1.3;
	}
	
	.logo img {
		width: auto;	
	}
	
	.mobile-menu-open {
		overflow: hidden;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	
	.admin-bar.mobile-menu-open .site-wrapper,
	.admin-bar.mobile-menu-open #nav-mobile {
		top: 46px;
	}
	
	.header-menu {
		display: none;	
	}
	
	.bnt-container,
	.front-grid-container {
		padding: 0 5%; 
	}
	
	.front-category {
		border-bottom: 3px solid #eee;
	}

	.front-category:last-child {
		border-bottom: none;
	}
	
	.front-category-inner {
		padding: 40px;
	}
	
	.front-category-title {
		font-size: 26px;
	}
	
	.post-header-title {
		padding: 20% 0;
	}
	
	.post-header-title h1 {
		font-size: 26px;
		font-size: 2.6rem;
	}
	
	.post-header-title br {
		display: none;
	}
	
	.content,
	.sidebar {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.sidebar {
		padding-top: 40px;
		padding-top: 4rem;	
	}
	
	.site-content {
		padding: 40px 0;
		padding: 4rem 0;
	}
	
	.comment .comment {
		padding-left: 0;	
	}
	
	.comment-form-field {
		width: 100%;	
		margin-bottom: 6px;
		margin-bottom: 0.6rem;
    	padding: 0;
	}
	
	.pagination .page-numbers.next,
	.pagination .page-numbers.prev {
		display: inline-block;
	}
	
	.widget-footer {
		padding-bottom: 30px;
		padding-bottom: 3rem;	
		margin-right: 0;
		float: none;
	}
	
	.widget-footer:last-child {
		padding-bottom: 0;	
	}
	
	.footer-menu li {
		margin-bottom: 10px;
		margin-bottom: 1rem;
	}
	
	.content-blog h2 {
		font-size: 26px;
	}
	
	.content-blog h2 a {
		-webkit-box-shadow: 0px -12px 0px 0px #d2ebe4 inset;
		box-shadow: 0px -12px 0px 0px #d2ebe4 inset;
	}
	
	.content-blog h2 a:hover {
		-webkit-box-shadow: 0px -12px 0px 0px #b2e7d8 inset;
		box-shadow: 0px -12px 0px 0px #b2e7d8 inset;
	}
	
	.header-search {
		display: none;
	}
	
	.content.content-blog {
		padding-top: 10px;
	}
	
	.review-body {
		margin-top: 50px;
	}
	
	.review-title h1 {
		font-size: 32px;
	}
	
	.review-header {
		padding: 70px 8%;
	}
	
	.review-visit a {
		font-size: 18px;
		padding: 12px 20px;
		border-width: 6px;
	}
	
	.visit-arrow {
		font-size: 30px;
		top: 3px;
	}
	
	.review-topbar {
		padding: 0;
	}
	
	.review-topbar-title {
		display: none;
	}
	
	.review-visit.review-topbar a {
		font-size: 16px;
		padding: 12px 16px;
		border-width: 2px;
		width: 100%;
	}

	.review-visit.review-topbar a .visit-arrow {
		font-size: 30px;
		top: 3px;
		margin-left: 8px;
	}
	
	.blog-review-link {
		display: none;
	}
	
	.front-list-item-direct {
		display: none;
	}
	
	.front-list-item-review {
		flex-grow: 1;
	}
	
	.front-list-item {
		padding: 5%;
	}
	
	.front-list-item-el {
		font-size: 16px;
		padding: 0 5px;
	}
	
	.front-list-item-icon-circle {
		width: 36px;
		height: 36px;
		line-height: 33px;
		font-size: 24px;
	}
	
	.front-list-item-icon {
		padding-right: 10px;
	}
	
	.front-list-item-name  {
		font-size: 20px;
		line-height: 36px;
	}
	
	.front-list-item-offer,
	.front-list-item-rating {
		display: none;
	}
	
	.front-list-tab-slogan {
		display: none;
	}
	
	.front-list-broker.front-list-tab {
		border-right: none;
	}
	
	.front-list-tab {
		width: 33.33%;
		font-size: 14px;
		padding: 15px 20px;
	}
	
	.front-list-tab[data-type="broker"] {
		border-right: none;
	}
	
	.myip-header-inner {
		flex-direction: column;
	}
	
	.myip-title,
	.myip-ip {
		font-size: 30px;
	}
	
	.myip-details {
		margin-top: 40px;
	}
	
	.tag-header-name {
		font-size: 40px;
	}
	
	.rdoresult {
		margin: 40px 0 10px 0;
	}
	
	
}


@media screen and (min-width: 25em) { 
	
	.front-list-item-rating {
		display: block;
	}
	
	.front-list-item-rating .star-rating-number {
		display: none;
	}
	
	.front-list-item-brand {
		flex-basis: 35%;
	}
	
	.front-list-item {
		padding: 5%;
	}
	
}


/* Larger mobile screens - 768px and wider */
@media screen and (min-width: 48em) {
	
	.site-content {
		font-size: 20px;
		font-size: 2rem;
	}
	
	.front-categories {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.front-category {
		border-right: 3px solid #eee;
		border-bottom: none;
	}

	.front-category:last-child {
		border-right: none;
	}
	
	.front-category-inner {
		padding: 80px 60px;
	}
	
	.front-category-title {
		font-size: 36px;
	}
	
	.front-category a:hover .front-category-title {
		color: #00b285;
	}
	
	.front-category-title {
		margin-top: 12px;
		line-height: 1.2;
	}
	
	p,
	table,
	.entry-content ul,
	.entry-content ol {
		margin-bottom: 26px;
		margin-bottom: 2.6rem;
	}
	
	.review-body h2, 
	h3.comments-title {
		font-size: 34px;
		margin: 2em 0 1.2em 0;
		line-height: 1.4;
	}
	
	.admin-bar.mobile-menu-open .site-wrapper,
	.admin-bar.mobile-menu-open #nav-mobile {
		top: 32px;
	}
		
	.has-sidebar .content {
		width: 70%;
	}
	
	.right-sidebar .content {
		float: left;	
	}
	
	.left-sidebar .content {
		float: right;	
	}
	
	.sidebar {
		width: 30%;
		padding-top: 20px;
		padding-top: 2rem;
	}
	
	.right-sidebar .sidebar {
		float: right;
		padding-left: 8%;
	}
	
	.left-sidebar .sidebar {
		float: left;
		padding-right: 8%;	
	}
	
	.review-title {
		max-width: 70%;
	}
		
	.post-header-title {
		max-width: 60%;
		padding: 10% 0;
	}
	
	.post-header-title h1 {
		font-size: 50px;
		font-size: 5rem;
	}
	
	.post-header-title br {
		display: initial;
	}
	
	.site-content {
		padding: 60px 0 120px 0;
		padding: 6rem 0 12rem 0;
	}
	
	.comment .comment {
		padding-left: 30px;
		padding-left: 3rem;	
	}
	
	.comment .comment .comment-nested {
		display: block;	
	}
	
	.comment-form-field {
		width: 50%;	
		margin-top: 0;
		margin-bottom: 10px;
	    margin-bottom: 1rem;
		float: left;
	}
	
	.comment-form-author {
		padding-right: 16px;
		padding-right: 1.6rem;	
	}
	
	.widget-footer {
		padding-bottom: 0;
		margin-right: 5%;
		float: left;
	}
	
	.widget-footer.column-1 {
		float: none;
	}
	
	.footer-menu {
		float: right;
	}
	
	.footer-menu li {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 20px;
		margin-right: 2rem;
	}
	
	.footer-copyright {
		float: left;
	}
	
	.blog article,
	.archive article,
	.search article,
	.widget_siteorigin-panels-postloop article {
		margin-bottom: 150px;
		position: relative;
	}
	
	.content-blog .site-main {
		
	}
	
	.content-blog h2 {
		font-size: 30px;
	}
	
	.content-blog .site-main .post:first-child h2 {
		font-size: 40px;
	}
	
	.content-blog .site-main .post:first-child .entry-content {
		font-size: 20px;
	}
	
	.content-blog h2 a {
		-webkit-box-shadow: 0px -17px 0px 0px #d2ebe4 inset;
		box-shadow: 0px -17px 0px 0px #d2ebe4 inset;
	}
	
	.content-blog h2 a:hover {
		-webkit-box-shadow: 0px -21px 0px 0px #b2e7d8 inset;
		box-shadow: 0px -21px 0px 0px #b2e7d8 inset;
	}
	
	.tag-header-desc {
		display: table-cell;
	}
	
	.tag-header-name {
		font-size: 60px;
	}
	
	.header-search {
		display: table-cell;
		vertical-align: middle;
	}
	
	.content.content-blog {
		padding-top: 50px;
	}
	
	.review-body {
		padding: 60px;
		margin-top: -160px;
	}
	
	.review-header {
		padding: 120px 5% 250px 5%;
	}
	
	.review-title h1 {
		font-size: 56px;
	}
	
	.rating-form,
	.review-comments {
		padding: 0 60px;
	}
	
	.review-visit a {
		font-size: 30px;
		padding: 16px 26px;
		border-width: 8px;
	}
	
	.visit-arrow {
		font-size: 40px;
		top: 1;
	}
	
	.review-topbar {
		padding: 10px 20px;
	}
	
	.review-visit.review-topbar a {
		font-size: 20px;
		padding: 14px 20px;
		border-width: 2px;
		width: auto;
	}

	.review-visit.review-topbar a .visit-arrow {
		font-size: 36px;
		top: 4px;
		margin-left: 10px;
	}
	
	.blog-review-link {
		display: inline-block;
		position: relative;
	}
	
	.front-list-item {
		padding: 30px 40px;
	}
	
	.tag .front-list-item {
		padding: 30px 5%;
	}
	
	.front-list-item-el {
		font-size: 20px;
		padding: 0 30px;
	}
	
	.front-list-item-icon-circle {
		width: 44px;
		height: 44px;
		line-height: 40px;
		font-size: 26px;
	}
	
	.front-list-item-name  {
		font-size: 26px;
		line-height: 42px;
	}
	
	.front-list-item-icon {
		padding-right: 25px;
	}
	
	.front-list-tab-slogan {
		display: block;
	}
	
	.front-list-item-rating .star-rating-number	{
		display: inline-block;
	}
	
	.front-list-broker.front-list-tab {
		border-right: 3px solid #eee;
	}
	
	.front-list-tab {
		width: auto;
		font-size: 22px;
		padding: 20px 40px;
	}
	
	.front-list-tab[data-type="broker"] {
		border-right: 3px solid #eee;
	}
	
	.content-blog .site-main {
		display: grid;
	}
	
	.content-blog .site-main {
		grid-template-columns: 1fr 1fr;
	}
	
	.content-blog .site-main .post:first-child {
		grid-column: 1 / span 2;
		padding: 0 7%;
	}
	
	.myip-header-inner {
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	
	.myip-title,
	.myip-ip {
		font-size: 40px;
	}
	
	.myip-header-part {
		padding: 40px;
	}
	
	.myip-body .bnt-container {
		margin-top: -100px;
		padding: 60px;
	}
	
	.myip-details {
		margin-top: 0;
	}
	
	.rdo {
		grid-template-columns: 1fr 1fr;
	}
	
	.rdoresult {
		margin: 138px 0 10px 0;
	}

	
}

/* Laptops and medium screens - 1024px and wider */
@media screen and (min-width: 64em) {
	
	.mobile-menu {
		display: none;	
	}
	
	.logo img {
		max-height: none;
    	max-width: 100%;	
	}
	
	.mobile-menu-trigger {
		display: none;	
	}
	
	.header-menu {
		display: table-cell;	
	}
	
	.bnt-container {
		max-width: 1080px;
		max-width: 108rem; 
	}
	
	.post-type-archive-product .page-title,
	.post-type-archive-product .page-description {
		float: left;
	}
	
	.content.content-blog {
		padding-top: 40px;
	}
	
	.front-list-item {
		padding: 30px 40px;
	}
	
	.tag .front-list-item {
		padding: 30px 5%;
	}
	
	.tag-header-desc {
		font-size: 20px;
	}
	
	.front-list-item-el {
		font-size: 20px;
		padding: 0 30px;
	}
	
	.front-list-item-name  {
		font-size: 26px;
		line-height: 42px;
	}
	
	.front-list-item-icon-circle {
		width: 44px;
		height: 44px;
		line-height: 40px;
		font-size: 26px;
	}
	
	.front-list-item-direct {
		display: block;
	}
	
	.front-list-item-review {
		flex-grow: 0;
	}
	
	.front-list-item-brand {
		flex-basis: 28%;
	}
	
	.content-blog h2 {
		font-size: 36px;
	}
	
	.content-blog .site-main .post:first-child h2 {
		font-size: 44px;
	}
	
	.content-blog .site-main {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
}


/* Medium-large screens - 1280x and wider */
@media screen and (min-width: 80em) {
	
	.front-list-item-offer {
		display: block;
	}
	
	.front-list-item-brand {
		flex-basis: 20%;
	}
	
	.tag .front-list-item-brand {
		flex-basis: 22%;
	}
	
	.tag .front-list-item-brand {
		min-width: 22%;
	}
	
	.review-topbar-title {
		display: inline-block;
	}
	
}


/* Large screens - 1366px and wider */
@media screen and (min-width: 85em) {
	
	.front-list-item {
		padding: 30px 40px;
	}
	
	.tag .front-list-item {
		padding: 30px 5%;
	}
	
	.front-list-item-el {
		padding: 0 25px;
		font-size: 24px;
	}
	
	.front-list-item-name  {
		font-size: 26px;
		line-height: 50px;
	}
	
	.front-list-item-brand {
		min-width: 20%;
	}
	
	.front-list-item-icon-circle {
		width: 54px;
		height: 54px;
		line-height: 50px;
		font-size: 30px;
	}
	
}

/* Large screens - 1920px and wider */
@media screen and (min-width: 120em) {
	
	/*
	.bnt-container {
		max-width: 1200px;
		max-width: 120rem; 
	}
	*/
	
	.front-list-item {
		padding: 40px 80px;
	}
	
	.tag .front-list-item {
		padding: 40px 5%;
	}
	
	.front-list-item-name  {
		font-size: 42px;
		line-height: 54px;
	}
	
	.front-list-item-brand {
		min-width: auto;
	}
	
	.front-list-item-el {
		font-size: 28px;
		padding: 0 60px;
	}
	
	.front-list-item-name {
		font-size: 38px;
	}
		
}