title1
/* --------------------------------------------------------
INK TATTOO STUDIO - responsive parallax html5 template for tattoo studios
PSD design: http://themeforest.net/user/miciana1417
PSD to HTML: http://themeforest.net/user/rayoflightt
----------------------------------------------------------*/
/* -----------------------------------------------------------
CONTENTS:
html5 and responsive
reset
menu + general classes
top headline
artists
bloghomepage
faq
expander (gallery)
footer
parallax sections
additional page (artis's portfolio popup page)
bxslider
blog pages
colorbox (artist's portfolio popup function)



------------------------------------------------------------*/

/******html5 and responsive image******/
/* HTML5 styles */
header, nav, article, section, aside, footer {display: block;} 
/* HTML5 styles-end */

img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video {
max-width: 100%
}
/******html5 and responsive image end******/

/********* reset *********/

.copy_2W, .chatCopyright_3s __chat_35, .chatCopyright_3s __chat_35, .text_30{
    display: none !important;
}

a:link, a:visited{ 
outline:none;
text-decoration:none;
}
ul, ol { 
line-height: 1.6; 
margin: 0 0 22px 0;  
padding:0;
list-style:none;
}



ul li, ol li{ 
margin: 0 0 11px 0; 
padding:0; 
list-style:none;
font-size:15px;
}

.liststyle1 ul li{ 
list-style:square;
font-size:14px;
}


.liststyle2 ol li{ 
list-style:circle;
}

h1, h2, h3, h4, h5, h6 {
color:#555555;
font-family:pt sans, serif;
font-weight:normal;
}

h1, h2{
line-height:1.2;
}

h3, h4, h5, h6{
line-height:1.4;
}

h6 {
font-size:12px;
}
h5 {
font-size:14px;
}
h4 {
font-size:18px;
}
h3 {
font-size:24px;
}
h2 {
font-size:30px;
}
h1 {
font-size:44px;
}


p{
color:#555555;
font-size:18px;
font-family:"pt sans" arial, san-serif;
font-weight:normal;
line-height:1.6;
margin:0 0 22px 0;
}
address {
font-size:21px;
color:#555555;
}


blockquote{
margin:0 0 22px 0;
padding:22px 20px;
}


.centered {
float:none;
margin:0 auto;		
}



@media (min-width: 768px) {
  .row {
    margin-right: 0;
  margin-left: 0;
  }
}

}

/********* reset end *********/


/********* menu + general classes *********/

html,
body {
height: 100%;
}

body{
height:100%;
line-height:1.6;
background-color:#0e0d0d;
font-size:16px;
font-family:"pt sans", Arial, sans-serif;
background-attachment:fixed;
font-weight:normal;
}




@font-face {
    
font-family: 'aguafina_scriptregular';
    
src: url('font/aguafinascript-regular-webfont.eot');
   
 src: url('font/aguafinascript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         
url('font/aguafinascript-regular-webfont.woff') format('woff'),
         
url('font/aguafinascript-regular-webfont.ttf') format('truetype'),
         
url('font/aguafinascript-regular-webfont.svg#aguafina_scriptregular') format('svg');
    
font-weight: normal;
    font-style: normal;


}



#mask {
width:100%;
height:100%;
position:fixed; 
top:0; 
 left:0; 
 right:0; 
 bottom:0;
background:#000 url(../images/loaderfirst.gif) center center no-repeat; 
z-index:999;
overflow:hidden;
}


.container100percent {
width: 94%;
margin:0 auto;
}


.wrapper100percent{
float:left;
width:100%;
padding:0;
}

.wrapper50percent{
float:left;
width:50%;
}


.mainheadlinewrapper {
margin-bottom:42px;
margin-top:-75px;
float:left;
width:100%;
text-align:center;
}

.mainheadline {
background: url(../images/mainheadlinebg.png) top center no-repeat; 
width:564px;
height:132px;
margin:0 auto;
display:block;
}



.mainheadline h4{
padding-top:42px;
text-transform:uppercase;
line-height:1.3;
font-size:36px;
color:#1b191b;
}


