.btn-custom-one@import url(http://fonts.googleapis.com/css?family=Ubuntu); /* FREE GOOGLE FONT */
@import url(http://fonts.googleapis.com/css?family=Oswald); /* FREE GOOGLE FONT */
@font-face {font-family: floki; src: url('../fonts/floki-Hard.ttf') format('truetype');}
@font-face {font-family: vafth; src: url('../fonts/vafthrud.ttf') format('truetype');}
@font-face {font-family: architex; src: url('../fonts/Architex.ttf') format('truetype');}
@font-face {font-family: jancient; src: url('../fonts/jancient.ttf') format('truetype');}
/* =============================================================
GENERAL STYLES
============================================================ */
body {
font-family: 'Ubuntu', sans-serif;
color: #fff;
}
a {color:#FFF !important;}
h2 {color: #548a3f;text-transform:UPPERCASE;}
h3 {color:#548a3f;}
.title {margin-top:50px;}
.comments {text-align:center;}
p {text-align:justify;}
.vafth {font-family: 'vafth', sans-serif;color: #fff;}
.architex {
font-family: 'architex', sans-serif;
color: #000;
font-size: 24px;
padding:30px;
font-weight: bold;
text-shadow: 0px 1px #000;
line-height: 29px;
}
ul {padding: 10px !important;}
.rotate {
-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
    min-height:260px !important;
    margin-top:-20px;
}
.paper {
background-image: url(../media/welcome/paper.png);
background-position: center top, bottom;
background-repeat: repeat-y;
}
img {max-width: 100%;  height: auto;}
ul#insta div {min-height:220px !important;}  
.team-wrapper .team-inner figure {border-radius:10px 10px 0px 0px; overflow:hidden;}
.news-wrapper .news-inner figure {border-radius:10px 10px 0px 0px; overflow:hidden; height:537px;}

#clpics ul {list-style-type:none;height:300px !important;z-index:999;}
#clpics li {list-style:none;height:300px !important;z-index:99999;}
#upcoming ul {list-style-type:none;z-index:999;}
#upcoming li {list-style:none;z-index:99999;}
#merch {height:350px !important;}
#merch ul {list-style-type:none;height:400px !important;z-index:999;}
#merch li {list-style:none;height:400px !important;z-index:99999;}
#releases {list-style-type:none;height:320px !important;z-index:999;}
#moonsolis {position:fixed;bottom:0px;float:right;right:0px;z-index:9999999;}
#testament {height:380px !important;}
#testament ul {list-style-type:none;height:380px !important;z-index:999;}
#testament li {list-style:none;height:380px !important;z-index:99999;}
#deathdta {height:380px !important;}
#deathdta ul {list-style-type:none;height:380px !important;z-index:999;}
#deathdta li {list-style:none;height:380px !important;z-index:99999;}
#sdg {padding-left:40px !important;height:800px !important;}
#sdg ul {list-style-type:none;height:800px !important;z-index:999;}
#sdg li {list-style:none;height:800px !important;z-index:99999;}
.news {display:none;}

.clpic{border: 5px solid #fff;box-shadow: 2px 2px 8px #000;}

.cdiv {background: url(../media/cdivw.png) repeat-x top center;height:18px;}
.cdivb {background: url(../media/cdivw.png) repeat-x top center;height:18px;}

.center {text-align:center;}
.lesstop {margin-top: -40px;}
section {
padding-top: 80px;
padding-bottom: 40px;
}

.pad-bottom {
padding-bottom: 60px;
}

.header {
font-family: 'Oswald', sans-serif;
padding-bottom: 10px;
text-transform: uppercase;
text-shadow: 0px 1px #000;
}

.header hr {
width: 50px;
border-top: 2px solid #ba9472;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* =============================================================
CUSTOM BUTTON STYLES
============================================================ */
.button-custom {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin: 25px 5px 5px 0px;
margin: 5px;
}

.btn-custom-one {
background-color: #000;
color: #fff;
border: 2px solid rgb(84, 138, 63);
}

.btn-custom-one:hover {
background-color:rgb(84, 138, 63);
text-decoration: none;
color: #fff;
}

.btn-custom-two {
color: #fff;
background: url(../media/sdgmenu.jpg) bottom;
background-color: rgb(129, 96, 67);
border: 2px solid rgb(84, 138, 63);
}

.btn-custom-two:hover {
border: 2px solid rgb(84, 138, 63);
text-decoration: none;
color: #fff;
background-color: rgb(84, 138, 63);
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
	font-family: 'floki';
	z-index:99;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
	font-family: 'floki';
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
	font-family: 'floki';
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
	font-family: 'floki';
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: none repeat scroll 0% 0% transparent;
	display: inline;
	font-family: 'floki';
	color:#FFF;
}
.rslides_tabs , .rslides1_tabs a {font-family: 'floki';}
.rsliders_tabs a:hover,.rsliders_tabs a:active {font-family: 'vafth', sans-serif;}

/* =============================================================
MENU SECTION STYLES
============================================================ */
.navbar-inverse {
background: url(../media/sdgmenu.jpg) ;
background-color: rgba(0, 0, 0, 0.6);
border-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
background-color: transparent;
border-bottom: 1px solid orange;
font-family: 'vafth';
}

.navbar-nav > li > a {
font-size: 20px;
font-weight: 800;
padding: 5px 0px;
letter-spacing: 2px;
margin: 10px 20px 10px 20px;
color: #FFF;
font-family: 'floki';
line-height: 40px;
font-weight: bold;
color:#fff;
text-shadow: 0px 2px #000;
}

.navbar-inverse p{
font-size: 12px;
padding: 0px 0px;
letter-spacing: 2px;
margin: -30px 20px 10px 20px;
color: #FFF;
font-family: 'Ubuntu';
line-height: 40px;
color:#fff;
text-transform: uppercase;
text-shadow: 0px 2px #000;
}


.navbar-inverse .navbar-nav > li > a:hover {
font-size:18px;
font-weight: 800;
padding: 5px 0px;
letter-spacing: 2px;
margin: 10px 20px 10px 20px;
color: #ffde00;
font-family: 'vafth';
}

.navbar-inverse p a:hover {
font-size: 12px;
padding: 0px 0px;
letter-spacing: 2px;
margin: -30px 20px 10px 20px;
color: #FFF;
font-family: 'floki';
line-height: 40px;
color:#fff;
text-transform: uppercase;
text-shadow: 0px 2px #000;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover {
color: #fff;
font-weight: 900;
font-family: 'Oswald', sans-serif;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: rgb(88, 60, 34);
}
.navbar-inverse .navbar-toggle {
border-color: #ba9472;
}


/* =============================================================
HOME SECTION STYLES
============================================================ */

#home {
text-align: center;
padding-top: 120px;
padding-bottom: 60px;
}

#home .social {
display: block;
margin: 10px 20px;
}

/*Carousel Slider*/

#carousel-slider {
/*padding: 50px 20px 5px 50px;*/
}

#carousel-slider h3 {
font-family: 'Oswald', sans-serif;
text-shadow: 0px 2px #000;
margin-bottom: 0px !important;
}

#carousel-slider p {
color: #fff;
font-size: 16px;
font-style: italic;
text-shadow: 0px 2px #000;
}

/* =============================================================
SERVICES SECTION STYLES
============================================================ */

#services .services-wrapper {
padding: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
background-color: rgba(0, 0, 0, 0.7);
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#services .services-wrapper:hover {
background-color: rgba(255, 255, 255, 0.7);
}

#services h3 {
font-family: 'Oswald', sans-serif;
}

#services .services-wrapper i {
margin: 5px;
color: rgb(137, 136, 24);
font-size: 60px;
}


