@charset "UTF-8";
.tip {
    font: 11px/13px Open Sans, sans-serif;
    border: solid 1px #666;
    width: 270px;
    padding: 3px;
    position: absolute;
    z-index: 100;
    visibility: hidden;
    color: #333;
    top: 20px;
    left: 90px;
    background-color: #ffc;
    layer-background-color: #ffc
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui-helper-clearfix {
    display: inline-block
}

* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png?1486297033) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png?1486297033) 50% 50% repeat-x;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png?1486297033) 50% 50% repeat-x;
    font-weight: normal;
    color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png?1486297033) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png?1486297033) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png?1486297033) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png?1486297033) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png?1486297033)
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png?1486297033)
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png?1486297033)
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png?1486297033)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png?1486297033)
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png?1486297033)
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png?1486297033)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png?1486297033)
}

.jstree ins {
    cursor: pointer
}

.jstree ins .ui-icon-leaf {
    cursor: default
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -64px -16px
}

.ui-icon-leaf {
    background-position: 448px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png?1486297033) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png?1486297033) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    z-index: 99999;
    display: block
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1
}

.ui-accordion .ui-accordion-content-active {
    display: block
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ui-progressbar {
    height: 2em;
    text-align: left
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

@charset "utf-8";
.template_content {
    width: 100%;
    border-bottom: solid #999 1px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 20px;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    color: #646060
}

.template_content.alt {
    border: none
}

.template_content a {
    color: #728b06
}

.template_content h1 {
    color: #00b073;
    font-size: 20px;
    margin-bottom: 20px
}

.template_content .sub .simpleContainer {
    width: 550px;
    position;
    relative
}

.template_content .sub strong.strongColor {
    color: #728b06
}

.template_content .sub .simpleContainer .rightCall {
    position: relative;
    float: right;
    width: 270px;
    right: -410px;
    margin-left: -410px;
    background-color: #f1f1f2;
    padding: 15px
}

.template_content .sub .simpleContainer .rightCallImage {
    position: relative;
    float: right;
    width: 270px;
    right: -410px;
    margin-left: -410px;
    padding: 15px;
    text-align: center
}

.template_content .sub h2 {
    size: 18px;
    margin-top: 30px
}

.template_content .sub#about h3 {
    size: 14px;
    margin-top: 30px;
    margin-bottom: 2px;
    font-weight: normal
}

.template_content .sub#plans .planOptions {
    position: relative;
    margin-bottom: 470px
}

.template_content .sub#plans .planOptions .planOption {
    border-left: solid #CCC 1px;
    float: left;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    height: 410px;
    width: 200px
}

.template_content .sub#plans .planOptions .planOption:first-child {
    border-left: none
}

.template_content .sub#plans .planOptions .planOption h2 {
    font-size: 24px;
    color: inherit;
    border-bottom: solid 7px #646060;
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 0;
    padding-left: 20px;
    line-height: 17px
}

.template_content .sub#plans .planOptions .planOption:first-child h2 {}

.template_content .sub#plans .planOptions .planOption#planOptionFree h2 {
    border-bottom-color: #ffc423
}

.template_content .sub#plans .planOptions .planOption#planOptionPro h2 {
    border-bottom-color: #00b073
}

.template_content .sub#plans .planOptions .planOption form {
    padding: 0;
    margin: 0
}

.template_content .sub#plans .planOptions .planOption .buttonRow {
    background-color: #ebecea;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 20px;
    margin-left: -20px;
    margin-right: -20px
}

.template_content .sub#plans .planOptions .planOption .buttonRow a.more {
    position: relative;
    left: -25px;
    padding: 10px 16px
}

.template_content .sub#plans .planOptions .planOption .buttonRow .buttonAdjPrice {
    height: 35px
}

.template_content .sub#plans .planOptions .planOption h3 {
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    margin: 0;
    margin-top: 25px;
    margin-bottom: 3px
}

.template_content .sub#plans .planOptions .planOption h3 strong {
    color: #000
}

.template_content .sub#plans .planOptions .planOption ul {
    margin: 0;
    padding: 0;
    font-size: .9em;
    border-bottom: none
}

.template_content .sub#plans .planOptions .planOption ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px
}

.template_content .sub#plans .planOptions .planOption .planOptionBottom {
    position: absolute;
    bottom: -420px
}

.template_content div#plans.sub div.simpleContainer h3 {
    font-size: 1.17em;
    margin: 1em 0
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
f dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul,
ul.list {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

body {
    font-size: 16px;
	font-family: Open Sans, sans-serif;
}

select,
input,
textarea,
button {
    font: 99% Open Sans;
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

body,
select,
input,
textarea {
    color: #444
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold
}

html {
    overflow-y: scroll
}

a:hover,
a:active {
    outline: none
}

a,
a:active,
a:visited {
    color: #607890
}

a:hover {
    color: #036
}

ul,
ol {
    margin-left: 1.8em
}

ol {
    list-style-type: decimal
}

nav ul,
nav li,
ul.list,
ul.list li {
    margin: 0
}

small {
    font-size: 85%
}

strong,
th {
    font-weight: bold
}

td,
td img {
    vertical-align: top
}

sub {
    vertical-align: sub;
    font-size: smaller
}

sup {
    vertical-align: super;
    font-size: smaller
}

pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

textarea {
    overflow: auto
}

.ie6 legend,
.ie7 legend {
    margin-left: -7px
}

a:link {
    -webkit-tap-highlight-color: #FF5E99
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none;
    visibility: hidden
}

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

.invisible {
    visibility: hidden
}

.center {
    text-align: center
}

.first {
    padding-left: 0;
    margin-left: 0
}

.last {
    padding-right: 0;
    margin-right: 0
}

.top {
    padding-top: 0;
    margin-top: 0
}

.bottom {
    padding-bottom: 0;
    margin-bottom: 0
}

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@font-face {
    font-family: Open Sans;
    src: url(../fonts/Open Sans.otf?1486297033) format('opentype');
    behavior: url(../js/PIE.htc?1486297033)
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

label,
input[type=button],
input[type=submit],
button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0 0 5px red;
    -webkit-box-shadow: 0 0 5px red;
    box-shadow: 0 0 5px red
}

label {
    font-weight: bold
}

fieldset {
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc
}

legend {
    font-weight: bold;
    font-size: 1.2em;
    margin-top: -0.2em;
    margin-bottom: 1em
}

fieldset,
#IE8#HACK {
    padding-top: 1.4em
}

legend,
#IE8#HACK {
    margin-top: 0;
    margin-bottom: 0
}

input[type=text],
input[type=password],
input.text,
input.title,
textarea {
    background-color: #fff;
    border: 1px solid #bbb
}

input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
    border-color: #666
}

select {
    background-color: #fff;
    border-width: 1px;
    border-style: solid
}

input[type=text],
input[type=password],
input.text,
input.title,
textarea,
select {
    margin: .5em 0
}

input.text,
input.title {
    width: 300px;
    padding: 5px
}

input.title {
    font-size: 1.5em
}

textarea {
    width: 390px;
    height: 250px;
    padding: 5px
}

form.inline {
    line-height: 3
}

form.inline p {
    margin-bottom: 0
}

.error,
.alert,
.notice,
.success,
.info {
    padding: .8em;
    margin-bottom: 1em;
    border: 2px solid #ddd
}

.error,
.alert {
    background: #fbe3e4;
    color: #8a1f11;
    border-color: #fbc2c4
}

.notice {
    background: transparent url(../images/icon-thumb-green.png?1486297033) no-repeat 0 80%;
    color: #585B51;
    border: none !important;
    width: 960px;
    margin: 0 auto !important;
    margin-top: 10px !important;
    font-family: Open Sans, sans-serif;
    font-size: 23px;
    padding: 13px 0 0 47px
}

.success {
    background: #e6efc2;
    color: #264409;
    border-color: #c6d880
}

.info {
    background: #d5edf8;
    color: #205791;
    border-color: #92cae4
}

.error a,
.alert a {
    color: #8a1f11
}

.notice a {
    color: #514721
}

.success a {
    color: #264409
}

.info a {
    color: #205791
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

p img {
    padding: 0;
    max-width: 100%
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

@media all and (orientation:portrait) {}

@media all and (orientation:landscape) {}

@media screen and (max-device-width:480px) {}

@media print {
    * {
        background: transparent !important;
        color: #444 !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline
    }
    a:after {
        content: "(" attr(href) ")"
    }
    abbr:after {
        content: "(" attr(title) ")"
    }
    .ir a:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.side_image .image_holder html,
body {
    background: #FFF;
    min-height: 100%;
    height: auto !important;
    height: 100%
}

fieldset {
    border: none;
    padding: 0;
    margin: 0
}

body>.container {
    width: 100%;
    margin: 0 auto
}

.margintopbottom {
    margin-top: 30px !important
}

.mapslide {
    height: 420px;
    margin-top: 20px !important
}

::-moz-selection {
    background: #00b073;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #00b073;
    color: #fff;
    text-shadow: none
}

.container>header {
    clear: left;
    float: left;
    width: 100%
}

.container>header>nav {}

.container>header>nav ul {
    float: right;
    padding-top: 10px
}

.container>header>nav li {
    float: left;
    padding-left: 34px
}

.container>header>nav a {
    color: #aeafae;
    text-decoration: none
}

.lightlogo:hover {
    opacity: .85
}

#internal .container>header h1 {
    background: url(../images/cglogo_small_nav.png?1486297033) 0 0 no-repeat
}

#main {
    width: 100%;
    margin: 0 auto
}

#main>nav {
    background: #999;
    background: -moz-linear-gradient(top, #999 0, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #666));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666', GradientType=0);
    border-bottom: 1px solid #666;
    clear: left;
    font-size: 15px;
    line-height: 50px;
    width: 960px;
    height: 50px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -moz-box-shadow: inset 0 2px 0 #999;
    -webkit-box-shadow: inset 0 2px 0 #999;
    box-shadow: inset 0 2px 0 #999
}

#external #main>#external_top {
    float: right;
    width: 700px
}

.main_top_nav {
    background: #fbfbfb;
    border-bottom: 1px solid #ececec;
    height: 80px
}

#external_top ul {
    padding: 0;
    list-style-type: none
}

#external_top {
    float: right;
    margin-top: 27px
}

#external_top ul li {
    display: inline
}

#external_top ul li a {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: .02em;
    padding: 0 10px 0 10px;
    margin: 0 5px 0 5px;
    color: #888;
    padding-bottom: 35px;
    transition: .2s
}

.mobile_header_login {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    text-decoration: none;
    letter-spacing: .02em;
    padding: 0 10px 0 10px;
    margin: 0 5px 0 5px;
    color: #888 !important;
    padding-bottom: 35px;
    transition: .2s
}

#external_top ul li a.login_nav {
    margin-right: 0
}

#external_top .right_nav {
    margin: 0 7px 0 7px;
    margin-top: 16px;
    position: relative;
    top: -1px;
    right: 3px
}

#external_top .right_nav li {
    margin-left: 30px
}

#external_top .right_nav a {
    font-family: Open Sans, sans-serif;
    text-decoration: none
}

#menu_main li ul {
    float: left;
    background: #f8f8f8;
    border: 1px solid #e9e9e9;
    border-bottom: 3px solid #9fca2d;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    position: relative;
    top: 53px;
    z-index: 999
}

#menu_main li ul li {
    display: block !important;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #e9e9e9
}

#menu_main li ul li a {
    font-size: 14px
}

.georgia {
    opacity: .0;
    position: relative !important;
    top: -25px !important
}

.georgia_pin {
    opacity: .0;
    z-index: 999;
    position: relative !important;
    top: -30px !important
}

#menu_main li ul li a:hover {
    color: #585B51 !important;
    text-decoration: none !important
}

#menu_main li ul li:hover {
    background: #edf2dd
}

#external_top .buttonGreen {
    display: inline-block;
    border: none;
    background: #00b073;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.17);
    background-image: none;
    color: white;
    padding: 8px 18px;
    margin-right: 0;
    padding: 10px 19px 10px 19px;
    border-radius: 4px;
    transition: .45s !important
}

#external_top a.buttonGreen:hover {
    transition: .45s !important;
    background: #64a000;
    color: white !important;
    text-decoration: none !important
}

#external_top ul li a:hover {
    text-decoration: none;
    color: #7ebb17;
    transition: .2s
}

#main #admin_nav ul li {
    float: left
}

#main>nav li {
    float: left;
    height: 50px
}

#main>nav li a {
    display: block;
    height: 50px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

#main>nav img {
    position: relative
}

#main>nav li:first-child a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

#main>nav li a:hover,
#main>nav a.button:hover {
    background: #666;
    background: -moz-linear-gradient(top, #666 0, #999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #999));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999', GradientType=0)
}

#main>nav li a:hover {
    background: #666;
    background: -moz-linear-gradient(top, #666 0, #999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #999));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#999999', GradientType=0)
}

#main>nav a.buttonGreen:hover {
    background: #82B219;
    background: -moz-linear-gradient(top, #82B219 0, #92D400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82B219), color-stop(100%, #92D400));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#82B219', endColorstr='#92D400', GradientType=0)
}

#main>nav li a.nohover:hover {
    background: transparent
}

#main>nav li:first-child a:hover {
    background: #D3D0D0;
    background: -moz-linear-gradient(top, #D3D0D0 0, #B3B1B1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D3D0D0), color-stop(100%, #B3B1B1));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D3D0D0', endColorstr='#B3B1B1', GradientType=0);
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px
}

#main>nav li a.nohover:hover {
    background: transparent
}

#main>nav a.button {
    background: #999;
    background: -moz-linear-gradient(top, #999 0, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #666));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666', GradientType=0);
    -moz-box-shadow: inset 0 1px 0 #999;
    -webkit-box-shadow: inset 0 1px 0 #999;
    box-shadow: inset 0 1px 0 #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0;
    text-align: center;
    width: 100px
}

#main>nav a.buttonGreen {
    background: #82B219;
    background: -moz-linear-gradient(top, #92D400 0, #82B219 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92D400), color-stop(100%, #82B219));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#92D400', endColorstr='#82B219', GradientType=0);
    -moz-box-shadow: inset 0 1px 0 #999;
    -webkit-box-shadow: inset 0 1px 0 #999;
    box-shadow: inset 0 1px 0 #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    float: right;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0;
    text-align: center;
    width: 100px;
    color: #4c4c4c;
    font-size: 13px
}

#main>nav li img {
    margin-bottom: -3px
}

#main>nav a {
    color: #fff;
    padding: 0 20px;
    text-decoration: none
}

#main>nav a.homelink {
    width: 100px
}

#main>div.ftp {
    background: #e4e4e4;
    color: #00b073;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid #d5d5d5;
    font-size: 15px;
    line-height: 50px;
    width: 960px;
    height: 50px;
    margin-bottom: 10px;
    float: left
}

#main>div.ftp h2 {
    padding-left: 27px
}

#main section.home.lightbox {
    background: #000;
    border-bottom: 2px solid #e5e3e3;
    clear: left;
    float: left;
    width: 680px;
    height: 384px
}

#main section.home.lightbox ul {
    position: relative
}

#main section.home.lightbox li {
    position: absolute;
    z-index: 1;
    display: none
}

#main section.home.lightbox li.active {
    z-index: 2;
    display: block
}

.ie9 div.home.signup input.text,
.ie8 div.home.signup input.text,
.ie7 div.home.signup input.text {
    line-height: 30px
}

#main .inset-button {
    background-image: -moz-linear-gradient(top, #94df00, #87b42d);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#94df00), to(#87b42d));
    background-image: -o-linear-gradient(top, #94df00, #87b42d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#94df00', endColorstr='#87b42d');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#94df00',endColorstr='#87b42d')";
    background-image: linear-gradient(top, #94df00, #87b42d);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 1px 0 #e6e6e4;
    -webkit-box-shadow: inset 0 1px 0 #e6e6e4;
    box-shadow: inset 0 1px 0 #e6e6e4;
    color: #666 !important;
    float: left;
    margin: 3px 0 0 0;
    padding: 10px 20px;
    text-decoration: none
}

.login-submit {
    background: #CBC9C9;
    background: -moz-linear-gradient(top, #CBC9C9 0, #B4B2B2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CBC9C9), color-stop(100%, #B4B2B2));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CBC9C9', endColorstr='#B4B2B2', GradientType=0);
    border-left: 1px solid #b9b5b5;
    border-right: 1px solid #b9b5b5;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 1px 0 #dfdddd;
    -webkit-box-shadow: inset 0 1px 0 #dfdddd;
    box-shadow: inset 0 1px 0 #dfdddd;
    color: #fff;
    float: right;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-weight: bold;
    padding: 13px 26px
}

#main input.submit,
#main .more,
a.button,
#external input.more {
    background: #CBC9C9;
    background: -moz-linear-gradient(top, #CBC9C9 0, #B4B2B2 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CBC9C9), color-stop(99%, #B4B2B2));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#CBC9C9', endColorstr='#B4B2B2', GradientType=0);
    border-left: 1px solid #b9b5b5;
    border-right: 1px solid #b9b5b5;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0 1px 0 #dfdddd;
    -webkit-box-shadow: inset 0 1px 0 #dfdddd;
    box-shadow: inset 0 1px 0 #dfdddd;
    color: #fff;
    float: right;
    font-size: 12px;
    padding: 13px 26px;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

form fieldset {
    position: relative
}

.floatleft {
    float: left
}

@media only screen and (max-width:2000px) {
    #top_tutorials {
        overflow: visible
    }
}

@media only screen and (max-width:959px) {
    .main_top_nav {
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    .main_top_nav {
        width: 100% !important
    }
    #external_top ul li a {
        font-size: 14px !important;
        margin: 0 !important;
        position: relative;
        top: -26px !important
    }
    .main_top_nav a img {
        width: 140px !important;
        height: auto !important;
        position: relative;
        top: -13px !important
    }
    #external_top {
        float: none !important
    }
    #sign_up table tr td {
        padding: 12px 5px 12px 5px !important;
        font-size: 14px !important
    }
    #sign_up table h2 {
        font-size: 15px !important
    }
}

@media only screen and (max-width:480px) {
    #external_top ul li a {
        font-size: 11px !important
    }
    #external_top {
        margin-top: 24px
    }
    #main #sign_up table tr td.greyheader strong,
    #sign_up table h2,
    #sign_up table tr td {
        font-size: 12px !important
    }
    #sign_up table tr td:nth-child(1) {
        padding-right: 0 !important
    }
    #sign_up table tr td {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media only screen and (max-width:660px) {
    #external_top ul li a {
        font-size: 12px !important;
        position: relative !important;
        top: -35px !important
    }
}

@media only screen and (max-width:500px) {
    div.mainrow {
        width: 100%
    }
}

@media only screen and (max-width:400px) {
    #external_top ul li {
        margin-right: -11px !important
    }
    .main_top_nav {
        height: 80px !important
    }
    #external_top {
        margin-top: 25px !important
    }
}

#main #notice {
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0, #FAF7F7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FAF7F7));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FAF7F7', GradientType=0);
    border: 1px solid #e7e1ff;
    margin: 10px 0;
    padding: 15px;
    text-transform: uppercase;
    font-weight: bold
}

#main section.content {
    float: left;
    width: 660px;
    margin: 10px 0 0 40px
}

#main section.content.clearfix {
    float: none !important;
    width: 960px !important;
    margin: 40px 0 20px !important
}

#questions_plans h2 {
    font-family: Open Sans, sans-serif;
    font-size: 17px;
    margin-bottom: 7px;
    color: #585555;
    font-weight: normal;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

#questions_plans p {
    margin-bottom: 37px;
    line-height: 25px;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

.nofloat {
    float: none !important
}

#main section.content section div {
    float: left;
    clear: left;
    padding: 20px
}

#main section.check.status {
    clear: left;
    float: left;
    width: 345px
}

#main section.about.status.backingup div.progress-bar {
    width: 210px;
    margin: 0 auto
}

#main section.about.status div.progress-bar {
    width: 250px
}

#main section.about.status div.progress-bar,
#main section.about.status div.progress-bar div {
    float: none;
    padding: 0;
    margin: 0
}

#main section.about.status div.progress-bar div.progress {
    border: 1px solid #7E7E7E;
    position: absolute
}

.progress-bar {
    width: 340px;
    height: 20px;
    border-radius: 15px;
    border: 3px solid #dadada;
    background: #e1f1cb
}

.progress-bar .inner {
    border: 1px solid #7e7e7e;
    height: 18px;
    border-radius: 15px;
    position: relative
}

.progress-bar .progress {
    background: #a8d969 url(../images/progress.png?1486297033);
    height: 18px;
    border-radius: 15px;
    border-radius: 15px;
    padding: 0;
    margin: 0;
    border: 1px solid #7e7e7e;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%
}

.progress-bar.buffer .progress {
    background-image: url(../images/progress-2.gif?1486297033)
}

.progress-bar .progress.step-1 {
    width: 50px
}

.progress-bar .progress.step-2 {
    width: 175px
}

.progress-bar .progress.step-4 {
    width: 100%
}

section.check.status span {
    font-size: 10px;
    color: #bababa;
    text-transform: uppercase
}

section.check.status>span {
    margin: 9px 5px 0;
    text-align: center;
    display: inline-block
}

section.check.status>span.active {
    color: #7e7e7e
}

#main section.about.status {
    float: left;
    clear: left;
    width: 263px;
    padding: 0
}

#main section.about.status div p {
    font-size: 15px;
    line-height: 20px
}

#main section.about.status h1 {
    background: #999;
    background: -moz-linear-gradient(top, #999 0, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999), color-stop(100%, #666));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666', GradientType=0);
    padding: 5px;
    clear: left;
    color: #92d400;
    font-size: 18px;
    font-weight: normal
}

#main section.about.status.backingup h1 {
    text-align: left;
    padding-left: 27px
}

#main section.about.status div {
    float: left;
    width: 100%
}

#main section.about.status div.top {
    padding-top: 10px;
    color: #979595
}

#main section.about.status div ol {
    font-size: 15px
}

#main section.about.status div ol li {
    margin-bottom: 10px;
    line-height: 18px !important
}

#main section.about.status div.ftp {
    width: 100%
}

#main section.about.status div.ftp span {
    font-weight: bold;
    padding-right: 5px
}

#main section.about.status div.ftp p {
    width: 60%
}

#main section.about.status div.loading {
    float: right;
    margin-top: -25px;
    width: 50px;
    background: gray
}

#main section.about.status div.size {
    float: right;
    margin-top: -14px;
    padding: 0;
    width: 50px
}

#main section.about.status div.progress {
    width: 100%;
    float: left;
    clear: left;
    margin: 20px 0 0 0;
    padding: 50px 0 0 0;
    border-bottom: 1px solid #ece8e8;
    position: relative
}

#main section.about.status div.loading-progress {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 6px;
    padding: 0;
    background: #e4e4e4
}

#main section.about.status div.loading-progress.bar {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 0;
    height: 6px;
    background: #fdc82f;
    z-index: 5;
    width: 50%
}

#main section.about.status div.division {
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 20px;
    background: white
}

#main section.about.status div.division h5 {
    font-size: 12px;
    color: #969696
}

#main section.about.status.backingup div.division p {
    text-align: left;
    padding: 10px 27px
}

#main section.about.status div.division p {
    color: #b4b4b4;
    padding: 3px 0
}

#main section.about.status div.division ol.welcome li {
    list-style-type: decimal;
    margin-left: 17px;
    font-size: 15px
}

#main section.about.status div.division li {
    color: #969696;
    list-style-type: none;
    text-align: right;
    padding-bottom: 5px;
    font-size: 13px
}

#main section.about.status div.division span {
    float: left;
    font-weight: bold
}

#main section.about.status div.division fieldset {
    float: left;
    clear: left;
    width: 100%
}

#main section.about.status div.division input.check {
    float: left;
    margin: 2px 0 0 0
}

#main section.about.status div.division form {
    padding: 20px 0 20px 0;
    margin: 0 auto;
    width: 150px
}

#main section.about.status div.division label {
    font-weight: normal;
    padding: 0 0 10px 10px
}

#main section.other.status {
    background: #fff;
    width: 100%;
    float: left;
    clear: left;
    border: 1px solid #e6dfe9;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px
}

#main section.other.status header {
    background: #D3D0D0;
    background: -moz-linear-gradient(top, #D3D0D0 0, #B3B1B1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D3D0D0), color-stop(100%, #B3B1B1));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#D3D0D0', endColorstr='#B3B1B1', GradientType=0);
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 1px solid #909090;
    -moz-box-shadow: inset 0 2px 0 #dad8d8;
    -webkit-box-shadow: inset 0 2px 0 #dad8d8;
    box-shadow: inset 0 2px 0 #dad8d8;
    float: left;
    clear: left;
    width: 100%;
    height: 30px;
    position: relative
}

#main section.other.status header h1 {
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    padding-left: 20px;
    color: #fff
}

#main section.other.status header .backups {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 13px;
    color: #fff
}

#main section.other.status header .backups span {
    padding-left: 10px
}

#main section.other.status nav {
    float: left;
    margin-left: 40px;
    padding: 40px 0
}

#main section.other.status nav ul {
    float: left;
    clear: left
}

#main section.other.status nav li {
    line-height: 24px;
    font-weight: bold;
    font-size: 12px
}

#main section.other.status nav a {
    color: #3b3a3a
}

#main section.other.status nav a.inset-button {
    float: left;
    clear: left;
    margin-top: 20px
}

#main section.other.status ol {
    font-weight: bold;
    padding: 20px 0
}

#main section.content section div.account_edit {
    width: 550px;
    clear: none
}

#main section.content section div#protect_more_sites h2 {
    margin: 0 0 10px 0
}

#main section.content section div#protect_more_sites {
    border: 1px solid #ddd;
    background: #efefef;
    width: 220px;
    float: right;
    clear: none;
    margin: 70px 40px 0 0
}

#main section.other.status form {
    float: left;
    clear: left;
    padding-top: 0
}

#main section.other.status input.name,
#main section.other.status input.email {
    padding: 10px 13px;
    color: #bebebe;
    border: 1px solid #bebebe
}

#main section.other.status input.name {
    margin-right: 6px
}

#main section.other.status input.name {
    width: 166px
}

#main section.other.status input.email {
    width: 265px
}

#main section.other.status fieldset.buttons {
    float: right
}

#main section.other.status a.inset-button {
    padding: 13px 26px;
    font-size: 12px;
    margin-right: 15px
}

#main section.other.status .submit {
    margin-top: 3px
}

#main section.other.status div.titles {
    float: left;
    clear: left;
    width: 100%;
    height: 30px;
    background: #eee;
    padding: 0;
    line-height: 30px;
    font-weight: bold;
    color: #00b073
}

#main section.other.status div.titles * {
    padding: 0
}

#main section.other.status div.data {
    float: left;
    clear: left;
    padding: 0;
    width: 100%;
    color: #959595;
    padding: 20px 0 15px 0
}

#main section.other.status div.data * {
    padding: 0
}

#main section.other.status div.data .inset-button {
    padding: 5px 5px;
    margin-top: -10px
}

#main section.other.status div.step {
    float: left;
    clear: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

#main section.other.status div.step.one {
    width: 75px;
    padding-left: 10px;
    text-align: center
}

#main section.other.status div.step.one img {
    vertical-align: middle
}

#main section.other.status div.step.two {
    width: 215px
}

#main section.other.status div.step.three {
    width: 90px
}

#main section.other.status div.step.four {
    width: 70px
}

#main div.advanced p {
    color: #757575;
    padding: 10px 0 0 0
}

footer {
    font-size: 13px;
    padding: 10px 0;
    width: 960px;
    margin-top: 20px;
    border-top: 1px solid #ececec
}

footer>nav {
    clear: left;
    float: left
}

footer>nav li {
    float: left;
    padding-right: 20px
}

footer>nav p.copyright {
    clear: left;
    color: #858585;
    float: left;
    padding: 10px 0 0 0
}