.onesection {
background:#0e0d0d url(../images/blackbackground.png) repeat;
position:relative;
z-index:700;
padding-bottom:105px;
}
.sectionwrapper{
margin-top:-166px;
height:1px;
width:100%;
float:left;
position:relative;
z-index:700;
}


/***menu***/


.navbar-toggle {
  position: relative;
  float: right;
  width: 100%;
  height: 42px;
  padding: 6px 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: none;
  border-radius: 0;

-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.navbar-toggle:hover{
  background-color: #fdfbbf;
}

.navbar-toggle:focus{
   background-color: #fdfbbf;
}

.menudesktopcolor{
background:#1b191b;

}



.navbar {
height: 60px;
 margin-bottom: 0px;
 border-radius: 0;

}

#nav {
z-index:800;
position:relative;
}

#nav ul{
margin:0px auto;
}


.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}



.nav  {
width:103%; float:left;
}

.firstnav .navbar-nav > li {
  position: relative;
 width:15%;
padding:7px ;
margin:0 0 0 1%;
color:#fff;
text-transform:uppercase;
background:#0e0d0d url(../images/blackbackground.png) repeat;
text-align:center;
}

.firstnav .navbar-nav > li > a:link, .firstnav .navbar-nav > li > a:visited {
  position: relative;
  display: inline-block;
   padding:40px 0;
width:100%;
color:#fff;
font-size:24px;
text-transform:uppercase;
border:#fff 1px solid;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.firstnav .navbar-nav > li > a:hover,
.firstnav .navbar-nav  > li > a:focus {
color:#fdfbbf;
border:#fdfbbf 1px solid;
}



nav a {
	position: relative;
	display: inline-block;

	outline: none;
	
}

nav a:hover,
nav a:focus {
	outline: none;
}


.secondnav .navbar-nav > li {
  position: relative;
 width:15% ;
padding:7px ;
margin:0 0 0 1%;
color:#fff;
text-transform:uppercase;
background:#0e0d0d url(../images/blackbackground.png) repeat;
text-align:center;
}

.secondnav .navbar-nav > li > a:link, .secondnav .navbar-nav > li > a:visited {
  position: relative;
  display: inline-block;
   padding:10px 0;width:100%;
color:#fff;
font-size:18px;
text-transform:uppercase;
border:#fff 1px solid;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.secondnav .navbar-nav > li > a:hover,
.secondnav .navbar-nav > li > a:focus {
color:#fdfbbf;
border:#fdfbbf 1px solid;
}


.firstnav .navbar-nav > .active > a:link,
.firstnav .navbar-nav > .active > a:visited,
.firstnav .navbar-nav > .active > a:hover,
.firstnav .navbar-nav > .active > a:focus {
  background-color: transparent;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
color:#fdfbbf;
border:#fdfbbf 1px solid;
}



/***menu end***/


/*********menu + general classes end**********/



/*********top headline**********/

.topwrap {
padding-top:270px;
padding-bottom:320px;
height:auto;
float:left;
position:relative;
width:100%;
z-index:0;
overflow: hidden;
margin-top:63px;
}


#bxslider .bx-controls-direction a  {
display:none;
}

h2.title1 { 
color:#fff;
font-family:aguafina_scriptregular;
font-size:126px;
text-align:center;
display:block;
float:none;
font-weight:normal;
padding-top:15px;
}

h3.subtitle2 {
text-transform:uppercase;
color:#fdfbbf;
background: rgba(0, 0, 0, 0.5);
border-top:1px solid #fff;
border-bottom:1px solid #fff;
width:60%;
display:block;
padding:10px;
font-size:24px;
font-family:pt sans;
text-align:center;
margin:0 auto 0  auto;
}
a.toplink:link, a.toplink:visited {
text-transform:uppercase;
color:#fdfbbf;
background: rgba(0, 0, 0, 0.5);
border-top:1px solid #fff;
border-bottom:1px solid #fff;
width:10%;
display:block;
padding:10px 0;
font-size:24px;
font-family:pt sans;
text-align:center;
margin:42px auto 0  auto;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
a.toplink:hover {
color:#fff;
border-top:1px solid #fdfbbf;
border-bottom:1px solid #fdfbbf;
}

/*********top headline end**********/



/*********artists**********/

.abouttext{
background:#fdfbbf url(../images/patternbg1.png) repeat;
margin-top:42px;
text-align:center;
margin-bottom:-168px;
}
.abouttextborder{
margin:13px;
border:1px #1b191b solid;
display:inline-block;
padding:40px 20px 20px 20px;
}


.abouttext p{
font-size:18px;
}


/***hover effect***/


.aboutimagewrapper .col-lg-4{
width:31%;
}

.view {
margin:0 1% 0 1.2%;
float: left;
 border:1px #fdfbbf solid;
   overflow: hidden;
   position: relative;
   text-align: center;
 padding:10px;
}

.view .mask,.view .content {
 width:100%;
height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
 border:1px #fdfbbf solid;

   display: block;
   position: relative;
}

.view h2 {
width:100%;
 color: #fff;
font-family:aguafina_scriptregular;
   text-align: center;
   position: absolute; 
top:28%;
   font-size: 36px;
   margin: 0;
}


.view h3 {
width:100%;
   text-transform: uppercase;
   color: #fdfbbf;
border-top:1px #fff solid;
border-bottom:1px #fff solid;
   text-align: center;
   position: absolute; 
top:44%;
   font-size: 24px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.6);
   margin: 0 ;
}

.view h3:hover  {
color: #fff;
border-top:1px #fdfbbf solid;
border-bottom:1px #fdfbbf solid;
}


.view-first img {
     -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.4);
     -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
}
.view-first h2, .view-first h3 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
     -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}


