/*
Theme Name: Helium Child
Theme URI: http://gantry.org
Template: g5_helium
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.5.23
Updated: 2025-08-11 00:29:34

*/
/* GANTRY UNIVERSAL FIXES */
#g-mainbar, #g-footer {padding: 0rem 0rem}
#g-mainbar .g-content {margin-bottom: 0px; margin-top: 0px; padding-top: 0; padding-bottom:0}
#headermessages {background-image: url("/wp-content/uploads/2018/05/underconstruction.jpg");background-color:#f68e1f; color:black}
#headermessages h2 {margin-top: 15px; line-height: 1; margin-bottom: 0px}
#headermessages h2 span {background-color: #000;color: #fff;padding: 0px 8px; font-weight: bold}
#headermessages p {line-height: 1; margin-top: 5px}
#headermessages p span {background-color: #f5cc4e;color: #000;padding: 0px 8px;font-size: 19px; }
.sow-slider-image {z-index:0 !important}

.entry-content .alignwide {
	margin-left: -80px;
	margin-right: -80px;
	}
.entry-content .alignfull {
	margin-left: calc( -100vw / 2 + 100% / 2 );
	margin-right: calc( -100vw / 2 + 100% / 2 );
	}
/* .alignfull img {
	width: 100vw;
	} */

.alignfull.two-column-content img, .alignfull .alignleft img {
	width: inherit
}

.g-content {margin-right: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px}

/* Qubely-Roobely Adjustments */
.qubely-container {padding: 0 !important}

@media (min-width: 1200px) {
    .roobely-section .roobely-container {
        max-width: 1200px !important;
    }
}

/* Form Placeholders */
::-webkit-input-placeholder { color:#a5a5a5; }
:-moz-placeholder { opacity: 1; color:#a5a5a5; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#a5a5a5; } /* firefox 19+ */
:-ms-input-placeholder { color:#a5a5a5; } /* ie */
input:-moz-placeholder { color:#a5a5a5; }

/*LOCK FOOTER ON BOTTOM */
#g-footer {position:absolute ;bottom:0px;width: 100%; }
#g-mainbar {margin-bottom: 75px} /* This should match height of footer -  adjust for media queries  */

/*Typography*/
h1, h2, h3, h4, h5, .roobely-pricing-title, .roobely-pricing-price {font-family: 'industry' !important;}
h1 {font-weight: 600 !important; font-size: 44px}
h2 {font-weight: 600;letter-spacing: -1px;text-transform: uppercase;font-size: 32px}
h1, h2, h3 {color:#000;}
h5 {margin-bottom: 0px}
h5 span{background-color: #3e3e3e;color: #fff;padding: 0 10px;clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);font-size: 18px;}
.orange {background-color:#f68e1f; color:#fff; padding: 0 5px}
.button {border-radius: 0px; padding: 1.3rem 2.1rem;}

.g-menu-item-title, .g-toplevel .g-menu-item-title, .mega-menu-item {font-family: 'industry'; letter-spacing: 0.75px}

.link-list {
	list-style-type: none;
	margin-top: 0px;
	margin-left: 31px
}

.link-list li {
	color: #7a7a7a;
	font-family: 'Muli',sans-serif;
	font-size: 14px;
}

.link-list li a {
	color: #7a7a7a;
}

.link-list li a:hover {
	color:#000
}

body {line-height:27px; font-size: 1.0195rem;}



ul.jungle-latest-post li::before {
  content: "•"; /* Custom bullet – can replace with icon or character */
  position: absolute;
  left: 0;
  top: 12px;
  color: #f68e1e; /* Example green color – customize as needed */
  font-size: 1em;
  line-height: 1.2;
}


	/* MAIN MENU - Navigation Block */
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {max-height: 50px}
#g-navigation {background: linear-gradient(to right, white 15%, #2b2c2d 15%);}
#nav-logo {background-color:#fff; padding-right: 10px !important; }
#g-navigation .g-main-nav .g-toplevel {line-height: 0px; margin-top: 6px; padding-left: 10px;}
#nav-logo img {margin-left: -10px}
#t12mainmenu {border: solid #f68e1e; border-width: 0 0 0 5px;}
#t12mainmenu .g-main-nav, #t12-right .g-main-nav {margin-top: 6px;}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {color: #ffffff}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {box-shadow: 0px 0px 0px;}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {padding: 0.45rem 0}

.g-toplevel .g-menu-item-title {font-weight: 400; font-size: 16px}
#g-navigation .g-main-nav .g-toplevel > li {margin: 0 0.80rem;}
.g-main-nav .g-sublevel > li > .g-menu-item-container .g-menu-item-title { font-weight: 400;text-transform: inherit; font-size: 13px;}

/* Default menu item text color */
#t12mainmenu .g-menu-item-container .g-menu-item-title {
    color: #fff;  /* Default text color */
	 transition: color 0.2s ease; /* Smooth transition */
}

/* Change ALL other menu items to #b5b5b5 when hovering inside any container */
#t12mainmenu:hover .g-menu-item-title {
    color: #b5b5b5; /* Change all items to gray */
}

/* Keep the hovered item's text color #fff */
#t12mainmenu .g-menu-item-container:hover .g-menu-item-title {
    color: #fff !important; /* Keep hovered item white */
}

#t12mainmenu .g-menu-item.active {border: solid #f68e1e;border-width: 0 0 2px 0;}
#t12mainmenu .g-menu-item {border: solid #2b2c2d ;border-width: 0 0 2px 0;}


#g-header {box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3); height: 43px; padding: 3px 0 }
#t12-sub-menu {background-color:#fff; color:#000;padding-left: 16px !important;}
#g-header .g-main-nav .g-toplevel > li { margin: 0 0.70rem; }
#t12-sub-menu .g-menu-item-title {color:#000; font-size: 13px; font-family: 'Muli'; letter-spacing: 0px;font-weight: 600;position: relative;
    top: -1px;  }
/* Default menu item text color */
#t12-sub-menu .g-menu-item-title {
    color: #000;   /* Default text color */
	transition: color 0.2s ease; /* Smooth transition */
}

/* Change all menu items' text color when hovering over the container */
#t12-sub-menu .g-menu-item-container:hover .g-menu-item-title {
    color: #000 !important; /* Keep hovered item black */
}

/* Change non-hovered items to gray when any container is hovered */
#t12-sub-menu:hover .g-menu-item-title {
    color: #797979; /* Change all items to gray */
}

