html[xmlns] .slides{display:block;}
* html .slides{height:1%;}

#slider_wrapper{position: relative;}
#slider{margin:0; position: relative;}

#flexslider{position:relative; }
#flexslider .slides>li{display:none;position:relative;}

.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.slides{list-style:none outside none;margin:0;padding: 0;}
.slides img{width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

#flexslider .flex-control-nav{display:inline-block; padding: 0; margin: 0; position: absolute; right: 0; left: 0; bottom: 5%; z-index:5; overflow:hidden;list-style:none; text-align: center; line-height: 1;}
#flexslider .flex-control-nav li{display: inline-block; float:none; width:24px; height:20px;}
#flexslider .flex-control-nav li a{
  display:block;width: 100%; height: 100%;  text-indent: -9999%; cursor:pointer; position: relative; overflow: hidden;
  background: url("../images/pagination-slider.png") 50% 3px no-repeat;
}
#flexslider .flex-control-nav li a:hover{
  background: url("../images/pagination-slider.png") 50% -52px no-repeat;
}
#flexslider .flex-control-nav li .flex-active{
  cursor:default;pointer-events:none;
  background: url("../images/pagination-slider.png") 50% -25px no-repeat;
}

#flexslider .flex-direction-nav{padding: 0; margin: 0; list-style: none;}
#flexslider .flex-direction-nav li{}
#flexslider .flex-direction-nav li a{display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 50%; margin-top: -40px;}
#flexslider .flex-direction-nav li a.flex-prev{background: url(../images/prev.png) center center no-repeat; opacity: 0.5; filter: alpha(opacity=50);}
#flexslider .flex-direction-nav li a.flex-prev:hover{opacity: 1; filter: alpha(opacity=100);}
#flexslider .flex-direction-nav li a.flex-next{background: url(../images/next.png) center center no-repeat; opacity: 0.5; filter: alpha(opacity=50); left: auto; right: 0;}
#flexslider .flex-direction-nav li a.flex-next:hover{opacity: 1; filter: alpha(opacity=100);}

.flex-caption{position:absolute;width: 100%; left:0; top: 50%; text-align:center; margin-top: -60px;}
.flex-caption > div{}
.flex-caption .txt1{font-family: 'Montserrat'; font-weight: 700; font-size: 60px; line-height: 1.2; color: #f2e9e4; text-transform: uppercase; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8); padding-bottom: 0px;}
.flex-caption .txt2{font-family: 'Montserrat'; font-weight: 400; font-size: 30px; line-height: 1.2; color: #f2e9e4; text-transform: uppercase; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8); letter-spacing: 3px; margin-bottom: 40px;}

a.join {
  color: #f2e9e4;
  text-transform: uppercase;
  display: block;
  border: 2px #fff solid;
  text-decoration: none;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  line-height: 52px;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Montserrat';
  letter-spacing: 2px;
  -webkit-border-radius:  5px;
  -moz-border-radius:  5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-shadow:1px 1px 2px rgba(0, 0, 0, 0.8);
}
a.join:hover {
  color: #fff;
}


@media (max-width: 1199px) {
  .flex-caption{margin-top: -80px;}

}

@media (max-width: 991px) {
  .flex-caption{margin-top: -80px;}


}

@media (max-width: 767px) {
  #flexslider{min-height: 0;}


  /*#flexslider .flex-direction-nav li a{top: 30%; margin-top: 0px;}*/

}

@media (max-width: 480px) {
  /*#flexslider{min-height: 120px;}*/
  .flex-caption{
    position: relative;
    top: 0;
    margin-top: 0;
    padding-top: 20px;    
  }
  #flexslider .flex-control-nav {
    display: none;    
  }
  #flexslider .flex-direction-nav li a {
    top: 40px;
    margin-top: 0;
  }
  /*.flex-caption .txt1{font-size: 30px;}*/
  /*.flex-caption .txt2{font-size: 12px;}*/

}