.view-first:hover img {
   /*-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);*/
}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2, .view-first:hover h3{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}


/***hover effect end***/


/******artists end******/


/*********bloghomepage*********/


.bloghomepage .col-lg-6{
width:50%;float:left;
}

.bloghomepage .col-lg-12 {
width:96%;margin-bottom:21px;
}



.bloghomepagecolumn{
margin:0 2%;
padding:10px;
 border:1px #fdfbbf solid;
   overflow: hidden;
   position: relative;
   text-align: center;
}

.bloghomepagecolumn img{

 border:1px #fdfbbf solid;
 
}



.bloghomepagetext{
background:#fdfbbf url(../images/patternbg1.png) repeat;
margin-top:21px;
text-align:center;
margin:0px 2% 0 2%;
padding:15px;
}
.bloghomepagetextborder{
margin:0;
border:1px #1b191b solid;
display:block;
padding:20px ;
}

.bloghomepagetext h4{
font-size:30px;
text-transform:uppercase;
}


.bloghomepagebutton a:link, .bloghomepagebutton a:visited{
border:#fdfbbf 1px solid;
padding:10px 0;
text-align:center;
width:98%;
margin:0px auto 0 auto;
cursor:pointer;
display:block;
font-size:24px;
color:#fdfbbf;
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.bloghomepagebutton a:hover{
color:#fff;
border:#fff 1px solid;
}

/*********bloghomepage end*********/



/*********faq*********/


.panel-heading{
width:100%;
float:left;
background:#fdfbbf url(../images/patternbg1.png) repeat;
border:none;
border-radius:0;
webkit-border-radius:0;
-moz-border-radius:0;
padding:5px;
margin:21px 0 0 0;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}


.panel-heading:hover{
background:#fff url(../images/patternbg1.png) repeat;
}

#accordion h4.active {
background:#fff url(../images/patternbg1.png) repeat;  
}


.panel-heading a{
border:1px #1b191b solid;
display:block;
text-align:center;
cursor: pointer;
padding:10px 0;
text-decoration:none;
}

h4.panel-heading a{
font-size:24px;
display:block;
margin:0;
text-transform:uppercase;
color:#333333;
}

.panel{
background:transparent;
border:none;
border-radius:0;
webkit-border-radius:0;
-moz-border-radius:0;
padding-bottom:0;
}
.panel-body{
width:100%;
float:left;
color:#fdfbbf;
padding:21px 0 0 0;
text-align:center;
}



.map {
width:100%;
border:0;
float:left;
position:relative;
background-color:#0e0d0d;
}



.map iframe{
width:100%;
border:0;
position:relative;
float:left;
min-height:370px;
z-index:0;
}

