@charset "utf-8";
/* CSS Document */
body{
	background:#f6f5f5;
	font-family: 'museo300';
	font-size:15px;
	color:#555555;
}
.container{
	position:relative;
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.blogs{
	position:relative;
	padding:25px 15px;
}
/* twiiter widget */
.tweet-post{
	background:#00aeef;
	color:#FFF;
	margin-bottom:20px;
}
.tweet-post a{
	color:#fff;
	text-decoration:none;
}
.tweet-post a:hover{
	text-decoration:underline;
}
.tweet-head{
	text-align:center;
	background:#6dcff6;
	font-size:48px;
	padding:20px;
}
.tweet-title{
	font-family: 'uni_sans_regularregular';
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:35px 20px;
}
.tweet-text{
	text-align:center;
	font-family: 'museo700';
	font-size:24px;
	font-weight:normal;
	line-height:1.1em;
	padding:35px 20px;
	max-width:430px;
	margin:0 auto;
}
.tweet-line{
	width:100%;
	max-width:126px;
	margin:20px auto 5px auto;
	border-top:1px solid #7bd2f2;
}

.tweet-handle{
	text-align:center;
	font-size:14px;
	font-family: 'museo300';
	padding:40px 20px;
}
.tweet-handle a{
	font-family: 'museo700';
}
/* end twitter */

.blogs .post{
	width:46%;
	width:46%;
	padding-bottom:20px;
	overflow:hidden;
}
.entry{
	position:relative;
	background:#FFF;
	width:100%;
}
.entry img{
	width:100%;
	height:auto;
}
.post-board{
	position:relative;
	padding:30px;
}

.the_time{
	position:absolute;
	width:50px;
	height:50px;
	top:-29px;
	left:50%;
	margin-left:-25px;
	background:#f3f3f4;
	
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.the_time *{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	text-align:center;
}
.the_day{
	font-size:22px;
	font-family: 'uni_sans_boldregular';
	margin:5px 0 0 -15px;
	color:#231f20;
}
.the_month{
	font-size:13px;
	font-family: 'uni_sans_boldregular';
	margin:-6px 0 0 12px;
	color:#5e5b5c;
	letter-spacing:1px;
}
.entry h3{
	margin:0;
	line-height:1em;
	text-align:center;
	font-family: 'museo700';
	font-weight:normal;
	color:#000;
}
.entry h3 a{
	display:block;
	color:#000;
	text-decoration:none;
	font-size:28px;
	padding:30px;
	line-height:1em;
}

/* single blog post */
.blog{
	max-width:940px;
	padding:15px;
}
.blog .post{
	background:#fff;
}
.blog h3.post-title{
	color:#231f20;
	font-size:40px;
	font-weight:normal;
	font-family: 'museo700';
	margin:50px 15px 30px 15px;
}
.entry-text{
	font-family: 'museo300';
	font-size:15px;
	line-height:1.8em;
}
.entry-text p{
	padding:0;
	margin:30px 0;
	text-align:justify;
}
.entry-text blockquote{
	font-family: 'museo500';
	font-size:24px;
	line-height:1.3em;
	margin:45px 15px;
}

.div-line{
	position:relative;
	width:128px;
	height:26px;
	margin:10px auto;
	background: url(../images/underline.png) center no-repeat;
}

.author{
	text-align:center;
	font-family: 'museo700';
	margin:10px auto 50px;
}
.author a{
	color:#555555;
	text-decoration:none;
}
.author a:hover{
	text-decoration:underline;
}
.author span{
	font-family: 'museo300';
}

/* post nav share */
.post-widget{
	padding:20px 0;
	border-top:1px solid #bdbcbc;
	border-bottom:1px solid #bdbcbc;
	margin:80px 0 60px 0;
}
.post-nav-clean{
	border:none;
}
.share-label{
	text-align:center;
	clear:both;
	text-transform:uppercase;
	color:#999595;
	font-size:11px;
	font-family: 'museo700';
	padding-top:10px;
}
.share-widget{
	height:54px;
	width:50%;
	text-align:center;
	float:left;
	overflow:hidden;
}
.share-widget a{
	display:inline-block;
	text-decoration:none;
	width:54px;
	height:54px;
	line-height:54px;
	text-align:center;
	border-radius:50%;
	color:#555555;
	font-size:24px;
	background-color:#fff;
	margin:0 15px;
	
	-moz-transition:background-color .2s linear;
	-webkit-transition:background-color .2s linear;
	-ms-transition:background-color .2s linear;
	-o-transition:background-color .2s linear;
	transition:background-color .2s linear;
}
.share-widget a:hover{
	background-color:#ffff00;
}
.post-nav{
	color:#999595;
	text-transform:uppercase;
	font-size:11px;
	font-family: 'museo700';
	width:25%;
	height:54px;
	line-height:54px;
	float:left;
	overflow:hidden;
}

.post-nav a{
	display:block;
	position:relative;
	text-decoration:none;
	color:#999595;
	line-height:54px;
	padding-left:33px;
	
	-webkit-transition:color .2s linear;
	-ms-transition:color .2s linear;
	-o-transition:color .2s linear;
	-moz-transition:color .2s linear;
	transition:color .2s linear;
}
.post-nav a:hover{
	color:#000;
}
.post-nav .fa{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:33px;
	line-height:54px;
	display:block;
	font-size:24px;
	color:#555555;
}
.next-post{
	float:right;
	text-align:right;
}
.next-post a{
	padding-right:33px;
}
.next-post .fa{
	right:0;
	left:auto;
	
}

/* about */
.page{
	position:relative;
	width:100%;
	background:#202020;
}
.page-article{
	color:#c2c0c0;
	font-family: 'museo100';
	font-size:18px;
	line-height:1.5em;
	padding:80px;
	
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
.page_img{
	width:100%;
	background:#e2e2e2;
}
.page_img img{
	border:none;
	width:100%;
	height:auto;
	display:block;
}
.page-article h3.page-title{
	color:#999595;
	font-weight:normal;
	font-size:72px;
	font-family: 'museo700';
	line-height:60px;
	margin:0 0 40px 0;
}
.page-article h3.page-title span{
	color:#ffff00;
}
.page-article .tagline{
	color:#999595;
	font-size:36px;
	font-family: 'museo100';
	margin-bottom:80px;
}
.about-widget{
	background:#f6f5f5;
	color:#898989;
	padding:0 45px 45px;
}
.about-widget-text{
}
.about-widget-text .page-article{
	color:#898989;
	font-family: 'museo300';
}
.about-widget-text .page-article h3{
	font-weight:normal;
	font-family: 'museo700';
	text-transform:uppercase;
	margin:0;
	font-size:18px;
}
.about-widget-text .work-box{
	border-bottom:1px solid #dddcdc;
	padding:40px 0;
}
.about-widget-text .work-box:last-child{
	border-bottom:none;
}
.work-pos{
	color:#202020;
	font-size:24px;
	font-family: 'museo900';
}
.work-date{
	text-transform:uppercase;
	font-family: 'museo300';
	font-size:14px;
	margin-bottom:10px;
}
.work-link{
	color:#3692d4;
	font-size:14px;
	font-family: 'museo300';
}
.work-link a{
	text-decoration:none;
	color:#3692d4;
}
.work-link a:hover{
	text-decoration:underline;
}
.like-widget{
	background:#5f5e5e;
	padding:50px 45px;
}
.like-widget .page-article{
	color:#f6f5f5;
	font-size:24px;
	line-height:1.1em;
	font-family: 'museo300';
	text-transform:uppercase;
}
.like-widget .page-article strong{
	color:#ffff00;
	font-weight:normal;
	font-family: 'museo700';
}

/* contact page */
.contactck .page{
	background:#f6f5f5;
}
.contactck{
	padding:25px 0 0 0;
}
.contact-page{
	padding:25px;
}
.contactck h3.page-title{
	color:#282828;
	font-size:72px;
	line-height:60px;
	font-family: 'museo700';
	font-weight:normal;
	margin:50px 0 30px 0;
}
.contactck h3.page-title span{
	color:#999595;
}
.contactck button{
	background:#ffff00;
	border:none;
	color:#000;
	text-transform:uppercase;
	font-family: 'museo700';
	letter-spacing:2px;
	padding:15px 30px;
	cursor:pointer;
	-webkit-appearance: none;
    border-radius: 0;
	margin-bottom:60px;
}
.contactck .inputbox{
	background:#f6f5f5;
	border:none;
	border-bottom:1px solid #8c8a8a;
	width:100%;
	padding:15px 0;
	margin:10px 0 20px 0;
	outline:none;
}
.contactck label{
	display:block;
	color:#000;
}
.contactck .tagline{
	color:#282828;
	font-size:24px;
	font-family: 'museo300';
	margin-bottom:50px;
	margin-left:5px;
}
/* mobile menu */
.mobile-header{
	position:fixed;
	top:-60px;
	left:0;
	height:60px;
	z-index:500;
	width:100%;
	background:#fff;
	
}
.mobile-header.expanded{
	top:0;
}
.mobile-header .mobile-logo{
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-30px;
	width:120px;
	text-align:center;
}
.mobile-header .mobile-logo img{
	width:100%;
}
.mobile-header .expander{
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:100%;
	line-height:60px;
	background:#231f20;
	color:#fff;
	text-align:center;
	cursor:pointer;
	font-size:30px;
}
header .menuclose{
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:60px;
	height:60px;
	line-height:60px;
	background:#231f20;
	color:#fff;
	text-align:center;
	cursor:pointer;
	font-size:30px;
}
/* main navigation */
header{
	position:fixed;
	display:block;
	top:0;
	left:-367px;
	width:367px;
	height:100%;
	background:#fff;
	padding:100px 50px 50px 50px;
	z-index:501;
	overflow:hidden;
	
	-moz-transition:display .2s linear;
	-webkit-transition:display .2s linear;
	-o-transition:display .2s linear;
	-ms-transition:display .2s linear;
	transition:display .2s linear;
}
header.expanded{
	left:0;
}
header.collapsed{
	left:-367px;
	
}
header nav{
	text-transform:uppercase;
	font-family: 'uni_sans_regularregular';
	font-size:14px;
}
header nav ul{
	list-style:none;
	margin:200px 0 0 0;
	left:0;
}
header nav ul li{
	margin-bottom:30px;
	letter-spacing:2px;
}
header nav ul li a{
	text-decoration:none;
	color:#898989;
	
	-moz-transition:color .25s linear;
	-webkit-transition:color .25s linear;
	-o-transition:color .25s linear;
	-ms-transition:color .25s linear;
	transition:color .25s linear;
}
header nav ul li.active a{
	font-family: 'uni_sans_boldregular';
	color:#111111;
}
header nav ul li a:hover{
	color:#111111;
}

/* begin footer */
footer{
	background:#202020;
	color:#888686;
	font-family: 'museo300';
	font-size:12px;
	text-transform:uppercase;
	line-height:1.5em;
}
footer .container{
	padding:50px 20px;
}
footer strong{
	color:#fff;
	font-family: 'museo700';
	font-weight:normal;
}
/* home slider */
#banner{
	position:relative;
	background:#000;
	z-index:600;
}
#banner .scroll-down{
	position:absolute;
	bottom:50px;
	left:50%;
	width:64px;
	height:64px;
	line-height:64px;
	text-align:center;
	color:#0d0d0d;
	font-size:30px;
	margin-left:-32px;
	background:#FFF;
	border-radius:50%;
	cursor:pointer;
	z-index:700;
}
.tp-logo{
	position:absolute;
	top:100px;
	left:60px;
	z-index:699;
}
ul.bxslider{
	list-style:none;
	margin:0;
	padding:0;
}
/*
ul.bxslider li{
	max-height:980px;
	overflow:hidden;
}*/
.bx-caption{
	position:absolute;
	top:40%;
	left:60px;
	
	-webkit-transition:all .35s linear;
	-o-transition:all .35s linear;
	-ms-transition:all .35s linear;
	transition:all .35s linear;
	max-width:1000px;
}
.bx-caption.anim{
	opacity:0;
	
	-moz-transition:all .35s linear;
	-webkit-transition:all .35s linear;
	-o-transition:all .35s linear;
	-ms-transition:all .35s linear;
	transition:all .35s linear;
}

.bx-caption h3{
	font-weight:normal;
	font-family: 'uni_sans_boldregular';
	font-size:80px;
	text-transform:uppercase;
	line-height:0.9em;
	color:#FFF;
	margin:0 0 28px 0;
	padding:0;
	text-shadow: 1px 1px #000;
}
.bx-caption .bx-tagline{
	color:#ffff00;
	font-size:30px;
	font-family: 'museo300';
	margin-left:2px;
	text-shadow: 1px 1px #000;
}
.bx-caption.anim h3{
	margin-left:20px;
	
	-webkit-transition:all .25s linear;
	-o-transition:all .25s linear;
	-ms-transition:all .25s linear;
	-ms-transition:all .25s linear;
	transition:all .25s linear;
}
.bx-caption.anim .bx-tagline{
	margin-left:20px;
	
	-moz-transition:all .25s linear;
	-ms-transition:all .25s linear;
	-o-transition:all .25s linear;
	-webkit-transition:all .25s linear;
	transition:all .25s linear;
}
.bx-caption .bx-link{
	display:block;
	width:100%;
	max-width:300px;
	background:#ffff00;
	padding:17px 25px;
	text-transform:uppercase;
	text-decoration:none;
	color:#0c0c0c;
	font-size:14px;
	font-family: 'uni_sans_boldregular';
	letter-spacing:2px;
	margin-top:40px;
	margin-left:2px;
}
.bx-caption.anim .bx-link{
	background:#0c0c0c;
	color:#ffff00;
	margin-left:10px;
	
	-ms-transition:all .35s linear;
	-webkit-transition:all .35s linear;
	-o-transition:all .35s linear;
	-moz-transition:all .35s linear;
	transition:all .35s linear;
}

/* top space padd box */
.clearbox{
	position:relative;
	width:100%;
	height:60px;
}
.clearbox.narrow{
	height:0;
}

/* footer social boxes */
.social-pages{
	padding:30px;
	padding-left:0;
}
.social-pages ul{
	list-style:none;
	margin:0;
	padding:0;
}
.social-pages ul li{
	display:inline-block;
	font-size:26px;
	margin:0 30px 0 0;
}
.social-pages ul li a{
	display:inline-block;
	padding:5px;
	text-decoration:none;
	color:#555555;
}
.social-pages ul li a:hover{
	color:#fff;
}
/* responsive iframe */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-container p{
	display:block;
}
.blog_video{
	padding-bottom:55px;
}
/* 404 error page */
.notfound-area{
	padding:35px;
}
@media only screen and (max-height: 600px){
	.notfound-area{
		min-height:650px;
	}
}
@media only screen and (max-height: 768px){
	.notfound-area{
		min-height:750px;
	}
}
@media only screen and (max-height: 1080px){
	.notfound-area{
		min-height:850px;
	}
}
@media only screen and (min-height: 1080px){
	.notfound-area{
		min-height:1200px;
	}
}

/* start responsive */
@media only screen and (max-width: 1366px){
	.bx-caption h3{
		font-size:70px;
	}
}
@media only screen and (max-width: 1024px){
	#banner .scroll-down{
		display:none;
	}
	
}
@media only screen and (max-width: 1023px){
	#banner{
		z-index:99;
		margin-top:60px;
	}
}
@media only screen and (max-width: 768px){
	.page-article{
		padding:40px;
	}
	.page-article h3.page-title{
		font-size:50px;
		line-height:45px;
	}
	.like-widget{
		padding:15px;
	}
	.like-widget .page-article{
		font-size:18px;
		line-height:1.3em;
	}
	.page-article .tagline{
		margin-bottom:40px;
		font-size:30px;
	}
	
	.post-nav span{
		display:none;
	}
	.bx-caption{
		top:10%;
		left:20px;
	}
	.bx-caption h3{
		font-size:50px;
		margin-bottom:15px;
	}
	.bx-caption .bx-tagline{
		font-size:20px;
	}
	.bx-caption .bx-link{
		max-width:150px;
		margin-top:15px;
		padding:13px 15px;
	}
	.tp-logo{
		display:none;
	}
	
}
@media only screen and (max-width: 620px){
	.blogs .post{
		width:95%;
		padding-bottom:15px;
	}
}

