/* cmsms stylesheet: animate modified: 08/11/20 11:44:52 */
@charset "utf-8";
/* CSS Document */

@keyframes phone {
    from   {left:150%; top:0px;}
    to {left:50%; top:0%;}
}

@keyframes seeme {
    from   {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeup {
    from   {opacity: 0;margin-top: 50px;}
    to {opacity: 1;margin-top: 0px;}
}
@keyframes fadein {
    from   {opacity: 0;}
    to {opacity: 1;}
}
@keyframes flicker {
    0%   {opacity: 0;}
    9%   {opacity: 0;}
    10% {opacity: 1;}
    29% {opacity: 1;}
    30%   {opacity: 0;}
    34%   {opacity: 0;}
    35% {opacity: 1;}
    59% {opacity: 1;}
    60%   {opacity: 0;}
    70%   {opacity: 0;}
    100% {opacity: 1;}
}

#charger, .map1, #chargerin {
	opacity: 0;
	max-width: 100%;
	height: auto;
}
#charging, #themessage, #themessage2, #themessage3, #themessage4, .map2, #chargingin, #messagein, #message2in {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	max-width: 100%;
	height: auto;
}
.map {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%;
	height: auto;
}
#phone, #phonein {
	position: absolute;
	left: 150%;
	transform: translateX(-50%);
	max-width: 100%;
	height: auto;
}
.animate #charger, .fadein, .animate .map2, .fadeup, #chargerin {
	animation-name: fadein;
        animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
.animate #phone, #phonein {
	animation-name: phone;
    animation-duration: 1s;
	animation-delay: 0s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
.animate #charging, .animate .map1, #chargingin {
	animation-name: seeme;
    animation-duration: 0.1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.animate .map1 {
	animation-name: seeme;
    animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.animate #themessage, #messagein {
	animation-name: seeme;
    animation-duration: 0.1s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}
.animate #themessage2, #message2in {
	animation-name: seeme;
    animation-duration: 0.1s;
	animation-delay: 6s;
	animation-fill-mode: forwards;
}
.animate #themessage3 {
	animation-name: seeme;
    animation-duration: 0.1s;
	animation-delay: 9s;
	animation-fill-mode: forwards;
}
.animate #themessage4 {
	animation-name: seeme;
    animation-duration: 0.1s;
	animation-delay: 12s;
	animation-fill-mode: forwards;
}

.ani {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	position:  relative;
text-align: center;
margin: 50px 0 40px;
}
.space {
	height: 800px;
}
/* cmsms stylesheet: aircharge modified: 07/09/25 21:14:09 */
@charset "utf-8";
/*------------------------------------------
Created:	05 October, 2015
Author:		Adam Alexander
Contact:	adam@websitedesignglasgow.co.uk
Website:	www.websitedesignglasgow.co.uk
-------------------------------------------*/


/***************************** Reset *************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul li p {
	padding: 0;
	margin: 0;
}
:focus {
	outline: 0;
}
/***************************** Generic styles *************************************/

body {
	font-family: 'Lato', sans-serif;
	font-size: 62.5%;
	color: #333;
	margin: 0px;
	padding: 0px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}
