/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;}
a{color:inherit;}
a:focus{}
a:hover,a:active{outline:0;}
a img{border:0;}
a[href^=tel]{color:inherit;text-decoration:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
a.link{color:#09c;text-decoration:underline;}
::-moz-selection{background:#FF3366;color:#fff;}
::selection {background:#FF5744;color:#fff;}

/* General Styles */
body{font:400 100% Open Sans, sans-serif;color:#333;cursor:default;background:#000;}
a{transition:all 200ms ease-in-out;transition-property:color,background;text-decoration:none;color:#333;}
p{margin-bottom:15px;}
p.small{font-size:0.7em;}
p a{color:#E6772D;}


.m-b-a{margin-bottom:auto;}.m-b-5{margin-bottom:5px;}.m-b-10{margin-bottom:10px;}.m-b-15{margin-bottom:15px;}.m-b-20{margin-bottom:20px;}.m-b-30{margin-bottom:30px;}.m-b-40{margin-bottom:40px;}.m-b-50{margin-bottom:50px;}.m-b-50{margin-bottom:50px;}.m-b-60{margin-bottom:60px;}.m-b-70{margin-bottom:70px;}.m-b-80{margin-bottom:80px;}.m-b-90{margin-bottom:90px;}.m-b-100{margin-bottom:100px;}.m-t-a{margin-top:auto;}.m-t-5{margin-top:5px;}.m-t-10{margin-top:10px;}.m-t-15{margin-top:15px;}.m-t-20{margin-top:20px;}.m-t-30{margin-top:30px;}.m-t-40{margin-top:40px;}.m-t-50{margin-top:50px;}.m-t-50{margin-top:50px;}.m-t-60{margin-top:60px;}.m-t-70{margin-top:70px;}.m-t-80{margin-top:80px;}.m-t-90{margin-top:90px;}.m-t-100{margin-top:100px;}.m-l-a{margin-left:auto;}.m-l-5{margin-left:5px;}.m-l-10{margin-left:10px;}.m-l-15{margin-left:15px;}.m-l-20{margin-left:20px;}.m-l-30{margin-left:30px;}.m-l-40{margin-left:40px;}.m-l-50{margin-left:50px;}.m-l-50{margin-left:50px;}.m-l-60{margin-left:60px;}.m-l-70{margin-left:70px;}.m-l-80{margin-left:80px;}.m-l-90{margin-left:90px;}.m-l-100{margin-left:100px;}.m-r-a{margin-right:auto;}.m-r-5{margin-right:5px;}.m-r-10{margin-right:10px;}.m-r-15{margin-right:15px;}.m-r-20{margin-right:20px;}.m-r-30{margin-right:30px;}.m-r-40{margin-right:40px;}.m-r-50{margin-right:50px;}.m-r-50{margin-right:50px;}.m-r-60{margin-right:60px;}.m-r-70{margin-right:70px;}.m-r-80{margin-right:80px;}.m-r-90{margin-right:90px;}.m-r-100{margin-right:100px;}.m-tb-5{margin-top:5px;margin-bottom:5px;}.m-tb-10{margin-top:10px;margin-bottom:10px;}.m-tb-15{margin-top:15px;margin-bottom:15px;}.m-tb-20{margin-top:20px;margin-bottom:20px;}.m-tb-30{margin-top:30px;margin-bottom:30px;}.m-tb-40{margin-top:40px;margin-bottom:40px;}.m-tb-50{margin-top:50px;margin-bottom:50px;}.m-tb-50{margin-top:50px;margin-bottom:50px;}.m-tb-60{margin-top:60px;margin-bottom:60px;}.m-tb-70{margin-top:70px;margin-bottom:70px;}.m-tb-80{margin-top:80px;margin-bottom:80px;}.m-tb-90{margin-top:90px;margin-bottom:90px;}.m-tb-100{margin-top:100px;margin-bottom:100px;}.m-lr-5{margin-left:5px;margin-right:5px;}.m-lr-10{margin-left:10px;margin-right:10px;}.m-lr-15{margin-left:15px;margin-right:15px;}.m-lr-20{margin-left:20px;margin-right:20px;}.m-lr-30{margin-left:30px;margin-right:30px;}.m-lr-40{margin-left:40px;margin-right:40px;}.m-lr-50{margin-left:50px;margin-right:50px;}.m-lr-50{margin-left:50px;margin-right:50px;}.m-lr-60{margin-left:60px;margin-right:60px;}.m-lr-70{margin-left:70px;margin-right:70px;}.m-lr-80{margin-left:80px;margin-right:80px;}.m-lr-90{margin-left:90px;margin-right:90px;}.m-lr-100{margin-left:100px;margin-right:100px;}.p-b-5{padding-bottom:5px;}.p-b-10{padding-bottom:10px;}.p-b-15{padding-bottom:15px;}.p-b-20{padding-bottom:20px;}.p-b-30{padding-bottom:30px;}.p-b-40{padding-bottom:40px;}.p-b-50{padding-bottom:50px;}.p-b-50{padding-bottom:50px;}.p-b-60{padding-bottom:60px;}.p-b-70{padding-bottom:70px;}.p-b-80{padding-bottom:80px;}.p-b-90{padding-bottom:90px;}.p-b-100{padding-bottom:100px;}.p-t-5{padding-top:5px;}.p-t-10{padding-top:10px;}.p-t-15{padding-top:15px;}.p-t-20{padding-top:20px;}.p-t-30{padding-top:30px;}.p-t-40{padding-top:40px;}.p-t-50{padding-top:50px;}.p-t-50{padding-top:50px;}.p-t-60{padding-top:60px;}.p-t-70{padding-top:70px;}.p-t-80{padding-top:80px;}.p-t-90{padding-top:90px;}.p-t-100{padding-top:100px;}.p-l-5{padding-left:5px;}.p-l-10{padding-left:10px;}.p-l-15{padding-left:15px;}.p-l-20{padding-left:20px;}.p-l-30{padding-left:30px;}.p-l-40{padding-left:40px;}.p-l-50{padding-left:50px;}.p-l-50{padding-left:50px;}.p-l-60{padding-left:60px;}.p-l-70{padding-left:70px;}.p-l-80{padding-left:80px;}.p-l-90{padding-left:90px;}.p-l-100{padding-left:100px;}.p-r-5{padding-right:5px;}.p-r-10{padding-right:10px;}.p-r-15{padding-right:15px;}.p-r-20{padding-right:20px;}.p-r-30{padding-right:30px;}.p-r-40{padding-right:40px;}.p-r-50{padding-right:50px;}.p-r-50{padding-right:50px;}.p-r-60{padding-right:60px;}.p-r-70{padding-right:70px;}.p-r-80{padding-right:80px;}.p-r-90{padding-right:90px;}.p-r-100{padding-right:100px;}.p-tb-5{padding-top:5px;padding-bottom:5px;}.p-tb-10{padding-top:10px;padding-bottom:10px;}.p-tb-15{padding-top:15px;padding-bottom:15px;}.p-tb-20{padding-top:20px;padding-bottom:20px;}.p-tb-30{padding-top:30px;padding-bottom:30px;}.p-tb-40{padding-top:40px;padding-bottom:40px;}.p-tb-50{padding-top:50px;padding-bottom:50px;}.p-tb-50{padding-top:50px;padding-bottom:50px;}.p-tb-60{padding-top:60px;padding-bottom:60px;}.p-tb-70{padding-top:70px;padding-bottom:70px;}.p-tb-80{padding-top:80px;padding-bottom:80px;}.p-tb-90{padding-top:90px;padding-bottom:90px;}.p-tb-100{padding-top:100px;padding-bottom:100px;}.p-lr-5{padding-left:5px;padding-right:5px;}.p-lr-10{padding-left:10px;padding-right:10px;}.p-lr-15{padding-left:15px;padding-right:15px;}.p-lr-20{padding-left:20px;padding-right:20px;}.p-lr-30{padding-left:30px;padding-right:30px;}.p-lr-40{padding-left:40px;padding-right:40px;}.p-lr-50{padding-left:50px;padding-right:50px;}.p-lr-50{padding-left:50px;padding-right:50px;}.p-lr-60{padding-left:60px;padding-right:60px;}.p-lr-70{padding-left:70px;padding-right:70px;}.p-lr-80{padding-left:80px;padding-right:80px;}.p-lr-90{padding-left:90px;padding-right:90px;}.p-lr-100{padding-left:100px;padding-right:100px;}.p-10{padding:5px;}.p-10{padding:10px;}.p-20{padding:20px;}.p-30{padding:30px;}.p-40{padding:40px;}.p-50{padding:50px;}.p-60{padding:60px;}.p-70{padding:70px;}.p-80{padding:80px;}
.cols{float:left;}.cols-2{width:50%;}.cols-3{width:33.33%;}.cols-4{width:25%;}.cols-5{width:20%;}.cols-6{width:16.66%;}.cols-10{width:10%;}.cols-15{width:15%;}.cols-20{width:20%;}.cols-25{width:25%;}.cols-30{width:30%;}.cols-35{width:35%;}.cols-40{width:40%;}.cols-45{width:45%;}.cols-50{width:50%;}.cols-55{width:55%;}.cols-60{width:60%;}.cols-65{width:65%;}.cols-70{width:70%;}.cols-75{width:75%;}.cols-80{width:80%;}.cols-85{width:85%;}.cols-90{width:90%;}.cols-l{padding-right:20px;}.cols-r{padding-left:20px;}

.col-video iframe{display:block;width:100%;height:100%;}

/* Positioning */
.nomargin{margin:0 !important;}
.strong{font-weight:700;}
.clear{clear:both;}
.alignleft{display:inline;float:left;margin-right:20px;}
.alignright{display:inline;float:right;margin-left:20px;}
.aligncenter{display:inline-block;margin:0 5px;text-align:center;width:30%;}
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.inline{display:inline-block;vertical-align:middle;}

.flex {
    display: flex;
}

.flex.row {
    flex-direction: row;
}

.flex.col {
    flex-direction: column;
}

/* General */
.title{font:3em/1em Poppins,sans-serif;}
.title.med{font-size:2.6em;margin-bottom:15px;}
.title.small{font-size:2.4em;margin-bottom:15px;}
.title.smaller{font-size:2em;margin-bottom:15px;}
.title-light{font-size:3em;margin-bottom:10px;}

#page-inner{position:relative;z-index:100;}
.container{max-width:1200px;margin:0 auto;position:relative;padding:15px;}

.cols{float:left;}
.cols-2{width:50%;}

.orange{color:#E6772D;}

/* Header */
#header{padding:15px 0;position:fixed;z-index:9999;top:0;left:0;right:0;background:#00000095;transition:.3s ease-in-out;}
.scrolled #header{background:#000;}
#header .container{justify-content:space-between;align-items:center;}
.logo{max-width:300px;}
.logo img{display:block;width:100%;height:auto;}
.main-menu{}
.main-menu a{color:#fff;font-weight:600;display:inline-block;vertical-align:middle;margin:0 15px;padding:8px 0;position:relative;}
.main-menu a:before{content:"";width:0;height:4px;background:#E6772D;position:absolute;bottom:0;left:0;transition:all 0.3s ease-in-out;}
.main-menu a:hover:before,.main-menu a.active:before{width:100%;}
a.fb{width:32px;height:32px;display:block;}
a.fb svg{width:100%;height:auto;}

#banner{position:relative;overflow:hidden;height:100vh;background:url("../images/crab-band-banner.jpg") center no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end;}
.home-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;/*position:fixed;background-image: linear-gradient(45deg, rgba(0,0,0,0.7) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.7) 75%, transparent 75%, transparent 100%);background-size:5.66px 5.66px;*/
background:rgba(0,0,0,0.5);}
#banner .H_i_h{position:absolute;top:-380px;left:0;width:100%;height:auto;}
#banner .caption{position:relative;z-index:100;padding:0 20px 70px;max-width:1500px;margin:0 auto;width:100%;}
#banner .caption h1{transition: all 0.5s;text-transform:uppercase;font:4.5em/1em Poppins,sans-serif;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,0.5);/*-webkit-text-fill-color:transparent;-webkit-text-stroke: 2px #39FF14;*/}
#banner .caption h1 span{display:inline-block;padding:5px 10px;background:#E6772D;vertical-align:middle;text-shadow:none;border-radius:5px;}
#banner .caption .eagle{display:inline-block;max-width:300px;height:auto;}
#banner .btn{margin-top: 30px;}

/* Homepage */
#content{background:#fff;}
.player-wrap{background:#f7f7f7;}
#mainwrap{background:#E6772D;color:#fff;}
#audiowrap{text-align:center;clear:both;}
#audio0{display:block;padding-top:15px;}
#tracks{padding-bottom:30px;}
#btnPrev,#btnNext{font-size:40px;padding:0 22px 5px;}

.home-block{padding:15px;font-size:1.2em;font-weight:100;max-width:980px;margin:0 auto 25px;position:relative;border-radius:5px;}

#contact{background:url(images/contact-bg.jpg) center no-repeat;background-size:cover;color:#fff;padding:60px 0 30px;position:relative;}
#contact:before{content:"";background:#e6772d57;position:absolute;top:0;bottom:0;left:0;right:0;}
.contact-form{padding:15px;border-radius:5px;}
.error-wrap{background:#F34747;color:#fff;margin-bottom:20px;display:none;padding:15px 15px 5px;}
.err{padding-bottom:10px;font-weight:700;display:none;}
.text{background:#fff;border:2px solid #000;padding:8px 14px;border-radius:3px;font:100 1.2em Open Sans,sans-serif;color:#666;outline:0;display:block;width:100%;}
textarea.text{max-width:100%;min-height:100px;transition:all 0.3s ease-in-out;}
textarea.text:focus{min-height:150px;}
.field-wrap{padding-bottom:20px;}
.contact-form .field-wrap.left{padding-right:10px;}
.contact-form .field-wrap.right{padding-left:10px;}
.btn{background:#E6772D;color:#fff;display:inline-block;padding:10px 20px;font:1.5em/1em Poppins,sans-serif;border-radius:100px;outline:0;border:0;cursor:pointer;}
.btn.big{padding:18px 34px;letter-spacing:1px;}
.lds-ring{display:inline-block;position:relative;width:64px;height:64px;position:absolute;bottom:44px;right:37%;opacity:0;}
.loading .lds-ring{opacity:1;}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:51px;height:51px;margin:6px;border:6px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff transparent transparent transparent;}
.lds-ring div:nth-child(1){animation-delay:-0.45s;}
.lds-ring div:nth-child(2){animation-delay:-0.3s;}
.lds-ring div:nth-child(3){animation-delay:-0.15s;}
@keyframes lds-ring{0%{  transform:rotate(0deg);}100%{  transform:rotate(360deg);}}
.success{display:none;padding:15px;background:#000;border-radius:5px;}

#footer{position:relative;text-align:center;padding-bottom:20px;}
#footer a{color:#fff;}

.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:99998;display:none;}
.pop{position:fixed;z-index:99999;top:0;left:0;bottom:0;right:0;text-align:center;display:none;color:#333;}
.pop .inner{display:inline-block;margin-top:100px;background:#fff;max-width:680px;padding:35px;box-shadow:0 0 20px rgba(0,0,0,0.5);position:relative;}
.pop .inner p{font-size:1.2em;}
.pop .close{/*position:absolute;top:10px;right:10px;*/color:#E84044;font-size:20px;margin-top:15px;}

.overlay.active,.pop.active{display:block;}

@media screen and (max-width:1000px) {
    #banner .caption h1 {
        font-size: 3em;
    }
    #about .flex {
        flex-direction: column;
    }
    #about .flex .cols-2 {
        width: 100%;
    }
    .col-video iframe {
        height: 500px;
    }
}

@media screen and (max-width:768px) {

body{padding-top:97px;}
.logo{max-width:100px;}
.main-menu{padding-top:5px;}
.main-menu a{margin:0 5px;font-size:0.9em;padding:5px 0;}
.main-menu a:before{height:2px;}

#banner{height:auto !important;}
#banner video{top:79px;width:auto;height:100%;}
#banner .caption{padding:40px 20px 20px;text-align:center;}
#banner .caption h1{font-size:2.4em;}
#banner .caption .eagle{max-width:150px;}
.title{font-size:2em;}
.title.small{font-size:1.6em;}
#about{text-align:center;font-size:1em;}

.cols-2{width:100%;}
.text{font-size:1em;}
.contact-form .field-wrap.left{padding-right:0;}
.contact-form .field-wrap.right{padding-left:0;}
.field-wrap.field-wrap-submit{padding-bottom:0;}
.lds-ring{position:static;}
#audio0{display:block;padding-top:10px;}

.col-video iframe {
    height: 350px;
}

}

@media screen and (max-width:400px) {
    #banner .caption h1 {
        font-size:2em;
    }
    #about .flex .cols-2.p-80 {
        padding: 20px;
    }
    .col-video iframe {
        height: 220px;
    }
    #contact  .container {
        padding-bottom: 0;
    }
    #contact .home-block{
        padding-bottom: 0;
        margin-bottom: 0;
    }
}