@media only screen and (max-width: 420px){
	.page-article{
		padding:25px;
	}
	.page-article h3.page-title{
		font-size:40px;
		line-height:37px;
		margin-bottom:20px;
	}
	.page-article .tagline{
		margin-bottom:20px;
		font-size:22px;
	}
	.page-article{
		font-size:17px;
		line-height:1.2em;
	}
	.like-widget .page-article{
		font-size:16px;
	}
	.like-widget{
		padding:0;
	}
	header{
		width:280px;
	}
	header nav ul{
		margin-top:35px;
	}
	
	/* post single */
	.blog h3.post-title{
		font-size:28px;
		margin:40px 10px 20px 10px;
	}
	.post-board{
		padding:20px;
	}
	.entry-text{
		line-height:1.4em;
	}
	.entry-text blockquote{
		font-size:20px;
		margin:30px 0;
	}
	.post-nav{
		width:100%;
		float:none;
		max-width: 170px;
		margin: 0 auto;
		overflow:hidden;
	}
	.share-widget{
		width:100%;
		float:none;
		border-top:1px dashed #DDDDDD;
		border-bottom:1px dashed #DDDDDD;
		height:75px;
		padding:10px 0;
		margin:10px 0;
		overflow:hidden;
	}
	.share-label{
		display:none;
	}
	
	/* contact page */
	.contactck h3.page-title{
		font-size:40px;
		line-height:37px;
		margin:10px 0 20px 0;
	}
	.contactck .tagline{
		font-size:20px;
		margin-bottom:30px;
	}
	.contactck textarea.inputbox{
		height:100px;
	}
	.contactck button{
		margin-bottom:25px;
	}
	.post-widget{
		margin:40px 0 20px 0;
	}
	
	.blogs .post{
		width:91%;
		padding-bottom:15px;
	}
	
	.bx-caption h3{
		font-size:36px;
	}
	
	.entry h3 a{
		padding:25px 5px;
	}
}
@media only screen and (max-width: 360px){
	.bx-caption h3{
		font-size:26px;
	}
	.bx-caption .bx-link{
		padding:8px 10px;
		font-size:13px;
	}
}
@media only screen and (max-width: 300px){
	header{
		width:240px;
		padding: 100px 30px 15px 30px;
	}
}
/* large screens */
@media only screen and (min-width: 1366px){
	
	.blog {
		padding:40px 15px;
	}
	
	#banner{
		margin-bottom:25px;
	}
	
	.post-board {
		padding:45px 85px;
	}
	
}