.holder, .wm-holder {
	position: relative;
	z-index: 1111;
	clear: both;
}
.holder {
	width: 980px;
	margin: auto;
}
.holder1400 {
	width: 1400px;
	margin: auto;
}
.wm-holder {
	width: 90%;
	margin: 40px auto 0;
}
.header {
	width: 100%;
	padding: 0;
	border-bottom: 1px #000 solid;
	background-color: #202020;
	z-index: 11111;
	opacity: 0.9;
	filter: alpha(opacity=90);
	position: fixed;
	top: 0;
}
.head {
	padding: 10px 0px;
margin: auto;
width: 1400px;
position: relative;
}
.headpad {
	height: 44px;
}
.logo {
	padding: 0 10px;
	position: relative;
	z-index: 111111;
}
.image {
	position: relative;
}
.image img, .topimage img, .columns img, .responsive, .blocksectionmobi img, .sectorimg img, .halfimg img, .thirdimg img, .execimg img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
#counter {
font-size: 8em;
font-weight: 700;
color: #A6C60D;
}
.threecol img, .column1 img, .column2 img, .column3 img, .maximg {
	max-width: 100%;
	height: auto;
}
.halfimg, .thirdimg, .centred { text-align: center; }
.topimage {
	padding-top: 10px;
}
#gallery {
	text-align: left;
}
.bread {
	font-size: 1.3em;
	text-transform: uppercase;
	padding: 15px 1%;
	border-bottom: 1px #E4E4E4 solid;
	margin-bottom: 10px;
	color: #999;
}
.split {
	background-color: #E4E4E4;
	height: 1px;
	margin: 30px auto;
	clear: both;
}
.greyback {
	background-color: #F2F2F2;
	border-top: 1px #E4E4E4 solid;
	border-bottom: 1px #E4E4E4 solid;
	padding: 30px 0;
}
.darkgreyback {
	background-color: #C4C4C4;
	border-top: 1px #E4E4E4 solid;
	border-bottom: 1px #E4E4E4 solid;
	padding: 30px 0;
        color: #FFF;
}
.latest {
	background: url(https://www.air-charge.com/uploads/images/the-latest.jpg) no-repeat top center;
	background-size: cover;
	color: #cfcfcf;
	clear: both;
}
.overtxt a:link, .overtxt a:visited {
	padding: 6px 15px;
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 15px;
	color: #FFF;
	display: inline-block;
	border: 1px #666 solid;
}
.overtxt a:first-child {
	margin-top: 20px;
	margin-right: 10px;
}
.overtxt a:hover {
	background-color: #85B200;
	border: 1px #85B200 solid;
}
.doublecolumns, .columns, .leftnav, .threecol, .latestcolumns, .onecol, .halffoot, .onecolcount {
	float: left;
}
.singlecol {
	width: 100%;
	text-align: center;
	padding: 30px 0 10px;
}
.foot {
	width: 100%;
	background-color: #242424;
color: #FFF;
}
p {
	font-size: 1.8em;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 1.5em;
}
#home p {
	font-size: 2.2em;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1.5em;
font-weight: 300;
}
#home .footer p, .footer p {
	padding: 0 0 30px;
	font-size: 1.5em;
}
#home .NewsImageLink p, .CaseStudyImage p {
	font-size: 1.1em;
}
h1 {
font-size: 6em;
}
.prodcol h1 {
font-size: 3em;
}
.grey {
background-color: #F5F5F5;
}
.footer {
	color: #FFF;
text-align: center;
}
.clear {
	clear: both;
}
.prodcol ul, .doublecolumns ul {
	margin: 0 0 10px 20px;
}
.prodcol ul li p, .doublecolumns ul li p, .column ol li p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: normal;
}
.prodcol ul li, .doublecolumns ul li, .column ol li {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.5em;
	line-height: 1.5em;
}
.prodcol ul li {
	padding: 2px 0;
	margin: 0;
}
.buynow {
	padding-top: 20px;
}
.buynow input {
	display: block;
	width: 100%;
	padding: 18px 0;
	margin-top: 5px;
	font-size: 2em;
	text-transform: uppercase;
	color: #666;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	background-color: #FFF;
	border: 1px #CCC solid;
	cursor: pointer;
}
.buynow select {
	border: 1px #CCC solid;
	color: #666;
}
.buynow form div {
	padding: 2px 0;
}
.buynow input:hover {
	color: #000;
}
.overtxt {
	background: url(https://www.air-charge.com/uploads/images/darkback.png);
	color: #FFF;
}
.searchresults {
	list-style: none;
	text-align: left;
}
.searchresults li {
	padding: 5px 0;
	font-size: 1.3em;
}
.search-input {
	border: none;
	color: #666;
	padding: 2px;
	width: 70%;
}
.search-button {
	background-color: #99cc33;
	color: #FFF;
	border: none;
	cursor: pointer;
	padding: 1px 3px;
	width: 20%;
}
.video-alt {
	width: 100%;
	background: url(https://www.air-charge.com/uploads/images/singleimages/mobile-holder.jpg) no-repeat top center;
	background-size: cover;
}
ul, ol {
	padding: 0 0 30px 15px;
}
ul li, ol li {
	font-size: 1.6em;
	line-height: 1.5em;
	padding: 2px;
}
.newscol {
	background-color: #CCC;
	color: #FFF;
	text-align: center;
	padding: 0;
}
.newscol p {
	padding: 0;
}
.blocksectionmobi, .mobi {
	display: none;
}
.count {
color: #A6C60D;
font-size: 5em;
font-weight: 700;
}
.partners {
padding: 60px 0 30px;
text-align: center;
}
.fifthlink {
width: 18%;
padding: 20px 1% 30px;
text-align: center;
display: inline-block;
font-size: 2em;
cursor: pointer;
vertical-align: top;
}
.livelink {
border-top: 5px #333 solid!important;
}
.imageswap {
display: none;
}
.liveimg {
display: block;
}
/********************************************************************************************************************/


.arrows img {
float: left;
padding-right: 20px;
}
.arrows h2 {
padding-top: 20px;
text-align: center;
}
.ticks img {
float: left;
width: 10%;
height: auto;
clear: both;
}
.ticks h2 {
width: 85%;
padding-top: 5px;
float: right;
text-align: left;
}
.ticks2 {
width: 650px;
max-width: 100%;
margin: auto;
margin-bottom: 30px;
}
.ticks2 img {
float: left;
clear: both;
padding-right: 10px;
}
.ticks2 h2 {
padding-top: 5px;
text-align: left;
}
.fader {
opacity: 0; 
}

.video-alt {
	height: 100vh;
}
.vidicons {
	position: absolute;
	bottom: 30px;
	left: 10%;
	z-index: 10000;
	color: #FFF;
	width: 80%;
}
.vidicons img {
width: 8%;
height: auto;
padding: 1%;
}
.toppad {
	padding-top: 66px;
}
#content {
	background-color: #FFF;
	position: relative;
	margin-top: 100vh;
}
.video-foreground {
	display: block;
}
.video-alt {
	display: block;
}
.socialheader {
	position: absolute;
	top: 30px;
	right: 0px;
}
.carousel, .blocksection {
	min-height: 95vh;
	width: 100%;
	position: relative;
	z-index: 111;
}
table p {
font-size: 1.4em;
}
.sectorimg img, .halfimg img, .thirdimg img { display: block; }
.sectorimg {
width: 24.8%;
margin: 0.1%;
float: left;
position: relative;
background-color: #000;
}
.halfimg {
width: 48%;
margin: 1%;
float: left;
position: relative;
}
.execimg {
width: 31%;
margin: 1%;
float: left;
position: relative;
}
.dark {
background-color: #000;
}
.thirdimg {
width: 31%;
margin: 1%;
float: left;
position: relative;
}
.sectorimg a:link, .sectorimg a:visited, .halfimg a, .thirdimg a {
color: #FFF;
font-size: 4em;
font-weight: 700;
}
.sectorimg a:link img, .sectorimg a:visited img, .halfimg a img, .thirdimg a img {
opacity: 0.5;
}
.sectorimg a:hover img, .halfimg a:hover img, .thirdimg a:hover img {
opacity: 1;
}
.halfimg a:hover, .thirdimg a:hover {
color: #FFF;
}
.sectorimg a span, .halfimg a span, .thirdimg a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
width: 100%;
}
.topleft {
	position: absolute;
	width: 400px;
	padding: 60px 30px 80px;
	top: 0%;
	left: 10%;
}
.topright {
	position: absolute;
	width: 400px;
	padding: 60px 30px 80px;
	top: 0%;
	right: 10%;
}
.bottomleft {
	position: absolute;
	width: 400px;
	padding: 60px 30px 80px;
	bottom: 0%;
	left: 10%;
}
.bottomright {
	position: absolute;
	width: 400px;
	padding: 60px 30px 80px;
	bottom: 0%;
	right: 10%;
}
.image .overtxt {
	position: absolute;
	width: 300px;
	top: 40%;
	left: 50%;
	margin-left: -480px;
}
.smartimg {
width: 220px;
margin: 40px 15px 0px;
display: inline-block;
opacity: 0;
vertical-align: top;
}
.three {
width: 294px;
}
.smartimg img {
	width: 60%;
	height: auto;
border-bottom: 2px #000 solid;
}
.smartimg h2 {
font-size: 2em;
}
.appovertxt {
	position: absolute;
	width: 250px;
	top: 100px;
	left: 20px;
}
.video-background {
	background: #000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99;
}
.vidcontent {
	position: absolute;
	top: 20%;
	left: 10%;
	z-index: 10000;
	color: #FFF;
	width: 80%;
}
.vidcontent p {
	font-size: 2.5em;
}
.vidcontent h1 {
	font-size: 6em;
}
.productname {

}
.worldmap {
width: 75%;
max-width: 75%;
height: auto;
}
.worldnumbers {
width: 23%;
max-width: 23%;
padding-left: 2%;
height: auto;
}
.wide {
padding: 100px 0;
text-align: center;
}
.intro {
padding: 100px 0 30px;
}
.sectors {
padding: 0 0 100px 0;
text-align: center;
}
.splitcolumn {
	width: 90%;
	margin: auto;
padding: 0 0 40px 10%;
column-count: 2;
text-align: left;
}
.column {
	width: 75%;
	float: none;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}