/*============================
PRICING SECTION STYLES
==============================*/

.light-pricing {
margin-bottom: 30px;
margin-top: 50px;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, .5);
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.light-pricing:hover {
background-color: transparent;
}

.light-pricing ul {
list-style: none;
margin: 0;
text-align: center;
padding-left: 0px;
}

.light-pricing ul li {
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
}

.light-pricing ul li i {
margin-right: 5px;
}


.light-pricing .price {
padding: 40px 20px 20px 20px;
font-size: 60px;
font-weight: 900;
}

.light-pricing .price small {
color: #000;
display: block;
font-size: 15px;
margin-top: 22px;
}

.light-pricing .type {
background-color: rgba(0, 0, 0, 0.40);
padding: 30px 20px;
font-weight: 900;
text-transform: uppercase;
font-size: 30px;
color: rgb(137, 136, 24);
}

.light-pricing .pricing-footer {
padding: 20px;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
padding-left: 0;
padding-right: 0;
}

.light-pricing.popular {
margin-top: 10px;
}

.light-pricing.popular .price {
padding-top: 80px;
}


/*============================
WORK SECTION STYLES
==============================*/

#work .caegories a.active {
background-color: transparent;
color: #fff;
}

.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}

#work .work-wrapper {
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
background: url(../media/sdgmenu.jpg) bottom;
background-color: rgba(0, 0, 0, 0.7);
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 1px solid #ba9472;
min-height: 273px;
}

