/*
Theme Name: LittleBizzy
*/

/* css reset */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}

/* device views */

@media screen and (min-width: 960px) {
.mobile {
display:none !important;
}
}

@media screen and (max-width: 960px) {
.desktop {
display:none !important;
}
}

/* html */

html, body {
height:100%;
min-height:100%;
max-width:100%;
margin:0px;
padding:0px;
font-family:'Open Sans',sans-serif;
font-size:16px;
font-weight:400;
line-height:1;
color:#263238;
border:0px;
}


/* alignment */

.left {
float:left;
}

.right {
float:right;

}

.center {
text-align:center;
}

.nomargin {
margin-bottom:0px !important;
}


/* links */

a, a:link, a:visited {
text-decoration:underline;
color:#0288D1;
}

a:hover, a:active {
color:#01579B;
}

a.nostyle {
text-decoration:none !important;
}

a.white {
color:#fff !important;
}

a.blacker {
color:#000 !important;
}

a.splash-speed {
text-decoration:none;
color:#fff;
}

a.splash-video {
text-decoration:none;
color:#fff;
}


.green {
color:#00C853;
}


/* container */

#container {
width:100%;
box-sizing:border-box;
background:#fff;
}

@media screen and (min-width: 960px) {
#container-inner {
max-width:1200px;
margin:0px auto;
padding:50px 0px;
}
}

@media screen and (max-width: 960px) {
#container-inner {
max-width:100%;
margin:0px auto;
padding:30px 15px 60px 15px;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
#content {
text-align:left;
}
}

@media screen and (max-width: 960px) {
#content {
text-align:left;
}
}

@media screen and (min-width: 960px) {
#content-center {
text-align:left;
}
}

@media screen and (max-width: 960px) {
#content-center {
text-align:left;
}
}

@media screen and (min-width: 960px) {
#content-page {
float:left;
max-width:900px;
box-sizing:border-box;
margin:0px auto;
padding:0px 40px 40px 0px;
}
}

@media screen and (max-width: 960px) {
#content-page {
text-align:left;
box-sizing:border-box;
}
}


/* sidebar */

#sidebar {
float:right;
width:300px;
}

#sidebar ul {
margin-bottom:30px;
font-size:16px;
line-height:1.5;
list-style-type:disc;
}

#sidebar ul li {
margin-left:20px;
margin-bottom:10px;
}


/* iframes */

.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 61%;
margin-bottom:30px;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}

/* icons */

i.small {
margin-right:10px;
font-size:24px;
line-height:24px;
display:inline-block;
vertical-align:text-top;
}

i.med {
font-size:24px;
padding:0px 3px;
}

i.large {
float:left;
margin-right:10px;
font-size:36px;
line-height:36px;
vertical-align:middle;
}

i.tile-dark {
margin-bottom:30px;
font-size:36px;
line-height:36px;
text-align:center;
vertical-align:middle;
color:#78909C;
color:#263238;
}

i.chart {
margin-right:5px;
font-size:18px;
line-height:18px;
display:inline-block;
vertical-align:top;
color:#33cc99;
}

i.feature {
padding-right:10px;
color:#aaa;
}

/* divides */

.divide {
clear:both;
margin:15px 0px;
padding:0px;
height:1px;
background:#ccc;
}

.divide-ten {
clear:both;
margin:10px 0px;
padding:0px;
height:1px;
background:#ccc;
}

.divide-h2 {
clear:both;
margin:15px 0px 30px 0px;
padding:0px;
height:1px;
background:#ccc;
}

.divide-splash {
clear:both;
margin:30px 0;
padding:0px;
height:1px;
background:#fff;
}

/* random elements */

.warning {
	color:#ff3333;
}

.hostfeat {
text-align:left !important;
font-size:16px;
line-height:24px;
vertical-align:middle;
}

.hostfeat-tile {
text-align:left !important;
font-size:14px;
line-height:24px;
vertical-align:middle;
}

/* style */

strong {
font-weight:700;
}

em {
font-style:italic;
}

.nounder {
text-decoration:none !important;
}

/* logo links NEW */

a.logo-link {
text-decoration:none;
color:#263238;
}

a.logo-link:hover {
color:#0288D1;
}

a.logo-link-white {
text-decoration:none;
color:#fff;
}

a.logo-link-white:hover {
color:#fff;
}

/* logo icon NEW */

i.logo-icon {
margin-right:5px;
display:inline-block;
line-height:96px;
font-size:36px;
text-decoration:none;
vertical-align:top;
}

i.logo-icon-chart {
margin-right:5px;
display:inline-block;
line-height:18px;
font-size:18px;
text-decoration:none;
vertical-align:top;
}

/* logo text NEW */

@media screen and (max-width: 960px) {
span.logo-text {
display:inline-block;
line-height:20px;
font-size:20px;
padding:8px 0px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
vertical-align:middle;
}
}

@media screen and (min-width: 960px) {
span.logo-text {
display:inline-block;
line-height:96px;
font-size:24px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
vertical-align:top;
}
}

/* logo old stuff */


@media screen and (max-width: 960px) {
#logo {
float:left;
font-family:'Open Sans',sans-serif;
font-weight:700;
font-size:20px;
line-height:30px;
text-transform:uppercase;
vertical-align:middle;
text-decoration:none;
color:#fff;
}
}

@media screen and (min-width: 960px) {
#logo {
float:left;
margin-right:20px;
font-family:'Open Sans',sans-serif;
font-weight:700;
font-size:20px;
line-height:30px;
text-transform:uppercase;
vertical-align:middle;
text-decoration:none;
color:#fff;
}
}

@media screen and (max-width: 960px) {
#logo-page {
display:inline-block;
font-family:'Open Sans',sans-serif;
font-weight:700;
font-size:24px;
line-height:36px;
text-transform:uppercase;
vertical-align:middle;
text-decoration:none;
color:#263238;
}
}

@media screen and (min-width: 960px) {
#logo-page {
float:left;
margin-right:20px;
font-family:'Open Sans',sans-serif;
font-weight:700;
font-size:20px;
line-height:30px;
text-transform:uppercase;
vertical-align:middle;
text-decoration:none;
color:#263238;
}
}

#logo-page:hover {
color:#0288D1;
}

/* member bar */

@media screen and (max-width: 960px) {
#membar {
width:100%;
margin:0px auto;
padding:0px 15px;
box-sizing:border-box;
font-size:14px;
line-height:54px;
color:#fff;
background:#222;
}
}

@media screen and (min-width: 960px) {
#membar {
width:100%;
padding:0px 0px;
box-sizing:border-box;
font-size:14px;
line-height:54px;
color:#fff;
background:#263238;
}
}

#membar-inner {
max-width:1200px;
margin:0px auto;
text-align:center;
}

#membar-inner-left {
	float:left;
text-align:left;
}

#membar-inner-right {
	float:right;
text-align:right;
}


/* warn bar */

@media screen and (min-width:960px) {
#warnbar {
width:100%;
box-sizing:border-box;
padding:0px;
font-size:14px;
line-height:44px;
background:#FFD54F;
color:#263238;
text-align:center;
display:none;
}
}

@media screen and (max-width:960px) {
#warnbar {
width:100%;
box-sizing:border-box;
margin:0px auto;
padding:0px 15px;
font-size:14px;
line-height:44px;
color:#263238;
background:#FFD54F;
text-align:center;
display:none;
}
}

#warnbar-inner {
max-width:1200px;
margin:0px auto;
text-align:center;
}


/* hello bar */

@media screen and (min-width:960px) {
#hellobar {
width:100%;
box-sizing:border-box;
padding:0px;
font-size:14px;
line-height:44px;
background:#263238;
background:#01579B;
background:#0288D1;
color:#fff;
}
}

@media screen and (max-width:960px) {
#hellobar {
width:100%;
box-sizing:border-box;
padding:0px 15px;
font-size:14px;
line-height:44px;
background:#263238;
color:#fff;
}
}

@media screen and (min-width:960px) {
#hellobar-inner {
max-width:1200px;
margin:0px auto;
}
}

@media screen and (max-width:960px) {
#hellobar-inner {
max-width:1200px;
margin:0px auto;
text-align:center;
}
}

