/*aplpies to all elements*/
*{box-sizing:border-box;-mox-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{ background-image:url(images/fullbg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed;color:#000002; font-family:"Open Sans",Arial, sans-serif; font-size:0.95em; line-height:1.5; font-weight:400;  background-color:#111}
.wrap
{
	width:98%;
	max-width:1150px;
	margin:0 auto;
	overflow:hidden;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

	@keyframes flash {
    from { opacity: 0; }
    to   { opacity: 1; }

}
#contact input,#contact textarea{max-width:500px; color:#111; background-color:#fff }
.ss-q-item-label{width:100%; display:block}
.ss-q-item-label label{display:inline-block}
.required-message{display:none}
.error-message{display:none}
#contact .button{color:#fff; background-color:#111; width:200px}
#contact .button:hover{color:#fff; background-color:#e91e3e;}
#navigation-table,#navigation-table tr,#navigation-table td{border:none; padding:0}
.page
{
 -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
.fadeit{    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s; }
.seals .wrap{background-color:#fff;padding:10px 0; border-top:1px solid #d2d2d3}
section.seals{padding:0;}
.master{background-color:#fff; border-left:1px solid #fff;border-right:1px solid #fff;}
.page{display:none;}
.page.current{display:block;}
#contact{font-size:19px}
section{padding:30px 0}
section.features{padding:10px 0}
ul.nav
{
	list-style-type:none; margin:0; padding:0
}

ul.nav li
{
	display:inline-block; margin-left:19px;
}
/*typography*/
h1{font-size:2.1em; font-weight:500;margin:10px 0 }
h2{font-size:1.7em; font-weight:500; margin:10px 0}
h3{font-size:1.2em; font-weight:500}
h4,h5,h6{font-size:0.98em;font-weight:400 }

.strong, .b, strong, b{font-weight:500;}

.submenu{display:none;width:180px;position:absolute;background-color:#000002; color:#fff;text-align:left; padding:5px 0; margin-left:-10px}
.submenu li{display:block; padding: 0; margin:5px 10px!important;}
li:hover .submenu{display:block;}
.mobileMenu{display:none;}
p{ padding:0 0 10px; text-align:justify; vertical-align:top;margin:0;}
a,.link{text-decoration:none; color:#e91e3e;cursor:pointer; font-weight:400;}
a:hover,.link:hover{text-decoration:underline;}
footer,footer a{color:#ddd}
header .col8,header .col4{padding-top:8px; padding-bottom:8px;}
img{max-width:100%;}
.banner h1{padding:5px 15px}
.banner h3{padding:5px 15px; margin:0 0 8px 0}
.subtitle:first-of-type{padding-top:10px}
.subtitle{border-bottom:1px solid #ccc; padding-top:60px; text-transform:uppercase;}

.socialF img{margin-right:10px; width:38px}
.socialF img:hover{opacity:0.7}
.colc2{-webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2; -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;}

/*helpers*/
.tright{text-align:right;}
.tleft{text-align:left;}
.tcenter{text-align:center;}
.tjustify{text-align:justify;}

.inline{display:inline-block;}
.block{display:block;}

.toupper{ text-transform:uppercase;}
.tolower{text-transform:lowercase;}
.capitalize{ text-transform:capitalize;}

.nopadding{padding:0}
.nopaddingY2{padding-bottom:0!important}
.smallpadding{padding-top:5px!important;padding-bottom:5px!important}
.nomargin{margin:0!important}
.nomarginY2{margin-bottom:0!important}
.nomarginbottom{margin-bottom:0}
.noborder,.noborder td{border:none}
.border-radius{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.full-width{width:100%;}
.mov{background-color:#ccc9c4; text-shadow:1px 1px 1px #fff}
.banner{background-image:url(images/banner.jpg); background-repeat: no-repeat;  background-size:cover;  height:95vh;margin-top:60px;}
.banner.banner2{background-image:url(images/banner2_.jpg);  }
.banner.banner4{background-image:url(images/banner4.jpg);  }
.banner.banner5{background-image:url(images/banner5.jpg);  }
.banner.banner3{background-image:url(images/banner3.jpg);  }
.banner.banner7{background-image:url(images/banner7.jpg);  }
.banner.banner6{background-image:url(images/banner6.jpg);  }
.banner.small{height:75vh; position:relative;}
.services{margin-top:55px}
.pointer{cursor:pointer;}
.border{border:1px solid #eceff1 }
.padding{padding:15px}
.round{border-radius:50%; width:140px; border:5px solid #fff}
.border-dark{border:1px solid #c4c9d3}
/*grids*/
#events h2{margin:0; padding:5px 10px; font-size:24px;}
.eventsT td:first-child{width:40%}
.eventsT td:last-child{width:60%}
.row{overflow:hidden; clear:both; width:100%;}
.row [class*="col"]{float:left; padding-top:15px;padding-bottom:15px; padding-left:35px; padding-right:35px}
.row.bordered > *{border:1px solid #999;}
.col1{width:8.333333%}
.col2{width:16.666666%}
.col3{width:25%}
.col4{width:33.333333%}
.col5{width:41.666666%}
.col6{width:50%}
.col7{width:58.333333%}
.col8{width:66.666666%}
.col9{width:75%}
.col10{width:83.333333%}
.col11{width:91.666666%}
.col1s{width:8.333333%}
.col2s{width:16.666666%}
.col3s{width:25%}
.col4s{width:33.333333%}
.col5s{width:41.666666%}
.col6s{width:50%}
.col7s{width:58.333333%}
.col8s{width:66.666666%}
.col9s{width:75%}
.col10s{width:83.333333%}
.col11s{width:91.666666%}
.col{width:100%}
.wrap .logoWrap{padding: 0 0 0 35px;}
.button{vertical-align:top;line-height:1.5;border:none;display:inline-block; text-align:center; padding:7px 20px; font-weight:500; color:#fff; background-color:#000002; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.button:hover{ text-decoration:none; background-color:#263238; cursor:pointer; }
.button-big{padding:12px 40px}
.button-small{padding:4px 10px}
.button-disabled{pointer-events:none; background-color:#ccc; color:#939393;}
.button-active{box-shadow:0px 1px 5px 0 rgba(0,0,0,0.4) inset;}
.button.bg-lightgrey,.button.bg-yellow{color:#000002}
.button-icon{}
.button-big.button-icon{padding-left:10px}
.button-icon .material-icons{font-size:24px;}
.button-small.button-icon{padding-left:6px}
.button-small.button-icon .material-icons{font-size:18px;}

.button.bg-red:hover{background-color:#e53935;color:#fff;}
.button.bg-green:hover{background-color:#77d018; color:#fff;}
.button.bg-yellow:hover{background-color:#ffee58}
.button.bg-blue:hover{background-color:#0097a7; color:#fff;}
.button.bg-lightgrey:hover{background-color:#eceff1; color:#000002}

header{position:fixed; top:0; width:100%; }
header .wrap{ border-bottom:1px solid #fff;}
/*forms*/
label{display:block; padding-bottom:3px;}
input[type='text'],input[type='email'],select, textarea{ font-weight:300;border-radius:3px; border:1px solid rgba(0,0,0,0.15); padding:5px; background-color:rgba(0,0,0,0.05); width:100%; margin-bottom:10px;}
input[type='text']:hover,input[type='email']:hover,select:hover, textarea:hover{ border:1px solid rgba(0,0,0,0.4); }
input[type='text']:focus,input[type='email']:focus,select:focus, textarea:focus{ box-shadow:0px 1px 5px 0 rgba(0,0,0,0.2) inset; }
input[type='checkbox'] + label ,input[type='radio'] + label {display:inline-block; padding-left:4px}
.disabled{pointer-events:none;opacity:0.5}
textarea{font-style:400italic; }
input[type='radio'] ~ input[type='radio'] {margin-left:20px;}
.error{border-color:red!important; padding-left:30px!important; background-image:url(error.png); background-repeat:no-repeat; background-position:5px center!important;}

.deletable + .material-icons{ vertical-align:middle; margin-left:-28px; margin-top:-2px; cursor:pointer; opacity:0.6;}
.deletable + .material-icons:hover{opacity:1;}

.bg-blue input[type='text'], .bg-blue select, .bg-blue textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.3); }
.bg-red input[type='text'], .bg-red select, .bg-red textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.3); }
.bg-green input[type='text'], .bg-green select, .bg-green textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.3); }
.bg-yellow input[type='text'], .bg-yellow select, .bg-yellow textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.12); }
.bg-darkgrey input[type='text'], .bg-darkgrey select, .bg-darkgrey textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.7); }
.bg-lightgrey input[type='text'], .bg-lightgrey select, .bg-lightgrey textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.1); }
.bg-darkgrey input[type='text'], .bg-darkgrey select, .bg-darkgrey textarea{ border:1px solid rgba(0,0,0,0.15); background-color:rgba(0,0,0,0.5); }
/*tables*/
table{width:100%;}
thead td{background-color:#eceff1;border-top:1px solid #ccc;font-weight:500;}
td{border-top:1px solid #ccc; padding:6px; }
tr:last-child td{}
.hoverable tbody tr:hover td{background-color:#f9f9fa; }
.bi-col.hoverable tbody tr:nth-child(2n):hover td{background-color:#d9dee1; }
.bi-col.hoverable tbody tr:nth-child(2n+1):hover td{background-color:#fff; }
.bi-col tr:nth-child(2n) td{background-color:#eceff1}
.bi-col tr:nth-child(2n+1) td{background-color:#f9f9fa}
.fullborder td{border-left:1px solid #ccc}
.fullborder td:last-child{border-right:1px solid #ccc}
table.darkgrey-header thead td{background-color:#000002!important; color:#fff;}
table.blue-header thead td{background-color:#68bf0c!important; color:#fff;}
table.bold-col-1 td:first-child{ font-weight:600;}
table.bold-col-2 td:nth-child(2){ font-weight:600;}
table.bold-col-3 td:nth-child(3){ font-weight:600;}
table.bold-col-4 td:nth-child(4){ font-weight:600;}
table.bold-col-5 td:nth-child(5){ font-weight:600;}
table.bold-col-6 td:nth-child(6){ font-weight:600;}
table.bold-col-7 td:nth-child(7){ font-weight:600;}
table.bold-col-8 td:nth-child(8){ font-weight:600;}
table.bold-col-9 td:nth-child(9){ font-weight:600;}
table.bold-col-10 td:nth-child(10){ font-weight:600;}

/* messages */
.message-red{ line-height:1.6; border:2px solid #e91e3e; border-radius:5px; padding:10px; margin:15px 0; overflow:hidden;}
.message-green{line-height:1.6; border:2px solid #68bf0c; border-radius:5px; padding:10px;margin:15px 0; overflow:hidden;}
.message-red .material-icons{color:#e91e3e; font-size:24px; padding-right:10px; float:left;}
.message-green .material-icons{color:#68bf0c; font-size:24px; padding-right:10px; float:left;}

/*icons*/
.material-icons{vertical-align:middle; margin-top:-4px}
.material-icons.action{padding:4px 4px 3px; border-radius:0 5px 5px 0; cursor:pointer; margin-left:-3px}
.material-icons.action:hover{opacity:0.85}
.material-icons.md-bg{padding:10px; border-radius:50%}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-28 { font-size: 28px; }
.material-icons.md-34 { font-size: 34px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-64 { font-size: 64px; }
.material-icons.md-72 { font-size: 72px; }
.button .material-icons{padding-right:10px; display:inline-block; vertical-align:middle; margin-top:-2px}


/*extenders*/
.extender-header{background-color:#eceff1;border:1px solid #ccccce; padding:8px;margin:0;cursor:pointer;margin-top:1px}

.extender-header:first-of-type{border-radius:3px 3px 0 0; }
.extender-header:last-of-type{border-radius:0 0 3px 3px; }
.extender-header:only-of-type{border-radius:3px; }
.extender-header  .material-icons{padding-right:3px; vertical-align:middle; font-size:28px;}
.extender-header.extended{border-bottom-left-radius:0;border-bottom-right-radius:0; display}
.extender-content{display:none; border:1px solid #ccccce; padding:8px 8px 8px 42px; border-radius:0 0 3px 3px; border-top:none;}
.extended  + .extender-content{display:block}
.extender-header:hover{opacity:0.9}
.small .extender-header{font-size:18px;padding:5px;}
.small .extender-header .material-icons{font-size:26px;  }
.small .extender-content{padding-left:37px  }

/*colors*/
.red{ color:#e91e3e;}
.green, .active, .active > a, .active > span{color:#e91e3e; font-weight:500}
.yellow{color:#fdd835}
.blue,.blue a{color:#00bcd4;}
.lightgrey{color:#eceff1}
.grey{color:#aaa}
.darkgrey,.darkgrey a{color:#000002}
.white{color:#fff}
nav a,nav span{font-weight:300; color:#fff; opacity:0.85}
nav a:hover,nav span:hover{text-decoration:none; color:#e91e3e; opacity:1; cursor:pointer}

.pressLink{font-size:19px; font-weight:600; color:#111112}
.press-info a{color:#000002; font-style:italic; padding-left:5px;}
.workSong{margin-bottom:30px}
.songTitle{font-weight:500; }
iframe{max-width:100%; height:auto; min-height:200px; margin-bottom:30px}
.faq h3{    margin-top: 15px;
    margin-bottom: -10px;}
.bullet-list{padding:0 0 0 16px}
.bullet-list li{padding:0 0 14px 0; list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAE0lEQVQIW2Oc/UD6PwMOwDikJAEGcxIbnljJ4AAAAABJRU5ErkJggg==");}
/*background colors*/
.bg-white{background-color:#fff;}
.bg-red{background-color:#e91e3e;color:#fff;border:none;}
.bg-green{background-color:#68bf0c; color:#fff;border:none;}
.bg-yellow{background-color:#fdd835;border:none;}
.bg-blue{background-color:#00bcd4; color:#fff;border:none;}
.bg-lightgrey{background-color:#eceff1}
.bg-darkgrey{background-color:#000002; color:#fff; border:none;}
.bg-red a{color:#fff}

footer .wrap{background-color:#000002}
header{width:100%; top:0; z-index:9; }
h1.title_sp {
    bottom: -10px;
    color: #fff;
    font-size: 46px;
    font-weight: 100;
    line-height: 0.7;
    text-transform: uppercase;
    opacity: 0.9;
    margin-left: 0;
    margin-left: 35px;
    padding: 20px 15px; width:100%;
    letter-spacing: 2px;
    position: absolute;
	background-color:#3f3d3b;
}
.imgfeature{position:relative; }
.imgfeature:hover{opacity:0.8}
.imgfeature h2{margin-bottom:0; margin-top:10px}
.imgfeature .bg-red{position:absolute; text-align:center; top:38%;margin: 0 8%; right:0; left:0; font-weight:600; color:#fff;width:auto; padding:0px 0;padding-bottom:10px}
#player{display:none;}
#pause{display:none;}
#play, #pause{cursor:pointer}
#play:hover,#pause:hover{color:#e91e3e;}
.navbar {
  padding-top: 8px;
  text-transform: uppercase;
}
.seals img{height:auto; max-height:70px}
.logo img{ padding:10px 0 0;}
#testPLH{font-size:22px; font-weight:600; font-style:italic; padding:15px 0; border-top:1px solid #fff}
#testPLH span{display:block; font-size:14px; font-weight:400; font-style:normal; color:#111112}
#testPLH span b{font-weight:700}
@media all and (max-width:1023px)
{
.wrap{width:100%; }.master{border:none}
body{ font-size:0.8em}
.hide-on-tablet-landscape{display:none;}
.col10.fullontablet{width:100%;}
table.hide-on-tablet-landscape-col-1 td:first-child{display:none;}
table.hide-on-tablet-landscape-col-2 td:nth-child(2){display:none;}
table.hide-on-tablet-landscape-col-3 td:nth-child(3){display:none;}
table.hide-on-tablet-landscape-col-4 td:nth-child(4){display:none;}
table.hide-on-tablet-landscape-col-5 td:nth-child(5){display:none;}
table.hide-on-tablet-landscape-col-6 td:nth-child(6){display:none;}
table.hide-on-tablet-landscape-col-7 td:nth-child(7){display:none;}
table.hide-on-tablet-landscape-col-8 td:nth-child(8){display:none;}
table.hide-on-tablet-landscape-col-9 td:nth-child(9){display:none;}
table.hide-on-tablet-landscape-col-10 td:nth-child(10){display:none;}
}
@media all and (max-width:768px)
{
footer > .wrap > .row > * {padding:0; text-align:left; padding:7px 15px}
.hide-on-tablet-portrait{display:none;}

table.hide-on-tablet-portrait-col-1 td:first-child{display:none;}
table.hide-on-tablet-portrait-col-2 td:nth-child(2){display:none;}
table.hide-on-tablet-portrait-col-3 td:nth-child(3){display:none;}
table.hide-on-tablet-portrait-col-4 td:nth-child(4){display:none;}
table.hide-on-tablet-portrait-col-5 td:nth-child(5){display:none;}
table.hide-on-tablet-portrait-col-6 td:nth-child(6){display:none;}
table.hide-on-tablet-portrait-col-7 td:nth-child(7){display:none;}
table.hide-on-tablet-portrait-col-8 td:nth-child(8){display:none;}
table.hide-on-tablet-portrait-col-9 td:nth-child(9){display:none;}
table.hide-on-tablet-portrait-col-10 td:nth-child(10){display:none;}
}

@media all and (max-width:767px)
{
header p{padding-bottom:0}
	.mobileMenu{display:inline-block; padding-left:10px; color:#fff}
	.mobileMenu:hover{color:#68bf0c}
	nav{display:none;}
	.col,.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{width:100%; float:none;}
	header .col3{width:25%}
	header .col9{width:75%}
	header h2.logo{font-size:18px}
	nav,nav li{width:100%;}
	nav li{display:block; text-align:right; margin-left:0!important; padding:5px 0}
	.submenu{    display: block;
    width: 100%;
    position: relative;
    margin-top: -5px;
    margin-bottom: -5px;
    padding: 0;}
	#testPLH {
    font-size: 18px;padding: 10px;}
	.banner{margin-top:50px}
	.colc2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}

.row [class*="col"] {
     padding-left: 15px;
    padding-right: 15px;
}
h1.title_sp{margin-left:0; font-size:32px;padding-left:18px;}
.banner.small{height:50vh; background-position:center}
.banner{height:55vh;}
section {
    padding: 10px 0;
}
#contact {
    font-size: 16px;
}

.seals .row [class*="col"] {width:48%; float:none; display:inline-block }
.seals .row  .col1{display:none!important}
header .col2s{width:60%; float:left;}
header .col10s{width:40%; float:left;padding-top: 22px!important;}

}

@media all and (max-width:650px)
{
.hide-on-mobile{display:none}

table.hide-on-mobile-col-1 td:first-child{display:none;}
table.hide-on-mobile-col-2 td:nth-child(2){display:none;}
table.hide-on-mobile-col-3 td:nth-child(3){display:none;}
table.hide-on-mobile-col-4 td:nth-child(4){display:none;}
table.hide-on-mobile-col-5 td:nth-child(5){display:none;}
table.hide-on-mobile-col-6 td:nth-child(6){display:none;}
table.hide-on-mobile-col-7 td:nth-child(7){display:none;}
table.hide-on-mobile-col-8 td:nth-child(8){display:none;}
table.hide-on-mobile-col-9 td:nth-child(9){display:none;}
table.hide-on-mobile-col-10 td:nth-child(10){display:none;}
}
#gallery section {padding-left:20px;padding-right:20px}
#gallery .row .col3 {
    padding-left: 15px;
    padding-right: 15px;
}

.about_page strong, .about_page b {
    font-weight: 600;
}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent {
    padding: 10px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
