@charset "UTF-8";
@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)
}
}#oneandone_navigation {
float: right;
top: -15px;
position: absolute;
right: -45px;
}
#oneandone_navigation ul {
padding: 0;
list-style-type: none;
}
#oneandone_navigation ul li a {
padding: 0;
}
#oneandone_navigation 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;
}
dropdown {
display: inline-block;
}
dropdown label, dropdown ul li {
display: block !important;
padding: 11px 20px;
border-bottom: 1px solid #efefef;
}
dropdown label:hover, dropdown ul li:hover {
color: #000000;
cursor: pointer;
background: #efefef;
}
dropdown label::before {
content: "\f3d0";
font-family: ionicons;
padding-right: 5px;
font-size: 11px;
}
dropdown label {
color: #00b073;
border: 2px solid transparent;
position: relative;
z-index: 2;
}
dropdown input {
display: none;
}
dropdown input ~ ul {
position: relative;
visibility: hidden;
opacity: 0;
top: -20px;
z-index: 11;
background: #fff;
box-shadow: 0px 35px 15px #333;
border: 2px solid transparent;
}
dropdown input:checked + label {
color: #000000;
border-left: 2px solid #999;
border-right: 2px solid #999;
border-top: 2px solid #999;
border-bottom: 0;
background: #fff;
}
dropdown input:checked ~ ul {
visibility: visible;
opacity: 1;
top: 0;
border-left: 2px solid #999;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
border-top: 0;
}
.animate {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }
#oneandone_navigation ul li a {
padding: 0 !important;
margin: 0 !important;
letter-spacing: inherit !important;
background: transparent;
}
@media only screen and (max-width: 769px) {
.hide_for_mobile {display: none !important;}
}
 @font-face { font-family: "Ionicons"; src: url(/wp-content/themes/codeguard_base/fonts/ionicons.eot?v=2.0.0); src: url(/wp-content/themes/codeguard_base/fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(/wp-content/themes/codeguard_base/fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(/wp-content/themes/codeguard_base/fonts/ionicons.woff?v=2.0.0) format("woff"), url(/wp-content/themes/codeguard_base/fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg"); font-weight: normal; font-style: normal; }
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ion-alert:before { content: "\f101"; }
.ion-alert-circled:before { content: "\f100"; }
.ion-android-add:before { content: "\f2c7"; }
.ion-android-add-circle:before { content: "\f359"; }
.ion-android-alarm-clock:before { content: "\f35a"; }
.ion-android-alert:before { content: "\f35b"; }
.ion-android-apps:before { content: "\f35c"; }
.ion-android-archive:before { content: "\f2c9"; }
.ion-android-arrow-back:before { content: "\f2ca"; }
.ion-android-arrow-down:before { content: "\f35d"; }
.ion-android-arrow-dropdown:before { content: "\f35f"; }
.ion-android-arrow-dropdown-circle:before { content: "\f35e"; }
.ion-android-arrow-dropleft:before { content: "\f361"; }
.ion-android-arrow-dropleft-circle:before { content: "\f360"; }
.ion-android-arrow-dropright:before { content: "\f363"; }
.ion-android-arrow-dropright-circle:before { content: "\f362"; }
.ion-android-arrow-dropup:before { content: "\f365"; }
.ion-android-arrow-dropup-circle:before { content: "\f364"; }
.ion-android-arrow-forward:before { content: "\f30f"; }
.ion-android-arrow-up:before { content: "\f366"; }
.ion-android-attach:before { content: "\f367"; }
.ion-android-bar:before { content: "\f368"; }
.ion-android-bicycle:before { content: "\f369"; }
.ion-android-boat:before { content: "\f36a"; }
.ion-android-bookmark:before { content: "\f36b"; }
.ion-android-bulb:before { content: "\f36c"; }
.ion-android-bus:before { content: "\f36d"; }
.ion-android-calendar:before { content: "\f2d1"; }
.ion-android-call:before { content: "\f2d2"; }
.ion-android-camera:before { content: "\f2d3"; }
.ion-android-cancel:before { content: "\f36e"; }
.ion-android-car:before { content: "\f36f"; }
.ion-android-cart:before { content: "\f370"; }
.ion-android-chat:before { content: "\f2d4"; }
.ion-android-checkbox:before { content: "\f374"; }
.ion-android-checkbox-blank:before { content: "\f371"; }
.ion-android-checkbox-outline:before { content: "\f373"; }
.ion-android-checkbox-outline-blank:before { content: "\f372"; }
.ion-android-checkmark-circle:before { content: "\f375"; }
.ion-android-clipboard:before { content: "\f376"; }
.ion-android-close:before { content: "\f2d7"; }
.ion-android-cloud:before { content: "\f37a"; }
.ion-android-cloud-circle:before { content: "\f377"; }
.ion-android-cloud-done:before { content: "\f378"; }
.ion-android-cloud-outline:before { content: "\f379"; }
.ion-android-color-palette:before { content: "\f37b"; }
.ion-android-compass:before { content: "\f37c"; }
.ion-android-contact:before { content: "\f2d8"; }
.ion-android-contacts:before { content: "\f2d9"; }
.ion-android-contract:before { content: "\f37d"; }
.ion-android-create:before { content: "\f37e"; }
.ion-android-delete:before { content: "\f37f"; }
.ion-android-desktop:before { content: "\f380"; }
.ion-android-document:before { content: "\f381"; }
.ion-android-done:before { content: "\f383"; }
.ion-android-done-all:before { content: "\f382"; }
.ion-android-download:before { content: "\f2dd"; }
.ion-android-drafts:before { content: "\f384"; }
.ion-android-exit:before { content: "\f385"; }
.ion-android-expand:before { content: "\f386"; }
.ion-android-favorite:before { content: "\f388"; }
.ion-android-favorite-outline:before { content: "\f387"; }
.ion-android-film:before { content: "\f389"; }
.ion-android-folder:before { content: "\f2e0"; }
.ion-android-folder-open:before { content: "\f38a"; }
.ion-android-funnel:before { content: "\f38b"; }
.ion-android-globe:before { content: "\f38c"; }
.ion-android-hand:before { content: "\f2e3"; }
.ion-android-hangout:before { content: "\f38d"; }
.ion-android-happy:before { content: "\f38e"; }
.ion-android-home:before { content: "\f38f"; }
.ion-android-image:before { content: "\f2e4"; }
.ion-android-laptop:before { content: "\f390"; }
.ion-android-list:before { content: "\f391"; }
.ion-android-locate:before { content: "\f2e9"; }
.ion-android-lock:before { content: "\f392"; }
.ion-android-mail:before { content: "\f2eb"; }
.ion-android-map:before { content: "\f393"; }
.ion-android-menu:before { content: "\f394"; }
.ion-android-microphone:before { content: "\f2ec"; }
.ion-android-microphone-off:before { content: "\f395"; }
.ion-android-more-horizontal:before { content: "\f396"; }
.ion-android-more-vertical:before { content: "\f397"; }
.ion-android-navigate:before { content: "\f398"; }
.ion-android-notifications:before { content: "\f39b"; }
.ion-android-notifications-none:before { content: "\f399"; }
.ion-android-notifications-off:before { content: "\f39a"; }
.ion-android-open:before { content: "\f39c"; }
.ion-android-options:before { content: "\f39d"; }
.ion-android-people:before { content: "\f39e"; }
.ion-android-person:before { content: "\f3a0"; }
.ion-android-person-add:before { content: "\f39f"; }
.ion-android-phone-landscape:before { content: "\f3a1"; }
.ion-android-phone-portrait:before { content: "\f3a2"; }
.ion-android-pin:before { content: "\f3a3"; }
.ion-android-plane:before { content: "\f3a4"; }
.ion-android-playstore:before { content: "\f2f0"; }
.ion-android-print:before { content: "\f3a5"; }
.ion-android-radio-button-off:before { content: "\f3a6"; }
.ion-android-radio-button-on:before { content: "\f3a7"; }
.ion-android-refresh:before { content: "\f3a8"; }
.ion-android-remove:before { content: "\f2f4"; }
.ion-android-remove-circle:before { content: "\f3a9"; }
.ion-android-restaurant:before { content: "\f3aa"; }
.ion-android-sad:before { content: "\f3ab"; }
.ion-android-search:before { content: "\f2f5"; }
.ion-android-send:before { content: "\f2f6"; }
.ion-android-settings:before { content: "\f2f7"; }
.ion-android-share:before { content: "\f2f8"; }
.ion-android-share-alt:before { content: "\f3ac"; }
.ion-android-star:before { content: "\f2fc"; }
.ion-android-star-half:before { content: "\f3ad"; }
.ion-android-star-outline:before { content: "\f3ae"; }
.ion-android-stopwatch:before { content: "\f2fd"; }
.ion-android-subway:before { content: "\f3af"; }
.ion-android-sunny:before { content: "\f3b0"; }
.ion-android-sync:before { content: "\f3b1"; }
.ion-android-textsms:before { content: "\f3b2"; }
.ion-android-time:before { content: "\f3b3"; }
.ion-android-train:before { content: "\f3b4"; }
.ion-android-unlock:before { content: "\f3b5"; }
.ion-android-upload:before { content: "\f3b6"; }
.ion-android-volume-down:before { content: "\f3b7"; }
.ion-android-volume-mute:before { content: "\f3b8"; }
.ion-android-volume-off:before { content: "\f3b9"; }
.ion-android-volume-up:before { content: "\f3ba"; }
.ion-android-walk:before { content: "\f3bb"; }
.ion-android-warning:before { content: "\f3bc"; }
.ion-android-watch:before { content: "\f3bd"; }
.ion-android-wifi:before { content: "\f305"; }
.ion-aperture:before { content: "\f313"; }
.ion-archive:before { content: "\f102"; }
.ion-arrow-down-a:before { content: "\f103"; }
.ion-arrow-down-b:before { content: "\f104"; }
.ion-arrow-down-c:before { content: "\f105"; }
.ion-arrow-expand:before { content: "\f25e"; }
.ion-arrow-graph-down-left:before { content: "\f25f"; }
.ion-arrow-graph-down-right:before { content: "\f260"; }
.ion-arrow-graph-up-left:before { content: "\f261"; }
.ion-arrow-graph-up-right:before { content: "\f262"; }
.ion-arrow-left-a:before { content: "\f106"; }
.ion-arrow-left-b:before { content: "\f107"; }
.ion-arrow-left-c:before { content: "\f108"; }
.ion-arrow-move:before { content: "\f263"; }
.ion-arrow-resize:before { content: "\f264"; }
.ion-arrow-return-left:before { content: "\f265"; }
.ion-arrow-return-right:before { content: "\f266"; }
.ion-arrow-right-a:before { content: "\f109"; }
.ion-arrow-right-b:before { content: "\f10a"; }
.ion-arrow-right-c:before { content: "\f10b"; }
.ion-arrow-shrink:before { content: "\f267"; }
.ion-arrow-swap:before { content: "\f268"; }
.ion-arrow-up-a:before { content: "\f10c"; }
.ion-arrow-up-b:before { content: "\f10d"; }
.ion-arrow-up-c:before { content: "\f10e"; }
.ion-asterisk:before { content: "\f314"; }
.ion-at:before { content: "\f10f"; }
.ion-backspace:before { content: "\f3bf"; }
.ion-backspace-outline:before { content: "\f3be"; }
.ion-bag:before { content: "\f110"; }
.ion-battery-charging:before { content: "\f111"; }
.ion-battery-empty:before { content: "\f112"; }
.ion-battery-full:before { content: "\f113"; }
.ion-battery-half:before { content: "\f114"; }
.ion-battery-low:before { content: "\f115"; }
.ion-beaker:before { content: "\f269"; }
.ion-beer:before { content: "\f26a"; }
.ion-bluetooth:before { content: "\f116"; }
.ion-bonfire:before { content: "\f315"; }
.ion-bookmark:before { content: "\f26b"; }
.ion-bowtie:before { content: "\f3c0"; }
.ion-briefcase:before { content: "\f26c"; }
.ion-bug:before { content: "\f2be"; }
.ion-calculator:before { content: "\f26d"; }
.ion-calendar:before { content: "\f117"; }
.ion-camera:before { content: "\f118"; }
.ion-card:before { content: "\f119"; }
.ion-cash:before { content: "\f316"; }
.ion-chatbox:before { content: "\f11b"; }
.ion-chatbox-working:before { content: "\f11a"; }
.ion-chatboxes:before { content: "\f11c"; }
.ion-chatbubble:before { content: "\f11e"; }
.ion-chatbubble-working:before { content: "\f11d"; }
.ion-chatbubbles:before { content: "\f11f"; }
.ion-checkmark:before { content: "\f122"; }
.ion-checkmark-circled:before { content: "\f120"; }
.ion-checkmark-round:before { content: "\f121"; }
.ion-chevron-down:before { content: "\f123"; }
.ion-chevron-left:before { content: "\f124"; }
.ion-chevron-right:before { content: "\f125"; }
.ion-chevron-up:before { content: "\f126"; }
.ion-clipboard:before { content: "\f127"; }
.ion-clock:before { content: "\f26e"; }
.ion-close:before { content: "\f12a"; }
.ion-close-circled:before { content: "\f128"; }
.ion-close-round:before { content: "\f129"; }
.ion-closed-captioning:before { content: "\f317"; }
.ion-cloud:before { content: "\f12b"; }
.ion-code:before { content: "\f271"; }
.ion-code-download:before { content: "\f26f"; }
.ion-code-working:before { content: "\f270"; }
.ion-coffee:before { content: "\f272"; }
.ion-compass:before { content: "\f273"; }
.ion-compose:before { content: "\f12c"; }
.ion-connection-bars:before { content: "\f274"; }
.ion-contrast:before { content: "\f275"; }
.ion-crop:before { content: "\f3c1"; }
.ion-cube:before { content: "\f318"; }
.ion-disc:before { content: "\f12d"; }
.ion-document:before { content: "\f12f"; }
.ion-document-text:before { content: "\f12e"; }
.ion-drag:before { content: "\f130"; }
.ion-earth:before { content: "\f276"; }
.ion-easel:before { content: "\f3c2"; }
.ion-edit:before { content: "\f2bf"; }
.ion-egg:before { content: "\f277"; }
.ion-eject:before { content: "\f131"; }
.ion-email:before { content: "\f132"; }
.ion-email-unread:before { content: "\f3c3"; }
.ion-erlenmeyer-flask:before { content: "\f3c5"; }
.ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; }
.ion-eye:before { content: "\f133"; }
.ion-eye-disabled:before { content: "\f306"; }
.ion-female:before { content: "\f278"; }
.ion-filing:before { content: "\f134"; }
.ion-film-marker:before { content: "\f135"; }
.ion-fireball:before { content: "\f319"; }
.ion-flag:before { content: "\f279"; }
.ion-flame:before { content: "\f31a"; }
.ion-flash:before { content: "\f137"; }
.ion-flash-off:before { content: "\f136"; }
.ion-folder:before { content: "\f139"; }
.ion-fork:before { content: "\f27a"; }
.ion-fork-repo:before { content: "\f2c0"; }
.ion-forward:before { content: "\f13a"; }
.ion-funnel:before { content: "\f31b"; }
.ion-gear-a:before { content: "\f13d"; }
.ion-gear-b:before { content: "\f13e"; }
.ion-grid:before { content: "\f13f"; }
.ion-hammer:before { content: "\f27b"; }
.ion-happy:before { content: "\f31c"; }
.ion-happy-outline:before { content: "\f3c6"; }
.ion-headphone:before { content: "\f140"; }
.ion-heart:before { content: "\f141"; }
.ion-heart-broken:before { content: "\f31d"; }
.ion-help:before { content: "\f143"; }
.ion-help-buoy:before { content: "\f27c"; }
.ion-help-circled:before { content: "\f142"; }
.ion-home:before { content: "\f144"; }
.ion-icecream:before { content: "\f27d"; }
.ion-image:before { content: "\f147"; }
.ion-images:before { content: "\f148"; }
.ion-information:before { content: "\f14a"; }
.ion-information-circled:before { content: "\f149"; }
.ion-ionic:before { content: "\f14b"; }
.ion-ios-alarm:before { content: "\f3c8"; }
.ion-ios-alarm-outline:before { content: "\f3c7"; }
.ion-ios-albums:before { content: "\f3ca"; }
.ion-ios-albums-outline:before { content: "\f3c9"; }
.ion-ios-americanfootball:before { content: "\f3cc"; }
.ion-ios-americanfootball-outline:before { content: "\f3cb"; }
.ion-ios-analytics:before { content: "\f3ce"; }
.ion-ios-analytics-outline:before { content: "\f3cd"; }
.ion-ios-arrow-back:before { content: "\f3cf"; }
.ion-ios-arrow-down:before { content: "\f3d0"; }
.ion-ios-arrow-forward:before { content: "\f3d1"; }
.ion-ios-arrow-left:before { content: "\f3d2"; }
.ion-ios-arrow-right:before { content: "\f3d3"; }
.ion-ios-arrow-thin-down:before { content: "\f3d4"; }
.ion-ios-arrow-thin-left:before { content: "\f3d5"; }
.ion-ios-arrow-thin-right:before { content: "\f3d6"; }
.ion-ios-arrow-thin-up:before { content: "\f3d7"; }
.ion-ios-arrow-up:before { content: "\f3d8"; }
.ion-ios-at:before { content: "\f3da"; }
.ion-ios-at-outline:before { content: "\f3d9"; }
.ion-ios-barcode:before { content: "\f3dc"; }
.ion-ios-barcode-outline:before { content: "\f3db"; }
.ion-ios-baseball:before { content: "\f3de"; }
.ion-ios-baseball-outline:before { content: "\f3dd"; }
.ion-ios-basketball:before { content: "\f3e0"; }
.ion-ios-basketball-outline:before { content: "\f3df"; }
.ion-ios-bell:before { content: "\f3e2"; }
.ion-ios-bell-outline:before { content: "\f3e1"; }
.ion-ios-body:before { content: "\f3e4"; }
.ion-ios-body-outline:before { content: "\f3e3"; }
.ion-ios-bolt:before { content: "\f3e6"; }
.ion-ios-bolt-outline:before { content: "\f3e5"; }
.ion-ios-book:before { content: "\f3e8"; }
.ion-ios-book-outline:before { content: "\f3e7"; }
.ion-ios-bookmarks:before { content: "\f3ea"; }
.ion-ios-bookmarks-outline:before { content: "\f3e9"; }
.ion-ios-box:before { content: "\f3ec"; }
.ion-ios-box-outline:before { content: "\f3eb"; }
.ion-ios-briefcase:before { content: "\f3ee"; }
.ion-ios-briefcase-outline:before { content: "\f3ed"; }
.ion-ios-browsers:before { content: "\f3f0"; }
.ion-ios-browsers-outline:before { content: "\f3ef"; }
.ion-ios-calculator:before { content: "\f3f2"; }
.ion-ios-calculator-outline:before { content: "\f3f1"; }
.ion-ios-calendar:before { content: "\f3f4"; }
.ion-ios-calendar-outline:before { content: "\f3f3"; }
.ion-ios-camera:before { content: "\f3f6"; }
.ion-ios-camera-outline:before { content: "\f3f5"; }
.ion-ios-cart:before { content: "\f3f8"; }
.ion-ios-cart-outline:before { content: "\f3f7"; }
.ion-ios-chatboxes:before { content: "\f3fa"; }
.ion-ios-chatboxes-outline:before { content: "\f3f9"; }
.ion-ios-chatbubble:before { content: "\f3fc"; }
.ion-ios-chatbubble-outline:before { content: "\f3fb"; }
.ion-ios-checkmark:before { content: "\f3ff"; }
.ion-ios-checkmark-empty:before { content: "\f3fd"; }
.ion-ios-checkmark-outline:before { content: "\f3fe"; }
.ion-ios-circle-filled:before { content: "\f400"; }
.ion-ios-circle-outline:before { content: "\f401"; }
.ion-ios-clock:before { content: "\f403"; }
.ion-ios-clock-outline:before { content: "\f402"; }
.ion-ios-close:before { content: "\f406"; }
.ion-ios-close-empty:before { content: "\f404"; }
.ion-ios-close-outline:before { content: "\f405"; }
.ion-ios-cloud:before { content: "\f40c"; }
.ion-ios-cloud-download:before { content: "\f408"; }
.ion-ios-cloud-download-outline:before { content: "\f407"; }
.ion-ios-cloud-outline:before { content: "\f409"; }
.ion-ios-cloud-upload:before { content: "\f40b"; }
.ion-ios-cloud-upload-outline:before { content: "\f40a"; }
.ion-ios-cloudy:before { content: "\f410"; }
.ion-ios-cloudy-night:before { content: "\f40e"; }
.ion-ios-cloudy-night-outline:before { content: "\f40d"; }
.ion-ios-cloudy-outline:before { content: "\f40f"; }
.ion-ios-cog:before { content: "\f412"; }
.ion-ios-cog-outline:before { content: "\f411"; }
.ion-ios-color-filter:before { content: "\f414"; }
.ion-ios-color-filter-outline:before { content: "\f413"; }
.ion-ios-color-wand:before { content: "\f416"; }
.ion-ios-color-wand-outline:before { content: "\f415"; }
.ion-ios-compose:before { content: "\f418"; }
.ion-ios-compose-outline:before { content: "\f417"; }
.ion-ios-contact:before { content: "\f41a"; }
.ion-ios-contact-outline:before { content: "\f419"; }
.ion-ios-copy:before { content: "\f41c"; }
.ion-ios-copy-outline:before { content: "\f41b"; }
.ion-ios-crop:before { content: "\f41e"; }
.ion-ios-crop-strong:before { content: "\f41d"; }
.ion-ios-download:before { content: "\f420"; }
.ion-ios-download-outline:before { content: "\f41f"; }
.ion-ios-drag:before { content: "\f421"; }
.ion-ios-email:before { content: "\f423"; }
.ion-ios-email-outline:before { content: "\f422"; }
.ion-ios-eye:before { content: "\f425"; }
.ion-ios-eye-outline:before { content: "\f424"; }
.ion-ios-fastforward:before { content: "\f427"; }
.ion-ios-fastforward-outline:before { content: "\f426"; }
.ion-ios-filing:before { content: "\f429"; }
.ion-ios-filing-outline:before { content: "\f428"; }
.ion-ios-film:before { content: "\f42b"; }
.ion-ios-film-outline:before { content: "\f42a"; }
.ion-ios-flag:before { content: "\f42d"; }
.ion-ios-flag-outline:before { content: "\f42c"; }
.ion-ios-flame:before { content: "\f42f"; }
.ion-ios-flame-outline:before { content: "\f42e"; }
.ion-ios-flask:before { content: "\f431"; }
.ion-ios-flask-outline:before { content: "\f430"; }
.ion-ios-flower:before { content: "\f433"; }
.ion-ios-flower-outline:before { content: "\f432"; }
.ion-ios-folder:before { content: "\f435"; }
.ion-ios-folder-outline:before { content: "\f434"; }
.ion-ios-football:before { content: "\f437"; }
.ion-ios-football-outline:before { content: "\f436"; }
.ion-ios-game-controller-a:before { content: "\f439"; }
.ion-ios-game-controller-a-outline:before { content: "\f438"; }
.ion-ios-game-controller-b:before { content: "\f43b"; }
.ion-ios-game-controller-b-outline:before { content: "\f43a"; }
.ion-ios-gear:before { content: "\f43d"; }
.ion-ios-gear-outline:before { content: "\f43c"; }
.ion-ios-glasses:before { content: "\f43f"; }
.ion-ios-glasses-outline:before { content: "\f43e"; }
.ion-ios-grid-view:before { content: "\f441"; }
.ion-ios-grid-view-outline:before { content: "\f440"; }
.ion-ios-heart:before { content: "\f443"; }
.ion-ios-heart-outline:before { content: "\f442"; }
.ion-ios-help:before { content: "\f446"; }
.ion-ios-help-empty:before { content: "\f444"; }
.ion-ios-help-outline:before { content: "\f445"; }
.ion-ios-home:before { content: "\f448"; }
.ion-ios-home-outline:before { content: "\f447"; }
.ion-ios-infinite:before { content: "\f44a"; }
.ion-ios-infinite-outline:before { content: "\f449"; }
.ion-ios-information:before { content: "\f44d"; }
.ion-ios-information-empty:before { content: "\f44b"; }
.ion-ios-information-outline:before { content: "\f44c"; }
.ion-ios-ionic-outline:before { content: "\f44e"; }
.ion-ios-keypad:before { content: "\f450"; }
.ion-ios-keypad-outline:before { content: "\f44f"; }
.ion-ios-lightbulb:before { content: "\f452"; }
.ion-ios-lightbulb-outline:before { content: "\f451"; }
.ion-ios-list:before { content: "\f454"; }
.ion-ios-list-outline:before { content: "\f453"; }
.ion-ios-location:before { content: "\f456"; }
.ion-ios-location-outline:before { content: "\f455"; }
.ion-ios-locked:before { content: "\f458"; }
.ion-ios-locked-outline:before { content: "\f457"; }
.ion-ios-loop:before { content: "\f45a"; }
.ion-ios-loop-strong:before { content: "\f459"; }
.ion-ios-medical:before { content: "\f45c"; }
.ion-ios-medical-outline:before { content: "\f45b"; }
.ion-ios-medkit:before { content: "\f45e"; }
.ion-ios-medkit-outline:before { content: "\f45d"; }
.ion-ios-mic:before { content: "\f461"; }
.ion-ios-mic-off:before { content: "\f45f"; }
.ion-ios-mic-outline:before { content: "\f460"; }
.ion-ios-minus:before { content: "\f464"; }
.ion-ios-minus-empty:before { content: "\f462"; }
.ion-ios-minus-outline:before { content: "\f463"; }
.ion-ios-monitor:before { content: "\f466"; }
.ion-ios-monitor-outline:before { content: "\f465"; }
.ion-ios-moon:before { content: "\f468"; }
.ion-ios-moon-outline:before { content: "\f467"; }
.ion-ios-more:before { content: "\f46a"; }
.ion-ios-more-outline:before { content: "\f469"; }
.ion-ios-musical-note:before { content: "\f46b"; }
.ion-ios-musical-notes:before { content: "\f46c"; }
.ion-ios-navigate:before { content: "\f46e"; }
.ion-ios-navigate-outline:before { content: "\f46d"; }
.ion-ios-nutrition:before { content: "\f470"; }
.ion-ios-nutrition-outline:before { content: "\f46f"; }
.ion-ios-paper:before { content: "\f472"; }
.ion-ios-paper-outline:before { content: "\f471"; }
.ion-ios-paperplane:before { content: "\f474"; }
.ion-ios-paperplane-outline:before { content: "\f473"; }
.ion-ios-partlysunny:before { content: "\f476"; }
.ion-ios-partlysunny-outline:before { content: "\f475"; }
.ion-ios-pause:before { content: "\f478"; }
.ion-ios-pause-outline:before { content: "\f477"; }
.ion-ios-paw:before { content: "\f47a"; }
.ion-ios-paw-outline:before { content: "\f479"; }
.ion-ios-people:before { content: "\f47c"; }
.ion-ios-people-outline:before { content: "\f47b"; }
.ion-ios-person:before { content: "\f47e"; }
.ion-ios-person-outline:before { content: "\f47d"; }
.ion-ios-personadd:before { content: "\f480"; }
.ion-ios-personadd-outline:before { content: "\f47f"; }
.ion-ios-photos:before { content: "\f482"; }
.ion-ios-photos-outline:before { content: "\f481"; }
.ion-ios-pie:before { content: "\f484"; }
.ion-ios-pie-outline:before { content: "\f483"; }
.ion-ios-pint:before { content: "\f486"; }
.ion-ios-pint-outline:before { content: "\f485"; }
.ion-ios-play:before { content: "\f488"; }
.ion-ios-play-outline:before { content: "\f487"; }
.ion-ios-plus:before { content: "\f48b"; }
.ion-ios-plus-empty:before { content: "\f489"; }
.ion-ios-plus-outline:before { content: "\f48a"; }
.ion-ios-pricetag:before { content: "\f48d"; }
.ion-ios-pricetag-outline:before { content: "\f48c"; }
.ion-ios-pricetags:before { content: "\f48f"; }
.ion-ios-pricetags-outline:before { content: "\f48e"; }
.ion-ios-printer:before { content: "\f491"; }
.ion-ios-printer-outline:before { content: "\f490"; }
.ion-ios-pulse:before { content: "\f493"; }
.ion-ios-pulse-strong:before { content: "\f492"; }
.ion-ios-rainy:before { content: "\f495"; }
.ion-ios-rainy-outline:before { content: "\f494"; }
.ion-ios-recording:before { content: "\f497"; }
.ion-ios-recording-outline:before { content: "\f496"; }
.ion-ios-redo:before { content: "\f499"; }
.ion-ios-redo-outline:before { content: "\f498"; }
.ion-ios-refresh:before { content: "\f49c"; }
.ion-ios-refresh-empty:before { content: "\f49a"; }
.ion-ios-refresh-outline:before { content: "\f49b"; }
.ion-ios-reload:before { content: "\f49d"; }
.ion-ios-reverse-camera:before { content: "\f49f"; }
.ion-ios-reverse-camera-outline:before { content: "\f49e"; }
.ion-ios-rewind:before { content: "\f4a1"; }
.ion-ios-rewind-outline:before { content: "\f4a0"; }
.ion-ios-rose:before { content: "\f4a3"; }
.ion-ios-rose-outline:before { content: "\f4a2"; }
.ion-ios-search:before { content: "\f4a5"; }
.ion-ios-search-strong:before { content: "\f4a4"; }
.ion-ios-settings:before { content: "\f4a7"; }
.ion-ios-settings-strong:before { content: "\f4a6"; }
.ion-ios-shuffle:before { content: "\f4a9"; }
.ion-ios-shuffle-strong:before { content: "\f4a8"; }
.ion-ios-skipbackward:before { content: "\f4ab"; }
.ion-ios-skipbackward-outline:before { content: "\f4aa"; }
.ion-ios-skipforward:before { content: "\f4ad"; }
.ion-ios-skipforward-outline:before { content: "\f4ac"; }
.ion-ios-snowy:before { content: "\f4ae"; }
.ion-ios-speedometer:before { content: "\f4b0"; }
.ion-ios-speedometer-outline:before { content: "\f4af"; }
.ion-ios-star:before { content: "\f4b3"; }
.ion-ios-star-half:before { content: "\f4b1"; }
.ion-ios-star-outline:before { content: "\f4b2"; }
.ion-ios-stopwatch:before { content: "\f4b5"; }
.ion-ios-stopwatch-outline:before { content: "\f4b4"; }
.ion-ios-sunny:before { content: "\f4b7"; }
.ion-ios-sunny-outline:before { content: "\f4b6"; }
.ion-ios-telephone:before { content: "\f4b9"; }
.ion-ios-telephone-outline:before { content: "\f4b8"; }
.ion-ios-tennisball:before { content: "\f4bb"; }
.ion-ios-tennisball-outline:before { content: "\f4ba"; }
.ion-ios-thunderstorm:before { content: "\f4bd"; }
.ion-ios-thunderstorm-outline:before { content: "\f4bc"; }
.ion-ios-time:before { content: "\f4bf"; }
.ion-ios-time-outline:before { content: "\f4be"; }
.ion-ios-timer:before { content: "\f4c1"; }
.ion-ios-timer-outline:before { content: "\f4c0"; }
.ion-ios-toggle:before { content: "\f4c3"; }
.ion-ios-toggle-outline:before { content: "\f4c2"; }
.ion-ios-trash:before { content: "\f4c5"; }
.ion-ios-trash-outline:before { content: "\f4c4"; }
.ion-ios-undo:before { content: "\f4c7"; }
.ion-ios-undo-outline:before { content: "\f4c6"; }
.ion-ios-unlocked:before { content: "\f4c9"; }
.ion-ios-unlocked-outline:before { content: "\f4c8"; }
.ion-ios-upload:before { content: "\f4cb"; }
.ion-ios-upload-outline:before { content: "\f4ca"; }
.ion-ios-videocam:before { content: "\f4cd"; }
.ion-ios-videocam-outline:before { content: "\f4cc"; }
.ion-ios-volume-high:before { content: "\f4ce"; }
.ion-ios-volume-low:before { content: "\f4cf"; }
.ion-ios-wineglass:before { content: "\f4d1"; }
.ion-ios-wineglass-outline:before { content: "\f4d0"; }
.ion-ios-world:before { content: "\f4d3"; }
.ion-ios-world-outline:before { content: "\f4d2"; }
.ion-ipad:before { content: "\f1f9"; }
.ion-iphone:before { content: "\f1fa"; }
.ion-ipod:before { content: "\f1fb"; }
.ion-jet:before { content: "\f295"; }
.ion-key:before { content: "\f296"; }
.ion-knife:before { content: "\f297"; }
.ion-laptop:before { content: "\f1fc"; }
.ion-leaf:before { content: "\f1fd"; }
.ion-levels:before { content: "\f298"; }
.ion-lightbulb:before { content: "\f299"; }
.ion-link:before { content: "\f1fe"; }
.ion-load-a:before { content: "\f29a"; }
.ion-load-b:before { content: "\f29b"; }
.ion-load-c:before { content: "\f29c"; }
.ion-load-d:before { content: "\f29d"; }
.ion-location:before { content: "\f1ff"; }
.ion-lock-combination:before { content: "\f4d4"; }
.ion-locked:before { content: "\f200"; }
.ion-log-in:before { content: "\f29e"; }
.ion-log-out:before { content: "\f29f"; }
.ion-loop:before { content: "\f201"; }
.ion-magnet:before { content: "\f2a0"; }
.ion-male:before { content: "\f2a1"; }
.ion-man:before { content: "\f202"; }
.ion-map:before { content: "\f203"; }
.ion-medkit:before { content: "\f2a2"; }
.ion-merge:before { content: "\f33f"; }
.ion-mic-a:before { content: "\f204"; }
.ion-mic-b:before { content: "\f205"; }
.ion-mic-c:before { content: "\f206"; }
.ion-minus:before { content: "\f209"; }
.ion-minus-circled:before { content: "\f207"; }
.ion-minus-round:before { content: "\f208"; }
.ion-model-s:before { content: "\f2c1"; }
.ion-monitor:before { content: "\f20a"; }
.ion-more:before { content: "\f20b"; }
.ion-mouse:before { content: "\f340"; }
.ion-music-note:before { content: "\f20c"; }
.ion-navicon:before { content: "\f20e"; }
.ion-navicon-round:before { content: "\f20d"; }
.ion-navigate:before { content: "\f2a3"; }
.ion-network:before { content: "\f341"; }
.ion-no-smoking:before { content: "\f2c2"; }
.ion-nuclear:before { content: "\f2a4"; }
.ion-outlet:before { content: "\f342"; }
.ion-paintbrush:before { content: "\f4d5"; }
.ion-paintbucket:before { content: "\f4d6"; }
.ion-paper-airplane:before { content: "\f2c3"; }
.ion-paperclip:before { content: "\f20f"; }
.ion-pause:before { content: "\f210"; }
.ion-person:before { content: "\f213"; }
.ion-person-add:before { content: "\f211"; }
.ion-person-stalker:before { content: "\f212"; }
.ion-pie-graph:before { content: "\f2a5"; }
.ion-pin:before { content: "\f2a6"; }
.ion-pinpoint:before { content: "\f2a7"; }
.ion-pizza:before { content: "\f2a8"; }
.ion-plane:before { content: "\f214"; }
.ion-planet:before { content: "\f343"; }
.ion-play:before { content: "\f215"; }
.ion-playstation:before { content: "\f30a"; }
.ion-plus:before { content: "\f218"; }
.ion-plus-circled:before { content: "\f216"; }
.ion-plus-round:before { content: "\f217"; }
.ion-podium:before { content: "\f344"; }
.ion-pound:before { content: "\f219"; }
.ion-power:before { content: "\f2a9"; }
.ion-pricetag:before { content: "\f2aa"; }
.ion-pricetags:before { content: "\f2ab"; }
.ion-printer:before { content: "\f21a"; }
.ion-pull-request:before { content: "\f345"; }
.ion-qr-scanner:before { content: "\f346"; }
.ion-quote:before { content: "\f347"; }
.ion-radio-waves:before { content: "\f2ac"; }
.ion-record:before { content: "\f21b"; }
.ion-refresh:before { content: "\f21c"; }
.ion-reply:before { content: "\f21e"; }
.ion-reply-all:before { content: "\f21d"; }
.ion-ribbon-a:before { content: "\f348"; }
.ion-ribbon-b:before { content: "\f349"; }
.ion-sad:before { content: "\f34a"; }
.ion-sad-outline:before { content: "\f4d7"; }
.ion-scissors:before { content: "\f34b"; }
.ion-search:before { content: "\f21f"; }
.ion-settings:before { content: "\f2ad"; }
.ion-share:before { content: "\f220"; }
.ion-shuffle:before { content: "\f221"; }
.ion-skip-backward:before { content: "\f222"; }
.ion-skip-forward:before { content: "\f223"; }
.ion-social-android:before { content: "\f225"; }
.ion-social-android-outline:before { content: "\f224"; }
.ion-social-angular:before { content: "\f4d9"; }
.ion-social-angular-outline:before { content: "\f4d8"; }
.ion-social-apple:before { content: "\f227"; }
.ion-social-apple-outline:before { content: "\f226"; }
.ion-social-bitcoin:before { content: "\f2af"; }
.ion-social-bitcoin-outline:before { content: "\f2ae"; }
.ion-social-buffer:before { content: "\f229"; }
.ion-social-buffer-outline:before { content: "\f228"; }
.ion-social-chrome:before { content: "\f4db"; }
.ion-social-chrome-outline:before { content: "\f4da"; }
.ion-social-codepen:before { content: "\f4dd"; }
.ion-social-codepen-outline:before { content: "\f4dc"; }
.ion-social-css3:before { content: "\f4df"; }
.ion-social-css3-outline:before { content: "\f4de"; }
.ion-social-designernews:before { content: "\f22b"; }
.ion-social-designernews-outline:before { content: "\f22a"; }
.ion-social-dribbble:before { content: "\f22d"; }
.ion-social-dribbble-outline:before { content: "\f22c"; }
.ion-social-dropbox:before { content: "\f22f"; }
.ion-social-dropbox-outline:before { content: "\f22e"; }
.ion-social-euro:before { content: "\f4e1"; }
.ion-social-euro-outline:before { content: "\f4e0"; }
.ion-social-facebook:before { content: "\f231"; }
.ion-social-facebook-outline:before { content: "\f230"; }
.ion-social-foursquare:before { content: "\f34d"; }
.ion-social-foursquare-outline:before { content: "\f34c"; }
.ion-social-freebsd-devil:before { content: "\f2c4"; }
.ion-social-github:before { content: "\f233"; }
.ion-social-github-outline:before { content: "\f232"; }
.ion-social-google:before { content: "\f34f"; }
.ion-social-google-outline:before { content: "\f34e"; }
.ion-social-googleplus:before { content: "\f235"; }
.ion-social-googleplus-outline:before { content: "\f234"; }
.ion-social-hackernews:before { content: "\f237"; }
.ion-social-hackernews-outline:before { content: "\f236"; }
.ion-social-html5:before { content: "\f4e3"; }
.ion-social-html5-outline:before { content: "\f4e2"; }
.ion-social-instagram:before { content: "\f351"; }
.ion-social-instagram-outline:before { content: "\f350"; }
.ion-social-javascript:before { content: "\f4e5"; }
.ion-social-javascript-outline:before { content: "\f4e4"; }
.ion-social-linkedin:before { content: "\f239"; }
.ion-social-linkedin-outline:before { content: "\f238"; }
.ion-social-markdown:before { content: "\f4e6"; }
.ion-social-nodejs:before { content: "\f4e7"; }
.ion-social-octocat:before { content: "\f4e8"; }
.ion-social-pinterest:before { content: "\f2b1"; }
.ion-social-pinterest-outline:before { content: "\f2b0"; }
.ion-social-python:before { content: "\f4e9"; }
.ion-social-reddit:before { content: "\f23b"; }
.ion-social-reddit-outline:before { content: "\f23a"; }
.ion-social-rss:before { content: "\f23d"; }
.ion-social-rss-outline:before { content: "\f23c"; }
.ion-social-sass:before { content: "\f4ea"; }
.ion-social-skype:before { content: "\f23f"; }
.ion-social-skype-outline:before { content: "\f23e"; }
.ion-social-snapchat:before { content: "\f4ec"; }
.ion-social-snapchat-outline:before { content: "\f4eb"; }
.ion-social-tumblr:before { content: "\f241"; }
.ion-social-tumblr-outline:before { content: "\f240"; }
.ion-social-tux:before { content: "\f2c5"; }
.ion-social-twitch:before { content: "\f4ee"; }
.ion-social-twitch-outline:before { content: "\f4ed"; }
.ion-social-twitter:before { content: "\f243"; }
.ion-social-twitter-outline:before { content: "\f242"; }
.ion-social-usd:before { content: "\f353"; }
.ion-social-usd-outline:before { content: "\f352"; }
.ion-social-vimeo:before { content: "\f245"; }
.ion-social-vimeo-outline:before { content: "\f244"; }
.ion-social-whatsapp:before { content: "\f4f0"; }
.ion-social-whatsapp-outline:before { content: "\f4ef"; }
.ion-social-windows:before { content: "\f247"; }
.ion-social-windows-outline:before { content: "\f246"; }
.ion-social-wordpress:before { content: "\f249"; }
.ion-social-wordpress-outline:before { content: "\f248"; }
.ion-social-yahoo:before { content: "\f24b"; }
.ion-social-yahoo-outline:before { content: "\f24a"; }
.ion-social-yen:before { content: "\f4f2"; }
.ion-social-yen-outline:before { content: "\f4f1"; }
.ion-social-youtube:before { content: "\f24d"; }
.ion-social-youtube-outline:before { content: "\f24c"; }
.ion-soup-can:before { content: "\f4f4"; }
.ion-soup-can-outline:before { content: "\f4f3"; }
.ion-speakerphone:before { content: "\f2b2"; }
.ion-speedometer:before { content: "\f2b3"; }
.ion-spoon:before { content: "\f2b4"; }
.ion-star:before { content: "\f24e"; }
.ion-stats-bars:before { content: "\f2b5"; }
.ion-steam:before { content: "\f30b"; }
.ion-stop:before { content: "\f24f"; }
.ion-thermometer:before { content: "\f2b6"; }
.ion-thumbsdown:before { content: "\f250"; }
.ion-thumbsup:before { content: "\f251"; }
.ion-toggle:before { content: "\f355"; }
.ion-toggle-filled:before { content: "\f354"; }
.ion-transgender:before { content: "\f4f5"; }
.ion-trash-a:before { content: "\f252"; }
.ion-trash-b:before { content: "\f253"; }
.ion-trophy:before { content: "\f356"; }
.ion-tshirt:before { content: "\f4f7"; }
.ion-tshirt-outline:before { content: "\f4f6"; }
.ion-umbrella:before { content: "\f2b7"; }
.ion-university:before { content: "\f357"; }
.ion-unlocked:before { content: "\f254"; }
.ion-upload:before { content: "\f255"; }
.ion-usb:before { content: "\f2b8"; }
.ion-videocamera:before { content: "\f256"; }
.ion-volume-high:before { content: "\f257"; }
.ion-volume-low:before { content: "\f258"; }
.ion-volume-medium:before { content: "\f259"; }
.ion-volume-mute:before { content: "\f25a"; }
.ion-wand:before { content: "\f358"; }
.ion-waterdrop:before { content: "\f25b"; }
.ion-wifi:before { content: "\f25c"; }
.ion-wineglass:before { content: "\f2b9"; }
.ion-woman:before { content: "\f25d"; }
.ion-wrench:before { content: "\f2ba"; }
.ion-xbox:before { content: "\f30c"; }