/*


         d8b                 888                            888
         Y8P                 888                            888
                             888                            888
 .d8888b 888 888d888 .d8888b 888  .d88b.  .d8888b  88888b.  88888b.   .d88b.  888d888 .d88b.
d88P"    888 888P"  d88P"    888 d8P  Y8b 88K      888 "88b 888 "88b d8P  Y8b 888P"  d8P  Y8b
888      888 888    888      888 88888888 "Y8888b. 888  888 888  888 88888888 888    88888888
Y88b.    888 888    Y88b.    888 Y8b.          X88 888 d88P 888  888 Y8b.     888    Y8b.
 "Y8888P 888 888     "Y8888P 888  "Y8888   88888P' 88888P"  888  888  "Y8888  888     "Y8888
                                                   888
                                                   888
                                                   888

 */

 ::selection {
  background-color: rgba(58, 112, 193, 0.95);
  color: #fff;
 }

 ::-moz-selection {
  background-color: rgba(58, 112, 193, 0.95);
  color: #fff;
 }

canvas {
  display: block;
}

body {
  margin: 0px;
  padding: 0px;
  background: #fff!important;
  background-image: url('../img/bg.jpg')!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: center bottom!important;
  font-family: "futura-pt",sans-serif!important;
  overflow-x: hidden;
}

a {
  color: #feb136!important;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: #fe6536;
  transition: color 0.2s ease-in-out;
}

h1, h2, h3 {
  font-family: "trajan-pro-3",sans-serif!important;
  font-weight: 400!important;
}

.content h4 {
  color: #000!important;
}

 .dark h4 {
  color: #fff!important;
}
h4 {
  font-family: "futura-pt",sans-serif!important;
  color: #fff!important;
  font-weight: 900!important;
  letter-spacing: 2px;
      font-size: 1.1em!Important;
}

h1 {
  font-size: 1.8em!important;
  font-weight: 400!important;
}

h2 {
  font-style: italic;
  font-weight: 400!important;
  font-size: 1.7em!important;
  color: #adadad
}

h3 {
  font-weight: 400!important;
  font-size: 1.3em!important;
}

p {
  font-size: 1.1em!important;
  font-weight: 300!important;
  margin: 15px 0px!important;
  font-family: "futura-pt",sans-serif!important;
  color: #505050;
}

.past-main {
  background: #feb136;
  padding: 0px!important;
  transition: all 0.2s ease-in-out;
  position: fixed;
  top: 0
}

.divider {
  margin: 15px 0px!important;
  float: left;
}

.blue {
  background: #3a70c1!important;
}

.blue h4 {
  color: #fff!important;
  margin: 10px!important;
}

.blue button, .red button {
  color: #fff!important;
  background: transparent;!important;
  border-color: #fff!important;
  border: 2px solid #fff;
}

.past-main img {
  max-height: 90px;
  padding: 20px;
}

.headline {
  font-size: 1.5em!Important;
  margin-top: 10px!important;
}

.row {
  max-width: 1080px!Important;
}

.content a .fa {
  font-size: 1em;
  transition: color 0.2s ease-in-out;
}

.content a img {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.content a:hover img {
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
}

a .fa {
  transition: color 0.2s ease-in-out;
}

.about {
  padding: 0px!important;
}

.red {
  background: #feb136!important;
}

.red img {
  max-width: 100px;
}

.red h1, .red h3, .red p  {
  color: #fff!important;
  border-color: #fff!important;

}



#about {
  padding: 85px;
  background: #fff;
  height: 600px;
}

.menu {
    height: 80px;
    background: #feb136;
}

.menu img {
      max-height: 90px;
    padding: 20px;
}

.navigation {
  width: 100%;
  height: 80px;
  transition: all 0.2s ease-in-out;
  z-index: 999;
}

.navigation ul {
  list-style-type: none;

}

.navigation ul li {
  display: inline-block;
  padding: 27px 15px;
  text-transform: uppercase;
  font-weight: 600;
  height: 60px;
  position: relative;
  letter-spacing: 2px;
}

.navigation ul li a {
  color: #1f2428!important;
  transition: color 0.1s ease-in-out;
}

.navigation ul li a:hover {
  color: #fff!important;
  transition: color 0.1s ease-in-out;
}


.navigation li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.navigation li ul
{
  display:none;
  position:absolute;
  list-style-type: circle;
  top: 75px;
  right: 25px;
  width: 150px;
  height: auto;
  z-index: 999;
  background: transparent;
  padding:0;
  visibility: hidden;
  margin-left:0!important;
  background: #000;

}

.navigation li ul:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: #fff transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
right: 20px;
}


.navigation li ul li
{
  float:none;
  width:250px;
  display: block!important;
  background: #fff;
  padding-top: 10px!important;
  padding: 10px 13px;
    height: auto;
    text-align: left;
}

.navigation li ul a
{
  line-height:120%;
  padding:0;
  padding-top: 20px;
  width:250px;
  font-size: 1em!important;
  color: #3a70c1!important;
}

.content .title {
  font-size: 4.5em!important;
}

