/*
VoltaGrid.com Print Styles
*/

header,
#banner,
#cta {display: none;}

* {
  -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%;
  margin:0;
}

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




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

.embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 56.25%;
  overflow: hidden;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  top: 10px;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin:50px 0;
    border:5px solid #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 12px #CCC;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


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

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


iframe {padding:0;}













/* Typography /////////////////////////////////////////////////////////////////////////// */
body {
  font-family: "Montserrat", Open Sans, Arial, sans-serif;
  font-weight:400;
  font-size: 16px;
  line-height: 24px;
  color: #252f3e;
    background:#f4f4f4;
}

a:link, a:visited, a:active {
  text-decoration: none;
  color: #0CC;
    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: #01a7ae;
}
a img, a:visited img {border:none;}


h1, h2, h3, h4, h5, h6 {letter-spacing: -.01em;clear:both;margin:2em 0 .5em 0;}
h1 {font-size:2.3em;font-weight:700;max-width:75%;}
h2 {font-size:1.8em;font-weight:700;}
h3 {font-size:1.4em;font-weight:700;}
h4 {font-size:1.3em;font-weight:600;}
h5 {font-size:1.2em;font-weight:600;}
h6 {font-size:.85em;text-transform: uppercase;letter-spacing: 0.1em;color:#999;margin-bottom:20px;}

.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;}
li {margin-bottom: 10px;}







/* Content /////////////////////////////////////////////////////////////////////////// */
#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.2em;
	line-height:1.2em;
	margin-bottom:30px;
	color:#999;
	text-transform:uppercase;
}

.intro {
	font-size:1.6em;
	line-height:1.6em;
	padding:0 100px 30px 0;
	font-weight:400;
	color:#999;
}
#technology .intro {padding-right:0;}

.callout {
    padding:50px;
	background: rgba(51,102,204,0.05);
    /*background: linear-gradient(0deg, rgba(51,102,204,.7) 0%, rgba(51,102,204,.25) 100%);*/
    margin:50px 0;
    width:100%;
	font-size:1.4em;
	font-style:italic;
	line-height:1.4em;
	display:inline-block;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.05);
}


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



ul.jobs {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);
}



.utility {z-index:9999;text-align:right;display:inline-block;padding-right:20px;}
.utility ul {list-style:none;margin:0;padding:0;}
.utility li {display:inline-block;margin:0;padding:0;}
.utility li.tab a {
	color:#FFF;
	background:#0CC;
	padding:15px 20px;
	margin-left:20px;
	text-transform:uppercase;
	font-size:.75em;
	height:40px;
	line-height:40px;
}
.utility li.tab a:hover {background:#01a7ae;}
.utility a:hover {color:#fff;}





/* 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: 14px;
  font-style: normal;
  font-weight:600;
  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;
}

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












/* Header /////////////////////////////////////////////////////////////////////////// */
#header {
    z-index: 9999;
    position: fixed;
    width: 100%;
    height:100px;
}


/* 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:280px;
  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;}

#content .container {padding:50px 5%;}
#content .container.headerText {padding:150px 5% 0 5%;font-weight:300;line-height:normal;}
.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: #000 url(images/bannerDefault.jpg) center center/cover no-repeat;}


section#main {background:#FFF;padding-top:30px;}


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

section#headlines {background:#f4f4f4;}
section#headlines .attachment-post-thumb {margin-bottom:20px;}
section#headlines .attachment-post-thumb {float:none;width:100%;}



#cta {
  text-align:center;
  background: #25b7b6;
  /*background: #000 url(images/bannerDefault.jpg) center center/cover no-repeat;*/
  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;}



.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: #343A50;
    /*background: #000 url(images/homeBanner01.jpg) center center/cover no-repeat;*/
    font-weight:300;
    line-height:normal;
}

/*
.homebanner .bannerText {
    font-size:5.5em;
    line-height:.85em;
    font-weight:700;
    margin:0 2%;
    padding:25% 0 0 0;
    letter-spacing:-0.03em;
  }
.homebanner .intro {color:#FFF;padding:3% 10% 20% 10%;max-width:100%;font-weight:300;font-size:1.2em;}
*/




/* 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: #0CC;
	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: #01a7ae;

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













/* Footer /////////////////////////////////////////////////////////////////////////// */