#main .ftp h2 a.inset-button {
    float: right;
    margin: 4px 8px 0 0;
    line-height: normal !important
}

#main>.notice,
#main>.error,
#main>.alert {
    clear: both;
    display: block;
    margin: 10px 0
}

.bottom {
    margin-bottom: 0 !important
}

.content {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    width: 100%
}

.content h1 {
    margin-bottom: 20px
}

#pricingplans h1 {
    margin-bottom: 15px
}

.content h3 {
    margin: 20px 0 5px;
    color: #959595
}

.content h3 strong {
    color: #000
}

.content .left {
    float: left;
    width: 460px;
    margin-right: 40px
}

.content .right {
    float: right;
    width: 460px
}

.content .right.map {
    float: right;
    width: 260px
}

.content .inset-button {
    color: inherit
}

.content p {
    line-height: 18px;
    margin-bottom: 10px
}

.content p a {
    color: #728B06
}

input:focus,
a:active,
a:focus {
    outline: 0 !important
}

.content label {
    font-weight: normal
}

pr@font-face {
    font-family: Helvetica Neue;
    src: url(../fonts/HelveticaNeue.dfont?1486297033) format('opentype');
    behavior: url(../js/PIE.htc?1486297033)
}

.center {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px
}

.aboutsnav {
    padding: 5px 0 7px 0;
    width: 100%;
    position: relative;
    top: 0;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px
}

.aboutsnav h2 {
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 20px;
    padding: 0;
    margin: 0;
    float: left;
    margin-top: 13px
}

.aboutsnav nav {
    float: right;
    padding: 16px 14px 13px 0
}

.aboutsnav ul {
    margin-left: 0
}

.aboutsnav ul li {
    display: inline;
    list-style-type: none
}

.aboutsnav ul li span {
    margin: 0 0 0 7px;
    margin-left: 7px
}

.aboutsnav a {
    font-size: 10px;
    font-family: Open Sans, sans-serif;
    padding: 4px;
    text-transform: uppercase;
    text-decoration: none;
    color: #9e9e9e
}

.aboutsnav a:hover {
    color: #99c134
}

.aboutsnav a.active {
    color: #99c134
}

div.content p,
div.content ul li,
div.content ol li {
    line-height: 1.8em;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

div.content ul {
    margin: 0;
    padding: 0;
    margin-top: 5px
}

div.content ul li {
    list-style: none
}

div.content ol li {
    margin-bottom: 10px
}

div.content p strong {
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #646060 !important
}

div.content a {
    color: #00b073;
    font-weight: 500;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

div.content a:hover {
    text-decoration: underline
}

div.content h2 {
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 30px;
    margin-bottom: 15px
}

div.content h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 36px;
    margin-bottom: 15px
}

div.content h3 {
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    font-size: 15px;
    color: #323232;
    margin: 0;
    margin-top: 2px
}

div.content h3 strong {
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    font-size: 15px;
    color: #404040
}

div.content h4 {
    line-height: 22px !important font-family: Open Sans, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    margin-top: 15px
}

#main .inset-button.add-site-button,
#main input.submit,
#main .more,
a.button,
input#credit-card-embedded-button,
#external input.more {
    background-image: -moz-linear-gradient(top, #94df00, #87b42d);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#94df00), to(#87b42d));
    background-image: -o-linear-gradient(top, #94df00, #87b42d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#94df00', endColorstr='#87b42d');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#94df00',endColorstr='#87b42d')";
    background-image: linear-gradient(top, #94df00, #87b42d);
    border: none !important
}

.sub_section {
    margin-bottom: 45px;
    margin-top: 30px
}

.morespace {
    padding-bottom: 12px
}

.sub_section textarea {
    font-weight: 100;
    font-family: Open Sans, sans-serif
}

.content h3 a {
    font-size: 18px;
    margin-bottom: 100px
}

.content h3 a:link,
h3 a:visited {
    color: #92D400
}

.content h3 a:hover {
    color: #A7E61E
}

.partnerForm_form {
    width: 59%;
    margin-bottom: 30px
}

.partnerForm h1 {
    font-family: arial, serif;
    color: #92D400;
    font-size: 20pt;
    border-bottom: 1px solid #D4D4D4
}

.partnerForm h3 {
    font-size: 14pt;
    margin-left: 25px
}

.partnerForm p {
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 14px;
    float: left;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    color: #404040
}

.partnerForm form {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px
}

.partnerForm p {
    line-height: 1.9em !important;
    margin-bottom: 25px !important
}

.partnerForm .indivQuestion {
    display: block;
    height: 60px;
    padding-top: 10px;
    clear: both;
    margin-bottom: 12px
}

.partnerForm .indivQuestion .text .radioBoxChunk {
    clear: both
}

.partnerForm .indivQuestion .text {
    margin: 0 0 30px 0;
    float: left;
    height: 30px;
    width: 400px;
    position: relative;
    left: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

.partnerForm .indivQuestion .textarea {
    margin: 0 0 30px 0;
    float: left;
    height: 100px;
    width: 400px;
    position: relative;
    left: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

.partnerForm .indivQuestion .label {
    font-weight: normal;
    color: #666;
    float: left;
    margin-top: -20px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 14px;
    float: left;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    color: #404040
}

.partnerForm .radioBoxChunk {
    height: 50px;
    padding-top: 10px;
    display: block;
    width: 400px;
    float: left;
    padding-left: 1px
}

.partnerForm .radioBoxChunk .radioBoxLabel {
    font-weight: normal;
    color: #666;
    font-size: 14px;
    padding-left: 5px;
    margin-right: 20px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    color: #404040
}

.partnerForm .marketing_button {
    border: none
}

div.planspage {
    background: #fff;
    float: left;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

#pricingplans div.planspage hgroup.clearfix,
#pricingplans_custom div.planspage hgroup.clearfix {
    border: none
}

#pricingplans div.planspage h2,
#pricingplans_custom div.planspage h2 {
    font-family: Open Sans, sans-serif !important;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-weight: 100 !important;
    background: url(../images/bg_plans_h2.png?1486297033) repeat-x;
    padding: 10px 0 10px 0;
    width: 100%;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 0;
    border: 1px solid #5e5e5e;
    text-shadow: -1px -1px 0 #323232
}

#pricingplans div.planspage hgroup.clearfix h3,
#pricingplans_custom div.planspage hgroup.clearfix h3 {
    float: none;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 46px !important;
    background: #f6f6f6;
    border: 1px solid #e8e8e8;
    padding: 6px 0 4px 0;
    text-shadow: 1px 1px 0 #fff;
    color: #97c321
}

#pricingplans div.planspage hgroup.clearfix h3 span {
    text-transform: uppercase;
    position: relative;
    right: 10px;
    color: #c1c0c0
}

#pricingplans div.planspage hgroup.clearfix h3 span.dollar_sign {
    color: #97c321;
    font-size: 20px;
    position: relative;
    top: -17px;
    left: 10px
}

div.planspage ul {
    position: relative;
    right: 10px
}

#pricingplans div.planspage ul li span {
    color: #97c321;
    font-weight: bold;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    font-weight: 400
}

div.planspage ul li {
    list-style: none;
    color: #9E9E9E;
    border-bottom: 1px solid #ececec;
    padding: 8px 0 8px 0;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.button_holder {
    background: #f6f6f6;
    border: 1px solid #ebebeb;
    border-bottom: none;
    height: 80px
}

div.planspage ul li:last-child {
    border-bottom: none;
    margin-bottom: 10px
}

.ninja {
    width: 45px;
    height: 45px;
    background-size: 25px auto;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    margin-top: -35px;
    margin-bottom: -15px
}

.ninja_annual_billing {
    display: block;
    font-size: 12px !important;
    margin-bottom: -14px;
    font-weight: normal !important;
    top: -14px !important
}

.plans_box {
    float: left;
    width: 20%;
    text-align: center;
    height: 500px
}

.custom_header_plans {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px
}

.custom_header_plans h2 {
    color: #fff
}

.custom_holder_plans {
    background: #fff !important;
    padding-top: 0 !important;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}

.custom_holder_plans .buttonholder {
    padding-top: 10px !important
}

.plans_box_custom {
    float: left;
    width: 25%;
    text-align: center
}

.plans_box .plan_header,
.plans_box_custom .plan_header {
    background: #2f2f2f;
    border: 1px solid #1c1c1c;
    padding: 18px 0 11px 0;
    height: 76px
}

.first_header {
    -webkit-border-top-left-radius: 7px;
    -moz-border-radius-top-left: 7px;
    border-top-left-radius: 7px
}

.last_header {
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-top-right: 7px;
    border-top-right-radius: 7px
}

.plan_header h1 {
    color: #fff;
    font-family: Helvetica Neue, Open Sans, sans-serif;
    font-weight: 200;
    text-shadow: 1px 1px 0 #000;
    font-size: 25px
}

.plan_header span {
    color: #a3a3a4;
    text-shadow: 1px 1px 0 #000;
    font-size: 21px;
    font-family: Helvetica Neue, Open Sans, sans-serif;
    font-weight: 100;
    position: relative;
    top: -16px
}

.plan_header span.dollar_sign {
    color: #fff;
    font-weight: 100;
    font-family: Helvetica Neue, Open Sans, sans-serif;
    font-size: 20px
}

.bestfor {
    background: #ececec;
    border: 1px solid #dbdbdb;
    padding: 12px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

p.categories {
    font-weight: bold;
    width: 115px;
    margin: 0 auto
}

.box_advanced {
    margin-top: 0
}

.special_bestfor {
    background: #ec854e;
    background-image: linear-gradient(bottom, #ed864f 15%, #e36b3f 71%);
    background-image: -o-linear-gradient(bottom, #ed864f 15%, #e36b3f 71%);
    background-image: -moz-linear-gradient(bottom, #ed864f 15%, #e36b3f 71%);
    background-image: -webkit-linear-gradient(bottom, #ed864f 15%, #e36b3f 71%);
    background-image: -ms-linear-gradient(bottom, #ed864f 15%, #e36b3f 71%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #ed864f), color-stop(0.71, #e36b3f));
    color: #fff;
    text-shadow: 1px 1px 0 #ba5428;
    border-top: none;
    padding: 12px;
    padding-top: 12px;
    border: 1px solid #c75d1d
}

.plans_box ul {
    margin: 0;
    padding: 0 15px
}

.plans_box ul li {
    list-style: none;
    margin: 0 0 10px 0;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #323232;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px
}

.plan_ul_holder {
    border: 1px solid #d5d5d5;
    background: #fafafa;
    border-top: none;
    padding: 15px 0 20px 0
}

.no_border {
    border: none;
    border-bottom: 1px solid #d5d5d5
}

.most_popular_ribbon {
    position: relative;
    top: -36px;
    left: 11px;
    float: right;
    margin-left: -96px
}

.no_border_left {
    border-left: none;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px
}

.advanced_holder {
    background: #fff;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px
}

.also_basic {
    position: absolute;
    margin-top: -28px !important;
    margin-left: -111px !important
}

.also_professional {
    position: absolute;
    margin-top: -30px !important;
    margin-left: -147px !important
}

.also_enterprise {
    position: absolute;
    margin-top: -31px !important;
    margin-left: -135px !important
}

.advanced_holder .buttonholder {
    margin-top: 24px
}

.plans_box ul li span {
    font-weight: bold;
    color: #323232;
    font-size: 14px
}

div.header_advanced {
    background: #323232 !important;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    padding-top: 20px !important;
    padding-bottom: 7px !important
}

.plans_caption_custom {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 17px
}

.plans_caption_custom span {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    font-size: 23px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.plans_caption_custom a {
    color: #00b073;
    font-weight: 400
}

.plans_caption_custom a span {
    color: #fff !important;
    padding: 12px 25px 10px 20px;
    background: #6fd1c4;
    text-shadow: 1px 1px 0 #66b0a7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 600 !important;
    font-size: 14px !important;
    -moz-box-shadow: 0 3px 0 #68c2b7;
    -webkit-box-shadow: 0 3px 0 #68c2b7;
    box-shadow: 0 3px 0 #68c2b7;
    margin: 0 5px 0 5px
}

.plans_caption_custom a:hover {
    opacity: .9;
    text-decoration: none
}

div.header_advanced h1 {
    font-size: 31px;
    margin-top: -3px
}

div.header_advanced span {
    font-size: 21px !important;
    font-weight: 200
}

div.header_advanced span.dollar_sign {
    color: #ef7634;
    font-weight: 200
}

.plan_ul_holder .buttonholder {
    padding: 18px 0 15px 0
}

.plan_ul_holder .buttonholder a,
.btn_planspage {
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold !important;
    background: #00b073;
    padding: 15px 25px 13px 25px;
    font-size: 15px !important;
    box-shadow: 0 3px 0 #008e5d;
    transition: .45s
}

.box_three .plan_ul_holder {
    border-right: 0
}

.plan_ul_holder .buttonholder a:hover,
.btn_planspage:hover {
    background: #008e5d;
    transition: .45s
}

.plan_ul_holder .buttonholder p {
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 11px !important;
    position: relative;
    top: -13px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    padding: 64px 0 6px 0
}

.first_plan_ul {
    border-bottom-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-bottom-left-radius: 7px
}

.advanced_holder .buttonholder a {
    background: #ef8a52;
    -moz-box-shadow: 0 3px 0 #e97130;
    -webkit-box-shadow: 0 3px 0 #e97130;
    box-shadow: 0 3px 0 #e97130;
    text-shadow: 1px 1px 0 #cc7646
}

.advanced_holder .buttonholder a:hover {
    background: #ec7a3c
}

.firstbuttonholder {
    margin-top: 24px
}

.contain_plans_table {
    background: #fafafa;
    margin-top: 30px;
    padding-bottom: 40px;
    padding-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #ececec !important
}

.contain_plans_table table {
    background: #fff;
    border: 1px solid #d5d4d4 !important
}

.last_plan_tr {
    border-bottom: 1px solid #d5d4d4 !important
}

.marketing_button {
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold !important;
    background: #00b073;
    padding: 15px 40px 13px 40px;
    font-size: 15px !important;
    transition: .45s;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased
}

.marketing_button:hover {
    background: #008e5d;
    transition: .45s
}

.marketing_button_orange {
    font-family: Open Sans, sans-serif;
    font-weight: bold !important;
    font-size: 15px !important;
    top: -13px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    padding: 14px 30px 14px 30px;
    color: #fff !important;
    text-decoration: none !important;
    background: #ef8a52;
    text-shadow: 1px 1px 0 #cc7646;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 3px 0 #e97130;
    -moz-box-shadow: 0 3px 0 #e97130;
    -webkit-box-shadow: 0 3px 0 #e97130;
    transition: .4s;
    border: 0
}

.marketing_button_orange:hover {
    background: #e97130;
    transition: .4s
}

@media only screen and (max-width:960px) {
    .most_popular_ribbon {
        display: none
    }
    #external_top ul li a {
        padding: 0
    }
    .plan_ul_holder .buttonholder a {
        font-size: 12px !important;
        padding: 14px 15px 12px 15px
    }
    .plan_ul_holder .buttonholder p {
        width: 120px !important
    }
    .firstbuttonholder {
        margin-top: 11px !important
    }
    .buttonholder .fake_monthly_button {
        font-size: 12px !important;
        padding: 14px 15px 12px 15px
    }
    .ninja_affiliate_plans#pricingplans {
        margin-bottom: 100px !important
    }
    .ninja_affiliate_plans .plan_ul_holder .buttonholder p {
        padding-top: 64px !important
    }
    .ninja_affiliate_plans .billed_annually {
        top: 101px !important
    }
}

@media only screen and (max-width:770px) {
    .billed_annually {
        text-align: center;
        width: 100%;
        top: -43px !important
    }
    .also_basic,
    .also_professional,
    .also_enterprise {
        display: none
    }
    .plans_caption_custom span {
        display: block
    }
    .plans_caption_custom a span {
        display: inline
    }
    .plans_caption_custom a {
        top: 18px
    }
    .plans_caption_custom {
        margin-top: -20px;
        margin-bottom: 30px
    }
    .plans_box {
        margin-bottom: 80px
    }
    .box_advanced {
        margin-bottom: 110px !important
    }
    .plans_box {
        float: none;
        width: 100%
    }
    #pricingplans {
        height: auto !important;
        margin-bottom: 0 !important
    }
    .no_border,
    .no_border_left,
    .first_plan_ul {
        border: 1px solid #d5d5d5;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -moz-border-bottom-right-radius: 7px;
        -moz-border-bottom-left-radius: 7px
    }
    .last_header,
    .plans_box .plan_header,
    .plans_box_custom .plan_header {
        border: 1px solid #d5d5d5;
        border-top-right-radius: 7px;
        border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        -webkit-border-top-left-radius: 7px;
        -moz-border-top-right-radius: 7px;
        -moz-border-top-left-radius: 7px
    }
    .box_three .plan_ul_holder {
        border-right: 1px solid #d5d5d5
    }
    .plan_ul_holder .buttonholder a,
    .buttonholder .fake_monthly_button {
        font-size: 14px !important;
        padding: 14px 25px 12px 25px
    }
    .plans_toggle {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 30px !important
    }
    .plans_toggle ul {
        width: 65% !important;
        margin: 0 auto !important;
        height: 137px !important
    }
    .plans_toggle ul li a,
    .plans_toggle ul li {
        width: 100% !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }
    .box_four .plan_ul_holder {
        border-left: 1px solid #d5d5d5 !important
    }
    .plan_ul_holder .buttonholder p {
        padding-top: 0 !important;
        width: 160px !important
    }
    .box_one {
        margin-bottom: 35px !important
    }
    .ninja_affiliate_plans .plans_box {
        width: 100% !important
    }
    .ninja_affiliate_plans .plan_ul_holder .buttonholder p {
        padding-top: 10px !important
    }
    .ninja_affiliate_plans .box_one {
        margin-bottom: 55px !important
    }
}

@media only screen and (max-width:760px) {
    .button_holder {
        padding: 0 !important
    }
}

@media only screen and (max-width:460px) {
    div.final_features {
        margin-top: 40px !important
    }
    .plans_toggle ul {
        width: 100% !important
    }
}

div.plans_embedded {
    width: 400px;
    margin: 0 10px
}

div.plans_embedded h1 {
    color: white;
    padding: 10px;
    font-size: 24pt
}

div.plans_embedded h2,
div.plans_embedded li {
    margin-left: 20px
}

div.plans_embedded p {
    margin: 10px 20px
}

div.plans_embedded img.tinymachine {
    float: right;
    margin-right: 10px
}

div.plans_embedded div#free .plansinfo {
    background: url(../images/plansbg-sky-free.jpg) top no-repeat
}

div.plans_embedded div#pro .plansinfo {
    background: url(../images/plansbg-sky-pro.jpg) top no-repeat
}

.plans_embedded {
    width: 710px !important
}

.plans_embedded table#planstable {
    width: 700px
}

div.plans_embedded table td {
    width: 50% !important;
    text-align: left
}

div.plans_embedded table td.basic {
    border-left: 1px solid #999;
    border-right: 1px solid #999
}

.plans_embedded div {
    float: none !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important
}

.plans_embedded #setup_usecase ul {
    margin-left: 17px;
    padding-left: 0
}

.plans_embedded div .savings {
    font-size: 10pt;
    color: #666;
    float: left;
    font-weight: normal;
    padding-top: 8px;
    padding-left: 40px
}

.plans_embedded .button {
    float: left !important;
    padding: 7px;
    margin-bottom: 10px;
    margin-right: 5px
}

.plans_embedded a.button:hover {
    color: #eee
}

.plans_embedded .buttonTitle p {
    font-size: 13px;
    margin-bottom: 0
}

.plans_embedded table tr#prices {
    font-size: 16px;
    color: white
}

.plans_embedded tr#prices td.basic {
    background-color: #A4BE21 !important;
    height: 15px;
    padding-left: 10px
}

.plans_embedded tr#prices td.pro {
    background-color: #64605F !important;
    height: 15px;
    padding-left: 10px
}

#sign_up {
    background: transparent url(../images/cg_plans_table.png?1486297033) no-repeat 617px 13px;
    background-size: 340px auto;
    width: 100% !important;
    padding-right: 100px
}

@media only screen and (min-width:1950px) {
    #sign_up {
        background: transparent url(../images/cg_plans_table.png?1486297033) no-repeat 700px 13px
    }
    .firstbuttonholder {
        margin-top: 0 !important
    }
    .plan_ul_holder .buttonholder p {
        padding-top: 44px !important
    }
    #pricingplans {
        margin-bottom: 50px !important
    }
    .ninja_affiliate_plans#pricingplans {
        margin-bottom: 70px !important
    }
}

@media only screen and (max-width:960px) {
    #sign_up {
        background: none !important
    }
}

#sign_up table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px;
    position: relative;
    top: 20px;
    margin-top: -10px
}

#sign_up table tr {
    border-bottom: 1px solid #F2F2F2
}

#sign_up .trheadingtop {
    background: #707070
}

#sign_up .trheadingtop h2 {
    font-weight: 100 !important;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-shadow: -1px -1px 0 #323232
}

#sign_up .trheadingtop td {
    border-right: 1px solid #696868;
    border-left: 1px solid #696868
}

#sign_up .trheadingtop td:first-child {
    width: 200px
}

#sign_up .trheading {
    color: #575757;
    background: #f7f7f7
}

#sign_up table tr td.greyheader strong {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased
}

#sign_up table h2 {
    font-size: 20px;
    color: #fff
}

#sign_up table tr td {
    border-right: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
    font-size: 15px;
    padding: 12px 10px 12px 10px;
    font-weight: 100 !important;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased
}

#sign_up table tr td a {
    text-decoration: none;
    color: #00b073 !important;
    -webkit-font-smoothing: antialiased
}

#sign_up table tr td a:hover {
    text-decoration: underline
}

#sign_up table tr td:nth-child(1) {
    border-left: none
}

#sign_up table tr td:nth-child(4) {
    border-right: none
}

#sign_up table tr td.lighttd {
    text-align: center
}

#sign_up table tr td.darktd {
    text-align: center
}

.checkyes {
    background: url(../images/homenew/cg_check.png) no-repeat 50% 50%
}

.plans_page_header {
    margin-top: 30px !important;
    margin-bottom: 0 !important
}

#pricingplans {
    float: left;
    height: auto;
    margin-bottom: 105px;
    width: 100%
}

#pricingplans a,
#sign_up div a,
.plans_caption a,
#questions_plans a {
    color: #00b073;
    font-weight: 500;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

#pricingplans a:hover,
#sign_up div a:hover,
.plans_caption a:hover,
#questions_plans a:hover {
    text-decoration: underline
}

#sign_up table tr td:last-child {
    border-right: 1px solid #d5d4d4 !important
}

div.plans_caption {
    margin: 0 auto;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 20px
}

div.plans_caption h1 {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    font-size: 36px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

div.plans_caption p {
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 16px !important;
    position: relative;
    top: -13px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

div.plans_caption p strong {
    font-size: 16px !important
}

#pricingplans div.plan {
    float: left;
    width: 390px;
    height: 455px;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px;
    -webkit-box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 2px 5px 5px 0 rgba(0, 0, 0, 0.06)
}

#pricingplans div.plan:first-child {
    margin-left: 10px
}

#pricingplans hgroup {
    color: #3b3b3b;
    border-bottom: 1px solid #3b3b3b
}

#pricingplans hgroup p {
    position: relative;
    top: -3px;
    margin-bottom: 3px;
    font: 20px Helvetica Neue, Helvetica, Arial, sans-serif
}

#pricingplans hgroup h2 {
    margin: 0;
    padding-bottom: 3px
}

#pricingplans img {
    float: right;
    margin-right: 4px;
    margin-top: 10px
}

#pricingplans .form p {
    text-align: center;
    font: italic 12px/2 "Cambria", "Georgia", "Times", "Times New Roman", serif;
    margin-bottom: 35px
}

#pricingplans .form p em {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #3b3b3b;
    margin-top: 15px
}

.space {
    position: relative;
    top: 27px;
    right: 175px;
    float: left;
    color: #808080
}

#pricingplans .form label {
    float: left;
    margin-top: -3px;
    margin-right: 20px;
    font: italic 14px/1.5 "Cambria", "Georgia", "Times", "Times New Roman", serif
}

#pricingplans .form label.push {
    margin-top: 3px
}

#pricingplans .form label small {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-style: normal;
    float: left;
    display: block
}

#pricingplans .form label em {
    color: #f75c1f
}

#pricingplans .form label em:before {
    content: "- "
}

div.thin_column div.grid_6 p {
    margin-right: 15px
}

span#ui-dialog-title-popup.ui-dialog-title {
    width: 100%;
    height: 30px;
    margin: 0;
    background: #BABBB8
}

.ui-tooltip {
    z-index: 9999;
    max-width: 250px;
    text-align: center
}

table#planstable {
    width: 840px;
    margin: 0 auto
}

div#pricingplans table {
    text-align: center;
    margin: 0 auto;
    font-size: 10pt
}

div#pricingplans table td {
    padding: 13px 10px 13px 10px;
    width: 150px
}

div#pricingplans a.more {
    float: center
}

div#pricingplans input.more {
    float: center;
    margin-left: 60px
}

div.video_text {
    float: right
}

#paypal_side p {
    line-height: 18px;
    margin-bottom: 20px
}

.paypal_option,
.paypal_option:visited {
    color: #00b073;
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 19px;
    display: block
}

.paypal_option:hover,
.paypal_option2:hover {
    text-decoration: underline;
    color: #99C235
}

.paypal_option2,
.paypal_option2:visited {
    color: #00b073;
    font-size: 12px;
    text-decoration: none;
    margin: 15px 0 15px 0;
    display: block;
    font-weight: bold
}

.payment-container h1 {
    font-family: Open Sans, sans-serif;
    color: #5D5D5D;
    font-size: 23px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-bottom: 13px;
    clear: both
}

div#payment-container {
    padding: 10px
}

#paymentNoticeMessage {
    width: 94%;
    margin: 10px 0 !important
}

.credit_inputs form input {
    background: #fff;
    border: 1px solid #D1D1D1;
    padding: 14px 10px;
    border-radius: 3px;
    font-size: 14px
}

.credit_inputs p {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.8em;
    margin-bottom: 21px;
    padding-right: 10px
}

.credit_inputs p strong {
    font-size: 14px
}

#credit_step_1 {
    margin-bottom: 30px;
    display: block;
    float: left;
    width: 100%
}

#credit_step_1 ul li div,
#credit_step_2 ul li div,
#credit_step_3 ul li div {
    display: inline
}

#credit_step_1 ul,
#credit_step_2 ul,
#credit_step_3 ul {
    margin: 0;
    padding: 0
}

#credit_step_1 ul li,
#credit_step_2 ul li {
    list-style: none;
    display: inline;
    width: 50%;
    float: left;
    margin-bottom: 5px
}

#credit_step_1 ul li label,
#credit_step_2 ul li label,
#credit_step_3 ul li label {
    display: block
}

#credit_step_1 ul.utilities {
    display: block;
    width: 100%;
    float: left;
    margin-top: 13px
}

#credit_step_1 ul.names li:nth-child(1) input,
#credit_step_1 ul.utilities li:nth-child(1) input {
    width: 80%
}

#credit_step_1 ul.names li:nth-child(2) input,
#credit_step_1 ul.utilities li:nth-child(2) input {
    width: 90% !important
}

#credit_step_2 ul.cardinfo li:nth-child(1) input {
    width: 80%
}

#credit_step_2 ul.cardinfo li:nth-child(2) input {
    width: 15% !important;
    margin-right: 10px;
    float: left
}

#credit_step_2 {
    float: left;
    display: block;
    margin-bottom: -5px
}

#credit_step_3 ul li:nth-child(1) {
    width: 30%;
    margin-right: 60px
}

#credit_step_3 ul li:nth-child(2) {
    width: 50%
}

#credit_step_3 {
    display: inline;
    float: left;
    height: 80px
}