.header {
  width: 100%;
  height: 450px;
  padding-top: 10%;
}

.header h1 {
  color: #fff;
  font-size: 4.5em!important;
  line-height: 80px;
  font-weight: 900!important;
}

.header h2 {
  color: #fff;
    font-size: 3em!important;
    max-width: 1080px;
}

.header h3 {
  color: #fff;
    font-size: 1.5em!important;
    font-weight: normal!important;
    text-transform: none!important;
}

.content {
  height: auto;
  width: 100%;
  padding: 80px 0px;
  background: #fff;
}

.content h1 {
  color: #1f2428;
  font-size: 2em!important;
}

.content h3 {
  color: #ec4545;
}

 .grey h3 {
  color: #3a70c1!important;
}

.grey {
  background: #eaeaea;
  height: auto;
 
}

.grey h1 {
  color: #e93030;
}

.grey .red {
  background: #e93030!important;
  border-color: #e93030!Important;
  color: #fff!important;
}

.grey strong {
  color: #46cd83!important;
  font-size: 1.3em!important;
}

.dark {
  background: #1f2428;
  background-position: center!important;
  background-size: cover!important;
  height: auto;
}



.dark h1 {
  color: #fff;
}

.dark h3 {
  color: #efb34c;
}

.dark p {
  color: #fff;
}

.arrow {
  font-size: 2em!important;
  color: #fff!important;
  margin-top: 60px;
}

.arrow:hover {
  color: #e93030!important;
}

.content .row {
  max-width: 1080px!important;
}

.content .dark .row {
  max-width: 1280px!important;
}

button {
  background: #feb136!important;
  font-family: "futura-pt",sans-serif!important;
  font-weight: 500!important;
  font-size: 1.3em!important;
  margin: 20px 10px!important;
  padding: 20px 40px!Important;
  outline: 0!Important;
  letter-spacing: 2px;
  color: #fff!important;
  border: 2px solid #feb136!important;
}

button:hover {
  background: #1f2428!important;
  color: #fff!important;
  border: 2px solid #1f2428!important;
}



.content button:hover {
  background: #1f2428!important;
  color: #fff!important;
}

.content .blue {
  background: #3a70c1!important;
  color: #fff!important;
  border-color: #3a70c1!important
}

.arr {
  border-radius: 1000px;
}

@media screen and (max-width: 1280px){ 
 .team {
    width: 23%!important;
    float: left;
    margin: 10px;
  }

 }


  @media screen and (max-width: 1080px){ 
    .nav {
      display: none;
    }

    .dark .text-left, .dark .text-right {
  text-align: center!important;
}

    .tleft {
      border-right: none!important;
      text-align: left!important;
      border-bottom: none!important;
    }

    .navigation {
      padding: 30px 10px;
    }

    .navigation img {
      max-width: 120px;
    }

    #nav-toggle {
    display: block!important;
    position: fixed;
  }

  .past-main img {
    max-height: 90px;
    padding: 20px 0px;
}


.arrow {
  margin-top: 10px!important;
}

  .team {
    width: 30%!important;
    float: left;
    margin: 10px;
  }

   .header h1 { 
    font-size: 3em!important;
    line-height: 50px;
  }

  .header h2 {

    font-size: 2em!important
  }

  .header h3 {
    font-size: 1.3em!important;
  }

  #about {
    padding: 40px 20px;
    height: auto;
  }

  .text-right2 {
    text-align: left!important;
  }

  .copyright {
    text-align: center!important;
  }

  .reveal-modal h1 {
    text-align: left!important;
  }

  .reveal-modal p {
    text-align: justify;
  }

  }


 @media screen and (max-width: 640px){ 
  .team {
    width: 47%!important;
    float: left;
    margin: 5px;
  }

  .reveal-modal {
    width: 100%!important;
    max-width: 100%!important;
  }

  .modalimg {
    height: 550px!important;
  }

  p {
    font-size: 1.1em!important;
  }

  .grey figcaption {
    padding: 40px!important;
    height: 260px;
  }

  .rosterimg {
    width: 100%!important;
    height: 175px!important;
    margin: 20px 0px!important;
  }

  .port {
    width: 50%!important;
    float: left;
  }

  .team p {
    width: 100%!important;
  }

  .headline {
  font-size: 1.5em!Important;

}

.header {
  height: 250px!important;
      padding-top: 15%;
}

.menu {
  height: 0px!important;
}

 .header h1 { 
    font-size: 2em!important;
    line-height: 50px;
  }

  .header h2 {

    font-size: 1.5em!important
  }

  .header h3 {
    font-size: 1.3em!important;
  }

  h3 {
    font-size: 1.3em!important;
  }

.divider {
  margin: 15px 0px!important;
}

}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .fadeIn { visibility: visible!important; }
nav { background-color: #2d3133; margin-top: -1px; }
nav ul { list-style: none; padding: 0;   margin: 10px ; margin-top: 30px;}
nav ul li { color: rgba(255, 255, 255, 0.6); display: block!important; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative;padding:0px!important; }
nav ul li:last-child { border: none; }
nav ul li a {color: #feb136!important; display: block!important;  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
nav ul li a:hover, nav ul li a:focus { text-decoration: none; color: rgba(255, 255, 255, 1)!important; }
#nav-toggle { display:none ; right: 15px; top: 15px;  z-index: 999; }
#nav-toggle { cursor: pointer; padding: 30px 55px 16px 0px;float:right;  }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 0px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 2px; width: 35px; background: #FFF; position: absolute; display: block; content: ''; }
#nav-toggle p {margin-left: -70px; margin-top: -20px; float: left; color: #fff; letter-spacing: 2px;   font-size: 1.3em!important;}
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }
.navicon { position: relative; height: 26px; }
.indicator { position: absolute; right: 0 !important; }
.pull { display: none; }

.cbp-spmenu {
  background: #000;
  position: fixed;
  text-align: left!important;

}

.cbp-spmenu h3 {
  color: #afdefa;
  font-size: 1.9em;
  padding: 20px;
  margin: 0;
  font-weight: 300;
  background: #2d3133;
}

.cbp-spmenu a {
  display: block;
  font-size: 1em;
  font-weight: 300;
}

.cbp-spmenu a:hover {
  color: #fff!important;
}

.cbp-spmenu a:active {
  color: #fa9969;
}

.cbp-spmenu-vertical {
  width: 300px;
  height: 100%;
  top: 0;
  z-index: 888;
  padding: 140px 40px;
      margin: 0px!important;
}

.cbp-spmenu-vertical a {
  padding: 1em;
}

.cbp-spmenu ul li a {
  color: #feb136!important;
}

.cbp-spmenu-horizontal {
  width: 100%;
  height: 150px;
  left: 0;
  z-index: 888;
  overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}

.cbp-spmenu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}