/* Override for the hovered item's container to keep its text black */
#t12-sub-menu .g-menu-item-container:hover .g-menu-item-title {
    color: #000 !important; /* Keep hovered item black */
}

#t12-sub-menu .active.g-menu-item  {border: solid #f68e1e; border-width: 0 0 2px 0}

#t12-right .g-main-nav .g-toplevel > li, #tiger12-right-submenu .g-main-nav .g-toplevel > li {margin: 0 0.40rem}
#t12-right img {max-height: 22px; position: relative;top: -2px;}
#t12-right .search-icon img {max-height: 20px;}
#t12-right .mail-icon img {max-height: 18px;}
#t12-right li:last-of-type {margin-right: 0px !important}

#g-header #tiger12-right-submenu a {color:#000}

#g-navigation .g-main-nav .g-dropdown {background: #2b2c2d;border-width: 0px; border-radius: 0px; padding-top: 17px; }

.fa-bars {color: #f68e1f;text-shadow: 1px 1px 5px #000;}

.entry-header {margin-top: 50px}
/* Top Hero */
.top-hero a.roobely-video-popup {
	border: solid 2px;
    border-radius: 25px;
    padding: 0 25px 0 15px;
	border-color: #919191
}

.top-hero a.roobely-video-popup:hover {
	border-color: #f68e1f
}

/* Lastest Posts block */
.heading-background {background-color: #2b2c2d;
    padding: 13px 20px;
	border-radius: 10px 10px 0 0;}

.heading-background .roobely-heading-selector {color:#fff; font-weight: 400; letter-spacing:0.001rem}

.jungle-latest-post {
    margin: 0; padding: 0px 22px 10px 10px;
	background-color: #fff
}

.jungle-latest-post li {
	line-height: 22px;
    border: solid;
    border-width: 0 0 1px 0;
    padding: 12px 0;
	border-color: #cdcdcd;
	font-size: 0.95rem;
	font-weight: 600
} 
.jungle-latest-post li:last-of-type {border-width: 0px}

.jungle-latest-post li a {color:#000}

.jungle-latest-post li a:hover {color:#f68e1e}

ul.jungle-latest-post {
  list-style: none; /* Remove default bullets */
  padding-left: 1.5em; /* Space for the custom bullet/icon */
}

ul.jungle-latest-post li {
  position: relative;
  padding-left: 1.5em; /* Creates room for the icon */
  text-indent: 0; /* Ensure wrapped lines align under text */
}

.button-explore-jungle {
	background-color:#fff
}


/* Hero Box 
.hero-box p {
    background-color: #232f3e;
    padding: 20px 40px 20px!important;
    color: #fff;
    position: absolute;
	width: 450px; 
	top: 18px;
	box-shadow: 4px 4px 8px #00000069;
}

.submit-wrap .nf-field-element { display: inline-block;
    width: auto !important;
    background: #F68E1F;
    transform: skew( -35deg);
    padding: 0px 15px; }

.submit-wrap .nf-field-element  input[type="button"]{ transform: skew( 35deg); background:none; padding: 8px 25px;}
.submit-wrap .nf-field-element:hover{ background:#2b2c2d !important;}
 */

.wpm p {
	background-color: #3498d8
}

/* .ppp p {
	background-color: #312936
} */

/* WPM */

.wpm-icon-box {
	margin-bottom: 20px
}
.wpm-icon-box h3{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 600 !important;
	font-size: 21px;
}

.wpm-icon-box p {
	margin-top: 7px;
	line-height: 1.6
}

/* Accordion */
.qubely-accordion-panel-handler-label {
	font-family: 'Industry';
	font-size: 18px;
	font-weight: 600
}

.qubely-accordion-body {
	font-size: 1.0195rem
}

/* FOOTER */
.g-totop {text-transform:uppercase; font-weight: normal; font-size: 16px}



/* Credit on Photo Widget - Hosting Page  */
#bottomcaption .widget-title {margin-bottom:-30px}
#bottomcaption .widget-title span {font-size: 15px;background-color: #f68e1f;color: #fff;padding: 0 10px;font-weight: bold;position: relative; top: -26px;left: -1px; clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);}

/*Media Card Images */
.card-190 img {
	width: 100% !important;
  height: 190px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.card-190 h3 {
		margin: 0;
	padding: 5px 15px 5px 15px;
	font-size: 20px;
	font-weight: 600
}
.card-190 p {
	margin: 0;
	padding: 0px 15px 15px 15px;
	line-height: 1.5;
}

.card-190 .qubely-block-text-title-inner {
	margin: 0
}

.small-card-text-block .qubely-block-text  {
	padding: 15px 15px 20px 15px;
}

.small-card-text-block h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600
}

.small-card-text-block p {
	margin: 5px 0 0 0 ;
	line-height: 1.5;
	
}

.small-card-text-block .qubely-block-text-title-inner {
	margin: 0
}

/* START Homepage */

/* .home .g-content { margin: -24px 0 0 0; padding: 0; } */

.home-banner-row { box-shadow: 0px 0px 32px 0px black; }

.home-banner-container { display: flex; flex-direction: column; align-items: center; }
.home-banner-container.left { align-items: flex-start; }
.home-banner-container.right { align-items: flex-end; }

.home-banner-container.left .homepage-banner { padding: 10% 40% 10% 10%; clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%); }
.home-banner-container.middle .homepage-banner { padding: 10% 30%; clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); width: 140%; z-index: 1; }
.home-banner-container.right .homepage-banner { padding: 10% 10% 10% 40%; clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%); }

.homepage-banner { position: relative; display: flex; flex-direction: column; align-items: center; height: 90vh; width: 110%; z-index: 0; transition: width 0.5s; } /* Change height once construction banner is gone */
.homepage-banner:hover { width: 130%; z-index: 2; transition: width 0.5s; }
.home-banner-container.middle .homepage-banner:hover { width: 160%; z-index: 2; transition: width 0.7s; }

.homepage-banner h1 { font-size: 36pt; position: absolute; }
.homepage-banner p { font-size: 24pt; font-style: italic; text-align: center; position: absolute; top: 70vh; width: 30vw; }
.homepage-banner .banner-graphic { position: absolute; top: 15vh; }
.homepage-banner .banner-graphic.tiger { width: 25vw; min-width: 25vw; }
.homepage-banner .banner-graphic.foliage-1 { width: 48vw; min-width: 48vw; }
.home-banner-container.left h1 { left: 10vw; }
.home-banner-container.left p { left: 0; }
.home-banner-container.left .banner-graphic { left: -8vw; }
.home-banner-container.right h1 { right: 10vw; }
.home-banner-container.right p { right: 0 }


.homepage-banner.grey-banner { background-color: #2b2c2d; color: #f68e1f; }
.homepage-banner.grey-banner h1 { color: #f68e1f; }
.homepage-banner.grey-banner .banner-graphic { filter: invert(62%) sepia(56%) saturate(2449%) hue-rotate(348deg) brightness(103%) contrast(93%); } /* sets black color to #f68e1f, see https://codepen.io/sosuke/pen/Pjoqqp */
.homepage-banner.orange-banner { background-color: #f68e1f; color: #2b2c2d; }
.homepage-banner.orange-banner h1 { color: #2b2c2d; }
.homepage-banner.orange-banner .banner-graphic { filter: invert(13%) sepia(10%) saturate(163%) hue-rotate(169deg) brightness(94%) contrast(88%); } /* sets black color to #2b2c2d, see https://codepen.io/sosuke/pen/Pjoqqp */

/* END Homepage */

/* Price Plans */
#price-plan-row {color:#fff; background-color:#2b2c2d; padding-bottom: 10px }
#price-plan-row h2 {color:#fff; text-transform:uppercase}
#price-plan-row button i {color: #fff !important;padding-left: 10px;padding-right: 0px !important}
#dark-price-column {color: #fff; background-color:#191919;padding: 10px 10px 20px 10px; border-style:solid; border-width: 2px 0 0 0;}
#dark-price-column:hover {background-color:#000}
#dark-price-column h2 {margin-bottom: 0px;text-align: center;font-size: 52px;}
#dark-price-column h3 {text-transform:uppercase; color:#fff; font-weight:bold; padding: 10px; font-size: 25px; text-align:center}
#dark-price-column p {padding:0 10px; font-size: 14px; line-height: 24px}
#dark-price-column button {font-size: 17px;padding: 3px 10px;margin-top: 30px;}
#dark-price-column i {padding-right: 15px; padding-left: 10px}
#dark-price-column h5 {font-size: 17px}
#dark-price-column p:first-of-type {padding-top: 20px; padding-bottom: 8px}
#dark-price-column h5:first-of-type {margin-top: 30px}
#dark-price-column h6{margin: 12px 0 0 0; text-align: center; font-size: 14px; font-weight: normal}
#dark-price-column span, #dark-price-column h2 {font-weight:bold}
#dark-price-column a {color:#fff}

#hosting-plans .wp-block-roobely-iconlist {
	padding-bottom: 5px;
}

/* START new price column changes */
/* All !important tags are only temporary until we permanently switch form ids to classes */
.aws-header { display: flex; flex-direction: row; }
.aws-header p { font-size: 18pt; }
.aws-logo { width: 200px; height: 72px; margin: 40px 0px 0px 35px; }
.price-header { margin-top: 75px; margin-bottom: 50px; }
.price-header h1 { font-size: 3rem; font-weight: 900 !important; line-height: 1; max-width: 825px; }

.qubely-pricing-title {background-color:#000; color:#fff; border-radius: 10px 10px 0 0; padding: 15px 30px 10px 30px; font-family: 'Industry'; letter-spacing: -1px}
.qubely-pricing-wrapper {padding: 0px 30px}
.qubely-pricing-features {padding: 0px 30px}
.qubely-pricing-button {text-align: center}



.price-plan { padding-bottom: 10px; }

.price-column { padding: 20px 30px 30px 30px; box-shadow: 0 0 25px #d8d8d8; border-radius: 15px; }
.price-column h3 { margin: 0px 0px 0px 0px; text-transform: uppercase; font-weight: normal !important; font-size: 1rem; letter-spacing: 5px; }
.price-column h1 { font-weight: 800 !important; }
.price-column button { color: #ffffff; font-size: 17px; padding: 3px 10px; margin-top: 30px; }
.price-column button i { color: #ffffff; padding-left: 10px; padding-right: 0px; }

.plan-content { display: flex; flex-direction: column; align-items: flex-start; }

.plan-header { display: flex; flex-direction: row; align-items: center; margin: 15px 0px 0px 0px; }
.plan-header .element-head { padding: 8px; color: #ffffff; }
.plan-header .element-head h1 { margin: 0px 0px 10px 0px; color: #ffffff; }
.plan-header .element-head h2 { color: #ffffff; }
.plan-header .aside { margin-left: 10px; }
.plan-header .aside h6 { margin: 0px; font-size: 14pt; font-weight: 800; }

.price-details { display: flex; flex-direction: row; align-items: center; }
.price-details h2 { margin: 0; font-size: 1.5rem; font-weight: normal !important; }
.price-details h6 { margin: 6px 0px 0px 5px; font-size: 14px; font-weight: normal; }

.plan-details { margin-top: 20px; font-size: 11pt; }
.plan-details p { margin-bottom: 30px; margin-top: 0px; }
.plan-details h4 { color: #000000; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
.plan-details h5 { font-size: 11pt; margin-left: 0.5rem; }
.plan-details i { width: 1rem; margin-right: 15px; text-align: center; }

.price-column.blue .element-head { background-color: #5697ff; }
.price-column.blue .plan-details i { color: #5697ff; }
.price-column.blue button { background-color: #5697ff; }
.price-column.blue button:hover { background-color: #5389e0; }

.price-column.red .element-head { background-color: #ea4040; }
.price-column.red .plan-details i { color: #ea4040; }
.price-column.red button { background-color: #ea4040; }
.price-column.red button:hover { background-color: #da3a3a; }

.price-column.green { border-style: solid; border-width: 2px; border-color: #46cc3f; }
.price-column.green .element-head { background-color: #46cc3f; }
.price-column.green .plan-header .aside h6 { color: #46cc3f; }
.price-column.green .plan-details i { color: #46cc3f; }
.price-column.green button { background-color: #46cc3f; }
.price-column.green button:hover { background-color: #40bb3a; }

/* END new price column changes */

.medium-dark-background { color: #ffffff; background-color: #3c3c3c; }

/* Hosting comparison chart */
/* Apply to any cell that contains the text 'orange-check-25' */
/* Vertically and horizontally center orange check in TablePress cells */
.tablepress td, .tablepress th {
  vertical-align: middle;      /* vertical center of cell */
  text-align: center !important;           /* horizontal center of inline content */
}

.tablepress th {
	color:#fff; 
	background-color:#000;
	font-family: 'Industry';
	font-size: 18px;
}


.hosting-comparison th{
	font-weight: 600;
	letter-spacing: 0.15px
}

/* Style the orange check span */
.tablepress td .orange-check-25 {
  display: inline-block;        /* inline-block works with text-align */
  width: 25px;
  height: 25px;
  background-image: url("https://staging.tiger12.com/wp-content/uploads/2025/08/orange-check-25px.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* Apply to any cell that contains the text 'gray-x-25' */
/* Style the orange check span */
.tablepress td .gray-x-25 {
  display: inline-block;        /* inline-block works with text-align */
  width: 25px;
  height: 25px;
  background-image: url("https://staging.tiger12.com/wp-content/uploads/2025/08/gray-x-25px.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.hosting-comparison th.column-2 {
  background-color: #f68e1e !important;
}

.tablepress td {
  vertical-align: middle;   /* centers vertically */
}

.hosting-comparison .column-1 {
	text-align: left !important; 
	padding-left: 30px}

/* Ensure the table itself has separate borders and is properly clipped. */
.hosting-comparison {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
}

/* Remove all internal borders from all cells. */
.hosting-comparison th,
.hosting-comparison td,
.hosting-comparison tr {
    border: none !important;
}

/* Build the top border and apply the top rounded corners. */
.hosting-comparison tr:first-child th:first-child,
.hosting-comparison tr:first-child td:first-child {
    border-top-left-radius: 10px !important;
}

.hosting-comparison tr:first-child th:last-child,
.hosting-comparison tr:first-child td:last-child {
    border-top-right-radius: 10px !important;
}

/* Build the bottom border and apply the bottom rounded corners. */
.hosting-comparison tr:last-child td:first-child {
    border-bottom-left-radius: 10px !important;
}

.hosting-comparison tr:last-child td:last-child {
    border-bottom-right-radius: 10px !important;
}



/* Make columns 2, 3, 4, and 5 the same size using a proportional width */
.hosting-comparison .column-2,
.hosting-comparison .column-3,
.hosting-comparison .column-4,
.hosting-comparison .column-5 {
    width: 18% !important;
}

/* Let the first column expand to take up the remaining space */
.hosting-comparison .column-1 {
    width: auto !important;
}

.currency-symbol {
  font-size: 1em; /* Makes the symbol 80% of the normal font size */
  vertical-align: super; /* Lifts the symbol slightly to the top */
	font-weight: 800;
    position: relative;
    top: -3px;
}

.compare-color {
	color:#909090
}
	
.dollar-amount {
	font-size: 32px;
	font-weight: 800}

/* START Element Table */

.element-table-header { padding-top: 30px; }
.element-table-header .lsow-heading .lsow-title { color: #ffffff; font-size: 32pt; }
.element-table-row { padding: 20px; }
.element-table-row.last { padding-bottom: 50px; }
.element-card .cl-flipbox-front { display: flex; flex-direction: column; justify-content: center; height: 100% !important; min-height: 350px; }
.element-card .cl-flipbox-front-title { font-size: 32pt; font-weight: bold; }
.element-card .cl-flipbox-front-desc { font-size: 22pt; }
.element-card .cl-flipbox-back { display: flex; flex-direction: column; justify-content: flex-start; }
.element-card .cl-flipbox-back-title { font-size: 150%; font-weight: bold; margin-bottom: 5px !important; }
.element-card .cl-flipbox-back-desc { font-size: 90%; }

/* END Element Table */

/* START Contact Us Link */

.contact-us-link { margin: 35px 0 50px 0; }
.contact-text .lsow-heading { margin: 0; }
.contact-text .lsow-heading .lsow-title { margin: 0 0 10px 0; }

/* END Contact Us Link */

/* START Footer Quote */


.footer-quote-container { margin: 20px 0; }
.footer-quote-container .so-panel { display: flex; flex-direction: row; justify-content: center; margin-bottom: 0px !important; }
.footer-quote { max-width: 600px; }
.footer-quote blockquote { border: none; text-align: center; }
.footer-quote blockquote p { font-size: 16pt; }

/* END Footer Quote */

.blue-standard {border-color:#77abff}
.blue-standard span, .blue-standard h3, .blue-standard i {color:#77abff !important;}
.blue-standard button {background-color:#77abff}
.blue-standard button:hover {background-color: #5697ff;}

.red-pro {border-color:#ea5757}
.red-pro span, .red-pro h3, .red-pro i {color:#ea5757 !important;}
.red-pro button {background-color:#ea5757}
.red-pro button:hover {background-color: #ea4040;}

.green-enterprise {border-color:#6ecc69}
.green-enterprise span, .green-enterprise h3, .green-enterprise i {color:#6ecc69 !important;}
.green-enterprise button {background-color:#6ecc69}
.green-enterprise button:hover {background-color: #46cc3f;}

#add-ons-0 {padding-top: 50px; background-color: #3c3c3c; color:#fff}
#add-ons-0 h3  {text-align: center; font-size: 36px; color:#fff }
#add-ons-1 {padding-top: 50px; background-color: #3c3c3c; color:#fff}
#add-ons-2 {padding-top: 75px; background-color: #3c3c3c; color:#fff; padding-bottom: 120px}
#addons h4 { font-size: 1.35rem; text-transform: uppercase;}
#addons i {position: relative;left: -10px;font-size: 42px;top: 3px;}

#addons .fa-expeditedssl {color: #66cc5b;}
#addons .fa-shield {color: #ffd131;}
.security button {background-color:#ffd131; color:#000}
.security button:hover {background-color:#000;color:#fff}
.ssl button {background-color:#66cc5b; color:#000}
.ssl button:hover {background-color:#000;color:#fff}
#addons .fa-exchange{color:#b387da}
.mover button {background-color:#b387da;color:#000}
.mover button:hover {background-color:#000;color:#fff}
#addons .fa-download{color: #66bfe1;}
.wp-management button {background-color:#66bfe1; color:#000}
.wp-management button:hover {background-color:#000;color:#fff}
.wp-speed button {background-color:#fff;color:#000}
.wp-speed button:hover {background-color:#000;color:#fff}
#addons .fa-google {color:#f14336}
.google-suite button {background-color:#f14336; color:#000}
.google-suite button:hover {background-color:#000;color:#fff}

#addons-price button i{padding-left: 5px}
#addons-price p:first-of-type {margin-bottom: -5px}
#addons-price h6 {margin-top: 0px; font-size: 11px;letter-spacing: 1px; text-transform:uppercase}
#addons-price .price {font-size: 32px; font-weight:bold}

/*Bottom Form */
#bottom-form {background-color:#f5f5f5; padding-top: 50px; padding-bottom: 90px}
#bottom-form h1 {font-weight: normal !important;text-transform: uppercase;padding-bottom: 20px;}
#bottom-form .gform_wrapper {margin-top: -20px}
#bottom-form .gf_left_half, #bottom-form .gf_right_half {margin-bottom: 20px}
#bottom-form .button {float:right;}
.page-id-2461 #bottom-form {background-color:#ffffff; padding-top: 0px;}

/* Gravity Forms */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {padding: 5px 10px !important}
.gform_confirmation_message_1 h3 {font-weight: normal !important}
.gform_wrapper .gfield_required {color:#f68e1f !important}

/*Design and Development*/
.hero-block .so-widget-sow-button-flat-e214440dcdc3 .ow-button-base a {border-width: 0px}
.hero-block .ow-button-base a:hover {background-color:#50c7ff}
#retainer-video {}
#retainer-video .lsow-hero-header .lsow-header-content {max-width:85%}
#retainer-video h2 {text-align:center; color:#fff}
#retainer-video h3 {color:#64d3ff; text-align: center; padding:0px 50px; margin-top: 40px}
#add-ons-2-WP {padding-top: 50px; background-color: #3c3c3c; color:#fff; padding-bottom: 120px}
#pgc-1058-6-1, #pgc-1058-6-2, #pgc-1058-6-3 {margin-bottom: 0px !important;}
#pgc-1058-6-1 p, #pgc-1058-6-2 p, #pgc-1058-6-3 p {margin-bottom: 0px; margin-top: 0px}
.parent-pageid-20 .astra-portfolio-filters, .astra-portfolio-not-found {display:none !important}
.et_divi_builder #astra-portfolio .template-meta .item-title, .template-meta .item-title {color:#000; font-family:Muli}
.parent-pageid-20 .template-meta {background-color:#fff}

/* WP Management */
.page-id-1054 .so-widget-service-box h3 {font-size:20px; margin-bottom: 0px !important}
.page-id-1054 .so-widget-service-box p {margin-top: 7px; font-size: 14px; line-height: 1.8}
.page-id-1054 .so-widget-service-box {padding: 10px 30px}
#pro-video .lsow-hero-header .lsow-header-content {max-width: inherit; text-align:left; padding-left: 0px;}
#pro-video .lsow-hero-header .lsow-header-content h2{margin-bottom: 18px}
#pro-video .lsow-hero-header .lsow-header-content .protitle {text-transform:uppercase; background-color:#f68e1f; color:#fff; padding: 0 5px 0px 80px; font-size: 32px}
#pro-video .lsow-hero-header .lsow-header-content .prosubtitle {color:#fff;background-color:#000; padding:0 5px 0px 80px; font-weight: 100; font-size: 22px;}

.lynx-pricing h1 {margin-top: 0px; margin-bottom: 25px}
.lynx-pricing p {margin:0 0 5px 0}
.lynx-pricing .panel-widget-style {padding: 20px 40px 10px 40px}
.lynx-price {font-size: 56px; color:#f68e1f; font-family: Lato; font-weight: 700}
.lynx-price2 {font-size: 56px; color:#fff; font-family: Lato; font-weight: 700}
.right-pricing h1{margin-left: 110px}
.right-pricing p:first-of-type {margin-left: 80px}
.right-pricing p {margin-left: 50px}

/* TCS Live Chat */
.tcs-live #g-mainbar .g-content {padding-top:0px; margin-top: 0px}
.tcs-live p {font-size: 18px; color:#484747}
#home-logo img {position: absolute; top: 0px;}
.tcs-live h3 {color: #656464;font-weight: 100 !important;}
.tcs-live .ow-button-base {font-weight:bold}
.tcs-live h2 {color:#656464; font-weight: 200 !important}
.tcs-live .g-totop {display:none}
.wsa_dock {position: absolute !important;top: 475px;right: 20.5% !important;}
#chat-text {position: absolute !important;top: 350px;right: 18.5% !important;}
#chat-text h3 {font-size: 42px;color:#000; font-weight:400 !important; line-height:1}
#pg-1778-2> .panel-row-style {background-position: 50% 10% !important;}
.school-summary p {margin-top: 5px; font-size: 17px}

/* NINJA FORMS */
.nf-form-fields-required {
	display:none
}

.nf-field-label label {
	font-family: 'Muli'
}

.nf-field-element textarea {
    height: 150px !important;
}

.field-wrap button, .field-wrap input[type="button"], .field-wrap input[type="submit"]  {
	background-color: #ffffff;
    color: #000000;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
	border: solid 2px #000000;
	border-radius: 30px;
	width: 200px !important
}

.field-wrap button:hover, .field-wrap input[type="button"]:hover, .field-wrap input[type="submit"]:hover {
	border-color:#F68E1F !important;
	color:#000000 !important
}

.nf-field-description {
	font-size: 14px;
    position: relative;
    top: -7px;
}

.nf-repeater-fieldsets fieldset {
	margin-bottom: 0px !important;
	padding: 0px !important
}

.nf-repeater-fieldsets legend {display:none}

button.nf-add-fieldset{
	border: solid 1px #2b2c2d;
    font-size: 14px;
    padding: 0px 14px;
}

.nf-error-msg, .ninja-forms-req-symbol {
    color: #f68e1f !important;

}

/* SKEW CSS */
/* .roobely-block-btn a{ 
    transform: skew( -35deg);
 }
.roobely-block-btn a span{    
	transform: skew( 35deg);
 }

.roobely-block-pricing .roobely-block-btn a {
	transform: skew( 0deg);
}

.roobely-block-pricing .roobely-block-btn a span{    
	transform: skew( 0deg);
 }
.roobely-block-btn a:before{ transition:none!important;}

.roobely-separator .roobely-separator-type-css.roobely-separator-solid{ transform: skew(-35deg); }
 */
.checkbox-wrap .nf-field-element label,
.checkbox-wrap .nf-field-label label,
.listcheckbox-wrap .nf-field-element label,
.listcheckbox-wrap .nf-field-label label { position:relative;}

.checkbox-wrap .nf-field-element ul li label:before, 
.checkbox-wrap  ul li  .nf-field-label label:before, 
.listcheckbox-wrap .nf-field-element label:before, 
.listcheckbox-wrap  ul li .nf-field-label label:before{ 
	content: "\f00c";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    z-index: 2;
    left: -26px;
    top: -4px; 
	color: #f7f7f7;
    opacity: 0;
    transition: all .5s;


}

.checkbox-wrap .nf-field-element ul li label:after, 
.checkbox-wrap .nf-field-label ul li label:after, 
.listcheckbox-wrap .nf-field-element ul li label:after, 
.listcheckbox-wrap ul li .nf-field-label label:after {
   border: 1px solid;
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: -27px;
    top: 2px;
}

.checkbox-wrap .nf-field-element ul li label.nf-checked-label:before, 
.checkbox-wrap .nf-field-label ul li label.nf-checked-label:before, 
.listcheckbox-wrap .nf-field-element ul li label.nf-checked-label:before, 
.listcheckbox-wrap .nf-field-label ul li label.nf-checked-label:before { 
	color: #333;
    opacity: 100;
    transition: all .5s;
}
.checkbox-wrap .nf-field-element ul li label.nf-checked-label:after, 
.checkbox-wrap .nf-field-label ul li label.nf-checked-label:after, 
.listcheckbox-wrap .nf-field-element ul li label.nf-checked-label:after, 
.listcheckbox-wrap .nf-field-label ul li label.nf-checked-label:after {
	background:#F68E1F;
}


.nf-field-element input[type="checkbox"] { display:none;}

/* Price Box */
.pricing-short .roobely-pricing-button {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


/* cyber-map */
.iframe-wrapper {
	    position: relative;
    height: calc(100% - 100px);
    display: flex;
    overflow: hidden;
}

.iframe-wrapper iframe{
	margin-top: -80px;
}


/*Plans and Prices box */
.hosting-plans-wrap .qubely-column-inner .wp-block-qubely-pricing ,
.hosting-plans-wrap .qubely-column-inner .qubely-block-pricing ,
.hosting-plans-wrap .qubely-column-inner .qubely-block-pricing-content{
	height: 100%;
}
.hosting-plans-wrap .qubely-column-inner .qubely-block-pricing-content{
	padding-bottom: 90px !important;
	position: relative;
}

.hosting-plans-wrap .qubely-column-inner .qubely-block-pricing-content .qubely-pricing-button{
	position: absolute;
	bottom: 0;
	width: 100%;
}


/* Smartphones */
@media (max-width: 480px) {
    #pro-video .lsow-hero-header .lsow-header-content h2{margin-bottom: 0px}
	#pro-video .lsow-hero-header .lsow-header-content h3 {margin-top: 3px}
	#pro-video .lsow-hero-header .lsow-header-content .protitle {font-size: 19px; padding-left:3px; line-height:0}
	#pro-video .lsow-hero-header .lsow-header-content .prosubtitle {font-size:13px; padding-left:3px; line-height:0}
	.hero-box p {
		padding: 10px 20px !important;
		width: 325px; 
		top: 7px;
	}
	.cyber-map iframe{
		max-width: 100%;
	    height: auto !important;
	    min-height: 530px;
		overflow: hidden;
	}
}



/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 768px) {
	#retainer-video img {max-width:100px}
	#pro-video .lsow-hero-header .lsow-header-content h2{margin-bottom: 0px}
	#pro-video .lsow-hero-header .lsow-header-content h3 {margin-top: 3px}
	#pro-video .lsow-hero-header .lsow-header-content .protitle {font-size: 24px; padding-left:20px}
	#pro-video .lsow-hero-header .lsow-header-content .prosubtitle {font-size:16px; padding-left:20px}
	.hero-box p {
		padding: 10px 20px !important;
		width: 325px; 
		top: 4px;
	}
	.cyber-map iframe{
		max-width: 100%;
		height: auto !important;
		min-height: 785px;
		overflow: hidden;
	}
}

/* Tablets */
@media (min-width: 769px) and (max-width: 992px) {
	.hero-box p {
		padding: 10px 20px !important;
		width: 350px; 
		top: 7px
	}
}

/* Desktop */
@media (min-width: 993px) and (max-width: 1199px) {
	.wsa_dock {position: absolute !important;top: 515px;right: 21% !important;}
	#chat-text {position: absolute !important;top: 400px;right: 18.5% !important;}
	.hero-box p {
		top: 7px;
	}
}

/* Large Display */
@media (min-width: 1200px) {
 .qubely-section .qubely-container {
        max-width: 1200px !important;
}


@media (max-width: 470px){
	.iframe-wrapper {	   
		height: calc(100% - 100px);
	}

	.iframe-wrapper iframe{
		margin-top: -153px;
	}
}