/*
Theme Name: HostingPie
Version: 1.0
Author: HosterDaddy
*/

body {
    background: #4D8805;
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 400;
    color: #4B5343;
    min-width: 1040px;
    padding-top: 84px;
}
.container {
    width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}
.container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
    margin-top: 0;
}
ul,
ol {
    padding: 0 0 0 1.5em;
}
a {
    text-decoration: none;
    color: #659900;
}
a:hover {
    text-decoration: underline;
}


/********************************************************/
/*********** Global layout elements *********************/
/********************************************************/

/* form elements */

.input-group {
    position: relative;
}
.input-group+.input-group {
    margin-top: 0;
}
.input-group label {
    font-size: 0.9em;
    margin: 0 0 0.1em;
    display: block;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    background: #FFFFFF;
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-color: #DADADA;
    height: 44px;
    line-height: 22px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
textarea {
    height: 6em;
}
input:focus,
textarea:focus {
    border-color: #B4B4B4;
    outline: none;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}
select {
    background: #FFFFFF;
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-color: #DADADA;
    height: 44px;
    line-height: 22px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
select:focus {
    border-color: #B4B4B4;
    outline: none;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}
input.validation-error,
select.validation-error,
.wpcf7 .wpcf7-not-valid {
    border-color: #D64646;
}
span.validation-error,
.wpcf7 span.wpcf7-not-valid-tip {
    background: #D64646;
    position: absolute;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
    right: -4px;
    top: -22px;
    font-size: 11px;
    line-height: 12px;
    color: #FFFFFF;
    padding: 4px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
span.validation-error:after,
.wpcf7 span.wpcf7-not-valid-tip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #D64646;
    bottom: -6px;
    right: 10px;
}

/* inline blocks */

.blocks:before,
.blocks:after {
    content: "";
    display: table;
}
.blocks:after {
    clear: both;
}
.blocks {
    zoom: 1;
}
.blocks .block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}
.blocks .block.width_35 {
    width: 35%;
}
.blocks .block.width_40 {
    width: 40%;
}
.blocks .block.width_60 {
    width: 60%;
}
.blocks .block.width_65 {
    width: 65%;
}
.blocks .block.width_100 {
    width: 100%;
}
.blocks .block.left {
    float: left;
    display: block;
}
.blocks.separate .block.left,
.blocks .block.left.separate {
    padding-right: 25px;
}
.blocks .block.right {
    float: right;
    display: block;
}
.blocks.separate .block.right,
.blocks .block.right.separate {
    padding-left: 25px;
}
/* content header */

#content-header {
    padding: 60px 0 80px;
    overflow: hidden;
}
#content-header.content-title {
    padding-top: 56px;
    padding-bottom: 48px;
}
#content-header.double-padding {
    padding-top: 80px;
    padding-bottom: 160px;
}
#content-header.green {
    background-image: url("img/welcome_bg.jpg");
    background-repeat: no-repeat;
    background-position: center -106px;
    overflow: hidden;
}
#content-header h1 {
    color: #4B5343;
    font-size: 48px;
    line-height: 68px;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}
#content-header .list-checks {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    padding-top: 28px;
}
#content-header .list-checks li {
    float: left;
    width: 50%;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
#content-header .list-checks li:before {
    color: #659900;
}
#content-header .list-checks li+li+li {
    margin-top: 8px;
}
#content-header .descrition {
    display: block;
    padding: 28px 0 0 0;
    margin: 0;
    font-size: 18px;
    line-height: 22px;
}
#content-header .button.main-action {
    font-size: 18px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 22px 3px;
    margin-top: 28px;
    height: 44px;
}
#content-header .button.main-action:active {}

/* content header color options */

/* content header blue */

#content-header.blue h1 {
    color: #FFFFFF;
}
#content-header.blue .list-checks {
    color: #FFFFFF;
}
#content-header.blue .list-checks li:before {
    color: #66FFFF;
}
#content-header.blue .descrition {
    color: #FFFFFF;
}

/* content header red */

#content-header.red h1 {
    color: #FFFFFF;
}
#content-header.red .list-checks {
    color: #FFFFFF;
}
#content-header.red .list-checks li:before {
    color: #9FC83C;
}
#content-header.red .descrition {
    color: #FFFFFF;
}
/* content header orange */

#content-header.orange h1 {
    color: #FFFFFF;
}
#content-header.orange .list-checks {
    color: #FFFFFF;
}
#content-header.orange .list-checks li:before {
    color: #FF7A47;
}
#content-header.orange .descrition {
    color: #FFFFFF;
}

/* content */

#content {
    background: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
}
#content .content-block {} #content .content-block {
    padding: 60px 0;
}
#content .content-block+.content-block {
    border-top: 1px solid #E6E6E6;
}
#content .content-block .block-content {} #content .content-block .block-content+.block-content {
    padding-top: 28px;
}
#content .content-block .block-title {
    font-size: 30px;
    line-height: 38px;
    font-weight: 800;
    margin: 0;
    padding: 0;
}
#content .content-block .block-title+p,
#content .content-block .block-title+ul {
    padding-top: 12px;
}
#content .content-block .cms-features .block-title {
    padding-bottom: 20px;
}
#content .content-block h2.block-title {
    font-size: 24px;
    line-height: 38px;
    font-weight: 800;
}
#content .content-block .block-title+.block-content {
    padding: 22px 0 0;
}
#content .content-block.page-action {
    padding-bottom: 80px;
}
#content .content-block .list-checks {
    line-height: 26px;
}
#content .content-block .list-checks li {} #content .content-block .list-checks li+li {
    margin-top: 10px;
}
#content .content-block .list-checks li:before {
    color: #659900;
}

/* content  sidebar */

#content #content-sidebar {
    width: 25%;
    float: right;
    padding: 60px 0;
}
#content #content-sidebar+.content-block {
    float: left;
    width: 72%;
}
#content #content-sidebar .content-nav {} #content #content-sidebar .content-nav .nav-title {
    font-size: 16px;
    margin: 0 0 14px 0;
}
#content #content-sidebar .content-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#content #content-sidebar .content-nav li+li {
    margin-top: 12px;
}
#content #content-sidebar .content-nav li {
    font-size: 16px;
    line-height: 18px;
}
#content #content-sidebar .content-nav a {
    text-decoration: none;
    color: #4D8805;
}
#content #content-sidebar .content-nav a:hover {
    text-decoration: underline;
}

/* tutorial block */

#content .content-block.block-tutorial {
    padding-top: 46px;
    padding-bottom: 80px;
}
#content .content-block.block-tutorial p+.button {
    margin-top: 8px;
}

/* content slider */