#credit_step_3 ul li {
    list-style: none;
    display: inline;
    float: left
}

#credit_step_3 ul.codes li:nth-child(1) input {
    width: 100%
}

#credit_step_3 ul.codes li:nth-child(2) input {
    width: 70% !important;
    margin-right: 10px;
    float: left
}

.crv_para {
    float: left;
    width: 65%;
    margin-top: 5px;
    margin-left: 2px
}

.crv_para p {
    background: url(../images/ico_crv.png?1486297033) no-repeat 0 50%;
    padding: 10px 0 10px 50px;
    font-size: 11px;
    line-height: 15px !important;
    width: 60%
}

.crv_para strong {
    font-size: 11px
}

#new_payment_form input.error {
    background: #F5D0D0;
    border: 1px solid #E69797
}

#new_payment_form em {
    display: inline;
    float: none;
    color: #b11 !important;
    font-weight: bold;
    margin: 0;
    padding: 0
}

img.georgia_pin {
    position: relative;
    top: 88px;
    left: 71px
}

div.georgia {
    background: url(../images/bg_georgia.png?1486297033) no-repeat;
    width: 350px;
    height: 400px
}

div.georgia p {
    position: relative;
    top: 95px;
    left: 60px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

#green_submit,
#green_submit2,
a.fake_create_link,
div.green_button_apply,
.form_submit {
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold !important;
    background: #00b073;
    text-shadow: 1px 1px 0 #93b35c;
    padding: 17px 50px 15px 50px;
    font-size: 16px !important;
    box-shadow: 0 3px 0 #7FB02C;
    transition: .45s;
    -webkit-font-smoothing: antialiased;
    border: none;
    line-height: 16px !important
}

#green_submit:hover,
#green_submit2:hover,
.green_button_apply:hover,
.form_submit:hover {
    background: #008e5d;
    transition: .45s
}

div.green_button_apply {
    position: relative;
    top: -54px;
    float: right;
    left: 36px !important;
    padding: 14px 20px !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important
}

.loader_pay {
    position: relative;
    top: 137px;
    right: 252px
}

#cvvhelp {
    padding: 30px 20px 30px 20px;
    background: #FBFBFB;
    border: 1px solid #ececec;
    margin-top: 50px
}

#cvvhelp img {
    display: block;
    font-weight: bold;
    border: none;
    margin-top: 20px
}

#cvvhelp h3 {
    font-size: 14px;
    color: #555
}

#cvvhelp p {
    margin-top: 10px;
    color: #787878;
    font-size: 14px;
    line-height: 1.7em;
    font-weight: 100;
    font-family: Open Sans, sans-serif
}

.payment_attribution {
    text-align: right
}

@media all and (max-width:770px) {
    #cvvhelp {
        width: 90%;
        margin-top: 20px
    }
    .crv_para p {
        width: 64%
    }
    #cvvhelp {
        width: 30%
    }
    div.green_button_apply {
        left: 33px !important
    }
}

@media all and (max-width:767px) {
    #cvvhelp {
        width: 90%
    }
}

@media all and (max-width:479px) {
    .crv_para {
        display: none !important
    }
    #credit_step_2 ul.cardinfo li:nth-child(2) input {
        width: 100% !important
    }
    #credit_step_3 ul li:nth-child(1) {
        width: 100%
    }
    #credit_step_3 ul li:nth-child(2) {
        width: 90%
    }
    div.green_button_apply {
        left: 30px !important
    }
    #credit_step_1 ul.names li:nth-child(2) input,
    #credit_step_1 ul.utilities li:nth-child(2) input,
    #credit_step_2 ul.cardinfo li:nth-child(2) input {
        width: 85% !important
    }
    #credit_step_3 ul.codes li:nth-child(1) input {
        width: 92% !important
    }
}

div.borderless.grid_12 {
    margin-left: 0;
    padding: 0;
    border: 0
}

#image_panel a {
    color: #728B06;
    position: relative;
    top: 7px;
    padding-right: 15px
}

#image_panel img {
    margin: 10px 30px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27)
}

h1#big {
    font-size: 26px;
    border-bottom: 1px solid #999
}

h1#big.alt {
    border: none;
    margin-bottom: 0
}

body#external.landing .template_content {
    border: 0
}

@font-face {
    font-family: "Sorbet";
    src: url(../fonts/21CE16_0_0.ttf?1486297033)
}

#main_credit_form {
    margin-top: 50px !important
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 110%
}

ul.tabs li {
    margin-right: 18px;
    float: left;
    text-align: center;
    width: 177px;
    height: 303px;
    position: relative;
    z-index: 10;
    display: block
}

.tab_content table tr td {
    padding: 5px
}

.tab_content table tr {
    padding: 5px;
    border-bottom: 1px solid #ccc
}

.tab_content table tr:last-child {
    border-bottom: none
}

.tab_content {
    width: 960px
}

.tabs a {
    padding: 10px 50px 20px 50px;
    display: inline-block;
    background: url(../images/btn_learnmore_hw.png) no-repeat;
    font-size: 0;
    text-decoration: none;
    position: relative;
    top: 20px;
    opacity: 1
}

.proscons ul {
    margin: 0;
    padding: 0
}

.proscons ul li {
    list-style: none;
    padding-bottom: 10px
}

.tabs a:hover {
    opacity: .7
}

.hiw_sub p {
    line-height: 20px;
    font-size: 13px
}

.image_wrap {
    margin: 20px 0 50px 0;
    padding: 10px 10px 1px 10px;
    background: #f8f8f8
}

.image_wrap p {
    font-size: 12px;
    color: #A3A3A3;
    font-family: georgia, serif;
    font-style: italic;
    position: relative;
    top: 3px;
    line-height: 16px
}

.image_wrap img {
    height: auto
}

div.hiw_caption {
    margin: 0 auto;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 10px
}

div.hiw_caption h1 {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    position: relative;
    margin: 0 auto;
    font-size: 36px;
    margin-bottom: 5px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

div.hiw_caption p strong {
    font-size: 14px
}

div.hiw_caption p {
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased
}

.hiw_main_sections {
    width: 100%
}

.hiw_main_sections h1 {
    color: #7B7B7B;
    font-size: 36px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.hiw_main_sections p,
.hiw_main_sections p span {
    color: #7b7b7b;
    font-size: 28px;
    text-align: left;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: 10px 0 35px 0;
    line-height: 42px
}

.hiw_main_sections p span {
    color: #9dc92a;
    font-weight: 400
}

.hiw_main_sections div {
    width: 50%
}

#connection {
    padding-top: 180px !important
}

#hiw_monitor {
    float: right;
    margin-top: 15px
}

.side_image {
    position: relative;
    top: -40px;
    float: right;
    width: 460px;
    height: 345px
}

.side_image div {
    width: 458px;
    height: 311px;
    overflow: hidden;
    position: relative;
    top: 32px;
    left: 21px
}

.side_image div a img {
    width: 470px;
    height: auto;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: none
}

.side_image div a img:hover {
    border: none
}

.side_image .image_holder {
    position: absolute;
    z-index: 999;
    overflow: visible
}

.side_image .image_holder a img {
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    padding-top: 14px;
    border-radius: 4px;
    display: block
}

.side_image .image_holder a img:hover {
    border: 1px solid #D9D9D9
}

.side_image .image_holder .connection2 {
    position: relative;
    top: -317px;
    right: 470px
}

.side_image p {
    text-align: center;
    font-size: 13px;
    position: relative;
    top: 345px;
    left: 10px
}

.side_image .arrow_images {
    float: right;
    overflow: visible
}

.side_image .arrow_images .arrow1 {
    float: left;
    position: relative;
    top: 130px;
    right: 60px
}

.side_image .arrow_images .arrow2 {
    float: right;
    position: relative;
    top: 130px;
    left: 15px
}

.side_image .arrow_images img {
    position: absolute;
    opacity: .15;
    cursor: pointer
}

.side_text {
    float: left
}

.hiw_main_sections a img {
    margin-top: 7px;
    border-radius: 20px;
    border: 5px solid #fff;
    behavior: url(../js/PIE.htc?1486297033)
}

.hiw_main_sections a img:hover {
    border: 5px solid #ececec
}

img.hidebtn {
    border-radius: 20px;
    border: 5px solid #303030;
    behavior: url(../js/PIE.htc?1486297033)
}

img.hidebtn:hover {
    border: 5px solid #4f4f4f
}

.hiw_main_sections a:hover {
    text-decoration: none
}

.initial_backup div.side_text {
    float: right;
    width: 460px
}

.initial_backup div.side_image {
    float: left;
    background-position: 0 0;
    position: relative;
    right: 3px;
    top: -20px
}

.initial_backup div.side_image .image_holder {
    left: 1px
}

.initial_backup div.side_image p {
    left: -5px
}

.backup_again div.side_text {
    float: right;
    width: 460px
}

.backup_again div.side_image {
    float: left;
    background-position: 0 0;
    position: relative;
    right: 3px;
    top: -20px
}

.backup_again div.side_image .image_holder {
    left: 1px
}

.backup_again div.side_image p {
    left: -5px
}

#initial_backup div.hiw_follow {
    position: relative;
    top: -290px !important;
    left: 140px !important
}

#more_connection,
#more_initial_backup,
#more_monitor,
#more_restore {
    position: static;
    right: 10px
}

.hiw_main_sections a.scroll {
    margin: 20px 20px 0 0 !important
}

div.backup_again div.hiw_follow {
    position: relative;
    top: -250px;
    left: 150px !important
}

#restore div.side_text {
    width: 450px
}

#restore div.hiw_follow {
    position: relative;
    left: 630px !important;
    top: -265px
}

#monitor div.side_text p {
    padding-right: 15px
}

#monitor div.hiw_follow {
    position: relative;
    left: 620px !important;
    top: -280px
}

.hiw_follow {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    height: 300px;
    width: 40px !important;
    padding: 15px 10px 15px 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    float: right;
    position: relative;
    top: -480px;
    left: 130px !important
}

.hiw_follow a img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    border: none;
    border-radius: 0
}

.hiw_follow a img:hover {
    border: none
}

.top_hiw_icons {
    background: url(../images/bg_double_line.png?1486297033) repeat-x 0 50%;
    width: 100%;
    margin-top: 70px
}

.top_hiw_icons #arrows {
    background: url(../images/hiw_arrows.png?1486297033) no-repeat 50%;
    height: 20px
}

.top_hiw_icons a:nth-child(1) {
    margin-left: 55px !important;
    color: #8bb911
}

.top_hiw_icons a {
    margin-left: 120px !important;
    padding-top: 50px;
    display: inline;
    text-decoration: none;
    color: #7b7a7a !important;
    font-size: 13px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    position: relative;
    top: 35px
}

.top_hiw_icons a:nth-child(1) {
    background: url(../images/ico_connection_green.png?1486297033) no-repeat 50% 23%;
    color: #8cb818 !important
}

.top_hiw_icons a:nth-child(2) {
    background: url(../images/ico_initial_backup_img.png?1486297033) no-repeat 50% 26%
}

.top_hiw_icons a:nth-child(3) {
    background: url(../images/ico_monitor_opaque.png?1486297033) no-repeat 50% 26%
}

.top_hiw_icons a:nth-child(4) {
    background: url(../images/ico_backup_again_img.png?1486297033) no-repeat 50% 26%
}

.top_hiw_icons a:nth-child(5) {
    background: url(../images/ico_restore_opaque.png?1486297033) no-repeat 50% 26%
}

.drop_down_connection,
.drop_down_initial_backup,
.drop_down_monitor,
.drop_down_backup_again,
.drop_down_restore {
    background: #303030 url(../images/hiw_teeth.png?1486297033) repeat-x 0 0;
    width: 100%;
    text-align: center;
    padding: 15px 0 15px 0;
    color: #fff;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    position: relative;
    top: 35px;
    font-size: 14px !important;
    border-bottom: 5px solid #dedddd
}

.drop_down_initial_backup,
.drop_down_monitor,
.drop_down_backup_again,
.drop_down_restore {
    margin-bottom: 130px
}

.drop_down_connection a,
.drop_down_initial_backup a,
.drop_down_monitor a,
.drop_down_backup_again a,
.drop_down_restore a {
    color: #fff;
    text-decoration: none;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 100
}

.drop_down_restore {
    float: left
}

.drop_down_connection p,
.drop_down_initial_backup p,
.drop_down_monitor p,
.drop_down_backup_again p,
.drop_down_restore p {
    text-align: left;
    font-size: 14px !important;
    margin-bottom: 20px;
    line-height: 21px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.drop_down_connection h1,
.drop_down_initial_backup h1,
.drop_down_monitor h1,
.drop_down_backup_again h1,
.drop_down_restore h1 {
    margin-bottom: 20px;
    font-size: 28px;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

#drop_down_inner_connection,
#drop_down_inner_initial_backup,
#drop_down_inner_monitor,
#drop_down_inner_backup_again,
#drop_down_inner_restore {
    background: url(../images/bg_light_ray.png?1486297033) no-repeat 107% 0;
    height: 1050px;
    padding-top: 50px;
    z-index: 10;
    position: relative
}

#drop_down_inner_connection {
    height: 930px !important
}

div.drop_down_monitor,
div.drop_down_backup_again,
div.drop_down_initial_backup {
    float: left;
    z-index: 10
}

#drop_down_inner_initial_backup {
    height: 1250px
}

#drop_down_inner_monitor {
    height: 1130px
}

#drop_down_inner_backup_again {
    height: 1200px
}

#drop_down_inner_restore {
    padding-top: 30px;
    height: 1150px;
    background: none
}

#drop_down_inner_connection div:nth-child(1),
#drop_down_inner_initial_backup div:nth-child(1),
#drop_down_inner_monitor div:nth-child(1),
#drop_down_inner_backup_again div:nth-child(1),
#drop_down_inner_restore div:nth-child(1) {
    width: 40%;
    float: left
}

#hide_connection,
#hide_initial_backup,
#hide_monitor,
#hide_backup_again,
#hide_restore {
    position: relative
}

.drop_down_connection #drop_down_inner_connection div:nth-child(2) {
    width: 60%;
    float: left;
    background: url(../images/connection_drop_down.png?1486297033) no-repeat 100% 100%;
    height: 510px
}

.drop_down_initial_backup #drop_down_inner_initial_backup div:nth-child(2) {
    width: 60%;
    float: left;
    background: url(../images/initial_backup_drop_down.png?1486297033) no-repeat 100% 100%;
    height: 510px
}

.drop_down_monitor #drop_down_inner_monitor div:nth-child(2) {
    width: 60%;
    background: url(../images/monitor_drop_down.png?1486297033) no-repeat 100% 100%;
    height: 510px;
    position: relative;
    left: 400px
}

.drop_down_backup_again #drop_down_inner_backup_again div:nth-child(2) {
    width: 60%;
    float: left;
    background: url(../images/backup_again_drop_down.png?1486297033) no-repeat 100% 100%;
    height: 510px;
    padding-top: 30px
}

.hiw_tables {
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 14px;
    float: left
}

.hiw_tables div {
    width: 100%
}

table.proscons {
    border: 1px solid #101010;
    float: left
}

.hiw_tables h1 {
    margin: 30px 0 20px 0
}

table.proscons tr td,
table.proscons ul li,
table.proscons ol li {
    padding: 5px;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 14px
}

table.proscons tr td {
    border-right: 2px dotted #292929;
    border-left: 2px dotted #292929
}

table.proscons tr:nth-child(1) {
    background: #202020 !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #101010 !important
}

table.proscons tr:nth-child(1) td {
    padding-left: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px
}

table.proscons tr:nth-child(even) {
    background: #373737;
    border-bottom: 1px solid #505050
}

table.proscons tr:nth-child(odd) {
    background: #2d2d2d;
    border-bottom: 1px solid #202020;
    border-bottom: 1px solid #101010
}

table.proscons tr:nth-child(odd) td,
table.proscons tr:nth-child(even) td {
    padding: 10px
}

table.proscons tr td.borderdark {
    border-left: 1px solid #101010
}

table.proscons tr td.borderdarkright {
    border-right: 1px solid #101010
}

div.tab_content {
    width: 100% !important;
    background: none !important;
    height: 400px
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 32px;
    width: 100%
}

ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0 21px;
    height: 31px;
    line-height: 31px;
    border-left: none;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    background: #101010;
    margin-right: 10px;
    border: 1px solid #101010;
    border-radius: 5px 5px 0 0
}

ul.tabs li:hover {
    border: 1px solid #101010;
    background: #202020
}

ul.tabs li.active {
    border: 1px solid #101010;
    background-image: linear-gradient(bottom, #101010 27%, #292829 64%, #292929 82%);
    background-image: -o-linear-gradient(bottom, #101010 27%, #292829 64%, #292929 82%);
    background-image: -moz-linear-gradient(bottom, #101010 27%, #292829 64%, #292929 82%);
    background-image: -webkit-linear-gradient(bottom, #101010 27%, #292829 64%, #292929 82%);
    background-image: -ms-linear-gradient(bottom, #101010 27%, #292829 64%, #292929 82%)
}

#drop_down_inner_monitor div.hiw_tables {
    position: relative;
    top: 100px;
    float: none;
    margin-top: 30px
}

#drop_down_inner_restore div.hiw_tables {
    width: 100%
}

#drop_down_inner_restore div.hiw_tables ul li,
#drop_down_inner_restore div.hiw_tables ol li {
    padding: 5px;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 14px
}

#drop_down_inner_monitor div.hiw_tables h1 {
    float: left;
    position: relative;
    right: 385px
}

#professional_top_area div h2 {
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 23px;
    color: #5D5D5D;
    font-family: Open Sans, sans-serif;
    margin-bottom: 10px
}

#professional_top_area div p {
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px
}

#professional_top_area div.top_area_inner_js {
    height: 350px;
    padding-bottom: 20px
}

div.prof_part1_js {
    height: 400px;
    position: relative;
    left: 260px
}

img.design_agency {
    margin-left: 60px
}

#professional_top_area div:nth-child(2) img {
    position: relative;
    top: 25px;
    z-index: 1;
    right: 125px
}

.social_image_3_js {
    z-index: 1;
    margin-top: -10px;
    position: relative;
    right: 390px !important
}

div.multi_features {
    padding-top: 55px;
    margin-bottm: 10px
}

div.multi_features h1 {
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 19px;
    color: #525252;
    font-family: Open Sans, sans-serif;
    margin-bottom: 10px;
    text-align: center
}

div.multi_features p {
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    text-align: center
}

@media only screen and (max-width:480px) {
    div.multi_features {
        float: left
    }
    .fun_headers h1 {
        font-size: 25px !important
    }
    .fun_headers h1 span,
    .fun_headers h2 span,
    .fun_headers h3,
    .fun_headers h3 span {
        font-size: 29px !important
    }
    .fun_headers h2 {
        margin-right: 160px !important
    }
    .fun_headers h3 {
        margin-right: 160px !important
    }
    .fun_headers h4,
    .fun_headers h4 span {
        font-size: 38px !important
    }
    div.free_trial_div {
        margin-top: -70px !important
    }
    div.final_features2 div h2 {
        font-size: 14px !important
    }
    #pricingplans {
        margin-top: 0 !important
    }
}

@media only screen and (max-width:400px) {
    div.final_features2 div,
    div.final_features h1 {
        width: 290px !important
    }
}

div.multi_features p strong {
    color: #717171 !important;
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    font-weight: 600 !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased
}

div.multi_features a img {
    margin-top: 40px;
    position: relative;
    z-index: 10;
    left: 320px !important
}

div.prof_testimonial {
    float: left;
    background: #fbfbfb;
    border-top: 1px solid #edebeb;
    border-bottom: 1px solid #edebeb;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 18px;
    position: relative;
    z-index: 10;
    margin-top: 60px
}

div.prof_testimonial img {
    position: relative;
    top: 20px;
    padding: 0 5px 0 5px
}

div.prof_video_testimonials {
    margin-top: 80px
}

div.prof_video_testimonials div.media {
    border: 10px solid #f1efef;
    margin-top: 10px;
    height: 90px
}

div.prof_video_testimonials p {
    font-weight: 100 !important;
    margin-top: 7px;
    color: #818181;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

div.prof_testimonial p {
    padding: 7px 0 20px 0;
    text-align: center;
    color: #989898;
    font-size: 27px !important;
    font-family: Open Sans, sans-serif;
    font-weight: 200 !important;
    -webkit-font-smoothing: antialiased
}

div.prof_testimonial p span {
    color: #989898;
    font-size: 27px !important;
    font-family: Open Sans, sans-serif;
    font-weight: 200 !important;
    -webkit-font-smoothing: antialiased;
    display: none
}

div.free_trial_div {
    float: left;
    background: #fbfbfb;
    border-top: 1px solid #edebeb;
    border-bottom: 1px solid #edebeb;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 18px;
    position: relative;
    margin-top: -32px;
    z-index: 10
}

div.free_trial_div h1 {
    text-align: center;
    padding-bottom: 6px;
    margin-top: 23px;
    color: #989898;
    font-size: 23px !important;
    font-family: Open Sans, sans-serif;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased
}

div.free_trial_div p {
    margin-top: 5px;
    color: #9c9c9c;
    font-size: 22px !important;
    font-family: Open Sans, sans-serif;
    font-weight: 200 !important;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 20px
}

div.free_trial_div img {
    margin-left: 10px;
    margin-right: 50px
}

div.free_trial_div p strong {
    margin-top: 15px;
    color: #a5a5a5 !important;
    font-size: 22px !important;
    font-family: Open Sans, sans-serif;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased
}

div.free_trial_div span {
    color: #ea9155;
    font-size: 13px !important;
    text-decoration: none;
    font-weight: 500
}

div.free_trial_div a {
    color: #ea9155;
    text-decoration: none;
    font-weight: 500
}

div.free_trial_div a:hover {
    text-decoration: underline
}

div.free_trial_div form {
    margin-top: 10px
}

div.free_trial_div form input {
    background: #fff;
    color: #cfcece;
    padding: 13px;
    width: 26%;
    font-size: 16px;
    margin-right: 20px;
    border: 1px solid #e2e1e1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 100
}

div.free_trial_div form input:focus {
    color: #323232;
    border: 1px solid #adadad
}

div.free_trial_div form input.prof_company_input {
    background: #fff url(../images/input_company_name.png?1486297033) no-repeat 5% 50%;
    padding-left: 53px
}

div.free_trial_div form input.prof_email_input {
    background: #fff url(../images/input_email_address.png?1486297033) no-repeat 5% 50%;
    padding-left: 51px
}

div.free_trial div a#button_round_orange {
    background: -moz-linear-gradient(0% 100% 90deg, #ee9d68, #f4965d);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ee9d68), to(#f4965d));
    border: 1px solid #f4965d;
    color: #fff;
    font-size: 12px;
    font-size: 100%;
    text-transform: uppercase;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px !important;
    -mozborder-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    padding: 13px 0 13px 0;
    display: block;
    text-align: center
}

a.button_round_orange {
    margin-top: 41px
}

div.free_trial_div form input#button_round_orange,
#button_round_orange {
    background: -moz-linear-gradient(0% 100% 90deg, #ee9d68, #f4965d);
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#ee9d68), to(#f4965d));
    border: 1px solid #f4965d;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px !important;
    -mozborder-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

@media only screen and (max-width:960px) {
    div.free_trial_div h1,
    div.free_trial_div h1 span {
        font-size: 22px !important
    }
    div.free_trial_div p,
    div.free_trial_div p strong {
        font-size: 19px !important
    }
    div.free_trial_div form input.prof_submit_orange {
        width: 250px !important
    }
    div.free_trial_div form input {
        width: 20% !important;
        margin-right: 10px !important
    }
    div.free_trial_div span {
        font-size: 13px !important
    }
    div.free_trial_div form input.prof_email_input,
    div.free_trial_div form input.prof_company_input {
        width: 20% !important
    }
}

@media only screen and (max-width:765px) {
    div.free_trial_div form input.prof_submit_orange {
        width: 85% !important;
        margin-top: 7px !important
    }
    div.free_trial_div form input.prof_email_input,
    div.free_trial_div form input.prof_company_input {
        width: 70% !important
    }
}

@media only screen and (max-width:480px) {
    div.free_trial_div form input.prof_submit_orange {
        width: 275px !important
    }
}

div.custom_plan div.button_holder {
    margin-top: 20px
}

div.free_trial_div form input#button_round_orange:hover,
#button_round_orange:hover,
a.button_round_orange:hover {
    background: -moz-linear-gradient(0% 100% 90deg, #f2a470, #efa06c));
    background: -webkit-gradient(linear, 0% 0, 0% 100%, from(#f2a470), to(#efa06c));
    text-decoration: none
}

div.multi_features div:nth-child(1) {
    background: url(../images/eye_icon.png?1486297033) no-repeat 50% 0;
    padding-top: 80px
}

div.multi_features div:nth-child(2) {
    background: url(../images/heart_icon.png?1486297033) no-repeat 50% 0;
    padding-top: 80px
}

div.multi_features div:nth-child(3) {
    background: url(../images/mail_icon.png?1486297033) no-repeat 50% 2%;
    padding-top: 80px
}

div.multi_features div:nth-child(4) {
    background: url(../images/money_icon.png?1486297033) no-repeat 50% 2%;
    padding-top: 80px
}

div.large_feature_section {
    border-top: 1px solid #eaeaea;
    float: left;
    width: 100%;
    padding-top: 70px
}

h2.prof_h2_js span.webdev {
    position: relative;
    right: 80px;
    top: 2px;
    color: #404040
}

h2.prof_h2_js {
    position: relative;
    top: 4px
}

div.large_feature_section h1 {
    font-weight: 100;
    font-size: 27px !important;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    color: #5d5d5d
}

div.large_feature_section h1 span {
    font-weight: 500;
    font-size: 27px !important;
    color: #424242
}

div.large_feature_section p {
    font-weight: 100;
    margin-top: 7px;
    line-height: 24px;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

div.large_feature_section.reporting {
    margin-top: 80px
}

div.large_feature_section.reporting div.header_sect {
    background: url(../images/ico_reporting.png?1486297033) no-repeat 0 0;
    padding-left: 57px;
    margin-bottom: 40px
}

div.large_feature_section.client_access div.header_sect {
    background: url(../images/ico_client_access.png?1486297033) no-repeat 0 0;
    padding-left: 57px;
    margin-bottom: 40px
}

div.large_feature_section.client_access {
    margin-top: 85px
}

div.large_feature_section.brandable_portal div.header_sect {
    background: url(../images/ico_brandable_portal.png?1486297033) no-repeat 0 0;
    padding-left: 57px;
    margin-bottom: 40px
}

div.large_feature_section.brandable_portal {
    margin-top: 85px
}

div.large_feature_section.security div.header_sect {
    background: url(../images/ico_security.png?1486297033) no-repeat 0 0;
    padding-left: 57px;
    margin-bottom: 40px
}

div.large_feature_section.security {
    margin-top: 80px
}

div.large_feature_section div.aside_note a:hover {
    text-decoration: underline
}

div.final_features {
    margin-top: 70px;
    float: left
}

div.custom_plan {
    margin-top: 55px
}

div.custom_plan input.gb_amount {
    border: none;
    font-size: 35px;
    color: #6C6B6B;
    font-weight: 100;
    width: 44px;
    position: relative;
    top: -2px;
    right: -1px;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

#gb_amount_right {
    position: relative;
    left: 4px !important
}

div.custom_plan div#pricingplans {
    height: 170px !important
}

.margintop {
    margin-top: 20px
}

div.custom_side {
    float: right;
    width: 340px !important;
    position: relative;
    right: 10px;
    border-bottom: 2px solid #ececec
}

div.custom_side h2 {
    width: 341px !important
}

div.custom_side h3 {
    font-weight: 100;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #444
}

div.custom_side h3 span {
    font-size: 36px;
    color: #6c6b6b
}

form.gbs_form {
    margin-top: 10px
}

.sumoPlan {
    margin-top: 0 !important;
    margin-bottom: 20px
}

.sumoBox h3 {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 35px !important
}

.sumoBox h3 input {
    width: 80px !important;
    clear: both;
    margin-bottom: 0;
    font-size: 47px !important;
    text-align: center;
    margin-top: 15px
}

.cgnamedPlan .h32 {
    margin-top: -12px !important;
    margin-bottom: 14px !important
}

.sumo1 h3 input {
    width: 176px !important
}

.sumo1 h3 #gb_amount_right {
    margin-left: -17px
}

.sumo1 h3 {
    margin-bottom: 20px !important
}

.sumo1 .sumoStorage {
    margin-bottom: 0 !important
}

.sumoPlan .custom_header_plans {
    height: 49px
}

.sumoPlan h2 {
    text-align: center
}

.sumoBox {
    padding-bottom: 8px
}

.sumoBox h3 span {
    display: block;
    margin-top: 0;
    float: left;
    clear: both;
    margin-left: 6px;
    width: 100%;
    text-transform: uppercase;
    color: #adadad;
    font-weight: bold
}

.cgnamedPlan {
    border: 1px solid #adadad;
    display: block;
    float: left;
    clear: both;
    border-radius: 5px;
    margin: 17px;
    margin-top: 8px;
    width: 90%
}

.HgPlanPrice a {
    width: 69%;
    margin: 0 auto;
    display: block;
    clear: both
}

.sumoBox h3 .dollar {
    position: absolute;
    margin-top: 25px;
    margin-left: 128px;
    font-size: 15px;
    color: #323232;
    z-index: 999
}

.sumoBox span.for {
    position: absolute
}

.sumoContainer .rackspace_trial {
    margin-left: 886px;
    margin-top: -38px
}

.sumoPlan .sumoHeader ul {
    margin-left: 20px
}

.sumoPlan .sumoHeader ul li {
    list-style-type: circle
}

.sumoh2 {
    font-size: 27px !important
}

.sumoSelect {
    width: 100%;
    float: left;
    margin-top: 19px;
    position: relative;
    left: 15px
}

.sumoSelect label {
    margin-bottom: 2px;
    display: block;
    text-align: left;
    margin-left: 4px;
    font-size: 14px
}

.sumoHgOptions {
    width: 91%;
    float: left
}

.sumoSlider {
    width: 100%;
    float: left;
    margin-top: 30px
}

.sumoSlider #slider {
    width: 96%;
    margin: 0 auto
}

.label2 {
    font-size: 14px;
    float: left;
    text-align: left;
    display: block;
    width: 100%;
    margin-left: 18px;
    margin-top: 21px
}

div.sumo_dashes_slider {
    width: 100%;
    position: relative;
    top: -20px;
    padding-top: 30px
}

#cgPlanName {
    clear: both;
    text-align: center;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 13px;
    display: block;
    width: 100%;
    float: left;
    font-weight: 400 !important
}

div.sumo_dashes_slider ul li {
    display: inline;
    margin-right: 88px
}

div.sumo_dashes_slider ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #adadad
}

div.sumo_dashes_slider ul li:first-child:before {
    margin-top: -18px;
    margin-left: 15px
}

div.sumo_dashes_slider ul li:nth-child(2) {
    position: relative;
    left: 5px
}

div.sumo_dashes_slider ul li:nth-child(2):before {
    margin-top: -40px;
    margin-left: 143px
}

div.sumo_dashes_slider ul li:nth-child(3) {
    position: relative;
    left: 12px
}

div.sumo_dashes_slider ul li:nth-child(3):before {
    margin-top: -40px;
    margin-left: 268px
}

div.sumo_dashes_slider ul li:nth-child(4) {
    position: relative;
    left: 15px
}

div.sumo_dashes_slider ul li:nth-child(4):before {
    margin-top: -40px;
    margin-left: 399px
}

div.sumo_dashes_slider ul li:nth-child(5) {
    position: relative;
    left: 16px
}

div.sumo_dashes_slider ul li:nth-child(5):before {
    margin-top: -40px;
    margin-left: 531px
}

div.sumo_dashes_slider ul li:nth-child(6) {
    position: relative;
    left: 15px
}

div.sumo_dashes_slider ul li:nth-child(6):before {
    margin-top: -40px;
    margin-left: 665px
}

div.sumo_dashes_slider ul li:nth-child(7) {
    position: relative;
    left: 12px
}

div.sumo_dashes_slider ul li:nth-child(7):before {
    margin-top: -40px;
    margin-left: 801px
}

div.sumo_dashes_slider ul li:last-child {
    margin-right: 0;
    position: relative;
    left: 5px
}

div.sumo_dashes_slider ul li:last-child:before {
    margin-top: -40px;
    margin-left: 934px
}

@media only screen and (min-width:1950px) {
    div.sumo_dashes_slider ul li {
        margin-right: 122px
    }
    div.sumo_dashes_slider ul li:first-child:before {
        margin-left: 20px
    }
    div.sumo_dashes_slider ul li:nth-child(2):before {
        margin-left: 179px
    }
    div.sumo_dashes_slider ul li:nth-child(3):before {
        margin-left: 339px
    }
    div.sumo_dashes_slider ul li:nth-child(4):before {
        margin-left: 502px
    }
    div.sumo_dashes_slider ul li:nth-child(5):before {
        margin-left: 667px
    }
    div.sumo_dashes_slider ul li:nth-child(6):before {
        margin-left: 834px
    }
    div.sumo_dashes_slider ul li:nth-child(7):before {
        margin-left: 1003px
    }
    div.sumo_dashes_slider ul li:last-child:before {
        margin-left: 1170px
    }
    .sumoBox h3 .dollar {
        margin-left: 167px
    }
}

@media only screen and (max-width:960px) {
    div.sumo_dashes_slider ul li:first-child:before,
    div.sumo_dashes_slider ul li:last-child:before,
    div.sumo_dashes_slider ul li:nth-child(2):before,
    div.sumo_dashes_slider ul li:nth-child(3):before,
    div.sumo_dashes_slider ul li:nth-child(4):before,
    div.sumo_dashes_slider ul li:nth-child(5):before,
    div.sumo_dashes_slider ul li:nth-child(6):before,
    div.sumo_dashes_slider ul li:nth-child(7):before {
        display: none
    }
    div.sumo_dashes_slider ul li {
        margin-right: 60px
    }
    div.sumo_dashes_slider {
        padding-top: 17px
    }
    .sumoBox h3 .dollar {
        margin-left: 93px
    }
}

@media only screen and (max-width:770px) {
    div.sumo_dashes_slider ul li {
        margin-right: 16px
    }
    .sumoBox h3 .dollar {
        margin-left: 168px
    }
}

@media only screen and (max-width:470px) {
    .sumoBox h3 .dollar {
        margin-left: 99px
    }
    div.sumo_dashes_slider ul li {
        margin-right: -6px
    }
}

div.dashes_slider {
    background: url(../images/bg_dashes_slider.png?1486297033) no-repeat 30% 0;
    width: 100%;
    position: relative;
    z-index: -1;
    top: -20px;
    padding-top: 30px
}

div.dashes_slider ul {
    margin-left: -20px
}

div.dashes_slider ul li {
    display: inline;
    color: #908f8f;
    font-size: 20px !important;
    margin-right: 70px
}

select#gbs {
    display: none
}