a.download {
color:#fff !important;
text-decoration:underline !important;
}

a.download:active, a;download:hover {
color:#fff !important;
text-decoration:underline !important;
}

a.hello {
color:#fff;
text-decoration:none !important;
}

a.hello:active, a.hello:hover {
text-decoration:underline !important;
}

i.hello {
float:right;
display:inline;
white-space:nowrap;
font-size:24px;
line-height:54px;
color:#fff;
vertical-align:text-top;
}

/** header home */

@media screen and (min-width:960px) {
#header-home {
position:relative;
box-sizing:border-box;
padding:0px 0px 120px 0px;
}
}

@media screen and (max-width:960px) {
#header-home {
position:relative;
box-sizing:border-box;
padding:0px 15px 60px 15px;
}
}

#header-home-filter {
position:absolute;
z-index:-1;
top:0;left:0;right:0;bottom:0;
width:100%;
height:100%;
background:linear-gradient(rgba(38, 50, 56, 0.7), rgba(240, 149, 128, 0.2)), url('https://www.littlebizzy.com/wp-content/uploads/society.jpeg');
background-position:top center;
background-size:cover;
-webkit-filter: contrast(65%) brightness(100%) saturate(85%);
filter: contrast(65%) brightness(100%) saturate(85%);
}

@media screen and (min-width: 960px) {
#header-home-back {
width:100%;
height:96px;
margin:0px;
padding:0px;
background:transparent;
border-bottom:1px solid rgba(255,255,255, 0.3);
}
}

@media screen and (max-width: 960px) {
#header-home-back {
width:100%;
margin:0px;
padding:0px;
background:transparent;
}
}

#header-home-back-inner {
margin:0px auto;
max-width:1200px;
}

/* home splash */

@media screen and (min-width:960px) {
#splash {
padding-top:60px;
}
}

@media screen and (max-width:960px) {
#splash {
padding-top:0px;
}
}

@media screen and (min-width:960px) {
#splash-content {
float:left;
width:900px;
}
}

@media screen and (max-width:960px) {
#splash-content {
float:left;
}
}

#cloud-partners {
margin-top: 90px;
height: 60px;
display:none !important;
}

.partner-cloudflare {
display:inline;
height:100%;
width:100%;
background:url(https://www.littlebizzy.com/wp-content/uploads/partner-cloudflare.png) no-repeat;
background-size: contain;
}

.partner-digitalocean {
display:inline;
height:100%;
width:100%;
background:url(https://cdn.freebiesupply.com/logos/large/2x/digitalocean-logo-black-and-white.png) no-repeat;
background-size: contain;
}

.partner-hostwinds {
display:inline;
height:100%;
width:100%;
background:url(https://www.hostwinds.com/hw-images/presskit/logo-white.png) no-repeat;
background-size: contain;
}


@media screen and (min-width: 960px) {
h1.splash {
margin-bottom:45px;
font-size:48px;
line-height:1.5;
font-weight:700;
color:#fff;
}
}

@media screen and (max-width: 960px) {
h1.splash {
margin:15px auto;
font-size:24px;
line-height:1.5;
font-weight:600;
color:#fff;
}
}

@media screen and (min-width: 960px) {
h2.splash {
margin:0px auto 45px auto;
padding:0px;
font-size:18px;
line-height:1.5;
font-weight:400;
color:#fff;
}
}

@media screen and (max-width: 960px) {
h2.splash {
margin:0px auto 45px auto;
padding:0px;
font-size:16px;
line-height:1.5;
font-weight:400;
color:#fff;
}
}

@media screen and (min-width:960px) {
.button-hosting {
float:left;
display:inline-block;
width:285px;
box-sizing:border-box;
margin-right:20px;
text-align:center;
vertical-align:middle;
font-size:16px;
line-height:44px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#fff;
border:1px solid #0288D1;
border-radius:2px;
background:#0288D1;
cursor:pointer;
}
}

@media screen and (max-width:960px) {
.button-hosting {
display:block;
width:100%;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
text-align:center;
font-size:16px;
line-height:44px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#fff;
border:1px solid #0288D1;
border-radius:2px;
background:#0288D1;
cursor:pointer;
}
}

.button-hosting:hover {
border:1px solid #01579B;
background:#01579B;
color:#fff;
}

@media screen and (min-width:960px) {
.button-difference {
float:left;
display:inline-block;
width:285px;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
font-size:16px;
line-height:44px;
font-weight:600;
text-decoration:none;
color:#fff;
border:1px solid #fff;
border-radius:2px;
background:transparent;
cursor:pointer;
outline-style:none !important;
outline:0 !important;
}
}

@media screen and (max-width:960px) {
.button-difference {
display:block;
margin-top:15px;
width:100%;
box-sizing:border-box;
text-align:center;
vertical-align:middle;
font-size:16px;
line-height:44px;
font-weight:600;
text-decoration:none;
color:#fff;
border:1px solid #fff;
border-radius:2px;
background:transparent;
cursor:pointer;
outline-style:none !important;
outline:0 !important;
}
}

.button-difference:hover {
background:#fff;
color:#263238;
border:1px solid #fff;
}

/** header */

@media screen and (max-width: 960px) {
#header-gray {
width:100%;
padding:0px 15px;
box-sizing:border-box;
background:#ECEFF1;
}
}

@media screen and (min-width: 960px) {
#header-gray {
width:100%;
height:96px;
margin:0px;
padding:0px;
overflow:hidden;
background:#ECEFF1;
}
}

@media screen and (max-width: 960px) {
#header-white {
width:100%;
padding:0px 15px;
box-sizing:border-box;
background:#fff;
}
}

@media screen and (min-width: 960px) {
#header-white {
width:100%;
height:96px;
margin:0px;
padding:0px;
overflow:hidden;
background:#fff;
}
}

@media screen and (max-width: 960px) {
#header-post {
width:100%;
padding:0px 15px;
box-sizing:border-box;
background:linear-gradient(rgba(0,153,204, 0.9), rgba(0,102,153, 0.9)), url('https://www.littlebizzy.com/wp-content/uploads/city-view-bw.jpg');
background-position:top center;
background-size:cover;
position:relative;
}
}

@media screen and (min-width: 960px) {
#header-post {
width:100%;
box-sizing:border-box;
background:linear-gradient(rgba(0,153,204, 0.8), rgba(0,102,153, 0.8)), url('https://www.littlebizzy.com/wp-content/uploads/city-view-bw.jpg');
background-position:top center;
background-size:cover;
position:relative;
}
}

#header-inner {
margin:0px auto;
max-width:1200px;
}

/* desktop navigation menu */

#navigation {
height:96px;
line-height:96px;
overflow:hidden;
}

#nav-left {
float:left;
}

#nav-right {
float:right;
}

/* menu NEW */

ul.menu {
float:left;
margin:0px;
padding:0px;
height:96px;
line-height:96px;
overflow:hidden;
}

ul.menu li {
float:left;
margin:0px;
padding:0px;
height:96px;
line-height:96px;
overflow:hidden;
}

ul.menu li a.option-white {
padding:0px 15px;
float:left;
line-height:96px;
font-size:16px;
font-weight:600;
text-decoration:none;
color:#263238;
}

ul.menu li a.option-white:hover {
background:#ECEFF1;
background:linear-gradient(rgba(238,238,238, 1.0), rgba(255,255,255, 0.1));
}

ul.menu li a.option-gray {
padding:0px 15px;
float:left;
line-height:96px;
font-size:16px;
font-weight:600;
text-decoration:none;
color:#263238;
}

ul.menu li a.option-gray:hover {
background:#ddd;
background:linear-gradient(rgba(221,221,221, 1.0), rgba(238,238,238, 0.7));
}

ul.menu li a.option-home {
height:96px;
padding:0px 15px;
float:left;
line-height:96px;
font-size:16px;
font-weight:600;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#fff;
overflow:hidden;
border:0px;
}

ul.menu li a.option-home:hover {
background:rgba(255,255,255, 0.2);
}

