/*


         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(0, 0, 0, 0.95);
  color: #fff;
 }

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

canvas {
  display: block;
}

body {
  margin: 0px;
  padding: 0px;
  background: #000!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: center bottom!important;
    margin: 15px 0px!important;
    font-family: Georgia, Times, 'Times New Roman', serif!important;
    color: #505050!Important;
    font-size: 1.1em!important;
    line-height: 1.5em!important;
    font-weight: 300!important;
  overflow-x: hidden;

}

.content a {
  color: #46cd83!important;
  transition: color 0.2s ease-in-out;
}

.content a:hover {
  color: #959595!important;
  transition: color 0.2s ease-in-out;
}

h1, h2, h3, h4 {
  font-family: "lust",sans-serif!important;
  font-weight: 500!important;
}

h5 {
  font-family: "brandon-grotesque",sans-serif!important;
  text-transform: uppercase!important;
  font-weight: 900!important;
  color: #fff!important;
  letter-spacing: 4px!important;
}

h5.darkfont {
  font-family: "brandon-grotesque",sans-serif!important;
  text-transform: uppercase!important;
  font-weight: 900!important;
  letter-spacing: 4px!important;
  font-size: 115%!important;
}

h6 {
  font-family: "brandon-grotesque",sans-serif!important;
  text-transform: uppercase!important;
  font-weight: 900!important;
  color: #ccc!important;
  letter-spacing: 4px!important;
  font-size: 2em!important;

}



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

h2 {
  font-size: 2em!important;
  color: #adadad
}

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

p {
  font-size: 1em!important;
  line-height: 1.5em!important;
  font-weight: 300!important;
  margin: 15px 0px!important;
  font-family: Georgia, Times, 'Times New Roman', serif!important;
  color: #505050;
}

blockquote {
  border-left: 0px!important;
}

blockquote p {
  font-family: "lust",sans-serif!important;
  font-weight: 500!important;
  font-size: 2em!important;
  color: #000!important;
  font-style: italic!important;
}

.past-main {
  background: rgba(0, 0, 0, 0.87);
  padding: 0px!important;
  height: 90px!important;
  position: fixed;
  transition: all 0.2s ease-in-out;
  top: 0;
}

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

.headline {
  font-size: 1.8em!Important;
  color: #393939;
  margin-top: 10px!important;
  font-weight: normal!important;
}

.row {
  max-width: 1280px;
    margin-left: auto!important;
    margin-right: auto!important;
}

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

.fnav a .fa {
 color: #000!important;
}

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

.green {
  background: #46cd83!important;
  background-image: url('../img/bg3.jpg')!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  background-position: center!important;

}

.green h1, .green p, .content .green h5 {
  color: #fff!important;

}

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

.navigation img {
  max-width: 150px;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

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

.navigation {
  width: 100%;
  height: 160px;
  padding: 40px;

  transition: all 0.2s ease-in-out;
  z-index: 999;
}

.navigation ul {
  list-style-type: none;
  text-align: right;
  padding-top: 26px;
}

.navigation ul li {
  display: inline-block;
  padding: 9px 0px;
  text-transform: uppercase;
  font-weight: 600;
  height: 42px;
  font-family: "brandon-grotesque",sans-serif;
  letter-spacing: 2px;
  font-size: 0.7em!important
}

.navigation ul li a {
  color: #fff!important;
  padding: 15px 12px;
  border-bottom: 0px solid #46cd83;
  transition: color 0.1s ease-in-out;
}

.navigation  .button2 a {
background: transparent!important;
border: 2px solid #fff!important;
}

.navigation  .button2 a:hover {
  background: #fff!important;
  color: #000!important;

}

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

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

.sharedaddy {
    clear: both;
    text-align: center;
    margin-top: 60px;
}

.header {
  width: 100%;
  height: 750px;
}

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

.header h2 {
  color: #fff;
  font-size: 3.7em!important;
}

.tdivider {
  margin: 20px 0px;
  height: 8px;
  background: #ccc;
  width: 100%;
}

.header h3 {
  color: #fff;
    font-size: 1.8em!important;
    max-width: 1180px;
    font-weight: normal!important;
    text-transform: none!important;
}

.feat {
  padding-top: 10%;
}

.header h5 a {
  color: #fff!important;
  transition: color 0.2s ease-in-out;
  padding-top: 7%!important;
}

.header h5 a:hover {
    color: #46cd83!important;
  transition: color 0.2s ease-in-out;
}

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

.content h1 {
  color: #000;
  font-size: 3em!important;
}

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

.grey h1 {
  color: #515151;
}

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

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

.dark h1 {
  color: #fff;
}

.dark p {
  color: #fff;
}

.fnav h5 {
  font-size: 0.9em!important;
   transition: color 0.2s ease-in-out
  letter-spacing: 3px!important;
}

.text-row {
  max-width: 980px!important;
  margin: auto!important;
}

.fnav .fa {
  font-size: 1.2em!important;
  padding: 0px 3px;
}

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

.fnav a h5:hover {
  color: #000!important;
  transition: color 0.2s ease-in-out
}

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

.arrow:hover {
  color: #46cd83!important;
}

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

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

.content h5 {
  color: #4b4c4c!important;
}

.widget_tag_cloud a {
  background: transparent!important;
  color: #707070!important;
  border: 2px solid #707070!important;
  font-family: "brandon-grotesque",sans-serif!important;
  letter-spacing:  1px;
  font-weight: 900!important;
  text-transform: uppercase!important;
  font-size: 0.8em!important;
  margin: 5px 0px!important;
  padding: 20px 30px!Important;
  outline: 0!Important;
  letter-spacing: 4px!important;
  transition: all 0.2s ease-in-out;
  display: inline-block!important;
}

.widget_tag_cloud a:hover {
  background: #fff!important;
  color: #000!important;
  border: 2px solid #fff!important;
  transition: all 0.2s ease-in-out;
}

h4.widget-title {
    margin: 30px 0px!important;
    display: block;
    height: 60px;
}

button {
  background: transparent!important;
  border: 2px solid #fff!important;
  font-family: "brandon-grotesque",sans-serif!important;
  letter-spacing:  1px;
  font-weight: 900!important;
  text-transform: uppercase!important;
  font-size: 1em!important;
  margin: 20px 0px!important;
  padding: 25px 30px!Important;
  outline: 0!Important;
  letter-spacing: 4px!important;
}

button:hover {
  background: #fff!important;
  color: #000!important;
}

.archives {
  list-style-type: none!important;
}

.archives li {
  display: inline-block!important;
}

.archives li a {
  background: transparent!important;
  color: #707070!important;
    border: 2px solid #707070!important;
    margin: 20px 10px!important;
  font-family: "brandon-grotesque",sans-serif!important;
  letter-spacing:  1px;
  font-weight: 900!important;
  text-transform: uppercase!important;
  font-size: 1em!important;
  padding: 25px 30px!Important;
  outline: 0!Important;
  letter-spacing: 4px!important;
  display: inline-block;
}

.archives li a:hover {
  background: #fff!important;
  border: 2px solid #fff!important;
  color: #000!important;
  transition: all 0.2s ease-in-out;
}

.arr {
  border-radius: 1000px;
}

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

   .nav {
      display: none;
    }

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

 }


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

.mn {
	height: 100px!Important;
}

.archive {
height: 550px!important;
}

	.row { padding: 0px 20px;}

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

    .navigation {
      padding: 15px 10px;
      position: fixed;
    }

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

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

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

  .header {
    padding-top: 5px;
  }

  .feat {
  padding-top: 5%;
}

.grey figcaption h3 {
    color: #000;
    font-size: 1.5em!important;
}

 

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



  .header h5 {
    font-size: 0.8em!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;
  }

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


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

}

.navigation li ul:after 
{
content: '';
position: relative;
border: none!important;
display: block;
}


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


  }


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

  .grey figcaption .vertical {
    display: none!important;
  }

.grey figcaption h3 {
    color: #000;
    font-size: 1.3em!important;
}

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

    .content input[type="text"] {
    width: 100%!important;
    margin: 20px 0px!important;
  }

  .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: 350px;
  }


  .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: 450px!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 { 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: 40px 20px;
      margin: 0px!important;
}

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

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

.grey button {
  color: #707070!important;
  border: 2px solid #707070!important;
}

.grey button:hover {
  border: 2px solid #fff!important;
  background: #fff!important;
  color: #000!important;
}

.arch button {
  margin: 10px 10px!important
}

.grey figcaption button {
  color: #fff!important;
  border: 2px solid #fff!important;
}

.grey figcaption button:hover {
  color: #000!important;
}

.grey figcaption {
  background: #fff;
  padding: 80px; 
  height: 450px;
  margin: 15px 0px;
  transition: all 0.2s ease-in-out
}

.grey figcaption h3 {
  color: #000;
  font-size: 1.8em;
}

.grey figcaption a h3 {
  transition: all 0.2s ease-in-out
}

.grey figcaption a:hover h3 {
  color: #46e87f!important;
  transition: all 0.2s ease-in-out
}

.grey figcaption p:first-child:first-letter {
  font-size: 2em!important;
}

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

.grey .small .meta {
  font-size: 0.6em!important;
}

.grey .bgimg h3 {
  color: #fff!important;
}

.grey .bgimg .meta {
  color: #fff!important;
  font-size: 0.8em!important;
  margin: 15px 0px!important;
}

.grey .bgimg .meta a {
  color: #fff!important;
}

.grey .bgimg .meta a:hover {
  color: #46cd83!important;
}

.grey .bgimg button {
  padding: 15px 20px!important;
  font-size: 0.9em!important;
  letter-spacing: 3px!important;
}

.grey figcaption .vertical {

    -webkit-transform:rotate(90deg);
	-webkit-transform: -webkit-rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:30px;
    height:10px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 40px;
    font-family: "brandon-grotesque",sans-serif!important;
    letter-spacing: 2px!important;
    font-weight: 900!important;
    color: #46e87f!important;
}

.vertical a {
  color: #46e87f!important;
}

 .meta {
    color: #BBBBBB;
    margin: 5px 0px!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    font-family: "brandon-grotesque",sans-serif!important;
    letter-spacing: 2px!important;
    font-size: 0.9em!important;

}

.date {
  font-size: 0.8em!important;
  font-weight: 600!important;
  font-family: "brandon-grotesque",sans-serif!important;
  letter-spacing: 2px!important;
  color: #b0b0b0!important;
  text-transform: uppercase;
}

.content input[type="text"] {
  float: right!important;
  width: 300px;
  border-radius: 1000px!important;
  border: 1px solid #fff!important;
  outline: 0!important;
  padding: 25px!important;
  box-shadow: none!important;
}

.wp-pagenavi a {
  background: #fff;
  border-color: #fff!important;
  color: #000!important;
  margin: 25px 5px!important;
    padding: 10px 15px!Important;
}

.wp-pagenavi span.current {
    border-color: #000;
    background: #000;
    color: #fff!Important;
    margin: 25px 5px!important;
    padding: 10px 15px!Important;
}

.wp-pagenavi {
    clear: both;
    margin-top: 30px;
}


.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 h5 {
  font-size: 0.9em!important;
  letter-spacing: 3px!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;
}

/* Wrapper */
.sl-wrapper a {
  border-bottom: 0 !important;
  text-decoration: none !important;
}
.sl-button {
  padding: 0.375em 0.625em;
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
}