#work .work-wrapper:hover {
background-color: transparent;
border: 1px solid rgb(137, 136, 24);

opacity: .80; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
filter: alpha(opacity=80); /* ie lt 7 */
-khtml-opacity: .80; /* safari 1.x */
-moz-opacity: .80; /* ff lt 1.5, netscape */

}

#work .work-wrapper h4 {
padding-top: 10px;
}



/*============================
TEAM SECTION STYLES
==============================*/


.team-wrapper {
overflow-x: hidden;
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transform: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
margin-bottom:30px;
}
.team-wrapper:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.team-wrapper .team-inner {
background: #FFF:
padding: 0px 0 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-radius: 10px 10px 0px 0px;
}

.team-wrapper > .team-inner > a {
color: rgb(137, 136, 24);
width: 80px;
height: 80px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto -50px;
display: block;
color: rgb(137, 136, 24);
z-index: 999;
font-size: 40px;
padding: 15px 22px;
background-color: #fff;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.team-wrapper > .team-inner > a:hover {
color: #fff;
text-decoration: none;
background-color: rgb(137, 136, 24);
}


.team-wrapper .description {

padding: 30px 20px 20px;
text-align: center;
border: 1px solid #ba9472;
background-color: rgba(0, 0, 0, 0.70);
min-height: 160px;
}

.team-wrapper .description h5 {
color: #ba9472;
text-align: center;
}

.blbg {
padding: 30px 20px 20px;
text-align: center;
border-bottom: 0px solid #fff;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
background-color: rgba(0, 0, 0, 0.70);
border-radius: 10px;
}

/*============================
TEAM SECTION STYLES
==============================*/


.news-wrapper {
overflow-x: hidden;
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transform: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
margin-bottom:30px;
}
.news-wrapper:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.news-wrapper .news-inner {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-radius: 10px 10px 0px 0px;
}

.news-wrapper > .team-inner > a {
color: rgb(137, 136, 24);
width: 80px;
height: 80px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto -50px;
display: block;
color: rgb(137, 136, 24);
z-index: 999;
font-size: 40px;
padding: 15px 22px;
background-color: #fff;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.news-wrapper > .team-inner > a:hover {
color: #fff;
text-decoration: none;
background-color: rgb(137, 136, 24);
}


.news-wrapper .description {

padding: 30px 20px 20px;
text-align: center;
border: 1px solid #ba9472;
background-color: rgba(0, 0, 0, 0.70);
min-height: 200px;
}