div.dashes_slider ul li:nth-child(1) {
    position: relative;
    left: 16px
}

div.dashes_slider ul li:nth-child(5) {
    margin-right: 71px
}

div.dashes_slider ul li:nth-child(6) {
    margin-right: 60px
}

div.dashes_slider ul li:nth-child(7) {
    margin-right: 50px
}

div.dashes_slider ul li:nth-child(8) {
    margin-right: 0 !important
}

div.dashes_slider ul li:nth-child(9) {
    float: right;
    position: relative;
    top: -23px;
    left: 70px
}

div.dashes_slider ul li span {
    font-size: 14px;
    padding-left: 3px
}

div.custom_plan h1 {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    font-size: 36px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    border: none
}

div.final_features h1 {
    font-weight: 100;
    font-size: 24px !important;
    line-height: 36px !important;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    color: #5d5d5d
}

div.final_features h1 span {
    font-weight: 500;
    font-size: 27px !important;
    color: #424242
}

div.final_features2 {
    margin-top: 50px
}

div.final_features2 p {
    font-weight: 100;
    margin-top: 7px;
    line-height: 24px;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    display
}

div.final_features2 div {
    margin-bottom: 30px
}

div.final_features2 div h2 {
    font-weight: 400;
    width: 750px;
    font-size: 18px;
    color: #434343;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

div.final_features a#button_round_orange {
    padding: 13px 0 13px 0;
    width: 100%;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 90%;
    margin-top: 20px
}

div.final_features a#start_trial_button {
    padding: 13px 0 13px 0;
    width: 100%;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 90%;
    margin-top: 20px;
    margin-bottom: 20px
}

div.prof_part0_js img {
    margin-top: 100px
}

ul.bjqs {
    position: relative;
    right: 132px;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
    width: 610px !important;
    height: 337px !important;
    padding-left: 130px
}

div.prof_part3_js {
    width: 605px !important;
    height: 312px !important
}

div.prof_part3_js {
    position: relative;
    top: -150px;
    padding-right: 30px
}

div.prof_part2_js {
    position: relative;
    top: -65px
}

div.prof_part1_js {
    position: relative;
    top: -10px
}

img.banner_webdev {
    position: relative !important;
    top: 10px !important;
    margin-left: 30px
}

img.banner_agency {
    position: relative !important;
    top: 10px !important;
    margin-left: 30px
}

div.partners_cloudflare {
    background: url(../images/partners_cloudflare.png?1486297033) no-repeat 40% 0;
    padding-top: 135px;
    margin-top: 10px
}

div.partners_hostgator {
    background: url(../images/partners_hostgator.png?1486297033) no-repeat 30% 0;
    background-size: 280px auto;
    padding-top: 85px;
    margin-top: 57px
}

div.partners_namecheap {
    background: url(../images/partners_namecheap.png?1486297033) no-repeat 00% 0;
    padding-top: 100px;
    margin-top: 40px
}

div.partners_webhostingbuzz {
    background: url(../images/partners_webhostingbuzz.png?1486297033) no-repeat 0 0;
    padding-top: 70px;
    margin-top: 63px
}

div.partners_asmallorange {
    background: url(../images/partners_asmallorange.png?1486297033) no-repeat 40% 0;
    background-size: 145px auto;
    padding-top: 133px
}

div.partners_moz {
    background: url(../images/partners_moz.png?1486297033) no-repeat 50% 10%;
    background-size: 180px auto;
    padding-top: 100px;
    margin-top: 43px
}

div.partners_plesk {
    background: url(../images/partners_plesk.png?1486297033) no-repeat 40% -5%;
    background-size: 210px auto;
    padding-top: 105px;
    margin-top: 30px
}

div.partners_odin {
    background: url(../images/partners_odin.jpg?1486297033) no-repeat 40% -60%;
    background-size: 290px auto;
    padding-top: 105px;
    margin-top: 30px
}

div.partners_rackspace {
    background: url(../images/partners_rackspace.png?1486297033) no-repeat 10% 10%;
    background-size: 288px auto;
    padding-top: 133px;
    margin-top: 10px
}

div.partners_resellerclub {
    background: url(../images/logo_resellerclub.png?1486297033) no-repeat 0 15%;
    background-size: 270px auto;
    padding-top: 133px;
    margin-left: 205px;
    margin-top: 6px
}

div.partners_findmyhost {
    background: url(../images/partners_findmyhost.png?1486297033) no-repeat 40% 10%;
    background-size: 260px auto;
    padding-top: 190px;
    margin-top: -50px
}

@media(max-width:1949px) {
    div.partners_resellerclub {
        margin-left: 180px
    }
    div.partners_odin {
        background: url(../images/partners_odin.jpg?1486297033) no-repeat 40% -35%;
        background-size: 260px auto
    }
}

@media(max-width:959px) {
    div.partners_odin {
        background: url(../images/partners_odin.jpg?1486297033) no-repeat 40% -20%;
        background-size: 260px auto
    }
    div.partners_resellerclub {
        margin-left: 135px
    }
}

@media(max-width:767px) {
    div.partners_odin {
        background: url(../images/partners_odin.jpg?1486297033) no-repeat 40% -55%;
        background-size: 260px auto
    }
    div.partners_resellerclub {
        background: url(../images/logo_resellerclub.png?1486297033) no-repeat 40% 15%;
        background-size: 270px auto;
        margin-left: 0
    }
    div.partners_findmyhost {
        margin-top: 10px
    }
    .partner_marketing_button_orange {
        float: left;
        margin-top: 39px
    }
}

@media(max-width:479px) {
    div.partners_odin {
        background: url(../images/partners_odin.jpg?1486297033) no-repeat 40% -35%;
        background-size: 260px auto
    }
}

@media(max-width:959px) and (min-width:768px) {
    div.partners_findmyhost {
        background-size: 100% auto
    }
    div.partners_hostgator {
        background-size: 100% auto
    }
    div.partners_rackspace {
        background-size: 100% auto
    }
    div.partners_namecheap {
        background-size: 100% auto
    }
    div.partners_webhostingbuzz {
        background-size: 100% auto
    }
    div.partners_resellerclub {
        background-size: 100% auto
    }
}

@media(max-width:767px) {
    div.partners_findmyhost {
        margin-left: 0
    }
}

.otherPartners {
    margin-top: 20px
}

.otherPartners img {
    height: auto;
    margin: 15px
}

.partner2 {
    width: 190px
}

.partner3 {
    width: 250px
}

.partner4 {
    width: 190px
}

.partner5 {
    width: 180px;
    position: relative;
    top: 30px;
    margin-left: 20px;
    left: 20px
}

.partner6 {
    width: 80px;
    float: left
}

.partner7 {
    width: 200px;
    position: relative;
    top: 25px;
    padding-left: 10px
}

.partner8 {
    position: relative;
    top: 15px
}

.partner9 {
    width: 200px;
    position: relative;
    top: 25px
}

.partner10 {
    width: 200px;
    position: relative;
    top: 20px
}

.partner11 {
    width: 200px;
    position: relative;
    top: 30px
}

.partner12 {
    width: 180px;
    clear: left;
    float: left
}

.partner13 {
    width: 200px;
    position: relative;
    clear: left;
    float: left
}

.partner14 {
    width: 200px;
    position: relative;
    bottom: 15px
}

.partner15 {
    width: 180px;
    position: relative;
    top: 30px
}

.partner16 {
    width: 200px;
    position: relative;
    bottom: 15px
}

.partner17 {
    width: 180px;
    position: relative
}

@media(min-width:1950px) {
    .partner5 {
        top: 0
    }
    .partner11 {
        top: 15px
    }
    .partner13 {
        clear: none;
        float: none
    }
    .partner16 {
        clear: left;
        float: left
    }
}

div.jointhem {
    margin-top: 50px;
    margin-bottom: 30px
}

div.jointhem p {
    margin-bottom: 35px
}

div.jointhem span {
    right: 9px;
    font-style: italic;
    color: #adacac;
    margin: 0 10px 0 10px
}

.example_landing_page_image {
    position: relative;
    top: 20px
}

h2#contact_partner_h2 {
    float: left;
    margin-top: 35px
}

.smalltextareapartners textarea {
    height: 100px !important;
    margin-bottom: 20px;
    float: left
}

.smalltextareapartners label {
    font-weight: 100;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    float: left;
    display: block;
    width: 100%
}

div.teamgrid9 {
    margin: 24px 0 0 0 !important
}

div.team3 {
    float: right;
    margin: 0;
    padding-right: 15px
}

div.fun_headers {
    width: 48%
}

@media only screen and (max-width:860px) {
    div.fun_images {
        display: none
    }
}

div.fun_images {
    float: right;
    position: relative;
    top: -150px;
    left: 160px
}

div.top_area_inner_js {
    position: relative;
    padding-right: 30px
}

.fun_headers h1 {
    font-family: Open Sans, sans-serif;
    color: #4f4e4e;
    font-size: 28px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    margin-top: 37px
}

.fun_headers h1 span {
    font-size: 33px;
    color: #99c135
}

.fun_headers h2 {
    font-family: Open Sans, sans-serif;
    color: #4f4e4e;
    font-size: 28px;
    font-weight: 100;
    float: right;
    margin-right: 115px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important
}

.fun_headers h2 span {
    font-size: 33px;
    color: #99c135
}

.fun_headers h3 {
    font-family: Open Sans, sans-serif;
    color: #4f4e4e;
    font-size: 28px;
    font-weight: 100;
    float: right;
    margin-right: 115px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    position: relative;
    top: -11px
}

.fun_headers h3 span {
    font-size: 33px;
    color: #99c135
}

.fun_headers h4 {
    font-family: Open Sans, sans-serif;
    color: #696969;
    font-size: 42px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased !important;
    line-height: 50px;
    position: relative;
    top: -9px
}

.fun_headers h4 span {
    font-size: 43px;
    color: #99c135
}

@media only screen and (max-width:860px) {
    div.fun_headers {
        margin-left: 10px;
        background: url(../images/bg_part3_small.png?1486297033) no-repeat 90% -10px;
        height: 360px;
        padding-right: 310px
    }
    div.final_features,
    div.final_features2 {
        position: relative;
        left: 10px
    }
    div.final_features h1 span {
        font-size: 23px !important
    }
    div.final_features h1 {
        font-size: 19px !important
    }
    html,
    body {
        overflow-x: initial
    }
}

@media only screen and (max-width:480px) {
    div.fun_headers {
        padding-right: 310px !important;
        background: #fff !important
    }
    div.free_trial_div {
        float: left !important;
        width: 100% !important;
        padding-right: 60px
    }
    div.multi_features div {
        float: left !important
    }
    div.top_area_inner_js {
        height: 370px !important;
        float: left !important
    }
    div.prof_testimonial p span {
        display: inline !important
    }
    div.prof_testimonial {
        padding-top: 40px;
        width: 100% !important;
        padding-right: 60px
    }
    div.prof_testimonial img {
        display: none !important
    }
    div.multi_features div {
        margin-bottom: 35px
    }
    html,
    body {
        overflow-x: hidden
    }
}

div.tutorials div.leftside {
    margin-left: 0
}

div.tutorials div.rightside {
    margin-right: 0
}

div.tutorials {
    margin-bottom: 10px;
    margin-top: 20px !important
}

div.tutorials div.grid_6:nth-child(2) {
    float: right
}

div.tutorials h3 {
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 18px;
    margin-bottom: 10px
}

.tutorials p {
    margin-top: 7px;
    line-height: 1.8em !important
}

.tutorials iframe {
    height: 99% !important
}

.tutorials .media {
    background: #ececec !important
}

.tutorial_heading h2 {
    margin-bottom: 0;
    font-size: 36px;
    color: #5d5d5d;
    font-weight: 100;
    margin-top: 50px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.tutorial_heading h2.first {
    margin-top: 15px
}

@media only screen and (max-width:1020px) {
    div.tutorial_iframe {
        display: block !important
    }
    ul.gallery {
        display: none !important
    }
}

.rate_disclosure {
    float: left;
    font-family: Open Sans, sans-serif;
    font-size: 14px !important;
    font-weight: 100 !important;
    line-height: 20px;
    margin-bottom: 20px;
    width: 100%;
    margin-bottom: 20px !important;
    margin-top: 13px
}

.rate_disclosure span {
    font-size: 14px
}

.tos_payment {
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 14px !important;
    font-weight: 100 !important;
    float: left;
    float: Left;
    margin-bottom: 24px
}

.tos_payment a {
    color: #00b073;
    font-weight: 500;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.tos_payment a:hover {
    text-decoration: underline
}

.tos_payment input {
    width: 20px !important;
    position: relative;
    top: -4px;
    margin-right: 4px
}

.tos_payment label {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 21px;
    padding-right: 10px
}

.tag_line {
    position: relative;
    top: -6px;
    margin-left: -154px;
    text-transform: uppercase;
    font-weight: 100;
    font-family: Open Sans, sans-serif;
    color: #929292;
    font-size: 8px;
    letter-spacing: 1px
}

div.logo_tagline_container {
    float: left;
    width: 240px
}

.web_developers_page_h1 {
    margin-top: 80px !important
}

.bottom_payment_finish {
    float: left;
    width: 100%
}

a.fake_create_link {
    opacity: .5;
    cursor: default;
    float: left
}

.margintop {
    margin-top: 30px
}

div.bottom_payment_finish div.tos_payment input {
    background: none !important;
    border: none !important
}

.wordpress_multisite h1,
.main_wp_content h1 {
    border-bottom: none
}

.cg_wordpress_multisite {
    background: url(../images/cg_wordpress_multisite.png?1486297033) 34% 0 no-repeat;
    background-size: 500px auto;
    height: 300px
}

.wp_nav {
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    margin-left: -75px;
    margin-bottom: 30px
}

.wp_nav a {
    margin: 0 20px 0 20px;
    color: #fff !important;
    padding: 13px 28px 13px 28px;
    font-weight: bold !important;
    font-size: 13px !important;
    border-radius: 4px
}

.wp_nav a:nth-child(1) {
    background: #00b073;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(2) {
    background: #d46c7b;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(3) {
    background: #3271a8;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(4) {
    background: #32a992;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(1):hover {
    background: #127b67;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(2):hover {
    background: #b34252;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(3):hover {
    background: #144c7d;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:nth-child(4):hover {
    background: #127b67;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.wp_nav a:hover {
    text-decoration: none !important
}

div.wp_form {
    margin-top: 0
}

.codeguard_tr {
    background: #eef9db
}

.main_wp_content h2 {
    font-size: 25px !important
}

.main_wp_content div.final_features2 div h2 {
    width: auto
}

.main_wp_content div.final_features2 div {
    margin-left: 0;
    margin-right: 28px
}

.main_wp_content .trheadingtop {
    color: #fff
}

.main_wp_content table {
    background: #fff;
    border: 1px solid #ccc !important
}

.main_wp_content table .bottomtr {
    border-bottom: 1px solid #ccc !important
}

.main_wp_content table .wp_righttd {
    border-right: 1px solid #ccc !important
}

div.wp_table h1 {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    font-size: 36px !important;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

div.wp_table table {
    margin-bottom: 20px !important
}

div.main_wp_content {
    margin-bottom: 25px !important
}

div.wp_table_form {
    margin-top: 40px;
    margin-bottom: 40px
}

div.wp_table_form #sign_up {
    background: none
}

div.wp_table {
    background: #fbfbfb url(../images/cg_behing_table.png?1486297033) no-repeat 0 28%;
    background-size: 290px;
    height: auto
}

div.float_h1_left div.plans_caption h1,
div.float_h1_left div.plans_caption p {
    text-align: left !important
}

.wp_add_features {
    margin-top: -50px !important
}

.wp_form div.free_trial_div form input#button_round_orange,
#button_round_orange {
    -webkit-appearance: none;
    text-shadow: none !important;
    background: #ee9d68 !important;
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

div.wp_form {
    padding-bottom: 40px !important
}

.wp_form div.free_trial_div form input#button_round_orange,
#button_round_orange:hover {
    background: #e37a3a !important;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    opacity: 1 !important
}

.cg_arms_out {
    float: right;
    position: relative;
    top: 25px;
    padding-left: 20px;
    background: url(../images/cg_connect.png?1486297033) 100% 100%no-repeat;
    background-size: 400px auto;
    width: 400px;
    height: 270px
}

.cg_arms_out p,
.cg_arms_out a {
    font-family: Open Sans !important;
    font-size: 13px
}

.cg_arms_out a {
    font-weight: 600 !important
}

.cg_arms_out p {
    width: 180px;
    text-align: center !important;
    position: relative;
    top: 10px;
    left: 20px;
    color: #000;
    font-smoothing: auto !important;
    -webkit-font-smoothing: auto !important
}

div.main_wp_content .wp_table_speak {
    position: relative;
    left: 90px;
    top: 5px;
    margin-bottom: -50px !important;
    font-family: Open Sans !important;
    font-size: 14px !important;
    color: #000 !important
}

.wp_table_speak a {
    font-family: Open Sans !important;
    font-weight: 600 !important;
    color: #00b073 !important
}

div.main_wp_content .wp_done {
    font-family: Open Sans !important;
    font-size: 15px !important;
    color: #000 !important;
    width: 140px;
    text-align: center;
    position: relative;
    top: 2%;
    left: 32%
}

div.main_wp_content .wp_done a {
    font-family: Open Sans !important;
    font-weight: 600 !important;
    color: #00b073 !important;
    font-size: 15px !important
}

div.wp_form span.wp_form_error {
    text-align: center;
    color: red;
    display: block;
    margin-bottom: -15px
}

.main_wp_content div.final_features2 div h2 {
    font-size: 18px !important
}

.checkyesli {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding-left: 30px;
    margin-bottom: 10px
}

.compressed_features h2 {
    text-align: center
}

@media only screen and (max-width:1020px) {
    div.wp_nav a {
        padding: 13px 18px 13px 18px !important;
        margin: 0 10px 0 10px !important
    }
    div.wp_nav {
        width: 1090px
    }
}

@media only screen and (max-width:985px) {
    div.wp_nav {
        width: 1090px
    }
}

@media only screen and (max-width:959px) {
    #wp_more {
        height: 650px !important
    }
    div.main_wp_content .wp_done {
        top: 20px;
        left: 215px
    }
}

@media only screen and (max-width:959px) {
    div.wp_nav a {
        padding: 13px 13px 13px 13px !important;
        margin: 0 5px 0 5px !important
    }
    div.wp_nav {
        width: 900px
    }
}

@media only screen and (max-width:788px) {
    div.wp_nav a {
        padding: 10px !important;
        margin: 0 3px 0 3px !important
    }
}

@media only screen and (max-width:781px) {
    .cg_arms_out {
        display: none
    }
    div.wp_table {
        background: #fbfbfb !important
    }
    .wp_table_speak {
        display: none
    }
    #wp_more {
        background: none;
        height: auto !important
    }
    div.main_wp_content .wp_done {
        display: none
    }
}

@media only screen and (max-width:767px) {
    div.wp_nav {
        width: 100%;
        margin: 0 auto
    }
    div.wp_nav a {
        padding: 13px 13px 13px 13px !important;
        display: block;
        margin-bottom: 10px !important
    }
    .cg_wordpress_multisite {
        background: none;
        height: auto
    }
    .hidden_message {
        display: block !important
    }
    div.main_wp_content {
        margin-bottom: 0 !important
    }
    div.wp_table_form #sign_up {
        display: none
    }
    div.compressed_features {
        display: block !important
    }
}

@media only screen and (max-width:495px) {
    div.wp_form {
        margin-top: 13px !important
    }
    .checkyesli img {
        display: none
    }
    .checkyesli {
        padding-left: 0 !important
    }
    .tipspan {
        display: none
    }
}

div.wordpress_multisite .hidden_message {
    font-family: Open Sans !important;
    font-size: 16px !important;
    color: #000;
    position: relative;
    top: 0
}

.billed_annually {
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 13px !important;
    position: relative;
    left: 4px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    float: left;
    top: 5px
}

div#sign_up td a.branded_portal_question {
    font-size: 12px;
    text-decoration: underline !important;
    position: relative;
    top: -1px;
    left: 5px;
    color: #f75c1f !important
}

div#sign_up td a.branded_portal_question:hover {
    text-decoration: none !important
}

.plans_faq_div h1 {
    font-weight: normal;
    font-size: 26px;
    font-family: Open Sans, sans-serif;
    color: #585555;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.plans_faq_div a strong {
    font-size: 14px
}

.tos_container {
    padding-left: 10px
}

.secondh3 {
    margin-top: 30px
}

.hero_artwork {
    margin: 0 auto;
    width: 100%;
    height: 500px;
    background: url(../images/hero_artwork.png?1486297033) no-repeat 50% 100%;
    background-size: 960px auto;
    position: relative;
    z-index: 900
}

.hero_trial {
    margin-top: -4px !important
}

