body {
	margin: 0;
	padding: auto;
  	height: 3000px;
  	z-index: 1;
}

.row{
	overflow: hidden;
}

h1 {
	text-align: center;
	text-transform: uppercase;
	color: #320f28!important;
	padding-top: 100px;
	padding-bottom: 25px;
}

p {
	text-align: left;
	width: 50%;
	color: #4b454e;
	margin-left: 25%!important;
}

hr {
	width: 50%;
	margin-left: 25%!important;
	padding-bottom: 25px;
	border-top: 1px solid #7a8990!important;
}

.background-header {
	position: relative;
	height: 600px;
	background-image: url(./img/back.png);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 2
}

.logo {
	height: 300px;
	width: 50%;
	background-image: url(./img/logo.png);
	background-size: 500px;
	background-repeat: no-repeat;
	position: absolute;
	top: 15%;
	margin-top: -100px;
	margin-left: 50%;
}

.hand {
	width: 960px;
	height: 568px;
	background-image: url(./img/hand.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -100px;
}

.tattoo1 {
    width: 100%;
    height: 615px;
    background-image: url(./img/tattoo1.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 280px;
    background-size: cover;
}

.row1 {
	padding-left:200px;
	padding-right:200px;
}

.triptic-grid1 {
	width: 200px;
	padding: 10px;
	border-radius: 2px;
	opacity: 0;
	transition: all 1.5s ease-in-out;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s; 
    z-index: 2;
}

.triptic-grid2 {
	width: 200px;
	padding: 10px;
	border-radius: 2px;
	opacity: 0;
	transition: all 1.5s ease-in-out;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s; 
    z-index: 2;
}

.triptic-grid3 {
	width: 200px;
	padding: 10px;
	border-radius: 2px;
	opacity: 0;
	transition: all 1.5s ease-in-out;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s; 
    z-index: 2;
}

.triptic-grid11 {
	width: 200px;
	padding: 10px;
	border-radius: 2px;
	opacity: 1;
	transition: all 1.5s ease-in-out;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s; 
    z-index: 2;
}

.triptic-grid12 {
	width: 200px;
	padding: 10px;
	border-radius: 2px;
	opacity: 1;
	transition: all 1.5s ease-in-out;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s; 
    z-index: 2;
}

.triptic-grid13 {
	width: 200px;
	padding: 10px;
	border-radius: 2px;
	opacity: 1;
	transition: all 1.5s ease-in-out;
	-webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s; 
    z-index: 2;
}

.row {
	margin: 0px!important;
}

.carousel {
	z-index: 2;
}

.carousel1 {
	width: 100%;
	height: 400px;
	background-image: url(./img/tattoo5.jpg);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.carousel2 {
	width: 100%;
	height: 400px;
	background-image: url(./img/tattoo6.jpg);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.carousel3 {
	width: 100%;
	height: 400px;
	background-image: url(./img/tattoo4.jpg);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.carousel4 {
	width: 100%;
	height: 200px;
	background-image: url(./img/tattoo5.jpg);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.carousel5 {
	width: 100%;
	height: 200px;
	background-image: url(./img/tattoo6.jpg);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.carousel6 {
	width: 100%;
	height: 200px;
	background-image: url(./img/tattoo4.jpg);
	background-size: cover;
	position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.arrowRight{
	color: #d6cbd3;
	font-size: 60px!important;
	position: absolute;
	right: 20px;
	margin-top: 180px;
	transition: all .5s ease-in-out;
	z-index: 9999;
}

.arrowLeft{
	color: #d6cbd3;
	font-size: 60px!important;
	position: absolute;
	left: 20px;
	margin-top: 180px;
	transition: all .5s ease-in-out;
	z-index: 9999;
}

.arrowRight:hover{
	color: #320f28;
	cursor: pointer;
}

.arrowLeft:hover{
	color: #320f28;
	cursor: pointer;
}

.kraken {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 250px;
  margin: -125px 0 0 -125px;
  z-index: 0;
  transition: all 0.5s ease-in-out;
}

.kraken3 {
	opacity: 1;
}

.kraken2 {
	opacity: 0;
}

.path {
	stroke:#ffffff;
}

.path2 {
	stroke:transparent;
}

.gradfade {
  	background: linear-gradient(to bottom, #d6cbd3, #320f28);
  	width: 100%;
  	height: 1000px;
  	z-index: -1;
}
/*
.gradfade:hover .kraken{
	display: block;
}

.carousel:hover .kraken{
	display: block;
}

.carousel6:hover .kraken{
	display: block;
}

.carousel4:hover .kraken{
	display: block;
}

.carousel5:hover .kraken{
	display: block;
}*/

section {
	z-index: 2;
}

.row {
	z-index: 2;
}

.body1 {
	z-index: 9;
	background-color: #ffffff;
}

.footer1{
	background-color: #320f28;
	width: 100%;
	padding: 100px;
}

.footer2{
	background-color: #2d272e;
	width: 100%;
	padding: 70px;
}

.footer3{
	background-color: #000000;
	width: 100%;
	padding: 20px;
}

.theGunClub {
  background: -webkit-radial-gradient(#e7e3d8, #f1e1ce, #dcb968); /* Safari 5.1- 6.0 */
  background: -o-radial-gradient(#e7e3d8, #f1e1ce, #dcb968); /* Opera 11.6-12.0 */
  background: -moz-radial-gradient(#e7e3d8, #f1e1ce, #dcb968); /* Firefox 3.6-15 */
  background: radial-gradient(#e7e3d8, #f1e1ce, #dcb968); /* Standard syntax */
  height: 4000px;
}

.gun1 {
	margin-top: -1800px;
    width: 600px;
    left: 100px;
    position: absolute;
}

.gun2 {
	width: 600px;
	margin-top: -1600px;
	right: 100px;
	position: absolute;
}

.gun3 {
	width: 600px;
	margin-top: -1600px;
	right: 100px;
	position: absolute;
}

.left {
	text-align: left;
	padding-top: 0px;
	color: #b88bab!important;
}

.bang {
	color: #ffffff;
	margin-left: 0px!important;
}

.signiture {
	color: #b88bab;
	margin-left: 0px!important;
	text-align: center;
	width: 100%;
}