@charset "UTF-8";
@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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/images/ui-icons_222222_256x240.png?1486297033)
}
.ui-widget-content .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/images/ui-icons_222222_256x240.png?1486297033)
}
.ui-widget-header .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/images/ui-icons_222222_256x240.png?1486297033)
}
.ui-state-default .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/images/ui-icons_888888_256x240.png?1486297033)
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/images/ui-icons_454545_256x240.png?1486297033)
}
.ui-state-active .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/images/ui-icons_454545_256x240.png?1486297033)
}
.ui-state-highlight .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/images/ui-icons_2e83ff_256x240.png?1486297033)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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(/wp-content/themes/codeguard_base/css/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%
}

.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(/wp-content/themes/codeguard_base/fonts/Open Sans.otf?1486297033) format('opentype');
behavior: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/fonts/HelveticaNeue.dfont?1486297033) format('opentype');
behavior: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/plansbg-sky-free.jpg) top no-repeat
}
div.plans_embedded div#pro .plansinfo {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/bg_double_line.png?1486297033) repeat-x 0 50%;
width: 100%;
margin-top: 70px
}
.top_hiw_icons #arrows {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/ico_connection_green.png?1486297033) no-repeat 50% 23%;
color: #8cb818 !important
}
.top_hiw_icons a:nth-child(2) {
background: url(/wp-content/themes/codeguard_base/images/ico_initial_backup_img.png?1486297033) no-repeat 50% 26%
}
.top_hiw_icons a:nth-child(3) {
background: url(/wp-content/themes/codeguard_base/images/ico_monitor_opaque.png?1486297033) no-repeat 50% 26%
}
.top_hiw_icons a:nth-child(4) {
background: url(/wp-content/themes/codeguard_base/images/ico_backup_again_img.png?1486297033) no-repeat 50% 26%
}
.top_hiw_icons a:nth-child(5) {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/eye_icon.png?1486297033) no-repeat 50% 0;
padding-top: 80px
}
div.multi_features div:nth-child(2) {
background: url(/wp-content/themes/codeguard_base/images/heart_icon.png?1486297033) no-repeat 50% 0;
padding-top: 80px
}
div.multi_features div:nth-child(3) {
background: url(/wp-content/themes/codeguard_base/images/mail_icon.png?1486297033) no-repeat 50% 2%;
padding-top: 80px
}
div.multi_features div:nth-child(4) {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/partners_cloudflare.png?1486297033) no-repeat 40% 0;
padding-top: 135px;
margin-top: 10px
}
div.partners_hostgator {
background: url(/wp-content/themes/codeguard_base/images/partners_hostgator.png?1486297033) no-repeat 30% 0;
background-size: 280px auto;
padding-top: 85px;
margin-top: 57px
}
div.partners_namecheap {
background: url(/wp-content/themes/codeguard_base/images/partners_namecheap.png?1486297033) no-repeat 00% 0;
padding-top: 100px;
margin-top: 40px
}
div.partners_webhostingbuzz {
background: url(/wp-content/themes/codeguard_base/images/partners_webhostingbuzz.png?1486297033) no-repeat 0 0;
padding-top: 70px;
margin-top: 63px
}
div.partners_asmallorange {
background: url(/wp-content/themes/codeguard_base/images/partners_asmallorange.png?1486297033) no-repeat 40% 0;
background-size: 145px auto;
padding-top: 133px
}
div.partners_moz {
background: url(/wp-content/themes/codeguard_base/images/partners_moz.png?1486297033) no-repeat 50% 10%;
background-size: 180px auto;
padding-top: 100px;
margin-top: 43px
}
div.partners_plesk {
background: url(/wp-content/themes/codeguard_base/images/partners_plesk.png?1486297033) no-repeat 40% -5%;
background-size: 210px auto;
padding-top: 105px;
margin-top: 30px
}
div.partners_odin {
background: url(/wp-content/themes/codeguard_base/images/partners_odin.jpg?1486297033) no-repeat 40% -60%;
background-size: 290px auto;
padding-top: 105px;
margin-top: 30px
}
div.partners_rackspace {
background: url(/wp-content/themes/codeguard_base/images/partners_rackspace.png?1486297033) no-repeat 10% 10%;
background-size: 288px auto;
padding-top: 133px;
margin-top: 10px
}
div.partners_resellerclub {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/partners_odin.jpg?1486297033) no-repeat 40% -35%;
background-size: 260px auto
}
}
@media(max-width:959px) {
div.partners_odin {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/partners_odin.jpg?1486297033) no-repeat 40% -55%;
background-size: 260px auto
}
div.partners_resellerclub {
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/images/cg_footer.png?1486297033) no-repeat 50% 0;
background: transparent url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/fonts/custom.eot?1486297033);
src: url(/wp-content/themes/codeguard_base/fonts/custom.eot?63189453#iefix) format('embedded-opentype'), url(/wp-content/themes/codeguard_base/fonts/custom.woff?1486297033) format('woff'), url(/wp-content/themes/codeguard_base/fonts/custom.ttf?1486297033) format('truetype'), url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/fonts/BebasNeue.eot?1486297033);
src: url(/wp-content/themes/codeguard_base/fonts/BebasNeue.otf?1486297033) format('opentype'), url(/wp-content/themes/codeguard_base/fonts/BebasNeue.woff?1486297033) format('woff'), url(/wp-content/themes/codeguard_base/fonts/BebasNeue.ttf?1486297033) format('truetype');
behavior: url(/wp-content/themes/codeguard_base/js/PIE.htc?1486297033)
}
.wordcamp .code {
display: block;
width: 765px;
margin: 0 auto;
padding: 17px 0 11px 0;
background: url(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/css/..../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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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(/wp-content/themes/codeguard_base/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)
}
}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{padding-left:13px}
div.pp_default .pp_content_container .pp_right{padding-right:13px}
div.pp_default .pp_next:hover{background:url(/wp-content/themes/codeguard_base/css/images/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/wp-content/themes/codeguard_base/css/images/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(/wp-content/themes/codeguard_base/css/images/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/wp-content/themes/codeguard_base/css/images/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0; display: none !important;}
div.pp_default .pp_loaderIcon{background:url(/wp-content/themes/codeguard_base/css/images/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_previous:hover{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_previous:hover{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_previous:hover{background:url(/wp-content/themes/codeguard_base/css/images/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/wp-content/themes/codeguard_base/css/images/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_previous:hover{background:url(/wp-content/themes/codeguard_base/css/images/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/wp-content/themes/codeguard_base/css/images/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/wp-content/themes/codeguard_base/css/images/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_previous:hover{background:url(/wp-content/themes/codeguard_base/css/images/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/wp-content/themes/codeguard_base/css/images/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/wp-content/themes/codeguard_base/css/images/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/wp-content/themes/codeguard_base/css/images/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/wp-content/themes/codeguard_base/css/images/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/wp-content/themes/codeguard_base/css/images/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 -5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff;padding: 10px; border-radius: 5px;}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/wp-content/themes/codeguard_base/css/images/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/wp-content/themes/codeguard_base/css/images/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}