/*
Theme Name: VoltaGrid
Theme URI: https://voltagrid.com/
Author: DesignGoblin
Author URI: http://www.designgoblin.com/
Description: This is a responsive theme created for WordPress 5+
Version: 2.0
Tags: responsive-layout, custom-menus, fixed nav
Text Domain: designgoblin

VoltaGrid Theme ©2025 DesignGoblin
*/

.redborder {border:1px solid #F00;}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
.ease {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
html {overflow-y: scroll;position:static!important;top:0!important;}
html, body {
	 height: 100%;
	 width:100vw;
	 height: 100vh;
	 margin:0;
}


.small {font-size: 80%;line-height:normal;}
.large {font-size: 150%;line-height:1.3em;padding:3% 0!important;}
.center {text-align: center;}
.nopad {padding:0!important;}
.pad5 {padding:0 3%!important;}
.left {float:left;}
.right {float:right;text-align:right;}
.half {max-width:45%;}


/* COLOURS */
.purple {color:#404891;}
.aqua {color:#01d1da;}
.medblue {color:#0b9deb;}
.blue {color:#3372d8;}


/* responsive images //////////////////////////////////////////////////////////////////// */
img {
  max-width: 100%;
  max-width: auto;
  height: auto;
    display:block;
}
/* responsive embeds //////////////////////////////////////////////////////////////////// */

.embed {
  position: relative;
  padding-bottom: 53%; /* 16:9 ratio */
  height: 53%;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  top: 10px;
}
.video {
    position: relative;
    padding-bottom: 53%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:50px 0;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inset10 {padding:0 10%;}


/* RESET /////////////////////////////////////////////////////////////////////////////// */
h1,h2,h3,h4,h5,h6,
ol, ul, li, table, tr, td,
blockquote
 {margin:0;padding:0;}

hr {margin:2em 0 1.5em 0; border-width: 0;border-top: 1px solid #E1E1E1; clear:both;}


iframe {padding:0;}












/* Typography /////////////////////////////////////////////////////////////////////////// */
body {
  font-family: "Ubuntu", Open Sans, Arial, sans-serif;
  font-weight:400;
  font-size: 16px;
  line-height: 22px;
  color: #546174;
 background: #20293a;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #1bc1da;
    font-weight:600;
    -webkit-transition: all 0.05s ease-in-out;
    -moz-transition: all 0.05s ease-in-out;
    -ms-transition: all 0.05s ease-in-out;
    -o-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
}
a:hover {color: #1198be;}

a img, a:visited img {border:none;}


h1, h2, h3, h4, h5, h6 {letter-spacing: -.01em;clear:both;line-height:normal;color:#20293a;}
h1 {font-size:2.9em;font-weight:300;max-width:95%;margin:0 0 .5em 0;letter-spacing: -0.02em;}
h2 {font-size:1.8em;font-weight:500;margin:2em 0 .5em 0;}
h3 {font-size:1.4em;font-weight:500;margin:2em 0 .5em 0;}
h4 {font-size:1.3em;font-weight:600;margin:2em 0 .5em 0;}
h5 {font-size:1.2em;font-weight:600;margin:2em 0 .5em 0;}
h6 {font-size:.9em;font-weight:500;text-transform: uppercase;letter-spacing: 0.1em;margin:2em 0 .5em 0;}

.col h1:first-child,
.col h2:first-child,
.col h3:first-child,
.col h4:first-child,
.col h5:first-child,
.col h6:first-child {margin-top:0;}

ul, ol {padding: 0 0 10px 20px;}
ul {list-style-type: disc;margin-bottom:10px;}
li {margin-bottom: 5px;}

sub {font-size:70%;}




/* Content /////////////////////////////////////////////////////////////////////////// */

#content .container,
#features .container,
#technology .container {padding:20px 2%;}

.feature {margin-top:-180px;}

#content {background:#fff;}
#content p {margin:0 0 1.3em 0;}
#content h1 {margin:0 2em 1em 0;}



#content p.pageTitle {
	font-size:1.2em;
	font-weight:400;
	letter-spacing: 0.02em;
	line-height:1.2em;
	margin-bottom:50px;
	text-transform:uppercase;
	color:#8dc63f;
}

.intro {
	font-size:1.6em;
	line-height:1.6em;
	padding:0 100px 30px 0;
	font-weight:300;
	letter-spacing:-0.01em;
	color:#999;
}


.callout {
    padding:50px;
	background: rgba(0,0,0,0.05);
    /*background: linear-gradient(0deg, rgba(51,102,204,.7) 0%, rgba(51,102,204,.25) 100%);*/
    margin:50px 0;
    width:100%;
	display:inline-block;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.05);
	font-size: 1.3em;
	line-height:1.3em;
	text-align:center;
}
.callout2 {
    padding:50px;
	background: rgba(255,255,255,1);
    margin:50px 0;
    width:100%;
	display:inline-block;
	/*
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	*/
	font-size: 1em;
	line-height:1.3em;
	color:#555;
}

.callout .col,
.callout2 .col {padding-left:0;}

.callout2 .intro {padding:0;}
.callout2 .map img {max-width:75%;}

.callout h1:first-child,
.callout h2:first-child,
.callout h3:first-child,
.callout h4:first-child,
.callout h5:first-child,
.callout h6:first-child,
.callout2 h1:first-child,
.callout2 h2:first-child,
.callout2 h3:first-child,
.callout2 h4:first-child,
.callout2 h5:first-child,
.callout2 h6:first-child {margin-top:0;text-align:center;}

.callout .button,.callout2 .button {text-align:center;}


blockquote {
    padding:1.5em 10%;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    margin:2em 0;
    font-size: 1.5em;
    font-style: italic;
    font-weight:300;
    line-height:1.4em;
    color:#999;color: #9E9B94;
}

.shadow img {
	 -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}



.jobs ul {padding:0!important;margin:0 0 40px 0;border-top:1px solid #DDD;max-width:75%;}
.jobs li {
	padding:0;
	margin:0;
	list-style:none;
		background-image: url(images/plus.png);
	  background-size: 20px 20px;
	  background-repeat:no-repeat;
	  background-position: 98% 50%;
}
.jobs li a {
	padding:10px 20px;
	border-bottom:1px solid #DDD;
	display:block;
	font-size:1.2em;
}
.jobs li a:hover {
	background:rgba(0,0,0,0.025);
}

.contacts h6 {margin-bottom:10px!important;}
.contacts h5 {margin-bottom:0!important;}
.contacts p {margin-bottom:5px!important;}
.contacts .large {padding:20px 0;display:block;}






/* DATA CENTER ---------------------------------------------------------- */
.datacenternews p {margin-bottom:4px!important;}
.datacenternews a {
	background:#F9F9F9;
	padding:15px 25px; 
	font-weight:normal!important;
	line-height:normal!important;
	display:block;
}
/*.datacenternews a:hover {background:#F7F7F7;}*/
.datacenternews .meta {padding-top:10px;}







/*utility nav */
.utility {z-index:9999;position:absolute;right:0;top:0;margin:0;padding:0;}
.utility ul {padding:0;margin:0;list-style: none;}
.utility li {padding:0;margin:0;display:inline-block;}
.utility li a {display: inline-block;padding:.8em;color:#fff;font-size:.9em;}
.utility li a:hover, #menu-utility li a:active {color:#0CC;}
.utility li.tab a {
	color:#FFF;
	background:#1bc1da;
	padding:10px 15px;margin:0;
	text-transform:uppercase;
	display:block;
	font-size:.75em;
	height:52px;
	line-height:32px;
}
.utility li.tab a:hover {background:#16a8be;}
.utility .small {font-weight:400;}

.white .utility li a {color:#383e82;}
.white .utility li a:hover, #menu-utility li a:active {color:#0CC;}
.white .utility li.tab a,
.white .utility li.tab a:hover {color:#FFF;}


/* NAVIGATION //////////////////////////////////////////////////////////////////////////////// */
#nav-trigger {
  display: none;
  position:absolute;
  right:20px;top:15px;
}
/* hidden menu button */
#nav-trigger span {
    display: inline-block;
    padding: 10px 15px;
    color: #FFF;
    cursor: pointer;
    font-size: 30px;
    background:transparent;
    z-index: 1999;
}
#nav-trigger span:hover, #nav-trigger span:active {color:#06b0d8;}

nav {z-index: 100;height:100%;}


/*main nav */
nav#nav-main {
  margin:0 0 0 400px;
  position:relative;
  /*float:right;*/

}
nav#nav-main ul {
  list-style:none;
  position:relative;
  margin:0;
  padding:20px 0 0 0;
}
nav#nav-main ul a {
  display:block;
  color:#FFF;
  text-decoration:none;
  font-weight:500;
  font-size:.95em;
  padding:20px 20px 22px 20px;
  line-height:normal;
  text-transform:uppercase;
  text-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
nav#nav-main ul li {
  position:relative;
  float:left;
  margin:0;
  padding:0;
}
nav#nav-main ul li:hover a {
  color:#1bc1da;
  cursor: pointer;
  text-shadow: none;
	
}

.white nav#nav-main a {color: #1bc1da;text-shadow: none;}
.white #nav-trigger span {color: #404891;}


/* Dropmenu ------------------------------ */
nav#nav-main ul ul {
	opacity: 0;
    height: 0;
    overflow: hidden;
	position:absolute;
	top:100%;
	left:0;
	padding:0;
	border-left:5px solid #1bc1da;
	background:rgba(255,255,255);
	-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
}
nav#nav-main ul ul li { float:none; width:250px;}
nav#nav-main ul ul a{
    line-height:110%;
    padding:12px 15px;
    margin:0;
    font-weight:500;
    font-size:.85em;
  letter-spacing:normal;
    text-transform:none;
  color: #383e82!important;
  text-shadow: none;
}
nav#nav-main ul li:hover > ul,
nav#nav-main ul li:focus > ul{ 
	display:block;
	background:rgba(255,255,255);
	opacity: 1;
    height: auto;
	padding:10px;
}
nav#nav-main ul ul li:hover a { 
	text-shadow: none;
	color:#1bc1da!important;
	text-decoration:underline;
}






/* Mega Menu ----------------------------- */
nav#nav-main ul .mega ul {
  opacity: 0;
    height: 0;
    overflow: hidden; 
	position:absolute;
  top:100%;
  left:0;
  padding:0 0 0 10px;
	width:480px;
	-webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);

}
nav#nav-main ul .mega ul li {
	float:left; 
	width:150px;
	margin:0;padding:0; 
}
nav#nav-main ul .mega ul a{
    line-height:120%;
    padding:5px 0;
    margin:0;
  letter-spacing:normal;
    text-transform:none;
  background:transparent;
  text-shadow: none;
}