.hero_container {
    background: #a13f3e;
    background: -moz-linear-gradient(top, #a13f3e 0, #e2995f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a13f3e), color-stop(100%, #e2995f));
    background: -webkit-linear-gradient(top, #a13f3e 0, #e2995f 100%);
    background: -o-linear-gradient(top, #a13f3e 0, #e2995f 100%);
    background: -ms-linear-gradient(top, #a13f3e 0, #e2995f 100%);
    background: linear-gradient(to bottom, #a13f3e 0, #e2995f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a13f3e', endColorstr='#e2995f', GradientType=0);
    padding-bottom: 4px;
    height: 500px
}

.hero_spots {
    background: url(../images/hero_spots.png?1486297033) repeat;
    background-size: 60px auto;
    width: 100%;
    height: 500px;
    position: absolute;
    top: 81px;
    z-index: 950
}

.hero_ray {
    background: url(../images/hero_rays.png?1486297033) 0 0 no-repeat;
    background-size: 100% auto;
    width: 1362px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    top: -500px
}

.hero_link {
    margin: 0 auto;
    width: 960px;
    position: relative;
    top: 81px;
    z-index: 999
}

.hero_link a {
    float: right;
    position: relative;
    top: 225px;
    right: 40px;
    background: #953232 url(../images/hero_play.png?1486297033) no-repeat 9% 51%;
    background-size: 22px auto;
    color: #fff;
    padding: 14px 27px 11px 46px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: .4s;
    font-size: 13px;
    box-shadow: 0 4px 0 #7b1f1f
}

.hero_link a:hover {
    background: #cd4848 url(../images/hero_play.png?1486297033) no-repeat 9% 51%;
    background-size: 22px auto;
    box-shadow: 0 4px 0 #a22626
}

@media only screen and (max-width:960px) {
    .hero_artwork {
        background-size: 100% auto
    }
    div.logo_tagline_container {
        width: 200px
    }
    .hero_link {
        float: right
    }
}

@media only screen and (max-width:955px) {
    .hero_link a {
        margin-top: 10px
    }
}

@media only screen and (max-width:913px) {
    .hero_link a {
        margin-top: 25px
    }
}

@media only screen and (max-width:857px) {
    .hero_ray {
        display: none
    }
    .hero_artwork,
    .hero_spots,
    .hero_container {
        height: 400px
    }
    .hero_link a {
        top: 140px
    }
}

@media only screen and (max-width:780px) {
    .hero_artwork,
    .hero_spots,
    .hero_container {
        height: 360px
    }
    .hero_link a {
        top: 110px
    }
}

@media only screen and (max-width:740px) {
    .hero_link {
        display: none
    }
    .hero_spots {
        top: 61px
    }
}

@media only screen and (max-width:660px) {
    .hero_artwork,
    .hero_spots,
    .hero_container {
        height: 300px
    }
}

@media only screen and (max-width:575px) {
    .hero_artwork,
    .hero_spots,
    .hero_container {
        height: 260px
    }
}

@media only screen and (max-width:485px) {
    .hero_spots,
    .hero_ray,
    .hero_artwork {
        display: none
    }
    .hero_mobile {
        display: block !important;
        width: 100%;
        height: auto
    }
    .hero_container {
        height: auto !important
    }
}

@media only screen and (max-width:480px) {
    .hero_container {
        padding-bottom: 70px
    }
}

.cg_logo_download {
    float: left;
    width: 50%;
    margin-bottom: 30px
}

.rackspace_plans {
    float: left;
    width: 100%;
    margin-top: 10px
}

@media only screen and (min-width:1950px) {
    .rackspace_trial {
        margin-left: 1114px !important
    }
}

.rackspace_trial {
    width: 114px;
    position: absolute;
    height: auto;
    margin-left: 988px;
    margin-top: 7px
}

.rackspace_watch_video {
    margin-top: 45px !important;
    padding: 40px 0 50px 0 !important;
    margin-bottom: 40px
}

.rackspace_watch_video h1 {
    padding-bottom: 10px !important
}

.rackspace_watch_video a {
    position: relative;
    top: -3px;
    left: 5px;
    background: #d10024 url(../images/hero_play.png?1486297033) no-repeat 9% 51%;
    background-size: 22px auto;
    color: #fff !important;
    padding: 16px 27px 13px 46px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: .4s;
    font-size: 13px;
    font-weight: bold !important;
    font-size: 14px !important;
    text-shadow: 1px 1px 0 #bd0021;
    box-shadow: 0 3px 0 #ad001e
}

.rackspace_watch_video a:hover {
    background: #be0021 url(../images/hero_play.png?1486297033) no-repeat 9% 51%;
    background-size: 22px auto;
    text-decoration: none !important;
    box-shadow: 0 3px 0 #900019 !important
}

.rackspace_hr {
    width: 100%;
    margin: 73px 0 60px 0;
    opacity: .6
}

.last_rs {
    padding-bottom: 20px !important
}

.rs_text {
    float: left;
    width: 50%
}

.rs_image {
    float: right;
    float: right;
    background: url(../images/hiw_browser.png?1486297033) no-repeat 100% 0;
    background-size: 400px 294px;
    width: 400px;
    height: 345px;
    margin-top: 85px
}

.rs_image div {
    width: 398px;
    height: 270px;
    overflow: hidden;
    position: relative;
    top: 28px;
    left: 1px
}

.rs_logo img {
    width: 250px;
    height: auto;
    padding: 0 5px;
    position: relative;
    top: 8px
}

.rs_no_logo {
    display: none
}

.rs_image div a img {
    width: 399px;
    height: auto;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: none
}

.rs_image p {
    margin-top: 35px;
    text-align: center
}

.rs_full {
    float: left;
    margin-top: 10px
}

@media only screen and (max-width:960px) {
    .rs_text {
        width: 100%
    }
    .rs_no_logo {
        display: block
    }
    .rs_image,
    .rackspace_trial,
    .rackspace_watch_video,
    .rs_logo {
        display: none
    }
    .rackspace_box {
        margin-bottom: 40px;
        height: auto !important
    }
}

.rs_blankli span {
    font-weight: normal !important
}

.rs_unlimited {
    width: 1150px !important;
    margin: 0 auto
}

.rs_unlimited .plans_box {
    width: 230px
}

.box_four .plan_ul_holder {
    border-left: none
}

@media only screen and (max-width:1250px) {
    .rs_unlimited .plans_box {
        width: 200px
    }
    .rs_unlimited {
        width: 1000px !important
    }
    .rackspace_trial {
        margin-left: 940px
    }
}

@media only screen and (max-width:1100px) {
    .rs_unlimited .plans_box {
        width: 180px
    }
    .rs_unlimited {
        width: 900px !important
    }
    .rackspace_trial,
    .rsp_desktop {
        display: none
    }
    .rsp_mobile {
        display: block !important
    }
}

@media only screen and (max-width:910px) {
    .rs_unlimited .plans_box {
        width: 100%
    }
    .rs_unlimited {
        width: 100% !important
    }
}

@media only screen and (min-width:1950px) {
    #new_payment_form a.fake_create_link {
        left: 250px
    }
}

div.hero_today h1 {
    color: #525252 !important;
    margin-bottom: 20px;
    font-size: 40px !important
}

.hero_today ol li {
    line-height: 2.8em;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    font-size: 16px !important;
    -webkit-font-smoothing: antialiased;
    color: #323232 !important
}

.hero_today {
    padding: 30px 0 50px 0 !important
}

.hero_trial_2 {
    background: none !important;
    border: none !important;
    padding-top: 40px !important;
    padding-bottom: 10px !important
}

@media only screen and (max-width:480px) {
    div.hero_trial_2 {
        float: left;
        margin-top: 40px !important;
        display: block;
        width: 100%;
        clear: both
    }
}

.strong_h3 {
    font-size: 20px !important;
    margin-bottom: 10px !important
}

.marketing_copy {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    margin-top: 20px;
    margin-bottom: 60px;
    padding: 30px
}

.marketing_copy div {
    margin-bottom: 35px
}

.marketing_copy div:last-child {
    margin-bottom: 0
}

.contain_6 {
    float: left;
    width: 50%;
    margin-top: 10px !important
}

.contain_6 div {
    width: 90%;
    margin-bottom: 40px
}

.contain_6 h3 {
    margin-bottom: 10px !important;
    font-size: 16px !important
}

.contain_6 p {
    line-height: 1.9em !important
}

.floatleftwidth {
    float: left;
    width: 100%
}

.affiliate_div {
    float: left;
    width: 100%;
    margin-bottom: 40px !important;
    margin-top: 55px !important;
    height: auto
}

.affiliate_div ol li {
    float: left;
    clear: both
}

.spaceattop {
    margin-top: 25px !important
}

.spacetop {
    margin-top: 15px !important
}

.subscription_toggle li {
    display: inline;
    display: inline-block;
    margin-right: -4px
}

.subscription_toggle li a {
    display: block;
    color: #333;
    padding: 5px 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-right: none;
    background: white;
    font-size: 14px;
    float: left
}

.subscription_toggle li a:hover {
    background: #f0f0f0
}

.subscription_toggle li a.three_year {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #ccc
}

.subscription_toggle li a.monthly {
    border-radius: 5px 0 0 5px
}

.subscription_toggle li a.active {
    background: #E2E2E2
}

.subscription_toggle li a:hover {
    text-decoration: none
}

.subscription_toggle {
    margin-bottom: 0
}

.rackspace_box span.dollar_sign {
    font-size: 24px
}

.rackspace_box span {
    top: -20px
}

.rackspace_box .plan_header,
.rackspace_box .plan_header {
    height: 100px
}

.rackspace_box .ninja_annual_billing {
    font-size: 14px !important;
    top: -9px !important
}

.rackspace_box .plan_ul_holder .buttonholder a {
    background: #00b073;
    text-shadow: 1px 1px 0 #93b35c;
    padding: 15px 40px 13px 40px;
    font-size: 15px !important;
    box-shadow: 0 3px 0 #7FB02C;
    transition: .45s
}

.rackspace_box .plan_ul_holder .buttonholder a:hover {
    background: #008e5d;
    transition: .45s
}

.fake_monthly_button {
    display: none;
    background: #00b073;
    text-shadow: 1px 1px 0 #93b35c;
    padding: 15px 25px 13px 25px;
    font-size: 15px !important;
    box-shadow: 0 3px 0 #7FB02C;
    color: #fff !important;
    text-decoration: none !important;
    opacity: .5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold !important
}

.nomonthlybilling {
    display: none;
    font-size: 14px !important;
    font-weight: 500 !important;
    top: -26px !important
}

@media only screen and (max-width:1150px) {
    .rackspace_box .plan_ul_holder .buttonholder a,
    .rackspace_box .plan_ul_holder .buttonholder span {
        padding: 15px 30px 13px 30px !important
    }
}

.box_one .dollar_sign,
.box_one .permonth {
    display: inline-block;
    width: auto
}

.personal_wrapper {
    display: inline-block;
    width: 100%;
    background: #2f2f2f;
    padding-top: 20px;
    margin-top: -20px
}

.select_affiliate_link,
.select_affiliate_link:visited {
    color: #00b073;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    position: relative;
    top: 40px;
    right: 179px;
    float: right
}

.select_affiliate_link {
    background: url(../images/ico_green_right.png?1486297033) no-repeat 100% 50%;
    padding-right: 15px;
    display: inline-block;
    background-size: 10px auto
}

.select_affiliate_link:hover {
    text-decoration: underline;
    color: #00b073
}

.plans_toggle {
    width: 593px;
    margin: 0 auto;
    margin-top: -3px
}

.plans_toggle ul {
    margin-left: 0;
    margin: 3px 0 23px 0
}

.plans_toggle ul li {
    line-height: 22px;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 100
}

.plan_header .feature_annually {
    font-size: 13px !important
}

.ninja_no_monthly {
    top: -10px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    float: left;
    left: 48px;
    width: 96px
}

@media only screen and (max-width:770px) {
    .subscription_toggle li {
        display: block;
        clear: both;
        float: left;
        text-align: center
    }
    .subscription_toggle li a {
        border: 1px solid #ccc;
        width: 200px
    }
}

@media only screen and (max-width:960px) {
    .ninja_no_monthly {
        left: 20px !important
    }
}

@media only screen and (min-width:1950px) {
    .ninja_no_monthly {
        left: 74px !important
    }
}

.rackspace_faq .plans_caption p {
    margin-top: 20px
}

.rackspace_faq .plans_faq_div h1 {
    margin-bottom: 20px
}

.bt_company {
    display: block;
    clear: both;
    width: 236%
}

.foundCodeGuard {
    float: left;
    display: block;
    width: 100%;
    margin-top: 12px
}

.foundCodeGuard input {
    display: block;
    clear: both;
    width: 94%
}

.footer {
    float: left;
    width: 100%;
    background: #2e3138;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-bottom: -20px;
    margin-top: 50px
}

.footer .footer_desktop {
    padding: 55px 0 0 0
}

.footer .footer_desktop .whocg {
    margin-left: 0;
    background: transparent url(../images/cg_footer.png?1486297033) no-repeat 50% 0;
    background: transparent url(../images/cg_footer.svg?1486297033) no-repeat 50% 0;
    padding-top: 145px;
    background-size: 100% auto
}

.footer .footer_desktop h1 {
    font-size: 16px;
    color: white;
    margin-bottom: 0 !important;
    font-weight: normal !important;
    display: inline-block;
    line-height: .97em;
    margin-top: 15px;
    margin-bottom: 0
}

.footer .footer_desktop .dark_footer {
    background: #191d24;
    text-transform: uppercase;
    margin-top: 40px;
    padding: 28px 0 18px 0
}

.footer .footer_desktop ul {
    margin: 13px 0 30px 0
}

.footer ul li {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #1b1e25;
    padding: 23px 0;
    list-style: none;
    line-height: 1.49em
}

.footer .footer_desktop .whocg .cg_greeting {
    font-family: Sorbet, sans-serif;
    color: white;
    font-size: 13px;
    position: absolute;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    margin-left: 148px;
    text-align: center;
    margin-top: -158px
}

.footer .footer_desktop .whocg .cg_greeting {
    font-family: Sorbet, sans-serif;
    color: white;
    font-size: 13px;
    position: absolute;
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    margin-left: 148px;
    text-align: center;
    margin-top: -158px
}

.footer .footer_desktop p {
    font-size: 13px;
    color: #9d9e9e;
    line-height: 1.8em;
    margin: 13px 0
}

.footer .footer_desktop ul li {
    text-align: left !important;
    display: block !important;
    border-bottom: none;
    line-height: 1.6em;
    padding: 2px 0
}

.footer .footer_desktop .footer_nav_elements {
    float: right;
    margin-right: 0
}

.footer .footer_desktop .grid_2 {
    margin: 0;
    margin-left: 20px
}

.footer .footer_desktop ul li a {
    font-size: 13px !important;
    font-weight: normal !important;
    color: #9d9e9e !important;
    display: inline-block !important;
    cursor: pointer;
    text-decoration: none;
    transition: .2s color ease-out;
    -webkit-transition: .2s color ease-out
}

.footer ul li a:hover {
    color: #9fd951 !important;
    -webkit-transition: .2s color ease-out
}

.footer .footer_desktop .dark_footer p {
    float: left;
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 11px !important;
    font-weight: 500
}

.footer .footer_desktop .dark_footer .social_div {
    margin-top: -6px;
    float: right;
    padding-top: 10px
}

.footer .footer_desktop .dark_footer .social_div .div {
    background: #2b2e35;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    top: 0;
    transition: .3s;
    -webkit-transition: .3s;
    margin-left: 10px
}

.footer .footer_desktop .dark_footer .social_div .div a {
    display: inline-block;
    float: left;
    border-radius: 100%;
    padding: 17px;
    background-size: 15px auto;
    -khtml-opacity: .5;
    -moz-opacity: .4;
    -ms-filter: "alpha(opacity=40)";
    filter: alpha(opacity=40);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0.4);
    opacity: .4;
    position: relative;
    top: 0;
    transition: .3s;
    -webkit-transition: .3s
}

.footer .footer_desktop .dark_footer .social_div .div .footer_blog {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABGCAYAAABbnhMrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAXxJREFUeNrs3FFtAkEYxPEZFCCBOuAcgIJWAg5aBwUlrYNSBYcDcAAOioPpyyUQeiRwSwOE/7zyQPLLN3e7l+xaLUkykDSR9CxpKLKS9C3p0/Zm/we34E0lvWN2NDPb0z+ASfqSaibu5Ikc297uAy7BOw/RdtXbqy1452WYZOrmhbHGo1t6kl5hKAMcwdA9ThIYyiaQAAgggAASAAEEEEACIIAAAkgABBBAAAmAAAIIIAEQQAABJAACCCCABEAAAQSQAAgggAASAC8FuIKhDHABQ/dwVq50ApsT2DMoOmXGeeHu2Z0XbjLmhXI6XuO1W8bY3tquqPMJtbUr21up5dKJps4DcWvH4cS13tpxtSR5SfKTy6V+qJ2I7bmk6t6fu1fdytne8Ny9XKVHhZWuH24CD6ZxIenp3raWN/U1pllKjan0dSpdP/wEHqn0nHEqn8a3W53Ae0IcJllT4e6VXjULbyr9T5Wmwh0qvQSwDLGf5APAcshJkq9r/PfvAN24m1LA1uUtAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    background-size: 14px auto
}

.footer .footer_desktop .dark_footer .social_div .div .footer_twitter {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNBMDg4REE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNBMDg4RUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0EwODhCQTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0EwODhDQTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fC+H9AAAARpJREFUeNqc071qQjEUwPHci8VBN4VCSwdHBwVxc+4LOHQofYZ2bCm+gYuD7+HH7OKgYpeWLoJLS7+mDqVuohj/kaQNIYbeHvjdL27OPecmiaSU4o+RRhVHuMeTfh5BCpUI50jpa58y5vI3VmjgCq1dMfrFBTrIeJIcYCb98YlbFGJdWgp1PKDmtFRCcU+7OT3+2Xy173xpikvUcCH3x9hUrg4x6niVyaNnEqmWNmjjWCQPM3Mi1uem+F8Mfq6s2bnGV4K2PpA242Mru/r7iwTVtLD0VXToLLpQ3On1JexZs2X0tL8HkryoBeguXPsmizOMAkkeceLbRupQQhfLQAK1FW7cdmyRtfsLOEUFeXzjDRMMsQ79+a0AAwCb/FSz5IIMuwAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    background-size: 15px auto
}

.footer .footer_desktop .dark_footer .social_div .div .footer_facebook {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RkNBMDg4OUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RkNBMDg4QUE5M0ExMUUyQjVGOEI3N0M5REFBOTI4MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRGQ0EwODg3QTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRGQ0EwODg4QTkzQTExRTJCNUY4Qjc3QzlEQUE5MjgwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iKyVzAAAAJJJREFUeNpi/P//PwMSCAbidCCWAmJOqJgzA0gRFEf9xw5UmZBMKWXABaCmMALxLyTdy4GYDWYLzCRmIGZF0nsTiH/BOCxA7A7EimgWGANxGpS9GmTchv/4gQQTA37wG4hfgazbBcSvgTgFSfIsFH8C4n8w37GgWdGAFH4MhKwDg+GtiAVK/wFiISTxH8iKAAIMACZeka/61cNPAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    background-size: 8px auto
}

.footer .footer_desktop .dark_footer .social_div .div .footer_youtube {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABDCAYAAADK1Mg0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA+NJREFUeNrsW+1x4jAQfcvw/9zBOR04HZAK4lQQXMHRQbgKcqkAqABSAU4FkAriVIA72PuBSORFkrHjxJ87wwy2ZBk/9u2X1kAJYeYDZ2Vnmfcm5r2hBTIqed1GHAfM7AtAfAB+znWdAuXZcG6ScwwAK3RZDBRaiPF1G6nzVVAexUMfckB77AMoAZ9LkDfWBhmXvZCI9sycCGMaAtgb7ElCRHsBqgdgCuDWYK+WRJQa5gfiN8TauLznXq5RF4W26vzWRR1mnhrolaGi1CxmnshJYlzKpEkU8lzUsVxjA8arA5TRV0BRlEjE6Ycc6jwYljKtc6JXa+IUV0A2ywv0xPGSiK6J6Mow97atoKwKjsso9137/trmiDaPQroH2Lct3BhVtM6mpBZ1GpRVQbC6D4qNQkSU9FlT4LArvQYFAygDKAMoAyg13LPydJ6Zp20HRUa4t8zsq0z6vohHU6WLNYBFlT9wXAMoz8gWoQIAtvrtS85as07Qh4j+GbTFljctL9SaZSONk6Haxo65nqHan9kZ0AtMgi6ZHQJmDtVYZUUmqhlIH8e6rqdpQ+xKD5Tt8QCkbczABxlkkP5JIUNb215KNaFAXAkoWpQZ4rzg3EZJcKwGrlyeixyucgFzO0VXJAYQmdz/yJJc7ToOCNTz7UzJJBkAWaB/EukpBV0ISIJi2xW/UX7L86/2/f4HbVkGGKjU3dUFsC3qpbik5OVT3yiHU9/eyaY8avlHX8VTOGCsJWUu8Zl5Lvz+XMQvE0GfNkrIzL4pHS+j5vOqdLhG+nw0GI164HoLu+oxzvtFqg6QXiweqYiXWeLYsvFLreFZPOQTPqt6nhaNF5EAFam5jT5zm0ey0UScXxt634K8Hl4ZexV9tkbv+xDRncxR1PGTdmpDRJFjjSUK1nAbDQozz7QYYiJoeUZDZg4t81edAQWfPW+ezSEITfpjmb/vEihV0TAdQPmijDumETdVrDNoStc1RZU//AGUrNxXkbYM9OmBpsh8SQ/atk0HJf2Be7yLl6QaSZ9Uy2ZvSoCXWoyrb4lcUz0ZLUqf+CdqKiocJ8ODOBNC5VE8kdTppYMpgLmWB73i2Kax0WskhcodZatmF5YO1oZ/NpCv4zpKB1OLdqxdr9ZdUGpwyexUyS8jE+2zcN1EdS75CryD4fqdZd2d+oRqjcByr4MJwAveVTSJf1LnBWp6Ne0bJFb0Csp4LCKKdI7v0O9tjhTANRElI2XQEgBRz2O2j832kWbpNz0GJtK9FRmMU4jjnrLXE8pEwn2fB29qwhWa2rBbbRpwJQExaoohWgxxrJVOOgBEjGMb/MbVq/t/AA+VKuzeabjMAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    background-size: 15px auto
}

.footer .footer_desktop .dark_footer .social_div .div:hover {
    top: -5px;
    transition: .3s;
    -webkit-transition: .3s
}

.footer .footer_desktop .dark_footer .social_div .div a:hover {
    transition: .3s;
    -webkit-transition: .3s;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=10);
    opacity: 10
}

.footer .footer_desktop .to_top {
    font-family: Fontello;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: white;
    background: #bde481;
    background-size: 17px auto;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 11px 14px;
    position: absolute;
    margin-top: -75px;
    left: 50%;
    margin-left: 450px
}

@font-face {
    font-family: 'Fontello';
    src: url(../fonts/custom.eot?1486297033);
    src: url('../fonts/custom.eot?63189453#iefix') format('embedded-opentype'), url(../fonts/custom.woff?1486297033) format('woff'), url(../fonts/custom.ttf?1486297033) format('truetype'), url('../fonts/custom.svg?63189453#fontello') format('svg');
    font-weight: normal;
    font-style: normal
}

.footer .mainnav {
    margin: 0;
    padding: 0
}

.footer ul li {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #1b1e25;
    padding: 23px 0;
    list-style: none
}

.footer .mainnav li a {
    width: 100%;
    display: block;
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px 0 #323232;
    font-weight: 600;
    font-size: 20px;
    transition: .2s color ease-out;
    -webkit-transition: .2s color ease-out
}

.footer_social_media {
    margin: 0;
    padding: 0
}

.footer div .footer_social_media li {
    float: left;
    padding: 18px 0 19px 0;
    width: 50%;
    display: inline-block;
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    text-decoration: none;
    text-align: center;
    color: white;
    cursor: pointer
}

.footer div .footer_social_media .twitter {
    background: #56d2f8
}

.footer div .footer_social_media .facebook {
    background: #3c5a95
}

.footer_social_div {
    margin-top: 0 !important
}

.footer div .footer_social_media .facebook a {
    text-shadow: 1px 1px 0 #263d6b;
    background: transparent url(../images/ico_facebook_mfooter.png?1486297033) no-repeat 0 50%;
    padding-left: 14px;
    background-size: 7px auto
}

.footer div .footer_social_media .twitter a {
    text-shadow: 1px 1px 0 #39a4c6;
    background: transparent url(../images/ico_twitter_mfooter.png?1486297033) no-repeat 0 50%;
    padding-left: 18px;
    background-size: 15px auto
}

.footer div .footer_social_media li a {
    text-decoration: none;
    color: white;
    text-shadow: 1px 1px 0 #39a4c6;
    font-weight: 600;
    font-size: 20px;
    font-size: 17px
}

.footer div .footer_social_media li a:hover {
    color: white !important
}

@media only screen and (max-width:769px) {
    .footer_nav_div,
    .footer_social_div {
        display: block !important;
        width: 100% !important;
        margin-top: 0 !important
    }
    .footer_desktop {
        display: none
    }
}

@media only screen and (max-width:1030px) {
    .footer .footer_desktop .to_top {
        margin-left: 365px
    }
}

@media only screen and (max-width:895px) {
    .footer .footer_desktop .to_top {
        margin-left: 250px
    }
}

@media only screen and (min-width:1950px) {
    .wp_nav {
        margin-left: 30px
    }
}

@media only screen and (max-width:1280px) {
    .hiw_follow {
        display: none
    }
}

.restore1 {
    background: #ececec
}

.normal_ul {
    margin-left: 7px !important
}

.normal_ul li {
    list-style-type: disc !important;
    list-style-position: inside !important;
    margin-bottom: 11px !important;
    line-height: 22px !important
}

.seal_pci {
    display: block;
    clear: both;
    position: relative;
    top: -20px
}

.companies_trust {
    width: 100%;
    height: auto
}

.wordcamp .header {
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 60px 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    overflow: hidden;
    background: #3a81c5 url(../images/wc_atlanta.png?1486297033) no-repeat 0 -50px;
    background-size: 100% auto
}

.wordcamp .header h1 {
    color: #fff;
    text-align: center
}

.wordcamp img {
    width: 80%;
    height: auto;
    border: 10px solid #f1f1f1;
    margin-top: 20px
}

@font-face {
    font-family: Bebas Neue;
    src: url(../fonts/BebasNeue.eot?1486297033);
    src: url(../fonts/BebasNeue.otf?1486297033) format('opentype'), url(../fonts/BebasNeue.woff?1486297033) format('woff'), url(../fonts/BebasNeue.ttf?1486297033) format('truetype');
    behavior: url(../js/PIE.htc?1486297033)
}

.wordcamp .code {
    display: block;
    width: 765px;
    margin: 0 auto;
    padding: 17px 0 11px 0;
    background: url(../images/wc_ribbon.png?1486297033) no-repeat 50% 50%;
    background-size: 100% 63px
}

.wordcamp .header h1,
.wordcamp .header h2 {
    font-family: Bebas Neue, Helvetica Neue, Open Sans, sans-serif
}

.wordcamp .code p {
    display: inline-block;
    font-family: Bebas Neue, Helvetica Neue, Open Sans, sans-serif;
    font-size: 37px;
    margin: 0;
    line-height: 35px;
    letter-spacing: 1px
}

.wordcamp .code p span {
    font-weight: bold;
    color: #323232;
    font-family: Bebas Neue, Helvetica Neue, Open Sans, sans-serif;
    font-size: 36px
}

.wordcamp .header h1 {
    font-size: 170px;
    margin: 0;
    line-height: 160px;
    margin: 10px 0;
    letter-spacing: 5px
}

.wordcamp .header h2 {
    font-size: 43px;
    margin: 0;
    letter-spacing: 3px
}

.wordcamp .header h2:before {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background: #fff;
    position: absolute;
    margin-top: 22px;
    margin-left: 17px
}

.wordcamp .header h2:after {
    content: '';
    display: block;
    width: 70px;
    height: 1px;
    background: #fff;
    position: absolute;
    margin-left: 864px;
    margin-top: -30px
}

.buttonGreen {
    background: #00b073;
    color: white;
    padding: 13px 27px 13px 27px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: .45s;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: center;
    clear: both
}

.wordcamp .header a {
    width: 270px;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    font-weight: 600;
    background: #323232;
    color: #fff !important;
    margin-top: 45px;
    position: relative;
    padding-top: 17px !important
}

.wordcamp .header .byline {
    font-family: Helvetica Neue, Helvetica, sans-seif;
    font-size: 15px;
    text-transform: none;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: -20px
}

.wordcamp .header a:hover {
    text-decoration: none;
    transition: .45s;
    background: #111
}

.wordcamp h1 {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    font-size: 36px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-top: 40px
}

@media only screen and (min-width:1950px) {
    .wordcamp .header h2:before,
    .wordcamp .header h2:after {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .wordcamp .header {
        background-position: 0 0
    }
}

@media only screen and (max-width:1050px) {
    .wordcamp .header {
        background: #3a81c5
    }
    .wordcamp .header h2:before,
    .wordcamp .header h2:after {
        display: none
    }
    .wordcamp .header h1 {
        font-size: 140px;
        line-height: 130px;
        letter-spacing: 2px
    }
    .wordcamp .header h2 {
        font-size: 35px
    }
    .wordcamp .code p,
    .wordcamp .code p span {
        font-size: 32px
    }
    .wordcamp .code {
        width: 720px
    }
    .wordcamp .header a {
        margin-top: 35px
    }
    .wordcamp img {
        width: 90%
    }
}

@media only screen and (max-width:800px) {
    .wordcamp .header {
        background: #3a81c5
    }
    .wordcamp .header h2:before,
    .wordcamp .header h2:after {
        display: none
    }
    .wordcamp .header h1 {
        font-size: 80px;
        line-height: 70px;
        letter-spacing: 2px
    }
    .wordcamp .header h2 {
        font-size: 25px
    }
    .wordcamp .code p,
    .wordcamp .code p span {
        font-size: 22px
    }
    .wordcamp .code {
        width: 100%;
        background: none;
        padding: 0
    }
    .wordcamp .header a {
        margin-top: 20px
    }
}

@media only screen and (max-width:500px) {
    .wordcamp .header a {
        width: 200px;
        font-size: 14px !important
    }
    .wordcamp .header .byline {
        font-size: 12px
    }
    .wordcamp .code p,
    .wordcamp .code p span {
        font-size: 26px
    }
    .wordcamp .header h1 {
        font-size: 116px;
        line-height: 100px
    }
    .wordcamp .header {
        padding: 40px 0;
        margin-bottom: 0
    }
}

.affiliates_header {
    margin-top: -20px;
    padding: 50px 0 65px 0;
    background: #191d24 url(../images/bg_business_blur.png?1486297033) no-repeat 0 26%;
    background-size: 100% auto
}

.affiliates_header h1 {
    color: #fff;
    border: none;
    font-family: Open Sans, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 47px;
    width: 80%
}

.affiliates_header p {
    color: #fff;
    font-weight: normal !important;
    font-size: 15px !important
}

.affiliates_header a {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 15px !important;
    padding: 16px 27px 15px 27px !important;
    background: #008e5d;
    color: #fff !important;
    margin-top: 10px
}

div.content .affiliates_header a:hover {
    background: #699d14 !important
}

@media only screen and (max-width:960px) {
    .affiliates_header {
        background-size: 200% auto
    }
    .affiliates_header h1 {
        width: 100%
    }
}

@media only screen and (max-width:760px) {
    .affiliates_header {
        background: #191d24
    }
}

.affiliates_benefits {
    background: #f1f1f1;
    padding: 60px 0 53px 0;
    border-bottom: 1px solid #ccc
}

.affiliates_benefits ul {
    width: 50%;
    float: left;
    margin-top: 10px !important
}

.affiliates_benefits ul li {
    margin-bottom: 15px;
    background: url(../images/ico_check_medium.png?1486297033) no-repeat 0 49%;
    background-size: 14px auto;
    padding: 1px 0 0 25px
}

.affiliates_benefits em,
div.affiliates_benefits li {
    font-size: 18px !important
}

.affiliates_benefits h2,
.affiliate_div h2,
.affiliate_more h2 {
    font-size: 33px !important
}

.affiliate_more textarea {
    height: 100px !important
}

.affiliate_more .marketing_button {
    margin-top: 20px
}

div.content div.affiliate_div .need_more {
    background: #f3794d !important;
    margin-top: 55px
}

.btn_orange {
    background: #f3794d !important
}

.btn_orange:hover {
    background: #e84d15 !important
}

div.content div.affiliate_div .need_more:hover {
    background: #e84d15 !important
}

.affiliates_benefits .second li:last-child {
    background-position: 0 20%
}

.web_button {
    display: inline-block;
    border: none;
    background: #008e5d;
    color: white !important;
    padding: 8px 18px;
    padding: 14px 20px 14px 20px;
    border-radius: 4px;
    font-weight: bold !important;
    transition: .45s !important;
    font-size: 15px !important
}

.web_button:hover {
    text-decoration: none !important;
    transition: .45s;
    background: #699d14
}

.affiliates_header a:hover {
    text-decoration: none !important;
    background: #008e5d !important;
    transition: .45s
}

.specialSignup {
    margin-top: 10px !important
}

.specialSignup form {
    padding: 10px 0;
    width: 90%
}

.specialSignup .capcha {
    margin-bottom: 30px;
    margin-top: 10px
}

.specialSignup label {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 13px;
    font-weight: 100;
    text-transform: capitalize
}

.specialSignup label span {
    text-transform: none;
    font-size: 12px
}

.specialSignup form p {
    margin-bottom: 0;
    line-height: 1.05em !important;
    margin-top: 10px
}

.specialSignup input[type="text"],
.specialSignup input[type="password"] {
    width: 100%;
    margin: 2px 0 18px 0;
    background: #fff;
    border: 1px solid #D1D1D1;
    padding: 14px 10px;
    border-radius: 3px;
    font-size: 14px
}

.specialSignup #cvvhelp h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px
}

.specialSignup #cvvhelp ul {
    margin: 0 0 37px 33px
}

.specialSignup #cvvhelp ul li {
    list-style-type: circle
}

