/** style.css
 *
 * Theme Name:	Sitebeam Bootstrap 2013
 * Theme URI:	http://sitebeam.net
 * Description:	A WordPress Theme built on the-bootstrap by Konstantin Obenland. Designed by Oliver Emberton and built by David Ball
 * Author:		David Ball
 * Author URI:	http://silktide.com
 * Version:		2.0.1
 * Tags:		blue
 * Text Domain:	sitebeam-bootstrap2013
 * Domain Path:	/lang
 *
 */


/* =Elements
-------------------------------------------------------------- */

blockquote cite:before {
	content: '\2014 \00A0';
}

blockquote cite {
	color: #999999;
	display: block;
	font-size: 13px;
	line-height: 18px;
}

figure {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, .clear {
	clear: both;
}


/* =Classes
-------------------------------------------------------------- */

.assistive-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

body > .container {
	margin: 18px auto;
}

/* Right Content */
.sidebar-content #primary,
.sidebar-content #attachment-comment {
	float: right;
	margin: 0 20px 0 0;
}

.block {
	display: block;
}


/* =Page
-------------------------------------------------------------- */

html, body {
    font-size:1em;
    font-family: 'Open sans', sans-serif;
    background:#2A2A2A;
}

#page {
	background-color: #FFFFFF;
	padding: 14px 0 0;
}

@media (min-width: 768px) {
    #page {
        background-color:#d7d7d7;
    }
}

@media (min-width: 992px) {
    #page {
        padding-top:0;
    }
}

#header-image {
	display: block;
}

#menu-alert {
	margin: 4px 0 0;
	padding: 6px 35px 6px 14px;
	position: absolute;
}

#branding hgroup,
#header-image,
.entry-content {
	margin-bottom: 18px;
}

.entry-attachment {
	margin-bottom: 36px;
}

.single #author-info,
.author #author-info,
.single article.post,
.single article.page {
	margin-bottom: 54px;
}

#author-info,
article.post,
article.page {
	margin-bottom: 72px;
}

.page-header,
.entry-content {
	word-wrap: break-word;
}

.post-password-form legend {
	font-size: inherit;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
}

::-moz-selection { background: #F1D600; color: #fff; text-shadow: 1px 1px 2px #777; }
::selection { background: #F1D600; color: #fff; text-shadow: 1px 1px 2px #777; }



/* =Comments
-------------------------------------------------------------- */

#comments-title {
	border-bottom: 1px solid #EEEEEE;
	font-size: 19.5px;
    margin: 0 0 27px;
}

#comment,
.entry-content iframe,
.entry-content embed {
	max-width: 100%;
}

.commentlist > li {
	margin-bottom: 36px;
}

.commentlist ul.children {
	margin: 10px 0 18px;
	list-style: none;
}

#reply-title {
	position: relative;
}

#reply-title small {
	position: absolute;
	right: 0;
	top: 7px;
}



/* =Images
-------------------------------------------------------------- */

.entry-content .post-thumbnail {
	margin: 0 20px 20px 0;
}

.entry-content img {
    box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow:2px 2px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 15px rgba(2px 2px, 0.15);
}

.entry-attachment .thumbnail.attachment-table {
	display: table;
	margin: 0 auto;
}

.thumbnail > img {
	width: auto\9; /* Cure IE8 max-width bug */
}

img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.gallery-columns-3.thumbnails [class*="span"] {
	width: 29.3%;
}
.gallery-columns-5.thumbnails [class*="span"] {
	width: 15.9%;
}
.gallery-columns-6.thumbnails [class*="span"] {
	width: 12.6%;
}
.gallery-columns-7.thumbnails [class*="span"] {
	width: 10.2%;
}



/* =Footer
-------------------------------------------------------------- */

#colophon .credits {
	margin: 0;
}

#site-generator {
	float: right;
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
}

#site-generator a {
	background: url("img/wordpress.png") no-repeat scroll left center transparent;
	color: #787878;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}

#site-generator.footer-nav-menu a {
	margin-top: 10px;
}

table .label {
	background-color: transparent;
	border-radius: none;
	color: inherit;
	font-size: inherit;
	text-transform: inherit;
}

footer#mainfooter                   { padding:23px 0 40px; color:#777; clear:both; }
footer#mainfooter p                 { color:#777; }

footer#mainfooter a,
footer#mainfooter a:visited         { color:#a4a4a4; text-decoration: none; }
footer#mainfooter a:hover,
footer#mainfooter a:active          { color:#fff; }