.columns {
	width: 31.3%;
	margin: 10px 1%;
}
.topnav {
	display: none;
}
.threecol {
	width: 73%;
	margin: 40px 1%;
}
.doublecolumns {
	width: 48%;
	margin: 30px 1%;
}
.onecol, .leftnav {
	width: 23%;
	margin: 10px 1%;
}
.onecolcount {
	width: 23%;
	margin: 30px 1%;
}
.latestcolumns {
	width: 48%;
	margin: 10px 2% 10px 0;
}
.rightcolumn {
	width: 66.6%;
	margin-left: 33.3%;
	padding: 30px 0;
}
.prodimg, .twocols {
	width: 64.6%;
	margin: 0 1%;
	float: left;
}
.prodcol {
	width: 29.3%;
	padding: 20px 2%;
	float: right;
	background-color: #333;
	color: #FFF!important;
}
.onethirdcol {
width: 31%;
margin: 0 1%;
float: left;
}
.NewsImage {
	width: 96%;
	margin: 7px 2%;
}
.footer {
	width: 1400px;
	margin: auto;
	padding: 50px 0 20px;
}
.footer .col {
width: 18%;
margin: 0 1%;
float: left;
}
.footer ul li {
width: 20%;
}
.halffoot {
	width: 48%;
	margin: 10px 1%;
}
.subnav li {
	width: 31.3%;
	margin: 5px 1%;
}
a.rollover {
	font-size: 1.6em;
	height: 60%;
}
.subnav li:hover .rollover {
	display: block;
}
.siteby {
	float: right;
}
#menuwrapper {
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	width: 100%;
}
#menuwrapper ul li {
	display: inline-block;
	margin: 0px;
	line-height: auto;
	padding: 0;
}
#menuwrapper ul li a:link, #menuwrapper ul li a:visited {
	height: 24px;
	padding: 20px 12px;
}
#menuwrapper ul ul {
	display: none;
	text-align: center;
	background-color: #222;
	width: 100%;
	position: absolute;
	top: 64px;
	left: 0;
	padding: 0;
	border-top: 1px #999 solid;
}
#menuwrapper ul ul li {
	padding: 0px;
	display: inline-block;
	font-size: 0.9em;
}
#menuwrapper ul ul ul {
	position: absolute;
	top: -1px;
	left: 200px;
	display: none;
}
#menuwrapper ul ul li a:link, #menuwrapper ul ul li a:visited {
	height: auto;
	border-left: none;
}
#menuwrapper ul li:hover ul ul, #menuwrapper ul li:hover ul ul ul, #menuwrapper ul li:hover ul ul ul ul {
	display: none;
}
#menuwrapper ul li:hover ul, #menuwrapper ul li:hover .subby, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
	display: block;
}
a#pull {
	display: none;
}
.newsy {
position: relative;
}
.newsletterBox {
position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
width: 400px;
background-color: #333;
color: #FFF;
z-index: 9999999;
text-align: center;
padding: 30px;
font-size: 1.1em;
display: none;
border-radius: 25px;
border: 2px #FFF solid;
}
.newsletterBox button {
background-color: #333;
color: #FFF;
border: none;
position: absolute;
top: 10px;
right: 10px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
position: absolute;
cursor: pointer;
font-size: 10em!important;
}
.owl-carousel .owl-nav button.owl-prev {
left: -30px;
top: 40%;
}
.owl-carousel .owl-nav button.owl-next {
right: -30px;
top: 40%;
}
#chargers .owl-nav button.owl-prev {
left: 0px;
}
#chargers .owl-nav button.owl-next {
right: 0px;
}
.family {
padding: 60px 0 0 0;
}
.family .column1 {
	width: 31.3%;
	margin: 50px 1%;
display: inline-block;
text-align: center;
}
.family .column2 {
	width: 31.3%;
	margin: 10px 1%;
float: left;
text-align: right;
}
.family .column3 {
	width: 31.3%;
	margin: 10px 1%;
float: right;
text-align: left;
}
.appdown {
  padding: 10px;
}
.darkgreyback img {
width: 50%;
height: auto;
padding: 30px 0;
}
.CaseStudies {
display: flex;
flex-wrap: wrap;
}
.CaseStudyImage {
width: 48%;
margin: 1%;
}
.CaseStudyImage img {
max-width: 100%;
height: auto;
}
.CaseStudyImage p {
font-weight: 300;
}