.specialSignup .plans_caption {
    margin-bottom: 30px
}

.specialSignup #cvvhelp {
    margin-top: 9px;
    margin-bottom: 20px;
    width: 85%;
    float: right
}

.quoteAuthor {
    margin-bottom: 35px !important
}

.specialSignup .errorExplanation {
    background: #fbe3e4;
    padding: 14px 14px;
    border-radius: 4px;
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #fbc2c4
}

.specialSignup .errorExplanation h2 {
    display: none
}

.specialSignup .errorExplanation span {
    font-size: 14px
}

.specialSignup .errorExplanation p {
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 10px
}

.specialSignup form p.first {
    margin-top: 0
}

.specialSignup .errorExplanation ul {
    margin: 0 0 0 26px
}

.specialSignup .errorExplanation ul li {
    list-style: circle
}

.badCaptcha {
    color: red;
    margin-left: 5px
}

.unsub {
    margin: 50px 0 200px 0
}

.freeBox {
    border: 1px solid #d5d5d5;
    background: #fafafa;
    padding: 25px 30px;
    border-radius: 7px;
    margin: 30px 0 30px 0;
    width: 93.5%;
    float: left
}

.freeBox h2 {
    font-size: 25px;
    font-weight: 200;
    margin-bottom: 10px
}

.freeBox h2 span {
    color: #a3a3a4;
    font-size: 17px;
    font-weight: 100 !important;
    position: relative;
    top: -2px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.freeBox p {
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 1.5em;
    width: 550px;
    float: left
}

.freeBox p strong {
    font-size: 14px !important
}

.freeBox a {
    float: right;
    margin-top: -22px
}

@media only screen and (max-width:960px) {
    .freeBox a {
        float: left;
        margin-top: 15px
    }
    .freeBox p {
        width: 100%
    }
    .freeBox {
        width: 91%
    }
}

@media only screen and (max-width:770px) {
    .freeBox {
        width: 79%
    }
}

.help_center {
    padding-top: 30px
}

.cms_banner {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    margin-top: -20px;
    width: 100%;
    padding: 70px 0 60px 0;
    color: #3f3f3f;
    background: #fafbfd url(../images/bg_clouds.png?1486297033) repeat-x 0 100%;
    border-bottom: 1px solid #eee;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.cms_banner h1 {
    font-size: 40px
}

.cms_banner h1,
.cms_banner span {
    font-size: 40px;
    font-weight: 500
}

.wpbanner h1 span {
    color: #00779a
}

.cms_banner p {
    font-size: 18px;
    margin-top: 15px
}

.cms_banner img {
    width: 350px;
    height: auto;
    position: relative;
    top: -20px
}

.drupalbanner img {
    width: 268px
}

.drupalbanner h1 span {
    color: #008fcc
}

.joomlabanner h1 span {
    color: #ed413c
}

.magentobanner h1 span {
    color: #f17a2f
}

.magentobanner img {
    width: 270px
}

.typo3banner h1 span {
    color: #fd8624
}

.typo3banner img {
    width: 250px
}

.modxbanner h1 span {
    color: #77bc55
}

.modxbanner img {
    width: 245px
}

.cmscontainer {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-top: 70px
}

.cmscontainer h2,
.cmscontainer h2 strong {
    font-size: 26px;
    font-weight: 400
}

.cmscontainer h2 strong {
    font-weight: 600
}

.cmscontainer p {
    font-size: 15px;
    line-height: 1.65em;
    margin-top: 20px
}

.cmscontainer .text {
    width: 468px;
    float: left
}

.cmscontainer .image {
    float: right
}

.cmscontainer .image img {
    width: 420px;
    height: auto;
    background: #D9D9D9;
    border: 1px solid #D9D9D9;
    padding-top: 12px;
    border-radius: 4px
}

.cmscontainer .image p {
    position: absolute;
    width: 420px;
    text-align: center;
    color: #A3A3A3;
    margin-top: 5px;
    font-size: 13px
}

.cmscontainer .reason1,
.cmscontainer .reason2,
.cmscontainer .reason3 {
    margin-bottom: 90px;
    display: block;
    width: 100%;
    float: left
}

.cmscontainer .reason2 .text {
    float: right
}

.cmscontainer .reason2 .image {
    float: left
}

.tryitfree {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
    margin-bottom: 50px
}

.tryitfree h1 {
    font-size: 37px;
    font-weight: 500
}

.tryitfree p {
    font-size: 15px
}

.tryitfree p a {
    font-weight: bold;
    text-decoration: none;
    color: #00b073
}

.tryitfree p a:hover {
    text-decoration: underline
}

.tryitfree .button {
    background: #f3794d;
    margin: 10px auto;
    display: block;
    color: white;
    padding: 13px 27px 13px 27px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    transition: .45s;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: center;
    width: 214px;
    float: none;
    margin-top: 30px
}

.tryitfree .button:hover {
    background: #e84d15;
    transition: .45s
}

@media only screen and (min-width:1950px) {
    .cmscontainer .text {
        width: 668px
    }
}

@media only screen and (max-width:970px) {
    .cmscontainer .text {
        width: 100%;
        margin-bottom: 30px
    }
    .cmscontainer .image {
        float: left
    }
}

@media only screen and (max-width:480px) {
    .cmscontainer .image img {
        width: 100%
    }
}

.sumo_header {
    background: #323232
}

.sumo_header .row {
    background: transparent url(../images/cg_snappy_sumo.png?1486297033) no-repeat 0 100%;
    height: 226px;
    background-size: 450px auto
}

.sumo_header .text {
    width: 454px;
    float: right;
    margin-top: 35px
}

.sumo_header h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 300 !important;
    font-size: 35px;
    color: #fff
}

.sumo_header p {
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #fff;
    margin-top: 15px
}

@media only screen and (min-width:1950px) {
    .sumo_header .text {
        width: 600px
    }
}

@media only screen and (max-width:970px) {
    .sumo_header .row {
        background: none
    }
    .sumo_header .text {
        margin: 0 auto;
        float: none;
        margin-top: 40px;
        width: 600px
    }
    .sumo_header h1,
    .sumo_header p {
        text-align: center
    }
    .sumo_header h1 {
        font-size: 40px
    }
}

@media only screen and (max-width:770px) {
    .sumo_header .row,
    .sumo_header .text {
        width: 100%
    }
    .sumo_header .row {
        padding-bottom: 50px;
        height: auto
    }
}

.Site5PlanPrice a {
    width: 69%;
    margin: 0 auto;
    display: block;
    clear: both
}

.site5_header {
    background: #fff
}

.site5_header .row {
    background: transparent url(..../images/logo_cg_site5_2.png?1486297033) no-repeat 0 50%;
    height: 226px;
    background-size: 465px auto
}

.site5_header .text {
    width: 454px;
    float: right;
    margin-top: 35px
}

.site5_header h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 300 !important;
    font-size: 35px;
    color: #000
}

.site5_header p {
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #000;
    margin-top: 15px
}

@media only screen and (min-width:1950px) {
    .site5_header .text {
        width: 600px
    }
}

@media only screen and (max-width:970px) {
    .site5_header .row {
        background: none
    }
    .site5_header .text {
        margin: 0 auto;
        float: none;
        margin-top: 40px;
        width: 600px
    }
    .site5_header h1,
    .site5_header p {
        text-align: center
    }
    .site5_header h1 {
        font-size: 40px
    }
}

@media only screen and (max-width:770px) {
    .site5_header .row,
    .site5_header .text {
        width: 100%
    }
    .site5_header .row {
        padding-bottom: 50px;
        height: auto
    }
}

.site5_vps {
    margin-bottom: 50px;
    width: 100%
}

.site5_vps div {
    float: left;
    width: 100%;
    padding: 30px 0
}

.site5_vps div ul {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    width: 500px
}

.site5_vps div ul li {
    list-style: none;
    display: inline-block;
    margin: 0 6px;
    font-weight: 300;
    text-align: center;
    width: 30%
}

.site5_vps div ul li a {
    color: #9E9E9E;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    width: 100%;
    transition: .3s
}

.site5_vps div ul .small_vps .active:after {
    margin-left: -50px !important
}

.site5_vps div ul .medium_vps .active:after {
    margin-left: -65px !important
}

.site5_vps div ul .large_vps .active:after {
    margin-left: -55px !important
}

.site5_vps .dedicated ul li a:hover {
    transition: .3s;
    color: #1E9BCF
}

.site5_vps .vps ul li a:hover {
    transition: .3s;
    color: #EC454E
}

.site5_vps h2 {
    text-align: center;
    font-family: Helvetica Neue, Helvetica, arial, sans-serif;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 20px
}

.site5_vps div {
    background: #1D1D1D
}

.site5_vps .dedicated ul li {
    margin: 0 20px
}

.site5_vps .dedicated ul .active {
    color: #1E9BCF
}

.site5_vps .vps ul .active {
    color: #EC454E
}

.site5_vps div ul .active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1D1D1D;
    margin-top: 50px;
    margin-left: -31px
}

.site5_vps .dedicated ul li:nth-child(2).active:after {
    margin-left: -49px
}

@media only screen and (max-width:990px) {
    .site5_vps div ul li a {
        font-size: 15px
    }
    .site5_vps div ul li {
        margin: 0 4px
    }
    .site5_vps .dedicated ul li {
        margin: 0 10px
    }
    .site5_vps div ul {
        width: 456px
    }
    .site5_vps div ul .active:after {
        display: none
    }
}

@media only screen and (max-width:890px) {
    .site5_vps div ul li {
        margin: 10px 0;
        display: block;
        width: 100%
    }
    .site5_vps div ul li a {
        width: 100%
    }
    .site5_vps .dedicated ul li {
        margin: 17px 0 !important
    }
    .site5_vps div ul {
        width: auto
    }
}

@media only screen and (min-width:1200px) {
    .site5_vps {
        width: 1200px;
        margin: 0 auto
    }
}

.Site5PlansBox {
    border: 1px solid #DCDCDC;
    width: 665px;
    margin: 0 auto;
    margin-top: 45px;
    padding: 34px 41px;
    border-radius: 4px;
    background: #FDFDFD;
    min-height: 238px
}

.Site5PlansBox .Site5PlanDetails {
    float: left;
    margin-bottom: 15px;
    width: 50%
}

.Site5PlansBox .Site5PlanDetails ul li {
    font-size: 16px !important
}

.Site5PlansBox .Site5PlanPrice {
    float: right;
    width: 50%;
    position: relative;
    left: 24px
}

.Site5PlansBox .Site5PlanDetails ul li a {
    font-size: 16px !important
}

.Site5PlansBox .marketing_button {
    width: 102px !important;
    font-size: 16px !important;
    margin: 16px 0 10px 40px !important
}

.Site5PlanPrice p {
    font-size: 60px !important;
    font-weight: bold !important;
    color: #00b073;
    margin-bottom: 0;
    text-align: left;
    margin-left: 40px;
    margin-top: -12px;
    line-height: 1.4em !important
}

.Site5PlanPrice p .amount {
    margin-left: -13px
}

.Site5PlanPrice p .month {
    font-weight: normal !important;
    font-size: 45px !important;
    margin-left: -11px
}

.Site5PlanPrice select {
    width: 250px;
    display: block;
    height: 46px;
    border: 1px solid #ADADAD;
    border-radius: 4px;
    margin-bottom: 29px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #fff 0, #ececec 100%);
    background: -o-linear-gradient(top, #fff 0, #ececec 100%);
    background: -ms-linear-gradient(top, #fff 0, #ececec 100%);
    background: linear-gradient(to bottom, #fff 0, #ececec 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    margin: 0 auto
}

.Site5PlanDetails h3 {
    font-weight: bold !important;
    color: #00b073 !important;
    font-size: 24px !important
}

@media only screen and (max-width:770px) {
    .Site5PlansBox {
        width: 80%;
        margin: 0 auto;
        height: auto;
        float: left
    }
    .Site5PlansBox .Site5PlanDetails {
        width: 100%
    }
    .Site5PlansBox .Site5PlanPrice {
        width: 100%;
        margin-top: 15px
    }
    .Site5PlanPrice p {
        margin-left: 0;
        float: left
    }
    .Site5PlanPrice select {
        float: left;
        margin-left: 0
    }
    .Site5PlansBox .marketing_button {
        float: left;
        margin-left: 0 !important
    }
}

.Site5PlansBox .Site5PlanPrice span.renews {
    font-size: 12px;
    display: block;
    margin: 9px 0 0 42px;
    font-style: italic;
    color: #9E9E9E
}

.BluehostPlanPrice a {
    width: 69%;
    margin: 0 auto;
    display: block;
    clear: both;
	text-align: center;
}

.bluehost_header {
    background: #fff
}

.bluehost_header .row {
    background: transparent url(../images/logo_bluehost.jpg?1486297033) no-repeat 0 50%;
    height: 226px;
    background-size: 465px auto
}

.bluehost_header .text {
    width: 454px;
    float: right;
    margin-top: 35px
}

.bluehost_header h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 300 !important;
    font-size: 35px;
    color: #000
}

.bluehost_header p {
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #000;
    margin-top: 15px
}

@media only screen and (min-width:1950px) {
    .bluehost_header .text {
        width: 600px
    }
}

@media only screen and (max-width:970px) {
    .bluehost_header .row {
        background: none
    }
    .bluehost_header .text {
        margin: 0 auto;
        float: none;
        margin-top: 40px;
        width: 600px
    }
    .bluehost_header h1,
    .bluehost_header p {
        text-align: center
    }
    .bluehost_header h1 {
        font-size: 40px
    }
}

@media only screen and (max-width:770px) {
    .bluehost_header .row,
    .bluehost_header .text {
        width: 100%
    }
    .bluehost_header .row {
        padding-bottom: 50px;
        height: auto
    }
}

.bluehost_vps {
    margin-bottom: 50px;
    width: 100%
}

.bluehost_vps div {
    float: left;
    width: 100%;
    padding: 30px 0
}

.bluehost_vps div ul {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    width: 735px
}

.bluehost_vps div ul li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
    font-weight: 300;
    text-align: center;
    width: 23%
}

.bluehost_dedi_ul li {
    width: 31% !important
}

.bluehost_vps div ul li a {
    color: #9E9E9E;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    width: 100%;
    transition: .3s
}

.bluehost_vps div ul .standard .active:after {
    margin-left: -50px !important
}

.bluehost_vps div ul .enhanced .active:after {
    margin-left: -65px !important
}

.bluehost_vps div ul .premium .active:after {
    margin-left: -55px !important
}

.bluehost_vps div ul .ultimate .active:after {
    margin-left: -55px !important
}

.bluehost_vps .dedicated ul li a:hover {
    transition: .3s;
    color: #1E9BCF
}

.bluehost_vps .vps ul li a:hover {
    transition: .3s;
    color: #4473b9
}

.bluehost_vps h2 {
    text-align: center;
    font-family: Helvetica Neue, Helvetica, arial, sans-serif;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 20px
}

.bluehost_vps div {
    background: #1D1D1D
}

.bluehost_vps .dedicated ul li {
    margin: 0 20px
}

.bluehost_vps .dedicated ul .active {
    color: #1E9BCF
}

.bluehost_vps .vps ul .active {
    color: #4473b9
}

.bluehost_vps div ul .active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1D1D1D;
    margin-top: 50px;
    margin-left: -31px
}

.bluehost_vps .dedicated ul li:nth-child(2).active:after {
    margin-left: -49px
}

@media only screen and (max-width:990px) {
    .bluehost_vps div ul li {
        margin: 0 4px
    }
    .bluehost_vps .dedicated ul li {
        margin: 0 10px
    }
    .bluehost_vps div ul {
        width: 535px
    }
    .bluehost_vps div ul .active:after {
        display: none
    }
}

@media only screen and (max-width:890px) {
    .bluehost_vps div ul li {
        margin: 10px 0;
        display: block;
        width: 100%
    }
    .bluehost_vps div ul li a {
        width: 100%
    }
    .bluehost_vps .dedicated ul li {
        margin: 17px 0 !important
    }
    .bluehost_vps div ul {
        width: auto
    }
}

@media only screen and (min-width:1200px) {
    .bluehost_vps {
        width: 1200px;
        margin: 0 auto
    }
}

.BluehostPlansBox {
    border: 1px solid #DCDCDC;
    width: 755px;
    margin: 0 auto;
    margin-top: 45px;
    padding: 34px 41px;
    border-radius: 4px;
    background: #FDFDFD;
    min-height: 260px;
	overflow: hidden;
}

.BluehostPlansBox .BluehostPlanDetails {
    float: left;
    margin-bottom: 15px;
    width: 50%
}

.BluehostPlansBox .BluehostPlanDetails ul li {
    font-size: 16px !important
}

.BluehostPlansBox .BluehostPlanPrice {
    float: right;
    width: 50%;
    position: relative;
    left: 24px
}

.BluehostPlansBox .BluehostPlanDetails ul li a {
    font-size: 16px !important
}

.BluehostPlansBox .marketing_button {
    font-size: 16px !important;
    margin: 16px 0 10px 40px !important
}

.BluehostPlanPrice p {
    font-size: 50px !important;
    font-weight: bold !important;
    color: #00b073 !important;
    margin-bottom: 0;
    text-align: left;
    margin-left: 40px;
    margin-top: -12px;
    line-height: 1.4em !important
}

.BluehostPlanPrice p .amount {
    margin-left: -13px
}

.BluehostPlanPrice p .month {
    font-weight: normal !important;
    font-size: 34px !important;
    margin-left: -11px
}

.BluehostPlanPrice select {
    width: 250px;
    display: block;
    height: 46px;
    border: 1px solid #ADADAD;
    border-radius: 4px;
    margin-bottom: 29px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #fff 0, #ececec 100%);
    background: -o-linear-gradient(top, #fff 0, #ececec 100%);
    background: -ms-linear-gradient(top, #fff 0, #ececec 100%);
    background: linear-gradient(to bottom, #fff 0, #ececec 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    margin: 0 auto;
    margin-left: 40px
}

.BluehostPlanDetails h3 {
    font-weight: bold !important;
    color: #00b073 !important;
    font-size: 24px !important
}

.BluehostPlanDetails h4 {
    font-weight: bold !important;
    font-size: 18px !important;
    text-decoration: underline
}

.BluehostPlansBox .BluehostPlanPrice span.renews {
    font-size: 12px;
    display: block;
    margin: 9px 0 0 42px;
    font-style: italic;
    color: #9E9E9E
}

@media only screen and (max-width:959px) {
    .BluehostPlansBox {
        width: 670px;
        min-height: 275px
    }
    .BluehostPlansBox .BluehostPlanPrice {
        left: -24px
    }
    .BluehostPlanPrice p .month {
        font-size: 31px !important
    }
}

@media only screen and (max-width:770px) {
    .BluehostPlansBox {
        width: 80%;
        margin: 0 auto;
        height: auto;
        float: left
    }
    .BluehostPlansBox .BluehostPlanDetails {
        width: 100%
    }
    .BluehostPlansBox .BluehostPlanPrice {
        width: 100%;
        margin-top: 15px
    }
    .BluehostPlanPrice p {
        margin-left: 0;
        float: left
    }
    .BluehostPlanPrice select {
        float: left;
        margin-left: 0
    }
    .BluehostPlansBox .marketing_button {
        float: left;
        margin-left: 0 !important
    }
}

@media only screen and (max-width:479px) {
    .bluehost_plans_box_container {
        width: 90% !important
    }
    .BluehostPlansBox {
        width: 75%
    }
    .BluehostPlanPrice p {
        font-size: 44px !important
    }
}

@media only screen and (max-width:1050px) {
    .side_image {
        float: none;
        clear: both;
        margin: 0 auto;
        top: 10px;
        width: 100% !important
    }
    .hiw_main_sections .side_text {
        margin: 0 auto;
        text-align: center;
        float: none
    }
    .hiw_main_sections p,
    .hiw_main_sections p span {
        text-align: center
    }
    .hiw_main_sections a.scroll {
        margin: 0 20px !important
    }
    .backup_again div.side_text,
    .initial_backup div.side_text {
        width: 100%
    }
    .backup_again div.side_text p,
    .initial_backup div.side_text p {
        width: 440px;
        margin: 0 auto
    }
    .initial_backup div.side_image,
    .backup_again div.side_image {
        float: none;
        top: 20px;
        right: 0
    }
    .hiw_main_sections p {
        margin-bottom: 35px !important
    }
    .container_12,
    .container_16 {
        width: 100% !important
    }
    .side_image div {
        left: -5px !important
    }
    .initial_backup div.side_image .image_holder,
    .backup_again div.side_image .image_holder {
        left: -5px !important
    }
    .side_image .image_holder {
        position: relative;
        margin: 0 auto
    }
    .click {
        display: none
    }
    .hiw_main_sections .side_image {
        float: left
    }
    .hiw_main_sections {
        width: 100%;
        display: block;
        clear: both;
        height: auto !important
    }
}

@media only screen and (max-width:960px) {
    .hiw_main_sections .side_text,
    .backup_again div.side_text p,
    .initial_backup div.side_text p,
    #restore div.side_text {
        width: 90%
    }
    .top_hiw_icons a {
        margin-left: 60px !important
    }
    .top_hiw_icons #arrows,
    .top_hiw_icons {
        background: none;
        margin: 0 auto;
        width: 589px
    }
    .top_hiw_icons a:nth-child(1) {
        margin-left: 0 !important
    }
    .top_hiw_icons {
        margin-top: 40px
    }
    #connection,
    #initial_backup,
    #monitor,
    #backup_again,
    #restore {
        padding-top: 100px !important
    }
}

@media only screen and (max-width:870px) {
    .drop_down_connection #drop_down_inner_connection div:nth-child(2) {
        display: none
    }
    #drop_down_inner_initial_backup div:nth-child(2),
    #drop_down_inner_monitor div:nth-child(2),
    #drop_down_inner_backup_again div:nth-child(2) {
        display: none
    }
    #drop_down_inner_connection div:nth-child(1),
    #drop_down_inner_initial_backup div:nth-child(1),
    #drop_down_inner_monitor div:nth-child(1),
    #drop_down_inner_backup_again div:nth-child(1),
    #drop_down_inner_restore div:nth-child(1) {
        width: 100%
    }
    #drop_down_inner_connection,
    #drop_down_inner_initial_backup,
    #drop_down_inner_monitor,
    #drop_down_inner_backup_again,
    #drop_down_inner_restore {
        background: none;
        padding: 30px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto !important
    }
    #drop_down_inner_monitor div.hiw_tables {
        top: -40px;
        float: left
    }
    img.hidebtn {
        margin-top: 15px
    }
    #drop_down_inner_monitor div.hiw_tables {
        margin-top: 0
    }
}