nav#nav-main ul li:hover > ul,
nav#nav-main ul li:focus > ul { 
	display:block;
	opacity: 1;
    height: auto;
}
nav#nav-main ul ul li:hover a {
	text-shadow: none;
	color:#1bc1da!important;
}

.white nav#nav-main a {
	color: #383e82;
	text-shadow: none;
}
.white #nav-trigger span {color: #404891;}

nav#nav-main a,
nav#nav-main ul {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}





/* MOBILE nav  ///////////////////////////////////////////////////////////////////// */

nav#nav-mobile {
    position: relative;
    display: none;
    clear:both;
    width:100%;
	margin-top:60px; /*100px */
}
nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin:0;
    padding:0;
    text-align: center;
    width:100%;
   -webkit-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 15x 20px 0px rgba(0,0,0,0.1);
}
nav#nav-mobile li {
    display: block;
    padding: 0;
    margin: 0;
    background:#FFF;
    border-top:1px solid #eee;
}
nav#nav-mobile li a {
    display: block;
    padding: 12px 20px;
    color:#555;
    text-transform:uppercase;
    font-size:.9em;
    font-weight:600;
}

nav#nav-mobile ul ul {
  display:none!important;
  margin:0;
  position: relative;
  border-bottom:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
}
nav#nav-mobile ul ul li {border-top:none;}