.slider {
    position: relative;
}
.slider .slides {
    display: block;
    margin: 0;
    padding: 10px 0 50px 0;
    list-style: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 600ms ease;
    transition: height 600ms ease;
}
.slider .slide {
    width: 100%;
    display: none;
    position: absolute;
    padding: 0;
}
.slider .slide.active {
    display: block;
    position: relative;
}
.slider .slide .slide-image {
    text-align: center;
}
.slider .slide .slide-image img {} .slider .slides-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
.slider .slides-navigation li {
    position: absolute;
    top: 50%;
    margin: -78px 0 0 0;
}
.slider .slides-navigation li.previous {
    left: -72px;
}
.slider .slides-navigation li.next {
    right: -72px;
}
.slider .slides-navigation li a {
    color: #CACCC7;
    font-size: 78px;
    line-height: 78px;
    display: block;
    height: 78px;
    width: 40px;
    text-align: center;
}
.slider .slides-navigation li a:hover,
.slider .slides-navigation li a:focus,
.slider .slides-navigation li a:active {
    color: #659900;
}
.slider .slides-pagination {
    display: table;
    padding: 0;
    width: 100%;
    margin: 0;
}
.slider .slides-pagination li {
    list-style: none;
    display: table-cell;
    text-align: center;
}
.slider .slides-pagination li a {
    color: #659900;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid transparent;
    border-radius: 30px;
    padding: 4px 8px;
    white-space: nowrap;
    height: 26px;
    line-height: 24px;
    display: block;
    margin: 0 4px;
}
.slider .slides-pagination li.first a {
    margin-left: 0;
}
.slider .slides-pagination li.last a {
    margin-right: 0;
}
.slider .slides-pagination li.active a,
.slider .slides-pagination li a:hover,
.slider .slides-pagination li a:focus {
    border: 1px solid #659900;
}

/* slides animation */

.slider .slide {
    -webkit-animation: animate-out 600ms linear;
    animation: animate-out 600ms linear;
}
.slider .slide.active {
    -webkit-animation: animate-in 800ms linear;
    animation: animate-in 800ms linear;
}

/* Chrome, Safari, Opera */

@-webkit-keyframes animate-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes animate-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Standard syntax */

@keyframes animate-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animate-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@media all and (max-width: 1164px) {
    .slider .slides-navigation {
        display: none;
    }
}


/********************************************************/

/*********** Header *************************************/

/********************************************************/

header {
    height: 84px;
    background-color: #FFFFFF;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
    min-width: 1040px;
}
.admin-bar header {
    margin-top: 32px;
}
#logo {
    display: block;
    float: left;
    height: 51px;
    margin: 20px 0 0 0;
}
#logo a {} #logo img {} #logo img.white {
    display: none;
}
#logo img.green {
    display: block;
}
#header-nav {
    display: block;
    float: right;
    list-style: none;
    margin: 25px 0 0 0;
    padding: 0;
}
#header-nav li {
    display: inline-block;
}
#header-nav a {
    color: #659900;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    white-space: nowrap;
    padding: 1px 20px;
    margin: 0 2px;
    border-radius: 32px;
    position: relative;
    -webkit-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}
#header-nav a:hover,
#header-nav a:focus {
    background: #EBF3D6;
    outline: none;
}
#header-nav a:active,
#header-nav .active a {
    color: #659900;
    background: #FFFFFF;
    border: 1px solid #659900;
    padding: 0 19px;
}
#header-nav .sign-in {
    margin-left: 10px;
}
#header-nav .sign-in.innactive a {
    color: #669900 !important;
    background-color: #adc985 !important;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15) !important;
}
#header-nav .sign-in a {
    background: #659900;
    color: #FFFFFF;
    text-transform: uppercase;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
#header-nav .sign-in a:hover,
#header-nav .sign-in a:focus {
    color: #669900 !important;
    background-color: #adc985 !important;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15) !important;
}

/* Home Header */

body.home {
    padding-top: 106px;
}
.home header {
    top: -124px;
}
header.green,
.home header.green {
    top: 0;
    height: 106px;
    position: absolute;
    background-color: transparent;
    background-image: url("img/welcome_bg_plans.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-box-shadow: none;
    box-shadow: none;
}
header #logo,
header #logo:focus {
    outline: none;
}
header.green #logo {
    display: block;
    float: left;
    margin-top: 30px;
}
header.green #logo img.green {
    display: none;
}
header.green #logo img.white {
    display: block;
}
header.green #header-nav {
    margin-top: 38px;
}
header.green #header-nav a {
    color: #FFFFFF;
}
header.green #header-nav a:hover,
header.green #header-nav a:focus {
    background: #84B806;
    text-shadow: none;
    -webkit-transition: background-color 60ms linear;
    transition: background-color 60ms linear;
}
header.green #header-nav a:active,
header.green #header-nav .active a {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2) inset;
    background: #517D1D;
}
header.green #header-nav .sign-in a {
    background: #FFFFFF;
    color: #659900;
    text-transform: uppercase;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
header.green #header-nav .sign-in a:hover,
header.green #header-nav .sign-in a:focus {
    background: #FFFFFF;
    color: #4B5343;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.4);
}
header.green #header-nav .sign-in a:active {
    color: #4B5343;
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
}


/********************************************************/

/*********** Home ***************************************/

/********************************************************/

body.home {
    background-image: url("img/welcome_bg_repeat.jpg");
    background-repeat: repeat-x;
    background-position: center top;
}
.home>section {}

/* Section - Plans */

#plans {
    background-image: url("img/welcome_bg_plans.jpg");
    background-repeat: no-repeat;
    background-position: center -106px;
    min-height: 817px;
    position: relative;
    z-index: 0;
}
#plans .container {
    position: relative;
    z-index: 0;
}
#plans .section-title {
    color: #FFFFFF;
    font-size: 48px;
    line-height: 68px;
    font-weight: 800;
    display: block;
    text-align: center;
    margin: 0;
    padding: 161px 0 0 0;
    text-shadow: -2px 6px 6px rgba(0, 0, 0, 0.1);
}
#plans .plans {
    position: absolute;
    left: 0;
    top: 118px;
    z-index: 0;
}
#plans .plan {
    position: absolute;
    top: 182px;
    width: 234px;
    z-index: 10;
}
#plans .plan.left {
    left: 96px;
}
#plans .plan.right {
    left: 656px;
}
#plans .plan .plan-title {
    margin: 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #D4E0A5;
    font-size: 28px;
    line-height: 38px;
    font-weight: 800;
}
#plans .plan .plan-features {
    margin: 0;
    padding: 18px 0 0 0;
}
#plans .plan .plan-features li {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #6E7863;
}
#plans .plan .plan-features li+li {
    margin-top: 7px;
}
#plans #plans-actions {
    position: absolute;
    z-index: 30;
    width: 100%;
    height: 0;
    overflow: visible;
}
#plans #plans-actions .block {
    position: absolute;
    width: 368px;
    height: 416px;
    top: 159px;
    background: transparent;
    z-index: 0;
}
#plans #plans-actions .block.left {
    left: 56px;
}
#plans #plans-actions .block.right {
    left: 624px;
}
#plans #plans-actions .block .button {
    font-size: 22px;
    line-height: 38px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 341px;
    white-space: nowrap;
    width: 310px;
}
#plans #plans-actions .block.left .button {
    left: 35px;
}
#plans #plans-actions .block.right .button {
    left: auto;
    right: 33px;
}

#plans #plans-actions .block .landing-page {
    position: absolute;
    display: inline-block;
    left: 44px;
    top: 295px;
    font-size: 18px;
    font-weight: bold;
}
#plans #plans-actions .block.right .landing-page {
    left: 35px;
}
#plans #plans-actions .block .landing-page:hover {
    text-decoration: none;
    color: #76B104;
}
#plans #plans-actions .block .landing-page i {
    margin-right: 6px;
}

#haphostronic {
    position: absolute;
    overflow: visible;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 20;
}
#haphostronic img {
    position: absolute;
    left: 4px;
    top: 50px;
    display: none;
}
#haphostronic img.main {
    display: block;
}

/* Section - Features */