#footer {padding:30px 0;color:rgba(0,0,0,0.7);font-size:.9em;font-weight:normal;}
#footer p {margin:0;padding:0 0 10px 0;}
#footer a {}
#footer a:hover {}

#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 {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.3em;
  width: 2.2em;
  line-height: 2.2em;
  border-radius: 1.2em; /* or 50% width & line-height */
  text-align: center;
  background: #252f3e;
  margin-right:5px;
}
.social a i:hover {background:#0CC;}

.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 {padding:0;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: 0px;
    bottom: 0px;
    background: #0CC;
    color:#fff;
    text-align:center;
}
a.back-to-top:hover { background: #01a7ae;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;}

#features {background:#f4f4f4;padding:1% 0;}

.feature {text-align: center;font-weight:400;font-size:1em;}
.feature img {max-width:150px;margin:0 auto;padding:0;}
.featureTitle {
    font-size:1.7em;
    font-weight:700;
    letter-spacing:-0.01em;
    line-height:normal;
    margin:0;padding:0;
}
.feature p {margin-bottom:10px;}
.feature .widgetTitle {display: none;}

.newsHeadlines {clear:both;margin-bottom:20px;}
.main .newsHeadlines p {margin:0;}
.newsHeadlines .meta {padding:0 0 5px 0;}
.headlineTitle {font-size:1.2em;line-height:.95em;padding:5px 0 10px 0;}
.newsHeadlines .excerpt {font-size:.85em;}
.smalllink {padding:30px 0 0 0;font-size:.85em;text-transform:uppercase;}

.newsHeadlines img {margin-bottom:30px;}

.attachment-post-thumb {min-height:150px;margin-bottom:10px;}

#news img {margin-top:30px;}

section#technology {
	background:#000;
	color:#fff;
	background: #343A50;
    background: #000 url(images/technologyBack.jpg) center center/cover no-repeat;
}


#headlines .container,
#technology .container,
#homefooter .container {padding:50px 5%;}

#homefooter {text-align:center;font-size:120%;background:#FFF;}
#homefooter h3 {text-align:center;margin-top:20px;}

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








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









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

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

/* numerical pagination ------------------------------------------------------ */
.navigation ul {padding:0;font-weight:600;font-size:.8em;}
.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) */
.meta {color: #AAA;font-size:.8em;padding:10px 0;}

.postHeadline {font-size: 1.4em;line-height:1.2em;font-weight:normal;padding:30px 0 0 0;margin:0;}
.postTitle {font-size: 2.3em;line-height:1.2em;font-weight:normal;clear:both;letter-spacing:-.02em; padding-top:30px;}

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

}
/*.excerpt {font-size:.9em;}*/

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

.attachment-post-thumb, .has-post-thumbnail img {float:left; padding: 0; margin:0 40px 10px 0;border-radius:5px;max-width:180px;}

.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:#efefef;
}
.tags a:hover {background:transparent;}
.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;}

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

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











/* =Media Queries
/////////////////////////////////////////////////////////////////////////// */

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

    #nav-trigger,
    nav#nav-mobile,
    div.submenu {display: block; }
    
    nav#nav-main  {display: none; }

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

    section {padding:1em 0;}
    
    .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%;
      }

   td {padding: 9px 10px; }

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

}

@media all and (max-width: 768px) {
    
    div.logo,
    div.logo_rev {
      width:250px;
    }
    .homebanner {padding:10% 0 0 0;}
    .homebanner .bannerText {
        margin:5%;
      }
	h3 {font-size:1.4em;}
	
	#content .container,
	#features .container,
	#technology .container {padding:20px 5%;}
    
	.intro {font-size:1.15em;line-height:1.3em;padding:0 0 1em 0;max-width:100%;margin:0!important;}
	
	#gallery-1 .gallery-item {width:25%!important;}

}

 @media only screen and (max-width: 480px) {
     
   /* .attachment-post-thumb, .has-post-thumbnail img {display:none;} */
	 #gallery-1 .gallery-item {width:100%!important;}
	 .utility, .footerlogo {display:none!important;}
	 footer div.col p {text-align:center!important;}
	 .social {text-align:center!important;}

 }