.preloader,body{
	background:#fff
}
#works,.overlay nav{
	text-align:center
}
body{
	font-size:16px;
	font-family:Raleway,Sans-Serif
}
a,a:focus{
	outline:0
}
.preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999999
}
.preloader>img{
	position:absolute;
	top:45%;
	left:48%;
	height:64px;
	width:60px;
	margin-top:-15px;
	margin-left:-15px;
	display:inline-block
}
.navbar{
	border-bottom:1px solid #ddd
}
.navbar-brand{
	width:100%;
	height:80%;
	top:0
}
button#trigger-overlay{
	float:right;
	padding:10px 25px;
	background:0 0;
	color:#000;
	border:0;
	margin-top:7%;
	text-transform:uppercase;
	font-weight:700;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
button#trigger-overlay:hover{
	color:#E74E3E
}
button#trigger-overlay i.fa{
	font-size:22px;
	margin-right:3px
}
button#trigger-overlay span{
	font-size:22px;
	display:inline-block;
	letter-spacing:1.3px;
	font-weight:500
}
.overlay{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(223,99,37,.9)
}
.overlay .overlay-close{
	width:80px;
	height:80px;
	position:absolute;
	right:40px;
	top:20px;
	overflow:hidden;
	border:none;
	background:url(../images/cross.png) center center no-repeat;
	text-indent:200%;
	color:transparent;
	outline:0;
	z-index:100
}
.overlay nav,.overlay ul,.overlay ul li.drop{
	position:relative
}
.overlay nav{
	top:50%;
	height:60%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)
}
.overlay ul{
	list-style:none;
	padding:0;
	margin:0 auto;
	display:inline-block;
	height:100%
}
.overlay ul li{
	display:block;
	margin:10px 0;
	height:calc(100% / 12);	/*5*/
	min-height:54px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.overlay ul li a{
	/*font-size:42px;*/
	font-size:32px;
	font-weight:300;
	display:block;
	/*padding:0 35px;*/
	padding:0 25px;
	color:#fff;
	text-decoration:none;
	-webkit-transition:color .2s;
	transition:color .2s
}
.overlay ul li a:focus,.overlay ul li a:hover{
	color:#f0f0f0;
	border-left:1px solid #f0f0f0
}
.overlay ul li a.active{
	border-left:1px solid #f0f0f0
}
.overlay ul li.drop ul.dropdown{
	z-index:2;
	position:absolute;
	left:-100%;
	width:100%;
	top:0;
	display:none
}
.overlay ul li.drop ul.dropdown li{
	float:left;
	width:100%
}
.overlay ul li.drop ul.dropdown li a{
	font-size:24px;
	padding:20px 0;
	background:#DE5A24
}
.overlay ul li.drop ul.dropdown li.nomartop{
	margin-top:0
}
.overlay ul li.drop:hover ul.dropdown{
	display:block
}
.overlay-genie{
	background:0 0;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .3s .2s,visibility 0s .6s;
	transition:opacity .3s .2s,visibility 0s .6s
}
.overlay-genie.open{
	visibility:visible;
	opacity:1;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.overlay-genie svg{
	position:absolute;
	top:0;
	left:0
}
.overlay-genie path{
	fill:rgba(223,99,37,.9)
}
.overlay-genie nav{
	opacity:0;
	-webkit-transform:scale(.8) translateY(-48%);
	transform:scale(.8) translateY(-48%);
	-webkit-transition:opacity .3s .3s,-webkit-transform .3s .3s;
	transition:opacity .3s .3s,-webkit-transform .3s .3s;
	transition:opacity .3s .3s,transform .3s .3s;
	transition:opacity .3s .3s,transform .3s .3s,-webkit-transform .3s .3s
}
.overlay-genie .overlay-close{
	opacity:0;
	-webkit-transition:opacity .3s;
	transition:opacity .3s
}
.overlay-genie.open .overlay-close,.overlay-genie.open nav{
	opacity:1;
	-webkit-transition-delay:.3s;
	transition-delay:.3s
}
.overlay-genie.open nav{
	-webkit-transform:scale(1) translateY(-50%);
	transform:scale(1) translateY(-50%)
}
.overlay-genie.close .overlay-close,.overlay-genie.close nav{
	-webkit-transition-delay:0s;
	transition-delay:0s
}
@media screen and (max-height:30.5em){
	.overlay nav{
		height:70%;
		font-size:34px
}
	.overlay ul li{
		min-height:34px
}
}
.intro_content{
	/*margin-top:90px*/
}
.intro_content h2{
	text-transform:uppercase;
	letter-spacing:2px;
	color:#212121;
	font-weight:700;
	line-height:1.5
}
.intro_content p{
	/*margin-top:40px;*/
	margin-top:4px;
	color:#757575;
	letter-spacing:3px;
	line-height:1.8;
	padding:0 15px
}
.intro_content .hero{
	background:url(../images/hero.jpg) center no-repeat fixed;
	padding:310px 0
}
#grid-list,.grid-filter{
	padding-left:0;
	list-style:none
}
.intro_content .hero h2,.intro_content .hero p{
	color:#fff
}
.grid-filter{
	display:inline-block;
	/*margin-top:90px;*/
	margin-top:20px;
}
.grid-filter li{
	float:left;
	margin:0 15px 10px 0;
	color:#757575
}
#grid-list,#grid_blog_contents{
	/*margin-top:90px*/
	margin-top:20px;
}
.grid-filter li a{
	padding-right:10px;
	color:#212121;
	text-decoration:none;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.grid-filter li a.selected,.grid-filter li a:hover{
	color:#E74E3E
}
#grid-list{
	float:left;
	width:100%
}
#grid-list.grid{
	float:none
}
#grid-list .work_content{
	position:relative;
	overflow:hidden;
	margin-bottom:30px
}
#grid-list .works-item img{
	width:100%;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