nav#nav-mobile ul ul li a {
  font-weight:normal;
  font-size:.9em;
  color:#666;
  letter-spacing:0;
  text-transform:none;
  padding: 6px 20px;
}

nav#nav-mobile ul li:hover > ul { display:block!important;}

/* drop menu hover */
nav#nav-mobile a:hover, nav#nav-mobile a:active {background:#252f3e;color:#FFF;}

.anchor a {padding-top:100px;display:hidden;}




/* Buttons ////////////////////////////////////////////////////////////////////////// */

.button a,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 40px;
  padding: 0 1.8em;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight:500!important;
  line-height: 40px;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #0CC;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border:0;
  cursor: pointer;
  box-sizing: border-box;
  margin:20px 10px 10px 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.button a:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    outline: 0;
    background: #01a7ae;
	 font-weight:500!important;
}

.button a, .button a:hover {color:#FFF;font-weight: 600;}




/* Forms
============================================================================================== */


#form {padding:0!important;}
.col .nine iframe {margin-top:-80px!important;}

form br {display:none;}

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  font-family: "Open Sans", Arial, sans-serif;
  height: 40px;
  padding: 5px 7px;
margin-bottom:10px;
  background-color: #fff;
  border: 1px solid #DDD;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  font-size: 14px;
  font-weight:500;
  width:100%;
}

