html {height:100%}

::selection {background: #808080}
::-moz-selection {background: #808080}

/* VIDS */
.embed-responsive iframe, .embed-responsive object, .embed-responsive embed {width: 100%;}
/* VIDS */

body {background:#000; font-family: 'mergelight'; overflow-x:hidden;/* height:100%*/ }
div#generalWrapper {/*width:100%;*/ overflow-y: auto; margin-right:-20px; overflow-x:hidden; height:100%}
div#videoWrapper {/*width:100%;*/ position:relative; height:100%; /**/}

div#preloader {background:#000 url(../_img/loader.gif) no-repeat center; width:100%; position:absolute; z-index: 99999999999;}

video {display: block;}
div#vid {position:relative}
video#bgvid {position: fixed; left: 50%; top: 0; transform: translate(-50%, 0); min-height: 100%; min-width: 100%; z-index:01}
div#bottomCache {background:url(../_img/bottomvid.png); width:100%; height:140px; position:absolute; bottom:0; z-index:2}

div#controls {position:fixed; top:50px; right:30px; font-size:32px; opacity:0.65; z-index:3}
div#controls a {color:#FFF; text-decoration:none}
div#controls li {float:left; margin-left:10px}

button#play {width:25px; height:25px; border:none;}
button#mute {width:25px; height:25px; border:none;}
button#play:hover, button#mute:hover {cursor:pointer;}
button#play {background: url(../_img/play.png)}
button#play.playOff {background: url(../_img/pause.png)}
button#mute {background: url(../_img/soundOn.png);}
button#mute.muteOff {background: url(../_img/soundOff.png)}

header {z-index:999; background: rgba(0,0,0,.75); position:fixed; width:100%; font-family: 'Cinzel'; top:0; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.35);}
nav#nav-wrap {font-size:16px; text-shadow:0px 0px 5px #000000; }
nav#nav-wrap ul {text-align:center}
nav#nav-wrap li {display:inline-block; float:none}
nav#nav-wrap li a {color:#FFF}

div#band, div#disco, div#store, div#tour, div#gallery, div#contacts {z-index:2; line-height:22px; padding-top:50px; position:relative; z-index:1}

div#band {background:#000 url(../_img/band.jpg) no-repeat center top; min-height: 777px; color:#FFF; font-size:13px}
div#band p+p {margin-top:10px}
	/*div#band p {margin-left:30px}
	div#band p+p {margin-left:0;}
	div#band p+p+p {margin-left:50px}
	div#band p+p+p+p {margin-left:15px}*/
div#band .col2 {margin:30px 0; text-shadow:3px 2px 1px #000000;}
div#disco {background:#000 url(../_img/disco.jpg) no-repeat center top; color:#FFF; font-size:13px; position:relative; min-height: 610px;}
div#store {background:#000 url(../_img/store.jpg) no-repeat center top; height: 1280px;}
div#tour {height:550px}
div#gallery {background:#000 url(../_img/gallery.jpg) center top no-repeat; height: 559px;padding-top: 0;}
div#contacts {background:#000; color:#FFF; text-align:center; padding-bottom: 50px;padding-top: 0;}
div#contacts a {color:#FFF}
div#contacts strong {font-family: 'Cinzel'}

div#bioText {margin-top: 50px;width: 33%;height: 500px;overflow: hidden;padding: 10px; background: rgba(0,0,0, 0.75);-moz-border-radius: 10px;  -webkit-border-radius: 10px;  border-radius: 10px; -ms-transform: rotate(-1.5deg);  -webkit-transform: rotate(-1.5deg);  transform: rotate(-1.5deg); position:relative; z-index:3}

div#disco .col4 {margin:40px 0;}
div#disco .col4 img {-moz-box-shadow: 0px 0px 12px #000000; -webkit-box-shadow: 0px 0px 12px #000000; box-shadow: 0px 0px 12px #000000;}

	div#band > .col1, div#disco > .col1, div#contacts > .col1, div#gallery > .col1, div#store > .col1 {float:none;}
	div#band .arkan {font-family: 'Cinzel'; font-size:16px}
div.title {color:#FFF;text-shadow:3px 3px 3px #000000;}
div.cinzel {position:relative; font-family: 'Cinzel'; font-size:60px; padding-top:50px; position:relative; z-index:3}
div.bickham {position:relative; font-family: 'BickhamScriptPro'; font-size:125px; margin: 30px 0 30px 50px; color:#808080; position:relative; z-index:2}

div.thumbDisco {position:relative; overflow:hidden; cursor:pointer}
div.titesDisc {-moz-box-shadow: 0px 0px 12px #000000; -webkit-box-shadow: 0px 0px 12px #000000; box-shadow: 0px 0px 12px #000000; position:absolute; background:rgba(0,0,0,.75); width:96%; margin:2%; padding:15px; bottom:-400px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
div.titesDisc ol {line-height:normal; list-style-type:decimal; margin-left:40px; color:rgba(255,255,255,.75)}

div.thumbDisco:hover > div.titesDisc {bottom:0}

div#disco > .col1 {position:relative;z-index: 3;}
div#disco div.col1 {-ms-transform: rotate(1.5deg); -webkit-transform: rotate(1.5deg); transform: rotate(1.5deg);}
	div#disco div.title {text-align:center}
	div#disco div.title div.cinzel {font-size:80px;}
	div#disco div.title div.bickham {font-size:165px; padding-left: 415px;}
	div#disco strong {font-family: 'Cinzel'; font-size:20px}

div#gallery div.title {text-align:right}
div#galleryImg {position:relative; z-index:3; ; -ms-transform: rotate(1.25deg);  -webkit-transform: rotate(1.25deg);  transform: rotate(1.25deg);}
div#galleryImg > div img, div#listStore > div.col2, div#listStore > div.col4 {-moz-box-shadow: 0px 0px 10px rgba(110,48,50,0.5); -webkit-box-shadow: 0px 0px 10px rgba(110,48,50,0.5); box-shadow: 0px 0px 10px rgba(110,48,50,0.5);}
div#listStore > div.col2, div#listStore > div.col4 {-ms-transform: rotate(-1.5deg);  -webkit-transform: rotate(-1.5deg);  transform: rotate(-1.5deg); padding:0; margin:1%; background:#000}
div#listStore > div.col2 {width:48%}
div#listStore > div.col4 {width:23%}
div#listStore {position:relative; z-index: 3;margin-top: -85px;}
div#store div.title {position:relative; z-index: 4;}

div.descProd {background:#000; color:#FFF; height: 101px; padding:5px 10px; text-align:right;}
div.descProd button {font-family: 'Cinzel'; padding:5px 10px; background:#000; border:solid 2px #333; color:#FFF; cursor:pointer}
div.descProd select {font-family: 'Cinzel'; padding:5px 10px; background:#000; border:solid 2px #333; color:#FFF; margin:0 5px 0 10px; cursor:pointer}
div.descProd.large {height: 123px;}

div#store div.title {/* text-align:center */}
	div#store div.title div.cinzel {font-size: 90px;}
	div#store div.title div.bickham {font-size: 198px; padding-left: 246px;margin: 45px 0 30px 60px;padding-bottom: 62px;z-index: 2;}
	div.textDesc {font-family: 'Cinzel'; font-size: 18px; text-align:left; margin-bottom:5px}
	div.textDesc small {font-family: 'mergelight'; font-size:12px;display: inline-block;position: relative;top: -5px;margin-left: 2px;}
	div.shipping {font-family: 'mergelight'; font-size:10px;}

div.bttCountry {cursor:pointer; margin-top:30px; font-family: 'Cinzel'; padding: 5px 10px; background: #000; border: solid 2px #333; color:#999; display:inline-block; margin-left:10px; position:relative; z-index:999; top: -85px;}
div.bttCountry a {color:#CCC}


@media (min-width: 768px) and (max-width: 840px) {
	nav#nav-wrap {font-size:14px}
	nav#nav-wrap li {padding: 1%}
	div#bioText {width:50%}
	div.cinzel, div#disco div.title div.cinzel, div#store div.title div.cinzel {position: relative; font-family: 'Cinzel'; font-size: 60px; padding-top: 50px; position: relative; z-index: 3;}
	div.bickham, div#disco div.title div.bickham, div#store div.title div.bickham {position: relative; font-family: 'BickhamScriptPro'; font-size: 125px; margin: 30px 0 30px 50px; color: #808080; position: relative; z-index: 2;}
	div#disco div.title div.bickham,div#store div.title div.bickham {padding-left:0}
	div#disco, div#store, div#gallery {min-height: inherit; height:auto;}
	div.titesDisc {display:none}
}

@media (max-width: 768px) {
	video#bgvid {position: relative; left:0; transform: none; min-height: inherit; min-width: inherit; z-index: -100; width:100%}
	div#disco .col2 {width:50%; float:left}
	html, body, div#generalWrapper, div#videoWrapper {height:auto; overflow:visible;}
	div#generalWrapper {margin-right:0;}
	div#band {background: #000 url(../_img/band.jpg) no-repeat left top; min-height: inherit; height:auto; padding-top:0;}
	div#bioText {width:100%; margin-top:20px}
	div.bickham {display:none}
	div.cinzel {font-size:45px; text-align:center; padding-top:20px}
	div#disco div.title div.cinzel, div#store div.title div.cinzel {font-size:45px; text-align:center; padding:20px 0}
	div#disco div.col1 {-ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
	div#disco .col4 {width:50%; float:left; margin:0;}
	div.titesDisc {font-size:11px; padding:10px 5px;}
	div#disco, div#store, div#gallery {min-height: inherit; height:auto;}
	div#listStore > div.col2, div#listStore > div.col4 {width:100%}
	div#listStore {margin-top:20px}
	div.bttCountry {margin-top: 0; width:100%; padding: 5px 10px; margin-left: 0; position: relative; z-index: 999; top:0; text-align:center}
	div#galleryImg {position: relative; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); margin-top:20px}
	div#galleryImg div.col5 {width:50%; float:left}
	div#contacts strong:first-child {margin-top: 20px; display: inline-block}
	div.titesDisc {display:none}
}