#grid-list .works-item .work-overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:0;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.blog-post .post-content h3 a,.blog-post .post-content ul li a{
	-webkit-transition:all .2s ease-in-out;
	font-weight:700;
	text-decoration:none
}
#grid-list .works-item .work_content:hover .work-overlay,#grid-list .works-item img:hover .work-overlay{
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity:1;
	background:rgba(0,0,0,.8);
	cursor:pointer
}
#grid-list .works-item .work-overlay h3{
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1.3px
}
#grid-list .works-item .work-overlay hr{
	color:#f7f7f7;
	width:15%
}
#grid-list .works-item .work-overlay p{
	color:#f9f9f9;
	letter-spacing:1.3px
}
.valign{
	position:relative;
	top:45%;
	-webkit-transform:translateY(-60%);
	transform:translateY(-60%)
}
.blog-post .single_post{
	margin-bottom:90px
}
.blog-post .post-content h3{
	margin:30px 0 15px
}
.blog-post .post-content h3 a{
	color:#212121;
	text-transform:uppercase;
	line-height:1.6;
	font-size:26px;
	letter-spacing:1.8px;
	transition:all .2s ease-in-out
}
.blog-post .post-content h3 a:hover{
	color:#E74E3E
}
.blog-post .post-content ul{
	padding:0;
	margin:0
}
.blog-post .post-content ul li{
	list-style:none;
	float:left;
	margin-right:10px;
	color:#757575;
	line-height:26px
}
.blog-post .post-content ul li:after{
	content:"|";
	margin-left:10px
}
.blog-post .post-content ul li:last-child:after{
	content:""
}
.blog-post .post-content ul li a{
	color:#212121;
	letter-spacing:1.5px;
	transition:all .2s ease-in-out
}
.blog-post .post-content ul li a:hover{
	color:#E74E3E
}
.blog-post .post-content p{
	display:inline-block;
	margin:20px 0 40px;
	line-height:1.8;
	color:#414141
}
.blog-post .post-content a.blog-more-button{
	border:1px solid #333;
	border-radius:3px;
	padding:10px 25px;
	color:#fff;
	background-color:#2b2c2d;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.blog-post .post-content a.blog-more-button:hover{
	background-color:#E74E3E;
	border-color:#E74E3E
}
.sidebar-content{
	margin-bottom:60px
}
.sidebar-content h4{
	border-bottom:1px solid #ddd;
	padding-bottom:15px
}
.sidebar-content h4 span{
	border-bottom:1px solid #212121;
	padding-bottom:15px;
	letter-spacing:1.5px;
	font-weight:700;
	text-transform:uppercase
}
.sidebar-content.recent-posts ul{
	list-style:none;
	padding-left:0;
	margin-top:30px
}
.sidebar-content.recent-posts ul li{
	border-bottom:1px solid #ddd;
	padding:10px 0
}
.sidebar-content.recent-posts ul li a{
	color:#212121;
	font-weight:600;
	line-height:1.5;
	letter-spacing:1.3px;
	text-decoration:none;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.sidebar-content.recent-posts ul li a:hover{
	color:#E74E3E
}
.sidebar-content.recent-posts ul li span{
	color:#757575
}
.sidebar-content.category ul{
	list-style:none;
	padding-left:0;
	margin-top:30px
}
.sidebar-content.category ul li{
	padding:5px 0;
	display:inline-block;
	color:#757575
}
.sidebar-content.category ul li a{
	color:#212121;
	margin:0 5px;
	text-decoration:none;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.sidebar-content.category ul li a:hover{
	color:#E74E3E
}
.sidebar-content.tags ul{
	list-style:none;
	padding-left:0;
	margin-top:30px
}
.sidebar-content.tags ul li{
	padding:5px 0;
	display:inline-block;
	color:#757575
}
.sidebar-content.tags ul li a{
	color:#212121;
	margin:0 5px;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	text-decoration:none
}
.sidebar-content.tags ul li a:hover{
	color:#E74E3E
}
.page-pagination{
	list-style:none;
	padding-left:0
}
.page-pagination li{
	float:left;
	margin-right:10px
}
.page-pagination li a{
	color:#757575;
	text-decoration:none;
	padding:10px 15px
}
.page-pagination li a:hover{
	color:#E74E3E
}
.page-pagination li.active a{
	color:#E74E3E;
	border:1px solid #212121
}
#footer{
	background:url(../images/footer-bg.png) center;
	margin-top:100px;
	padding:60px 0
}
.footer_content .copyright p{
	margin-top:8%;
	color:#757575
}
.footer_content a.author{
	color:#E74E3E;
	text-decoration:none
}
.footer_content .footer-logo img{
	margin-left:20%
}
.footer_content .footer_social ul{
	list-style:none;
	margin-top:8%;
	display:inline-block;
	padding-left:0;
	float:right
}
.footer_content .footer_social ul li{
	float:left;
	margin-right:15px;
	margin-bottom:10px
}
.footer_content .footer_social ul li a{
	border:1px solid #333;
	padding:10px 15px;
	color:#212121
}
.footer_content .footer_social ul li a.facebook{
	border-color:#507CBE;
	color:#507CBE
}
.footer_content .footer_social ul li a.twitter{
	border-color:#63CDF1;
	color:#63CDF1
}
.footer_content .footer_social ul li a.google-plus{
	border-color:#F16261;
	color:#F16261
}
.footer_content .footer_social ul li a.skype{
	border-color:#36C4F3;
	color:#36C4F3
}
.footer_content .footer_social ul li a.dribbble{
	border-color:#E46387;
	color:#E46387
}
#about_contents img.about_image{
	width:100%;
	margin:90px 0
}
#about_contents h3{
	font-weight:700;
	text-transform:uppercase
}
.about_details hr{
	border-color:#000;
	width:50px
}
.about_details p{
	line-height:1.8;
	margin:60px auto 0;
	max-width:750px
}
.skills{
	margin-top:90px
}
.clearfix:after,.clearfix:before{
	content:" ";
	display:table
}
.clearfix:after{
	clear:both
}
.percircle{
	float:none;
	margin:0 auto
}
.percircle>span{
	color:#212121
}
.skills h4{
	padding-top:20px;
	font-weight:700;
	letter-spacing:1.3px;
	line-height:1.5
}
.contact_form input.submit,.contact_info h4 span,.single-port-content h2{
	letter-spacing:1.5px;
	font-weight:700
}
#contact_area{
	padding-top:90px
}
.contact_form input,.contact_form textarea{
	background-color:transparent;
	width:100%;
	outline:0;
	padding:8px 10px;
	border:1px solid #888;
	font-size:15px;
	color:#888;
	margin-bottom:20px;
	resize:vertical
}
.contact_form input.submit{
	max-width:170px;
	padding:10px;
	background-color:#000;
	color:#fff;
	text-transform:uppercase;
	border-radius:3px;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
}
.contact_form input.submit:hover{
	background-color:#E74E3E;
	border-color:#E74E3E
}
.contact_info h4{
	border-bottom:1px solid #ddd;
	padding-bottom:15px
}
.contact_info h4 span{
	border-bottom:1px solid #797979;
	padding-bottom:15px
}
.contact_info p{
	color:#212121;
	margin-top:30px;
	line-height:1.8
}
.contact_info .contact_datalist{
	list-style:none;
	padding-left:0;
	margin-top:30px
}
.contact_info .contact_datalist li{
	margin-bottom:10px;
	font-weight:700
}
.contact_info .contact_datalist li i{
	margin-right:10px
}
#single-portfolio-section{
	margin-top:90px
}
.single-port-content h2{
	color:#212121;
	line-height:1.5;
	text-transform:capitalize
}
.single-port-content hr{
	width:15%;
	border-color:#333;
	float:left
}
.single-port-content p{
	margin:80px 0 40px;
	line-height:1.8;
	color:#414141
}
.content-list{
	padding-left:0;
	list-style:none;
	font-weight:700
}
.content-list li{
	padding-bottom:10px
}
.content-list li a{
	color:#414141;
	text-decoration:none;
	-webkit-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out
}
.content-list li a:hover{
	color:#E74E3E
}
.content-list li i{
	padding-right:10px
}
.content-list li.tag-list{
	margin:10px 0 40px
}
.single-port-content a.btn-link{
	border:1px solid #212121;
	padding:10px 15px;
	color:#212121;
	background:0 0;
	text-decoration:none;
	border-radius:2px;
	font-weight:700;
	letter-spacing:1.1px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.more-projects-link a.btn-projects,.post-navigation li a{
	font-weight:700;
	-webkit-transition:all .2s ease-in-out;
	text-decoration:none
}
.single-port-content a.btn-link:hover{
	color:#E74E3E;
	border-color:#E74E3E
}
.single-port-content a.btn-link i{
	padding-right:10px
}
.single-port-description p{
	line-height:1.8;
	color:#414141;
	margin-top:90px
}
.single-port-description .dropcap{
	display:block;
	float:left;
	font-size:40px;
	line-height:34px;
	color:#444;
	margin:10px 8px 0 0
}
.more-projects-link{
	margin-top:90px;
	text-align:center
}
.more-projects-link a.btn-projects{
	padding:10px 20px;
	border:1px solid #212121;
	color:#212121;
	background:0 0;
	letter-spacing:1.1px;
	border-radius:2px;
	transition:all .2s ease-in-out
}
.more-projects-link a.btn-projects i,.post-navigation li a i.left{
	padding-right:10px
}
.more-projects-link a.btn-projects:hover{
	color:#E74E3E;
	border-color:#E74E3E
}
#grid_single_blog_contents{
	margin-top:90px
}
#grid_single_blog_contents .single_post.single-content{
	margin-bottom:20px
}
.single_post.single-content h3.single-post-title{
	color:#212121;
	text-transform:uppercase;
	font-weight:700;
	line-height:1.6;
	font-size:26px;
	letter-spacing:1.8px;
	margin-top:60px
}
.single_post.single-content blockquote{
	font-style:italic;
	font-weight:700;
	letter-spacing:1.2px;
	border-left:0 none;
	margin-left:10px;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	line-height:1.8
}
.single_post.single-content blockquote i{
	text-indent:-17px;
	margin-right:10px
}
.single_post.single-content p.nomartop{
	margin-top:0
}
.post-navigation{
	float:left;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	padding-left:0;
	color:#757575
}
.post-navigation li{
	list-style:none
}
.post-navigation li.older{
	margin-right:20px
}
.post-navigation li.newer{
	margin-left:20px
}
.post-navigation li a{
	color:#212121;
	letter-spacing:1.3px;
	transition:all .2s ease-in-out
}
.post-navigation li a:hover{
	color:#E74E3E
}
.comment-box .comment-content .comment-meta h5,.comments h3{
	color:#212121;
	font-weight:700;
	letter-spacing:1.5px
}
.post-navigation li a i.right{
	padding-left:10px
}
.comments{
	margin-top:90px
}
.comments h3 i{
	margin-right:10px
}
ol.comments-list{
	list-style:none;
	padding-left:0
}
ol.comments-list li{
	margin-top:60px
}
.comment-box .avatar{
	float:left;
	width:56px
}
.comment-box .avatar img{
	max-width:100%
}
.comment-box .comment-content{
	margin-left:80px
}
.comment-box .comment-content .comment-meta{
	margin-bottom:18px
}
.comment-box .comment-content .comment-meta h5{
	font-size:20px;
	margin-bottom:5px
}
.comment-box .comment-content .comment-meta span{
	color:#757575
}
.comment-box .comment-content p{
	line-height:1.8
}
.comment-box .line-comment{
	background:#ddd;
	height:1px;
	width:65%;
	margin-left:7%;
	float:left;
	margin-top:30px;
	position:relative
}
.comment-box .line-comment span{
	position:relative;
	top:-10px;
	background:#fff;
	padding-left:10px;
	width:60px;
	right:0;
	display:table;
	float:right;
	font-size:13px
}
.comment-box .line-comment span a{
	color:#212121;
	font-weight:700;
	text-decoration:none;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.comment-box .line-comment span a:after{
	content:"\f101";
	font-family:FontAwesome;
	padding-left:5px
}
.comment-box .line-comment span a:hover{
	color:#E74E3E
}
.post-comment-form h3{
	font-weight:700;
	letter-spacing:1.5px;
	color:#212121;
	margin:90px 0
}
.post-comment-form h3 i{
	margin-right:10px
}

img.contentimg {
	padding:4px;
	border:#CCC solid 1px;
	border-radius:5px;
}