/* Colors */
a.liked {
  color: #da1b1b;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
  color: #666666;
}
a.liked span.sl-count,
.sl-count {
  color: #666666;
}

/* Icon */
.sl-icon {
  margin-right: 0.3125em;
  font-family: 'Arial Unicode MS', Arial, sans-serif;
  vertical-align: middle;
}
.sl-icon svg {
  fill: currentColor;
  width: 1em;
  height: 1em;
}
.sl-icon svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}

/* Count */
.sl-count {
  font-size: 0.625em;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: .375em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}

.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: 250px;
  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: #000 transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 85px;
}


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

.navigation li ul a
{
  line-height:120%;
  padding:0;
  padding-top: 20px;
}

.adarea {
  height: auto;
  padding: 30px 0px;
}

.widget {
  padding: 30px 0px;
}

.submenu:hover
{
  display:block
}

.topwidget .widget {
      padding: 20px;
}

.photo {
display: none!Important;}

ul#menu-bottom-menu {
    list-style-type: none;
    margin: 0px;
}

#menu-bottom-menu li:before {
content: "/ ";
}

#menu-bottom-menu li {
	font-family: "brandon-grotesque",sans-serif!important;
    text-transform: uppercase!important;
    font-weight: 900!important;
	color: #959595!important;
    letter-spacing: 4px!important;
	font-size: 0.9em!important;
    margin: 5px 0px;

}

