/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
body{
  overflow-x: hidden;
}
html, body, #content {
  min-width:100% !important;
  height:100%;  
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
  font-size:16px !important;
  margin:0;
  padding:0;
}

#slideshow {
  position: relative;
  min-width: 100%;
  height: auto;
}

#slideshow > div {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

#slideshow > div a img {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width:100%;
  height:auto;
}

.slide-label {
  background-color: rgba(255,255,255,.80); 
  padding:20px 215px 20px 70px;
  position:absolute;
  z-index:1000;
  left:0px;
  bottom:200px;
  font-size:2.5em;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight:300;
}

.slide-label a {
  color:#000000;
}

.slide-label a:hover {
  text-decoration:none;
}

.slide-label small {
  font-size:.5em;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
}

p {
  font-size:.85em;
  letter-spacing: 1px;
  line-height: 1.4;
}

.my-quote {
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D";
}
.my-quote:before {
  color: #000000;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.my-quote p {
  display: inline;
}

nav {
 position:relative;
}

.our-team {
  margin-top:20px;
  display:flex;
  justify-content:center;
}

.our-team img {
 margin-right:15px;
 margin-bottom:15px; 
}

.image-lg {
 width:100%;
 height:auto;
 background-size:cover;
 background-repeat:no-repeat;
}

.btn-scroll {
  position:absolute;
  z-index:1005;
  right:20px;
  bottom:0px;
}

#plan-administrators, #support-staff {
  padding-top:10px;
}

#plan-administrators div, #support-staff div {
  display:flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
}

#plan-administrators a, #support-staff a {
  /* flex:1 1 25% */
}

.hamburger-menu {
 position:fixed;
 z-index:1003;
 top:20px;
 right:30px; 
}

.hamburger-menu img {
  -webkit-filter: drop-shadow(5px 5px 5px #222 );
  filter: drop-shadow(1px 1px 1px #222); 
}

.nav-container {
 position:fixed;
 z-index:1003;
 left:50%;
  transform: translateX(-50%);
 top:20px;
 display:none;
}

.nav-container ul {
  list-style:none; 
  margin:0 0;
  padding:0 0;
  text-align:center;
}

.nav-container>ul>li {
  margin-bottom:15px;
}

.nav-container>ul>li>a {
  font-size:1.8em;
}

.nav-container ul li a {
  color:#ffffff;
}

h1 {
 margin-bottom:30px;
 font-size:2em;
}


h2 {
 font-size:1.75em;
 text-transform:uppercase;
}

h2 a {
  color:#000000;
}

h3 {
 font-size:1.5em;
 margin-bottom:20px;
}

h3 a{
 color:#000000;
}

.fixed {
  position:fixed !important;
}

.v-images, .v-image-1, .v-image-2, .v-image-3, .v-image-4, .v-image-5, .v-image-6 {
  min-height:100%;
  background-size:cover;
  /*background:repeat-x -275px bottom;*/
  position:relative;
  
  
  /*
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  */
  }

.copy-text {
 margin-top:150px;
 margin-left:50px;
 max-width:400px; 
}

.text-fixed {
 position:fixed; 
}

footer a {
  display:block;
}

footer img {
  width:100%; 
  height:auto; 
}

footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index:1002;
}

#switch-container {
  position: absolute;
  z-index:1004;
  top:70px;
  left:50%;
  margin-left:-191px;
  width:383px;
  text-align:center;
  display:none;
}

#switch-container p:not(:last-child){
 margin-bottom:50px;
}

.overlay {
 display:none;
 position: fixed; 
 top: 0; 
 left: 0; 
 z-index: 1003; 
 width: 100%; 
 height: 100%; 
 background-color: rgba(0,0,0,0.86);
}

.logo-white {
 position:fixed;
 z-index:1005;
 left:50px;
 top:0px;
 display:none;
}

.logo-color {
 position:fixed;
 z-index:2;
 left:50px;
 top:0px; 
}

.full-height {
  height:100% !important;
}

.col2 .scroller {
 display:block;
 position: absolute; 
 bottom: 20%; 
 left: 0; 
 z-index: 12; 
 width: 100%;
 background-color: rgba(255,255,255,0.85);
 color:#000000;
 font-size:3em;
 text-transform:uppercase;
}

.faqs ul {
  list-style:none; 
  margin:0; 
  padding:0;
}

.faqs ul li {
  padding-left:25px;
  padding-top:3px;
  padding-bottom:7px;
  background-image: url('img/bullet.png');
  background-repeat: no-repeat;
  background-position: 0px 7px; 
  font-size:1.1875em;
}

.faqs ul li div {
  display:none;
}

.faq-ul {
  list-style:none; 
  margin:0; 
  padding:0;
  font-size:.75em;  
}

.faq-ul li {
  padding-left:12px;
  padding-top:5px;
  background-image: url('img/bullet-black.png');
  background-repeat: no-repeat;
  background-position: 0px 7px; 
}

.faq-ul li div {
  display:none;
}

.faq-ul li div p {
  font-size:1em;  
}

.faq-ul li a {
  color:#000000;
}

.thumbnails {
 display:flex;
 justify-content:flex-start;
 flex-wrap:wrap; 
}

.thumbnail {
  display:block;
  filter: grayscale(100%);
  transition: all 0.5s ease;
  margin-right:5px;
} 

.thumbnail:hover {
 filter: grayscale(0%); 
}

.thumbnail div {
  width:155px;
  height:106px;
}

.copy-text .v-image-1, .copy-text .v-image-2, .copy-text .v-image-3, .copy-text .v-image-4 {
  display:none; 
  height:220px;
  background-size: cover;
  background-position: 0 0;
  margin-bottom:10px;
}