#features {
    background: #FFFFFF;
    padding: 0 0 68px 0;
}
#features .section-title {
    margin: 0;
    padding: 0 0 54px;
    color: #4B5343;
    font-size: 36px;
    font-weight: 800;
    line-height: 48px;
    display: block;
    text-align: center;
}
#features .features-grid {} #features .features-row {} #features .features-row+.features-row {
    padding-top: 68px;
}
#features .feature {
    width: 320px;
    float: left;
    padding: 0 10px;
    text-align: center;
}
#features .feature.first {
    padding-left: 0;
}
#features .feature.last {
    padding-right: 0;
}
#features .feature .feature-image {} #features .feature .feature-title {
    color: #7F7F7F;
    font-size: 18px;
    font-weight: 800;
    margin: 0;
}
#features .feature .feature-description {
    margin: 0;
    padding: 8px 20px 0;
    color: #7F7F7F;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

/* Section - Locations */

#locations {
    background-image: url("img/data_centers_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    height: 546px;
    -webkit-box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) inset;
}
#locations .container {
    position: relative;
    height: 546px;
}
#locations .section-title {
    color: #FFFFFF;
    font-size: 38px;
    line-height: 48px;
    font-weight: 800;
    display: block;
    text-align: left;
    padding: 40px 0 0 0;
    margin: 0;
}
#locations .location {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#locations .location:before {
    content: "";
    display: block;
    border-color: rgb(163, 216, 83);
    border-color: rgba(163, 216, 83, 0.7);
    border-style: dotted;
    border-width: 0;
}
#locations .location:after {
    content: "";
    display: block;
    background: #FFFFFF;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    position: absolute;
    left: -19px;
    top: 10px;
}
#locations .location .location-title {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    margin: 0 0 2px 0;
    padding: 0;
}
#locations .location .location-description {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

/* Location colors */

/* blue */

#locations.blue {
    background-image: url("img/data_centers_bg_blue.jpg");
}
#locations.blue .location:before {
    border-color: rgb(156, 203, 233);
    border-color: rgba(156, 203, 233, 0.5);
}

/* lightblue */

#locations.lightblue {
    background-image: url("img/data_centers_bg_blue.jpg");
}
#locations.lightblue .location:before {
    border-color: rgb(156, 203, 233);
    border-color: rgba(156, 203, 233, 0.5);
}

/* slateblue */

#locations.slateblue {
    background-image: url("img/data_centers_bg_slateblue.jpg");
}
#locations.slateblue .location:before {
    border-color: rgb(173, 151, 218);
    border-color: rgba(173, 151, 218, 0.5);
}

/* purple */

#locations.purple {
    background-image: url("img/data_centers_bg_purple.jpg");
}
#locations.purple .location:before {
    border-color: rgb(179, 140, 177);
    border-color: rgba(179, 140, 177, 0.5);
}

/* brown */

#locations.brown {
    background-image: url("img/data_centers_bg_brown.jpg");
}
#locations.brown .location:before {
    border-color: rgb(201, 170, 156);
    border-color: rgba(201, 170, 156, 0.5);
}

/* orange */

#locations.orange {
    background-image: url("img/data_centers_bg_orange.jpg");
}
#locations.orange .location:before {
    border-color: rgb(235, 186, 148);
    border-color: rgba(235, 186, 148, 0.5);
}

/* Brazil */

#locations .location.brazil {
    top: 164px;
    left: 40px;
    width: 212px;
}
#locations .location.brazil:before {
    width: 326px;
    height: 256px;
    border-width: 0 0 2px 2px;
    position: absolute;
    top: 10px;
    left: -16px;
}

/* Germany */

#locations .location.germany {
    width: 249px;
    top: 62px;
    left: 720px;
    border-width: 0 0 2px;
}
#locations .location.germany:before {
    width: 80px;
    height: 128px;
    border-width: 2px 0 0 2px;
    position: absolute;
    top: 13px;
    left: -102px;
}

/* South Africa */

#locations .location.south-africa {
    width: 152px;
    top: 256px;
    left: 866px;
}
#locations .location.south-africa:before {
    width: 172px;
    height: 228px;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 14px;
    left: -188px;
}

/* Section - Services */

#services {
    background: #FFFFFF;
    padding: 48px 0 56px 0;
}
#services .section-title {
    font-size: 30px;
    line-height: 42px;
    font-weight: 800;
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
}
#services .services-description {
    margin: 0;
    padding: 22px 0 0 0;
    font-size: 16px;
    line-height: 22px;
}
#services .services-list {
    font-size: 18px;
    padding: 28px 0 0;
}
#services .services-list li {
    display: block;
    float: left;
    width: 50%;
}
#services .services-list li+li+li {
    margin-top: 14px;
}

#services .services-list.four-in-row li {
    width: 25%;
}
#services .services-list.four-in-row li+li+li {
    margin-top: 0;
}
#services .services-list.four-in-row li+li+li+li+li {
    margin-top: 14px;
}

#services .services-list.three-in-row li {
    width: 33%;
}
#services .services-list.three-in-row li+li+li {
    margin-top: 0;
}
#services .services-list.three-in-row li+li+li+li {
    margin-top: 14px;
}


#services .tutorials-list {
    float: right;
    border-radius: 4px;
    padding: 26px 108px 26px 34px;
    margin: 10px 0 0 0;
    position: relative;
}
#services .tutorials-list.blue {
    border: 0 none;
}
#services .tutorials-list:after {
    content: "";
    display: block;
    border-left: 1px dashed rgb(0, 0, 0);
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgb(255, 255, 255);
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 0;
    right: 94px;
    height: 100%;
}
#services .tutorials-list.blue:after {
    border-left: 1px dashed #8EC6D6;
    border-right: 1px dashed #EDFBFF;
}
#services .tutorials-list .block-title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 800;
}
#services .tutorials-list ul {
    padding: 16px 0 0 0;
}
#services .tutorials-list li {
    font-size: 14px;
    line-height: 16px;
    font-family: Tahoma, Geneva, sans-serif;
}
#services .tutorials-list li+li {
    margin-top: 8px;
}
#services .tutorials-list li a {
    color: #4B5343;
    text-decoration: none;
}
#services .tutorials-list li a:hover {
    text-decoration: underline;
}
#services .tutorials-list .button {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 36px;
    margin-top: 24px;
}
#services .tutorials-logos {
    width: 86px;
    padding: 0 6px 0 0;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 0;
}
#services .cms-icons-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
#services .cms-icons-list li {
    margin: 0;
    padding: 0;
}
#services .cms-icons-list li+li {
    margin-top: 10px;
}
#services .cms-icons-list .icon {}

/* Footer */

footer {
    padding: 52px 0 68px;
}
#footer-menu {
    float: left;
    white-space: nowrap;
}
#footer-menu .group {
    float: left;
    padding: 0 82px 0 0;
    display: inline-block;
}
#footer-menu .group .group-title {
    color: #C2E19C;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    display: block;
}
#footer-menu ul {
    padding: 16px 0 0 0;
}
#footer-menu ul li {
    color: #C2E19C;
}
#footer-menu ul li a {
    color: #C2E19C;
    text-decoration: none;
}
#footer-menu ul li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
#social-links {
    float: right;
}
#social-links ul {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}
#social-links ul li {
    display: inline-block;
}
#social-links ul li+li {
    margin-left: 8px;
}
#social-links ul li a {
    background: #4D8805;
    color: #C3E19D;
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 34px;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    border: 2px solid #C3E19D;
    border-radius: 36px;
    -webkit-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}