ul.menu li a.cart {
margin-left:15px;
padding:0px 30px;
float:left;
line-height:96px;
font-size:16px;
font-weight:700;
text-decoration:none;
color:#263238;
background:linear-gradient(rgba(236,239,241, 1.0), rgba(255,255,255, 1.0));
}

ul.menu li a.cart:hover {
color:#263238;
background:linear-gradient(rgba(236,239,241, 1.0), rgba(255,255,255, 1.0));
}

ul.menu li a.cart-dark {
margin-left:15px;
padding:0px 30px;
float:left;
line-height:96px;
font-size:16px;
font-weight:700;
text-decoration:none;
background:linear-gradient(rgba(207,216,220, 1.0), rgba(236,239,241, 1.0));
color:#263238;
}

ul.menu li a.cart-dark:hover {
background:linear-gradient(rgba(207,216,220, 1.0), rgba(236,239,241, 1.0));
color:#263238;
}

ul.menu li a.cart-white {
height:96px;
margin-left:15px;
padding:0px 30px;
float:left;
line-height:96px;
font-size:16px;
font-weight:700;
text-align:center;
vertical-align:middle;
text-decoration:none;
background:linear-gradient(rgba(255,255,255, 0.3), rgba(255,255,255, 0));
color:#fff;
overflow:hidden;
border:0px;
}

ul.menu li a.cart-white:hover {
background:rgba(255,255,255, 0.3);
color:#fff;
}

i.cart {
margin-right:10px;
font-size:24px;
line-height:96px;
display:inline-block;
vertical-align:middle;
}

/* mobile navigation menu (select) */

.selectmobile {
float:right;
display:inline-block;
height:22px;
line-height:22px;
font-size:12px;
padding:37px 0px;
overflow:hidden;
vertical-align:top;
}

.selectmobile select {
float:right;
vertical-align:top;
background:#ECEFF1;
color:#263238;
border:0px solid transparent;
font-size:12px;
line-height:12px;
padding:5px;
text-transform:uppercase;
width:100px;
}

/* recent blog post */

#blog-recent {
width:100%;
background:#003366;
box-sizing:border-box;
text-align:center;
}

#blog-recent-inner {
padding:30px 15px;
font-size:16px;
line-height:1.5;
font-weight:400;
color:#fff;
}

#blog-recent a, #blog-recent a:link, #blog-recent a:visited {
color:#fff;
text-decoration:underline;
}

#blog-recent a:active, #blog-recent a:hover {
color:#fff;
text-decoration:underline;
}

/* maps */

#map {
height:300px !important;
width:100% !important;
margin-bottom:60px;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:2px;
}

/* titles */

h1 {
font-size:28px;
line-height:1;
font-weight:600;
}

@media screen and (min-width:960px) {
h2 {
margin-bottom:30px;
padding-top:30px;
line-height:1;
font-size:20px;
font-weight:600;
}
}

@media screen and (max-width:960px) {
h2 {
margin-bottom:30px;
padding-top:30px;
line-height:1.5;
font-size:18px;
font-weight:600;
}
}

h2.article {
padding-top:30px;
line-height:1;
font-size:24px;
font-weight:600;
}

h2.spread {
width:100%;
box-sizing:border-box;
margin:0px auto 30px auto;
padding:15px 0px;
font-size:20px;
font-weight:600;
background:#ECEFF1;
text-align:center;
}

h2.welcome {
margin:0px;
padding:0px;
font-size:24px;
line-height:1.5;
font-weight:600;
}

h2.newsletter {
color:#000;
margin:0px 0px 30px 0px;
padding:0px;
font-size:24px;
line-height:1.5;
font-weight:600;
}

h2.archive {
margin:0px auto 30px auto;
padding-top:0px;
font-size:20px;
line-height:1.5;
font-weight:600;
}

h2.tilename {
margin:0px auto 30px auto;
padding-top:30px;
font-size:16px;
font-weight:600;
line-height:1;
}

h2.landing {
margin:0px auto;
padding:0px;
font-size:18px;
line-height:1.5;
font-weight:400;
}

h3 {
margin:0px auto 30px auto;
padding-top:30px;
font-size:18px;
font-weight:600;
line-height:1.5;
}

h3.host-plan {
margin:0px auto 30px auto;
padding:0px;
font-size:18px;
font-weight:600;
line-height:1;
text-transform:uppercase;
}

h3.testimonial {
margin:0px auto 30px auto;
padding:0px;
font-size:22px;
font-weight:600;
line-height:1;
text-transform:uppercase;
color:#90A4AE;
}

h3.tile-name {
margin:0px auto 30px auto;
padding:0px;
font-size:16px;
font-weight:600;
line-height:1;
}

h3.tilename {
margin:0px auto 30px auto;
padding:0px;
font-size:16px;
font-weight:600;
line-height:1;
}

h4.tileprice {
margin:0px auto 30px auto;
padding-top:0px;
font-size:16px;
font-weight:600;
line-height:1;
}

h4.landing {
margin:0px 0px 30px 0px;
padding:0px;
font-size:16px;
font-weight:600;
line-height:1.5;
}

h4.faq {
margin:0px 0px 15px 0px;
padding:0px;
font-size:16px;
font-weight:600;
line-height:1.5;
}

h4.experts {
margin:0px 0px 15px 0px;
padding:0px;
font-size:20px;
font-weight:600;
line-height:1;
}

/* page titles */

@media screen and (min-width:960px) {
#page-titles {
position:relative;
padding:60px 0px;
}
}

@media screen and (max-width:960px) {
#page-titles {
position:relative;
box-sizing:border-box;
padding:60px 15px;
}
}

#page-titles::before {
position:absolute;
display:block;
content: "";
width:100%;
height:100%;
top:0;
left:0;
mix-blend-mode:soft-light;
background:linear-gradient(rgba(38, 50, 56, 0.7), rgba(240, 149, 128, 0.2)), url('https://www.littlebizzy.com/wp-content/uploads/society.jpeg');
background-position:top center;
background-size:cover;
-webkit-filter: contrast(65%) brightness(100%) saturate(85%);
filter: contrast(65%) brightness(100%) saturate(85%);
}

/* page splash */

#splash-page {

}

@media screen and (min-width: 960px) {
h1.page {
margin:0px auto 45px auto;
padding:0px;
font-size:36px;
line-height:1;
font-weight:700;
color:#fff;
filter:none !important;
mix-blend-mode: normal !important;
}
}

@media screen and (max-width: 960px) {
h1.page {
margin:0px auto 30px auto;
padding:0px;
font-size:24px;
line-height:1;
font-weight:600;
color:#fff;
filter:none !important;
mix-blend-mode: normal !important;
}
}

@media screen and (min-width: 960px) {
h2.page {
margin:0px auto;
padding:0px;
font-size:24px;
line-height:1;
font-weight:600;
color:#fff;
}
}

@media screen and (max-width: 960px) {
h2.page {
margin:0px auto;
padding:0px;
font-size:18px;
line-height:1.5;
font-weight:600;
color:#fff;
}
}


/* paragraphs */

p {
margin-bottom:30px;
line-height:1.5;
}

p.pricetag {
margin-bottom:15px !important;
font-size:24px !important;
line-height:1 !important;
}

p.newsletter {
margin-bottom:0px;
font-size:12px !important;
line-height:1;
color:#222;
}

.modified {
float:left;
padding-top:50px;
font-size:12px;
line-height:1;
}

.shortlink {
float:right;
padding-top:50px;
font-size:12px;
line-height:1;
}

p.address {
margin-bottom:0px;
font-size:14px;
line-height:1.5;
}

/* lists */

ul {
margin-left:0px;
margin-bottom:30px;
line-height:1.5;
list-style-type:disc;
}

#content-page ul {
margin-left:30px;
}

ul li {
margin-left:20px;
margin-bottom:10px;
line-height:1.5;
}

ul ul {
margin-left:15px;
margin-bottom:10px;
line-height:1.5;
list-style-type:circle;
}

li li {
margin-left:20px;
margin-top:10px;
line-height:1.5;
}

ol {
margin-bottom:30px;
margin-left:20px;
line-height:1.5;
counter-reset:item;
}

