/*
Theme Name: Helium Child
Theme URI: http://gantry.org
Template: helium-gantry
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Theme from RocketTheme
Version: 5.4.19.1509755374
Updated: 2017-11-04 00:29:34

*/
/* GANTRY UNIVERSAL FIXES */
#g-mainbar, #g-footer {padding: 0rem 0rem}
#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
}

/* 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 {font-family: 'Roboto Slab'; line-height: 1.3 !important}
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;}

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

.link-list li {
	color: #7a7a7a;
	font-family: 'Roboto',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;}

	/* MAIN MENU - Navigation Block */
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {max-height: 60px}
#g-navigation {background:#2b2c2d; border-style: solid;border-width: 0 0 4px 0;border-color: #a7a7a7;}
#nav-logo {border-style: solid;border-width: 2px 0 0 0;border-color: #f68e1f;}
#nav-logo img {position:absolute; background-color: #fff;padding: 5px 70px 5px 70px;clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); margin-top: 0.01em}
#t12mainmenu {padding: 5px 0px !important; border-style:solid; border-width:2px 0 0 0; border-top-color:#f68e1f;}
#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; color:#f68e1f}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {color:#f68e1f}

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

#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;}

.g-toplevel .g-menu-item-title {
	font-family: 'Roboto Slab',serif !important;
}

	/* HEADER */
#g-header {padding: 0px}

/* 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
}

/* FOOTER */
#g-mainbar .g-content {
	margin-bottom: 0px
}
.g-totop {text-transform:uppercase; font-weight: normal; font-size: 16px}

/* Page Builder Changes */
.flushtop #g-container-main {margin-top: -50px}
.no-title .entry-title {display:none}
#no-padding-right {padding-right: 0px !important}
#no-padding-left {padding-left: 0px !important}
.slanted-left img{clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
.slanted-right img{clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);}

.slanted-left {clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
.slanted-right {clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);}

#dark-background, #dark-backgroundh h1, #dark-background h2, #dark-background h3, #dark-background h4, #dark-background h5, #dark-background h6 {color:#fff}
#dark-back {background-color: #2b2c2d !important; padding-top: 50px; padding-bottom: 40px}
#dark-back a{color:#fff}
#dark-back a:hover {color:#fff}
#dark-back h2 {text-transform:uppercase}

/* 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%);}

/* 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-qubely-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; }

.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; }

/* 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: 'Roboto Slab'
}

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

.field-wrap button, .field-wrap input[type="button"], .field-wrap input[type="submit"]  {
	background-color: #f68e1f;
    border: 0;
    color: #fff;
    border: 0;
    padding: 8px 40px;
    font-size: 18px;
    font-weight: 700;
}

.field-wrap button:hover, .field-wrap input[type="button"]:hover, .field-wrap input[type="submit"]:hover {
	background-color:#2b2c2d !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 */
.qubely-block-btn a{ 
    transform: skew( -35deg);
 }
.qubely-block-btn a span{    
	transform: skew( 35deg);
 }

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

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

.qubely-separator .qubely-separator-type-css.qubely-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 .qubely-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;
}


/* 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) {
 
}


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

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