footer#mainfooter a#footerlogo          { text-indent:-5000px; display: block; width:143px; height:33px; background:url(img/sitebeam-logo.png) no-repeat; background-size: cover; margin-top:4px; transition:none; -webkit-transition:none; -moz-transition:none; }
footer#mainfooter a#footerlogo:visited  { text-decoration: none; color:#868686; }
footer#mainfooter a#footerlogo:hover,
footer#mainfooter a#footerlogo:active   { color:#25A2ED; background-position: 0 -33px; }
footer#mainfooter #logocol p            {  }

footer#mainfooter nav               {  }
footer#mainfooter nav h2            { color:#fff; font-weight: normal; font-size: 1.1em; margin:0 0 20px; padding:0; }
footer#mainfooter nav ul            { list-style-type: none; margin:0 0 30px; padding:0; }
footer#mainfooter nav li            { margin:2px 0; }
footer#mainfooter nav li a,
footer#mainfooter nav li a:visited  { font-size: 1em;  }
footer#mainfooter nav li a:hover,
footer#mainfooter nav li a:active   { text-shadow:0px 0px 10px #555; }
footer#mainfooter small             { font-size:1em; display:inline-block; }

@media (min-width: 768px) {
    footer#mainfooter small             {  }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    footer#mainfooter small             { margin-top:60px; }
}

/* =Jetpack Support
-------------------------------------------------------------- */

.comment-subscription-form > input[type=checkbox] {
	position: absolute;
}

.comment-subscription-form > label {
	min-height: 18px;
    padding-left: 18px;
}


/* =Bootstrap Adjustments
-------------------------------------------------------------- */

.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
}

#comment,
.thumbnail {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.label .post-edit-link,
.label .comment-edit-link {
	color: #FFFFFF;
}

.navbar-search {
	height: 34px;
}

.pagination span {
	background-color: #f5f5f5;
	color: #999999;
	cursor: default;
}

.pagination span.dots {
	background-color: #FFFFFF;
}


/* =WordPress Core
-------------------------------------------------------------- */

.aligncenter {
    display:block;
    margin: 0 auto 20px;
}

.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

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

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	padding: 0 9px 9px;
	text-align: center;
}

