#wrapper{top:0;}#at3lb{top:12px!important;}#mobile-menu-panel{top:12px;}.bw-is-mobile #mobile-menu-panel{top:0}h1,h2,h3,h4,h5,h6,.section-header h2,.bw-blog-creative .sub-info,#logo a h1,#bw-slider-cover h2,.widget_search input,#cleint-area-search{font-family:'Playfair Display'}.post-title a,.widget .widget-title{font-family:'Droid Serif'}#header #navigation .menu li a,.navigation-footer,.footer-copy,.bw-navigation,.panama-button{font-family:'Playfair Display'}#logo p,#bw-slider-cover h4{font-family:'Pinyon Script'}.bw-cover-square h3,.panama-heading .heading-sub-title,.bw-text-slider-item span{font-family:'Great Vibes'}#mega-menu-wrap-primary_left #mega-menu-primary_left>li.mega-menu-megamenu>ul.mega-sub-menu,#mega-menu-wrap-primary_right #mega-menu-primary_right>li.mega-menu-megamenu>ul.mega-sub-menu{padding-left:20px!important;padding-right:20px!important;}

.cover-content { 
    padding: 20px 0px 10px !important; height: 400px; pointer-events: all !important;


}
.cover-content p { color:#fff;
    transition: opacity 5s ease-in-out;
    -moz-transition: opacity 5s ease-in-out;
    -webkit-transition: opacity 5s ease-in-out;}

.cover-content .jspVerticalBar { 
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s linear 300ms, opacity 300ms;
}
.cover-content:hover .jspVerticalBar { 
	visibility: visible;
  	opacity: 1;
  	transition: visibility 0s linear 0s, opacity 300ms;
}

.bw--gallery-slider { background-color: #333; }

.vip img {
  	-webkit-filter: blur(2px) grayscale(1) !important;
  	filter: blur(2px) grayscale(1) !important;
}

div, p, span, button, a, textarea, input, select { outline: none;}


.albumbox {
  	margin: 0px auto 20px;
  	left:0px;
  	right: 0px;
}

.albumbox img {
	margin: 0 2% 2% 0%; /*15px 20px 6px 0px;*/
	width: 22%;
	padding: 0;
	/*float: left;*/
	border: 1px solid #eee;
}

.albumbox img:hover{
  	opacity: .8;
  	-webkit-transition: all .2s ease;
  	-moz-transition: all .2s ease;
  	-o-transition: all .2s ease;
  	transition: all .2s ease;
}

.albumbox li {
  	padding: 0;
  	margin: 0;
  	list-style-type: none;
}

.album { 
  	display: inline-block;
  	min-width: 100px;
  	max-width: 150px;
  	width: 23%;
  	text-align: center;
  	padding: 0 15px 30px 0;
  	/*float: left;*/
  	vertical-align: top;
}

.album img {     
    max-width: 100%;
    border: 2px solid #fff;
    border-radius: 0;
    border-color: #fff;
    margin-bottom: 10px;
}
.album a span{ text-transform: uppercase; font-size: 11px; color:#fff; }
.album a:hover span { color: #dcbc65;}

#footer { position: fixed; bottom: 50px; left:0px; right:0px; margin: 0 auto; font-size: 7px; color: #eee; text-align: center; text-transform: uppercase; letter-spacing: 1px;z-index: 1}

#footer #banners { margin-bottom: 50px; }
#footer #banners img { max-height: 50px;}
#footer a {color: #eee;}



@font-face {
    font-family: 'dashicons';
    src: url('../fonts/dashicons.eot');
    src: url('../fonts/dashicons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dashicons.woff') format('woff'),
         url('../fonts/dashicons.ttf') format('truetype'),
         url('../fonts/dashicons.svg#dashicons') format('svg');
    font-weight: normal;
    font-style: normal;
}


.videos {
  margin: 0px auto 20px;
  left:0px;
  right: 0px;
}
.videos img {
  margin: 2%; 
  width: 96%;
  padding: 0;
  float: left;
  border: 2px solid #f7ba6a;
 }
.videos a:hover .play { opacity: 1; }
.videos img:hover {
  opacity: .8;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
div.video { position: relative; width: 33%;height: 100%;display: inline-block;}
div.play { position: absolute; left: 0px; right:0px; width: 40px; margin: 0px auto; top:50%; bottom: 0px;
    margin-top: -20px;
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent; 
    border-left:40px solid #f7ba6a; 
    opacity: 0.5;
}

.btn-dark {
    cursor: pointer;
    margin-top: 10px;
    padding: 12px 22px;
    display: inline-block;
    background: #fff;
    letter-spacing: 1px;
    font-weight: 400;
    color: #000 !important;
    font-size: 10px;
    line-height: 12px;
    border: 1px solid #000;
    text-transform: uppercase;
	outline: none;
	position: relative;
	overflow:hidden;
    text-decoration: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.btn-dark:hover {
	background: #222;
	color: #fff !important;
    font-weight: 400;
    border: 1px solid #fff;
}

@media only screen and (max-width: 1100px) { 
    #footer { position: relative; margin: 20px auto 0px; }
    div.video { width: 33%;}

}

@media only screen and (max-width: 768px) {
  #bw-slider-cover.static {
      height: 100%;
      margin-top: 0px;
      width: 100%;
      margin-left: 0;
      left: auto;
      padding: 0 30px;
      top: 10px;
  }
  div.video { width: 50%;}
}


    
@media only screen and (max-width: 480px) {
    #footer { letter-spacing:0; padding:10px 20px; bottom:20px; text-transform: capitalize;}
    #bw-frame-border li { background-color: #000; }
    div.video { width: 100%;}
}