/*********************************************************************************************/
@media all and (max-width: 1400px) {

.holder1400 {
	width: 98%;
margin: 0 1%;
}
.head { 
width: 100%; 
padding: 10px 0;
}
.footer {
	width: 98%;
	padding: 40px 1%;
}
}

/*********************************************************************************************/
@media all and (max-width: 1000px) {

.holder {
	width: 100%;
	position: relative;
}
.wm-holder {
	margin: 20px auto 0;
}
.head { 
padding: 10px 0 0;
}
.header {
	text-align: center;
	top: 0;
}
h1 {
font-size: 5em;
}
.toppad {
	padding-top: 100px;
}
.newsy {
width: 90%;
margin: 0 5%;
}
.sectorimg a:link, .sectorimg a:visited, .halfimg a, .thirdimg a {
font-size: 3em;
}
.smartimg {
width: 21%;
margin: 40px 2% 0px;
}
.three {
width: 29%;
}
.splitcolumn {
padding: 0 5% 40px 5%;
}
.shop {
position: absolute;
top: 10px;
right: 0;
}
#ROC_dropcart {
	text-align: left;
}
.vidicons {
	position: absolute;
	bottom: 30px;
	left: 0%;
	z-index: 10000;
	color: #FFF;
	width: 100%;
}
.vidicons img {
width: 8%;
height: auto;
padding: 1%;
}
.onecolcount {
	width: 48%;
	margin: 30px 1%;
}
.blocksection {
	min-height: 96vh;
	width: 100%;
	position: relative;
	z-index: 111;
}
.topleft {
	width: 40%;
	left: 2%;
	margin-left: 0px;
}
.topright {
	width: 40%;
	right: 2%;
	margin-left: 0px;
}
.bottomleft {
	width: 40%;
	left: 2%;
	margin-left: 0px;
}
.bottomright {
	width: 40%;
	right: 2%;
	margin-left: 0px;
}
.image .overtxt {
	top: 30%;
	left: 10px;
}
.appovertxt {
	width: 200px;
	top: 60px;
}
.vidcontent {
	top: 20%;
	left: 4%;
width: 92%;
}
.vidcontent p {
	font-size: 2.2em;
}
.vidcontent h1 {
	font-size: 5em;
}
.vidcontent img {
	width: 13%;
	height: auto;
}
.worldmap {
width: 73%;
max-width: 73%;
padding: 0 1%;
}
.worldnumbers {
padding: 0 1%;
}
.wide {
padding: 100px 1%;
}
.partners {
padding: 60px 1% 30px;
}
#menuwrapper {
	display: block;