ol > li:before {
padding-right:10px;
line-height:1.5;
font-weight:700;
content:counter(item) ")";
counter-increment:item;
}

/* formatting */

span.yellow {
background:#ffff66;
}

sup {
margin-left:1px;
vertical-align:super;
font-size:smaller;
color:#aaa;
}

.faq {
width:100%;
padding:15px;
background:#ECEFF1;
box-sizing:border-box;
}

.faq p {
font-size:14px;
line-height:1.5;
margin:0px;
padding:0px;
}

p.order-again {
display:none !important;
}

/* code blocks */

pre {
width:100%;
margin:0px 0px 30px 0px;
padding:5px 10px;
font-family:'Courier',monospace,sans-serif;
font-size:16px;
line-height:1.5;
background:#ECEFF1;
color:#263238;
box-sizing:border-box;
overflow-x:scroll;
text-align:left;
}

code {
font-family:'Courier',monospace,sans-serif;
font-size:16px;
background:#ECEFF1;
color:#263238;
text-align:left;
}

code Files {
font-family:'Courier',sans-serif;
background:#ECEFF1;
color:#263238;
text-align:left;
}

Files {
font-family:'Courier',sans-serif;
background:#222;
color:#fff;
text-align:left;
}

code p {
margin:0px;
padding:0px;
text-align:left;
}

/* article images */

label {
margin:0px auto;
line-height:1.5;
display:block;
}

abbr {
text-decoration:none;
}

/* author meta */

@media screen and (min-width: 960px) {
#meta-author {
margin-bottom:30px;
font-size:16px;
line-height:1;
vertical-align:baseline;
display:table;
text-align:left;
}
}

@media screen and (max-width: 960px) {
#meta-author {
margin-bottom:30px;
font-size:16px;
line-height:1;
vertical-align:baseline;
display:inline-block;
text-align:left;
}
}

.gravatar {
margin-right:10px;
background-repeat:no-repeat;
vertical-align:middle;
border-radius: 50%;
width: 24px;
height: 24px;
display:inline-block;
}

#meta-author i {
font-size:14px;
padding:1px 0px;
margin-left:5px;
color:#263238;
}

#meta-author i:hover {
color:#263238;
}

/* tables */

table {
display: block;
width: 100%;
box-sizing: border-box;
overflow-x: scroll;
margin: 0px auto 30px auto;
padding: 30px;
background: #ECEFF1;
border-radius: 2px;
border-collapse: separate;
border-collapse: collapse; 
}

tbody {
width: 100%;
box-sizing: border-box;
}

td {
padding:15px;
text-align:left;
line-height:18px;
font-size:12px;
font-weight:normal;
white-space:nowrap;
}

td.compare-topic {
padding:15px;
text-align:left !important;
line-height:18px;
font-size:12px;
font-weight:normal;
white-space:nowrap;
}


td.compare-topic-big {
padding:15px;
text-align:left !important;
line-height:20px;
font-size:16px;
font-weight:normal;
white-space:nowrap;
}

td.compare-item {
padding:15px;
text-align:center;
line-height:18px;
font-size:12px;
font-weight:normal;
white-space:nowrap;
}

td.compare-item-big {
padding:15px;
text-align:right;
line-height:20px;
font-size:16px;
font-weight:normal;
white-space:nowrap;
}

th {
padding:15px;
text-align:left;
line-height:18px;
font-size:14px;
font-weight:700;
text-transform:uppercase;
border:0px;
white-space:nowrap;
}

th.compare-date {
padding:15px;
text-align:left;
line-height:18px;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
border:0px;
white-space:nowrap;
}

th.compare-brand {
padding:15px;
text-align:center;
line-height:18px;
font-size:14px;
font-weight:700;
text-transform:uppercase;
border:0px;
white-space:nowrap;
}

th.compare-brand-big {
padding:15px;
text-align:center;
line-height:20px;
font-size:16px;
font-weight:700;
text-transform:uppercase;
border:0px;
white-space:nowrap;
}

tr {
white-space:nowrap;
}

tr.compare-row {
border-top:1px solid #ccc !important;
white-space:nowrap;
}

tr.compare-row-big {
width:100% important;
border-top:1px solid #ccc !important;
white-space:nowrap;
}




.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}




/* blockquotes */

blockquote {
margin:0px 30px 30px 30px;
padding:15px 30px;
border-left:10px solid #ECEFF1;
box-sizing:border-box;
}

blockquote p {
margin:0px auto;
font-size:18px;
line-height:1.5;
font-weight:400;
color:#78909C;
}

blockquote ul {
margin:0px auto;
font-size:18px;
line-height:1.5;
font-weight:400;
}

/* default inputs */

@media screen and (max-width: 960px) {
input {
width:100%;
margin:0px auto;
padding:5px;
border:1px solid #ccc;
border-radius:2px;
font-size:16px;
outline:none;
display:block;
color:#263238;
background:#fff;
vertical-align:middle;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
input {
margin:0px auto;
padding:5px;
border:0px solid #CFD8DC;
border-radius:2px;
font-size:16px;
outline:none;
display:block;
color:#263238;
background:#ECEFF1;
vertical-align:middle;
box-sizing: border-box;
}
}

input.submit {
padding:0px 10px;
background:#fff;
font-size:14px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#263238;
border-radius:2px;
vertical-align:middle;
border:1px solid #ccc;
border-radius:2px;
cursor:pointer;
display:block;
}

input.submit:hover {
background:#ccc;
}

input:focus {
outline:none;
}

textarea {
margin:0px auto;
padding:5px;
border:0px solid #ccc;
border-radius:2px;
font-size:16px;
outline:none;
display:block;
color:#263238;
}

select {
margin:0px auto;
padding:5px;
border:1px solid #ccc;
border-radius:2px;
font-size:16px;
outline:none;
display:block;
color:#78909C;
}

/* clears */

.clear-zero {
clear:both;
height:0px;
}

.clear-two {
clear:both;
height:2px;
}

.clear-ten {
clear:both;
height:10px;
}

.clear-fifteen {
clear:both;
height:15px;
}

.clear-twenty {
clear:both;
height:20px;
}

.clear-thirty {
clear:both;
height:30px;
}

.clear-forty {
clear:both;
height:40px;
}

.clear-fifty {
clear:both;
height:50px;
}

.clear-sixty {
clear:both;
height:60px;
}

/* --- breadcrumb --- */

@media screen and (max-width: 960px) {
#breadcrumb {
width:100%;
background:#ECEFF1;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
#breadcrumb {
width:100%;
background:rgba(238, 238, 238, 1);
box-sizing:border-box;
}
}

@media screen and (max-width: 960px) {
#breadcrumb-single {
width:100%;
background:#fff;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
#breadcrumb-single {
width:100%;
background:#fff;
border-bottom:1px solid #ccc;
}
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
text-decoration:underline;
color:#78909C;
}

#breadcrumb a:hover, #breadcrumb a:active {
text-decoration:underline;
color:#263238;
}

@media screen and (max-width: 960px) {
#breadcrumb-inner {
width:100%;
padding:15px 15px;
font-size:11px;
line-height:11px;
font-family:'Open Sans',sans-serif;
vertical-align:middle;
position:relative;
color:#78909C;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
#breadcrumb-inner {
margin:0px auto;
max-width:1200px;
padding:30px 0px;
font-size:11px;
line-height:11px;
font-family:'Open Sans',sans-serif;
vertical-align:middle;
position:relative;
color:#78909C;
}
}

#breadcrumb-left {
float:left;
white-space:nowrap;
}

#breadcrumb-right {
float:right;
white-space:nowrap;
}

textarea.short-url {
width:170px;
margin:0px;
padding:0px;
height:11px;
font-size:11px;
line-height:11px;
font-family:'Courier New',Courier,sans-serif;
vertical-align:middle;
background:#ddd;
color:#666;
border:0px;
resize:none;
white-space:nowrap;
overflow:hidden;
}


.popular-posts a {
}

#newsbox {
width:100%;
box-sizing:border-box;
margin-bottom:60px;
padding:20px;
background:#01579B;
color:#fff;
}

