/* Developer Stuff
================================================== */
/**:nth-child(odd),*:before,*:after{box-shadow:inset 0 0 5px rgba(20,255,180,.1);}*:nth-child(even){box-shadow:inset 0 0 5px rgba(255,20,180,.1);}*/


/* Reference Colors & Transitions
================================================== */
.white {color:#FFFFFF;color:rgba(255,255,255,1);}
.off-white {color:#f7f7f7;color:rgba(247,247,247,1);}
.light-gray {color:#cccccc;color:rgba(204,204,204,1);}
.gray {color:#808080;color:rgba(128,128,128,1);}
.dark-gray {color:#333333;color:rgba(51,51,51,1);}
.off-black {color:#222222;color:rgba(34,34,34,1);}
.black {color:#000000;color:rgba(0,0,0,1);}

.light-blue {color:#3bbaf2;color:rgba(59,186,242,1);}
.blue {color:#189ed9;color:rgba(24,158,217,1);}
.dark-blue {color:#087caf;color:rgba(8,124,175,1);}

.bg-white {background:#FFFFFF;background:rgba(255,255,255,1);}
.bg-off-white {background:#f7f7f7;background:rgba(247,247,247,1);}
.bg-light-gray {background:#cccccc;background:rgba(204,204,204,1);}
.bg-gray {background:#808080;background:rgba(128,128,128,1);}
.bg-dark-gray {background:#333333;background:rgba(51,51,51,1);}
.bg-off-black {background:#222222;background:rgba(34,34,34,1);}
.bg-black {background:#000000;background:rgba(0,0,0,1);}

.bg-light-blue {background:#3bbaf2;background:rgba(59,186,242,1);}
.bg-blue {background:#189ed9;background:rgba(24,158,217,1);}
.bg-dark-blue {background:#087caf;background:rgba(8,124,175,1);}

.bg-concrete {
  background: #ffffff url(../img/bg-concrete-tile.png) top center repeat;
}
.bg-concrete-gray {
  background: #cccccc url(../img/bg-concrete-gray.png) top center no-repeat;
  background-size: cover;
}

.color-bar {
  background:#1b90ce url(../img/bar-color.jpg) center no-repeat;
  background-size: cover;
  height: 0.375em;
  width: 100%;
  float:left;
}

/* Site Base Styles & Utility Classes
================================================== */
html, body{
  line-height:1.5;
  font-size:16px;
  background:#ffffff;
  font-family: "proxima-nova",sans-serif;
}

*, *:before, *:after {box-sizing: border-box;}

#main{
  position:relative;
  background:#FFFFFF;
  width: 100%;
  display:block;
}

.v-align-outer {display:table;height:100%;width:100%;}
.v-align-inner {display:table-cell;vertical-align:middle;}

section {
  padding: 3.750em 0 5em;
  float:left;
  width: 100%;
}

@media screen and (max-width:75em){
  section {padding: 3.750em 2em 5em;}
  body {font-size:15px;}
}
@media screen and (max-width:64em){
  section {padding: 2.750em 2em 4em;}
  body {font-size:14px;}
}
@media screen and (max-width:40em){
  section {padding: 1.750em 1em 3em;}
  body {font-size:13px;}
}

/* Font Styles
================================================== */
.nobr {white-space:nowrap;}
.truncated {
  overflow: hidden;
  text-overflow: ellipsis; /* this works with IE, Safari and Chrome */
  white-space: nowrap;
  -moz-binding: url('/ellipsis.xml#ellipsis'); /* this is a Firefox hack */
}

.uppercase {text-transform: uppercase;}

hr {
  display: block;
  width: 100%;
  margin: 2em 0;
  border:none;
  border-top: 1px solid #cccccc;
}

h1, h2, h3, h4, h5, h6 {font-family: "proxima-nova",sans-serif;color:inherit;}

h1 {
  font-weight: bold;
  font-size: 2.25em;
  line-height: 1;
  margin: 0 0 .125em;
  text-transform: uppercase;
  position: relative;
}
h1.bar {
  padding-top: .5em;
}
h1.bar:before {
  content: " ";
  width: 3em;
  height: 5px;
  background-color: #189ed9;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
}

h2  {
  color: inherit;
  font-weight: 100;
  font-size: 1.5em;
}
h3 {
  color: inherit;
  font-size: 1.875em;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .5em;
  text-transform: uppercase;
}
h4 {
  color: inherit;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5em;
  text-transform: uppercase;
}

h5 {
  color: inherit;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
}


p {
  color: inherit;
  margin-bottom: 1em;
}

small {
  color: inherit;
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
}

strong {
  font-size: inherit;
}


a {color: #189ed9;transition: .25s ease all;}
a:hover {color: #3bbaf2;}
a .fa {font-size: .75em;}


@media screen and (max-width:40em){
  h3 {
    font-size: 1.5em;
  }
}

/* Input field styles
================================================== */

input[type=text],
input[type=email],
input[type=tel],
input[type=num],
textarea {
  font-size: 1em;
  font-weight: 300;
  padding: .5em 1em;
  margin: 0 0 2em;
  width: 100%;
  display: block;
  background: none;
  /*border-radius: 1.25em;*/
  height: auto;
  outline:none;
  transition: .25s ease all;
  border: 1px solid #cccccc;
  color: #808080;
}
textarea {
  padding: 1em;
}

label {
  font-weight: bold;
}

::-webkit-input-placeholder {color: #808080;}
:-moz-placeholder {color:#808080; }
::-moz-placeholder {color:#808080;}
:-ms-input-placeholder {color:#808080;}


/* Navigation (DESKTOP)
================================================== */
@media screen and (min-width:64.063em){

  header {
    width: 100%;
    background: #333333;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.125);
  }
  header.overlay-header {
    background: #000000;
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
  }
  header .logo {
    height: 100%;
    width: auto;
    float:left;
    margin-top: 1em;
  }
  header nav {
    float:right;
  }
  header nav ul {
    padding-top: 10px;
    margin: 0 1.75em 0 0;
    float:left;
  }
  header nav ul > li {
    list-style:none;
    float:left;
    position: relative;
  }
  header nav ul > li > a {
    color: #cccccc;
    line-height: 1;
    padding: .75em 0;
    margin: 2em .75em;
    letter-spacing: .063em;
    display: block;
    text-decoration: none;
    font-weight:400;
    text-transform: uppercase;
    transition:all .2s ease-in-out;
  }
  header nav ul > .current-menu-item a {
    color: #ffffff;
    border-bottom: 4px solid #189ed9;
  }
  header nav > ul > .menu-item-has-children > a:after {
    content: "\f107";
    font-family: 'FontAwesome';
    padding-left: .5em;
  }
  header nav ul > li:hover > a {
    color: #cccccc;
    color: rgba(255,255,255,.75);
  }
  header nav > ul > li > ul {
    position: absolute;
    top: 100%;
    left: -1.25em;
    margin-top: -1em;
    width: 16em;
    background: #f7f7f7;
    z-index:999;
    display:none;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
  }
  header nav > ul > li > ul:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(247,247,247,0);
    border-bottom-color: #f7f7f7;
    border-width: 10px;
    margin-left: -10px;
  }
  header nav > ul > li > ul:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 32px;
    content: "";
    background: url(../img/card-shadow.png) no-repeat center top;
    background-size: 100%;
  }

  header nav ul > li:hover ul {
    display: block;
  }

  header nav > ul > li > ul > li{
    width: 100%;
    background:none !important;
  }

  header nav > ul > li > ul > li a {
    background:none !important;
    border:none !important;
    font-size: .75em;
    color: #333333 !important;
    background: none;
    padding: 1em 1.5em;
    margin: 0;
    display: block;
    text-decoration: none;
    font-weight:bold;
    text-transform: uppercase;
    transition:all .2s ease-in-out;
  }
  header nav > ul > li > ul > li a:hover {
    background: #ffffff !important;
    color: #189ed9 !important;
  }





  header nav ul li ul li ul {
    width: 100%;
    float:left;
    padding-bottom: 10px;
  }
  header nav ul li ul li ul li {
    width: 100%;
    float:left;
    font-size: 1em;
  }
  header nav ul li ul li ul li a {
    width: 100%;
    color: #777777 !important;
    background: #f7f7f7;
    padding: .75em 1.5em .75em 2.5em;
    text-transform: none;
  }
  header nav ul li ul li:last-child ul {
    border-bottom: none;
  }
}







/* Navigation (Mobile/Small Tablet)
================================================== */
@media only screen and (max-width:64em){
  header{
    width:100%;
    float:left;
    padding:0;
    background: #eee;
    position: relative;
    z-index: 999;
  }
  .toggle-background {background: #E7E7E7;}
  .toggle-rotate {transform: rotate(180deg);}
  .toggle-nav,.toggle-search{
    float:right;
    width:2em;
    height:2em;
    text-align:center;
    font-size:2em;
    line-height:2em; 
    color:#86878B;
    transition:all 0.25s ease;
    cursor: pointer;
  }
  .toggle-nav:hover,.toggle-search:hover{
    color:#0077ff;
  }
  .logo{
    float: left;
    padding: 1em;
    width: 6.75em;
  }
  .logo img{
    height:auto;
    width:100%;
  }
  .mobile-nav,.mobile-search{
    display:none;
    background:#FFFFFF;
    margin-top: 4em;
    width: 100%;
  }
  .mobile-search{padding: 2em 0 1em;}
  .mobile-search .search-form {
    margin: 1.5em 0 1em;
    padding: 0 2em;
    border-top:1px solid #E7E7E7;
  }
  .mobile-nav ul {
    margin: 0;
  }
  .mobile-nav li {
    list-style:none;
    position: relative;
  }
  .mobile-nav li a {
    padding:1em;
    color:#282828;
    text-decoration:none;
    font-weight:400;
    font-size:1em;
    border-top:1px solid #E7E7E7;
    display:block;
    text-transform:uppercase;
  }
  .mobile-nav .accordion-toggle {
    position: absolute;
    top: 0;
    z-index: 999;
    font-size: 1.8em;
    line-height: 2;
    right: 0;
    font-family: "FontAwesome";
    padding: 0 .5em;
    border-left: 1px solid #E7E7E7;
    transition:all 0.25s ease;
  }
  .mobile-nav .accordion-toggle .fa {
    transition:all 0.25s ease;
  }
  .mobile-nav li > ul {
    background: #E7E7E7;
    font-size: .8em;
    display:none;
  }
  .mobile-nav li > ul a {
    padding-left: 2em;
    color:#484848;
    border-bottom:1px solid #E2E2E2;
  }
  .mobile-nav li > ul li:last-child a { 
    border: none;
  }
  .mobile-nav li > ul ul {
    display:none;
  }
}


/* Header Search Form
================================================== */
header form {
  margin: 2em 0 0;
  float: left;
  position: relative;
}
header input[type=text] {
  font-size: 1em;
  font-weight: 100;
  padding: .5em .5em .5em 2.75em;
  margin: 0;
  max-width: 9em;
  display: block;
  background: none;
  border-radius: 5em;
  height: auto;
  outline:none;
  transition: .25s ease all;
  border: 1px solid #808080;
  color: #808080;
}
header.overlay-header input[type=text] {
  color: #333333;
}


header input[type=text]:hover {background:#FFFFFF;background:rgba(255,255,255,.25);}
header input[type=text]:focus {max-width: 12em;background:#FFFFFF;background:rgba(255,255,255,1);}



header input[type=submit] {
  cursor: pointer;
  position: absolute;
  top:0;
  left: 0;
  font-family: 'fontawesome';
  font-weight:bold;
  color: #189ed9;
  background:none;
  border:none;
  height: 100%;
  transition: .25s ease all;
  outline:none;
}
header .icon {
  font-family: 'FontAwesome';
  font-size: 1.125em;
  margin: 0;
  padding: .25em .5em .25em .75em;
}
header input[type=submit]:hover {color: #3bbaf2;}

header ::-webkit-input-placeholder {color: #808080;}
header :-moz-placeholder {color:#808080; }
header ::-moz-placeholder {color:#808080;}
header :-ms-input-placeholder {color:#808080;}

@media only screen and (max-width:64em){
  header form {
    margin: 0;
    width: 100%;
  }
  header input[type=text] {
    max-width: 100%;
    width: 100%;
  }
  header input[type=text]:focus {max-width: 100%;}
}

/* Navigation Side Bar (Resources)
================================================== */
.side-nav ul {
  margin: 0;
}
.side-nav li {
  list-style:none;
  padding: 0;
  margin: -.25em 0 0 0;
}
.side-nav li a {
  float:left;
  padding: .25em 0;
  width: 100%;
  color: #333333;
  font-weight: 100;
}
.side-nav li a:hover {
  color: #189ed9;
}
.side-nav .current-menu-item a{
  font-weight: bold;
  color: #000000;
}
.side-nav .current-menu-item a:after{
  font-weight: bold;
  color: #189ed9;
  content: "\f105";
  font-family: "fontawesome";
  padding-left: .5em;
  font-size: .875em;
}
@media screen and (max-width: 64em) {
  .side-nav {
    background: #f7f7f7;
    padding: 1em;
    margin-top: 6em;
    width: 100%;
    float:left;
  }
}


/* Breadcrumb
================================================== */
.breadcrumb {
  width: 100%;
  float:left;
  margin-bottom: 3em;
}
.breadcrumb {
  color:#333333;color:rgba(51,51,51,.7);
  text-transform: none;
  font-size: .75em;
  font-weight: 600;
}

.breadcrumb a {color: inherit;}
.breadcrumb a:hover {
  color:#189ed9;
}

/* Banner Styles
================================================== */
.home-banner {
  position: relative;
  float:left;
  width: 100%;
  background: url(/wp-content/uploads/2015/07/home-banner.jpg) center;
  background-size: cover;
  padding-top: 14em;
  padding-bottom: 8.125em;
  color: #ffffff;
}
.home-banner h1 {
  border-top: 5px solid #189ed9;
  padding-top: .5em;
  font-weight: bold;
  font-size: 3.25em;
}
.home-banner h1:before {
  display:none;
}
.home-banner .headline {
  margin-bottom: 1em;
}
.home-banner .product {
  margin-top: -.5em;
}


.banner {
  position: relative;
  display:block;
  width: 100%;
  padding-top: 3.5;
  padding-bottom: 3.5em;
  color: #ffffff;
}
.banner h1 {
  font-weight: bold;
  font-size: 3.25em;
}
.banner h1:before {
  display:none;
}
.banner .headline {
  margin-bottom: 1em;
}
.banner a {
  text-transform: uppercase;
}

.banner .breadcrumb {
  margin-bottom: 2em;
}
.banner .breadcrumb,
.banner .breadcrumb a {
  color: #cccccc;
  color: rgba(255,255,255,.5);
  text-transform: none;
}
.banner .breadcrumb a:hover {
  color:#FFFFFF;color:rgba(255,255,255,1);
}

.sub-banner {
  text-align:center;
  font-size: 1.500em;
  font-weight: 300;
  padding: 3em;
  margin-bottom: 3em;
  border-bottom: 1px solid #cccccc;
}

.page-banner {
  display:block;
  background: #ffffff;
}
.page-banner {
  padding: 5em 0;
  text-align:center;
}

.page-banner a {color: #189ed9;}
.page-banner a:hover {color: #3bbaf2;}


@media screen and (max-width:64em){
  .home-banner h1 {
    font-size: 2.25em;
  }
  .home-banner {
    padding-top: 4em;
    padding-bottom: 5.125em;
  }

  .banner {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .banner h1 {
    font-weight: bold;
    font-size: 2.25em;
  }
  .sub-banner {
    padding: 2em;
    margin-bottom: 2em;
  }
}

@media screen and (max-width:40em){
  .home-banner {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .banner {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .page-banner {
    padding: 2em .25em;
  }
  .sub-banner {
    padding: 1em;
    margin-bottom: 1em;
  }
}



/* Social Shortcode [social]
================================================== */
.social-shortcode {
  margin-left: -.25em;
}
.social-shortcode a {
  width: 1.5em;
  height: 1.5em;
  font-size: 1.25em;
  line-height: 1.45;
  color: #ffffff;
  text-align: center;
  border-radius: 1em;
  background: #cccccc;
  display: inline-block;
  margin: .25em;
}
.social-shortcode a:hover {
  transform: translateY(-2px);
  color: #ffffff;
  background:#2e7edb;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.social-shortcode a:active {
  color: #ffffff;
  transform: translateY(1px);
  background:#164882;
  box-shadow: 0 1px 3px rgba(255,255,255,.25);
}


/* News Styles
================================================== */

.latest-news {
  width: 100%;
  display:block;
  margin-bottom: 1em;
}

.featured-image {
  width:100%;
  height: 8em;
  display:block;
}
.single-featured-image {
  width:100%;
  height: 28em;
  display:block;
  margin: 0 0 2em;
}

.featured-post {
  padding: 0 0 5em;
  float:left;
  width: 100%;
}
.featured-post .featured-image {
  height: 20em;
}
.featured-post-contents {
  padding: 1.5em;
  height: 100%;
  background: #f7f7f7;
  margin: 0 -.938em;
}
.featured-post-contents a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: .875em;
}
.post, .post:hover {
  float:left;
  width: 100%;
  margin: 0 0 5em;
  color: #444444;
}
.post, .post-contents {
  border-bottom: 1px solid #eeeeee;
}
.post-contents h1 {
  font-size: 1.5em;
}
.post-meta {
  float:left;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 1em;
  width: 100%;
}
.post .post-meta {
  float:right;
  border: none;
  margin: 0;
  width: auto;
}
.post-meta .time {
  color: #808080;
  border-right: 1px solid #eeeeee;
  padding: 1em 1em 0 0;
}
.post .post-meta .time,
.post-meta span {
  padding: 1em;
}
.post-meta .time,
.post-meta span {
  float:left;
  font-weight:bold;
  text-transform: uppercase;
  transition: .25s ease all;
}
.post-meta span {
  color: #1e60ad;
}
.post:hover .post-meta span {
  color: #2e7edb;
  background: none;
}
.post-meta .social-shortcode {
  margin-left: 0;
}
.post-meta .social-shortcode a {
  width: auto;
  height: auto;
  font-size: 1.25em;
  line-height: 1;
  color: #1e60ad;
  text-align: center;
  border-radius: 0;
  background: none;
  display: inline-block;
  margin: 0;
  padding: 1em;
  border-right: 1px solid #eeeeee;
}
.post-meta .social-shortcode a:hover {
  transform: none;
  color: #2e7edb;
  background: none;
  box-shadow: none;
}
.post-meta .social-shortcode a:active {
  color: #1e60ad;
  transform: none;
  background:none;
  box-shadow:none;
}


@media screen and (max-width:75em){
  .featured-post {padding: 0 0 5em;}
  .post {margin: 0 0 5em;}
}
@media screen and (max-width:64em){
  .featured-post {padding: 0 0 4em;}
  .post {margin: 0 0 4em;}
}
@media screen and (max-width:40em){
  .featured-post {padding: 0 0 3em;}
  .post {margin: 0 0 3em;}
}


/* News Navigation
================================================== */

.page-nav{
  width:100%;
  display:block;
  float:left;
}
.prev-page,.next-page,
.prev-page-inactive,.next-page-inactive{
  display:inline-block;
  padding: .5em 1.25em;
  min-width:120px;
  text-align:center;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 1em;
  text-transform: uppercase;
  text-decoration:none;
  transition: .25s ease all;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #eeeeee;
  color: #1e60ad;
}
.next-page {
  float:right;
}


.prev-page-inactive,.next-page-inactive{
  background: #f7f7f7;
  border: 1px solid #eeeeee;
  color: #eeeeee;
}

.prev-page:hover,.next-page:hover{
  background: #ffffff;
  border: 1px solid #1e60ad;
  color: #1e60ad;
}


/* Sidebar & Module Styles
================================================== */

.product-nav {
  margin: 0 0 2em;
  float: left;
  width: 100%;
}
.product-nav li {
  margin: 0;
  list-style: none;
  padding: 0;
}
.product-nav li a {
  border-top: 1px solid #cccccc;
  width: 100%;
  float:left;
  padding: .75em .5em;
  color: #333333;
  position: relative;
  background: #ffffff;
}
.product-nav li a:hover {
  background: #f7f7f7;
}
.product-nav li a.active {
  font-weight: bold;
  background: #f7f7f7;
  color: #333333;
}
.product-nav li a:after {
  color: #ffffff;
  color: rgba(255,255,255,0);
  transition: .25s ease all;
  content: "\f054";
  font-family: "FontAwesome";
  position: absolute;
  right: 0;
  top: 0;
  padding:.75em 2em;
}
.nav li a.active:after,
.product-nav li a:hover:after {
  color: #cccccc;
  padding:.75em 1em;
}
.product-nav li a.active:after{
  color: #189ed9;
}

.product-nav li:last-child a {
  border-bottom: 1px solid #cccccc;
}
.product-group {
  float:left;
  width: 100%;
  margin-bottom: 3em;
}

.product {
  float:left;
  width: 100%;
  margin-bottom: 1em;
  border: 1px solid #cccccc;
  text-align:center;
  background: #ffffff;
  transition: .25s ease all;
}

.product:hover {
  transform: translateY(-2px);
  border: 1px solid #189ed9;
  box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
.product:focus, .product:active {
  transform: translateY(1px);
  border: 1px solid #189ed9;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
}

.intro {
  margin-bottom: 4em;
}

.side-social {
  margin-bottom: 1em;
}
.side-social .label {
  float:left;
}
.side-social .icon-group {
  padding-left: 1em;
  float:left;
}
.side-social .icon-group a {
  background: #189ed9;
}
.side-subscribe {
  padding: 1em 1em 1.5em;
  margin-bottom: 2em;
}
.side-subscribe input[type="text"] {
  -webkit-appearance: none;
  outline: none;
  padding: .5em 1em;
  border: none;
  border-radius: 5em;
  display: inline-block;
  font-size: 0.875em;
  font-weight: 500;
  color: #444444;
  background: #ffffff;
  border: 1px solid #808080;
  transition: .25s ease all;
  white-space: nowrap;
  box-shadow: 0 0 0 rgba(0,0,0,.1);
  width: 100%;
  margin-bottom: .5em;
}
.side-subscribe .btn {
  width: 100%;
}

.side-certifications {
  padding: 1em 1em 1.5em;
  margin-bottom: 2em;
  float: left;
  width: 100%;
}


.side-contact {
  padding: 1em 1em 1.5em;
  margin-bottom: 2em;
  color: #cccccc;
}
.side-contact a {color: #cccccc;}
.side-contact .btn {color: #ffffff;}
.side-contact a:hover {color: #ffffff;}

.side-contact ul {
  margin: 0 0 2em;
}
.side-contact li {
  list-style:none;
  padding: 0;
}

.contact-rep {
  margin: 2em 0;
}

.productimg {
  padding: .5em;
  border: 1px solid #cccccc;
  border: 1px solid rgba(204,204,204,.5);
  margin-bottom: 2em;
}
.productimg img {
  width:100%;
  height: auto;
  display: block;
}

.attachments {
  width: 100%;
  float:left;
  padding: 1em;
  background: #f7f7f7;
  border: 1px solid #cccccc;
}

.description,
.attachments,
.features,
.secondary-information,
.guidelines {
  width: 100%;
  float:left;
  margin-bottom: 2em;
}


/* Card Styles
================================================== */

.card {
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0,0,0,.05);
  position: relative;
  height: 100%;
  margin-bottom: 2em;
}
.card:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 32px;
  content: "";
  background: url(../img/card-shadow.png) no-repeat center top;
  background-size: 100% 32px;
}
.card-contents {
  padding: 1em 1em 0 1em;
}
.card .btn {
  margin: 1em;
}
.card img {
  width: 100%;
  display: block;
  text-align: right;
  padding: 0 0 1em 0;
}

@media screen and (max-width:40em){
  .btn {
    display:inline !important;
  }
  .card .btn {
    display:inline-block !important;
  }
}


/* Button & Input Styles
================================================== */
.btn {
  appearance:none;
  outline:none;
  padding: .75em 1em;
  border:none;
  border-radius: 5em;
  display: inline-block;
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;
  background: #189ed9;
  border: 1px solid #189ed9;
  transition: .25s ease all;
  white-space:nowrap;
  box-shadow: 0 0 0 rgba(0,0,0,.1);
}

.btn:hover {
  transform: translateY(-2px);
  color: #ffffff;
  background:#3bbaf2;
  border: 1px solid #3bbaf2;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.btn:active, .btn:focus {
  color: #ffffff;
  transform: translateY(1px);
  background:#087caf;
  box-shadow: 0 1px 3px rgba(255,255,255,.25);
}

.btn-white {
  color: #189ed9;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.btn-white:hover {
  color: #3bbaf2;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.btn-white:active,.btn-white:focus {
  color: #087caf;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.select {
  margin: 0 .25em;
  position: relative;
  border-radius: 5em;
  display: inline-block;
  border: 2px solid #ffffff;
  border: 2px solid rgba(255,255,255,.75);
  background: none;
  transition: .25s ease all;
  box-shadow: 0 0 0 rgba(0,0,0,.1);
}
.select select {
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding: .5em 2em .5em 1em;
  background: transparent;
  appearance: none;
  outline:none;
  border:none;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  color: #ffffff;

}
.select:after {
  position: absolute;
  top: 0;
  right: 0;
  padding: .125em .5em;
  height: 100%;
  font-family: "fontawesome";
  content: "\f0d7";
  z-index:1;
}



@media screen and (max-width:40em){
  .btn {
    padding: 1em;
  }
  .select, .btn {
    display:block;
    margin: .5em 0;
  }
}

/* Footer
================================================== */
footer {
  width: 100%;
  float:left;
  position: relative;
}

footer .footer-logo {
  padding-top: 2em;
}

footer .social {
  margin: 2em 0 1em;
  color: #ffffff;
}
footer .social span {
  margin-left: .125em;
  color: inherit;
  font-weight: 100;
  font-size: 1em;
  text-transform: uppercase;
  padding-top: .5em;
  display: block;
}
footer .social-links {
  float:right;
}

footer .social a {
  width: 1.5em;
  height: 1.5em;
  font-size: 1.25em;
  line-height: 1.45;
  color: #ffffff;
  text-align: center;
  border-radius: 1em;
  background: #222222;
  display: inline-block;
  margin: .125em;
}
footer .social a:first-child {margin-left:0;}
footer .social a:last-child {margin-right:0;}
footer .social a:hover {
  transform: translateY(-2px);
  color: #ffffff;
  background:#3bbaf2;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
footer .social a:active {
  color: #ffffff;
  transform: translateY(1px);
  background:#087caf;
  box-shadow: 0 1px 3px rgba(255,255,255,.25);
}


footer .subscribe {
  position: relative;
  float:right;
  width: 100%;
  margin-bottom: 1em;
}


footer input[type=text] {
  font-size: 1em;
  font-weight: 100;
  padding: .5em 2.75em .5em 1em;
  margin: 0;
  display: block;
  background:#222222;
  border-radius: 5em;
  height: auto;
  outline:none;
  transition: .25s ease all;
  border: #087caf;
  color: #808080;
  width: 100%;
}



footer input[type=text]:hover {background:#FFFFFF;background:rgba(255,255,255,.25);}
footer input[type=text]:focus {background:#FFFFFF;background:rgba(255,255,255,1);}


footer form {
  position: relative;
}
footer input[type=submit], footer button {
  cursor: pointer;
  position: absolute;
  top:0;
  right: 0;
  font-family: 'fontawesome';
  font-size: 1em;
  padding: 0 .75em 0 1em;
  content: "\f01a";
  font-weight:bold;
  color: #ffffff;
  background:none;
  border:none;
  height: 100%;
  transition: .25s ease all;
  outline:none;
}
footer .icon {
  font-family: 'fontawesome';
  font-size: 1.125em;
  margin: 0;
  padding: .3em .5em .25em .75em;
}
footer input[type=submit]:hover {color: #3bbaf2;}
footer .success p {
  color:#f1f1f1;
}


@media screen and (max-width:64em){
  .social-links {
    float:none !important;
  }
}



/* Footer
================================================== */

.contact-information {
  background: #333333;
}

.contact-information #menu-primary-2 {
  margin: 2em 0 0 -1em;
  float:left;
  width: 100%;
}
.contact-information #menu-primary-2 li {
  float:left;
  list-style:none;
  padding: 1em 1em .5em;
}
.contact-information #menu-primary-2 a {
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: .875em
}

.contact-information .copyright {
  border-top: 1px solid rgba(255,255,255,.25);
  padding: .75em 0 2em;
  float:left;
  width: 100%;
}
.contact-information .copyright span{
  float:left;
  color: #ffffff;
  color: rgba(255,255,255,.75);
  font-weight: 500;
  font-size: .75em;
  padding: 0 .5em 0 0;
}
.contact-information .copyright li {
  float:left;
  list-style:none;
  line-height: 1;
  padding: 0 .5em;
}
.contact-information .copyright a {
  color: #ffffff;
  color: rgba(255,255,255,.75);
  font-weight: 500;
  font-size: .75em
}



.contact-information ul ul {
  display:none;
}


.external-sites {
  text-align: right;
  margin: 0;
  padding: 1em 0;
  overflow:hidden;
}
.external-sites ul {
  margin: 0 -1em 0 0;
  display:inline-block;
}
.external-sites li {
  display:inline-block;
}
.external-sites span {
  padding: 0 1em 0 0;
  line-height: 1;
  font-size: .875em;
  color: #808080;
  border-right: 1px solid #cccccc;
  display:inline-block;
}
.external-sites a {
  padding: 0 1em;
  line-height: 1;
  font-size: .875em;
  color: #808080;
  border-right: 1px solid #cccccc;
}
.external-sites li:last-child a {
  border:none;
}
@media screen and (max-width:40em){
  .external-sites ul {
    margin: 0;
  }
  .external-sites span {
    display:none;
  }
  .external-sites a {
    border-right: none;
  }
}

/* Carousel/Slider Styles (overwrites flexslider)
================================================== */
.slider-container {
  margin-bottom: 2em;
}
#slider .slides li {
  position: relative;
}
#slider .caption {
  position: absolute;
  width: 100%;
  padding: 1em;
  left: 0;
  bottom: 0;
  background: #000000;
  background: rgba(0,0,0,.75);
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
  font-size: .875em;
}
#carousel {
  background: #333333;
}
#carousel .slides li img {
  padding: 1em .5em;
  opacity: .5;
  transition: .25s ease all;
}
#carousel .slides li:hover img,
#carousel .slides .flex-active-slide img {
  opacity: 1;
}

#slider .flex-direction-nav a {
  outline:none;
  opacity: 1;
  color: #ffffff;
  color: rgba(255,255,255,.85);
}
#carousel .flex-direction-nav a {
  height: 100%;
  padding: 1em;
  opacity: 1;
  top: auto;
  bottom: 0;
  outline:none;
  line-height: 2;
  background: #333333;
  background: rgba(51,51,51,.85);
}
#carousel .flex-direction-nav a:hover {
  color: #ffffff;
  background: #000000;
  background: rgba(0,0,0,.85);
}


#carousel .flex-direction-nav .flex-next {
  padding: .5em 1.25em .5em 1em;
  right: 0;
}
#carousel .flex-direction-nav .flex-prev {
  padding: .5em 1.5em .5em .75em;
  left: 0;
}




.jajo {
  opacity: .5;
  float:left;
  display:inline-block;
  padding: 0 !important;
  line-height: 1; 
  font-size: .875em; 
  color: none !important; 
  border-right: none !important;
  margin-top: 2px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.jajo:hover {
  opacity:1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.jajo img {
  height: 20px;
  display: block;
}