/*
Theme Name: PressureWasherReviewer
Description: PressureWasherReviewer Website
Author: PressureWasherReviewer 
Version: 1.0
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { font-family: 'Open Sans', sans-serif; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: 'Varela Round', sans-serif; !important; }




/* Amplus Changes */

/*Kärcher Hero Image*/
.kaercher-hero-image {
	width:100%!important;
	height:500px!important;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(https://pressurewasherreviewer.co.uk/wp-content/uploads/2022/08/KarcherPressureWashers.jpg);
}

/*Nilfisk Hero Image*/
.nilfisk-hero-image {
	width:100%!important;
	height:500px!important;
	background-repeat:no-repeat;
	background-position: center;
	background-image:url(https://pressurewasherreviewer.co.uk/wp-content/uploads/2022/08/KarcherPressureWashers.jpg);
	display:none;
}





/*Padding Icons*/
@media screen and (max-width: 768px) and (min-width: 680px) { 
	.icon-pwr {
		margin-bottom: 0;
    	padding: 50px 250px 0 250px;	}
}
@media screen and (max-width: 680px) and (min-width: 480px) { 
	.icon-pwr {
		margin-bottom: 0;
    	padding: 50px 150px 0 150px;	}
}
@media screen and (max-width: 480px)  { 
	.icon-pwr {
		margin-bottom: 0;
    	padding: 50px 70px 0 70px;	}
}
/* Float Left Darstellungsfehler 
@media (min-width: 768px) {
.col-sm-8 {
    float: none!important;
} }*/

#main #post-2745 {
	padding-top:100px;
}

@media screen and (max-width: 768px) {
.dropdown-menu {
    background-color: #2c2626!important;
	display: block!important;
} }

.navbar-collapse {
	max-height:80vh!important; }





/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
h1 { font-size: 2em; margin: 0.67em 0; color: #353535; font-family: 'Varela Round', sans-serif; !important; }
h2 { font-size: 1.5em; margin: 0.83em 0;  font-family: 'Varela Round', sans-serif; !important;}
h3 { font-size: 2.6em; color: #434a54; font-weight: 200; line-height: 1.3em; font-family: 'Varela Round', sans-serif; !important;}
h4.widgettitle {font-size: 18px; color: #434a54; font-weight: 200; line-height: 1.3em; font-family: 'Varela Round', sans-serif; !important;}
h4 { font-size: 1em; margin: 1.33em 0; font-family: 'Varela Round', sans-serif; !important; }
h5 { font-size: 0.83em; margin: 1.67em 0; font-family: 'Open Sans', sans-serif !important; }
h6 { font-size: 0.75em; margin: 2.33em 0;  font-family: 'Open Sans', sans-serif !important;}
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.tablepress a {color: #ebb012;}
.tablepress.top-7-table td, .tablepress.top-7-table th{text-align: left !important;}
.tablepress.top-7-table td {padding-top: 35px;}
.tablepress.top-7-table td.column-1 {padding-top: 0px;}
.tablepress.top-7-table .odd td {background-color: #fff;}
.tablepress.top-7-table .column-1 img {max-width: 80px !important;}
.tablepress.top-7-table .column-2 {font-weight: bold;}
.tablepress.top-7-table .column-2 a {color: #000;}
.tablepress.top-7-table .column-2 p {font-size: 12px; padding: 0px; margin: 0px;}
/* ==========================================================================
Global Styles
========================================================================== */

a {cursor: hand;}
a:hover {text-decoration: none; color: #ebb012;}
.home h3 {text-transform: uppercase; font-size: 28px; margin-top: 50px; color: #000;}

ol.commentlist ul.children li {background: #eee !important; padding-left: 20px;}

.mag-slab img {width: 100%;}

.post_content .know {background-color: #000; text-align: center; color: #fff; padding: 30px 0px; margin: 0px 1px;}
.post_content .know h3 {margin: 0px; padding: 10px; padding-bottom: 10px; margin-bottom: 30px; color: #fff; text-align: center; color: #fff !important; border: none;}
.post_content .know h3::after {margin: 0 auto;}
.post_content .know-main {display: block; font-size: 48px; margin: 0px; padding: 0px; line-height: 30px;}
.post_content .know-key {font-size: 14px; display: block; margin: 0px; padding: 0px; line-height: 14px;}
.post_content .know .col-md-3 {border-right: 1px solid #fff;}
.post_content .know .know-last {border-right: none;}
.post_content .know p {color: #fff;}

.post_content img {width: 100%; height: auto;}

.blog-buy, .ar_button, .ar_orange {color: #fff !important; text-transform: uppercase; border-radius: 6px !important; padding: 10px 0px; margin-bottom: 20px; width: 100% !important; text-align: center; display: block; line-height: 22px !important;
background: url('img/buy-from-azon.jpg') no-repeat center center; height: 50px; border: none !important; text-indent: -9999999px; cursor: hand;}

.blog-buy:hover, .ar_button:hover, .ar_orange:hover {color: #fff !important; text-transform: uppercase; border-radius: 6px !important; padding: 10px 0px; margin-bottom: 20px; width: 100% !important; text-align: center; display: block; line-height: 22px !important;
background: url('img/buy-from-azon.jpg') no-repeat center center; height: 50px; border: none !important; text-indent: -9999999px; opacity: 0.6; transition: 0;}

.block-img-read {height: 200px; overflow: hidden; margin: 0px;}
.block-img-read img {width: 100%;}
.block-img-read img:hover {opacity: 0.7;}


.home-slab-img {width: 100% !important; max-height: 300px;}
.home-slab-img img {width: 100%;}
.slab {margin: 0px; padding: 0px; border: 1px solid #eeeeee; border-right: none; background-color: #fff;}
.last {border-right: 1px solid #eeeeee;}
.home-slab-title {padding: 0px 20px;}
.home-slab-title h3 {font-size: 20px; line-height: 26px !important; margin: 10px 0px; padding: 0px; height: 50px;}
.home-slab-title h3 a {color: #536d76;}

.home-slab-btn {padding: 0px; text-align: left !important; margin: 0px; padding-bottom: 0px; border-top: 1px solid #cacaca;}
.rating-home {padding-top: 10px; text-align: right; padding-right: 20px; margin: 0px; font-size: 16px !important;}

.home-slab-btn .review {width: 100%; padding: 10px 20px; margin: 0px; font-size: 16px; text-align: left; display: block; color: #999;}
.home-slab-btn a:hover, .home-slab-title h3 a:hover {color: #ebb012; text-decoration: none;}

.home-slab-btn a.buynow {width: 100%; padding: 10px 20px; margin: 0px; font-size: 16px; text-align: left; display: block; background-color: #ffa521; color: #fff;}
.home-slab-btn a.buynow:hover {opacity: 0.6;}
.home-slab-btn a:hover {text-decoration: none;}
.home-slab-btn .col-md-6 {margin: 0px; padding: 0px;}

.summary {min-height: 100px;}

.widget .wprs_container {padding: 0px !important; margin: 0px;}

.wprs_container .description p {padding: 0px;}

.summary .wprs_display_rating_rating {display: none;}


.post_content .editors-choice {border: 4px solid #000; text-align: center; margin: 20px 0px;}
.post_content .ed-head {background-color: #000; color: #fff; font-size: 22px; padding: 20px; font-weight: bold;}
.post_content .ed-txt {padding: 20px 30px;}
.post_content .ed-txt img {margin: 0 auto; max-width: 250px !important; margin-bottom: 20px;}
.post_content .ed-txt a.checkout {margin: 10px auto; margin-bottom: 20px;}

a.checkout {padding: 15px 40px; font-size: 18px; text-transform: uppercase; color: #fff !important; background-color: #f89406 !important; margin-top: 10px;}


.post-slab {border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 0px;}
.post-slab h2 {font-size: 18px; line-height: 26px; padding: 0px 0px;}
.post {background-color: #fff;}
.post-content img {margin: 0px; padding: 0px; margin-left: -25px; margin-bottom: -40px;}
.post-content a {color: #f89406;} 

.blog-posts, .blog-post { margin-top: 60px }

.cat-header {margin: 0px auto; text-align: center; display: block; max-width: 650px; padding-top: 40px;}
.cat-header p {text-align: center;}

.wp-caption-text {margin: 0px; margin-top: 45px; float: right; font-weight: 100; padding: 0px 20px 0px 0px !important; font-style: italic;}
.wp-caption {margin-bottom: 20px; padding: 0px;}

.page .sidebar-container {margin-top: 0px;}
h4.widgettitle {margin-top: 0px !important; border-bottom: 3px solid #eee;}


.bread {padding: 10px 0px; font-size: 13px; background-color: #fff; margin: 0px 0px; width: 100%; margin-top: -20px; color: #222;}
.bread .row {padding: 0px 25px;}
.bread a {color: #222;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

.full-width-post img {max-width: 750px; margin: 0 auto; text-align: center; margin-bottom: 10px; display: block;}

.page-id-54 .article-pad h3 {border-bottom: 3px solid #eee;}
.page-id-54 .article-pad h4 {color: #000; font-size: 16px; margin-top: 40px; padding: 0px;}

/* ==========================================================================
Table Styles
========================================================================== */
.tablepress {width: 100%;}
.tablepress td, .tablepress th {text-align: center !important;}
.tablepress td.column-1, .tablepress th.column-1 {text-align: left !important; font-weight: 600 !important;}
.tablepress tfoot th, .tablepress thead th {background-color: #000 !important; color: #fff !important;}

.car-cleaning-table td {width: 20%;}
.car-cleaning-table tfoot th, .car-cleaning-table thead th {background-color: #fff !important;}
.car-cleaning-table .row-2 td {background-color: #000 !important; color: #fff; font-weight: bold;}

/***********************
******* Home intro ********
***********************/
.home-hero {background-image: url('img/hero-bg.jpg'); background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center top; margin-top: -4px;}
.hero-intro {padding: 160px 0px 220px 0px;}
.hero-intro h1 {text-transform: uppercase; font-size: 36px; color: #000; margin: 0px; padding: 0px;}
.product-box {border: 1px solid #cacaca; border-right: none; border-bottom: none; min-height: 300px; padding: 0px 0px 30px 0px; margin: 0px;}
.product-box a {text-decoration: none;}
.product-box h3 {font-size:16px; line-height: 22px; text-transform: uppercase;}

.intro-block {background-color: #fff; padding: 25px 0px; color: #000; margin-top: 80px;}
.intro-block h2 {font-size: 28px; margin: 0px; padding: 0px;}

.splitter {width: 80px; border-top: 5px solid #f0de32; display: inline-block; margin: 20px auto;}


.intro-block p {margin: 0px; padding: 0px;}

.grey-btn {padding: 5px 10px; border: 1px solid #cacaca; border-radius: 3px; display: inline-block; color: #999; margin: 0px; font-size: 12px;}
.grey-btn:hover {color: #000;}
.product-box a:hover .grey-btn {color: #fff !important; border-color: #ebb012; background-color: #ebb012;}

.buy-btn {color: #fff !important; border-color: #ebb012; background-color: #ebb012; text-transform: uppercase; font-size: 14px; padding: 10px 30px;}
.buy-btn .fa {padding-right: 4px;}
.product-box .buy-btn {padding: 5px 20px; font-size: 12px; margin-top: 10px;}
.buy-btn:hover {color: #fff; border-color: #000; background-color: #000; text-decoration: none !important;}
table .buy-btn {padding: 6px 20px; font-size: 12px;}

.minibuy-btn {color: #fff !important; border-color: #ebb012; background-color: #ebb012; text-transform: uppercase; font-size: 13px; padding: 5px 15px;}


span.stars i {padding-right: 3px; color: #ebb012; font-size: 18px;}

h2.title-block {color: #fff !important; background-color: #000; padding: 10px 5px !important; text-transform: uppercase !important; font-size: 26px !important; margin-top: 20px; display: block; clear: both;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* ==========================================================================
Navigation
========================================================================== */
.navbar {padding: 0px; background-color: #000;
	margin-bottom: 0px;
	border: none;
	border-radius: 0px;
	transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */ 
  font-family: 'Open Sans', sans-serif;
}

.homenav {background: transparent !important; border: none !important;}
.clearfix {display: block; clear: both;}

.dropdown:hover .dropdown-menu {
    display: block;
}

.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-bottom: 8px;
	background-color: #000;
	background-image: none;
	border: 1px solid #000;
	border-radius: 4px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: transparent; color: #536d76;}

.navbar .logo {font-size: 22px; text-align: center; color: #fff; text-transform: uppercase; font-weight: 200; letter-spacing: 2px; margin: 20px 10px;}

.navbar .logo img {width: 100%; max-width: 300px; margin: 0px; padding: 0px; margin-top: 8px;}
.navbar-brand img {max-width: 240px;}
.navbar-default .navbar-nav>li>a:hover {color: #f0ab3a;}
ul.header-menu {padding: 0px 20px;}
.navbar li a {color: #fff !important; display: inline-block; margin: 0px; padding: 20px 18px; letter-spacing: 1px; font-weight: 600; font-size: 14px;}
.navbar li a:hover {color: yellow !important;}

.header-menu li {padding: 0px 10px;}
.main-menu li a {line-height: 22px; text-transform: uppercase;}

.dropdown-menu {background-color: #000; width: 240px;}
.dropdown-menu li a
{color: #fff !important;
display: block;
margin: 0px;
padding: 0px 15px;
font-weight: 400;
letter-spacing: 1px;
background-color: transparent;}

.main-menu .dropdown-menu li a {line-height: 36px;}
.dropdown-menu li a:hover {
color: yellow;
background-color: #111;}	

.widget_review_item_img a {color: #000;}

/* ==========================================================================
Blog Page
========================================================================== */

.post_content h1 { 
   padding-bottom: 10px;
   margin: 0px;
}

.post_content h2 { 
   margin: 0px;
   padding: 15px 20px 0px 0px;
   font-size: 32px;
   color: #536d76;
   font-weight: 100;
   text-transform: none;
}

.page h2, .post h2 {color: #000; padding: 5px 0px; display: block; font-size: 28px; margin-top: 60px; clear: both; text-transform: uppercase;}

.page h3, .post h3, .post_content h3 {color: #000; padding: 5px 0px 15px 0px; display: block; font-size: 24px; margin-top: 60px; clear: both; text-transform: uppercase; position:relative;}

.page .article-slab h3::after, .post .article-slab h3::after, .post_content h3::after{
    content:'';
    position:absolute;
    width:90px;
    height:5px;
    background:#f0de32;
    bottom:0;
    left:0;
    right:0;
}



.post h3 a {color: #000;}

.page h4, .post h4 {color: #000; padding: 5px 0px; padding-bottom: 0px; display: block; font-size: 18px; margin-top: 40px; margin-bottom: 0px; clear: both; text-transform: uppercase;}


.post_content a:hover img{ 
   opacity: 0.7;
}


.page .product-box h3 {padding: 0px; font-size: 16px; margin-top: 0px; border-bottom: none;}


.sidebar-container {padding: 20px 20px; background-color: #fff;}
.sidebar-container img {width: 100%; margin-top: 15px;}

.social {text-align: center; font-size: 40px;}
.social a {padding: 10px;}
.social a:hover {color: #536d76;}

.email-signup {background-color: #536d76; margin-top: 30px; padding: 0px 20px 10px 20px; color: #fff;}
.email-signup h3 {color: #fff;}
.email-form {padding-top: 25px;}

.commentlist {padding: 0px; margin: 0px;}
ol.commentlist li {background-color: #fff; border-bottom: 1px solid #cacaca; padding: 0px 0px 20px 0px;}
.avatar {text-align: center;}
.avatar img {max-width: 80px; margin: 20px auto;}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}


.postbox {margin-top: 20px; padding: 20px 0px;}
.postbox h1.posttitle {font-size: 42px; line-height: 50px; text-align: left; color: #000; padding-right: 60px; margin-top: 40px;}
.postbox .divide {border-bottom: 2px solid #000; clear: both; display: block; margin: 30px 0px 70px 0px;}
.mt-30 {margin: 30px 0px;}
.height80 {height: 80px;}

.cat-description p {color: #000 !important; font-size: 16px; line-height: 24px; padding: 0px 30px;}
.section-header {padding: 20px 0px;}
.section-header h1 {color: #536d76; font-size: 34px;}

.read-more {background-color: #000; padding: 10px; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; display: block; width: 160px; margin: 40px auto; letter-spacing: 2px; font-weight: 600;}

.read-more:hover {background-color: #536d76;}

.post-bg {
  width: 100%;
  height: 425px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  overflow: hidden;
  cursor: default;
  background-size: cover;
  background-position: center center;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
}

.header-bg {height: 100%; width: 100%; display: block;}

.article-post-image {  
	background-size: cover;
  	background-position: center center;
	height: 520px; 
	overflow: hidden;
	position: relative;
}

.article-post-image h1 {color: #fff; font-size: 44px; margin: 0px auto; margin-top: 160px; max-width: 910px; display: block;}
  
.article-post-image title-area {bottom: 0; left: 0; position: absolute; margin: 0px auto; width: 100%; display: block;}  
  
.article-slab {
  background-color: #fff;
  overflow: hidden;
}
#main article {border: none; padding: 0px;}
.article-pad {padding: 20px;}

.article-post-image {  
	background-size: cover !important;
  	background-position: center center;
  	height: 300px;
}

.wprs_container {padding: 0px; background-color: #fff; margin: 0px; border-bottom: solid 2px #eee; margin-bottom: 20px;}

.article-pad h4 {font-size: 22px; color: #536d76; margin: 0px; padding: 0px;}

.side-slab {margin-top: 30px;}
.main-side-slab .post-bg {height: 880px;}

.overlay {height: 100%; width: 100%; display: block; position: relative;}
.overlay:hover {background-color: rgba(0,0,0, 0.5);}

.over-base {position: absolute; bottom: 0px; padding: 0px 40px 0px 40px; color: #fff; width: 100%;}
.over-base a {color: #fff !important;}
.over-base p {color: #fff !important; margin: 0px; padding: 0px;}

.over-base h2 {text-transform: uppercase; margin: 0px; padding: 0px; letter-spacing: 2px; font-weight: 400; font-size: 28px; color: #fff;}
.line {width: 80px; border-top: 2px solid #fff; margin: 0 auto; padding: 0px; margin-bottom: 15px;}

#content h1 {font-family: 'Varela Round', sans-serif;  color: #434a54; font-size: 36px; text-transform: uppercase; letter-spacing: 2px; line-height: 46px;}

.bread {padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -5px;}
.bread p {margin: 0px; padding: 0px;}

.post_content p, .post_content ul, .post_content li {max-width: 900px;
font-size: 16px;
color: #000000;}
.post_content p a {color: #ebb012}
.post_content p a:hover {color: #536d76; text-decoration: underline;}

.post_content h1 { font-size: 52px; letter-spacing: 2px; margin: 0px; color: #fff; text-transform: uppercase; font-weight: 300; display: inline-block; font-family: 'Varela Round', sans-serif;  }

.wp-caption img {width: 100%;}
p.wp-caption-text {padding: 10px; margin: 0px; background-color: #222; color: #fff !important; margin-bottom: 30px;}
p.wp-caption-text a {color: #fff;}
p.wp-caption-text a:hover {color: #FFA500;}

.widget_post_views_counter_list_widget ul {list-style-type: none; padding: 0px; margin: 0px;}
.widget_post_views_counter_list_widget ul li {display: block; clear: both; width: 100%; padding: 5px 0px; margin: 0px; border-bottom: 1px solid #ccc;}
.widget img.wp-post-image {width: 100%; height: auto !important; padding: 0px; margin: 0px;}
.widget a.post-title {margin: 0px; display: block; padding: 20px 20px 10px 0px;}

.sub-box {margin-top: -160px;}
.home-slabs {border-radius: 6px; overflow: hidden !important; border: 1px solid #ccc;}
.home-slabs .product-box {border-top: none;}
.home-slabs .product-box img {max-width: 180px; width: 100%; margin: 20px 0px;}
.home-slabs .product-box h3 {font-size: 22px; color: #000;}

.home-slabs .product-box h3 span {font-size: 13px; color: #ccc; display: block;}



/* ==========================================================================
Footer
========================================================================== */
#footer-nav {background-color: #000; padding: 20px 0px 30px 0px; color: #fff; font-size: 11px;}
#footer-nav a {color: #fff;}
#footer-nav {clear: both; margin-top: 20px;}
.footer-nav {padding: 15px 0px;}
.footer-nav a { color: #fff; text-transform: uppercase; font-size: 14px; padding: 20px 10px;}
#footer-nav a:hover { color: #ebb012; }

/* ==========================================================================
Media Queries
========================================================================== */
/* 320px (iPhone) 
@media screen and (max-width:320px) {
	.mobile {display: none;}
}*/
/* 480px (WVGA - Low End Windows Phone) */
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.iphone { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
	#header_nav ul li {display: inline-block; padding: 2px 10px;}
	#header_nav  {padding-top: 0px; padding-left: 30px;}
	.slab {margin-top: 140px;}
.hero-slabs {padding-top: 10px;}
.hero {padding: 0px 0 50px 0; height: auto; }
.hero h1 { font-size: 28px; }
.phone {display: none;}
.servers-bg, .meeting-bg {background: none; padding: 40px 20px; text-align: center;}
.phone-100 {width:100%;}
ul.bullets {text-align: left;}
	/*.mobile {display: none;}*/

}
/* xGA iPad */
@media screen and (max-width:768px) {
		.dropdown-menu {
		position: relative;
		top: 100%;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		width: 100% !important;
		padding: 5px 0px 5px 0px;
		margin: 0px 0px 10px 0px;
		list-style: none;
		background-color: #f2f2f2;
		border: none;
		border-radius: none !important;
		}	
		.main-menu li a {line-height: 20px; text-transform: uppercase;}
		.dropdown-menu li { padding: 5px 0px; margin-left: 10px;}
		
		.dropdown-menu li a:hover {
		color: #434a54;
		background-color: transparent;}	
}

/* 1200px (Small Desktop, Netbook) */
@media screen and (max-width:1100px) {
			.app-inner {min-height: 20px;}

}
/* Bootstrap 990px Breakpoint to 480px */
@media screen and (min-width:480px) and (max-width:991px) {
	.phone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
	.slab {margin-top: 140px;}
	#header_nav ul li {display: inline-block; padding: 2px 10px;}
	#header_nav  {padding-top: 0px; padding-left: 25px;}	
.hero-unit-review {display: none;}

.review-image img {max-width: 200px; text-align: center;}
.review-image {padding-top: 0px; text-align: center;}
.review-details {padding: 0px 20px; overflow: hidden;}
.blog-post .col-md-12 {margin: 0px; padding: 0px;}

.navbar .logo {text-align: center;}
.navbar .logo img {display: block; margin: 0 auto; width: 200px;}
}




.grid {
	margin: 0;
	padding: 0;
	max-width: 100%;
	list-style: none;
	text-align: center;
	border-top: 2px solid #000;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	max-height: 200px;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 16px;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 65%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
	color: yellow;
}

figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	background-color: #eed307;
	padding: 3px;
	color: #000;
}

	.caption {
   		width:100%;
        bottom: 0px;
        position: absolute;
      	text-align: left;
      	padding: 0px;
      	margin: 0px;
      	text-transform: uppercase;
      	overflow: hidden;
    }
	
	.thumbnail img {width: 100%;}

    .thumbnail {
        border: 0 none;
        box-shadow: none;
        margin:0;
        padding:0;
        width: 100%;
    }

    .caption h4 {
        color: #fff;
        -webkit-font-smoothing: antialiased;
        background-color: #000;
        padding: 8px;
        margin: 0px;
        font-size: 24px;
        display: inline-block;
    }
    
    .caption p {
    	background-color: yellow;
        padding: 8px;
        margin: 0px;
        float: left;
        font-size: 16px;
        display: inline-block;}
    
    .main-block {height: 425px; overflow: hidden;}    
    .second-block {height: 200px; margin-bottom: 25px; overflow: hidden;}
    .second-block h4 {font-size: 15px;}
    
    
    .affix {
    top: 120px;
    width: 350px;
}

@media (max-width: 997px) {
    .affix {
        position: static;
        width: 100%;
    }
}