#menu-bottom-menu li a {
	color: #959595!important;
}

#menu-bottom-menu li a:hover {
	color: #000!important;
}

.fnav  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    background: #eee;
    outline: 0;
    border: 0px;
    padding: 10px;
	font-family: "brandon-grotesque",sans-serif!important;
    text-transform: uppercase!important;
    font-weight: 900!important;
	transition: all 0.2s ease-in-out;
	cursor: pointer;

}

.fnav  input[type="submit"]:hover {

	background: #000!Important;
	color: #fff!important;
	transition: all 0.2s ease-in-out;
}


.fnav .textwidget p {
    font-family: "brandon-grotesque",sans-serif!important;
    text-transform: uppercase!important;
    font-weight: 900!important;
    color: #959595!important;
    letter-spacing: 2px!important;
    font-size: 0.8em!important;
}

.fnav input[type="text"] {
width: 100%!Important;
background: #eee!important;
}

.fnav p:first-child:first-letter {
  font-size: 1em!important;
}

.wp-post-image {
padding: 30px 0px;
}

p.wp-caption-text {
	 font-style:italic;
font-size: 0.9em!Important;
margin-bottom: 30px!important;


}

.nocomments{display:none;}

.grey .archive {
height: 350px;
}

.alignright {
	float: right;
	margin: 20px;
}

.alignleft {
	float: left;
	margin: 20px;
}