#social-links ul li a:hover {
    background: #C3E19D;
    color: #4D8705;
}
#social-links ul li a i {} 

#copyright {
    color: #C3E19D;
    float: right;
    clear: right;
    text-align: right;
    padding: 18px 0 0 0;
    max-width: 280px;
}

#copyright a {
    color: #C3E19D;
    text-decoration: underline;
}


/********************************************************/
/**************** Page Navigation ***********************/
/********************************************************/

#page-navigation {
    position: fixed;
    top: 50%;
    right: 20px;
    padding: 0;
    margin: -58px 0 0 0;
}
#page-navigation ul {
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    position: absolute;
    top: 0;
    right: 0;
}
#page-navigation ul li {
    padding: 0;
    margin: 0;
    display: block;
}
#page-navigation ul li a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 27px;
    position: relative;
    margin: 0 0 0 0;
}
#page-navigation ul li a:after {
    content: "";
    display: block;
    background: transparent;
    border: 3px solid #FFFFFF;
    border-radius: 3px;
    height: 0;
    width: 0;
    display: block;
    margin: 0;
    font-size: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 16px;
    top: 10px;
}
#page-navigation ul li a span {
    display: block;
    white-space: nowrap;
    text-align: right;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    right: 26px;
    top: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform-origin: 90% center;
    -ms-transform-origin: 90% center;
    transform-origin: 90% center;
    -webkit-transform: scale(0.8) translateX(20px);
    -ms-transform: scale(0.8) translateX(20px);
    transform: scale(0.8) translateX(20px);
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms;
}
#page-navigation ul li a:hover span {
    opacity: 1;
    width: 180px;
    -webkit-transform: scale(1) translateX(0px);
    -ms-transform: scale(1) translateX(0px);
    transform: scale(1) translateX(0px);
}
#page-navigation ul li.active a:after {
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-radius: 10px;
    left: 14px;
    top: 8px;
}
#page-navigation ul li.active a span {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0px);
    -ms-transform: scale(1) translateX(0px);
    transform: scale(1) translateX(0px);
}
#page-navigation ul li.green a {
    color: #659600;
}
#page-navigation ul li.green a:after {
    border-color: #659600;
}

/********************************************************/
/*********** Features slider ****************************/
/********************************************************/

#content #features-slider {
    padding-bottom: 40px;
}
#content #features-slider .slide {} #content #features-slider .slide-image {
    height: 320px;
    width: 500px;
    overflow: visible;
    position: relative;
}
#content #features-slider .slide-image img {
    position: absolute;
    left: 0;
    top: 0;
}
#content #features-slider .slide-text {
    padding-top: 40px;
}
#features-slider #features-slide-installer .slide-image img {
    left: -16px;
}
#features-slider #features-slide-installer .slide-text {}
#features-slider #features-slide-builder .slide-image img {
    top: 0px;
}
#features-slider #features-slide-builder .slide-text {
    padding-top: 16px;
}
#features-slider #features-slide-location .slide-image img {
    top: -20px;
}
#features-slider #features-slide-location .slide-text {}
#features-slider #features-slide-ssh-access .slide-image img {
    left: 10px;
    top: 0;
}
#features-slider #features-slide-ssh-access .slide-text {}
#features-slider #features-slide-linux-os .slide-image img {
    left: -28px;
    top: 26px;
}
#features-slider #features-slide-linux-os .slide-text {}
#features-slider #features-slide-data-center .slide-image img {
    top: 34px;
}
#features-slider #features-slide-data-center .slide-text {}
#features-slider #features-slide-no-ads .slide-image img {
    top: 28px;
}
#features-slider #features-slide-no-ads .slide-text {}
#features-slider #features-slide-community-support .slide-image img {}
#features-slider features-slide-community-support .slide-text {}


/********************************************************/
/**************** About Us ******************************/
/********************************************************/

#page-about-us {
    position: relative;
}
#page-about-us #content {
    padding-bottom: 60px;
}
#page-about-us #content .content-block {
    border-top: 1px solid #E6E6E6
}
#page-about-us #content-header {
    background-image: url("img/us.jpg");
    background-color: #FFFFFF;
    background-position: center top;
    height: auto;
    padding: 406px 0 50px 0;
    margin: 0;
    text-align: center;
}
#page-about-us #content-header h1 {
    text-shadow: none;
}
#page-about-us #content-header .page-description {
    font-size: 18px;
    font-weight: 700;
}
#page-about-us #content-header .button {
    margin: 16px 0 0 0;
}


/********************************************************/
/************ Domain Hosting ****************************/
/********************************************************/

/* body */

body.page-template-domain-hosting-php {
    background-color: #1C4768;
}

/* header */

body.page-template-domain-hosting-php #content-header {
    background-image: url("img/welcome_bg_domain.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-domain-hosting-php #footer-menu .group .group-title,
body.page-template-domain-hosting-php #footer-menu ul li,
body.page-template-domain-hosting-php #footer-menu ul li a,
body.page-template-domain-hosting-php #copyright {
    color: #A8BED0;
}
body.page-template-domain-hosting-php #social-links ul li a {
    color: #A8BED0;
    background: transparent;
    border-color: #225881;
}
body.page-template-domain-hosting-php #social-links ul li a:hover {
    background: #225881;
    color: #F1F1F1;
}


/********************************************************/
/************ Drupal Hosting ****************************/
/********************************************************/

/* body */

body.page-template-drupal-hosting-php {
    background-color: #1C4768;
}

/* header */

body.page-template-drupal-hosting-php #content-header {
    background-image: url("img/welcome_bg_drupal.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-drupal-hosting-php #footer-menu .group .group-title,
body.page-template-drupal-hosting-php #footer-menu ul li,
body.page-template-drupal-hosting-php #footer-menu ul li a,
body.page-template-drupal-hosting-php #copyright {
    color: #A8BED0;
}
body.page-template-drupal-hosting-php #social-links ul li a {
    color: #A8BED0;
    background: transparent;
    border-color: #225881;
}
body.page-template-drupal-hosting-php #social-links ul li a:hover {
    background: #225881;
    color: #F1F1F1;
}


/********************************************************/
/************ Joomla Hosting ****************************/
/********************************************************/

/* body */

body.page-template-joomla-hosting-php {
    background-color: #662F1B;
}
/* header */

body.page-template-joomla-hosting-php #content-header {
    background-image: url("img/welcome_bg_joomla.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-joomla-hosting-php #footer-menu .group .group-title,
body.page-template-joomla-hosting-php #footer-menu ul li,
body.page-template-joomla-hosting-php #footer-menu ul li a,
body.page-template-joomla-hosting-php #copyright {
    color: #EFDDD3
}
body.page-template-joomla-hosting-php #social-links ul li a {
    color: #EFDDD3;
    background: transparent;
    border-color: #7D3C26;
}
body.page-template-joomla-hosting-php #social-links ul li a:hover {
    background: #7D3C26;
    color: #F1F1F1;
}

/********************************************************/
/************ Magento Hosting ****************************/
/********************************************************/

/* body */

body.page-template-magento-hosting-php {
    background-color: #D76101;
}

/* header */

