* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
a {
-webkit-transition: all 333ms;
-webkit-transition-delay: 0s;
-moz-transition: all 333ms;
-o-transition: all 333ms;
transition: all 333ms false false;
color: #737373;
}
html {
font-size: 100%;
background: #ffffff;
position: relative;
-webkit-font-smoothing: antialiased;
}
body {
font: normal 16px/1.25 "Open Sans",sans-serif;
font-family: "Open Sans", sans-serif;
font-weight: normal;
font-weight: 300;
color: #737373;
margin: 0;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
overflow-x: hidden;
}
h1 {
font-family: "Open Sans", sans-serif;
font-size: 36px;
font-weight: 300;
margin-bottom: 30px;
color: #4b565e;
} a.feature-button, input.feature-button, a.signup-button, input.signup-button, .enterprice_contactform .wpcf7-submit{
display: inline-block;
margin-bottom: 5px;
border: none;
background: #00b073;
background-image: none;
background-image: none;
color: #ffffff !important;
font: 600 16px/2.6 "Open Sans",sans-serif;
text-decoration: none;
height: 44px;
vertical-align: top;
padding: 0 20px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-right: 10px;
text-align: center;
width: auto;
}
a.feature-button:hover, a.feature-button:focus, input.feature-button:hover input.feature-button:focus,
a.signup-button:hover, a.signup-button:focus, input.signup-button:hover, input.signup-button:focus, .enterprice_contactform .wpcf7-submit:focus, .enterprice_contactform .wpcf7-submit:hover {
color: #ffffff;
background-color: #008e5d;
}
.learn-button {
margin-top: 20px;
display: block;
font-weight: 600;
text-decoration: none;
color: #00b073;
}
a.attention-button, input.attention-button {
display: inline-block;
margin-bottom: 5px;
border: 2px solid #DBDBDB;
background: none;
background-image: none;
background-image: none;
color: #DBDBDB !important;
font: 600 16px/2.6 "Open Sans",sans-serif;
text-decoration: none;
height: 44px;
padding: 0 20px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
a.attention-button:hover, a.attention-button:focus, input.attention-button:hover, input.attention-button:focus {
border: 2px solid #ffffff;
color: #ffffff !important;
background: none;
}
a.attention-op-button, input.attention-op-button {
display: inline-block;
margin-bottom: 5px;
border: 2px solid #DBDBDB;
background: none;
background-image: none;
background-image: none;
color: #4B565E !important;
font: 600 16px/2.6 "Open Sans",sans-serif;
text-decoration: none;
height: 44px;
padding: 0 20px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
a.attention-op-button:hover, a.attention-op-button:focus, input.attention-op-button:hover, input.attention-op-button:focus {
border: 2px solid #4B565E;
color: #4B565E !important;
background: none;
}
a.outlined-button, input.outlined-button {
display: inline-block;
margin-bottom: 5px;
border: 2px solid #00b073;
background: none;
background-image: none;
background-image: none;
color: #4B565E !important;
font: 600 16px/2.6 "Open Sans",sans-serif;
text-decoration: none;
height: 44px;
padding: 0 20px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
}
a.outlined-button:hover, a.outlined-button:focus, input.outlined-button:hover, input.outlined-button:focus {
border: 2px solid #008e5d;
color: #008e5d !important;
background: none;
}
a.signup-button, input.signup-button {
line-height: 44px !important;
margin-top: 15px !important;
width: 140px;
text-align: center;
}
.infobox {
background-color: #c9d3dc;
border-radius: 100%;
color: #fff;
cursor: pointer;
font-size: 11px !important;
font-style: italic !important;
height: 20px;
line-height: 20px !important;
text-align: center;
width: 20px;
margin-left: 5px;
}
.infobox:hover {
background-color:#00b073
}
.enterprice_contactform form input, .enterprice_contactform form textarea {
background: #fff;
border: 1px solid #D1D1D1;
padding: 14px 10px;
border-radius: 3px;
font-size: 16px;
width: 100%;
} header[role="banner"] {
overflow: hidden;
*zoom: 1;
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.1);
box-shadow: 0 0 30px rgba(0,0,0,0.1);
border-bottom: 1px solid #ccd5db;
width: 100%;
height: 76px;
overflow: visible;
}
header[role="banner"] h1 {
float: left;
width: 240px;
height: 48px;
margin: 14px 0 0 0;
display: none;
}
header[role="banner"] h1 a {
display: block;
width: 240px;
height: 48px;
background: transparent url(/wp-content/themes/codeguard_base/images/homenew/logo_app_new.png) no-repeat 0 0;
background-size: 100% !important;
text-indent: -999em;
color: transparent;
text-shadow: none;
}
header[role="banner"] nav {
margin: 30px 0;
margin-top: 30px;
margin-bottom: 30px;
float: right;
width: auto;
}
.desktop_logos {
float: left;
} nav#mainmenu {
line-height: 48px;
margin-top: 0px;
margin-bottom: 0px;
}
nav#mainmenu ul li {
position: relative;
list-style: none;
display: inline-table;
}
nav#mainmenu ul .parent {
float: left;
}
nav#mainmenu ul .parent img, .mobile_hidden_menu img {
border: none;
}
nav#mainmenu ul li a {
font-family: "Open Sans", sans-serif;
font-weight: bold;
font-size: 16px;
font-weight: 600;
color: #4B565E;
text-decoration: none;
margin: 0 25px;
line-height: 75px;
}
nav#mainmenu ul li a:hover {
color: #00b073;
text-decoration: none;
}
nav#mainmenu .showsolutions, nav#mainmenu .showhostingpartners{
background: #ffffff;
border: 1px solid #ccd5db;
position:absolute;
width:440px;
height:153px;
overflow: hidden;
z-index:10000;
display:none;
-webkit-transition: opacity 0.25s ease 0.1s;
-moz-transition: opacity 0.25s ease 0.1s;
-o-transition: opacity 0.25s ease 0.1s;
-ms-transition: opacity 0.25s ease 0.1s;
transition: opacity 0.25s ease 0.1s;
top: 75px;
left: 0px;
padding: 0;
}
.showsolutions li, .showhostingpartners li {
display: table !important;
border-right: 1px solid #ccd5db;
width: 188px;
height: 50px;
}
.showsolutions li a, .showhostingpartners li a {
font-size: 18px;
font-weight: 300 !important;
margin: 0px 20px 0px 20px !important;
line-height: 1.8 !important;
}
.showsolutions span, .showhostingpartners span {
font-family: "Open Sans", sans-serif;
font-size: 14px;
width: 230px;
display: inline-table;
line-height: 1.4;
display: none;
float: right;
margin-right: 6px;
}
.showsolutions span {
margin-top: -128px;
}
.showhostingpartners span {
display: inline-table;
margin-top: -132px;
}
.solactive {
color: #00b073 !important;
}
#menu:hover + .showsolutions{
display:block;
} .homehero {
background: #4b565b;
background: -moz-linear-gradient(270deg,#4b565b 0%,#56645c 200%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4B565E),color-stop(200%,#56645c));
background: -webkit-linear-gradient(270deg,#4B565E 0%,#56645c 200%);
background: -o-linear-gradient(270deg,#4B565E 0%,#56645c 200%);
background: -ms-linear-gradient(270deg,#4B565E 0%,#56645c 200%);
background: linear-gradient(180deg,#4B565E 0%,#56645c 200%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B565E',endColorstr='#56645c',GradientType=0);
color: #ffffff;
min-height: 330px;
padding-bottom: 50px;
}
.homehero .heromessage {
padding-top: 40px;
margin: 0;
}
.homehero h1 {
margin-bottom: 20px;
color: #ffffff;
}
.homehero h2 {
color: #ffffff;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
margin: 30px auto;
line-height: 1.6;
} .pagehero {
color: #4b565e;
min-height: 200px;
padding-bottom: 20px;
}
.pagehero .heromessage {
padding-top: 40px;
margin: 0;
}
.pagehero h1 {
margin-bottom: 0px;
color: #4b565e;
}
.pagehero h2 {
color: #4b565e;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
margin: 10px auto;
line-height: 1.6;
}
.sectiontitle {
color: #4B555D;
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: bold;
margin-bottom: 25px;
margin-top: 0;
} .chooseservice {
padding-top: 55px;
padding-bottom: 0px;
clear: both;
overflow: hidden;
}
.chooseservice .containers_12 {
border-bottom: 1px solid #f0f0f0;
overflow: hidden;
padding-bottom: 40px;
}
.chooseservice .secmiddle {
text-align: center;
}
.chooseservice .secmiddle div {
border-right: 1px solid #f0f0f0;
width: 1px;
height: 340px;
margin: 0 auto;
}
.chooseservice p, .builtinmanagement p {
margin-bottom: 20px;
}
.chooseservice ul, .builtinmanagement ul {
color: #4B555D;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
}
.chooseservice ul, .builtinmanagement ul {
margin-bottom: 20px;
list-style: none;
padding: 0;
margin: 0;
}
.chooseservice ul li, .builtinmanagement ul li {
list-style: none;
padding: 0 25px 15px;
background-image: url(//staging-mkt.codeguard.com/wp-content/themes/codeguard_base/images/homenew/cg_check.png);
background-repeat: no-repeat;
background-position: 0 4px;
} .benefitscontent {
padding-top: 55px;
padding-bottom: 0px;
clear: both;
overflow: hidden;
}
.benefitscontent .containers_12 {
overflow: hidden;
padding-bottom: 40px;
}
.benefitscontent .secmiddle {
text-align: center;
}
.chooseservice .secmiddle div {
width: 1px;
height: 340px;
margin: 0 auto;
}
.benefitscontent p, .builtinmanagement p {
margin-bottom: 20px;
}
.benefitscontent ul{
color: #4B555D;
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
margin-bottom: 20px;
list-style: none;
padding: 0;
}
.benefitscontent ul li{
list-style: none;
padding: 0 25px 25px;
background: url(//staging-mkt.codeguard.com/wp-content/themes/codeguard_base/images/homenew/cg_check.png) no-repeat 0 4px;
}
.benefitscontent strong {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.benefitscontent span {
line-height: 1.6;
} .homepartners {
color: #4B555D;
min-height: 230px;
padding-top: 50px;
padding-bottom: 50px;
}
.homepartners .grids_3 {
margin-bottom: 20px;
margin-top: 20px;
}
.homepartners .actionsection {
margin-bottom: 40px;
margin-top: 40px;
}
.homepartners h2, .footerlinks h2, .featuredin h2, .whatcustomerssay h3 {
font-size: 16px;
font-weight: 800;
color: #ccd5db;
letter-spacing: 1.4px;
}
.whatcustomerssay h3 {
text-align: left;
text-transform: uppercase;
margin-top: 15px;
}
.homepartners h3 {
font-size: 16px;
font-weight: 600;
color: #737373;
max-width: 260px;
display: inline-flex;
}
.homepartners h3 img {
vertical-align: middle;
float: left;
margin-right: 15px;
width: 61px;
height: 61px;
}
.homepartners p, .trybeforebuy p, .chooseservice p, .getstartedwithcg p, .partnershipwithcg p, .white_labeled p, .increase_your_revenue p, .builtinmanagement p, .backups_made_easy p, .cg_wp_plugin p {
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
color: #737373;
line-height: 1.6;
} .homeessentialfeatures, .white_labeled, .enterprise_contact {
background: #f9fffd url(//staging-mkt.codeguard.com/wp-content/themes/codeguard_base/images/homenew/stripes_bg.png);
min-height: 945px;
margin-bottom: 80px;
margin-top: 40px;
padding-bottom: 40px;
padding-top: 40px;
}
.enterprise_contact {
min-height: 920px;
margin-bottom: 0px;
}
.enterprise_contact p {
display: inline;
}
.enterprise_contact span.wpcf7-not-valid-tip {
margin-bottom: 20px;
}
.enterprise_contact label input, .enterprise_contact label textarea {
margin-bottom: 20px;
margin-top: 10px;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
border: none;
margin: 0px;
display: inline-table;
font-size: 1em;
font-weight: 400;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
color: red;
}
.homeessentialfeatures h1 {
text-align: center;
margin-top: 40px;
}
.homeessentialfeatures .essfeature, .whatcustomerssay .wcsfeature {
text-align: center;
}
.homeessentialfeatures .fmaxcontent {
max-width: 298px;
height: 298px;
cursor: pointer
}
.homeessentialfeatures h3  {
text-align: center;
margin-top: 20px;
}
.homeessentialfeatures img  {
text-align: center;
max-height: 120px;
margin-top: 50px;
}
.essfeature .overlay {
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 300;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: auto;
opacity: 0;
transition: .5s ease;
background-color: #ffffff;
border: 1px solid #eeeeee;
color: #737373;
padding: 45px;
height: 298px;
text-align: left;
box-shadow: 5px 5px 10px rgba(239, 239, 239, 0.90);
line-height: 1.3;
}
.essfeature .overlay h3 {
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: 600;
text-align: left;
padding-bottom: 20px;
margin-top: 0;
}
.homeessentialfeatures .plans_include .outlined-button {
min-width: 234px;
height: 60px;
margin-top: 20px;
font-size: 22px;
font-weight: 700;
} .trybeforebuy {
margin-bottom: 60px;
overflow: hidden;
}
.trybeforebuy .col2{
padding-left: 0px;
}
.trybeforebuy h1 {
margin-top: 150px;
padding-left: 60px;
}
.trybeforebuy p {
margin-bottom: 30px
padding-left: 60px;
} .white_labeled {
margin-top: -15px;
min-height: 723px;
overflow: hidden;
}
.white_labeled .wlcontent {
margin-top: 200px;
}
.white_labeled .wlcontent1 {
margin-bottom: 30px;
padding-left: 20px;
border-left: 8px solid transparent;
}
.white_labeled .wlcontent2 {
padding-left: 20px;
border-left: 8px solid transparent;
}
.white_labeled .wlcontent .wlactive {
border-left: 8px solid #00b073;
}
.wldimg {
margin-left: -40px;
position: absolute;
top: 50px;
z-index: 0;
opacity: 0.5;
}
.wlaimg {
z-index: 2;
position: absolute;
}
.white_labeled img {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
animation: slide 0.3s ease-in-out;
}
.white_labeled h3 {
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: bold;
text-align: left;
padding-bottom: 10px;
margin-top: 0;
} .backups_made_easy {
margin-bottom: 30px !important;
} .cg_wp_plugin .containers_12 {
background: url(//staging-mkt.codeguard.com/wp-content/themes/codeguard_base/images/subpages/partners_bg.png);
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: no-repeat;
background-position-x: 905px;
background-position-y: -110px;
}
.cg_wp_plugin .containers_12 {
padding-top: 200px;
}
hr {
border: 1px solid #f0f0f0;
margin-bottom: 60px;
}
.cg_wp_plugin .wpcontent img {
float: left;
margin-bottom:20px;
}
.cg_wp_plugin .wpcontent {
margin-top: 120px;
margin-right: 60px;
}
.cg_wp_plugin .wlcontent1 {
margin-bottom: 60px;
padding-left: 0px;
}
.cg_wp_plugin .wlcontent2 {
padding-left: 0px;
clear: both;
}
.cg_wp_plugin h3 {
margin-bottom: 10px;
} .increase_your_revenue, .backups_made_easy, .cg_wp_plugin {
margin-bottom: 0px !important;
overflow: hidden;
clear: both;
}
.increase_your_revenue .col2, .builtinmanagement .col2, .backups_made_easy .col2 {
padding-left: 60px;
}
.increase_your_revenue h1{
margin-top: 150px;
}
.backups_made_easy h1 {
margin-top: 100px;
}
.increase_your_revenue p, .backups_made_easy p{
margin-bottom: 30px
}
.backups_made_easy img {
width: 100%;
max-width: 100%;
} .partner_benefits {
margin-top: 90px;
margin-bottom: -35px;
clear: both;
overflow: hidden;
}
.partner_benefits h1 {
margin-bottom: 50px;
}
.partner_benefits .benefits {
clear: both;
padding-bottom: 50px;
display: block;
overflow: hidden;
}
.partner_benefits .benefits p {
margin-top: 10px;
font-size: 18px;
line-height: 1.6;
}
.partner_benefits .benefits img {
float: left;
margin-right: 25px;
} .getstartedwithcg .gswcg, .partnershipwithcg .gswcg{
margin: 30px 0px 60px 0;
background: #f9fffd url(//staging-mkt.codeguard.com/wp-content/themes/codeguard_base/images/homenew/stripes_bg.png);
border: 1px solid #f0f0f0;
padding: 30px;
box-shadow: 5px 5px 10px rgba(239, 239, 239, 0.90);
}
.getstartedwithcg h1, .partnershipwithcg h1{
margin-bottom: 10px;
}
.getstartedwithcg p, .partnershipwithcg p {
margin-bottom: 20px
}
.partnershipwithcg .containers_12 {
margin-bottom: 80px;
padding-bottom: 40px;
} .whatcustomerssay {
padding-top: 70px;
border-top: 1px solid #ddd;
margin-left: 60px;
margin-right: 60px;
}
.whatcustomerssay h2 {
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-weight: 300;
color: #4B555D;
line-height: 1.6;
text-align: left;
}
.whatcustomerssay .owl-stage-outer {
box-shadow: 5px 5px 10px rgba(239, 239, 239, 0.90);
border: 1px solid #f0f0f0;
}
.whatcustomerssay .item {
padding: 30px;
}
.owl-carousel {
margin-bottom: 70px;
margin-top: 70px;
}
.owl-theme .owl-dots .owl-dot {
border: 1px solid #e2e7eb;
border-radius: 100%;
margin-right: 20px;
}
.owl-theme .owl-dots .owl-dot span {
width: 13px !important;
height: 13px !important;
margin: 3px 3px !important;
background: #ffffff !important;
padding: 6px !important;
}
.owl-theme .owl-dots {
margin-top: 20px !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #CBD5DB !important;
}
.owl-carousel .owl-item img {
display: block;
width: 135px !important;
height: 135px !important;
border-radius: 100% !important;
float: left;
margin-right: 20px;
}
.wcsimg {
display: block;
float: left;
overflow: hidden;
height: 195px;
} .cg_footer {
background: #00b073;
color: #ffffff;
font-size: 16px;
padding: 30px;
width: 100%; 
}
.cgsocial {
text-decoration: none;
padding-top: 80px !important;
}
.cgsocial a {
text-decoration: none;
}
.cgsocial img {
border: none;
}
.footerlinks {
border-top: 2px solid #00b073;
padding-top: 40px;
}
.footerlinks ul {
list-style: none;
padding: 10px 0;
margin: 0;
}
.footerlinks ul li {
list-style: none;
padding: 5px 0;
}
.footerlinks ul li a {
text-decoration: none;
color: #737373;
font-size: 16px;
}
.footerlinks ul li a:hover {
color: #00b073;
} .featuredin {
background: #f9f9f9;
min-height: 200px;
text-align: center;
}
.featuredin h2 {
padding-top: 30px;
} #mobilemenu  {
display: none;
}
#mobilemenu .mobilemenu  {
background: url(//staging-mkt.codeguard.com/wp-content/themes/codeguard_base/images/homenew/mobile_menu.png);
width: 32px;
height: 25px;
cursor: pointer;
display: block;
}
.mobile_hidden_menu {
background: #fff;
box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
display: none;
padding: 0;
position: absolute;
top: 74px;
width: 100%;
z-index: 99;
}
.mobile_hidden_menu ul {
padding: 0;
margin:  0;
}
.mobile_hidden_menu ul li {
list-style: none !important;
padding: 10px 45px;
border-right: 0 !important;
display: block !important;
width: 100%;
}
.mobile_hidden_menu ul li ul li {
padding-left: 0 !important;
padding-right: 0 !important;
}
.mobile_hidden_menu .showsolutions li, .mobile_hidden_menu .showhostingpartners li {
height: 40px !important;
}
.mobile_hidden_menu ul li a {
text-decoration: none;
display: block;
color: #737373;
}
.mobile_hidden_menu ul li a:hover {
color: #00b073;
}
.mobile_hidden_menu img {
float: right;
}
.mobile_hidden_menu .showsolutions span, .mobile_hidden_menu .showhostingpartners span {
width: 95%;
position: relative;
float: none;
margin: 0px 20px 0px 20px !important;
}* { margin: 0;
}
.containers_12 {
margin: 0 auto;
position: relative;
max-width: 1280px;
-webkit-font-smoothing: antialiased
-moz-osx-font-smoothing: grayscale
font-smoothing: antialiased
}
* html .containers_12 { width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1282 ? "1280px" :  "auto");
}
.cg_container {
clear: both;
float: left;
width: 100%;
margin-bottom: 40px
}
.grids_1, .grids_2, .grids_3, .grids_4, .grids_5, .grids_6, .grids_7, .grids_8, .grids_9, .grids_10, .grids_11, .grids_12 {
clear: none;
display: block;
float: left;
margin-bottom: 10px;
margin-right:2.1875%;
padding: 0;
position: relative;
}
.grids_1 {
width: 6.32812%;
}
.grids_2 {
width: 14.84375%;
}
.grids_3 {
width: 23.35937%;
}
.grids_4 {
width: 31.87499%;
}
.grids_5 {
width: 40.39062%;
}
.grids_6 {
width: 48.90625%;
}
.grids_7 {
width: 57.42187%;
}
.grids_8 {
width: 65.9375%;
}
.grids_9 {
width: 74.45312%;
}
.grids_10 {
width: 82.96875%;
}
.grids_11 {
width: 91.48437%;
}
.grids_12 {
width: 100% ;
margin-right: 0;
}
.grids_12 .last-col {
margin-right: 0;
}
.grids_11 .last-col {
margin-right: 0;
}
.grids_10 .last-col {
margin-right: 0;
}
.grids_9 .last-col {
margin-right: 0;
}
.grids_8 .last-col {
margin-right: 0;
}
.grids_7 .last-col {
margin-right: 0;
}
.grids_6 .last-col {
margin-right: 0;
}
.grids_5 .last-col {
margin-right: 0;
}
.grids_4 .last-col {
margin-right: 0;
}
.grids_3 .last-col {
margin-right: 0;
}
.grids_2 .last-col {
margin-right: 0;
}
.grids_1 .last-col {
margin-right: 0;
}
.clear { clear: both;
}
.last-col {
margin-right: 0;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}@media only screen and (max-width: 992px) {
.containers_12 {
width: 90%;
margin: 0 auto;
}
.align-right, .align-left, .align-center {
text-align: left;
}
header[role="banner"] h1 {
margin: 20px 0 0 0;
}
#mainmenu, .herobg, .featuredin {
display: none;
}
#mobilemenu  {
display: inline-block;
float: right;
position: relative;
right: 35px;
top: 0;
margin-bottom: 0;
margin-top: 25px;
}
.desktop_logos {
width: 51px;
}
#codeguard_logo_original {
background-size: 70% !important;
}
a.feature-button, input.feature-button, a.signup-button, input.signup-button, a.attention-button, input.attention-button {
text-align: center;
}
.trybeforebuy img, .heromessage, .homepartnersmessage, .increase_your_revenue img, .builtinmanagement img, .backups_made_easy img, .partner_benefits .col2 img, .cg_wp_plugin img {
width: 100%;
max-width: 100%;
}
.trybeforebuy h1 {
margin-top: 0px !important;
}
.chooseservice, .homepartners  {
padding-bottom: 0px;
padding-top: 40px;
}
.homepartners h3 {
max-width: 100%;
font-size: 14px;
}
.homeessentialfeatures  {
margin-bottom: 50px;
}
.whatcustomerssay {
padding-top: 50px;
}
.cgsocial {
padding-top: 0px !important;
}
.chooseservice, .homepartners {
padding-top: 10px;
}
.chooseservice .grids_5 {
margin: 0;
}
.secright {
padding-top: 40px;
}
.secleft {
border-bottom: 1px solid #f0f0f0;
padding-bottom: 40px;
}
.white_labeled img, .white_labeled .grids_7 {
display: none;
}
.white_labeled {
min-height: auto;
margin-bottom: 40px;
}
.white_labeled .wlcontent {
margin-top: 0px;
}
.white_labeled .grids_5 {
width: 100%;
}
.increase_your_revenue {
margin-bottom: 0px;
}
.increase_your_revenue h1 {
margin-top: 50px;
}
.partner_benefits {
margin-top: 45px;
}
.partner_benefits .benefits p {
font-size: 14px;
}
.partner_benefits .benefits img {
margin-bottom: 35px;
}
.cg_wp_plugin hr{
margin-bottom: 45px;
}
.cg_wp_plugin .containers_12 {
padding-top: 45px;
}
.cg_wp_plugin .clear {
margin-bottom: 45px !important;
}
.partnershipwithcg .gswcg {
margin: 0px 0px 60px 0;
}
.partnershipwithcg .containers_12 {
margin-bottom: 0px;
padding-bottom: 0px;
}
.benefitscontent {
padding-top: 0px;
}
.benefitscontent .containers_12 {
padding-bottom: 20px;
}
.homehero h2 {
max-width: 100% !important;
}
.howitworkshero {
margin-bottom: 0px !important;
}
.howitworkshero {
min-height: 370px !important;
margin-bottom: 40px !important;
}
.howitworkshero .heromessage {
background: none !important;
}
.howitworks_nav {
width: 25% !important;
height: auto !important;
margin-right: 0px !important;
margin-top: 15px !important;
text-align: center;
}
.howitworks_nav img {
width: 100px !important;
height: 100px !important;
}
.hiw_connect .col2, .hiw_backup .col2, .hiw_connect .col2, .hiw_monitor .col2 {
padding-left: 0px !important;
}
.hiw_restore .restore_image {
width: 40% !important;
height: 265px !important;
}
.hiw_restore .restore_content p {
text-align: left !important;
font-size: 14px !important;
}
.hiw_connect .containers_12, .hiw_backup .containers_12, .hiw_monitor .containers_12 {
padding-bottom: 40px !important;
}
.hiw_connect, .hiw_backup, .hiw_monitor, .hiw_restore {
margin-bottom: 40px !important;
}
.hiw_connect h1, .hiw_backup h1 {
margin-top: 0px !important;
}
.hiw_restore .restore_content {
padding-top: 20px !important;
text-align: left !important;
}
}
@media screen and (max-width: 768px) {
h1 {
font-size: 26px;
}
.grids_1, .grids_2, .grids_3, .grids_4, .grids_5, .grids_6, .grids_7, .grids_8, .grids_9, .grids_10, .grids_11, .grids_12 {
clear: both;
float: none;
width: 100%;
margin: 20px 0;
}
a.feature-button, input.feature-button, 
a.signup-button, input.signup-button, 
a.attention-button, input.attention-button, 
a.attention-op-button, input.attention-op-button, .homeessentialfeatures .fmaxcontent, .trybeforebuy img {
max-width: 100%;
height:auto;
}
.trybeforebuy .col2, .builtinmanagement .col2, .increase_your_revenue .col2, .backups_made_easy .col2 {
padding-left: 0px;
}
.whatcustomerssay {
margin-left: 0;
margin-right: 0;
}
.whatcustomerssay h2 {
font-size: 18px;
}
.essfeature .overlay {
position: relative;
top: -232px;
width: 100%;
max-width: 100%;
}
.secmiddle, .wcsimg, .homeessentialfeatures .overlay {
display: none;
}
.footerlinks ul {
margin: 0;
padding: 0;
}
.homepartners h2, .footerlinks h2, .featuredin h2, .whatcustomerssay h3 {
margin-bottom: 0;
}
.partner_benefits {
margin-top: 45px;
}
.partner_benefits .benefits p {
font-size: 14px;
}
.partner_benefits .benefits img {
margin-bottom: 35px;
}
.cg_wp_plugin hr{
margin-bottom: 45px;
}
.cg_wp_plugin .containers_12 {
padding-top: 45px;
}
.cg_wp_plugin .clear {
margin-bottom: 45px !important;
}
.cg_wp_plugin img {
width: auto;
max-width: all;
}
.partnershipwithcg .gswcg {
margin: 0px 0px 60px 0;
}
.partnershipwithcg .containers_12 {
margin-bottom: 0px;
padding-bottom: 0px;
}
.benefitscontent {
padding-top: 0px;
}
.benefitscontent .containers_12 {
padding-bottom: 20px;
}
.benefits h3 {
margin-top: 0;
}
.cg_wp_plugin .wpcontent img {
margin-bottom: 55px;
}
.cg_wp_plugin .wpcontent {
margin-top: 60px;
}
.backups_made_easy h1 {
margin-top: 0px;
}
.white_labeled img {
width: 100%;
}
.howitworkshero {
min-height: 370px !important;
margin-bottom: 0px !important;
}
.howitworkshero .heromessage {
background: none !important;
}
.howitworks_nav {
width: 25% !important;
height: auto !important;
margin-right: 0px !important;
margin-top: 15px !important;
text-align: center;
}
.howitworks_nav img {
width: 100px !important;
height: 100px !important;
}
.hiw_connect .col2, .hiw_backup .col2, .hiw_connect .col2, .hiw_restore .col2 {
padding-left: 0px !important;
}
.hiw_restore .restore_image {
width: 40% !important;
height: 265px !important;
}
.hiw_restore .restore_content p {
text-align: left !important;
font-size: 14px !important;
}
.hiw_connect .containers_12, .hiw_backup .containers_12, .hiw_monitor .containers_12 {
padding-bottom: 40px !important;
}
.hiw_connect, .hiw_backup, .hiw_monitor, .hiw_restore {
margin-bottom: 40px !important;
}
.hiw_restore .restore_content {
padding-top: 20px !important;
text-align: left !important;
}
}
@media screen and (max-width: 1200px) {
.builtinmanagement img, .trybeforebuy img, .white_labeled img, .increase_your_revenue img, .backups_made_easy img {
width: 100%;
max-width: 100%;
}
.trybeforebuy h1 {
margin-top: 80px;
}
.increase_your_revenue h1, .hiw_connect h1, .hiw_backup h1 {
margin-top: 0px !important;
}
.partner_benefits .benefits {
padding-bottom: 0px;
}
.partner_benefits .benefits p {
font-size: 14px;
}
.partner_benefits .benefits img {
margin-bottom: 100px;
}
.cg_wp_plugin .containers_12 {
padding-top: 50px;
background: none;
}
.white_labeled .wlcontent {
margin-top: 85px;
}
.white_labeled img {
width: 100%;
}
}
@media screen and (max-width: 460px) {
.homepartners h3 {
max-width: 100%;
font-size: 12px;
}
a.feature-button, input.feature-button, a.signup-button, input.signup-button, a.attention-op-button, input.attention-op-button {
font: 600 13px/0.3 "Open Sans",sans-serif;
margin-right: 10px;
padding: 20px !important;
}
.cg_wp_plugin .wpcontent img {
margin-bottom: 90px;
}
.hiw_connect h1, .hiw_backup h1 {
margin-top: 40px !important;
}
.hiw_connect .containers_12, .hiw_backup .containers_12, .hiw_monitor .containers_12 {
padding-bottom: 30px !important;
}
.hiw_connect, .hiw_backup, .hiw_monitor, .hiw_restore {
margin-bottom: 30px !important;
}
.howitworks_nav {
width: 25% !important;
height: auto !important;
margin-right: 0px !important;
margin-top: 15px !important;
text-align: center;
}
.howitworkshero h2 {
font-size: 14px !important;
font-weight: 600 !important;
margin: 0px 0 auto !important;
letter-spacing: 0 !important;
}
.howitworks_nav img {
width: 50px !important;
height: 50px !important;
}
.howitworkshero {
min-height: 260px !important;
margin-bottom: 0px !important;
}
.heromessage {
padding-top: 35px !important;
}
.hiw_restore .restore_content {
padding-top: 10px !important;
}
.hiw_restore .restore_image {
width: 40% !important;
height: 195px !important;
}
}
@media screen and (min-width: 992px) {
.containers_12 {
width: 970px;
}
.mobile_hidden_menu{
display: none !important;
}
}
@media screen and (min-width: 1200px) {
.containers_12 {
width: 95%;
}
}
@media screen and (min-width: 1400px) {
.containers_12 {
width: 1280px; 
}
}.network_plans ul li span {
margin-right: 3px;
margin-left: 3px;
}
.network_plans .plans_container div {
width: 23% !important;
}
@media only screen and (max-width:1638px) {
.network_plans .plans_container div {
width: 48% !important;
margin-bottom: 20px;
}
}
@media only screen and (max-width:862px) {
.network_plans .plans_container div {
width: 80% !important;
margin: 0 auto;
display: block;
margin-bottom: 20px;
clear: both
}
}
@media only screen and (max-width:500px) {
.network_plans .plans_container div {
width: 100% !important;
margin-bottom: 20px;
}
}