position: static;
transform: translateX(0%);
}
#menuwrapper ul li {
	position: relative;
}
#menuwrapper ul li a:link, #menuwrapper ul li a:visited {
	height: 24px;
	padding: 10px 12px;
}
#menuwrapper ul ul {
	position: absolute;
	top: 44px;
	left: 0px;
	display: none;
	text-align: left;
	background: #222;
	border-bottom: none;
width: 300px;
}
#menuwrapper ul ul li {
	border: none;
	display: block;
}
#menuwrapper ul ul ul {
	position: absolute;
	top: 0px;
	left: 160px;
	display: none;
}
#menuwrapper ul ul li a:link, #menuwrapper ul ul li a:visited {
	height: auto;
	border-bottom: 1px #E4E4E4 solid;
	border-left: none;
	border-right: none;
}
#menuwrapper ul ul li:first-child {
	border-left: none;
}
}

/*********************************************************************************************/

@media all and (max-width: 720px) {
.head {  
padding: 10px 0;
}
.vidicons img {
width: 16%;
height: auto;
padding: 1%;
}
h1 {
font-size: 4em;
}
.sectorimg {
width: 49%;
margin: 0.5%;
}
.sectorimg a:link, .sectorimg a:visited, .halfimg a, .thirdimg a {
font-size: 2em;
}
.thirdimg {
width: 48%;
}
.US .thirdimg {
width: 98%;
margin: 20px 0 30px;
}
.smartimg, .three {
width: 46%;
margin: 40px 2% 0px;
}
.execimg {
width: 48%;
}
.fifthlink {
width: 96%;
padding: 8px 2%;
font-size: 1.6em;
border-bottom: #CCC 1px solid;
background-color: #E4E4E4;
}
.topleft, .topright, .bottomleft, .bottomright {
	bottom: 0%;
	left: 0%;
	right: 0%;
	top: auto;
	width: 100%;
	text-align: center;
	padding: 10px 0 30px;
}
.header {
	position: fixed;
}
.toppad {
	padding-top: 30px;
}
.appovertxt {
	position: static;
}
#content {
	margin-top: 0;
}
.video-foreground {
	display: none;
}
.video-alt {
	display: block;
}
.video-background {
	background: #FFF;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
}
.vidcontent p, .overtxt p {
	font-size: 1.4em;
}
.vidcontent h1 {
	font-size: 3em;
}
.column, .appovertxt {
	width: 96%;
	float: none;
	margin: 0 2%;
	padding: 50px 0;
	text-align: center;
}
.prodimg, .prodcol {
	width: 96%;
	padding: 20px 2%;
	float: none;
}
.halffoot {
	width: 98%;
}
.productname {
	display: block;
}
a.rollover {
	font-size: 1.4em;
	height: 52%;
}
.footer ul li {
width: 33%;
}
.subnav li:hover .rollover {
	display: none;
}
.wide {
padding: 60px 2%;
}
.sectors {
padding: 0 0 60px;
}
.partners {
padding: 60px 2% 30px;
}
#menuwrapper {
	display: none;
margin-top: 10px;
}
#menuwrapper ul li {
	display: block;
	border-top: 1px #E4E4E4 solid;
}
#menuwrapper ul ul {
	display: none;
}
#menuwrapper ul li:hover ul, #menuwrapper ul li li:hover ul, #menuwrapper ul li li li:hover ul, #menuwrapper ul li li li li:hover ul {
	display: none;
}
a#pull {
	display: block;
}
}

/*********************************************************************************************/

@media all and (max-width: 480px) {
#home p {
	font-size: 1.8em;
}
.blocksectionmobi, .mobi {
	display: block;
}
.blocksection, .reg {
	display: none;
}
#counter {
font-size: 5em;
}
.newsletterBox {
width: 80%;
padding: 30px 5%;
font-size: 0.9em;
}
h1 {
font-size: 3em;
}
.splitcolumn {
	width: 96%;
padding: 30px 2% 20px;
column-count: 1;
}
#home .NewsImageLink p {
	font-size: 0.8em;
}
.CaseStudyImage {
width: 96%;
margin: 2%;
}
.appdown {
width: 60%;
height: auto;
}
a#pull img, .logo img, .shop img {
height: 30px;
width: auto;
}
.arrows img {
width: 30px;
height: auto;
}
.arrows h2 {
padding-top: 10px;
text-align: left;
}
.overtxt {
	width: 96%;
	padding: 20px 2% 30px;
	text-align: center;
	background: none;
	background-color: #333;
	margin-top: -2px;
}
.vidcontent h1 {
	font-size: 2.6em;
}
.vidcontent p, .overtxt p {
	font-size: 1.3em;
}
.video-alt {
	height: 500px;
}
table p {
font-size: 1.2em;
}
.newsy {
overflow: hidden;
}
.worldmap {
width: 96%;
max-width: 96%;
padding: 0 2%;
height: auto;
}
.worldnumbers {
width: auto;
max-width: 96%;
padding: 20px 2%;
height: auto;
}
.rightcolumn {
	width: 100%;
	margin-left: 0;
	padding: 30px 0;
}
.columns {
	width: 98%;
	margin: 10px 1%;
}
.threecol, .onecol, .onethirdcol, .onecolcount {
	width: 98%;
	margin: 10px 1%;
}
.subnav li {
	width: 48%;
	margin: 5px 1%;
}
a.rollover {
	font-size: 1.2em;
	height: 52%;
}
.subnav li:hover .rollover {
	display: none;
}
.doublecolumns, .latestcolumns {
	width: 96%;
	float: none;
	margin: 10px 2%;
}
.leftnav, .topnav {
	display: block;
	width: 98%;
	margin: 10px 1%;
	float: none;
}
.threecol {
	width: 96%;
	margin: 10px 2%;
}
.prodimg, .prodcol, .twocols {
	width: 96%;
	padding: 20px 2%;
	float: none;
}
.family {
padding: 30px 0 0 0;
}
.family .column1 {
	width: 98%;
	margin: 0px 1% 20px;
display: inline-block;
text-align: center;
}
.family .column2, .family .column3 {
	width: 48%;
	margin: 10px 1%;
float: left;
text-align: center;
}
.siteby {
	float: none;
}
.leftfoot, .rightfoot {
	width: 100%;
	float: left;
}
.footer ul li {
width: 100%;
}
}
/***************************** Anchors *************************************/
	