@media only screen and (max-width:750px) {
    ul.tabs li {
        display: block;
        width: 100%;
        text-align: left;
        padding-left: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    ul.tabs {
        height: auto
    }
    #monitor {
        margin-top: 30px
    }
    #backup_again,
    #restore {
        margin-top: 30px;
        float: left
    }
    #restore {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:640px) {
    .top_hiw_icons a {
        margin-left: 30px !important
    }
    .top_hiw_icons #arrows,
    .top_hiw_icons {
        width: 460px !important
    }
}

@media only screen and (max-width:550px) {
    .hiw_main_sections a.scroll {
        display: block;
        width: 60%;
        margin: 0 auto !important;
        margin-bottom: 30px !important
    }
    .side_text a.scroll:last-child {
        margin-bottom: 0 !important;
        left:
    }
    .side_image div {
        width: 90%;
        margin: 0 auto !important;
        left: 0 !important
    }
    .side_image div a img {
        width: 100%
    }
}

@media only screen and (max-width:520px) {
    .top_hiw_icons a,
    .top_hiw_icons a:nth-child(1) {
        color: #fff !important;
        font-size: 10px
    }
    .top_hiw_icons a:nth-child(1) {
        font-size: 8px
    }
    .top_hiw_icons a {
        margin-left: 10px !important
    }
    .top_hiw_icons #arrows,
    .top_hiw_icons {
        width: 325px !important
    }
}

#googleForm ol {
    margin-left: 1px
}

#googleForm .ss-q-title {
    font-weight: bold
}

#googleForm input[type='text'] {
    padding: 5px;
    width: 300px;
    height: 20px
}

#googleForm label {
    margin-top: 5px;
    display: block
}

#googleForm .ss-q-item-label {
    margin-top: 20px
}

#googleForm .ss-choice-label {
    position: relative;
    top: 2px;
    left: 3px
}

#googleForm #phone_number {
    display: none
}

.wpplugin_top {
    padding: 70px 0 40px 0 !important;
    background: #393c44;
    background: -moz-radial-gradient(center, ellipse cover, #393c44 0, #141423 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #393c44), color-stop(100%, #141423));
    background: -webkit-radial-gradient(center, ellipse cover, #393c44 0, #141423 100%);
    background: -o-radial-gradient(center, ellipse cover, #393c44 0, #141423 100%);
    background: -ms-radial-gradient(center, ellipse cover, #393c44 0, #141423 100%);
    background: radial-gradient(ellipse at center, #393c44 0, #141423 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#393c44', endColorstr='#141423', GradientType=1);
    color: #fff;
    text-align: center
}

.wpplugin_top:before {
    background-size: 255px auto;
    background: transparent url(../images/bg_diaglines.png?1486297033) repeat;
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 500px;
    margin-top: -70px;
    opacity: .3;
    z-index: 0
}

.wpplugin_top .row {
    z-index: 999;
    position: relative
}

.wpplugin_top p {
    width: 720px;
    margin: 0 auto;
    font-size: 16px !important;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 400 !important
}

.wpplugin_top .key_instructions strong {
    color: #fff !important;
    font-size: 16px !important
}

.wpplugin_top h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 54px;
    width: 630px;
    margin: 0 auto
}

.wpplugin_billing h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 600 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 44px;
    width: 630px;
    margin: 0 auto
}

.wpplugin_top input,
.wpplugin_billing input {
    background: #fff;
    border: 1px solid #D1D1D1;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
    margin-right: 5px
}

.wpplugin_top .signupnow button {
    position: relative;
    top: -7px
}

.wpplugin_whatyouget h1 {
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 39px;
    margin-bottom: 55px
}

.wpplugin_steps h1 {
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-size: 39px;
    margin-bottom: 65px;
    margin-top: 15px
}

.plugin_signup h2 {
    text-align: center;
    font-size: 22px !important
}

.plugin_signup button#green_submit {
    width: 100%;
    font-size: 15px !important;
    margin-bottom: 5px
}

#wp-strip-payment-errors {
    line-height: 1.8em;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #d00c0c;
    text-align: center;
    max-width: 700px;
    width: auto;
    margin: 0 auto;
    margin-top: 25px;
    background: #ffc7c7;
    border-radius: 4px;
    padding: 10px 0;
    display: block
}

.signupnow form {
    padding-bottom: 10px
}

.plugin_signup .payment-errors {
    background: #FFE3E3;
    border: 1px solid #E69797;
    padding: 10px;
    display: block;
    margin-bottom: 15px;
    border-radius: 4px
}

.keybox {
    margin-bottom: 20px
}

.keybox textarea {
    font-weight: bold !important;
    background: #454d60;
    border: 2px solid #131518;
    padding: 20px 25px 10px 25px;
    text-align: center;
    margin: auto;
    display: block;
    font-size: 16px !important;
    width: 760px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 112px;
    height: 112px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.wpplugin_steps {
    padding-top: 60px;
    padding-bottom: 70px
}

.wpplugin_steps .grid_12 div {
    clear: both
}

.wpplugin_steps .grid_12 div span {
    font-size: 20px;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-weight: 100;
    display: block;
    padding: 20px;
    margin-bottom: 15px
}

.wpplugin_steps div a {
    color: #000;
    text-decoration: underline
}

.wpplugin_steps div a:hover {
    text-decoration: none
}

.wpplugin_steps .step1 span,
.wpplugin_steps .step1 h3 {
    color: #81c691
}

.wpplugin_steps .step2 span,
.wpplugin_steps .step2 h3 {
    color: #2e94d4
}

.wpplugin_steps .step3 span,
.wpplugin_steps .step3 h3 {
    color: #e74848
}

.wpplugin_steps div span {
    width: 11px;
    height: 10px;
    border-radius: 100%;
    line-height: 16px
}

.wpplugin_steps .step1 span {
    background: #f8fbf9;
    border: 1px solid #81c691
}

.wpplugin_steps .step2 span {
    background: #f3f8fc;
    border: 1px solid #2e94d4
}

.wpplugin_steps .step3 span {
    background: #fdf4f4;
    border: 1px solid #e74848
}

.wpplugin_steps .step1 h3:after {
    content: "";
    display: block;
    width: 397px;
    height: 1px;
    background: #81c691;
    position: absolute;
    margin-left: 206px;
    margin-top: -16px
}

.wpplugin_steps .step1 h3:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #81c691;
    position: absolute;
    margin-left: 600px;
    margin-top: 114px;
    border-radius: 100%
}

.wpplugin_steps .step2 h3:after {
    content: "";
    display: block;
    width: 85px;
    height: 1px;
    background: #2e94d4;
    position: absolute;
    margin-left: -101px;
    margin-top: -82px
}

.wpplugin_steps .step2 h3:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #2e94d4;
    position: absolute;
    margin-left: -104px;
    margin-top: 15px;
    border-radius: 100%
}

.wpplugin_steps .step3 h3:after {
    content: "";
    display: block;
    width: 189px;
    height: 1px;
    background: #e74848;
    position: absolute;
    margin-left: 277px;
    margin-top: -13px
}

.wpplugin_steps .step3 h3:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #e74848;
    position: absolute;
    margin-left: 464px;
    margin-top: 84px;
    border-radius: 100%
}

.wpplugin_steps div img {
    width: 550px;
    height: auto
}

.wpplugin_steps div h3 {
    font-size: 27px;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    font-weight: 100;
    width: 300px;
    margin-bottom: 15px
}

.wpplugin_steps div p,
.wpplugin_steps div a {
    font-size: 15px
}

.wpplugin_steps .step1 img,
.wpplugin_steps .step3 img {
    float: right;
    margin-top: -143px
}

.wpplugin_steps .step1 p,
.wpplugin_steps .step3 p {
    width: 300px;
    float: left
}

.wpplugin_steps .step2 .text {
    width: 300px;
    float: right
}

.wpplugin_steps .step2 {
    border-top: 1px solid #ececec;
    padding-top: 90px;
    margin-top: 370px
}

.wpplugin_steps .step3 {
    border-top: 1px solid #ececec;
    padding-top: 85px;
    margin-top: 85px
}

.wpplugin_whatyouget .grid_4 {
    padding: 0 16px 0 16px;
    margin: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wpplugin_whatyouget .grid_4 strong {
    display: block;
    font-size: 16px;
    margin-bottom: 9px
}

.wpplugin_whatyouget {
    border: 1px solid #ececec;
    padding: 70px 0;
    margin-bottom: -51px;
    margin-top: 10px
}

.wpplugin_top img {
    width: 260px;
    height: auto;
    margin-bottom: 15px
}

.disable_btn {
    opacity: .6;
    transition: .3s
}

.wpplugin_steps .gif {
    border-bottom: 1px solid #ececec;
    margin: 20px 0 70px 0;
    padding-bottom: 90px
}

.wpplugin_steps .gif img {
    width: 750px;
    height: auto;
    margin: 0 auto;
    display: block
}

.wpplugin_billing {
    padding: 70px 0 10px 0 !important;
    text-align: center
}

.wpplugin_top img,
.wpplugin_billing img {
    width: 260px;
    height: auto;
    margin-bottom: 15px
}

.wpplugin_billing input {
    display: block;
    clear: both;
    width: 100%;
    font-size: 16px;
    margin-top: 0
}

.wpplugin_billing form div {
    max-width: 350px;
    margin: 0 auto
}

.wpplugin_billing form {
    width: 370px;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.wpplugin_billing form button {
    width: 100%;
    max-width: 350px;
    display: inline-block
}

.wpplugin_billing form label {
    float: left;
    margin-bottom: 3px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: left;
    width: 100%;
    color: #777
}

.wpplugin_billing .exp_cvv .holder1 {
    float: left;
    width: 30%
}

.wpplugin_billing .exp_cvv .holder1 input {
    width: 60px
}

.wpplugin_billing .exp_cvv .holder2 {
    float: right;
    width: 68%
}

.wpplugin_billing .exp_cvv .holder2 input {
    width: 80px;
    clear: none;
    float: left
}

.wpplugin_billing .exp_cvv .holder2 span {
    float: left;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin-top: 8px;
    font-size: 30px !important;
    font-weight: 100 !important;
    opacity: .8;
    margin-right: 6px;
    padding: 0 !important;
    margin-left: 1px
}

.wpplugin_billing p {
    font-size: 16px !important;
    margin-top: 15px
}

div .wpplugin_billing p strong {
    font-size: 16px !important
}

.disable_btn {
    opacity: .6;
    transition: .3s
}

.wpplugin_billing .loading {
    width: 17px;
    height: 17px;
    position: absolute;
    margin-top: 16px;
    margin-left: 10px
}

@media only screen and (max-width:960px) {
    .wpplugin_steps .step1 h3:before,
    .wpplugin_steps .step1 h3:after,
    .wpplugin_steps .step2 h3:before,
    .wpplugin_steps .step2 h3:after,
    .wpplugin_steps .step3 h3:before,
    .wpplugin_steps .step3 h3:after {
        display: none
    }
    .wpplugin_steps div img {
        display: block;
        float: none !important;
        margin: 0 auto
    }
    .wpplugin_steps div h3 {
        margin: 0 auto;
        text-align: center
    }
    .wpplugin_steps div p {
        text-align: center;
        margin: 0 auto;
        display: block;
        float: none !important;
        clear: both;
        margin-top: 10px
    }
    .wpplugin_steps .step1 img,
    .wpplugin_steps .step3 img {
        margin-top: 40px
    }
    .wpplugin_steps .step1 p,
    .wpplugin_steps .step3 p,
    .wpplugin_steps .step2 .text p {
        width: 400px
    }
    .wpplugin_steps .step2 .text {
        width: auto;
        float: none;
        margin: 0 auto;
        margin-bottom: 40px
    }
    .wpplugin_steps .grid_12 div span {
        margin: 0 auto;
        margin-bottom: 20px
    }
    .wpplugin_steps .step2,
    .wpplugin_steps .step3 {
        padding-top: 70px;
        margin-top: 70px
    }
    .wpplugin_whatyouget .grid_4 {
        margin: 0 5px
    }
    .wpplugin_steps .gif img {
        width: 100%
    }
    .wp_invoice:before {
        display: none !important
    }
    .cover_select {
        margin-left: -2px !important
    }
}

@media only screen and (max-width:770px) {
    .wpplugin_top h1,
    .wpplugin_billing h1 {
        width: auto
    }
    .wpplugin_top p {
        width: auto
    }
    .wpplugin_top {
        padding-top: 40px !important
    }
    .wpplugin_steps div img {
        width: 100%
    }
    .wpplugin_whatyouget .grid_4 {
        margin-bottom: 25px
    }
    .wpplugin_steps .step1 p,
    .wpplugin_steps .step3 p,
    .wpplugin_steps .step2 .text p {
        width: auto
    }
    .cover_select {
        margin-left: 46px !important
    }
}

@media only screen and (max-width:500px) {
    .wpplugin_steps .gif {
        display: none
    }
    .wpplugin_billing form {
        width: 100%
    }
    #googleForm input[type='text'],
    #entry_985883414,
    #googleForm #ss-submit {
        width: 95% !important
    }
    .cover_select {
        margin-left: -5px !important
    }
}

@media only screen and (min-width:1950px) {
    .wpplugin_steps div img {
        width: 650px
    }
    .wpplugin_steps .step1 h3:before,
    .wpplugin_steps .step1 h3:after,
    .wpplugin_steps .step2 h3:before,
    .wpplugin_steps .step2 h3:after,
    .wpplugin_steps .step3 h3:before,
    .wpplugin_steps .step3 h3:after {
        display: none
    }
    .wpplugin_steps .step2 {
        margin-top: 440px
    }
    .wpplugin_steps div h3 {
        font-size: 31px
    }
    .wpplugin_steps div h3,
    .wpplugin_steps .step2 .text {
        width: 400px
    }
    .wp_invoice:before {
        margin-left: -63px !important
    }
    .cover_select {
        margin-left: 97px !important
    }
}

.formProgress {
    float: left
}

.formProgress:before {
    content: "";
    display: block;
    width: 217px;
    height: 2px;
    background: #E8E8E8;
    position: absolute;
    z-index: -1;
    margin-top: 16px
}

.formProgress span {
    display: block;
    float: left;
    padding: 5px;
    background: #fff;
    border: 2px solid #E8E8E8;
    color: #B3B3B3;
    border-radius: 100%;
    width: 21px;
    height: 20px;
    text-align: center;
    margin: 0 60px 0 0;
    line-height: 19px;
    font-size: 19px;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased
}

.formProgress .done:after {
    content: "";
    display: block;
    width: 65px;
    background: #00b073;
    height: 2px;
    position: absolute;
    margin-top: -10px;
    margin-left: 23px
}

.formProgress .active {
    color: #fff;
    background: #00b073;
    border: 2px solid #00b073;
    font-weight: bold
}

.partnerFormActions {
    margin-top: 25px
}

.partnerFormActions .disabled,
.affiliate_more .disabled {
    pointer-events: none;
    opacity: .6
}

#navigation-table {
    width: 100%
}

#entry_985883414 {
    height: 100px
}

.next1,
.next2 {
    float: left
}

#googleForm #ss-submit {
    width: 400px;
    font-size: 16px !important
}

.thankyou {
    margin-top: 40px !important;
    margin-bottom: 200px !important
}

.wp_invoice {
    margin: 0 !important
}

.wp_invoice ul li {
    width: 100%;
    display: block;
    clear: both;
    padding: 12px 0;
    float: left
}

.wp_invoice h3 {
    text-align: left;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #464646 !important
}

.wp_invoice ul li p,
.totaldue p {
    display: inline-block;
    margin: 0
}

.wp_invoice ul li p:first-child {
    float: left
}

.wp_invoice ul li p:last-child {
    float: right;
    text-align: right
}

.totaldue {
    display: block;
    clear: both;
    text-align: right;
    padding: 7px 0 5px 0;
    border-top: 1px solid #d6d6d6;
    height: 35px
}

.totaldue div {
    float: right;
    width: 270px
}

div.content .renew {
    text-align: right;
    border-top: 1px solid #d6d6d6;
    padding-top: 5px;
    font-size: 13px !important;
    margin-top: 0;
    font-weight: 100 !important
}

div.content .renew strong {
    font-size: 13px !important
}

.wpplugin_billing .grid_6 {
    margin-top: 40px !important
}

.wp_invoice .invoice li {
    border-bottom: 1px solid #d6d6d6
}

.subtotals {
    float: right;
    width: 270px;
    padding: 5px 0
}

.subtotals ul {
    display: block;
    float: right;
    width: 270px
}

.subtotals p {
    text-align: right
}

.subtotals ul li {
    padding: 4px 0
}

.subtotals ul li p:first-child {
    width: 55%;
    text-align: right
}

.subtotals ul li p:last-child {
    width: 40%;
    text-align: right
}

.totaldue p:first-child {
    position: relative;
    left: -33px;
    font-weight: 600 !important;
    font-size: 18px !important;
    width: 67%;
    text-align: right;
    float: left;
    color: #464646 !important
}

.totaldue p:last-child {
    color: #fb0f48;
    font-weight: bold !important;
    font-size: 18px !important;
    width: 31%;
    text-align: right
}

.wp_invoice .green,
.wp_invoice .green strong {
    color: #5AA202 !important
}

.wp_invoice span,
.wp_invoice p {
    font-weight: normal !important
}

.wp_invoice:before {
    content: "";
    display: block;
    background: #e3e3e3;
    width: 1px;
    height: 512px;
    position: absolute;
    margin-left: -33px
}

.wpplugin_billing button span {
    font-size: 16px
}