.copy-text .v-image-1 .scroller, .copy-text .v-image-2 .scroller, .copy-text .v-image-3 .scroller, .copy-text .v-image-4 .scroller {
 display:block;
 position: absolute; 
 bottom: 0px; 
 left: 0; 
 z-index: 12; 
 width: 100%;
 background-color: rgba(255,255,255,0.85);
 color:#000000;
 font-size:2em;
 text-transform:uppercase;
}

.col2 {
 display:block; 
}

.copy-team {
  margin-top:140px;
  margin-bottom:-20px;
}

.mobile-faqs {
  display:none;  
}

.team-h1 {
 margin-left:15px;
 margin-top:140px; 
}

.images-row {
  margin-right:0px !important;
  margin-left:0px !important;
}

.images-col {
  padding-right:15px;
  padding-left:15px;
}

@media (max-width: 667px) {
  
  #switch-container {
    position: absolute;
    z-index:1004;
    top:70px;
    left:50%;
    margin-left:-95px;
    width:191px;
    text-align:center;  
  }
  
  #switch-container img {
    width:50%; 
    height:auto; 
  }
  
  .logo-white img, .logo-color img {
   width:30%;
  }
  
  .logo-white, .logo-color {
   left:20px;
  }
  
  .copy-text {
   margin-top:75px;
   margin-left: 0;
   width:100%; 
   font-size:.85em;
   font-weight:400;
   padding: 0 35px;
   max-width: initial;
  }
  
  .text-fixed {
   position:initial; 
  }
  
  h2 {
   margin-bottom:15px;
   font-size:2em;
  }
  
  h3 {
   font-size:1em;
   margin-bottom:10px;
  
  }
  
  .hamburger-menu {
   position:fixed;
   z-index:1003;
   top:5px;
   right:10px;
  }
  

  
  .nav-container>ul>li>a {
    font-size:1em;
  }
  
  .nav-container>ul>li>ul>li>a {
    font-size:.65em;
  }
  
  .nav-container>ul>li {
    margin-bottom:10px;
  }
  
  .col2 .scroller {
   /*top: 50px; 
   bottom:unset;*/
   width: 100%;
   font-size:2em;
  }
  
  .box {
    height: auto !important;
  }
  
  .fixed {
   position:initial !important; 
  }
  
  .v-image-1, .v-image-2, .v-image-3, .v-image-4, .v-image-5, .v-image-6 {
    background-size:contain;
  }
  
  .image-lg {
    width:100%;
    height:auto;
  }
  
  /*.col2 {
   display:none; 
  }*/
  
  .copy-text .v-image-1, .copy-text .v-image-2, .copy-text .v-image-3, .copy-text .v-image-4 {
   display:block; 
   height:220px;
  }
  
  .slide-label {
    padding:20px;
    font-size:1.5em;
  }
  
  .copy-team {
    margin-top:75px;
    margin-left:unset;
  }
  
  .mobile-faqs {
    display:block;  
  }
  
  #slideshow > div a img {
    height:100%;
    width:auto;
  }
  
  .ui-tabs {
   padding:0; 
  }
  
  .our-team img {
    min-width:100%;
    height:auto;
  }
  
  .thumbnails {
   justify-content:space-between; 
  }
  
  .thumbnail {
   margin:unset;
  }
  
  /*
  .col-xs-12 {
   padding-right:5px;
   padding-left:5px;
  } */
  
  .row {
   margin-right:unset;
   margin-left:unset; 
  }
  
  .team-h1 {
   margin-left:0px;
   margin-top:75px; 
  }
  
  .images-row {
    margin-right:-15px !important;
    margin-left:-15px !important;
  }
  
  .images-col {
    padding-right:0px;
    padding-left:0px;
  }
  
}

/*******************************************************/
/******************* Helper Classes ********************/
/*******************************************************/

.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.block{
  display: block !important;
}
.mb15{
  margin-bottom: 15px;
}
.mt15{
  margin-top: 15px;
}
.wpcf7 .form-horizontal .form-group p {
  display: none;
}
.mobile-faqs .faq-ul li{
  padding-left: 13px;
  background-image: url(../images/bullet-black.png);
}
.team-thumbnail > div{
  background-size: cover;
}

.footer-nav-container .menu{
    width: 100%;
    display: table;
    margin: 0;
    padding: 0;
    table-layout: fixed;
}
.footer-nav-container li{
  display: table-cell;
  text-align: center;
}
.footer-nav-container li a{
  color: #fff;
  text-decoration: none;
  padding: 20px;
  font-size: 2em;
}
.footer-nav-container li:nth-child(1) a{
  background: #00A0AF;
}
.footer-nav-container li:nth-child(2) a{
  background: #262261;
}
.footer-nav-container li:nth-child(3) a{
  background: #00A0AF;
}
.content-container{
  overflow: auto;
}
.custom-scrollbar{
  overflow: auto;
}

.custom-scrollbar-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.custom-scrollbar-1::-webkit-scrollbar
{
  width: 6px;
  height: 6px;
  background-color: #F5F5F5;
}

.custom-scrollbar-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}
.content-offset{
  margin: 150px 50px 50px 50px;
}


@media(max-width: 991px){
  .tpl-contact.container-responsive .row .left-side-content{
    height: auto !important;
  }
}

@media(max-width: 767px){
  #footer{
    display: none;
  }
  .container-responsive .full-height{
    padding: 0;
  }
  .mobile-faqs{
    display: block;
  }
  .copy-text{
    max-width: initial;
    margin-left: 0;
    padding: 0 35px;
  }
}