.cbp-spmenu-left {
  left: -240px;
}

.cbp-spmenu-right {
  right: -300px;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}

.cbp-spmenu-top {
  top: -150px;
}

.cbp-spmenu-bottom {
  bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
  top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
  bottom: 0px;
}

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 240px;
}

.cbp-spmenu-push-toleft {
  left: -240px;
}

.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media screen and (max-width: 55.1875em){

  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }

  .cbp-spmenu-top {
    top: -110px;
  }

  .cbp-spmenu-bottom {
    bottom: -110px;
  }

}

@media screen and (max-height: 26.375em){

  .cbp-spmenu-vertical {
    font-size: 90%;
    width: 190px;
  }

  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }

  .cbp-spmenu-right {
    right: -190px;
  }

  .cbp-spmenu-push-toright {
    left: 190px;
  }
}

.reveal-modal {
  border: none!important;
  max-width: 85%;
  width: 85%;
}

.tleft {
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  text-align: right;
}

.tright {
  border-bottom: 1px solid #d2d2d2;
}

.modalimg {
  height:625px;
}

.rosterimg {
  background: #bbb url('../img/team.jpg');
  background-size: cover!important;
  background-position: center!important;
  width: 200px;
  height: 225px;
  margin: 20px;
  float: left;
  transition: transform 0.2s ease-in-out!important;
}

.rosterimg:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: transform 0.2s ease-in-out!important;
}

.rosterimg section {
  opacity: 0;
  background: #46cd83;
  width: 100%;
  height: 100%;
  padding: 85px 5px;
  color: #fff;
  transition: opacity 0.2s ease-in-out;
  text-align: center;
}

.rosterimg a {
  color: #fff!important;
}

.rosterimg .fa {
  font-size: 3em!Important;
}

.rosterimg section p {
  color: #fff!important;
  font-size: 0.85em!important;
}

.rosterimg section p strong {
  color: #fff!important;
}

.rosterimg section:hover {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.team p {
      width: 240px;

      font-size: 1.1em!important;
}

.team {
  width: 250px;
  float: left;
  height: 350px;
}

figcaption {
  padding: 60px; 
  height: 300px;
  margin: 15px 0px!important;
  transition: all 0.2s ease-in-out;
  width: 100%!important;
}

.content figcaption button {
  color: #3a70c1!important;
  background: #fff!important;
  border-color: #fff!important;
}

.content figcaption button:hover {
  border-color: #e93030!important;
} 

figcaption h3 {
  color: #fff!important;
}

figcaption .meta {
    color: #fff;
    margin: 5px 0px!important;
    text-transform: uppercase!important;
    font-weight: 500!important;

}



.divider {
  width: 100%;
  height: 10px;
  margin: 30px 0px;
}

.copyright {
  background: #080d10;
  padding: 40px;
  height: auto;
  width: 100%;
}

.light {
  color: #616a6f;
  font-size: 1em!important;
}

.copyright p {
  font-size: 1.2em!important;
}

.copyright a {
  color: #fff!important;
}

.copyright a:hover {
  color: #46cd83!important
}

.text-right2 {
  text-align: right;
}

[class*="column"]+[class*="column"]:last-child {
    float: left!important;

    }

    body.modal-open {
   overflow: hidden;
   position: fixed;
}
.reveal-modal {
   overflow-y: auto;
   height: 100%;
   position: fixed;
}