@media screen and (min-width: 960px) {
.subscribe-input-sidebar {
width:100%;
box-sizing:border-box;
padding:7px;
font-size:16px;
line-height:16px;
font-weight:400;
border:0px solid transparent;
border-radius:2px;
display:block;
background:#fff;
color:#263238;
text-align:center;
outline:none;
}
}

@media screen and (max-width: 960px) {
.subscribe-input-sidebar {
width:100%;
background:#fff;
text-align:center;
vertical-align:middle;
margin:0px auto;
padding:5px;
border:0px;
border-radius:2px;
font-size:16px;
line-height:16px;
outline:none;
display:block;
color:#78909C;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
.subscribe-submit-sidebar {
width:100%;
box-sizing:border-box;
padding:0px;
font-size:16px;
line-height:30px;
font-weight:700;
border:0px solid transparent;
border-radius:2px;
cursor:pointer;
display:block;
background:#0288D1;
color:#fff;
outline:none;
text-align:center;
text-decoration:none;
}
}

@media screen and (max-width: 960px) {
.subscribe-submit-sidebar {
width:100%;
outline:none;
padding:0px;
background:#0288D1;
font-size:16px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#fff;
border-radius:2px;
vertical-align:middle;
border:none;
cursor:pointer;
display:block;
box-sizing:content-box;
}
}

/* floating cart shortcut */

#cart-shortcut {
float:right;
transform:rotate(90deg);
transform-origin: left top;
left:100%;
top:50%;
padding:10px 10px;
text-align:center;
background:#00CC66;
position:fixed;
color:#fff;
font-size:16px;
font-weight:700;
vertical-align:middle;
text-transform:uppercase;
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
white-space:nowrap;
opacity:0.8;
}

#cart-shortcut:hover {
opacity:1;
}

/* landing */

#landing-top {
width:100%;
margin:0px auto;
background:#fff;
box-sizing:border-box;
text-align:center;
}

@media screen and (max-width: 960px) {
#landing-top-inner {
margin:0px auto;
padding:30px 15px;
}
}

@media screen and (min-width: 960px) {
#landing-top-inner {
margin:0px auto;
padding:60px 0px;
max-width:1200px;
}
}

/* features */

#features {
width:100%;
box-sizing:border-box;
background:#fff;
}

@media screen and (min-width:960px) {
#features-inner {
max-width:1200px;
margin:0px auto;
padding:30px 0px;
}
}

@media screen and (max-width:960px) {
#features-inner {
margin:0px auto;
padding:30px 15px;
}
}

/* reputation */

#reputation {
width:100%;
box-sizing:border-box;
background:#fff;
}

@media screen and (min-width:960px) {
#reputation-inner {
max-width:1200px;
margin:0px auto;
padding:30px 0px 60px 0px;
text-align:center;
}
}

@media screen and (max-width:960px) {
#reputation-inner {
margin:0px auto;
padding:30px 15px;
text-align:center;
}
}


.picface1 {
	width: 100px;
    height: 100px;
	border-radius: 50%;
	margin:0px auto 30px auto;
	display:block;
    background-position:center center;
background:linear-gradient(rgba(38, 50, 56, 0.2), rgba(240, 149, 128, 0.2)), url('https://pbs.twimg.com/profile_images/1607479168/JulietteSaweyr_photo2.jpg');
	background-size:cover;
}

.picface2 {
	width: 100px;
    height: 100px;
	border-radius: 50%;
	margin:0px auto 30px auto;
	display:block;
    background-position:center center;
background:linear-gradient(rgba(38, 50, 56, 0.2), rgba(240, 149, 128, 0.2)), url('https://pbs.twimg.com/profile_images/1175541923508916225/0qEi4yIj_400x400.jpg');
	background-size:cover;
}

.picface3 {
	width: 100px;
    height: 100px;
	border-radius: 50%;
	margin:0px auto 30px auto;
	display:block;
    background-position:center center;
}


@media screen and (min-width:960px) {
.thirdy {
float:left;
width:380px;
box-sizing:border-box;
margin-right:30px;
padding:40px 30px;
font-size:14px !important;
background:#ECEFF1;
border-radius:2px;
}
}

@media screen and (max-width:960px) {
.thirdy {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px;
font-size:14px !important;
background:#ECEFF1;
border-radius:2px;
}
}

@media screen and (min-width:960px) {
.thirdy-last {
float:left;
width:380px;
box-sizing:border-box;
margin-right:0px;
padding:40px 30px;
font-size:14px !important;
background:#ECEFF1;
border-radius:2px;
}
}

@media screen and (max-width:960px) {
.thirdy-last {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px;
font-size:14px !important;
background:#ECEFF1;
border-radius:2px;
}
}


/* contact form 7 */

.wpcf7 {

}

.screen-reader-response {
display:none;
}