body.page-template-magento-hosting-php #content-header {
    background-image: url("img/welcome_bg_magento.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-magento-hosting-php #footer-menu .group .group-title,
body.page-template-magento-hosting-php #footer-menu ul li,
body.page-template-magento-hosting-php #footer-menu ul li a,
body.page-template-magento-hosting-php #copyright {
    color: #FFD8B1;
}
body.page-template-magento-hosting-php #social-links ul li a {
    color: #FFD8B1;
    background: transparent;
    border-color: #E78433;
}
body.page-template-magento-hosting-php #social-links ul li a:hover {
    background: #E78433;
    color: #FFFFFF;
}

/********************************************************/
/************ MySql Hosting ****************************/
/********************************************************/

/* body */

body.page-template-mysql-hosting-php {
    background-color: #D76101;
}

/* header */

body.page-template-mysql-hosting-php #content-header {
    background-image: url("img/welcome_bg_mysql.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-mysql-hosting-php #footer-menu .group .group-title,
body.page-template-mysql-hosting-php #footer-menu ul li,
body.page-template-mysql-hosting-php #footer-menu ul li a,
body.page-template-mysql-hosting-php #copyright {
    color: #FFD8B1;
}
body.page-template-mysql-hosting-php #social-links ul li a {
    color: #FFD8B1;
    background: transparent;
    border-color: #E78433;
}
body.page-template-mysql-hosting-php #social-links ul li a:hover {
    background: #E78433;
    color: #FFFFFF;
}

/********************************************************/
/************ OsCommerce Hosting ****************************/
/********************************************************/

/* body */

body.page-template-oscommerce-hosting-php {
    background-color: #1C4768;
}

/* header */

body.page-template-oscommerce-hosting-php #content-header {
    background-image: url("img/welcome_bg_oscommerce.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-oscommerce-hosting-php #footer-menu .group .group-title,
body.page-template-oscommerce-hosting-php #footer-menu ul li,
body.page-template-oscommerce-hosting-php #footer-menu ul li a,
body.page-template-oscommerce-hosting-php #copyright {
    color: #A8BED0;
}
body.page-template-oscommerce-hosting-php #social-links ul li a {
    color: #A8BED0;
    background: transparent;
    border-color: #225881;
}
body.page-template-oscommerce-hosting-php #social-links ul li a:hover {
    background: #225881;
    color: #F1F1F1;
}


/********************************************************/
/************ PHP Hosting ****************************/
/********************************************************/

/* body */

body.page-template-php-hosting-php {
    background-color: #313552;
}

/* header */

body.page-template-php-hosting-php #content-header {
    background-image: url("img/welcome_bg_php.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-php-hosting-php #footer-menu .group .group-title,
body.page-template-php-hosting-php #footer-menu ul li,
body.page-template-php-hosting-php #footer-menu ul li a,
body.page-template-php-hosting-php #copyright {
    color: #A8BFCF;
}
body.page-template-php-hosting-php #social-links ul li a {
    color: #A8BFCF;
    background: transparent;
    border-color: #424673;
}
body.page-template-php-hosting-php #social-links ul li a:hover {
    background: #424673;
    color: #F1F1F1;
}


/********************************************************/
/************ Prestashop Hosting ************************/
/********************************************************/

/* body */

body.page-template-prestashop-hosting-php {
    background-color: #5C344B;
}

/* header */

body.page-template-prestashop-hosting-php #content-header {
    background-image: url("img/welcome_bg_prestashop.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-prestashop-hosting-php #footer-menu .group .group-title,
body.page-template-prestashop-hosting-php #footer-menu ul li,
body.page-template-prestashop-hosting-php #footer-menu ul li a,
body.page-template-prestashop-hosting-php #copyright {
    color: #F3EEF1;
}
body.page-template-prestashop-hosting-php #social-links ul li a {
    color: #F3EEF1;
    background: transparent;
    border-color: #854C6D;
}
body.page-template-prestashop-hosting-php #social-links ul li a:hover {
    background: #854C6D;
    color: #F1F1F1;
}


/********************************************************/
/************ WordPress Hosting ************************/
/********************************************************/

/* body */

body.page-template-wordpress-hosting-php {
    background-color: #1D85A8;
}

/* header */

body.page-template-wordpress-hosting-php #content-header {
    background-image: url("img/welcome_bg_wordpress.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}

/* footer */

body.page-template-wordpress-hosting-php #footer-menu .group .group-title,
body.page-template-wordpress-hosting-php #footer-menu ul li,
body.page-template-wordpress-hosting-php #footer-menu ul li a,
body.page-template-wordpress-hosting-php #copyright {
    color: #C3F1FE;
}
body.page-template-wordpress-hosting-php #social-links ul li a {
    color: #C3F1FE;
    background: transparent;
    border-color: #2391B6;
}
body.page-template-wordpress-hosting-php #social-links ul li a:hover {
    background: #2391B6;
    color: #F1F1F1;
}


/********************************************************/
/************ ZenCart Hosting ***************************/
/********************************************************/

/* body */

body.page-template-zencart-hosting-php {
    background-color: #D76101;
}
/* header */

body.page-template-zencart-hosting-php #content-header {
    background-image: url("img/welcome_bg_zencart.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    max-height: 486px;
    padding: 60px 0 80px;
}
/* footer */

body.page-template-zencart-hosting-php #footer-menu .group .group-title,
body.page-template-zencart-hosting-php #footer-menu ul li,
body.page-template-zencart-hosting-php #footer-menu ul li a,
body.page-template-zencart-hosting-php #copyright {
    color: #FFD8B1;
}
body.page-template-zencart-hosting-php #social-links ul li a {
    color: #FFD8B1;
    background: transparent;
    border-color: #E78433;
}
body.page-template-zencart-hosting-php #social-links ul li a:hover {
    background: #E78433;
    color: #FFFFFF;
}


/********************************************************/
/***************** SignIn Popup *************************/
/********************************************************/

/* popup layout */

#signin-popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 1010;
    display: none;
    padding: 0 20px 0 0;
    margin: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000);
}
#signin-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1011;
    background: rgba(0, 0, 0, 0.4);
}
#signin-popup-container {
    position: relative;
    width: 360px;
    height: auto;
    margin: 96px auto 0 auto;
    z-index: 1100;
    background: #EEEEEE;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.3);
}
#signin-popup-container:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    padding-bottom: 110px;
}
#signup-container,
#signin-container {
    display: none;
    position: relative;
    overflow: hidden;
}

/* popup header */

#signin-popup .popup-header {
    padding: 26px 0 18px;
    text-align: center;
    border-radius: 8px 8px 0 0;
}
#signin-popup .popup-header.logo {} #signin-popup .popup-header.text {
    font-size: 23px;
    line-height: 28px;
    font-weight: 400;
    padding: 26px 0 24px;
}

/* close icon */
#signin-popup-container .icon-close {
    display: block;
    position: absolute;
    z-index: 100;
    background: #FFFFFF;
    top: -12px;
    right: -12px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 16px;;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
}
#signin-popup-container .icon-close i {
}
#signin-popup-container .icon-close:hover {
}

/* popup footer */

#signin-popup .popup-footer {
    text-align: center;
    padding: 16px 20px;
    background: #FFFFFF;
    border-radius: 0 0 8px 8px;
    line-height: 18px;
}
#signin-popup .popup-footer span {
    margin: 0;
    padding: 0;
}
#signin-popup .popup-footer a {
    color: #669900;
    text-decoration: none;
}
#signin-popup .popup-footer a:hover {
    text-decoration: underline;
}
#signin-popup .popup-footer .signin-text,
#signin-popup .popup-footer .signup-text {
    display: none;
}