a:link, a:visited, a:active {
	color: #99CC33;
	text-decoration: none;
}
a:hover {
	color: #666;
}
.footer a:link, .footer a:visited, .footer a:active {
	color: #FFF;
}
.footer a:hover {
	color: #CCC;
}
a.firstdownlnk:link, a.firstdownlnk:visited {
	background: url(https://www.air-charge.com/uploads/images/first-down-btn.png) no-repeat;
	display: block;
	width: 80px;
	height: 44px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -40px;
	top: -44px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
a.downlnk:link, a.downlnk:visited {
	background: url(https://www.air-charge.com/uploads/images/down-btn.gif) no-repeat;
	display: block;
	width: 60px;
	height: 32px;
	margin: 0px auto 12px;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
a.downlnk:hover, a.firstdownlnk:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.vidicons a:link, .vidicons a:visited {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.vidicons a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a.social:link, a.social:visited {
	display: inline-block;
	margin: 5px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.social:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a.youtube:link, a.youtube:visited, a.vim:link, a.vim:visited {
	display: block;
	padding: 20px 0;
	text-align: center;
	color: #FFF;
	border: 1px #CCC solid;
	font-size: 2em;
	margin-top: 20px;
}
a.vim:link, a.vim:visited {
	display: inline-block;
	padding: 20px;
}
a.youtube:hover, a.vim:hover {
	background-color: #85B200;
	border: 1px #85B200 solid;
}
a.blocklink:link, a.blocklink:visited {
	display: block;
	padding: 15px;
	background-color: #000;
	color: #FFF!important;
	text-align: center;
	font-size: 1.8em;
}
a.blocklink:hover {
	background-color: #333;
}
a.cubelink:link, a.cubelink:visited {
	padding: 15px;
	border: 1px #000 solid;
	color: #000;
	text-align: center;
	font-size: 1.8em;
opacity: 0;
display: inline-block;
}
a.cubelink:hover {
	background-color: #333;
color: #FFF;
}
a.greenblocklink:link, a.greenblocklink:visited {
	display: inline-block;
	padding: 5px 15px;
	margin-left: 5px;
	background-color: #99CC33;
	color: #FFF!important;
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
}
a.greenblocklink:hover {
	background-color: #000;
}
a.fifthlink:link, a.fifthlink:visited {
color: #333;
}
a.fifthlink:hover {
color: #99CC33;
}
/***************************** Headers *************************************/

h1 {
	padding: 0 0 20px;
	margin: 0px;
	color: #000;
	font-weight: 400;
}
.prodcol h1, .darkgreyback h1 {
	color: #FFF;
}
.overtxt h1 {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.6em;
	color: #FFF;
}
h2 {
	padding: 10px 0px 15px;
	margin: 0px;
	color: #333;
	font-size: 1.8em;
	font-weight: 400;
	text-transform: uppercase;
}
.US h2 {
font-size:2.2em;
font-weight: 700;
padding-top: 30px;
}
h3 {
	padding: 0px;
	margin: 0px;
	color: #333;
	font-size: 1.4em;
}
.latest h1, .latest h2, .latest h3 {
	color: #FFF;
}
/***************************** Navigation *************************************/

.nav {
	background-color: #000;
	width: 100%;
}
#menuwrapper ul {
	padding: 0;
}
#menuwrapper ul li a:link, #menuwrapper ul li a:visited {
	display: block;
	font-weight: 300;
	color: #FFF;
	text-transform: uppercase;
}
#menuwrapper ul li a:hover, #menuwrapper ul li a.menuactive:link, #menuwrapper ul li a.menuactive:visited {
	background-color: #000;
}
a.shoplink:link, a.shoplink:visited {
	display: block;
	font-size: 1.6em;
	font-weight: 300;
	color: #FFF;
	background-color: #999;
	height: 16px;
	padding: 15px 20px;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
}
a.shoplink:hover {
	background-color: #333;
}
a.shop:link, a.shop:visited {
position: absolute;
right: 0;
top: 10px;
z-index: 11111111;
}
a#pull {
	color: #FFF;
	font-size: 1.8em;
	text-align: center;
	width: 50px;
padding-right: 7px;
position: absolute;
top: 10px;
left: 5px;
}
.subnav {
	text-align: center;
	padding: 0 0 30px;
}
.subnav li {
	background-color: none;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	position: relative;
	padding: 0;
}
.subnav li img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
a.rollover {
	display: none;
	position: absolute;
	background: url(https://www.air-charge.com/uploads/images/rollover.png);
	color: #FFF;
	font-weight: 400;
	line-height: 1.1em;
	top: 0;
	left: 0;
	width: 98%;
	padding: 29% 1% 0;
}
.leftnav ul, .topnav ul {
	padding: 20px 0;
list-style: none;
}
.leftnav ul li a:link, .leftnav ul li a:visited, .topnav ul li a:link, .topnav ul li a:visited {
	display: block;
	font-size: 1em;
	color: #333;
	padding: 5px 10px;
	text-transform: uppercase;
	border-bottom: 1px #CCC solid;
}
.leftnav ul li a:hover, .leftnav ul li a.currentpage, .topnav ul li a:hover, .topnav ul li a.currentpage {
	color: #99CC33;
}
/***************************** Contact form *************************************/

label, .captchatext {
	width: 25%;
	color: #666;
	text-align: right;
	padding: 4px 1% 0px 0px;
	font-size: 1.8em;
	float: left;
}
.contactform {
	position: relative;
	padding-top: 10px;
}
.contactform div {
	padding: 3px 0px;
	text-align: left;
	clear: both;
}
.contactform div div {
	display: inline-block;
}
.contactform div div label {
	width: 60px;
	text-align: right;
	padding-right: 0;
}
.contactform div div input {
	width: 20px;
	border: none;
}
.contactform input, .contactform textarea, .contactform select {
	background-color: #FFF;
	border: none;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	width: 70%;
	padding: 8px 1%;
	border: 1px #ccc solid;
}
.contactform textarea {
	height: 120px;
}
.contactform .submit {
	padding: 5px 0px 0px 26%;
}
.contactform input.fbsubmit, .contactform input.fbsubmit_prev {
	width: 80px;
	margin-right: 5px;
	cursor: pointer;
}
.contactform input.cms_checkbox {
	width: 15px!important;
}
.error_message {
	background-color: #FF2200;
	padding: 10px;
	margin-bottom: 10px;
	color: #FFF;
	font-size: 1.3em;
}
.errror {
	color: #ff2200;
	padding: 2px 0 0 26%;
}
.errrror {
	background-color: #ff2200;
	color: #FFF;
	padding: 2px;
	width: 208px;
	display: block;
	margin-left: 205px;
}
@media screen and (max-width: 500px) {
.contactform div.captcha {
	padding: 5px 0px 0px 0%;
text-align: right;
}
}
.captcha img {
	padding: 0 0 5px;
}
.captcha input {
	margin: 0 0 0 26%;
	width: 145px;
	display: block;
}
/***************************** News section *************************************/
ul.NewsSummaryList {
	margin-top: 20px;
	border-top: 1px #CCC solid;
	list-style: none;
	padding: 0;
}
ul.NewsSummaryList li {
	padding: 10px;
	border-bottom: 1px #CCC solid;
	line-height: 1.4em;
}
ul.NewsSummaryList li a:link, ul.NewsSummaryList li a:visited {
	font-size: 1em;
	color: #666;
}
ul.NewsSummaryList li a:hover {
	color: #99cc33;
}
.paginate {
	display: block;
	padding-top: 20px;
	text-align: right;
	font-size: 1.4em;
}
h1.newsheading {
	text-transform: none;
	padding: 25px 0;
	color: #000;
	font-weight: 400;
}
/*.newsarticle {
padding-top: 20px;
}*/
.NewsSummaryLink a:link, .NewsSummaryLink a:visited {
	display: block;
	font-size: 1.8em;
	color: #333;
	padding: 10px 0 15px;
	text-transform: uppercase;
}
.latestsection .NewsSummaryLink a:link, .latestsection .NewsSummaryLink a:visited {
	font-size: 1.8em;
	color: #FFF;
	border: none;
	padding: 10px 0 15px;
}
.NewsSummaryLink a:hover {
	color: #999;
}
.NewsSummaryPostdate, #NewsPostDetailDate, .CGBlogSummaryPostdate {
	color: #999;
}
.NewsSummarySummary, #NewsPostDetailSummary {
	padding: 0;
}
.NewsSummary {
	padding: 0 0 10px;
}
.summarydetail {
	margin: 0 0 20px;
}
.FooterNewsSummary {
	padding: 3px 0 0;
}
.NewsSummaryMorelink {
	text-align: left;
	font-size: 1.2em;
	padding-bottom: 10px;
}
#NewsPostDetailTitle {
	padding: 10px 0 0 0;
	font-weight: 300;
	letter-spacing: 0px;
	font-size: 3em;
	color: #999058;
}
#NewsPostDetailSummary img, #NewsPostDetailContent img {
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
}
.newsimg {
	padding: 10px 0;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.NewsImage {
	position: relative;
	float: left;
}
.NewsImageLink {
	display: inline-block;
}
.NewsImageLink p {
	padding: 0 0 5px;
line-height: 1.2em;
}
.category {
	color: #468C00;
font-weight: 700;
}
#home .NewsImageLink p.date, .CaseStudyImage p.date {
	color: #999;
	font-size: 0.8em;
}
a.NewsImageLink:link span, a.NewsImageLink:visited span {
	font-size: 2.2em;
	color: #333;
	padding: 10px 2%;
text-align: left;
}
a.NewsImageLink:hover span {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
a.NewsImageLink:link span em {
	font-size: 0.8em;
	font-style: normal;
	text-align: right;
	display: block;
	padding: 5px 5px 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
a.NewsImageLink:hover span em {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.pagination {
	padding: 10px 0;
	text-align: right;
}
.pagination, .pagination a:link, .pagination a:visited {
	color: #FFF;
	font-size: 1.1em;
}
.google-maps {
	position: relative;
	padding-bottom: 180px;
// This is the aspect ratio height: 0;
	overflow: hidden;
	margin-top: 20px!important;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.poptrox-overlay {
	z-index: 1111111;
}
.ROC_dropCart {
	background-color: #ffffff;
	border: 1px solid #E4E4E4;
	color: #535353;
	font-size: 12px;
	height: 237px;
	line-height: 15px;
	margin: -2px 0px 0 0;
	padding: 6px 3px 5px;
	position: absolute;
	right: 0;
	top: -222px;
	width: 294px;
	z-index: 111112;
}
.ROC_dropCart, .ROC_dropCart * {
	box-sizing: content-box;
}
.ROC_dropCart iframe {
	height: 235px;
	margin: 1px 0 0;
	position: absolute;
	width: 294px;
	z-index: 1;
}
.ROC_dropCartOpts {
	height: 23px;
	margin: 0 -2px 0 0;
	padding: 2px 0 0;
	position: absolute;
	top: 223px;
	width: 294px;
	z-index: 2;
}
.ROC_dCBkt {
	display: block;
	float: left;
	height: 15px;
	padding: 2px 0 0;
	width: 160px;
}
.ROC_dCBktArr {
	cursor: default;
	display: block;
	float: left;
	height: 15px;
	width: 15px;
}
.ROC_dCEmpty {
	background-color: #ffffff;
	color: #a1a1a1;
	margin: 0 0 0 6px;
}
a.ROC_dCChk {
	background-color: #eeeeee;
	border: 1px solid #CCC;
	color: #666;
	display: block;
	float: right;
	height: 16px;
	margin: 0 0 2px;
	padding: 1px 0;
	text-align: center;
	text-decoration: none;
	width: 124px;
}
a.ROC_dCChk:link, a.ROC_dCChk:visited {
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	color: #666;
	display: block;
	float: right;
	font-size: 12px;
	height: 16px;
	margin: 0 0 2px;
	padding: 1px 0;
	text-align: center;
	text-decoration: none;
	width: 124px;
}
a.ROC_dCChk:hover {
	background-color: #CCC;
	border: 1px solid #999;
	color: #333;
}
a.ROC_dCChk:active {
	background-color: #eeeeee;
	border: 1px solid #717171;
	color: #000000;
	display: block;
	float: right;
	font-family: arial, sans-serif;
	font-size: 12px;
	height: 16px;
	margin: 0 0 2px;
	padding: 1px 0;
	text-align: center;
	text-decoration: none;
	width: 124px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/*padding-top:30px;*/
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/***************Full screen video***********************/

.video-foreground, .video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    pointer-events: none;
}
#vidtop-content {
	top: 0;
}

.vidcontent p {
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 0px 0px 3px #666;
}
.vidcontent h1 {
	font-weight: 700;
	color: #FFF;
	text-shadow: 0px 0px 3px #666;
}

@media (min-aspect-ratio: 16/9) {
.video-foreground {
	height: 300%;
	top: -100%;
}
}

@media (max-aspect-ratio: 16/9) {
.video-foreground {
	width: 300%;
	left: -100%;
}
}

/************************************ popup ****************************************/

#list-builder {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    filter: alpha(opacity=80);
	opacity: 0.8;
    display: none;
z-index: 111111111;
}

#popup-box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    color: #333;
    width: 90%;
    max-width: 600px;
    padding: 30px;
    border: 10px solid #000;
    display: none;
z-index: 111111112;
}

#popup-close {
    position: absolute;
    top: -25px;
    right: -25px;
    cursor: pointer;
    width: 40px;
}

#popup-box h1 {
    margin: 0;
}

#popup-box form {
    margin-bottom: 0px;
}


.footer ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 1.1em;
font-weight: 700;
text-align: center;
}
.footer ul li {
float: left;
position: relative;
padding: 0;
margin: 0;
}
.footer ul ul {
font-weight: 300;
}
.footer ul ul li {
width: 100%;
display: block;
font-size: 0.9em;
}