/*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: #da8ae3;
		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 #da8ae3; }
	.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:#da8ae3;
	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: #da8ae3; text-transform: uppercase; border-bottom: 1px dashed #da8ae3; 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: #da8ae3;
	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:#da8ae3;
	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:#da8ae3;
	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 #da8ae3; border-bottom:1px dashed #da8ae3; 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:#da8ae3;
}

.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; }

}