/* services select */

#signin-popup .service-select-container {
    padding: 0 0 18px 0;
    border-bottom: 1px solid #DADADA;
}
#signin-popup .service-select-container:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}
#signin-popup .service-select-container .input-group {
    display: block;
    float: left;
    width: 50%;
    padding: 0;
    height: auto;
}
#signin-popup .service-select-container .input-group+.input-group {
    text-align: right;
}

/* popup content */

#signin-popup .popup-content {
    padding: 20px 34px 20px;
    display: none;
    overflow: hidden;
    position: relative;
}
#signin-popup .popup-content .social-signin,
#signin-popup .popup-content .social-signup {
    padding: 32px 0;
}
#signin-popup .popup-content .social-connect {
    padding: 12px 0 0 0;
}
#signin-popup .popup-content .service-select-container+.social-connect {
    padding-top: 28px;
}
#signin-popup .popup-content .social-connect .button {
    color: #FFFFFF;
    text-shadow: none;
    text-transform: none;
    font-size: 18px;
    line-height: 42px;
    height: 42px;
    font-weight: 700;
    border: 0 none;
    border-radius: 100px;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    position: relative;
    -webkit-transition: background 100ms linear;
    transition: background 100ms linear;
}
#signin-popup .popup-content .social-connect .button i {
    position: absolute;
    left: 18px;
    top: 5px;
    font-size: 24px;
    line-height: 34px;
    vertical-align: middle;
}
#signin-popup .popup-content .social-connect .button:hover {
    -webkit-transition: background 50ms linear;
    transition: background 50ms linear;
}
#signin-popup .popup-content .social-connect .button.facebook {
    background: #3B5999;
}
#signin-popup .popup-content .social-connect .button.facebook:hover,
#signin-popup .popup-content .social-connect .button.facebook:focus {
    background: #4866A5;
}
#signin-popup .popup-content .social-connect .button.facebook:active {
    background: #345396;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) inset;
}
#signin-popup .popup-content .social-connect .button.googleplus {
    background: #DE4B39;
    margin: 10px 0 0 0;
}
#signin-popup .popup-content .social-connect .button.googleplus:hover,
#signin-popup .popup-content .social-connect .button.googleplus:focus {
    background: #E45948;
}
#signin-popup .popup-content .social-connect .button.googleplus:active {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) inset;
    background: #D14635;
}
/* popup form defaults */

#signin-popup .input-group {
    height: 52px;
    position: relative;
}
#signin-popup .input-group.radio {
    white-space: nowrap;
}
#signin-popup .input-group.radio input {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 13px;
    height: 13px;
    display: none;
}
#signin-popup .input-group.radio .radio {
    display: inline-block;
    height: 24px;
    width: 24px;
    background: #FFFFFF;
    border-radius: 26px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4) inset;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}
#signin-popup .input-group.radio .radio:after {
    content: "";
    display: block;
    background: #669900;
    width: 0;
    height: 0;
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    margin: 12px;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
}
#signin-popup .input-group.radio .radio.checked:after {
    width: 10px;
    height: 10px;
    margin: 7px;
}
#signin-popup .input-group.radio label {
    font-size: 19px;
    line-height: 22px;
    font-weight: 700;
    margin: 0 0 0 13px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
}
#signin-popup .input-group.radio .radio.checked+label {
    color: #669900;
}
#signin-popup .button {
    width: 100%;
    height: 42px;
    border: 0 none;
    border-radius: 21px;
    background: #669900;
    -webkit-filter: none;
    filter: none;
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    line-height: 42px;
    font-weight: 600;
    text-transform: none;
    text-shadow: none;
    padding: 0;
    margin: 0;
    -webkit-transition: background 100ms linear;
    transition: background 100ms linear;
}
#signin-popup .button:hover,
#signin-popup .button:focus {
    background: #6DA302;
    -webkit-transition: background 50ms linear;
    transition: background 50ms linear;
}
#signin-popup .button:active {
    background: #639400;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3) inset;
}
#signin-popup .forgot-pass-link {
    display: inline-block;
    color: #4B5343;
    text-decoration: none;
    margin: 14px 0 0 0;
    text-align: center;
}
#signin-popup .forgot-pass-link:hover {
    text-decoration: underline;
}

/* signin form */

#signin-popup.signin .popup-header,
#signin-popup.signup .popup-header {
    background: #FFFFFF;
}
#signin-popup .email-signin {
    position: relative;
    padding: 68px 0 0;
    text-align: center;
}
#signin-popup .separator {
    position: absolute;
    top: 34px;
    left: 0;
    border-top: 1px solid #DADADA;
    width: 100%;
    display: block;
}
#signin-popup .separator span {
    display: block;
    background: #EEEEEE;
    position: absolute;
    width: 40px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    top: -15px;
    left: 50%;
    margin: 0 0 0 -20px;
    font-size: 18px;
    font-weight: 700;
    vertical-align: middle;
}
#signin-popup .email-signin .button {
    text-transform: uppercase;
    margin: 12px 0 0 0;
}

/* signup form */

#signin-popup .email-signup {
    position: relative;
    padding: 68px 0 12px;
    text-align: center;
}
#signin-popup .email-signup .button {}

/* email signup form */

#signin-popup #emailsignup-form {
    padding-top: 0px;
    padding-bottom: 28px;
    display: block;
}
#signin-popup #emailsignup-form .service-select-container {
    border-top: 1px solid #DADADA;
    padding-top: 18px;
}
#signin-popup #emailsignup-form #signup-form-fields {
    padding: 20px 0 0 0;
}
#signin-popup #emailsignup-form #signup-form-fields .fieldset {
    padding: 0 0 14px 0;
}

/* Asiira Cpatcha */

#signin-popup #captcha {
    height: 148px;
    border-radius: 0 4px 4px 0;
}
#signin-popup #captcha .InstructionsTextClass {
    font-size: 14px;
}
#signin-popup #captcha .InstructionsTextClass font {
    display: none;
}
#signin-popup #captcha .InstructionsTextClass.validation-error {
    color: #D64646;
}
#signin-popup #captcha #asirra_LayoutTable {
    margin: 6px 0 0 0;
}
#signin-popup #captcha #asirra_ChallengeTableBody {} #signin-popup #captcha #asirra_ChallengeTableBody td {
    padding: 0;
}
#signin-popup #captcha #asirra_ChallengeTableBody td>div {
    padding: 0 5px 0 0;
}
#signin-popup #captcha #asirra_ChallengeTableBody img {
    margin: 0;
    padding: 0;
    display: inline-block;
    border-radius: 6px;
    overflow: hidden;
}
#signin-popup #captcha #asirra_ChallengeTableBody a {
    color: #5D6D74;
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    margin: 0 0 4px 0;
    display: inline-block;
}
#signin-popup #captcha #asirra_ChallengeTableBody a:after {
    content: "\f08e";
    display: inline-block;
    position: absolute;
    right: -12px;
    top: 3px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#signin-popup #captcha a font {
    font-size: 11px;
}
#signin-popup #captcha #asirra_ChallengeTableDiv {
    border: 0 none !important;
    padding: 0 !important;
}
#signin-popup #captcha #asirra_EnlargedDivContainer {
    left: -378px !important;
    top: -380px !important;
}
#signin-popup #captcha #asirra_EnlargedDiv {
    border: 0 none !important;
    background: #EEEEEE !important;
    padding: 44px 44px 10px;
    /* background: #FF0000 !important; */
}
#signin-popup #captcha #asirra_EnlargedDiv>* {
    position: relative !important;
}
#signin-popup #captcha #asirra_EnlargedDivOverlay {
    margin: 0 0 8px 0;
}
#signin-popup #captcha table {
    border: 0 none;
}
#signin-popup #captcha table td {
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
    line-height: 16px;
}