input.wpcf7-text {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

input.wpcf7-quiz {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

input.wpcf7-file {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

textarea.wpcf7-textarea {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

.wpcf7-list-item {
}

.wpcf7-checkbox {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:16px !important;
}

.wpcf7-checkbox input[type="checkbox"] {
display:inline !important;
margin-right:10px !important;
height:16px !important;
width:16px !important;
}

.wpcf7-list-item-label {
display:inline !important;
font-size:16px !important;
}

input.wpcf7-submit {
width:100%;
box-sizing:border-box;
vertical-align:middle;
padding:0px;
font-size:18px;
line-height:38px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
background:#0288D1;
color:#fff;
border:2px solid transparent;
border-radius:2px;
cursor:pointer;
outline:none;
}

input.wpcf7-submit:hover {
background:#01579B;
}

.wpcf7-mail-sent-ok {
width:100%;
box-sizing:border-box;
vertical-align:middle;
margin-top:30px;
margin-bottom:30px;
padding:15px 15px;
font-size:16px;
line-height:1;
font-weight:600;
text-decoration:none;
background:#E8F5E9;
color:#2E7D32;
}

.wpcf7-validation-errors {
width:100%;
box-sizing:border-box;
vertical-align:middle;
margin-top:30px;
padding:10px 15px;
font-size:16px;
line-height:1;
font-weight:600;
text-decoration:none;
background:#fff;
color:#CC0033;
border:2px solid #CC0033;
border-radius:2px;
}

.wpcf7-not-valid-tip {
display:none !important;
}

/* social */

.share {
font-size:30px;
}

.share i {
margin:0px;
padding:0px;
}

/* Hosting */

#hosting-notices {
margin-top:120px;
}

/* WooCommerce */

/* My Account */

#payment {
text-align:left !important;
}

.woocommerce-privacy-policy-text {
display:none !important;
}

li.woocommerce-MyAccount-navigation-link {
margin-left:0px !important;
margin-bottom:0px !important;
}

.woocommerce-MyAccount-navigation {
width:100%;
box-sizing:border-box;
}

.woocommerce-MyAccount-navigation ul {
margin-left:0px !important;
margin-bottom:0px !important;
border-bottom:1px solid #ccc;
padding:3px 0px 3px 15px !important;
}

.woocommerce-MyAccount-navigation ul li {
display:inline;
list-style:none;
}

.woocommerce-MyAccount-navigation ul li a {
margin-right:5px;
text-decoration:none;
background:#ECEFF1;
border:1px solid #ccc;
border-bottom:none;
font-size:14px;
color:#78909C;
padding:5px 10px;
}

.woocommerce-MyAccount-navigation ul li a:hover {
background:#ddd;
color:#263238;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
background:#fff;
border-bottom:1px solid #fff;
}

.woocommerce-MyAccount-navigation ul li.is-active a:hover {
background:#fff;
color:#263238;
}

.woocommerce-MyAccount-content {
padding:60px 0px 0px 0px;
clear:both;
}

/* Payment Methods */

.product-thumbnail {
display:none !important;
}

ul.woocommerce-PaymentMethods input.input-radio {
display:none !important;
}

ul.woocommerce-PaymentMethods label {
display:none !important;
}

#add_payment_method {
margin:0px !important;
padding:0px !important;
}

.screen-reader-response {

}


/* woocommerce tables */

tr.cart_item {
width: 1200px !important;
border-top: 1px solid #CFD8DC;
}

tr.order {
width: 1200px !important;
border-top: 1px solid #CFD8DC;
}

tr.cart_item td {
width:20%;
font-size:16px;
line-height:1.5;
text-align:left;
}

td.product-remove {
display:inline-block;
width:30px;
max-width:30px !important;
}

td.product-thumbnail {
display:none;
}

table.cart input.qty {
width:50px;
margin:0px;
padding:0px 0px 0px 10px;
background:#fff;
font-size:16px;
line-height:1.5;
font-weight:700;
border:2px solid #ccc;
vertical-align:middle;
}


/* woocommerce forms */

.woocommerce input {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

.woocommerce select {
width:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

.woocommerce textarea {
width:100%;
height:100%;
box-sizing:border-box;
padding:10px !important;
font-size:18px !important;
color:#263238 !important;
background:#ECEFF1 !important;
}

.cart-collaterals {
margin:0px auto;
}

.form-row-wide a {
float:none !important;
margin:0px auto !important;
}

.payment_box label {
padding:20px 0px 0px 0px;
}

ul.payment_methods {
list-style-type:none;
}

ul.payment_methods li {
list-style-type:none;
}

.woocommerce-notices-wrapper {
	margin:0px;
	padding:0px;
}

.woocommerce-notice {
}

.woocommerce-notice--success {
}

.woocommerce-error {
width: 100%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 30px;
background: #FFEBEE;
border-radius: 2px;
list-style-type: none !important;
}

.woocommerce-error li {
margin: 0px !important;
padding: 0px !important;
font-size: 14px;
line-height: 1.5;
font-weight: 600;
vertical-align: middle !important;
list-style-type: none !important;
}

.woocommerce-message {
width: 100%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 15px 30px;
background: #E8F5E9;
border-radius:2px;
font-size: 18px;
line-height: 1.5;
font-weight: 600;
color: #388E3C;
vertical-align: middle !important;
}

.woocommerce-info {
margin:0px 0px 20px 0px;
padding:0px 10px;
background:#fff;
font-size:12px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
border-radius:2px;
vertical-align:middle;
border:1px solid #ccc;
}

p.cart-empty {
margin:0px;
padding:0px;
box-sizing:border-box;
background:#ECEFF1;
line-height:300px;
font-size:18px;
font-weight:600;
text-transform:uppercase;
text-decoration:none;
color:#263238;
border-radius:2px;
vertical-align:middle;
text-align:center;
}

.coupon {
display:inline-block;
}

.coupon label {
display:none !important;
}

.coupon input.input-text {
width:150px;
padding:0px 0px 0px 10px;
margin:0px 5px 0px 0px;
border:1px solid #ccc;
background:#fff;
font-size:14px !important;
line-height:24px important;
text-transform:uppercase;
vertical-align:middle;
display:inline-block;
}

.wc-backward {

}

div.payment_box {
display: block !important;
}

div.payment_method_stripe {
display: block !important;
}

/* woocommerce cart layout */

.woocommerce-thankyou-order-received {
font-size: 20px;
font-weight: 700;
color: #00C853;
}

ul.woocommerce-order-overview {
margin:0px 0px 30px 0px !important;
padding:30px !important;
box-sizing:border-box;
border-radius:2px;
background:#E8F5E9;
}

li.order {
margin-left:30px !important;
}

li.date {
margin-left:30px !important;
}

li.total {
margin-left:30px !important;
}

li.method {
margin-left:30px !important;
}

.cart_totals {
clear:both;
display:block;
}

/* woocommerce cart cross-sells */

ul.products {
width:100%;
margin:0px !important;
padding:0px;
clear:both;
display:block;
box-sizing:border-box;
}

ul.products li {
width:100%;
margin:0px 0px 15px 0px !important;
padding:0px 0px 0px 30px !important;
clear:both;
display:block;
box-sizing:border-box;
background:#ECEFF1;
}

.cross-sells li h3 {
font-size:16px;
font-weight:700;
line-height:1;
display:inline-block;
padding-right:10px;
text-decoration:none;
}

span.price {
display:inline-block;
padding-right:10px;
}

img.woocommerce-placeholder {
display:none;
}

/* home hosting plans */

#home-bottom {
width:100%;
padding:60px 30px 30px 30px;
background:#fff;
box-sizing:border-box;
text-align:center;
}

#home-bottom-inner {
margin:0px auto;
max-width:1200px;
background:#fff;
}

span.more {
margin:0px;
padding:0px;
font-size:14px;
line-height:1;
}


/* tiles global elements */

.tile-inner {
padding:40px 20px;
}


/* tiles default (gray) */

@media screen and (min-width:960px) {
.tile {
float:left;
width:285px;
box-sizing:border-box;
margin:0px 20px 20px 0px;
padding:0px;
text-align:center;
background:#ECEFF1;
border-radius:2px;
}
}

@media screen and (max-width:960px) {
.tile {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px;
text-align:center;
background:#ECEFF1;
border-radius:2px;
}
}

@media screen and (min-width:960px) {
.tilelast {
float:left;
width:285px;
box-sizing:border-box;
margin:0px 0px 20px 0px;
padding:0px;
text-align:center;
background:#ECEFF1;
border-radius:2px;
}
}

@media screen and (max-width:960px) {
.tilelast {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px;
text-align:center;
background:#ECEFF1;
border-radius:2px;
}
}


/* tiles white */

@media screen and (min-width:960px) {
.tile-white {
float:left;
width:285px;
box-sizing:border-box;
margin:0px 20px 20px 0px;
padding:0px;
text-align:center;
border:1px solid #CFD8DC;
border-radius:2px;
}
}

@media screen and (max-width:960px) {
.tile-white {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px;
text-align:center;
border:1px solid #CFD8DC;
border-radius:2px;
}
}

@media screen and (min-width:960px) {
.tile-white-last {
float:left;
width:285px;
box-sizing:border-box;
margin:0px 0px 20px 0px;
padding:0px;
text-align:center;
border:1px solid #CFD8DC;
border-radius:2px;
}
}

@media screen and (max-width:960px) {
.tile-white-last {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px;
text-align:center;
border:1px solid #CFD8DC;
border-radius:2px;
}
}


/* tiles special */

@media screen and (max-width: 960px) {
.tile-center {
width:100%;
box-sizing:border-box;
margin-bottom:30px;
padding:0px 30px 30px 30px;
text-align:center;
border:1px solid #ccc;
border-radius:2px;
}
}

@media screen and (min-width: 960px) {
.tile-center {
width:598px;
margin:60px auto 30px auto;
padding:30px 30px 30px 30px;
text-align:center;
border:1px solid #ccc;
border-radius:2px;
}
}

.tile-wide {
width:100%;
box-sizing:border-box;
margin:0px auto 0px auto;
padding:0px 30px 30px 30px;
text-align:center;
border:1px solid #ccc;
border-radius:2px;
}

.tile-features {
text-align:left;
}

.tile p {
font-size:14px;
}

.tilelast p {
font-size:14px;
}

.tile-white p {
font-size:14px;
}

.tile-white-last p {
font-size:14px;
}

.tile-premium p {
font-size:14px;
}

.tile-premium-last p {
font-size:14px;
}

.tile-center p {
font-size:14px;
}



.tile-wide p {
font-size:14px;
}

/* product tiles */

@media screen and (max-width: 960px) {
.product {
width:100%;
margin-bottom:30px;
box-sizing:border-box;
text-align:center;
}
}

@media screen and (min-width: 960px) {
.product {
float:left;
width:300px;
margin-bottom:30px;
padding:0px 10px;
text-align:center;
}
}

@media screen and (max-width: 960px) {
.product-center {
width:100%
margin:0px auto 30px auto;
text-align:center;
}
}

@media screen and (min-width: 960px) {
.product-center {
width:300px;
margin:0px auto 60px auto;
text-align:center;
}
}

/* hosting features */

.hosting-summary {
text-align:center;
}

.hosting-features {
margin-bottom:30px;
text-align:left;
}

/* add to cart old (delete after confirm dont need) */

.order-buttons {
display:inline-block;
}

.order-submit {
display:inline-block;
}

/* add to cart */

div.coming-soon {
display:inline-block;
width:205px;
box-sizing:border-box;
margin:0px auto;
padding:0px;
font-size:14px;
line-height:30px;
font-weight:400;
text-transform:none;
text-decoration:none;
background:#CFD8DC;
border:2px solid transparent;
border-radius:2px;
}

div.add-to-cart {
display:inline-block;
}

input.order-full {
display:inline-block;
width:205px;
box-sizing:border-box;
margin:0px auto;
padding:0px;
font-size:14px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
background:#0288D1;
color:#fff;
border:2px solid transparent;
border-radius:2px;
cursor:pointer;
}

input.order-full:hover {
background:#01579B;
}

#rememberme {
clear:both;
margin-top:30px;
display:inline-block;
}