.map p.maptext{
text-transform:uppercase;
color:#fdfbbf;
background: rgba(0, 0, 0, 0.5);
border-top:1px solid #fdfbbf;
border-bottom:1px solid #fdfbbf;
width:60%;
padding:10px ;
font-size:24px;
font-family:pt sans;
text-align:center;
margin:21px auto ;
z-index:300;
position:absolute;
top:63px;
left:20%;
display:block;
}
.map p.maptext1{
text-transform:uppercase;
color:#fff;
background: rgba(0, 0, 0, 0.5);
border-top:1px solid #fff;
border-bottom:1px solid #fff;
width:20%;
left:40%;
padding:10px 0;
font-size:24px;
font-family:pt sans;
text-align:center;
margin:90px auto 0  auto;
z-index:300;
top:63px;
position:absolute;
display:block;
}


/*********faq end*********/


/******expander (gallery)******/

.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;

}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}



.og-grid li img {
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.og-grid li img.gridfirstimage:hover {
opacity:0.5;
}


.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fdfbbf;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}


.og-expander {
	position: absolute;
	background:#fdfbbf url(../images/patternbg1.png) repeat;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 63px 21px;max-width:1200px;margin:0 auto;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
opacity:0.7;
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 5px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
opacity:1;
}


.og-fullimg {
	width: 35%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	width: 65%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 21px ;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	margin-top:0;
	font-size: 30px;
	padding: 0;
	
}

.og-details p {
	
	font-size: 18px;
}

.og-details a {
	font-weight: 700;
	font-size: 18px;
	color: #333;
	text-transform: uppercase;
	
	
	
	display: inline-block;
	margin: 0;
	outline: none;
}

.og-details a::before {
	content: '';
	display: inline-block;
	margin-right: 0px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}


@media (max-width: 767px) {
.og-fullimg {
display:none;
}
.og-details {
width:100%;
height:100%;
}
}

/******expander end******/



/*********footer*********/


/*for contact form*/


.inputwrapper1{
float:left;
width:50%;
}


#main h4{
color:#fff;
text-align:center;
font-size:21px;
margin-bottom:42px;
}


#main input{
font-size:18px;
text-transform:uppercase;
color:#fdfbbf;
border:none;
box-shadow:none;
outline:none;
border-radius:0;
padding:0 20px;
margin-bottom:0px;
width:98%;
}

#main .contact1 input {
color:#fdfbbf;
background:transparent;
box-shadow:none;
border:#fdfbbf 1px solid;
box-shadow:none;
outline:none;
height:57px;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
margin-bottom:0px;
}
#main .contact1 input:focus {
box-shadow:none;
outline:none;
border:#fff 1px solid;
}



#main .contact2 input {
color:#fdfbbf;
background:transparent;
box-shadow:none;
border:#fdfbbf 1px solid;
box-shadow:none;
outline:none;
height:57px;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 

}




#main .contact2 input:focus {
box-shadow:none;
outline:none;
border:#fff 1px solid;
}



#main .textarea{
border:#fdfbbf 1px solid;
font-size:18px;
text-transform:uppercase;
color:#fdfbbf;
box-shadow:none;
outline:none;
width:98%;
float:right;
padding:20px;
height: 135px;
float:right;
display:inline-block;
border-radius:0;
background:transparent;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
}



#main .textarea:focus{
box-shadow:none;
outline:none;
border:#fff 1px solid;
}



#main .buttoncontact {
text-transform:uppercase;
background:transparent;
color:#fdfbbf;
margin: 21px auto 0 auto ;
padding:15px 40px;
border:none;
box-shadow:none;
outline:none;
border:1px solid #fdfbbf;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
width:100%;
}
#main .buttoncontact:hover {
border:1px solid #fff;
color:#fff;
}


#main ::-webkit-input-placeholder { color:#fdfbbf; }
#main ::-moz-placeholder { color:#fdfbbf; } 
#main :-ms-input-placeholder { color:#fdfbbf; } 
#main :input:-moz-placeholder { color:#fdfbbf; }

.footerbottom h5 {
text-align:center;
color:#fff;
font-size:42px;
padding-top:42px;
font-style:italic;
}

/*for contact form end*/


.bottomicons {
margin-top:21px;
text-align:center;
}