.wp_stripe_form select {
    width: 100%;
    display: block;
    height: 46px;
    margin-top: 11px;
    border: 1px solid #ADADAD;
    border-radius: 4px;
    margin-bottom: 29px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #fff 0, #ececec 100%);
    background: -o-linear-gradient(top, #fff 0, #ececec 100%);
    background: -ms-linear-gradient(top, #fff 0, #ececec 100%);
    background: linear-gradient(to bottom, #fff 0, #ececec 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0)
}

.cover_select {
    opacity: .4;
    background: #fff;
    display: block;
    width: 370px;
    height: 60px;
    position: absolute;
    margin-top: -5px;
    margin-left: 40px
}

.wp_stripe_form_success {
    margin-top: 30px
}

.privacy {
    padding-top: 35px
}

div.privacy h3 {
    font-size: 23px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    font-smoothing: antialiased !important;
    margin: 50px 0 20px 0
}

div.privacy ul,
div.privacy ol {
    margin: 0 0 10px 40px
}

div.privacy ul li,
div.privacy ol li {
    list-style: circle
}

.vps_or_dedicated {
    margin-bottom: 50px;
    width: 100%
}

.vps_or_dedicated div {
    float: left;
    width: 50%;
    padding: 30px 0
}

.vps_or_dedicated div ul {
    margin: 0;
    padding: 0;
    margin: 0 auto;
    width: 500px;
    text-align: center;
}

.vps_or_dedicated div ul li {
    list-style: none;
    display: inline-block;
    margin: 0 6px;
    font-weight: 300;
    text-align: center
}

.vps_or_dedicated div ul li a {
    color: #9E9E9E;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    width: 80px;
    transition: .3s
}

.vps_or_dedicated .dedicated ul li a:hover {
    transition: .3s;
    color: #1E9BCF
}

.vps_or_dedicated .vps ul li a:hover {
    transition: .3s;
    color: #EC454E
}

.vps_or_dedicated h2 {
    text-align: center;
    font-family: Helvetica Neue, Helvetica, arial, sans-serif;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 20px
}

.vps_or_dedicated div {
    background: #1D1D1D
}

.vps_or_dedicated .dedicated ul li {
    margin: 0 20px
}

.vps_or_dedicated .dedicated ul .active {
    color: #1E9BCF
}

.vps_or_dedicated .vps ul .active {
    color: #EC454E
}

.vps_or_dedicated div ul .active:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #1D1D1D;
    margin-top: 50px;
    margin-left: -31px
}

.HgPlansBox {
    border: 1px solid #DCDCDC;
    width: 665px;
    margin: 0 auto;
    margin-top: 45px;
    padding: 34px 41px;
    border-radius: 4px;
    background: #FDFDFD;
    min-height: 238px
}

.HgPlansBox .HgPlanDetails {
    float: left;
    margin-bottom: 15px;
    width: 55%
}

.HgPlansBox .HgPlanDetails ul li {
    font-size: 16px !important
}

.HgPlansBox .HgPlanPrice {
    float: right;
    width: 45%;
    position: relative;
    left: 24px
}

.HgPlansBox .HgPlanDetails ul li a {
    font-size: 16px !important
}

.HgPlansBox .marketing_button {
    width: 100% !important;
    font-size: 16px !important;
    margin: 16px 0 10px 0px !important;
	text-align: center;
}

.HgPlanPrice p {
    font-size: 50px !important;
    font-weight: bold !important;
    color: #00b073 !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    margin-left: 0px !important;
    margin-top: -12px !important;
    line-height: 1.4em !important
}

.HgPlanPrice p .amount {
    margin-left: -13px
}

.HgPlanPrice p .month {
    font-weight: normal !important;
    font-size: 45px !important;
    margin-left: -11px
}

.HgPlanPrice select {
    width: 250px;
    display: block;
    height: 46px;
    border: 1px solid #ADADAD;
    border-radius: 4px;
    margin-bottom: 29px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #ececec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ececec));
    background: -webkit-linear-gradient(top, #fff 0, #ececec 100%);
    background: -o-linear-gradient(top, #fff 0, #ececec 100%);
    background: -ms-linear-gradient(top, #fff 0, #ececec 100%);
    background: linear-gradient(to bottom, #fff 0, #ececec 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType=0);
    margin: 0 auto
}

.plan_container {
    width: 100%;
    float: left;
    margin-bottom: 50px;
    background: #1D1D1D
}

.vps_or_dedicated .dedicated ul li:nth-child(2).active:after {
    margin-left: -49px
}

.HgPlanDetails h3 {
    font-weight: bold !important;
    color: #00b073 !important;
    font-size: 24px !important
}

.ninja_affiliate_plans .plans_box {
    width: 25%
}

.ninja_affiliate_plans .plan_ul_holder .buttonholder p {
    padding-top: 30px
}

.ninja_affiliate_plans .box_three .plan_ul_holder {
    border-right: 1px solid #d5d5d5
}

@media only screen and (max-width:990px) {
    .vps_or_dedicated div ul li a {
        font-size: 15px
    }
    .vps_or_dedicated div ul li {
        margin: 0 4px
    }
    .vps_or_dedicated .dedicated ul li {
        margin: 0 10px
    }
    .vps_or_dedicated div ul {
        width: 456px
    }
    .vps_or_dedicated div ul .active:after {
        display: none
    }
    .ninja_affiliate_plans .samurai {
        margin-left: 66px !important
    }
}

@media only screen and (max-width:890px) {
    .vps_or_dedicated div ul li {
        margin: 10px 0;
        display: block;
        width: 100%
    }
    .vps_or_dedicated div ul li a {
        width: 100%
    }
    .vps_or_dedicated .dedicated ul li {
        margin: 17px 0 !important
    }
    .vps_or_dedicated div ul {
        width: auto
    }
}

@media only screen and (max-width:770px) {
    .HgPlansBox {
        width: 80%;
        margin: 0 auto;
        height: auto;
        float: left
    }
    .HgPlansBox .HgPlanDetails {
        width: 100%
    }
    .HgPlansBox .HgPlanPrice {
        width: 100%;
        margin-top: 15px
    }
    .HgPlanPrice p {
        margin-left: 0;
        float: left
    }
    .HgPlanPrice select {
        float: left;
        margin-left: 0
    }
    .HgPlansBox .marketing_button {
        float: left;
        margin-left: 0 !important
    }
}

.plan3.active:after {
    margin-left: -28px
}

.HgPlansBox .HgPlanPrice span.renews {
    font-size: 12px;
    display: block;
    margin: 9px 0 0 42px;
    font-style: italic;
    color: #9E9E9E
}

@media only screen and (min-width:1200px) {
    .vps_or_dedicated {
        width: 1200px;
        margin: 0 auto
    }
}

@media only screen and (min-width:1950px) {
    .ninja_affiliate_plans .samurai {
        margin-left: 123px !important
    }
}

.blackfriday {
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 760px;
    height: auto
}

@media only screen and (max-width:800px) {
    .blackfriday {
        width: 95%
    }
}

.ninja_affiliate_plans {
    margin-top: 47px
}

.ninja_affiliate_plans .ninja,
.ninja_affiliate_plans .samurai {
    background: url(../images/blackfriday_20_off.png?1486297033) no-repeat 52% 54%;
    background-size: 55px auto !important;
    width: 55px;
    height: 55px
}

.ninja_affiliate_plans .samurai {
    position: absolute;
    top: none;
    margin-top: -35px;
    margin-left: 92px
}

.ninja_affiliate_plans .regular_price {
    display: block;
    color: #E91F28;
    text-align: center;
    margin-top: 10px;
    position: relative;
    top: 18px
}

.ninja_affiliate_plans#pricingplans {
    margin-bottom: 70px
}

.ninja_affiliate_plans .billed_annually {
    top: 54px
}

@media only screen and (max-width:770px) {
    .ninja_affiliate_plans .billed_annually {
        top: -5px !important
    }
    .ninja_affiliate_plans .ninja,
    .ninja_affiliate_plans .samurai {
        display: none
    }
}

div.use_wordpress {
    margin: 0 auto;
    background: #5e9cd2;
    background: -moz-linear-gradient(top, #5e9cd2 0, #2d6ca2 3%, #3b80bc 53%, #418ac8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5e9cd2), color-stop(3%, #2d6ca2), color-stop(53%, #3b80bc), color-stop(100%, #418ac8));
    background: -webkit-linear-gradient(top, #5e9cd2 0, #2d6ca2 3%, #3b80bc 53%, #418ac8 100%);
    background: -o-linear-gradient(top, #5e9cd2 0, #2d6ca2 3%, #3b80bc 53%, #418ac8 100%);
    background: -ms-linear-gradient(top, #5e9cd2 0, #2d6ca2 3%, #3b80bc 53%, #418ac8 100%);
    background: linear-gradient(to bottom, #5e9cd2 0, #2d6ca2 3%, #3b80bc 53%, #418ac8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5e9cd2', endColorstr='#418ac8', GradientType=0);
    width: 700px;
    display: block;
    color: #fff;
    padding: 19px 28px 20px 28px;
    border-radius: 6px;
    height: 81px;
    margin-bottom: 30px;
    margin-top: 25px
}

div.plans_caption .use_wordpress h1 {
    color: #fff !important;
    background: url(../images/ico_wordpress_white.svg?1486297033) no-repeat 0 50%;
    background-size: 32px auto;
    font-weight: 400 !important;
    font-size: 25px !important;
    text-align: left;
    padding-left: 30px;
    padding: 4px 0 4px 40px;
    margin-bottom: 15px
}

div.plans_caption .use_wordpress p {
    font-family: Open Sans, sans-serif;
    color: #fff;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: center;
    margin-bottom: 15px;
    text-align: left;
    width: 430px;
    line-height: 1.5em;
    float: left
}

div.plans_caption .use_wordpress a {
    float: right;
    background: #fff;
    text-shadow: none;
    box-shadow: none;
    color: #4296DE !important;
    margin-top: -36px
}

div.plans_caption .use_wordpress a:hover {
    background: #F5F5F5;
    color: #2B9DFF !important
}

@media only screen and (max-width:800px) {
    div.use_wordpress {
        width: 90%
    }
}

@media only screen and (max-width:720px) {
    div.use_wordpress a {
        float: none !important;
        margin: 0 auto;
        margin-top: 20px
    }
    div.use_wordpress h1,
    div.use_wordpress p {
        text-align: center !important;
        float: none !important;
        margin: 0 auto
    }
    div.use_wordpress {
        height: auto;
        padding-bottom: 40px;
        width: 80%
    }
    div.use_wordpress p {
        width: 100% !important
    }
    div.use_wordpress h1 {
        display: inline-block
    }
}

div.affiliate_wp_banner {
    margin-top: -4px
}

div.affiliate_wp_banner div.use_wordpress {
    margin-bottom: 25px
}

.login_box {
    height: 100%;
    width: 385px;
    margin: 25px auto;
    margin-top: -20px;
    padding: 15px;
    border-style: solid;
    border-color: white;
    border-width: 1px;
    border-radius: 3px;
    color: white;
    text-align: center;
    font-family: Open Sans, sans-serif;
    font-size: 15px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.login_box .ns_login_button {
    text-decoration: none;
    color: white;
    padding: 10px 19px;
    margin-left: 10px;
    font-size: 15px
}

@media only screen and (max-width:420px) {
    .login_box {
        width: 355px
    }
    .login_box .ns_login_button {
        padding: 7px 5px;
        margin-left: 5px
    }
}

.network_plans {
    background: #222d39 url(../images/bg_network_ray.png?1486297033) no-repeat 0 0;
    padding-top: 40px;
    background-size: 100% auto;
    padding-bottom: 70px
}

.network_plans .subscription_toggle {
    margin-top: 35px
}

.network_plans .subscription_toggle li a.active,
.network_plans .subscription_toggle li a:hover {
    background: #DCECC8
}

.network_plans .plans_container {
    width: 860px;
    margin: 0 auto !important;
    margin-top: 10px !important
}

.percentoff {
    display: block;
    position: relative;
    top: 5px;
    color: #FF6200
}

.network_plans .plans_container div {
    width: 31%;
    display: inline-block;
    margin: 0 5px;
    background: white;
    border-radius: 3px;
    text-align: center;
    padding: 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.network_plans .plans_container .price {
    color: #00b073;
    font-size: 55px;
    margin: 14px 0 25px 0
}

.network_plans .plans_container .price span {
    font-size: 14px;
    display: block;
    clear: both;
    margin-top: -4px;
    letter-spacing: 1px
}

.network_plans .plans_container .price span.green {
    color: #00b073;
    font-size: 55px
}

.network_plans .plans_container h3 {
    text-transform: uppercase;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #222D39
}

.network_plans .plans_container div a {
    margin-bottom: 6px;
    display: inline-block
}

.network_plans .text {
    z-index: 10;
    position: relative
}

.network_plans .text img {
    margin: 0 auto;
    display: block;
    width: 200px;
    height: auto;
    margin-bottom: 30px
}

.network_plans h1,
.network_plans .text p {
    color: white;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 100
}

.network_plans ul li {
    list-style: none;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 300;
    margin-bottom: 15px;
    font-size: 14px
}

.network_plans ul li span {
    color: #4B4B4C;
    font-weight: 600
}

.network_plans ul {
    margin: 0;
    padding: 0;
    margin-bottom: 29px
}

.network_plans h1 {
    font-family: Open Sans, sans-serif;
    font-size: 43px;
    font-weight: 100 !important
}

.included_network,
.included_network h2,
.included_network p {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-weight: 100 !important
}

.included_network h2 {
    text-align: center;
    margin: 45px 0 40px 0;
    font-size: 36px
}

.included_network ul {
    margin: 0;
    padding: 0
}

.included_network ul li {
    font-size: 14px !important;
    list-style: none;
    margin-bottom: 20px;
    padding-top: 2px
}

.included_network ul li:before {
    content: "";
    background: url(../images/ico_check_circle.png?1486297033) no-repeat 50% 0;
    background-size: 18px auto;
    opacity: .4;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: -2px
}

.grid4_container {
    width: 850px;
    margin: 0 auto
}

.included_network {
    margin-bottom: 20px
}

.grid4_container div {
    width: 250px
}

.ns_template_content h1 {
    margin-bottom: 20px
}

@media only screen and (max-width:770px) {
    .network_plans .plans_container div {
        width: 60%;
        margin: 0 auto;
        display: block;
        margin-bottom: 40px;
        clear: both
    }
    .network_plans .plans_container {
        width: 100%
    }
    .grid4_container {
        width: 100%;
        display: block
    }
    .grid4_container div {
        width: 50%;
        display: block;
        clear: both;
        margin: 0 auto !important;
        float: none
    }
    .network_text {
        margin-bottom: 25px !important;
        float: none;
        margin: 0 auto;
        display: block;
        width: 90%
    }
    .network_plans .subscription_toggle {
        width: 100%;
        height: 140px;
        margin-bottom: 35px
    }
    .network_plans .subscription_toggle ul {
        width: 220px;
        display: block;
        margin: 0 auto;
        height: auto
    }
    .subscription_toggle li a {
        border-radius: 0 !important
    }
    .network_plans ul li {
        margin-bottom: -1px !important
    }
}

@media only screen and (max-width:500px) {
    .network_plans .plans_container div {
        width: 80%
    }
}

@media only screen and (min-width:1950px) {
    .grid4_container {
        width: 875px
    }
}

.wpbeginner_content .wpb_logo {
    width: 700px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px
}

div.wpb_top_header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    width: 1200px
}

@media only screen and (max-width:1200px) {
    .wpb_top_header {
        width: 90% !important
    }
}

div.wpb_top_header p,
div.wpb_top_header p strong {
    font-size: 18px !important;
    width: 850px;
    margin: 0 auto
}

div.wpb_top_header p:first-of-type {
    margin-bottom: 20px;
    line-height: 1.5em
}

div.wpb_top_header {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    width: 1200px
}

@media only screen and (max-width:1200px) {
    .wpb_top_header {
        width: 90% !important
    }
}

.wpb_plugin_heading h1 {
    font-family: Open Sans, sans-serif;
    color: #5d5d5d;
    font-size: 36px;
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align: center
}

.wpb_plugin_heading {
    margin-top: 40px
}

.wpb_plugin_features div {
    width: 30%;
    float: left;
    height: 100px;
    margin: 0 20px
}

@media only screen and (max-width:1950px) {
    .wpb_plugin_features div {
        margin: 0 11px;
        width: 31%
    }
    .wpb_plugin_features div h3 {
        line-height: 1.2em;
        font-size: 16px;
        font-weight: 400
    }
}

@media only screen and (max-width:960px) {
    .wpb_plugin_features div {
        width: 47%
    }
    .wpb_plugin_features div h3 {
        line-height: 1.5em;
        font-size: 18px;
        font-weight: 300
    }
    div.wpb_top_header p,
    div.wpb_top_header p strong {
        width: 90% !important
    }
}

@media only screen and (max-width:770px) {
    .wpb_plugin_features div,
    .wpb_plugin_features div p {
        width: 100%;
        text-align: center;
        height: auto !important;
        margin-bottom: 5px
    }
    .wpb_plugin_features div h3 {
        padding-left: 0;
        background: none !important
    }
    .wpb_plans#pricingplans {
        margin-bottom: 0 !important
    }
    .wpbeginner_content .wpb_logo {
        width: 90%
    }
}

.wpb_plugin_features p {
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    font-size: 14px !important;
    position: relative;
    top: -13px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    line-height: 1.5em;
    width: 90%
}

.wpb_plugin_features h3 {
    font-family: Open Sans, sans-serif;
    line-height: 1.5em;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #5d5d5d;
    padding-left: 25px
}

.wpb_plugin_features {
    margin-top: 20px
}

.wpb_plugin_features div:nth-of-type(1) h3 {
    background: url(../images/ico_wpb_easy.svg?1486297033) no-repeat 0 50%;
    background-size: 17px auto
}

.wpb_plugin_features div:nth-of-type(2) h3 {
    background: url(../images/ico_wpb_backup.svg?1486297033) no-repeat 0 50%;
    background-size: 17px auto
}

.wpb_plugin_features div:nth-of-type(3) h3 {
    background: url(../images/ico_wpb_restore.svg?1486297033) no-repeat 0 50%;
    background-size: 17px auto
}

.wpb_plugin_features div:nth-of-type(4) h3 {
    background: url(../images/ico_wpb_storage.svg?1486297033) no-repeat 0 50%;
    background-size: 17px auto
}

.wpb_plugin_features div:nth-of-type(5) h3 {
    background: url(../images/ico_wpb_clock.svg?1486297033) no-repeat 0 50%;
    background-size: 17px auto
}

.wpb_plugin_features div:nth-of-type(6) h3 {
    background: url(../images/ico_wpb_support.svg?1486297033) no-repeat 0 50%;
    background-size: 17px auto
}

input:invalid,
textarea:invalid {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.disableBtn {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.disableBtn:hover {
    cursor: default !important;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) !important;
    -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) !important
}

.sg_tableofcontents {
    border-bottom: 1px solid #ccc;
    margin-bottom: 35px
}

.sg_preview {
    border-left: 1em solid #f5f5f5;
    padding-left: 2em;
    margin-top: 30px
}

pre.sg_preview {
    background-color: #f5f5f5;
    border: 1px solid #c5c5c5;
    font-size: 12px;
    margin-bottom: 80px;
    padding: 1em;
    margin-top: 35px
}

.sg_preview .hiw_caption {
    margin-top: 0
}

.sg_buttons {
    padding-top: 10px;
    padding-bottom: 10px
}

.sg_buttons a {
    margin-right: 20px;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 15px
}

.sg_tableofcontents {
    margin-top: 30px
}

.sg_tableofcontents h3 {
    margin-bottom: 17px !important
}

#credit_step_1 ul.utilities li #phone_input {
    margin: .5em 0 !important;
    width: 96% !important
}

.contain_comparison_table {
    background: #fafafa;
    margin-top: 30px;
    padding-bottom: 40px;
    padding-top: 10px;
    margin-bottom: 20px;
    border: 1px solid #ececec !important
}

#sign_up.no_background {
    background: none
}

.contain_comparison_table table {
    background: #fff;
    border: 1px solid #d5d4d4 !important
}

.vaultpress_logo {
    height: 64px
}

.backupbuddy_logo {
    height: 64px
}

.udp_logo {
    height: 64px
}

#sign_up table tr td.lighttd.fastest {
    background-color: #00b073;
    color: white;
    font-weight: 600 !important
}

#sign_up table tr td.lighttd.slow {
    background-color: #ffff95;
    font-weight: 600 !important
}

#sign_up table tr td.lighttd.slower {
    background-color: orange;
    font-weight: 600 !important
}

#sign_up table tr td.lighttd.slowest {
    background-color: #d10024;
    font-weight: 600 !important;
    color: white
}

#sign_up table tr td.darktd.extra_padding {
    padding-top: 20px
}

.malware_header {
    text-align: center
}

.malware_icon {
    text-align: center;
    background: none
}

#malware_scan {
    width: 30%;
    text-align: center;
    margin-top: -100px
}

#malware_scan h3 {
    font-size: 1.5em
}

#malware_scan img {
    margin-left: 10px
}

#malware_fix {
    width: 30%;
    text-align: center;
    margin-top: -100px;
    margin-bottom: 100px
}

#malware_fix h3 {
    font-size: 1.5em
}

#malware_discover {
    width: 30%;
    text-align: center
}

#malware_discover h3 {
    font-size: 1.5em
}

.malware_gray_section {
    background: #f8f8f8;
    padding-top: 30px;
    border: solid 1px #dedede;
    width: 100% !important
}

.malware_gray_section_container {
    margin: 0 auto
}

@media only screen and (max-width:959px) {
    #malware_discover {
        width: 29%
    }
    .malware_email {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .malware_icon {
        display: none
    }
    #malware_scan {
        width: 100%;
        margin-top: 10px
    }
    #malware_discover {
        width: 100%
    }
    #malware_fix {
        width: 100%;
        margin-top: 0;
        margin-bottom: 50px
    }
    .malware_gray_section_container {
        width: 300px
    }
}

@media only screen and (max-width:767px) and (min-width:480px) {
    .malware_gray_section_container {
        width: 456px
    }
}

@media only screen and (min-width:1950px) {
    #malware_scan {
        width: 29%
    }
    #malware_discover {
        width: 29%
    }
    #malware_fix {
        width: 29%
    }
}

ul.token-input-list {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    width: 400px;
    border: 1px solid #999;
    cursor: text;
    font-size: 12px;
    font-family: Open Sans;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left
}

ul.token-input-list li {
    list-style-type: none
}

ul.token-input-list li input {
    border: 0;
    width: 350px;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret
}

li.token-input-token {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff
}

li.token-input-selected-token span {
    color: #bbb
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Open Sans;
    z-index: 1
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0
}

.container_12,
.container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6,
.push_7,
.pull_7,
.push_8,
.pull_8,
.push_9,
.pull_9,
.push_10,
.pull_10,
.push_11,
.pull_11,
.push_12,
.pull_12,
.push_13,
.pull_13,
.push_14,
.pull_14,
.push_15,
.pull_15 {
    position: relative
}

.container_12 .grid_3,
.container_16 .grid_4 {
    width: 220px
}

.container_12 .grid_6,
.container_16 .grid_8 {
    width: 460px
}

.container_12 .grid_9,
.container_16 .grid_12 {
    width: 700px
}

.container_12 .grid_12,
.container_16 .grid_16 {
    width: 960px
}

.alpha {
    margin-left: 0
}

.omega {
    margin-right: 0
}

.container_12 .grid_1 {
    width: 60px
}

.container_12 .grid_2 {
    width: 140px
}

.container_12 .grid_4 {
    width: 300px
}

.container_12 .grid_5 {
    width: 380px
}

.container_12 .grid_7 {
    width: 540px
}

.container_12 .grid_8 {
    width: 620px
}

.container_12 .grid_10 {
    width: 780px
}

.container_12 .grid_11 {
    width: 860px
}

.container_16 .grid_1 {
    width: 40px
}

.container_16 .grid_2 {
    width: 100px
}

.container_16 .grid_3 {
    width: 160px
}

.container_16 .grid_5 {
    width: 280px
}

.container_16 .grid_6 {
    width: 340px
}

.container_16 .grid_7 {
    width: 400px
}

.container_16 .grid_9 {
    width: 520px
}

.container_16 .grid_10 {
    width: 580px
}

.container_16 .grid_11 {
    width: 640px
}

.container_16 .grid_13 {
    width: 760px
}

.container_16 .grid_14 {
    width: 820px
}

.container_16 .grid_15 {
    width: 880px
}

.container_12 .prefix_3,
.container_16 .prefix_4 {
    padding-left: 240px
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
    padding-left: 480px
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
    padding-left: 720px
}

.container_12 .prefix_1 {
    padding-left: 80px
}

.container_12 .prefix_2 {
    padding-left: 160px
}

.container_12 .prefix_4 {
    padding-left: 320px
}

.container_12 .prefix_5 {
    padding-left: 400px
}

.container_12 .prefix_7 {
    padding-left: 560px
}

.container_12 .prefix_8 {
    padding-left: 640px
}

.container_12 .prefix_10 {
    padding-left: 800px
}

.container_12 .prefix_11 {
    padding-left: 880px
}

.container_16 .prefix_1 {
    padding-left: 60px
}

.container_16 .prefix_2 {
    padding-left: 120px
}

.container_16 .prefix_3 {
    padding-left: 180px
}

.container_16 .prefix_5 {
    padding-left: 300px
}

.container_16 .prefix_6 {
    padding-left: 360px
}

.container_16 .prefix_7 {
    padding-left: 420px
}

.container_16 .prefix_9 {
    padding-left: 540px
}

.container_16 .prefix_10 {
    padding-left: 600px
}

.container_16 .prefix_11 {
    padding-left: 660px
}

.container_16 .prefix_13 {
    padding-left: 780px
}

.container_16 .prefix_14 {
    padding-left: 840px
}

.container_16 .prefix_15 {
    padding-left: 900px
}

.container_12 .suffix_3,
.container_16 .suffix_4 {
    padding-right: 240px
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
    padding-right: 480px
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
    padding-right: 720px
}

.container_12 .suffix_1 {
    padding-right: 80px
}

.container_12 .suffix_2 {
    padding-right: 160px
}

.container_12 .suffix_4 {
    padding-right: 320px
}

.container_12 .suffix_5 {
    padding-right: 400px
}

.container_12 .suffix_7 {
    padding-right: 560px
}

.container_12 .suffix_8 {
    padding-right: 640px
}

.container_12 .suffix_10 {
    padding-right: 800px
}

.container_12 .suffix_11 {
    padding-right: 880px
}

.container_16 .suffix_1 {
    padding-right: 60px
}

.container_16 .suffix_2 {
    padding-right: 120px
}

.container_16 .suffix_3 {
    padding-right: 180px
}

.container_16 .suffix_5 {
    padding-right: 300px
}

.container_16 .suffix_6 {
    padding-right: 360px
}

.container_16 .suffix_7 {
    padding-right: 420px
}

.container_16 .suffix_9 {
    padding-right: 540px
}

.container_16 .suffix_10 {
    padding-right: 600px
}

.container_16 .suffix_11 {
    padding-right: 660px
}

.container_16 .suffix_13 {
    padding-right: 780px
}

.container_16 .suffix_14 {
    padding-right: 840px
}

.container_16 .suffix_15 {
    padding-right: 900px
}

.container_12 .push_3,
.container_16 .push_4 {
    left: 240px
}

.container_12 .push_6,
.container_16 .push_8 {
    left: 480px
}

.container_12 .push_9,
.container_16 .push_12 {
    left: 720px
}

.container_12 .push_1 {
    left: 80px
}

.container_12 .push_2 {
    left: 160px
}

.container_12 .push_4 {
    left: 320px
}

.container_12 .push_5 {
    left: 400px
}

.container_12 .push_7 {
    left: 560px
}

.container_12 .push_8 {
    left: 640px
}

.container_12 .push_10 {
    left: 800px
}

.container_12 .push_11 {
    left: 880px
}

.container_16 .push_1 {
    left: 60px
}

.container_16 .push_2 {
    left: 120px
}

.container_16 .push_3 {
    left: 180px
}

.container_16 .push_5 {
    left: 300px
}

.container_16 .push_6 {
    left: 360px
}

.container_16 .push_7 {
    left: 420px
}

.container_16 .push_9 {
    left: 540px
}

.container_16 .push_10 {
    left: 600px
}

.container_16 .push_11 {
    left: 660px
}

.container_16 .push_13 {
    left: 780px
}

.container_16 .push_14 {
    left: 840px
}

.container_16 .push_15 {
    left: 900px
}

.container_12 .pull_3,
.container_16 .pull_4 {
    left: -240px
}

.container_12 .pull_6,
.container_16 .pull_8 {
    left: -480px
}

.container_12 .pull_9,
.container_16 .pull_12 {
    left: -720px
}

.container_12 .pull_1 {
    left: -80px
}

.container_12 .pull_2 {
    left: -160px
}

.container_12 .pull_4 {
    left: -320px
}

.container_12 .pull_5 {
    left: -400px
}

.container_12 .pull_7 {
    left: -560px
}

.container_12 .pull_8 {
    left: -640px
}

.container_12 .pull_10 {
    left: -800px
}

.container_12 .pull_11 {
    left: -880px
}

.container_16 .pull_1 {
    left: -60px
}

.container_16 .pull_2 {
    left: -120px
}

.container_16 .pull_3 {
    left: -180px
}

.container_16 .pull_5 {
    left: -300px
}

.container_16 .pull_6 {
    left: -360px
}

.container_16 .pull_7 {
    left: -420px
}

.container_16 .pull_9 {
    left: -540px
}

.container_16 .pull_10 {
    left: -600px
}

.container_16 .pull_11 {
    left: -660px
}

.container_16 .pull_13 {
    left: -780px
}

.container_16 .pull_14 {
    left: -840px
}

.container_16 .pull_15 {
    left: -900px
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

* html .clearfix,
*:first-child+html .clearfix {
    zoom: 1
}

.row {
    margin: 0 auto;
    width: 960px;
    overflow: hidden
}

.row .row {
    margin: 0 -16px 0 -16px;
    width: auto;
    display: inline-block
}

.grid_1 {
    width: 48px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_2 {
    width: 128px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_3 {
    width: 208px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_4 {
    width: 288px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_5 {
    width: 368px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_6 {
    width: 448px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_7 {
    width: 528px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_8 {
    width: 608px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_9 {
    width: 688px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_10 {
    width: 768px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_11 {
    width: 848px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.grid_12 {
    width: 928px;
    margin: 0 16px 0 16px;
    overflow: hidden;
    float: left;
    display: inline
}

.offset_1 {
    margin-left: 96px
}

.offset_2 {
    margin-left: 176px
}

.offset_3 {
    margin-left: 256px
}

.offset_4 {
    margin-left: 336px
}

.offset_5 {
    margin-left: 416px
}

.offset_6 {
    margin-left: 496px
}

.offset_7 {
    margin-left: 576px
}

.offset_8 {
    margin-left: 656px
}

.offset_9 {
    margin-left: 736px
}

.offset_10 {
    margin-left: 816px
}

.offset_11 {
    margin-left: 896px
}

.show-phone {
    display: none !important
}

.show-tablet {
    display: none !important
}

.show-screen {
    display: inherit !important
}

.hide-phone {
    display: inherit !important
}

.hide-tablet {
    display: inherit !important
}

.hide-screen {
    display: none !important
}

.media {
    position: relative;
    margin: 0 0 15px 0;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid #CCC
}

.media iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

@media only screen and (min-width:1950px) {
    .row {
        margin: 0 auto;
        width: 1200px;
        overflow: hidden
    }
    .row .row {
        margin: 0 -20px 0 -20px;
        width: auto;
        display: inline-block
    }
    .grid_1 {
        width: 60px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_2 {
        width: 160px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_3 {
        width: 260px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_4 {
        width: 360px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_5 {
        width: 460px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_6 {
        width: 560px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_7 {
        width: 660px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_8 {
        width: 760px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_9 {
        width: 860px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_10 {
        width: 960px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_11 {
        width: 1060px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_12 {
        width: 1160px;
        margin: 0 20px 0 20px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .offset_1 {
        margin-left: 120px
    }
    .offset_2 {
        margin-left: 220px
    }
    .offset_3 {
        margin-left: 320px
    }
    .offset_4 {
        margin-left: 420px
    }
    .offset_5 {
        margin-left: 520px
    }
    .offset_6 {
        margin-left: 620px
    }
    .offset_7 {
        margin-left: 720px
    }
    .offset_8 {
        margin-left: 820px
    }
    .offset_9 {
        margin-left: 920px
    }
    .offset_10 {
        margin-left: 1020px
    }
    .offset_11 {
        margin-left: 1120px
    }
    .show-phone {
        display: none !important
    }
    .show-tablet {
        display: none !important
    }
    .show-screen {
        display: inherit
    }
    .hide-phone {
        display: inherit !important
    }
    .hide-tablet {
        display: inherit !important
    }
    .hide-screen {
        display: none !important
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .row {
        margin: 0 auto;
        width: 768px;
        overflow: hidden
    }
    .row .row {
        margin: 0 -14px 0 -14px;
        width: auto;
        display: inline-block
    }
    .grid_1 {
        width: 36px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_2 {
        width: 100px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_3 {
        width: 164px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_4 {
        width: 228px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_5 {
        width: 292px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_6 {
        width: 356px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_7 {
        width: 420px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_8 {
        width: 484px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_9 {
        width: 548px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_10 {
        width: 612px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_11 {
        width: 676px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .grid_12 {
        width: 740px;
        margin: 0 14px 0 14px;
        overflow: hidden;
        float: left;
        display: inline
    }
    .offset_1 {
        margin-left: 78px
    }
    .offset_2 {
        margin-left: 142px
    }
    .offset_3 {
        margin-left: 206px
    }
    .offset_4 {
        margin-left: 270px
    }
    .offset_5 {
        margin-left: 334px
    }
    .offset_6 {
        margin-left: 398px
    }
    .offset_7 {
        margin-left: 462px
    }
    .offset_8 {
        margin-left: 526px
    }
    .offset_9 {
        margin-left: 590px
    }
    .offset_10 {
        margin-left: 654px
    }
    .offset_11 {
        margin-left: 718px
    }
    .show-phone {
        display: none !important
    }
    .show-tablet {
        display: inherit !important
    }
    .show-screen {
        display: none !important
    }
    .hide-phone {
        display: inherit !important
    }
    .hide-tablet {
        display: none !important
    }
    .hide-screen {
        display: inherit !important
    }
}

@media only screen and (max-width:767px) {
    .row {
        margin: 0 auto;
        width: 300px;
        overflow: hidden
    }
    .row .row {
        margin: 0;
        width: auto;
        display: inline-block
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 300px;
        margin: 10px 0 0 0;
        overflow: hidden;
        float: left;
        display: inline
    }
    .offset_1,
    .offset_2,
    .offset_3,
    .offset_4,
    .offset_5,
    .offset_6,
    .offset_7,
    .offset_8,
    .offset_9,
    .offset_10,
    .offset_11 {
        margin-left: 0
    }
    .show-phone {
        display: inherit !important
    }
    .show-tablet {
        display: none !important
    }
    .show-screen {
        display: none !important
    }
    .hide-phone {
        display: none !important
    }
    .hide-tablet {
        display: inherit !important
    }
    .hide-screen {
        display: inherit !important
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .row {
        margin: 0 auto;
        width: 456px;
        overflow: hidden
    }
    .row .row {
        margin: 0;
        width: auto;
        display: inline-block
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 456px;
        margin: 10px 0 0 0;
        overflow: hidden;
        float: left;
        display: inline
    }
    .show-phone {
        display: inherit !important
    }
    .show-tablet {
        display: none !important
    }
    .show-screen {
        display: none !important
    }
    .hide-phone {
        display: none !important
    }
    .hide-tablet {
        display: inherit !important
    }
    .hide-screen {
        display: inherit !important
    }
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.row:after,
.clearfix:after {
    clear: both
}

.row,
.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999
}

#tiptip_holder.tip_top {
    padding-bottom: 5px
}

#tiptip_holder.tip_bottom {
    padding-top: 5px
}

#tiptip_holder.tip_right {
    padding-left: 5px
}

#tiptip_holder.tip_left {
    padding-right: 5px
}

#tiptip_content:hover {
    cursor: point
}

#tiptip_content {
    font-size: 14px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: #191919;
    background-color: rgba(25, 25, 25, 0.92);
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(transparent), to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555
}

#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255, 255, 255, 0.35)
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.35)
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255, 255, 255, 0.35)
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255, 255, 255, 0.35)
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #191919;
    border-top-color: rgba(25, 25, 25, 0.92)
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #191919;
    border-bottom-color: rgba(25, 25, 25, 0.92)
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #191919;
    border-right-color: rgba(25, 25, 25, 0.92)
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #191919;
    border-left-color: rgba(25, 25, 25, 0.92)
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45, 45, 45, 0.88)
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45, 45, 45, 0.88)
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20, 20, 20, 0.92)
    }
}