.news-wrapper .description h5 {
color: #ba9472;
text-align: center;
}



/*============================
CONTACT SECTION STYLES
==============================*/

#contact .contact-wrapper {
background-color:rgba(88, 60, 34, 0.7);
padding: 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 10px;
border: 1px solid #fff;
min-height:200px;
}
#contact .contact-wrapper h3 {
color:#ba9472;
}
#contact .social-below {
display: block;
margin-top: 5px;
}
.footer-div {
padding-top:25px;
}
.footer-div a,.footer-div a:hover {
font-size:10px;

color:#fff;
text-decoration:none;
}
.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:40px;
	display:none;
	background: url('../media/totop.png') no-repeat 0px 20px;
	z-index:99999;
}
.scrollToTop:hover{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:40px;
	display:none;
	background: url('../media/totophover.png') no-repeat 0px 20px;
}
.navbar-brand > img {position:absolute; z-index:9999;top:7px;}


.wrap {
  width: 100%;
  height: 700px;
  top: 50%;
  margin-top: -30px;
  overflow: hidden;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
}

.photo {
  width: 260px;
  height: 250px;
  position: absolute;
  z-index: 1;
  box-shadow: 0 0 1px rgba(0,0,0,.01);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  left: 50%;
  top: 50%;
  margin: -160px 0 0 -130px;
}

.photo .side {
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  box-sizing: border-box;
}

.photo .side-front { /*display: none;*/
}

.photo .side-front .image {
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.photo .side-front .image img { width: 100%; }

.photo .side-front .caption {
  text-align: center;
  font-size: 16px;
  line-height: 50px;
}

.photo .side-back { }

.photo .side-back .desc {
  color: #666;
  font-size: 14px;
  line-height: 1.5em;
}

.photo_center {
  left: 50%;
  top: 50%;
  margin: -160px 0 0 -130px;
  z-index: 999;
}

.photo-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 0.6s;
box-shadow: 1px 1px 8px #000;
}

.photo-wrap .side-front {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}

.photo-wrap .side-back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.photo-wrap .side {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.photo_front .photo-wrap {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}

.photo_back .photo-wrap {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

.nv {
  width: 80%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 10%;
  bottom: 20px;
  z-index: 999;
  text-align: center;
}

.nv .i {
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  background-color: #aaa;
  text-align: center;
  border-radius: 90%;
  -webkit-transform: scale(0.5);
  -webkit-transition: all 0.5s;
  -moz-transform: scale(0.5);
  -moz-transition: all 0.5s;
}

.nv .i_current {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
}

.nv .i_back {
  -webkit-transform: rotateY(-180deg) scale(0.8);
  -moz-transform: rotateY(-180deg) scale(0.8);
  background-color: #555;
}
.bit-date, .bit-tickets {font-size:10px;}
.bit-widget-container {font-family: 'Oswald' !important;color:#cbbcb0;}

@media (max-width: 420px){ 
 .paper {
		background-image: url(../media/welcome/paper320.png);
		background-position: center top, bottom;
		background-repeat: repeat-y;
	}
	.navbar-brand > img {left:35%;}
	#releases {list-style-type:none;height:620px !important;z-index:999;}
}

@media (max-width: 1000px){ 
 .paper {
		background-image: url(../media/welcome/paper320.png);
		background-position: center top, bottom;
		background-repeat: repeat-y;
	}
	.navbar-brand > img {left:16px !important;}
	#clpics{margin-top:30px;margin-left:70px;}
	h4, .h4 {font-size:12px !important;}
	.geartitle {font-size:14px !important;}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 20px;
		font-weight: 800;
		padding: 5px 0px;
		letter-spacing: 2px;
		margin: 7px 7px 7px 7px;
		color: #FFF;
		font-family: 'floki';
		line-height: 40px;
		font-weight: bold;
		color:#fff;
		text-shadow: 0px 2px #000;
	}
}