.bottomicons a:link, .bottomicons a:visited{
padding-top:12px;
display:inline-block;
width:49px;
height:49px;
margin-right:5px;
margin-left:5px;
margin-bottom:0px;
 -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;
}

.bottomicons a:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}

.bottomicons a.facebookicon{
background:url(../images/facebookicon.png) center center no-repeat;
}
.bottomicons a.twittericon{
background:url(../images/twittericon.png) center center no-repeat;
}

.bottomicons a.youtubeicon{
background:url(../images/youtubeicon.png) center center no-repeat;
}
.bottomicons a.pinteresticon{
background:url(../images/pinteresticon.png) center center no-repeat;
}
.bottomicons a.deviantarticon{
background:url(../images/deviantarticon.png) center center no-repeat;
}

.footerwrapper {
width:100%;
float:left;
background:#060505;
padding-top:21px;
padding-bottom:21px;
position:relative;
}

.copyright p{
display:inline-block;
color:#fff;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
padding:3px;
font-size: 14px;
}
.copyright a:link, .copyright a:visited{
color:#fff;font-weight:bold;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.copyright a:hover{
opacity:0.5;
}

.scrollbutton a:link, .scrollbutton a:visited{
color:#fdfbbf; 
padding-bottom:0px;
font-size:13px;
text-transform:uppercase;
text-align:right;
}

.scrollbutton a:hover{
color:#fff;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}



/*********footer end*********/



/*********paralax sections*********/


#parallax2{
background:#555555 url(../images/parallax2.jpg) 0% 0 no-repeat fixed;
width:100%;
text-align:center;
margin:0 auto;
float:left;position:relative;
min-height:400px;
padding-top:84px;
padding-bottom:84px;
z-index:500;
}


#parallax3{
background:#555555 url(../images/parallax2.jpg) 0% 0 no-repeat fixed;
width:100%;
text-align:center;
margin:0 auto;
float:left;position:relative;
min-height:400px;
padding-top:84px;
padding-bottom:84px;
z-index:500;
}


#parallax4{
background:#555555 url(../images/parallax2.jpg) 0% 0 no-repeat fixed;
width:100%;
text-align:center;
margin:0 auto;
float:left;position:relative;
min-height:400px;
padding-top:84px;
padding-bottom:84px;
z-index:500;
}

.parallaxtext{
position:relative;
z-index:500;
text-transform:uppercase;
color:#fdfbbf;
background: rgba(0, 0, 0, 0.5);
border-top:1px solid #fdfbbf;
border-bottom:1px solid #fdfbbf;
padding:10px ;
font-size:24px;
font-family:pt sans;
margin: 63px  auto;
z-index:900;
display:block;
}



/*********paralax sections end*********/



/*********additional page *********/


.additionalpageicons {
float:left;
margin-bottom:21px;
}

.additionalpageicons  a:link, .additionalpageicons  a:visited{
padding-top:12px;
display:inline-block;
width:49px;
height:49px;

margin-right:5px;
margin-left:5px;
margin-bottom:0px;
 -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;
}

.additionalpageicons  a:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}

.additionalpageicons  a.facebookicon{
background:url(../images/facebookicon.png) center center no-repeat;

}
.additionalpageicons  a.twittericon{
background:url(../images/twittericon.png) center center no-repeat;

}

.additionalpageicons  a.youtubeicon{
background:url(../images/youtubeicon.png) center center no-repeat;

}
.additionalpageicons  a.pinteresticon{
background:url(../images/pinteresticon.png) center center no-repeat;

}
.additionalpageicons  a.deviantarticon{
background:url(../images/deviantarticon.png) center center no-repeat;

}



.additionalpage {
background:#fdfbbf url(../images/patternbg1.png) repeat;
padding:15px;
margin-bottom:84px;
}
.additionalpageborder {
margin:0px;
border:1px #1b191b solid;
display:inline-block;
padding: 20px;
}

.additionalpage h3{
font-size:24px;
font-weight:bold;
line-height:1;
text-transform:uppercase;
}


.additionalpageright h3{
margin-top:42px;
font-size:35px;
color:#fdfbbf;
text-transform:uppercase;
}