/* visibility variations & animations */

/* base open state */

#signin-popup.open {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 400ms ease;
    animation: fadeIn 400ms ease;
}
#signin-popup.open #signin-popup-container {
    -webkit-animation: flyIn 400ms ease;
    animation: flyIn 400ms ease;
}

/* signin state */

#signin-popup.open.signin #signin-container {
    display: block;
}
#signin-popup.open.signin #signin-container #signin-form {
    display: block;
    -webkit-animation: fadeIn 600ms ease;
    animation: fadeIn 600ms ease;
}
#signin-popup.open.signin .popup-footer .signin-text {
    display: block;
}

/* signup state */

#signin-popup.open.signup #signin-container {
    display: block;
    opacity: 1;
}
#signin-popup.open.signup #signin-container #signup-form {
    display: block;
    -webkit-animation: fadeIn 600ms ease;
    animation: fadeIn 600ms ease;
}
#signin-popup.open.signup .popup-footer .signup-text {
    display: block;
}

/* email signup state */

#signin-popup.open.emailsignup #signup-container {
    display: block;
    -webkit-animation: fadeIn 600ms ease;
    animation: fadeIn 600ms ease;
}
#signin-popup.open.emailsignup #emailsignup-form {
    display: block;
}
#signin-popup.open.emailsignup .popup-footer .signup-text {
    display: block;
}


/********************************************************/
/***************** Video Popup *************************/
/********************************************************/

#video-popup {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 1010;
    display: none;
    padding: 0 20px 0 0;
    margin: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#55000000, endColorstr=#55000000);
}
#video-popup.open {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 400ms ease;
    animation: fadeIn 400ms ease;
}
#video-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1011;
    background: rgba(0, 0, 0, 0.4);
}
#video-popup-container {
    width: 680px;
    height: 480px;
    position: relative;
    z-index: 1030;
    margin: 80px auto;
    border: 14px solid #FFFFFF;
    padding: 0;
    border-radius: 8px;
    /* overflow: hidden; */
    background: #000000;
    box-sizing: border-box;
    -webkit-animation: flyIn 400ms ease;
    animation: flyIn 400ms ease;
}
#video-popup-container iframe {
    width: 100%;
    height: 100%;
}

/* close icon */
#video-popup-container .icon-close {
    display: block;
    position: absolute;
    z-index: 100;
    background: #FFFFFF;
    top: -30px;
    right: -30px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    border-radius: 16px;;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);
}

/* animations */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes flyIn {
    0% {
        opacity: 0;
        top: -100px;
    }
    100% {
        opacity: 1;
        top: 0px;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes flyIn {
    0% {
        opacity: 0;
        top: -100px;
    }
    100% {
        opacity: 1;
        top: 0px;
    }
}


/********************************************************/
/**************** Contact Form **************************/
/********************************************************/

#cf7-full-width .wpcf7 {} #cf7-full-width .wpcf7 span.wpcf7-form-control-wrap {
    display: block !important;
}
#cf7-full-width .wpcf7 .input-group {
    height: 88px;
}
#cf7-full-width .wpcf7 .input-group.submit {
    padding: 26px 0 0;
    height: auto;
}
#cf7-full-width .wpcf7 .input-group.submit .ajax-loader {
    margin-left: 14px;
}
#cf7-full-width .wpcf7 .wpcf7-captchac {} #wpcf7-f1311-o1 .input-group.textarea {
    height: 352px;
}
#cf7-full-width .wpcf7 textarea {
    height: 312px;
}
#cf7-full-width .wpcf7 .wpcf7-response-output {
    margin: 1em 0 0 0;
    padding: 0;
    border: 0 none;
}
#cf7-full-width .wpcf7 .wpcf7-response-output:before {
    content: "\f06a";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 1em;
    margin: 0 0.5em 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#cf7-full-width .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #487534;
}
#cf7-full-width .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok:before {
    content: "\f00c";
}
#cf7-full-width .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ng {
    color: #AA2222;
}
#cf7-full-width .wpcf7 .wpcf7-response-output.wpcf7-spam-blocked {
    color: #A87618;
}
#cf7-full-width .wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
    color: #AA2222;
}


/********************************************************/
/*********** Global Elements & Helpers ******************/
/********************************************************/

/***************** Panel ********************************/

.panel {
    background: #C9EB89;
    padding: 22px 32px 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    position: relative;
}
.panel.panel-installer {
    margin-top: 32px;
}
.panel.panel-installer .panel-title {
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.panel.panel-installer p {
    padding: 8px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
}
.panel.panel-installer .panel-title+p {
    padding: 16px 0 0 0;
}
.panel.panel-installer p a {
    color: #4E5F77;
}
.panel.panel-installer ul,
.panel.panel-installer ol {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 22px;
}
.panel.panel-installer ul li+li,
.panel.panel-installer ol li+li {
    margin-top: 10px;
}
.panel.panel-installer .panel-action {
    margin-top: 22px;
}
.panel.panel-installer .logo {
    display: block;
    position: absolute;
    right: 32px;
    bottom: 0;
}
.panel.panel-installer .logo img {}

/* panel color options */

.panel.blue {
    background: #C2E7F2;
}
.panel.slateblue {
    background: #C2D7F4;
}
.panel.brown {
    background: #F0DED4;
}
.panel.orange {
    background: #FFD8B1;
}


/***************** Video ********************************/

.video-link {
    border: 6px solid #FFFFFF;
    display: block;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.video-link:after {
    content: "\f01d";
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFFFFF;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 70px;
    line-height: 70px;
    z-index: 100;
    height: 70px;
    width: 70px;
    text-align: center;
    vertical-align: bottom;
    margin: -30px 0 0 -30px;
    text-shadow: 0 0 28px rgba(0, 0, 0, 0.3);
}
.video-link img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.video-link:hover img {
    opacity: 0.8;
}


/***************** Header Video *************************/

#content-header .block.video {
    position: relative;
}
#content-header .block.video .video-container {
    background-image: url("img/video_bg_vps.png");
    width: 533px;
    height: 433px;
    display: block;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    left: auto;
    right: -36px;
    top: -47px;
}
#content-header .block.video .video-link {
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    width: 398px;
    height: 282px;
    top: 85px;
    left: 54px;
}
#content-header .block.video.left .video-container {
    background-image: url("img/video_bg_web.png");
    right: auto;
    left: -40px;
}
#content-header .block.video.left .video-link {
    left: 81px;
}
#content-header .block.video.left .video-link:hover {
    text-decoration: none;
}
#content-header .block.video.left .video-link:after {
    text-shadow: 0 0 38px rgba(0, 0, 0, 0.6);
}


/***************** Buttons ******************************/

.button {
    display: inline-block;
    padding: 4px 16px 3px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: #EFEFEF;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    border-bottom: 2px solid #CCCCCC;
    text-transform: uppercase;
    position: relative;
}
.button:hover,
.button:focus {
    outline: none;
    background-color: #f5f5f5;
    border-bottom-color: #CECECE;
    text-decoration: none;
}
.button:active {
    background-color: #EEEEEE;
    border-bottom: 1px solid #CECECE;
    border-top: 1px solid transparent;
}