a.remove {
font-family:'Open Sans',sans-serif;
font-size:20px;
font-weight:700;
color:#CC0033;
text-decoration:none;
vertical-align:middle;
}

/* inline blue (anywhere) */

.button {
padding:0px 10px;
background:#0288D1;
font-size:14px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#fff;
border-radius:2px;
vertical-align:middle;
border:none;
cursor:pointer;
display:inline-block;
}

a.button, a.button:link, a.button:visited, a.button:hover, a.button:active {
padding:0px 10px;
background:#0288D1;
font-size:14px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#fff;
border-radius:2px;
border:none;
cursor:pointer;
display:inline-block;
}

/* 100% width checkout bottom button */

.checkout-button {
width:100%;
box-sizing:border-box;
text-align:center;
font-size:18px !important;
line-height:2.5 !important;
font-weight:700;
}

.checkout-button:hover {
background:#006699 !important;
}

#place_order {
width:100%;
box-sizing:border-box;
float:none !important;
display:block !important;
text-align:center;
font-size:18px !important;
line-height:2.5 !important;
font-weight:700;
}

#place_order:hover {
background:#006699 !important;
}

/*** woocommerce messages ***/

.woocommerce-message a {
padding-left:10px;
color:#000;
}

.woocommerce-message a.wc-forward {
display:none !important;
}

/* newsletter */

#subscribe {
max-width:1200px;
margin:0px auto;
box-sizing:border-box;
background:#01579B;
color:#fff;
}

@media screen and (min-width:960px) {
#subscribe-inner {
max-width:1200px;
margin:0px auto;
padding:60px 0px;
text-align:center;
}
}

@media screen and (max-width:960px) {
#subscribe-inner {
margin:0px auto;
padding:60px 15px;
text-align:center;
}
}

h3.subscribe {
font-size:48px;
line-height:1;
font-weight:600;
}

@media screen and (min-width:960px) {
.subscribe-input {
display:block;
width:600px;
box-sizing:border-box;
margin:0px auto;
padding:8px 0px;
font-size:16px;
line-height:16px;
font-weight:400;
text-align:center;
vertical-align:middle;
border:2px solid transparent;
border-radius:2px;
background:#fff;
color:#263238;
outline:none;
}
}

@media screen and (max-width:960px) {
.subscribe-input {
display:block;
width:100%;
box-sizing:border-box;
margin:0px auto;
padding:8px 0px;
font-size:16px;
line-height:16px;
font-weight:400;
text-align:center;
vertical-align:middle;
border:2px solid transparent;
border-radius:2px;
background:#fff;
color:#263238;
outline:none;
}
}

@media screen and (min-width:960px) {
.subscribe-submit {
display:block;
width:600px;
box-sizing:content-box;
margin:0px auto;
padding:0px;
font-size:16px;
line-height:32px;
font-weight:700;
text-align:center;
vertical-align:middle;
border:2px solid transparent;
border-radius:2px;
background:#0288D1;
color:#fff;
outline:none;
cursor:pointer;
text-transform:uppercase;
text-decoration:none;
}
}

@media screen and (max-width:960px) {
.subscribe-submit {
width:100%;
outline:none;
padding:0px;
background:#0288D1;
font-size:16px;
line-height:30px;
font-weight:700;
text-transform:uppercase;
text-decoration:none;
color:#fff;
border-radius:2px;
vertical-align:middle;
border:none;
cursor:pointer;
display:block;
box-sizing:content-box;
}
}

/* partners */

#footer-partners {
width:100%;
margin:0px auto;
padding:120px 0px;
background:#ECEFF1;
box-sizing:border-box;
text-align:center;
}

#footer-partners-inner {
margin:0px auto;
max-width:1200px;
}

/* footer */

@media screen and (min-width: 960px) {
#footer {
width:100%;
box-sizing:border-box;
margin:0px;
padding:0px;
background:#fff;
color:#263238;
}
}

@media screen and (max-width: 960px) {
#footer {
width:100%;
box-sizing:border-box;
margin:0px;
padding:0px;
background:#fff;
color:#263238;
}
}

#footer-inner {
max-width:1200px;
box-sizing:border-box;
margin:0px auto;
padding:60px 0px 30px 0px;
background:#ECEFF1;
}

@media screen and (min-width: 960px) {
.tile-footer {
float:left;
width:300px;
box-sizing:border-box;
padding-left:60px;
text-align:left;
}
}

@media screen and (max-width: 960px) {
.tile-footer {
float:left;
width:275px;
box-sizing:border-box;
margin:0px 20px 20px 0px;
padding:0px;
text-align:left;
}
}

@media screen and (min-width: 960px) {
.tile-footer-last {
float:left;
width:300px;
box-sizing:border-box;
padding-left:60px;
text-align:left;
}
}

@media screen and (max-width: 960px) {
.tile-footer-last {
float:left;
width:275px;
box-sizing:border-box;
margin:0px 0px 20px 0px;
padding:0px;
text-align:left;
}
}

h4.tile-name {
margin:0px auto 30px auto;
padding:0px;
font-size:16px;
font-weight:600;
line-height:1;
}

.salesbox {
padding:30px;
background:#263238;
color:#fff;
}

.salesbox a {
color:#fff !important;
}

.salesbox a:hover {
text-decoration:underline !important;
}

/* copyright */

#copyright {
clear:both;
padding:120px 60px 0px 60px;
line-height:20px;
}

.social-media {
font-size:20px;
line-height:20px;
color:#263238;
}

i.social {
font-size:20px;
line-height:20px;
padding-left:10px;
color:#263238;
}

i.social:hover {
color:#263238;
}

/* right bottom highlight */

#fyi {
position:fixed;
margin:15px;
padding:10px 15px;
bottom:0;
right:0;
font-size:16px;
line-height:1;
border-radius:2px;
background:#ffff66;
color:#000;
}

/* brands */

#brands {
margin:0px auto;
max-width:1200px;
box-sizing:border-box;
padding:30px 0px;
text-align:center;
background:#37474F;
color:#fff;
}

#brands-inner {
margin:0px auto;
max-width:1200px;
}

h3.brands {
font-size:26px;
line-height:1;
font-weight:600;
}


/* introduction snippet */

@media screen and (max-width: 960px) {
.introduction {
float:left;
width:100%;
padding:0px 30px 30px 0px;
font-size:14px;
line-height:1.5;
text-align:left;
box-sizing:border-box;
}
}

@media screen and (min-width: 960px) {
.introduction {
float:right;
width:300px;
box-sizing:border-box;
padding:0px 0px 30px 0px;
font-size:14px;
line-height:1.5;
text-align:right;
}
}

span.dark {
color:#78909C;
}

a.loads {
text-decoration:none;
color:#78909C;
}

/* pagination */

.pagination {
float:left;
margin:0px;
padding:0px;
}

.pagination ul {
margin:0px;
padding:0px;
white-space:nowrap;
}

.pagination ul li {
float:left;
list-style-type:none;
}

.pagination ul li a {
background-color:#ddd;
color:#263238;
padding:7px 10px;
font-size:14px;
font-weight:400px;
line-height:14px;
text-decoration:none;
}

a.page-numbers {
margin-left:1px;
margin-right:1px;
}

.pagination ul li .current, .pagination ul li .dots  {
margin-left:1px;
margin-right:1px;
background:#ECEFF1;
color:#000;
padding:7px 10px;
font-size:14px;
font-weight:600;
line-height:14px;
}