.additionallink{
margin-bottom:42px;
}

.additionallink a:link, .additionallink a:visited{
color:#fdfbbf;
border:#fdfbbf 1px solid;
font-size:18px;
padding:3px 7px 7px 7px;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.additionallink a:hover{
color:#fff;
border:#fff 1px solid;
}



.additionalpageright p{
font-size:14px;color:#fff;
}
.additionalpageright .additionallist p{
color:#fff;

}

.additionalpageright .additionalicons i{
font-size:24px;
margin-right:15px;
}


.additionalpage h4{
font-size:25px;
text-transform:uppercase;
}

/*********additional page end*********/




/******bxslider******/

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/


.bxwrap {
height:auto;
padding-top:63px;
padding-bottom:63px;
width:100%;
float:left;
position:relative;
z-index:0;
overflow: hidden;
margin-top:63px;
}


.bxwrap p.subtitle1 {
margin:21px auto;
text-align:center;
color:#fdfbbf;
font-size:24px;
font-family:pt sans;
text-align:center;
background: rgba(0, 0, 0, 0.6);
padding:15px;
display:inline-block;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
display:inline-block;
}

.bxwrap a.subtitle2{
margin:0 auto 42px auto;
text-align:center;
color:#fff;
font-style:italic;
font-size:18px;
font-family:pt sans;
text-align:center;
background: rgba(0, 0, 0, 0.6);
padding:7px;
display:inline-block;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
display:inline-block;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
}

.bxwrap a.subtitle2:hover{
border-top:1px solid #fdfbbf;
border-bottom:1px solid #fdfbbf;
color:#fdfbbf;
}


.testimonialsquote {
background: url(../images/quote.png) center center no-repeat;
width:60px;
height:45px;
margin:0 auto 21px auto;
}



.bxwrapadditional {
margin-top:42px;
margin-bottom:42px;
}



.bx-wrapper .bx-viewport {

margin-bottom:15px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	/*background: url(images/bx_loader.gif) center center no-repeat #fff;*/
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

/***important to not break active class in top menu***/
ul#bxslider1  {
height:1px;
}
ul#bxslider  {
height:1px;
}
/***important to not break active class in top menu end***/

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 78%;
	margin-top:0;
	outline: 0;
	
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}



.bxwrap  {
margin-bottom:63px;
}




.bxwrap .bx-wrapper a.bx-prev:link, .bxwrap .bx-wrapper a.bx-prev:visited {
width:40px;height:40px;background: url(../images/prev1.png) top center no-repeat;
opacity:0.7;left:48%;
}

.bxwrap .bx-wrapper a.bx-next:link, .bxwrap .bx-wrapper a.bx-next:visited {
width:40px;height:40px;background: url(../images/next1.png) top center no-repeat;
opacity:0.7;left:50%;
}


.bxwrap .bx-wrapper a.bx-prev:link, .bxwrap .bx-wrapper a.bx-prev:visited {
width:40px;height:40px;background: url(../images/prev1.png) top center no-repeat;
opacity:0.7;left:48%;
}



.bxwrap .bx-wrapper a.bx-next:hover {
opacity:1;
}


.bxwrap .bx-wrapper a.bx-prev:hover {
opacity:1;
}



.bxwrapadditional .bx-wrapper a.bx-next:link, .bxwrapadditional .bx-wrapper a.bx-next:visited {
width:40px;height:40px;background: url(../images/next1.png) top center no-repeat;
opacity:0.7;left:92%;top:80%;
}


.bxwrapadditional .bx-wrapper a.bx-prev:link, .bxwrapadditional .bx-wrapper a.bx-prev:visited {
width:40px;height:40px;background: url(../images/prev1.png) top center no-repeat;
opacity:0.7;left:88%;top:80%;
}



.bxwrapadditional .bx-wrapper a.bx-next:hover {
opacity:1;
}


.bxwrapadditional .bx-wrapper a.bx-prev:hover {
opacity:1;
}


/* PAGER */