/* Button Green */

.button.button-green {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #447704;
    border-bottom-color: #477D05;
    -webkit-box-shadow: 0 -2px 6px -2px rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 -2px 6px -2px rgba(255, 255, 255, 0.3) inset;
    background: #69a30d;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #69a30d), color-stop(82%, #4e8c05));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #69a30d 0%, #4e8c05 82%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#69a30d), color-stop(82%, #4e8c05));
    background: -webkit-linear-gradient(top, #69a30d 0%, #4e8c05 82%);
    background: linear-gradient(to bottom, #69a30d 0%, #4e8c05 82%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#69a30d', endColorstr='#4e8c05', GradientType=0);
    /* IE6-9 */
    ;
}
.button.button-green:hover,
.button.button-green:focus {
    background: #69a30d;
}
.button.button-green:active {
    background: #62990B;
}

.button.button-green.innactive {
    background: #c7d8b4;
    border-bottom-color: #c7d8b4;
    box-shadow: none;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.17);
}


/* Button Blue */

.button.button-blue {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #02668F;
    border-bottom-color: #067DAD;
    -webkit-box-shadow: 0 -2px 6px -2px rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 -2px 6px -2px rgba(255, 255, 255, 0.3) inset;
    background: #10B0D2;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #10B0D2), color-stop(82%, #098CBE));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #10B0D2 0%, #098CBE 82%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#10B0D2), color-stop(82%, #098CBE));
    background: -webkit-linear-gradient(top, #10B0D2 0%, #098CBE 82%);
    background: linear-gradient(to bottom, #10B0D2 0%, #098CBE 82%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#10B0D2', endColorstr='#098CBE', GradientType=0);
    /* IE6-9 */
    ;
}
.button.button-blue:hover,
.button.button-blue:focus {
    background: #0FA7C7;
}
.button.button-blue:active {
    background: #0FA1C0;
}


/* Button Orange */

.button.button-orange {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #A04800;
    border-bottom-color: #C65C06;
    -webkit-box-shadow: 0 -2px 6px -2px rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 -2px 6px -2px rgba(255, 255, 255, 0.3) inset;
    background: #E67112;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E67112), color-stop(82%, #D46A06));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E67112 0%, #D46A06 82%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#E67112), color-stop(82%, #D46A06));
    background: -webkit-linear-gradient(top, #E67112 0%, #D46A06 82%);
    background: linear-gradient(to bottom, #E67112 0%, #D46A06 82%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#E67112', endColorstr='#D46A06', GradientType=0);
    /* IE6-9 */
    ;
}
.button.button-orange:hover,
.button.button-orange:focus {
    background: #E67112;
}
.button.button-orange:active {
    background: #DF6F14;
}


/* Button sizes */

.button.button-large {
    font-size: 18px;
    font-weight: 700;
    line-height: 34px;
    height: 44px;
    padding-left: 28px;
    padding-right: 28px;
}


/***************** Arrows list **************************/

ul.list-arrows {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.list-arrows li {
    padding: 0 0 0 1em;
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul.list-arrows li:before {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
}
ul.list-arrows li a {
    text-decoration: none;
    color: #4B5343;
}
ul.list-arrows li a:hover {
    text-decoration: underline;
}

/* Checks list */

.list-checks {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-checks li {
    padding: 0 0 0 1.5em;
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list-checks li:before {
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
}

/* Circle checks list */

.list-circle-checks {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-circle-checks li {
    padding: 0 0 0 1.5em;
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list-circle-checks li:before {
    content: "\f058";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0.1em;
    height: 100%;
    position: absolute;
    font-size: 0.9em;
}
.list-circle-checks.checks-green li:before {
    color: #669900;
}

/* Checkboxes list */

.list-checkboxes {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-checkboxes li {
    padding: 0 0 0 1.5em;
    margin: 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.list-checkboxes li:before {
    content: "\f046";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
}
.list-circle-checks.checks-green li:before {
    color: #669900;
}


/***************  Floats and Aligns *********************/

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
.no-float {
    float: none;
}

/* text formating */

.nowrap {
    white-space: nowrap;
}
.text-up {
    text-transform: uppercase;
}

/* lists formating */

ul.double-spacing li+li {
    margin-top: 1.8em;
}

/* clearfix */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}


/***************  Smaller Screens *********************/

@media all and (max-width: 1040px) {
    header {
        position: absolute;
    }
}


/* -------------- Ads ------------------- */

.ad-container { 
    text-align: center;
    position: relative;
    background: #FFFFFF;
}
.ad-container .container-title {
    text-align: center;
    font-size: 14px;
    line-height: 28px;
}
.ad-container.w-300 {
    width: 300px;   
}
.ad-container.f-right {
    float: right;   
}
.ad-container .hh-ads-container {
    position: relative;
}
.ad-container .hh-ads-container.hh-ads_728x90 {
    width: 728px;
    height: 90px;
}
.ad-container .hh-ads-container .hh-ad {
    display: block;
    
}
.ad-container .hh-ads-container .hh-ad img {
    display: block;
    
}
.ad-container .advertise-link {
    text-decoration: none;
    color: #B8B8B8;
    position: absolute;
    right: 0;
    bottom: -26px;
    font-size: 11px;
}
.ad-container .advertise-link:hover {
    color: #999999;
}

#features .ad-container, #content .ad-container  {
    z-index: 100;
    margin: 0 auto;
    padding: 32px 0 48px;
}
#content .ad-container  {
    padding-bottom: 10px;
}

#features .ad-container .hh-ads-container, #content .ad-container .hh-ads-container  {
    margin: 0 auto;
    padding: 6px;
    border: 1px solid #DDDDDD;
}

#page-about-us #content .ad-container {
    padding-top: 0;
    padding-bottom: 60px;
}

/* ----------- reCaptcha --------------- */

#captcha #recaptcha_widget {
    font-size: 14px;
}
#captcha #recaptcha_widget a {
    color: #636D74;
}
#captcha #recaptcha_widget a:hover {
    color: #669900;
}
#captcha #recaptcha_image {
    margin-bottom: 4px;
    min-width: 100%;
    max-width: 100%;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
}
#captcha #recaptcha_image span {

}
#captcha #recaptcha_image img {
    min-width: 100%;
    max-width: 100%;
    height: auto !Important;
}
#captcha .recaptcha_only_if_incorrect_sol {
}
#captcha .recaptcha_only_if_image {
}
#captcha .recaptcha_only_if_audio {
}

#captcha .input-container .input-icon {
    border-radius: 4px 0 0 4px;
    width: 20%;
}
#captcha #recaptcha_response_field {
    background-image: url("img/i_recaptcha.png");
    background-repeat: no-repeat;
    background-position: 251px 12px;
}
#captcha .links {
    text-align: left;

    display: block;
    padding-top: 2px;
}
#captcha .links .link a  {
   color: #636D74;
   text-decoration: none;
   font-size: 11px;

   line-height: 18px;
   text-decoration: none;
   vertical-align: middle;
}
#captcha .links a:hover {
    color: #8397A0;
    text-decoration: none;
}
#captcha .links .link {
   display: block;
   float: left;
   padding-left: 12px;
   vertical-align: middle;
   line-height: 18px;
   height: 18px;
}
#captcha .links .link.first {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}