.wp-caption .wp-caption-text {
	padding-top: 9px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.sticky {}
.bypostauthor {}

/* =Accessibility
-------------------------------------------------------------- */

#skip-links         { display:none; }



/* =Links
-------------------------------------------------------------- */


h1                  { font: 2.8em 'Open Sans', sans-serif; color:#333; margin:0 0 20px; padding:0; font-weight: 600; line-height:1.5em; }
h2                  { font: 1.5em 'Open Sans', sans-serif; color:#333; margin:20px 0 20px; padding:0; font-weight: 600; line-height:1.5em; }
h3                  { font: 1.3em 'Open Sans', sans-serif; color:#333; margin:20px 0 20px; padding:0; font-weight: 600; line-height:1.5em; }

p                   { line-height:1.5em; color:#000; margin:10px 0 10px; }
ul,ol               { margin:10px 0 35px; padding:0 0 0 20px; }
li                  { line-height:1.5em; margin:10px 0; }
p.largetext         { font-size:1.2em; }
p.largertext        { font-size:1.8em; }
.offscreen          { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }

a,
a:visited           { color: #0083d2; text-decoration: none; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }
a:hover             { color: #0394ec; }
a:focus             { outline: thin dotted; }

.noshadow           { box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; }

article footer      { font-size:0.9em; }

input.button,
a.button,
a.button:visited                    { background-color:#25a2ed; border-radius:25px; padding:16px 40px; margin-right:15px; border:0; display:inline-block; font-size:1.1em; color:#fff; font-weight: 600; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; }
input.button:hover,
a.button:hover,
a.button:active                     { box-shadow:2px 2px 10px #333; background-color:#F1D600; color:#333; text-decoration: none; }

input.button.dark,
a.button.dark,
a.button.dark:visited               { background-color:#2b2b2b; }
input.button.dark:hover,
a.button.dark:hover,
a.button.dark:active                { background-color:#F1D600; color:#2b2b2b; }

input.button.light,
a.button.light,
a.button.light:visited               { background-color:#f1D600; color:#000; }
input.button.light:hover,
a.button.light:hover,
a.button.light:active                { background-color:#2b2b2b; color:#fff; }

blockquote                  { background:#828282; border-left:10px solid #ccc; margin:1.6em 10px 1.6em 0; padding:30px 45px 25px 20px; quotes:"\201C""\201D""\2018""\2019"; border:none; position:relative; color:#d9d9d9; }
blockquote:before           { content:open-quote; line-height:1em; position:absolute; top:-55px; left:-15px; font: 12em Arial; color:#585858; }
blockquote:after            { content:close-quote; line-height:1em; position:absolute; bottom:-150px; right:-15px; font: 12em Arial; color:#585858; }
blockquote p                { display:inline; color:#fff; }

.clear                      { clear:both; }

h2.centerdashed                         { color:#666; font-size: 1.4em; text-align: center; margin:0 0 30px; position: relative; font-weight: normal; }
h2.centerdashed span                    { background:url(img/header-dashed-underline.gif) repeat-x center; display:block; width:340px; height:2px; position:absolute; top:14px; }
h2.centerdashed span:first-child        { left:0; }
h2.centerdashed span:last-child         { right:0; }




/* =Layout
-------------------------------------------------------------- */

.hero-bar           { background:#0394ec; overflow:auto; color:#fff; margin:0; padding-top:15px; padding-bottom:30px; text-align:center; }
.hero-bar h1        { color:#fff; line-height: 1.2em;  margin-bottom:0; margin-left:20px;  }

.hero-bar.centered      { text-align:center; }
.hero-bar.centered h1   { text-align:center; margin-left:0; font-size:3em; }
.hero-bar.centered h2   { color:#a4ddff; font-size:1em; margin:0; font-weight: normal; }

#page .container    { position:relative; }

#primary            { margin-bottom:20px; }
#primary #content   { padding:20px 20px 30px; background:#fff; margin-bottom:20px; }
#primary #content p:first-of-type   { margin-top:0; }

.page-header        { font-size:0.9em; margin:30px 0 0; border:none; }

.darkbackground                   { background:#2b2b2b; color:#fff; }
.darkbackground p                 { color:#fff; }
.darkbackground a,
.darkbackground a:visited         { color:#25a2ed; }
.darkbackground a:hover,
.darkbackground a:active          { color:#fff; }
.lightbackground                  { background:#e1e1e1; }




#page.nobg              { background:#d7d7d7; padding-top:20px; }
#page.nobg #primary     { background:none; }

#posts                      { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
#posts article .corner      { display:none; }

#secondary                  { position:relative; }
.single #secondary          { position:relative; }


@media (min-width: 992px) {
    #primary #content   { padding:20px 85px 30px;  }
    .hero-bar           { text-align:left; }
    .hero-bar h1        { margin-left:85px;  }
}

@media (min-width: 1200px) {

}


/* =Header
-------------------------------------------------------------- */
header.navbar                   { border-bottom:12px solid #0394ec; background:#2b2b2b; margin: 0; }
header.navbar                   {  }
header.navbar .container        { position:relative; }

header h1                        { margin:0; }
header h1#site-title a,
header h1#site-title a:visited   { text-indent:-5000px; display:block; width:143px; height:33px; background:url(img/sitebeam-logo.png) no-repeat; background-size: cover; z-index:1; position: absolute; top:7px; left:15px; transition:none; -webkit-transition:none; -moz-transition:none; }
header h1#site-title a:hover,
header h1#site-title a:active     { background-position:0 -33px; }

.nav > li                         { margin:0; }
.nav > li > a                     { padding-left:40px; margin:0; }
.navbar-nav > li li                 { margin:0 !important; }
.navbar-nav > li > a > li > a       { padding-top:10px; padding-bottom: 10px; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus     { color:#fff; background:#0394ec; }
.navbar-default .navbar-nav > li > a:hover        { color:#000; background:#e7e7e7; }
.navbar-collapse                                  { border:none !important; box-shadow:none; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus     { background:#e7e7e7; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus             { background:#0394ec; color:#fff; }
.navbar-default .navbar-nav > .dropdown > a .caret        { transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out }
.navbar-default .navbar-nav > .dropdown > a:hover .caret  { border-top-color:#fff !important; border-bottom-color:#fff !important; }


.nav.last-highlighted > li:last-of-type a,
.nav.last-highlighted > li:last-of-type a:visited        { /* this used to be highlighted, not any more */ }
.navbar-default .navbar-nav > li:last-of-type > a,
.navbar-default .navbar-nav > li:last-of-type > a:visited   { border-right:none; }

/* Landscape phone and up */
@media (min-width: 768px) {

    .navbar-default .navbar-nav > li          { margin:0; padding:0; }
    .navbar-default .navbar-nav > li > a      { padding:30px 35px 30px; margin:0; border-right:1px solid #575757; }
    .navbar-default .navbar-nav > li > a:hover   { color:#fff; background:none; }
    .navbar-default .navbar-nav > li:last-child > a {  }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus      { background:#0394ec; color:#fff; }

    header h1#site-title a,
    header h1#site-title a:visited    { top:19px; }
    header h1#site-title a:hover,
    header h1#site-title a:active      {  }
}

/* for retina devices */
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (max--moz-device-pixel-ratio: 2) {
    /*header h1#site-title a,*/
    /*header h1#site-title a:visited  { background:url(img/tour-spelling.png) no-repeat; }*/

    /*header h1#site-title a:hover,*/
    /*header h1#site-title a:active   {  }*/
}



/* =Single
-------------------------------------------------------------- */
#social-side        { margin-top:30px;  }


/* =Content
-------------------------------------------------------------- */
#page.nobg                  { padding-top:45px; padding-bottom:45px; }
#page.nobg #primary         { background: none; }

.entry-content p            { line-height:1.6em; margin:25px 0; }
.entry-content p:first-of-type  { font-size:1.1em; line-height:1.5em; }
.entry-content h2,
.entry-content p            { margin-top:0; }

.entry-content img.noborder  { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }


/* =Sidebar
-------------------------------------------------------------- */


#secondary .widget h3                         { margin-bottom:8px; }
#secondary .widget h2:first-of-type,
#secondary .widget h3:first-of-type           { margin-top:0; }
#secondary .widget                            { background: #fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:0; }
#secondary .widget-title    { margin:-20px -20px 15px -20px; background:#0394ec; padding: 12px 20px; color:#fff; font-size:1.4em; line-height:1em; }
#secondary .widget-title a,
#secondary .widget-title a:visited  { color:#fff; }
#secondary .widget-title a:hover,
#secondary .widget-title a:active   { }
#secondary .widget_nav_menu,
#secondary #text-2         { padding-top:0; }

#secondary .menu            { margin:0; padding:0; }
#secondary .menu li      { list-style-type: none; overflow: hidden; margin:5px -5px 5px; }
#secondary .menu li:last-child     { margin-bottom:0; }
#secondary .menu li a,
#secondary .menu li a:visited      { color:#1b1b1b; font-weight: 600; line-height:1.2em; font-size:1.1em; padding:10px; display:block; }
#secondary .menu li a:hover,
#secondary .menu li a:active       { color:#000; text-decoration: none; background: #f1D600; }
#secondary .menu li.active a,
#secondary .menu li.active a:visited    { background:#828282; color:#fff; }
#secondary .menu li.active a:hover,
#secondary .menu li.active a:active     { background:#666; }
#secondary .menu .wpp-post-title      { margin-left:155px; display: block; }
#secondary .menu img.wpp-thumbnail    { float:left; }

#secondary #menu-featured-tests-menu.menu li a,
#secondary #menu-tests-menu.menu li a         { font-size:1em; padding:6px 10px; }


@media (min-width: 768px) and (max-width: 991px) {

    #secondary .menu li         { width:50%; display:inline-block;  }
}

#signup-box         { padding:20px; }
#signup-box h2      { margin:0; font-size:2em; color:#585858; line-height: 1em;  }
#signup-box strong  { text-indent:-5000px; display:inline-block; width:142px; height:37px; background:url(img/sitebeam-logo-blue.png) no-repeat 0 -2px; line-height:37px }
#signup-box p       { color:#7f7f7f; line-height:1.8em; margin-bottom:20px; }


#secondary #social-links  { padding:10px 19px; margin-bottom:10px; }
#secondary #social-links a,
#secondary #social-links a:visited  { font-size:1.1em; color:#1b1b1b; font-weight:600; display:inline-block; width:150px; margin-bottom:10px; }
#secondary #social-links a:hover,
#secondary #social-links a:active   { text-decoration: none; color:#0394ec; }
#secondary i        { width:43px; height:43px; display:inline-block; vertical-align: middle; margin-right:10px; }
#secondary .facebook i    { background:url(img/icon-facebook.png) no-repeat; }
#secondary .twitter i     { background:url(img/icon-twitter.png) no-repeat;  }

#secondary .widget_search   { padding:0; background:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }



.form-search {
    margin: 0;
}

.widget {
    word-wrap: break-word;
}

.widget .wp-caption {
    display: inline-block;
}


@media (min-width: 992px) {
    .single #secondary,
    .page #secondary    { margin-top:-70px; }
}



/* =Sidebar popular posts
-------------------------------------------------------------- */

.widget             { background: #fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:0; }

.popular-posts      {}
.popular-posts ul       { margin:0; padding:0; }
.popular-posts ul li    { list-style-type: none; overflow: hidden; margin:19px 0; }
.popular-posts ul li:last-child { margin-bottom:0; }
.popular-posts ul li a,
.popular-posts ul li a:visited      { color:#1b1b1b; font-weight: 600; line-height:1.2em; font-size:1.1em; }
.popular-posts ul li a:hover,
.popular-posts ul li a:active       { color:#0394ec; text-decoration: none; }
.popular-posts .wpp-post-title      { margin-left:155px; display: block; }
.popular-posts img.wpp-thumbnail    { float:left;  }

@media (min-width: 992px) {

    .popular-posts .wpp-post-title          { margin-left:95px; font-size:1em; }
    .popular-posts img.wpp-thumbnail        { width:80px; height:auto; }
}



/* =Category menu
-------------------------------------------------------------- */
#posts          { -moz-column-count: 2; -moz-column-gap: 30px; -moz-column-fill: auto; -webkit-column-count: 2; -webkit-column-gap: 30px; -webkit-column-fill: auto; column-count: 2; column-gap: 30px; column-fill: auto; }

#posts article              {  position:relative; margin:0 0 20px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid;  }
#posts article .corner      { display:block; width:34px; height:34px; position:absolute; top:0; right:0; background: url(img/corner.png) top right; }
#posts article .entry-content   { padding:20px; display:block; margin:0; }
#posts article .entry-content h2    { margin:0; padding:0; }
#posts article a,
#posts article a:visited            { background:#fff; display:block; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }
#posts article a:hover,
#posts article a:active             { text-decoration: none; }
#posts article a h2,
#posts article a:visited h2         {  }
#posts article a:hover h2,
#posts article a:active h2          { color:#0394ec; }

#posts article a.category-quote      { background:#828282; color:#fff; quotes:"\201C""\201D""\2018""\2019"; }
#posts article a.category-quote h2   { font-weight: normal; color:#fff; }
#posts article a.category-quote .entry-content  { padding:40px 20px; }
#posts article a.category-quote:before  { content:open-quote; line-height:1em; position:absolute; top:-25px; left:0px; font: 10em Arial; color:#585858; }
#posts article a.category-quote:after   { content:close-quote; line-height:1em; position:absolute; bottom:-100px; right:0px; font: 10em Arial; color:#585858; }
#posts article a.category-quote p       { margin:10px 0; padding:0; color:#d9d9d9; }
#posts article a:hover p,
#posts article a:active p           { border:0 none !important; text-decoration: none !important; }
#posts article .entry-meta          { font-size:.8em; color:#828282; margin:10px 0 0; display:block;  }



/* =Home
-------------------------------------------------------------- */
.home header            { border-bottom:0; }
.home .navbar-default .navbar-nav > .active > a     { background:none; color:#fff; }
.home .navbar-default .navbar-nav > .active > a:hover   { color:#fff; }

.home .hero-bar         { background: #007cc7 url(img/herounit-blue.png) repeat-x top center; text-align: center; }
.home .hero-bar h1      { margin-bottom:10px; margin-left:0; }
.home .hero-bar h2      { color:#fff; font-size:1.1em; }
.home #hero-col         { margin-bottom:30px; }
.home #hero-col a.button    { margin:0; }
.home h2                { font-size:2.6em; }
.home h2:first-of-type  { margin-top:0; }

.home #comparewebsites          { padding-top:25px; padding-bottom: 30px; }
.home #comparewebsites h2       { text-align: center; }


.home #branding                 { padding:30px 0 50px; background:#fff; text-align: center; }
.home #branding h3              { font-size: 1.2em; margin-bottom:40px; }
.home #branding img             {  }

.home #comparewebsites .fig1,
.home #comparewebsites .fig2                { text-align: center; margin-bottom:30px; position:relative; }
.home #comparewebsites .fig1 figcaption,
.home #comparewebsites .fig2 figcaption     { margin:10px 0; }
.home #comparewebsites .fig1 .arrow,
.home #comparewebsites .fig2 .arrow         { display:none; width:57px; height:19px; }
.home #comparewebsites .fig1 .arrow       { background:url(img/home-arrow-left.png) no-repeat; }
.home #comparewebsites .fig2 .arrow       { background:url(img/home-arrow-right.png) no-repeat; }
.home #comparewebsites .fig1 img,
.home #comparewebsites .fig2 img            {  }

@media (min-width: 768px) {

    .home #hero-col         { margin-top:35px; }
    .home #hero-col hgroup  {  }
    .home #hero-col .button { margin-bottom:20px; }
    .home .hero-bar         { padding:45px 0; }
    .home .hero-bar h1      { font-size: 2.6em; }
    .home .hero-bar h2      { font-size: 1.2em; }
    .home .hero-bar img     {  }


}

@media (min-width: 992px) {

    /*.home #comparewebsites .fig1 figcaption   { top: 135px; left:375px; font-size:1em; }*/
    /*.home #comparewebsites .fig2 figcaption   { top: 430px; left:100px; font-size:1em; }*/
    .home .hero-bar                         { text-align:left; }

    .home #comparewebsites .fig1 .arrow,
    .home #comparewebsites .fig2 .arrow       { position:absolute; display:block; }
    .home #comparewebsites h2                 { margin:0 0 40px; }

    .home #comparewebsites-container          { position:relative; }
    .home #comparewebsites figcaption         { position:absolute; color:#333; font-size:1.2em; font-weight:600; }


    .home #comparewebsites .fig1,
    .home #comparewebsites .fig2              {   }
    .home #comparewebsites .fig1 img          {  }
    .home #comparewebsites .fig2 img          { margin-top:125px; }
    .home #comparewebsites .fig1 figcaption,
    .home #comparewebsites .fig2 figcaption   { margin:10px auto; }
    .home #comparewebsites .fig1 figcaption   { top: 40px; left:550px; }
    .home #comparewebsites .fig2 figcaption   { top: 430px; left:130px; }
    .home #comparewebsites .fig1 .arrow       { top:-24px; left:-57px;  }
    .home #comparewebsites .fig2 .arrow       { top:28px; left:290px; }

}

@media (min-width: 1200px) {
    .home #comparewebsites .fig1 figcaption   { top: 40px; left:655px; }
    .home #comparewebsites .fig2 figcaption   { top: 470px; left:220px; }

}



/* =Tour
-------------------------------------------------------------- */
#featuredtestmenu               {  }
#featuredtestmenu a,
#featuredtestmenu a:visited     { margin-bottom:20px; display:block; color:#4f4f4f; font-weight:600; text-align: center; }
#featuredtestmenu a:hover,
#featuredtestmenu a:active      { color:#fff; text-decoration: none; text-shadow:0 0 15px rgba(0, 0, 0, 0.5);  }
#featuredtestmenu .title        { display:block; font-size: 1.75em; margin:0; padding:15px 0; line-height: 1.1em; }
#featuredtestmenu img           { width:100%; height:auto; margin:0 auto; box-shadow:0 0 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.15); transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; }
#featuredtestmenu a:hover img,
#featuredtestmenu a:active img   { box-shadow:0 0 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.5); }
#featuredtestmenu a.last         { margin-right:0; }

ul.listmenu                     { list-style-type: none; font-size: 1.2em; font-weight: 600; }
ul.listmenu li                  { display:inline-block; width:100%; }
ul.listmenu li a,
ul.listmenu li a:visited        { display:block; }
ul.listmenu li a:hover,
ul.listmenu li a:active         {  }

.cta-bottom                     { text-align: center; }
.cta-bottom p                   { color:#4f4f4f; font-weight: 600; margin:0 !important; }
.cta-bottom a.button            { margin:0 20px; vertical-align:middle; }

@media (max-width: 767px) {
    #featuredtestmenu img       { max-width:366px; }
}

@media (min-width: 768px) {
    #featuredtestmenu           { margin-bottom:20px; }
    #featuredtestmenu a,
    #featuredtestmenu a:hover   { text-align: left; }
    #featuredtestmenu img       {  }
    #featuredtestmenu .title    { padding:15px; }

    ul.listmenu                 { margin:0 0 60px; padding:0; }
    ul.listmenu li              { margin:10px 30px 10px 0; width:342px; }

    .cta-bottom p               { line-height:1.8em; font-size:1.6em; }
    .cta-bottom a.button        { font-size:0.7em; line-height:1.3em; }

}

@media (min-width: 768px) and (max-width: 991px) {

    ul.listmenu li:nth-child(2n)    { margin-right:0; }
}

@media (min-width: 992px) {
    ul.listmenu li:nth-child(3n)    { margin-right:0; }
    ul.listmenu li                  { width:290px; }

    .cta-bottom p               { line-height:1.8em; font-size:1.9em; }

    #featuredtestmenu img       {  }

}

@media (min-width: 1200px) {
    ul.listmenu li                  { width:355px; }
}


/* =Pricing
-------------------------------------------------------------- */


#pricingintro                {  }
#pricingintro.container      { position:relative; }
#currencyswitcher            { display:block; color:#333; margin:20px 20px 0; }
#currencyswitcher select     { vertical-align:middle; margin:0; }
#currencyswitcher label      { vertical-align:middle; font-size:1em; margin:0 10px 0 0; display:inline-block; color:#fff; }

#pricingmain .container                 { padding-top:30px; padding-bottom:30px; }

#priceoptions                  {  }
#priceoptions aside            { text-align:center; font-size:1.2em; color:#bdbdbd; }
#priceoptions aside h2,
#priceoptions aside h3         { color:#fff; margin:0; }
#priceoptions aside p          { color:#bdbdbd; }
#priceoptions p.largetext           { font-size:1.1em; }

#priceoptions .priceoption                   { text-align: center; color:#000; margin-bottom:20px; }
#priceoptions .priceoption .optioncontent    { background:#fff; }

#priceoptions .priceoption h1             { font-size:1.6em; margin:0; }
#priceoptions .priceoption#small h1       { color:#707070; }
#priceoptions .priceoption#medium h1      { color:#1d577a; }
#priceoptions .priceoption#large h1       { color:#786b00; }

#priceoptions .priceoption h2             { color:#333; margin:0; padding:0; font-size:1.4em; }
#priceoptions .priceoption p              { color:#333; margin:5px 0; padding:0 10px; font-weight:600; font-size:1.1em; line-height:1.2em; }
#priceoptions .priceoption p.yes,
#priceoptions .priceoption p.no           { margin:10px 0 20px; padding-left:35px; display:inline-block; line-height:1.5em; }
#priceoptions .priceoption p.yes          { background:url(img/tick.gif) no-repeat 0 3px; }
#priceoptions .priceoption p.no           { background:url(img/cross.gif) no-repeat 0 3px; }
#priceoptions .priceoption header         { padding:20px; margin:0 0 20px; }
#priceoptions .priceoption a,
#priceoptions .priceoption a:visited        { color:#333; text-decoration:underline; }
#priceoptions .priceoption a:hover,
#priceoptions .priceoption a:active         { color:#0083d2; }

#priceoptions .priceoption#small header   { background: #e1e1e1; }
#priceoptions .priceoption#medium header  {  background: #3baff5; }
#priceoptions .priceoption#large header   { background: #f1d600; }

#priceoptions .priceoption a.button,
#priceoptions .priceoption a.button:visited     { text-decoration:none; color:#fff; margin:0 0 20px; background-color:#25a2ed; font-size:1em; font-weight:600; }
#priceoptions .priceoption a.button:hover,
#priceoptions .priceoption a.button:active      { background-color:#F1D600; color:#333; }

#priceoptions #additional p            { font-size:1em; color:#939393; text-align: center; margin:30px 0 0; }
#priceoptions #additionaltext          { min-height:1px;/* for the jquery slider */ }
#priceoptions #additionaltext p        { font-size:0.9em; margin:0 auto;  }

.pricing section.fullwidth                          { text-align:left; padding:20px 30px; background:#fff; margin:0 auto; box-shadow: 0px 10px 20px rgba(0,0,0,0.6);  }
.pricing section.fullwidth.form                     { width:314px; background:#25A2ED; color:#C5E9FF; }
.pricing section.fullwidth.form .middleColumn       { background:#2ca8f6; }
.pricing section.fullwidth.form label               { color:#fff; }


#pricingadditional h2               { font-size:1.2em; text-align: center; }
#pricingadditional h2.centerdashed span             { display:none; }

#pricingadditional                      {  }
#pricingadditional .container           { padding-top:25px; padding-bottom:25px; }
#pricingadditional h2                   { font-weight: 600; color:#9a9a9a; font-size: 1.4em; }
#pricingadditional h3                   { font-size:2em; }
#pricingadditional p                    { font-size:1.2em; }

#pricingadditional .logoscontainer      { margin:10px 0 10px; text-align: center; }
#pricingadditional .logos               { margin:0 auto; }
#pricingadditional .logos img           { margin:0 30px 30px 0; vertical-align: middle; display:inline-block; }

@media (min-width: 768px) {

    #pricingadditional h2.centerdashed span  { width:150px; display:block; }
    #priceoptions aside                      { padding-top:80px; }

    #currencyswitcher       { position:absolute; top:0; right:14px; text-align: right; }
    .hero-bar #pricingintro      { text-align:left; }
}

@media (min-width: 992px) {

    #priceoptions .priceoption                { margin-bottom:0; }
    #priceoptions .priceoption h2             { font-size:1em; }
    #priceoptions .price                      { font-size:2.5em; line-height:1em; color:#000; display:block; }
    #priceoptions .priceoption p              {  }
    #priceoptions .priceoption header         { padding:10px; }
    #priceoptions aside                      { font-size:1em; }
    #priceoptions .priceoption a.button      { margin:0 0 15px; }

    #pricingadditional .logocontainer   { margin:10px 0 20px 65px; }
    #pricingadditional .logos           {  }
    #pricingadditional .logos img       {  }
    #pricingadditional h2.centerdashed span  { width:250px; }
}

@media (min-width: 1200px) {
    #pricingadditional h2.centerdashed span  { width:340px; }
}




/* =Contact form
-------------------------------------------------------------- */

#contactform label                  { color:#7f7f7f; display:block; }
#contactform .wpcf7-list-item       { display:block; }
#contactform .wpcf7-list-item input { margin-top:0; }

#contactform input[type=submit],
#contactform input[type=submit]:visited  { background-color:#25a2ed; border-radius:25px; padding:16px 60px; margin-right:15px; font-size:1.2em; color:#fff; font-weight: 600; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; border:none; }
#contactform input[type=submit]:hover,
#contactform input[type=submit]:active   { box-shadow:2px 2px 10px #333; background-color:#F1D600; color:#333; text-decoration: none; }

#contactform div.wpcf7-response-output       { color:#000; background:#f1D600; font-weight:600; margin:10px 0; padding:1em 1.7em; border:none; }
#contactform div.wpcf7-mail-sent-ok          { border:none; }
#contactform div.wpcf7-validation-errors     { border:none; background:#eb4e1b; color:#fff; }



/* =404 page
-------------------------------------------------------------- */

.error404 .entry-content p:first-of-type        { font-size:1.8em; }



/* =UKWDA pricing page
-------------------------------------------------------------- */

.ukwda.hero-bar h1         { margin-left:0; }
.ukwda.hero-bar p          { color:#fff; font-weight: 600; }

.page-template-templates_cc_home-php header.navbar.cc-header          { border-bottom:1px solid #aaa; }

.cclogo         { margin:-30 auto 0; }

/* =Cookie Consent Homepage
-------------------------------------------------------------- */

#cc-hero    {  background: #007bc5 url(img/cc-dark-bg.jpg) repeat-x center bottom;  }
#cc-hero .container     { position:relative;  }
#cc-hero img            { display:none;  }
#cc-hero #introcontent     { color:#fff; font-weight: 600; text-align: center; margin:20px 0 20px; }
#cc-hero #introcontent p     { color:#fff; font-size:1.2em; line-height: 1.4em; margin-bottom:30px;  }
#cc-hero #introcontent h1  { text-align: center; color:#fff; font-size:2em; }
#cc-hero #introcontent a,
#cc-hero #introcontent a:visited   { color:#37abf1; text-decoration: none; }
#cc-hero #introcontent a:hover,
#cc-hero #introcontent a:active    { color:#f1d600; text-shadow:none; }
#cc-hero #introcontent a.button,
#cc-hero #introcontent a.button:visited    { color:#000; background-color:#37abf1; padding:12px 30px; }
#cc-hero #introcontent a.button:hover,
#cc-hero #introcontent a.button:active     { background-color:#fff;  }
#cc-hero #introcontent a.button.light,
#cc-hero #introcontent a.button.light:visited    { color:#000; background-color:#f1d600; }
#cc-hero #introcontent a.button.light:hover,
#cc-hero #introcontent a.button.light:active     { background-color:#fff; }



@media (min-width: 768px) {
    #cc-hero .container         {  }
    #cc-hero img                { display:block; position:absolute; bottom:0; right:0; }
    #cc-hero #introcontent      { margin-bottom:30px; text-align: left; }
    #cc-hero #introcontent p    { font-size:1.2em; }
    #cc-hero #introcontent h1   { text-align:left; font-size:2.5em; }

    #cc-featureinfo p                  { font-size:1.2em; }
}

@media (min-width: 992px) {
    #cc-hero .container         { height:400px; }
    #cc-hero #introcontent      { margin-top:50px; }
    #cc-hero #introcontent h1   { font-size:3.5em; }
    #cc-hero #introcontent p    { font-size:2em; }
}


/* =Cookie Consent Features page
-------------------------------------------------------------- */

.features-section               {  }
.features-section h2            { margin:0 0 10px 84px; text-align: left; clear:none; }
.features-section p             { text-align: left; margin-left: 84px; }
.features-section img           { margin:0 10px 10px 0; text-align:left; width: 64px; height: 64px; float: left; box-shadow:none !important; -moz-box-shadow: none !important; -webkit-box-shadow:none !important; }




@media print {
    /* =Print
  -------------------------------------------------------------- */

    #featuredtestmenu img   { display:none; }
    #featuredtestmenu a     { text-align:left; }
    #featuredtestmenu .title    { font-size:1em; }

    .home #comparewebsites .fig1,
    .home #comparewebsites .fig2     { width:20em; display:inline-block; }

    #priceoptions .priceoption      { text-align:left; }
    #priceoptions .priceoption p,
    #priceoptions .priceoption p.no,
    #priceoptions .priceoption p.yes            { padding:0; }
    #priceoptions .priceoption a.button         { padding:0; margin:0; }
    #priceoptions .priceoption header           { padding:0; }
    #priceoptions aside                         { padding:0; text-align: left; }

    #signup-box strong                          { text-indent:0; width:auto; height:auto; background:none; display:inline; }

}