body {font:normal 16px/22px 'Carrois Gothic',Arial,Helvetica;	background:#111;color: #ccc;}

ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    /*width: 350px;
    display:block;*/
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook-f {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-facebook-f:hover {
    background-color: #3d5b99;
}

.fa-instagram {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-instagram:hover {
    background-color: #fb3958;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-tumblr {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-tumblr:hover {
    background-color: #34526f;
}
.fa-snapchat {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-snapchat:hover {
    background-color: #fffc00;
}
.fa-vk {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-vk:hover {
    background-color: #4c75a3;
}
.fa-whatsapp {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-whatsapp:hover {
    background-color: #25D366;
}
.fa-flickr {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    font-weight: 900;
}
.fa-flickr:hover {
    background-color: #FF0084;
}
.fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-rss:hover {
    background-color: #eb8231;
}
.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-github {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-github:hover {
    background-color: #5a32a3;
}


h1,h2,h3,h4,h5,h6{ font-weight:normal;padding: 0;margin: 0;color: #ccc;}
h1,h2,h3{ font-family: 'Francois One',Arial,Helvetica;text-transform: uppercase;}
h4,h5,h6{ font-family: 'Carrois Gothic',Arial,Helvetica;color: #ccc;}

h3{font-size: 28px;margin-bottom: 20px;color: #ccc;}
h3 span{font-size: 24px; }
h4{font-size: 23px; margin-bottom:20px;line-height:30px;}
h5{font-size: 20px;}

small{color: #777;font-size: 13px;}

p{margin-bottom: 25px;}

blockquote {padding: 0px 20px;margin: 0 0 20px;border-left: 5px solid #aaa;font-size: 14px;line-height: 22px;font-style: italic;font-family: georgia;}

.spacer{padding:55px 0 0 0;}
.center{text-align: center;}
.thumbnail{ background-color:#fff;}
.galleryimg {
    padding: 0 0 10px 0px;
    max-width: 115px;
}

/*home*/
.homeinfo{padding:250px 0 20px 0;}
.homeinfo .player{margin-top: 70px;position: relative;}
.homeinfo .player img.graphics{position: absolute;/*bottom: 167px;right: -24px;*/}
.blockblack{background:rgba(0,0,0,0.8); border-radius: 10px; padding: 25px; }
.fronttext h2{font-size:40px; line-height:40px;display: inline-block;padding:5px 10px;}
.fronttext p{margin:0;background-color: rgba(0,0,0,0.7);display: inline-block;padding: 20px; font-size: 25px;}
.overlay{z-index: 100;position: relative;}
/*home*/

.homeinfo {
    margin-top: 70px;
    position: relative;
}
.homeinfo img.graphics {
    position: absolute;
    bottom: 20px;
    right: 100px;
    height: 120px;
}
/*color*/
.bgcolor{background-color: #f2ab00;}
.textcolor{color: #f2ab00;}
a{color:#f2ab00; text-decoration:none}
a:hover{color:#fff;text-decoration:none}
/*color*/


/*nav*/
.navbar-brand{padding: 10px 15px;}
.navbar-nav > li > a{font-size: 14px;}
.navbar-inverse{background: #000;border:none;}
/*nav*/



/*offers*/
  .swiper-container {
    width: 97%;
    height: 260px;
  }
  .swiper-slide {
    text-align: center;
    background: #000;
    color: #f2ab00;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 369px;
  }
  .offerstext {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px;
    /*text-align: left;*/
    bottom: -20px;
    padding-bottom: -20px;
    position: absolute;
    bottom: 0px;
    color: #f2ab00;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
    width: 369px;
    font-size: small;
}

.offers{margin-bottom: 20px;}
.offers .album{background-color: #222;margin-bottom: 30px;}
.offers .album .albumdetail{padding: 10px;}
.offers .album .albumdetail h5{margin-bottom: 10px;}
.offers .album .albumdetail a{font-size:14px; }
/*offers*/

/*staff*/
.staffevent{color: #ccc;}
.staffevent ul{padding: 0; list-style: none; margin-top: 35px;}
.staffevent ul li{font-size: 13px;}
.staffevent ul li p{margin: 0;line-height: 18px;}

.events ul li{background-color: #191919;margin-bottom: 1px;}
.events ul li h5{margin: 7px 0;}
.events ul li .date{text-align: center;line-height: 36px;color: #888;text-shadow: 0px -1px 0px #000;padding-top: 10px;padding-bottom: 10px;background-color: #111}
.events ul li .date b{display: block;font-size: 26px;}
.events ul li .date span{font-size: 22px;}


.ourstaff ul li{margin-bottom: 20px;}
.ourstaff ul li img{float: left; margin-right: 20px;}
.ourstaff ul li .stafftext{overflow: hidden;}
/*staff*/

/*map*/
.map {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(64, 64, 64, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(64, 64, 64, 0.2);
    border: 10px solid rgba(0, 0, 0, 0.25);
    width: 100%;
}

#map {
    height: 300px;
    width: 100%;
    position: relative;
}
/*map*/

/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:2%;border:1px solid #ccc;margin-bottom: 20px;border-radius: 5px;outline: none;}
.contactform .map{border:none;box-shadow:0;margin-top: 50px;}
.contactform button{border:none;width: 100%; padding: 7px 0;font-size: 25px;}
.contactform iframe{float: left;}
/*contact*/


#footer{background-color: #000; padding: 5px 0; color: #fff; font-size: 14px;color: #aaa;margin-top: 50px; z-index: 100;position: relative;}


/*animation*/
/*#about,.staffevent ul li,h3,h4{visibility: hidden;}*/
h3,h4{visibility: hidden;}
.animated{visibility: visible !important;}
.StartAnimation {
	visibility: hidden;
}

/*animation*/

@media (max-width: 700px) {
	.homeinfo{padding-top: 100px;}
	.events ul li,.events ul li .date{background: none;}
	.events ul li .date b{display: inline;font-size: 22px;border-right: 1px solid #333;padding-right: 10px;margin-right: 10px;}
    .galleryimg {
        padding: 0 0 10px 0px;
        max-width: 32%;
    }
}