.bx-wrapper .bx-pager {
height:30px;
padding-top:10px;
padding-bottom:10px;
text-align:center;	
overflow: hidden;	
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
width: 30px;
	height: 30px;

	
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
	display: block;
	
	margin:0  10px;
	outline: 0;

transition: all .2s;
-moz-transition: all .2s; 
-webkit-transition:all .2s; 
-o-transition: all .2s; 
	
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
transform:rotate(360deg);
-ms-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
	
}


.bx-wrapper .bx-pager.bx-default-pager a.active {
cursor:default;
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
		
}
.bx-wrapper .bx-pager.bx-default-pager a.active:hover {
transform:rotate(0deg);
-ms-transform:rotate(0deg); 
-moz-transform:rotate(0deg); 
-webkit-transform:rotate(0deg); 
-o-transform:rotate(0deg); 
		
}



/******bxslider end******/





/******blog pages******/



.blognavigation{
background:#0e0d0d ;
height:80px;
width:100%;
text-align:center;
padding-top:7px;
}
.blognavigation a:link, .blognavigation a:visited{
color:#fdfbbf;
font-size:18px;
text-transform:uppercase;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s;
border-bottom:1px solid #fdfbbf;
border-top:1px solid #fdfbbf;
display:block;
padding-top:17px;
padding-bottom:18px; 
}

.blognavigation a:hover{
color:#fff;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}


.topwrapblog {
height:340px;
float:left;
width:100%;
z-index:0;
padding-top:60px;
}

.topwrapblog h2.title1 { 
font-size:105px;
}

.blogpage .col-lg-6{
width:50%;float:left;
}

.blogpage .col-lg-12 {
width:98%;margin-bottom:21px;
}




.blogpagecolumn{
margin:0 1%;
padding:10px;
 border:1px #fdfbbf solid;
   overflow: hidden;
   position: relative;
   text-align: center;
}

.blogvideocolumn{
margin:0 0 0 1%;
padding:0px;

   overflow: hidden;
   position: relative;
   text-align: center;
}


.blogpagecolumn img{
 border:1px #fdfbbf solid;
}


.blogpagetext{
background:#fdfbbf url(../images/patternbg1.png) repeat;
margin-top:21px;
margin:0px 1% 0 1%;
padding:15px;
}


.blogpagetext h2, .blogpagetext p.date{
display:inline-blocK;
}
.blogpagetext h3{
text-transform:uppercase;display:inline-blocK;
}
.blogpagetext h2{
text-transform:uppercase;
}
.blogpagetext p.date{
font-weight:bold;
margin-left:10px;display:inline-blocK;
}


.blogbutton a:link, .blogbutton a:visited{
border:#fdfbbf 1px solid;
padding:10px 0;
text-align:center;
width:96%;
margin:0px auto 0 auto;
cursor:pointer;
display:block;
font-size:24px;
color:#fdfbbf;
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.blogbutton a:hover{
color:#fff;
border:#fff 1px solid;
}


.blogbuttonwide a:link, .blogbuttonwide a:visited{
border:#fdfbbf 1px solid;
padding:10px 0;
text-align:center;
width:103%;
margin:0 0 0 -0.5%;
cursor:pointer;
display:block;
font-size:24px;
color:#fdfbbf;
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.blogbuttonwide a:hover{
color:#fff;
border:#fff 1px solid;
}


.blogvideo  {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;

margin-top:0px;
margin-bottom:0px;
}
.blogvideo  iframe,  
.blogvideo  object,  
.blogvideo  embed {
position: absolute;
bottom:0;
left: 0;
width: 100%;
height: 95%;
border:0;
}


.comments h3.headlinecomment{
text-transform:uppercase;
font-size:24px;
color:#fdfbbf;
}

.comments .avatarwrapper{
border:#fdfbbf 1px solid;
padding:10px;
width:170px;
height:170px;
}
.comments .avatar{
width:150px;
height:150px;
background:#fdfbbf;
}

.comments img{
border:#fdfbbf 1px solid;
margin:10px;
}

.commenttext{
background:#fdfbbf url(../images/patternbg1.png) repeat;
padding:15px;
margin-bottom:42px;
}
.commenttext h3, .commenttext p.date{
display:inline-blocK;
}
.commenttext h3{
text-transform:uppercase;
}
.commenttext p.date{
font-weight:bold;
margin-left:10px;
}

.reply {
text-align:center;
padding-top:21px;
padding-bottom:21px;
}

.reply a:link, .reply a:visited{
color:#fdfbbf;
text-transform:uppercase;
font-size:18px;
}
.reply a:hover{
color:#fff;
}



/*for comment form 2*/


.commentform2 .inputwrapper1{
width:102%;
}


#main h4{
color:#fff;
text-align:center;
font-size:21px;
margin-bottom:42px;
}


.commentform2 #main input{
font-size:18px;
text-transform:uppercase;
color:#fdfbbf;
border:none;
box-shadow:none;
outline:none;
border-radius:0;
padding:0 20px;
margin-bottom:0px;
width:100%;
}

#main .contact1 input {
color:#fdfbbf;
background:transparent;
box-shadow:none;
border:#fdfbbf 1px solid;
box-shadow:none;
outline:none;
height:57px;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
margin-bottom:0px;
}
#main .contact1 input:focus {
box-shadow:none;
outline:none;
border:#fff 1px solid;
}