label {font-size:0.9em;font-weight:600;}










/* Header /////////////////////////////////////////////////////////////////////////// */
#header {
    z-index: 999;
    position: fixed;
    width: 100%;
    height:100px;
	padding-top:20px;
}


/* nav fade */

.white {
   transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    background: rgba(255, 255, 255, 1); /* opaque */
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
 }
.notwhite {
    transition: .2s all;
    -moz-transition: .2s all;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    background: rgba(255, 255, 255, 0); /* transparent */
    height:110px;
}

div.logo {
  display:none;
}
div.logo,
div.logo_rev {
  width:300px;
  padding:20px 25px;
  position:absolute;
  left:0;
  top:10px;
}

.notwhite div.logo {display:none;}
.notwhite div.logo_rev {display:block;}
.white div.logo {display:block;}
.white div.logo_rev {display:none;}





/* ///////////////////////////////   S E C T I O N S   /////////////////////////////// */

section {clear:both;padding:2% 0;}

#content .container.headerText {padding:150px 5% 0 5%;font-weight:300;line-height:normal;}
section#main {padding-top:50px;}

.headerText h6 {font-size:.45em;font-weight:400;margin:0;padding:0 0 10px 0;color:#bcc7d9;}

.grey {background:#f5f5f5;}

section#banner{
  padding:0;
  color:#fff;
  text-align:center;
  min-height:350px;
}
section#banner.newspost{background: #1d2637 url(images/bannerDefault.jpg) center center/cover no-repeat;}
section#main,
section#news {background:#FFF;}
section#technology {background:#F4f4f4!important;}
section#advantages {background:#FFF;}

#news p.pageTitle {text-align:left!important;font-size:1.5em;}





p.meta {padding:0;margin:0;}

.fullwidth.green {background:#9bdb2b;}
.fullwidth.grey {background:#f5f5f5;}
#content .fullwidth div.container {padding:0 5%;}
#content .fullwidth div.container .col {padding:0;}
#content .fullwidth div.container div.col {padding:0;}

#cta {
  text-align:center;
  background: #1bc1da;
   /*background-image: linear-gradient(19deg, #1bc1da 0%, #9c0 100%);*/
  font-weight:400;
  font-size:1.3em;
  line-height: normal;
	color:#fff;
	padding:10px 0;
}

#cta .col,
#cta p {padding:0!important;}
#cta .button a {margin:0;color:#FFF;}
#cta a {color:#252f3e;}
#cta a:hover {color:#FFF;}


.col {padding:20px;}



/* Banner /////////////////////////////////////////////////////////////////////////// */

.bannerText {
    color:#fff;
    font-size:5em;
    line-height:1.2em;
    font-weight:600;
    margin:10% 2%;
  }
.bannerText p {margin:0;}

.headerText {font-size:2em;text-align:left;}

.homebanner {
    background: #1d2637;
    font-weight:300;
    line-height:normal;
}

.homebanner br {display:none!important;}



/* Video Banner ---------------------------------------- */
.fullscreen-video-container {
  position: relative;
  height: 100vh; 
  width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fullscreen-video-container video {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
 /* z-index: -1;*/

}

.fullscreen-video-content {
  margin:0 auto;
  text-align: center;
  color:#fff;
  font-family: sans-serif;
  text-shadow: 0px 3px 20px rgba(0,0,0,0.7);
  max-width:65%;
  line-height:normal;
   z-index: 0;
} 

.banner-heading {
  font-size: 5.5vw;
  font-weight:700;
  padding-bottom:30px;
}

.banner-subheading {
  font-size: 1.5vw;
  font-weight:500;
}

div.scroll {
	position:absolute;
	bottom:5%;
	left: 50%; 
	width:50px;
}








/* Accordion ----------------- */

.accordion {margin:30px 0; border-bottom:1px solid #e5e5e5;
    /*
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    */
    }
.accordion-toggle {
  padding:15px 70px 15px 20px;
  cursor:pointer;
  border-top:1px solid #e5e5e5;
  clear:both;
  background:#FFF;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  margin-bottom:0;
  font-size:1.2em;
  line-height:1.2em;
  color: #1bc1da;
	font-weight:600;
}
.accordion-toggle:hover {
  background:#f8f8f8;
  background-image: url(images/toggle.svg);
  background-size: 12px 40px;
  background-repeat:no-repeat;
  background-position: 98% 50%;
  color: #1198be;

}
.accordion-content {display: none; padding:0 50px 15px 25px;margin-top:20px;}
.accordion-content.default {display: block;}

.accordion-content ul {display:inline-block;margin:0;}
.accordion-content li {padding-left:0;}

.accordion-content img {margin:0 0 0 -20px!important;}



div.icons h3 {margin-top:0!important;}
.icons img.alignnone {padding-bottom:10px!important;}
p.icon_sml {margin:0!important;}
.icon_sml img {max-width:100px;}







/* Footer /////////////////////////////////////////////////////////////////////////// */
#footer .container {padding: 0 4%;text-align:left;}

#footer {padding:30px 0;color:rgba(255,255,255,0.7);font-size:.8em;font-weight:normal;}
#footer p {margin:0;padding:0 0 10px 0;line-height:normal;}
#footer a {color:#1bc1da;}
#footer a:hover {color:#FFF;}

#footer ul  {list-style-type: none;margin:0 0 20px 0;padding:0;}
#footer li  {padding:5px 0;}
#footer li a {line-height:normal;display:block;}

.footerlogo img {max-width:230px;}

.contact li {
    padding:0 0 0 50px;
    margin: 0 0 0 40px;
    position:relative;
}
.contact li a { font-weight: bold;font-size:1em;}

.contact li:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position:absolute;
  margin-left:-40px;
}
li.phone:before {content: "\f095";    color:#666;font-size:1.5em;}
li.email:before {content: "\f0e0";    color:#666;font-size:1.3em;}
li.web:before {content: "\f0ac";      color:#666;font-size:1.3em;}
li.location:before {content: "\f041"; color:#666;font-size:1.7em;}

#footer form {
  padding:0;
  background:transparent;
  margin:0;
}

.topbar {text-align:right;}

.social {padding:0;list-style: none;font-size:.85em;}
.social ul {margin:0;padding:0;}
.social li {display: inline-block;margin:0;padding:0;}

.social a i {
  color:#FFF;
  font-size: 1.6em;
  width: 2.2em;
  line-height: 2.2em;
  border-radius: 1.2em; /* or 50% width & line-height */
  text-align: center;
  background: rgba(255,255,255,0.1);
  margin-right:5px;
}
.social a i:hover {background:#1bc1da;}

.white .social a:hover {color:#02949a}
.white .social i:hover {color:#02949a;border:2px solid #02949a;}



.right-border a {border-right:1px solid #53a5c5;padding-right:11px;}

footer .social {margin-left:-10px;}
/*footer .social li:first-child {display:none;}*/

.copyright {font-size:.9em;}


a.back-to-top {
    font-size:2em;
    line-height: 1.4em;
    display: none;
    width:50px;
    height:50px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #1bc1da;
    color:#fff;
    text-align:center;
}
a.back-to-top:hover { background: #1198be;color:#FFF;}




/* Homepage //////////////////////////////////////////////////////////////////////// */




.advantages img {max-width:70px;padding:0!important;margin:0!important;}
div .icon {padding:0 0 10px 0;}
.advantages h3 {margin-top:0!important;}



.main-feature {padding:20px;}
.sub-feature {width:50%;float: left; display: inline;padding:20px; }
.main-feature img {padding:0!important;margin:0;max-height:300px;width:100%;object-fit: cover;}
.sub-feature img {padding:0!important;margin:0;max-height:200px;width:100%;object-fit: cover;}

p.readmore a {
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.05em;
	font-weight:500!important;
}

section#technology {background: #FFF;}
section#technology img {padding:0;margin:0;max-height:250px;width:100%;object-fit: cover;overflow:hidden;}

#homefooter {text-align:center;font-size:120%;color:#FFF;}
#homefooter h2 {text-align:center;margin-top:20px;color:#fff;}

#homefooter {background: #1d2637 url(images/bannerDefault.jpg) center center/cover no-repeat;}

.size-square-medium {
  object-fit: cover;
  object-position: center; /* Center the image within the element */
  height: 200px;
  width: 300px;
}

.featuredimage img {width:100%;margin:20px 0 50px 0;}

#news .social a i {  color:#FFF;
  font-size: 1em;
  width: 2.3em;
  line-height: 2.2em;
	border:1px solid #1bc1da;
  border-radius: 1.1em; /* or 50% width & line-height */
  text-align: center;
  background: #fff;
  margin-right:5px;
 color:#1bc1da;
}
#news .social a i:hover {background:#1bc1da;color:#fff;}
#news .social a i.fa.fa-envelope {display:none;}

#news h2,
#news h3 {
	margin-top:1em;
	font-weight:400;
}

#news p {margin-top:0;}





/* 404 Error //////////////////////////////////////////////////////////////////// */
.error-404 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    line-height:normal;
    background:#fff;
}
.error-404 p {margin-bottom:20px;}

.outer {
  display: table;
  width: 100%;
  height: 100%;
    padding:5% 5% 15% 5%;
}
.inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.centered {
  position: relative;
  display: inline-block;
}
.error404 {font-size:8em; font-weight:700;padding:20px 20px 0 20px;display:block;line-height:.85em;}
.errortitle {font-size:2.2em;text-transform:uppercase;color:#999;font-weight:600;}
.errormessage {font-size:1.2em;}






.execs img.aligncenter {display: block; margin:0 auto;padding:0!important;}


/* WORDPRESS
=========================================================================================================== */
/* WP image alignment fix */
img.alignright {float:right; margin:0;padding:30px 0;}
img.alignleft {float:left; margin:0;padding:30px 0;}
img.aligncenter {display: block; margin:0 auto;padding:30px 0;}
.alignright {float:right;margin:0;padding:30px 0;}
.alignleft {float:left;margin:0;padding:30px 0;}
.aligncenter {display: block; margin:0 auto;padding:30px 0;}
.alignnone {margin:0;padding:30px 0;}

.wp-caption {max-width:99%;}
.wp-caption-text {font-size:.9em;line-height:1.4em;color:#888;text-align:center;font-style:italic;padding:20px 0;}

/* numerical pagination ------------------------------------------------------ */
.navigation ul {padding:30px 0 0 0;font-weight:600;font-size:.8em;border-top:1px solid #DDD;}
.navigation li {display: inline;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
  color: #777;
  text-decoration:none;
  border:1px solid #DDD;
  font-weight:500;
}
.navigation li a:hover,
.navigation li.active a {background-color: #EEE;color:#666;}


/* Search */
#searchform {clear:both;x-system-font:none;font-size:14px;position:relative;overflow:hidden;font-variant:normal;font-weight:normal;line-height:normal;width:100%;}
#s {border:1px solid #555;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:5px 10px;width:100%;background:transparent;color:#FFF;}
#searchsubmit {position:absolute;right:0px;top:0px;background:url(images/icon_search.png) no-repeat scroll 0 0;background-position: center center;border:none;height:40px;width:40px;text-indent:-9999px;margin:0;padding:0px;cursor:pointer;}
#searchsubmit:hover {background:url(images/icon_search_rev.png) no-repeat scroll 0 0;background-position: center center;}
.screen-reader-text {display:none;}


/* Posts (news) */

.pageTitle {
	letter-spacing: -.01em;
	clear:both;
	margin:0 0 20px 0;
	line-height:normal;
	font-size:2.3em;
	font-weight:400;
}

.postHeadline {
	font-size: 1.5em;
	line-height:1.2em;
	font-weight:normal;
	padding:10px 0 20px 0;
	margin:0;
}
.postHeadline a {font-weight:300;}

p.postTitle {font-size: 2.5em;line-height:1.2em;font-weight:300;clear:both;letter-spacing:-.02em; padding:30px 0 0 0;margin:0!important;}
.post {border-top:1px solid #DDD;}



.newsHeadlines {padding:40px 20px;}

div.newsItem {background: #f8f8f8;padding:15px 25px 10px 25px;margin-bottom:4px;}
div.newsItem:hover {background:#FFF;}

section#main div.newsItem {background: #fFF;padding:15px 5% 10px 5%;}

.newsItem p {margin:5px 0;line-height:normal;}
.newsItem a {font-weight:normal;}
.newsItem .meta {
	text-align:left;
	background:transparent;
	text-transform:uppercase;
	display:block;
	margin:0;
	width:auto;
	padding:0;
	font-size:0.65em;
	font-weight:500;
	color:#666;
	letter-spacing:0.01em;
	border:none;
}

.meta {
	text-align:left;
	background:transparent;
	text-transform:uppercase;
	display:block;
	margin:0;
	width:auto;
	padding:20px 0 0 0;
	font-size:0.65em;
	font-weight:500;
	color:#666;
	letter-spacing:0.01em;
	border:none;
}

.meta i,
.newsHeadlines .meta i,
.newsItem .meta i {margin-right:10px;font-size:1.3em;color:#aaa;}

.newsHeadlines .meta i {display:none;}

.post { display:block;clear:both;}
.entry {
  padding:0 0 50px 0;
  line-height:1.5em;
}



.entry-title {
  margin:0;padding:0;
  font-weight: 400;
  font-size:1.5em;
}


#content .tags a {
  font-size: 0.7em;
  font-weight:500;
  text-transform:uppercase;
  line-height: normal;
  margin-right: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #efefef;
  display: inline-block;
  padding: 3px 6px;
  color: #999;
  background:transparent;
}
#content .tags a:hover {background:#f5f5f5;}

.posttags p {font-size:.85em;padding-top:20px;font-style:italic;}


.read-more {line-height:normal;font-size:.95em;font-weight:600;}
.nextarticle {margin-bottom:10px;}

.nextprev {font-size:.9em;line-height:1.5em;padding:0;color:#999;}
.nextprev div {margin:10px 0 15px 0;}

div.filters {padding-bottom:30px;}
.filters select {width:100%;}
.filters label {}


.widget form {padding:1.5em;margin:0;}
.widgetTitle {display: none;}








.mobile-only {display:none;}
nav#nav-mobile li.mobile-only {background:#f5f5f5;}


/* =Media Queries
/////////////////////////////////////////////////////////////////////////// */
@media all and (max-width: 1440px) {
	

}





@media all and (max-width: 1024px) {

    #nav-trigger,
    nav#nav-mobile {display: block; }
    
    nav#nav-main  {display: none; }
	div.utility {display:none;}
	
	   div.logo,
	div.logo_rev {
	  width:250px;
	  top:0;
	}

 .white {
    background:#FFF;
    border-bottom:1px solid #EEE;
    transition: .3s all;
    -moz-transition: .3s all;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    background: rgba(255, 255, 255, 1); /* opaque */
 }
.notwhite {
    transition: .3s all;
    -moz-transition: .3s all;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    background: rgba(255, 255, 255, 0); /* transparent */
}
	.container {max-width:100%!important;}
    .pageTitle {font-size:2.1em;padding-bottom:0;}
    .intro {font-size:1.4em;line-height:1.2em;padding-bottom:20px;max-width:100%;}
    .col {padding:15px;}

   /* 
    .homebanner {padding:0;}
    .homebanner br {display:none;}
    .homebanner .bannerText {
        font-size:3.5em;
        margin:0 5% 5% 5%;
      }
	*/
	
.fullscreen-video-content {max-width:80%;} 	
.banner-heading {font-size: 8vw;}

.banner-subheading {font-size: 1.5em;}

   td {padding: 9px 10px; }

    .ctaText {
      font-weight:400;
      font-size:1.1em;
    }
	
.partners p {
	padding:20px;
	width:50%;
}
    .accordion-toggle {font-size:1.2em;}
	
	
	#footer .container {text-align:center;}
}



@media all and (max-width: 768px) {
    
	
   .mobile-only {display:block;}
	

	
h1 {font-size:1.9em;max-width:100%;margin:0 0 .3em 0;}
h2 {font-size:1.4em;margin:1em 0 .25em 0;}
h3 {font-size:1.2em;margin:1em 0 .25em 0;}
h4 {font-size:1.1em;margin:1em 0 .25em 0;}
h5 {font-size:1.2em;margin:1em 0 .25em 0;}
h6 {font-size:.9em;text-transform: uppercase;letter-spacing: 0.1em;margin:2em 0 .5em 0;}
	
	li {line-height:normal;margin-bottom:10px;}

	/*#content h1, h1 {font-size:2em;max-width:100%;margin-bottom:10px;}*/ 
	#content h3, h3 {font-size:1.4em;}
	
	.main-feature, .sub-feature {width:100%;float: none; display: inline;padding:0; }
	p.main-feature, p.sub-feature, .main-feature p {margin-bottom:1em;}
	
	#content .container,
	#features .container,
	#technology .container,
	#cta .container {padding:10px 5%;}
	
	.feature .col {padding-bottom:0!important;}
    
	.intro {font-size:1.15em;line-height:1.3em;padding:0 0 1em 0;max-width:100%;margin:0!important;}
	
	section#main div.newsItem {padding:0 5% 0 5%;}
	p.postTitle {padding:0 0 20px 0;line-height:normal;}
	.postHeadline {clear:both;}
	.has-post-thumbnail img {max-width:100%!important;}
	.newsItem .meta {font-size:0.8em;}
	
	p.ctaText span.button {clear:both;display:block;margin-top:20px;}
	
	.callout2 {padding:20px;margin:20px 0 0 0;}




}

 @media only screen and (max-width: 480px) {
     
   /* .attachment-post-thumb, .has-post-thumbnail img {display:none;} */
	 
	 #header {height:70px;}
	 
	 .col .col {padding:0;}

	 body {font-size:15px;line-height:normal;font-weight:normal;}
	 
	 .utility, .footerlogo {display:none!important;}
	 footer div.col p {text-align:center!important;}
	 .social {text-align:center!important;}
	 
	div.logo,
	div.logo_rev {
	  width:280px;
	  padding:10px 20px;
	  top:0;
	}
	 
	
	 
	 .headerText {display:none;}
	 
	 section#banner\ homebanner {margin-top:70px;}
	 
	 #content p.pageTitle {
		font-size:1em;
		font-weight:400;
		letter-spacing:0.05em;
		line-height:1.3em;
		margin-bottom:20px;
	}
	 
	 footer, #footer{
		 padding:30px 0;
		 font-size:1em;
		 font-weight:500;
		 text-align:center!important;
	 }
	 #footer p {text-align:center!important;}
	 
	 .large {font-size:175%;font-weight:normal;}
 }

 @media only screen and (max-width: 390px) {
	 .footerlogo {display:none!important;}
	 section#banner {min-height:150px;}
	 #content .container.headerText  {padding-top:100px;font-size:1.4em;}
	 .callout {padding:20px;}
}