.pagination ul li a:hover {
background:#263238;
color:#fff;
text-decoration:none;
}

/* --- affiliate panel --- */

#affwp-affiliate-dashboard {
border:1px solid #ccc;
border-radius:2px;
padding:30px;
box-sizing:border-box;
}

/* --- images --- */

img.half-left {
float:left;
margin-right:30px;
}

img.half-right {
float:right;
}

/* --- comments --- */

textarea.comment {
width:100%;
height:100px;
padding:5px;
font-size:16px;
color:#263238;
box-sizing:border-box;
border:1px solid #ccc;
border-radius:2px;
}

.comment-intro {
display:block;
line-height:24px;
vertical-align:middle;
}

img.avatar {
float:left;
width:24px;
height:24px;
line-height:24px;
border-radius:50%;
vertical-align:middle;
display:inline-block;
}

.comment-author {
float:left;
margin-left:10px;
font-size:16px;
line-height:24px;
font-weight:700;
vertical-align:middle;
display:inline-block;
}

.comment-permalink {
float:right;
font-size:16px;
line-height:24px;
font-weight:400;
vertical-align:middle;
display:inline-block;
}

.description {
display:block;
}

.reply {
font-size:14px;
font-style:italic;
display:block;
margin:20px 0px 0px 0px;
}

ul.comments-list {
width:100%;
background:#ECEFF1;
margin:0px;
list-style-type:none;
}

ul.children {
margin:0px;
padding:20px 0px 0px 0px;
list-style-type:none;
}

li.even {
width:100%;
margin:0px;
padding:20px;
background:#ECEFF1;
box-sizing:border-box;
list-style-type:none;
}

li.even p {
margin:20px 0px 0px 0px;
}

li.odd {
width:100%;
margin:0px;
padding:20px;
background:#ECEFF1;
box-sizing:border-box;
list-style-type:none;
}

li.odd p {
margin:20px 0px 0px 0px;
}

li.depth-2 {
margin:0px;
background:#ECEFF1;
}

/* --- experts --- */

.expert {
margin:0px auto;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
border-radius:50%;
border:0px solid #ccc;
width:100px;
height:100px;
text-align:center;
}

@media screen and (max-width: 960px) {
.third {
width:100%;
margin-bottom:30px;
box-sizing:border-box;
text-align:center;
}
}

@media screen and (min-width: 960px) {
.third {
float:left;
width:300px;
margin-bottom:30px;
padding:0px 10px;
text-align:center;
}
}

@media screen and (max-width: 960px) {
.expert-profile {
width:100%;
margin-bottom:30px;
box-sizing:border-box;
text-align:center;
}
}

@media screen and (min-width: 960px) {
.expert-profile {
float:left;
width:300px;
margin-bottom:30px;
margin-right:30px;
padding:0px 0px;
text-align:center;
}
}

@media screen and (max-width: 960px) {
.expert-profile-last {
width:100%;
margin-bottom:30px;
box-sizing:border-box;
text-align:center;
}
}

@media screen and (min-width: 960px) {
.expert-profile-last {
float:left;
width:300px;
margin-bottom:30px;
padding:0px 0px;
text-align:center;
}
}

.fourth {
float:left;
width:210px;
margin:0px 0px 30px 0px;
padding:0px 15px;
text-align:center;
}

/* --- expert graphs --- */

ul.chart {
margin:0px 0px 15px 0px !important;
list-style:none !important;  
width:100% !important;
max-width:300px;
box-sizing:border-box !important;
font-size:12px !important;
}

ul.chart label {
float:left !important;
display:inline-block !important;
height: 10px;
text-align: left;
line-height: 10px;
width: 80px !important;
text-transform: uppercase !important;
}

ul.chart li {
display:inline-block !important;
height: 10px;
text-align: left;
line-height: 10px;
margin-bottom: 5px;
font-size:12px !important;
background:#ECEFF1 !important;
clear:both !important;
width:100% !important;
max-width:220px !important;
box-sizing:border-box !important;
padding:0px !important;
    }

ul.chart span.twenty-percent {
float:left !important;
background: #ccc !important;
width:20% !important;
line-height: 10px !important;
height:10 !important;
font-size:12px !important;
text-align: left !important;
padding:0px 5px !important;
box-sizing:border-box !important;
}

ul.chart span.forty-percent {
float:left !important;
background: #ccc !important;
width:40% !important;
line-height: 10px !important;
height:10 !important;
font-size:12px !important;
text-align: left !important;
padding:0px 5px !important;
box-sizing:border-box !important;
}

ul.chart span.sixty-percent {
float:left !important;
background: #ccc !important;
width:60% !important;
line-height: 10px !important;
height:10 !important;
font-size:12px !important;
text-align: left !important;
padding:0px 5px !important;
box-sizing:border-box !important;
}

ul.chart span.eighty-percent {
float:left !important;
background: #ccc !important;
width:80% !important;
line-height: 10px !important;
height:10 !important;
font-size:12px !important;
text-align: left !important;
padding:0px 5px !important;
box-sizing:border-box !important;
}

ul.chart span.hundred-percent {
float:left !important;
background: #ccc !important;
width:100% !important;
line-height: 10px !important;
height:10 !important;
font-size:12px !important;
text-align: left !important;
padding:0px 5px !important;
box-sizing:border-box !important;
}


/* feedback popup */

@media screen and (max-width: 960px) {
#leads {
position:fixed;
width:100%;
bottom:0;
left:0;
right:0;
background:#ffff66;
/* box-shadow:0px 0px 15px rgba(255,204,51, 0.4),0px 0px 5px rgba(204,102,0, 0.4); */
}
}

@media screen and (min-width: 960px) {
#leads {
position:fixed;
width:300px;
bottom:0;
right:30px;
border-top-left-radius:2px;
border-top-right-radius:2px;
background:#ffff66;
z-index: 2 !important;
/* box-shadow:0px 0px 30px rgba(255,204,51, 0.4),0px 0px 10px rgba(204,102,0, 0.4); */
}
}

#leads-inner {
display:none;
box-sizing:border-box;
padding:0px 10px 10px 10px !important;
}

@media screen and (max-width: 960px) {
#please {
text-align:center;
font-size:16px;
line-height:36px;
color:#000;
background:#ffff66;
cursor:pointer;
}
}

@media screen and (min-width: 960px) {
#please {
border-top-left-radius:2px;
border-top-right-radius:2px;
text-align:center;
font-size:16px;
line-height:36px;
color:#000;
background:#ffff66;
cursor:pointer;
}
}

#leads p.leadsfirst {
margin:0px !important;
font-size:14px;
line-height:1.5;
padding:0px 0px 10px 0px !important;
}

#leads p.leadfield {
margin:0px !important;
padding:0px 0px 10px 0px !important;
}

#leads p.leadsubmit {
margin:0px !important;
padding:0px 0px 0px 0px !important;
}

i.auditleft {
margin-right:10px;
font-size:18px !important;
line-height:36px !important;
vertical-align:top;
color:#000;
cursor:pointer;
}

i.auditright {
margin-left:10px;
font-size:18px !important;
line-height:36px !important;
vertical-align:top;
color:#000;
cursor:pointer;
}

/* Messenger chat icon */

@media screen and (min-width: 960px) {
#chat {
position:fixed;
width:50px;
bottom:30px;
right:30px;
background:transparent;
z-index: 2 !important;

    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    animation-name: shakeMe;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
}

@media screen and (max-width: 960px) {
#chat {
position:fixed;
width:50px;
bottom:15px;
right:15px;
background:transparent;
z-index: 2 !important;
}
}

@keyframes shakeMe {
    2%, 18% {
        transform: translate3d(-5px, 0, 0);
    }

    4%, 16% {
        transform: translate3d(5px, 0, 0);
    }

    6%, 10%, 14% {
        transform: translate3d(-5px, 0, 0);
    }

    8%, 12% {
        transform: translate3d(5px, 0, 0);
    }
    
    18.1% {
        transform: translate3d(0px, 0, 0);
    }
}

i.chat {
font-size:48px !important;
line-height:48px !important;
color:#0288D1;
}

i.chat:hover {
color:#0288D1;
}