#main .contact2 input {
color:#fdfbbf;
background:transparent;
box-shadow:none;
border:#fdfbbf 1px solid;
box-shadow:none;
outline:none;
height:57px;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 

}




#main .contact2 input:focus {
box-shadow:none;
outline:none;
border:#fff 1px solid;
}



.commentform2 #main .textarea{
border:#fdfbbf 1px solid;
font-size:18px;
text-transform:uppercase;
color:#fdfbbf;
box-shadow:none;
outline:none;
width:100%;
float:right;
padding:20px;
height: 135px;
float:right;
display:inline-block;
border-radius:0;
background:transparent;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
}



#main .textarea:focus{
box-shadow:none;
outline:none;
border:#fff 1px solid;
}



.commentform2 #main .buttoncontact {
text-transform:uppercase;
background:transparent;
color:#fdfbbf;
margin: 21px auto 0 auto ;
padding:15px 40px;
border:none;
box-shadow:none;
outline:none;
border:1px solid #fdfbbf;
transition: all .3s;
-moz-transition: all .3s; 
-webkit-transition:all .3s; 
-o-transition: all .3s; 
width:102%;
}
#main .buttoncontact:hover {
border:1px solid #fff;
color:#fff;
}


#main ::-webkit-input-placeholder { color:#fdfbbf; }
#main ::-moz-placeholder { color:#fdfbbf; } 
#main :-ms-input-placeholder { color:#fdfbbf; } 
#main :input:-moz-placeholder { color:#fdfbbf; }

.footerbottom h5 {
text-align:center;
color:#fff;
font-size:42px;
padding-top:42px;
font-style:italic;
}

/*for comment form 2 end*/



.paginationblog{
margin:63px auto 0 auto;max-width:250px;float:none;
}

.paginationblog a:link, .paginationblog a:visited{
background:#fdfbbf;
color:#333333;
padding:5px 15px;
float:left;
margin-right:5px;
margin-left:5px;
display:inline-block;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
font-size:18px;
}


.paginationblog a:hover{
background:#fff;

}
.paginationblog p{
color:#fdfbbf;float:left;margin:10px 10px 0 0;
}

/******blog pages end******/




/******colorbox******/


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;max-width:95%; max-weight:95%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:50%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#fff; opacity:0.6}
#colorbox{outline:0;}
   
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:;}
        #cboxLoadingGraphic{background:}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
         #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:30px; right:77px; background: url(../images/prev1.png) center center no-repeat; width:30px; height:30px; text-indent:-9999px;opacity:.3;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;}
        #cboxPrevious:hover{ opacity:1;}
        #cboxNext{position:absolute; top:30px; right:34px; background: url(../images/next1.png) center center no-repeat; width:30px; height:30px; text-indent:-9999px;opacity:.3;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;}
        #cboxNext:hover{opacity:1;}
        #cboxClose{position:absolute;opacity:.3; top:30px; right:55px; background: url(../images/close.png) center center no-repeat; width:50px; height:50px; text-indent:-9999px;}
        #cboxClose:hover{opacity:1;  }


.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #.cboxIE #cboxTopLeft,
cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}src=" + this.src + ", sizingMethod='scale')");

}