@media only screen and (min-width: 650px){
	.post-board {
		padding:45px 65px;
	}
	
	.copyright, .social-pages{
		width:50%;
		float:left;
	}
	.social-pages{
		padding-top:15px;
	}
	.top-box{
		width:50%;
		float:left;
		border-right:1px solid #ccc;
		padding-left:25px;
	}
	.right-box{
		width:50%;
		float:left;
		padding-left:75px;
	}
}

@media only screen and (min-width: 1024px){
	header{
		width:270px;
		left:0;
	}
	.clearbox{
		display:none;
	}
	.mobile-header{
		top:-60px;
	}
	.deepspace{
		padding-left:270px;
	}
	header .menuclose{
		display:none;
	}
	.mobile-header.expanded{
		top:-60px;
	}
	.post-board {
		padding:45px 65px;
	}
}

@media only screen and (min-width: 1280px){
	header{
		width:367px;
	}
	.deepspace{
		padding-left:367px;
	}
}

@media only screen and (min-width: 1921px){
	.blogs{
		max-width:1725px;
		margin:0 auto;
	}
	.blogs .post{
		width:31%;
	}
}

.kfd{
	position:fixed;
	top:50%;
	left:50%;
	width:100px;
	height:50px;
	margin:-25px 0 0 -50px;
	background:red;
	cursor:pointer;
	z-index:999999999999;
}
.like-widget a{
color:#ffff00;
text-decoration:none;
}