/*css*/

@import "reset.css";

@import "skeleton.css";

@import "../fonts/font-awesome.css";

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

@import url(http://fonts.googleapis.com/css?family=Alex+Brush);



	html, body {

	background: #29292b url(../images/bg-1.gif) 0 0 repeat;

	font-family: 'Roboto', sans-serif;

	color: #757071;

	font-weight: 300;

	min-width:300px;

	font-size: 14px;

	line-height:22px; 

	}

	body { position: relative;}



	* { -webkit-text-size-adjust: none;}



	a { color: inherit; text-decoration: none;}

	a:hover { text-decoration: none;}

	a[href^="tel:"] {color: inherit;text-decoration:none;}

	.a-hov { transition: all 0.4s ease;}

	.a-hov:hover { color: #de81e8;}



	ul li a { transition: all 0.4s ease;}



	h1, h2, h3, h4, h5, h6 {

	font-weight: 300;

}

	h1 {

	float: left;

	font-size: 61px;

	line-height: 61px;

	color: #fff;

	text-transform: uppercase;

	margin-top: 26px;

}

h1 a{ font-size:40px; color:#fff}

	h1 span {

	letter-spacing: 0;

	font-size: 13px;

	line-height: 13px;

	color: #de81e8;

	text-transform: none;

	display: block;

	text-align: center;

}

	h2 { font-size: 18px; line-height: 38px; color: #591653; text-transform: uppercase; padding-top: 15px; padding-bottom: 10px; width:100%; font-weight:500;}

	h3 { font-size: 18px; line-height: 38px; color: #591653; text-transform: uppercase; padding-top: 15px; padding-bottom: 10px; width:100%; font-weight:500;}

	h4 { font-size: 18px; line-height: 28px; color: #591653; text-transform: uppercase; padding-top: 15px; padding-bottom: 10px; width:100%; font-weight:500;}

	h5 {font-size: 18px; line-height: 26px; color: #591653; text-transform: uppercase; padding-top: 15px; padding-bottom: 10px; width:100%; font-weight:500; }

    h6 { font-size: 32px; line-height: 32px; color: #591653; text-transform: uppercase; padding-top: 15px; padding-bottom: 3px; width:100%; font-weight:400;}

	h7 { }





	.title-1 { color: #272729; text-transform: uppercase;} 

	.title-2 { color: #b645ad; text-transform: uppercase;  font-size: 16px; line-height: 18px; font-weight:500; padding-bottom: 5px;} 

	.title-3 { color: #b645ad; text-transform: uppercase;  font-size: 24px; line-height: 38px; font-weight:500; padding-top: 20px; padding-bottom: 2px;} 

	.title-4 { font-family: 'Alex Brush', cursive; font-size: 73px; line-height: 73px; color: #fff;} 

	.title-5 { font-size: 13px; line-height: 18px; color: #272729; text-transform: uppercase;} 

	.text-1 { color: #fff; text-transform: uppercase;}

	.text-2 { font-size: 21px; line-height: 21px; color: #fff;}

	.text-3 { display: inline-block; padding-top: 46px; padding-left: 3px; font-size: 14px; line-height: 19px; color: #808080; font-style: italic;}

	.text-4 { font-size: 26px; line-height: 38px; color: #ff3494;}

	

	.title-3 p {font-family: 'Roboto', sans-serif;

	color: #757071;

	font-weight: 300;

	font-size: 14px;

	line-height: 22px; text-align:justify;}

	

		.title-3 h1 { width:100%; font-weight:400;

	float: left;

	font-size:22px;

	line-height: 38px;

	color: #591653;

	text-transform: uppercase;

}

 



	.color-1 { color: #272729;}



	.page1 h2 { padding-top: 16px; padding-bottom: 0px;}

	.title-2 a { transition: all .4s ease;}

	.title-2 a:hover { color: #000;}

	h2.v1 { margin-top: 60px;}



	.btn {

		display: inline-block;

		text-align: center;

		vertical-align: middle;

		transition: all 0.4s ease;

		font-size: 19px;

		line-height: 29px;

		color: #fff;

		background: #120D1C;

		padding: 5px 22px 8px;

}

	.btn:hover { background: #757071;}



	.list li {	}

	.list li + li { margin-top: 0px;}

	.list li a { }

	.list li a:hover { color: #de81e8;}





	/*auxiliary*/



	.img-ind {float: left; margin-right: 20px; margin-top: 4px;}

	.wrapper {width: 100%; position: relative;}

	.wrapper img {width: 100%;}

	.extra-wrap {overflow:hidden;}

	.grid_inside { margin: 0 -10px;}

	.aligncenter {text-align: center !important;}

	.alignleft { text-align: left !important; }

	.it {font-style:italic; display: inline-block;}

	.fleft {float: left;}

	.fright {float: right;}

	.h-underline:hover { text-decoration: underline;}

	.underline {text-decoration: underline;}

	.upp {text-transform: uppercase;}

	.transition {transition: all 0.4s ease;}



	.clearfix { *zoom: 1;}

	.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}

	.clearfix:after { clear: both;}



	.pad-left { padding-left: 10px;}



	p { padding-bottom:8px; text-align:justify;}



	.img-bord { position: relative; display: block;}

	.img-bord span {

		position: absolute;

		display: block;

		left: 0;

		top: 0;

		bottom: 0;

		right: 0;

		transition: all .4s ease;

	}

	.img-bord:hover span {border: 6px solid #120D1C; }

	.wrapper + .title-2 { padding-top: 6px; padding-bottom: 5px;}



	.link { color: #de81e8; display: inline-block; margin-top: 16px;}

	.link:hover { color: #757071;}



/************Header************/



header { padding-bottom: 4px;}

.h-top {

	background:#120D1C;

	padding: 7px 0;

	text-align: right;

}

.h-top .text-1 { padding-top: 2px; padding-right: 4px; display: inline-block;}



/************Content***********/



.content {

	background: #ffecf4 url(../images/bg.gif) repeat;

padding-bottom: 30px;

}



.slider { margin-top: 34px;}



.camera_caption {

	width: 32%;

	top: 0;

	right: 0;

	left: auto;

}

.camera_caption > div {	background: rgba(146, 47, 157, 0.6) none repeat scroll 0 0;}

.camera_caption > div .inside {	background: url(../images/opacity-3.png) 0 0 repeat-x;}

.camera_caption > div { padding: 20px 21px 30px; bottom: 0px; position: absolute; top: 0px; right: 0px; left: 0px;}

.st-1 { font-size: 20px; line-height: 38px; color: #120D1C; text-transform: uppercase; border-bottom: 1px dashed #120D1C; font-weight: 300; padding: 3px 0px 1px 19px;}

.st-2 { padding: 3px 0px 1px 19px; color: #fff; font-size:16px; line-height: 29px; font-weight: 300; text-transform: uppercase;}

.st-3 { color: #ff3494; font-size:14px; padding-top: 2px; display: inline-block;}

.st-2 { margin-top: 11px;}

.slider .s-btn {

	display: inline-block;

	background: #120D1C;

	font-size: 19px;

	line-height: 29px;

	color: #fff;

	padding: 7px 29px;

}

.slider .inside .s-btn {

	margin-top: 48px;

	margin-left: 21px;

}

.slider .s-btn:hover { background: #fff; color: #f05984;}



.slider .s-btn.s1 {

	position: absolute;

	right: 749px;

	top: 20px;

	white-space: nowrap;

	font-size: 24px;

	line-height: 38px;

	color: #fff;

	text-transform: uppercase;

	background:#120D1C;

	padding: 2px 12px;

}

.slider .s-btn.s1:hover {

	background: #fff;

	color: #ea6c91;

}



.camera_pag { position: relative;}

.camera_pag_ul { position: absolute; bottom: 0; right: 197px;}

.camera_wrap { height: 406px;}

.camera_wrap .camera_pag .camera_pag_ul li > span { display: none;}

.camera_wrap .camera_pag .camera_pag_ul li {

	background: url(../images/camera_pag.png) right 0 no-repeat;

	width: 11px;

	height: 11px;

	margin: 16px 3px;

}

.camera_wrap .camera_pag .camera_pag_ul li:hover,

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {background: url(../images/camera_pag.png) left 0 no-repeat;}



.gallery-1 { margin-top: -2px;}

.gallery-1 > div { margin-top: 22px;}



.gallery-1 .info {}

.gallery-1 .info .separator { display: inline-block; color: #d3d3d4; font-size: 24px; padding: 0 6px;}

.gallery-1 .info .separator + .br { display: none;}



.banner {

	background: #000 url(../images/banner-1.png) right center no-repeat;

	margin-top: 36px;

	padding-bottom: 15px;

}

.banner .title-4 {

	display: inline-block;

	padding-top: 10px;

	padding-left:6px;

}

.banner .title-4 span { display: inline-block; font-size: 103px; line-height: 102px; padding-right: 3px;}

.banner .text-4 {

	margin-top: -40px;

	padding-left: 100px;

}



.block-2 { margin-bottom: 76px;}

.block-2 > div + div { margin-top: 26px;}



/*.gallery-1.v1 { margin-top: -17px;}*/

.gallery-1.v1 > div { margin-top: 21px;}

.gallery-1.v1 .title-2 { margin-top: 6px;}





/************Footer************/



.f-list { padding-top: 17px;}

.f-list li {

	font-weight: 300;

	font-size: 12px;

	line-height: 38px;

	color: #fff;

	text-transform: uppercase;

	display: inline-block;

	margin-right:8px;

}

.f-list li:hover, .f-list li.current { color: #f05984;}



.f-bot {

	font-size: 13px;

	line-height: 18px;

	color: #757071;

	background:#120D1C;

	margin-top: 15px;

}

.copyright {

	padding-top: 11px;

	font-size: 14px;

	line-height: 18px;

	color: #fff;

}

.copyright a { display: inline-block; margin-left: 5px;}



.block-1 { margin-top: -30px; padding-bottom: 40px;}

.block-1 > div { margin-top: 30px;}







	/*toTop*/



	#toTop {

		display:none;

		text-decoration:none;

		position:fixed;

		cursor:pointer;

		overflow:hidden;

		width: 35px;

		height: 37px;

		border:none;

		z-index:20;

		margin-right: -670px !important;

		right: 50%;

		bottom: 20px;

	}

	#toTop:after {

		content: "\f01b";

		display: inline-block;

		font-family: FontAwesome;

		font-style: normal;

		font-weight: normal;

		line-height: 1;

		font-size: 40px;

		-webkit-font-smoothing: antialiased;

		-moz-osx-font-smoothing: grayscale;

		position: relative;

		color: #ff3494;

	}



		#toTop:hover:after { color: #fea9c2;}



		#toTop:active, #toTop:focus {outline:none;}





	/*touch-touch*/ 

	.magnifier {

		position:relative;

		display:block;

		background: url(../images/magnifier.png) center center no-repeat #000000;



	}

	.magnifier img {

		-webkit-transition: all 0.5s ease;

		-moz-transition: all 0.5s ease;

		-o-transition: all 0.5s ease;

		transition: all 0.5s ease;

	}



	.magnifier:hover img {	opacity: 0.4;}



	 .bright{ width:100%; margin: 0 auto; padding:15px 0; margin:15px 0; border-top:1px dashed #120D1C; border-bottom:1px dashed #120D1C; clear:both; float:left; }

    .bright img{ width: 100%;

  vertical-align: top; }

  .bright .starleft{ width:40%; margin: 0 auto; padding:0em 0; float:left; }

 .bright .starright{ width:40%; margin: 0 auto; padding:0em 0; float:right; margin-right:10px; }





.touch-right ul{

 float:right; margin-top:15px; padding:1px 2px; color:#120D1C;

}



.touch-right ul p{  padding:15px 2px ; float:right; font-size:14px; color:#fff;

}

.touch-right ul li{

	list-style:none;

	display:inline-block;

}

.touch-right ul li span{

	background:url(../images/social-icons.png) no-repeat;

	width:32px;

	height:32px;

	display:block;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

}

.touch-right ul li span.fb{

	background-position:0px 0px;

}

.touch-right ul li span.twt{

	background-position:-32px 0px;

}

.touch-right ul li span.g{

	background-position:-64px 0px;

}

.touch-right ul li span.p{

	background-position:-96px 0px;

}

.touch-right ul li span.drb{

	background-position:-192px 0px;

}

.touch-right ul li span.fb:hover{

	background-position:0px -32px;

}

.touch-right ul li span.twt:hover{

	background-position:-32px -32px;

}

.touch-right ul li span.g:hover{

	background-position:-64px -32px;

}

.touch-right ul li span.p:hover{

	background-position:-96px -32px;

}

.touch-right ul li span.drb:hover{

	background-position:-192px -32px;

}





.blog-right h3{

	color: #353a3d;

  font-size: 1.3em;

  font-weight: 700;

  margin:0;

}

.blog-right ul{

	padding:0;

	margin-top:1.5em;

}

.blog-right ul li{

	list-style:none;

	margin-bottom:8px;

}

.blog-right ul li a{

	color: #ff3494;

  	font-size: 13px;

  	font-weight: 600;

}

.blog-right ul li a:hover{

	color:#000;

	  margin-left: 10px;

	transition: 0.5s all ease;

	-webkit-transition: 0.5s all ease;

	-moz-transition: 0.5s all ease;

	-o-transition: 0.5s all ease;

	-ms-transition: 0.5s all ease;

}

.posts{

	margin-top:2em;

}

.categories:nth-child(1){

	margin-top:0;

}

.categories{

	margin-top:2em;

}





/*==================================RESPONSIVE LAYOUTS===============================================*/





@media only screen and (max-width: 995px) {

	h1 { float: none; text-align: center;}

	.camera_pag_ul { right: 10px;}

	.st-2 { font-size: 14px; line-height: 20px;}

	.slider .inside .s-btn { margin-top: 20px;}

	.slider .s-btn.s1 { right: 219%; top: auto; bottom: 15px;}

	.camera_wrap { height: 323px;}

	.gallery-1 .info .separator + .br { display: block;}

	.gallery-1 .info .separator { font-size: 14px;}

	.banner .text-4 span { display: block;}

	.banner .text-4 { margin-top: 10px;}

	.banner .text-3 { display: block; padding-top: 0; padding-left: 95px; margin-top: -42px;}

	.w1 { width: 45%;}

}

@media only screen and (max-width: 767px) {

	.st-2 { display: none;}

	.slider .inside .s-btn { font-size: 12px; line-height: 12px; padding: 5px; margin-bottom: 10px; margin-left: auto; text-align: center;}

	.slider .s-btn.s1 {font-size: 12px; line-height: 12px; padding: 5px;}

	.camera_caption > div .inside { text-align: center;}

	.st-1 { font-size: 20px; line-height: 30px; padding: 3px 0; text-align: center;}

	.camera_wrap { height: 181px;}

	.gallery-1 > div { width: 46% !important; margin-left: 2%; margin-right: 2%;}

	.banner > div { background: url(../images/opacity-4.png) 0 0 repeat;}

	.f-list li { margin-right: 3px; font-size: 12px; }

	.banner .text-3 {color: #fff;}

 .bright .starleft{ width:100%; margin: 0 auto; padding:0em 0; float:left; }

 .bright .starright{ width:100%; margin: 0 auto; padding:0em 0; float:right; }



}

@media only screen and (max-width: 479px) {

	.h-top .text-2 { display: block;}

	.camera_caption > div {padding: 15px 8px 15px;}

	.camera_wrap { height: 150px;}

	.gallery-1 > div { width: 100% !important; margin-left: 0; margin-right: 0;}

	.banner .title-4 span { font-size: 66px; line-height: 70px;}

	.banner .title-4 { font-size: 60px; line-height: 60px;}

	.banner .text-3 {display: block;padding-top: 0;padding-left: 74px;margin-top: -24px; color: #fff;}

	.banner .text-4 { padding-left: 34px;}

	.f-list { display: none;}

	h1 { font-size: 60px; line-height: 60px;}

	.camera_caption { width: 38%;}

	.slider .s-btn.s1 { right: 180%;}

 

	  .bright .starleft{ width:100%; margin: 0 auto; padding:0em 0; float:left; }

 .bright .starright{ width:100%; margin: 0 auto; padding:0em 0; float:right; }

	

}

@media only screen and (max-width: 320px) {



	  .bright .starleft{ width:100%; margin: 0 auto; padding:0em 0; float:left; }

 .bright .starright{ width:100%; margin: 0 auto; padding:0em 0; float:right; }



}