*{
	padding:0; margin:0;
}
img{
	border:none; max-width:100%;
}
ul{
	list-style:none;
}
a:hover{
	text-decoration:none;
}
.clr{
	clear:both;
}
body{
	background:url(../images/body-bg.jpg); font-family: Arial, Helvetica, sans-serif; color:#555; line-height:1.3; font-size:13px;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal; color:#ff4800; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.karkas{
	max-width:1000px; margin:0 auto; overflow:hidden; background:#fbfbfb;
}
.header{
	background:url(../images/head-bg.jpg); overflow:hidden;
}
.logo{
	float:left; margin:25px 0 20px 30px;
}
.menu ul{
	float:right;
}
	.menu li{
		float:left;
	}
		.menu li a{
			color:#fff; font-size:14px; font-weight:bold; display:block; padding:45px 20px 10px 20px; text-decoration:none; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7);
		}
		.menu li a:hover{
			background:#ff4800;
		}
		.menu li a.now{
			background:#ff4800;
		}
		.menu a#pull{
			clear:both; display:none;
		}
.service-main{
	padding:20px 20px; overflow:hidden; background:#ebebeb;
}
	.service{
		float:left; width:33%; background:url(../images/service-bg1.png) center top no-repeat;
	}
	.service:nth-child(2){
		background:url(../images/service-bg2.png) center top no-repeat;
	}
	.service:nth-child(3){
		background:url(../images/service-bg3.png) center top no-repeat;
	}
		.service-content{
		}
			.service-content div{
				margin:120px 10px 0 10px; text-align:center; background:#fff; border:1px solid #e1e1e1; font-size:12px; padding:20px 10px; line-height:1.5;
			}
			.service-content h1{
				font-size:18px; text-transform:uppercase; margin-bottom:15px;
			}
			.service-shadow{
				background:url(../images/service-shadow.png) no-repeat center top; background-size:100%; margin:0 10px; height:46px;
			}

.latest-progect-main{
	padding:20px; overflow:hidden; margin-bottom: 30px;
}
	.latest-progect-main h1{
		margin:0 0 20px 1.5%; font-size:24px; text-transform:uppercase;
	}
	.latest-progect{
		overflow:hidden;
	}
		.latest-progect>div{
			float:left; width:22.5%; margin:0 1.25%;
		}
		.latest-progect>div img{
			max-width:100%;
		}
		.latest-progect>div a{
			display:block; background:#f6510f url(../images/link-img.jpg) center center no-repeat; text-decoration:none;
		}
		.latest-progect>div a:hover img{
			visibility:hidden;
		}
		.latest-progect>div a:hover h3{
			background:#555; 
		}
		.latest-progect>div h3{
			background:#ff4800; text-align:center; color:#fff; padding:10px 0; font-size:15px;   
		}
		.blog-shadow{
			background:url(../images/lpost-shodow.png) center top no-repeat; height:12px; background-size:100%;
		}

.orange-hr{
	margin:0 20px; color:#ffb2b2; border:none; background:#ffb2b2; height:1px;
}

.from-blog-main{
	padding:20px; overflow:hidden; margin-bottom: 30px;
}
	.from-blog-main h1{
		margin:0 0 20px 1.5%; font-size:24px; text-transform:uppercase;
	}
	.from-blog{
		overflow:hidden;
	}
		.from-blog>div{
			float:left; width:22.5%; margin:0 1.25%;
		}
		.from-blog>div img{
			max-width:100%;
		}
		.from-blog>div a{
			display:block; text-decoration:none; color:#fff;
		}
		.from-blog>div a div{
			position:relative;
		}
		.from-blog>div a div p{
			position:absolute; bottom:0; left:0; font-size:14px; text-transform:uppercase; text-align:center; background:#555; padding: 5px 10px;
		}
			.from-blog>div a div p span{
				display:block; font-size:18px;
			}
		.from-blog>div a:hover img{
			visibility:hidden;
		}
		.from-blog>div a:hover div{
			background:#f6510f url(../images/link-img.jpg) center center no-repeat;
		}
		.from-blog>div a:hover h3{
			background:#555; 
		}
		.from-blog>div a:hover div p{
			display:none;
		}
		.from-blog>div h3{
			background:#ff4800; text-align:center; color:#fff; padding:10px 0; font-size:15px; 
		}

.newslettersign{
	background:#24292b; overflow:hidden; padding:20px 30px;
}
	.newslettersign h3{
		float:left; text-transform:uppercase; font-size:24px; color:#fff;
	}
	.newslettersign form{
		float:right;
	}
	.newslettersign form input{
		float:left; margin-left:15px;
	}
		.newslettersign form input[type=text], .newslettersign form input[type=email]{
			height:36px; font-size:16px; width:200px; padding:0 0 0 20px;
		}

.footer{
	background:#252525; overflow:hidden; position:relative; font-size:12px; color:#959595; padding:10px 0;
}
	.footer a{
		color:#959595; text-decoration:none;
	}
	.footer a:hover{
		text-decoration:underline;
	}
	.copy{
		position:absolute; top:13px; left:30px;
	}
	.ftr-nav{
		position:absolute; top:13px; right:30px;
	}
	.social{
		text-align:center;
	}
		.social img{
			margin:0 5px;
		}

/*		BLOG		*/
.header-page-tittle{
	background:url(../images/head-title-bg.jpg) center top no-repeat; padding:55px 0; text-align:center;
}
	.header-page-tittle h1{
		color:#fff; font-size:30px;
	}
.page-map{
	background:#ebebeb; border-bottom:1px solid #dbdbdb; font-size:12px; padding:15px 0 15px 1%;
}
	.page-map a{
		color:#555; text-decoration:none; font-weight:bold;
	}
	.page-map a:hover{
		text-decoration:underline;
	}
	.page-map span{
		font-weight:bold; color:#ff4800;
	}
.content-main{
	padding:0 1%; overflow:hidden;
}
.content{
	width:73%; float:left; padding:60px 0;
}
.content p {
		margin-bottom: 15px;
	}
.right-bar-main{
	float:left; width:26.8%; border-left:1px solid #e4e4e4; padding:60px 0 32000px 0; margin-bottom:-32000px;
}
.articles {
    margin-bottom: 60px;
    overflow: hidden;
}
	.articles a {
		color: #ff4800;
	}
	.articles-gen-img {
		float: left;
		margin-right: 2.8%;
		position:relative;
		width:42%;
	}
		.articles-gen-img p{
			background:#ff4800;
			top: 0;
			font-size: 14px;
			left: 0;
			padding: 10px;
			position: absolute;
			text-align: center;
			text-transform: uppercase;
			color:#fff;
		}
		.articles-gen-img p span {
			display: block;
			font-size: 30px;
			line-height:1;
		}
		
	.articles h1 {
		font-size: 36px;
		margin-bottom: 15px;
		border-bottom:1px solid #ff4800; padding:0 0 10px 0;
	}
	.bottom-line-h{
		margin:-10px 0 0 44.9%;
	}
	.articles h1 a{
		color: #ff4800; text-decoration:none;
	}
	
	
	.article-footer{
		background:#ff4800; color:#fff; font-size:11px; overflow:hidden; margin:20px 0 0 0;
	}
	.article-footer p.article-meta{
		padding:10px 0 8px 10px; float:left; margin:0;
	}
	.article-footer a{
		color:#fff; text-decoration:none;
	}
	.article-footer a:hover{
		text-decoration:underline;
	}
	.article-footer img{
		vertical-align:middle; margin-right:10px; 
	}
	a.read-more{ 
		float:right; margin-right:10px; text-transform:uppercase; font-size:14px; padding:8px 10px; border-left:1px solid #e3976d;
	}
	a:hover.read-more{ 
		text-decoration:none; background:#555555; border-left:1px solid #9f9c8f;
	}

.pager{
	overflow:hidden;
}
	.pager li{
		float:left;
	}
		.pager li a{
			border: 1px solid #FF4800; color: #FF4800; display: block; font-size: 14px; margin: 0 3px 0 0; padding: 4px 8px; text-decoration: none;
		}
		.pager li a:hover{
			color: #fff; background:#FF4800;
		}
		.pager li a.now{
			color: #fff; background:#FF4800;
		}
		.pager li a.pager-dot{
			border:none;
		}
		
	.widget{
		border-bottom:1px solid #e4e4e4; padding:0 0 20px 8%; margin:0 0 20px 0;
	}
		.widget h2{
			color:#363636; font-size:20px; margin-bottom:20px;
		}
			.widget ul{
				margin: 0 0 0 10px;
			}
			.widget ul li{
				background:url(../images/side-nav-bg.jpg) left center no-repeat; padding:3px 0 3px 20px;
			}
			.widget ul li a{
				text-decoration:none; color:#ff4800; font-size:18px;
			}
			.widget ul li a:hover{
				text-decoration: underline;
			}
		.widget-tags{
			font-size:11px; color:#fff;
		}
		.widget-tags a{
			display: inline-block; color:#fff; background:#FF4800 url(../images/tags-bg.jpg) left top no-repeat; text-decoration:none; padding: 4px 10px 4px 17px; margin:0 5px 15px 0; line-height:1;
		}
		
/*		POST		*/

.post-single{
	margin:0 8.5% 60px 0; 
}
.post-single>img{
	margin-bottom:20px; border-bottom:3px solid #ff4800;
}
.post-single-head{
	position:relative; overflow:hidden; padding:0 0 0 70px;
}
	.post-single-head h1{
		font-size:30px; margin-bottom:5px;
	}
	.post-single-head img{
		vertical-align:middle; margin-right:10px;
	}
	.post-single-head p.date{
		background:#ff4800;
		top: 0;
		font-size: 14px;
		left: 0;
		padding: 10px;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		color:#fff;
	}
	.post-single-head p.date span {
		display: block;
		font-size: 30px;
		line-height:1;
	}
	.post-single-meta{
		font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#959595; margin:0 0 7px 0!important;
	}
	.post-single-meta a{
		color:#959595; text-decoration:none;
	}
	.post-single-meta a:hover{
		text-decoration:underline;
	}
	
.author-main{
	margin-bottom:50px;
}
	.author-main h2{
		color:#fff; font-size:18px; background:#ff4800; display:inline-block; padding:5px 15px;
	}
	.author{
		background:#ff4800; color:#fff; font-size:12px; overflow:hidden;
	}
	.author img{
		float:left; margin:10px 20px 20px 20px;
	}
	.author p{
		margin-top:20px; line-height:1.5;
	}
	
.related-post-main{
	overflow:hidden; margin-bottom: 50px;
}
	.related-post-main h1{
		font-size:18px; background:#f3f3f3; border:1px solid #dfdfdf; border-bottom:none; display:inline-block; position:relative; top:1px; padding:7px 15px;
	}
	.related-post{
		overflow:hidden; background:#f3f3f3; padding:20px 0 10px 0; border:1px solid #dfdfdf;
	}
		.related-post>div{
			float:left; width:27.3%; margin:0 3%;
		}
		.related-post>div img{
			max-width:100%;
		}
		.related-post>div a{
			display:block; text-decoration:none; color:#fff;
		}
		.related-post>div a div{
			position:relative;
		}
		.related-post>div a div p{
			position:absolute; bottom:0; left:0; font-size:12px; text-transform:uppercase; text-align:center; background:#555; padding: 5px 10px; margin:0;
		}
			.related-post>div a div p span{
				display:block; font-size:16px;
			}
		.related-post>div a:hover img{
			visibility:hidden;
		}
		.related-post>div a:hover div{
			background:#f6510f url(../images/link-img.jpg) center center no-repeat;
		}
		.related-post>div a:hover h3{
			background:#555; 
		}
		.related-post>div a:hover div p{
			display:none;
		}
		.related-post>div h3{
			background:#ff4800; text-align:center; color:#fff; padding:10px 0; font-size:15px; 
		}	

.comments-main{
}
	.comments-main h2{
		font-size:18px; border-bottom:1px solid #ff4800; padding-bottom:15px; margin-bottom:40px;
	}

.comments{
	margin:0 3% 70px 0;
}
	.comment-single{
		overflow:hidden; margin-bottom:20px;
	}
		.comment-autor{
			float:left; text-align:center; color:#ff4800; font-size:14px;
		}
			.comment-autor img{
				border:1px solid #e1e1e1; margin-bottom:5px;
			}
			.comment-autor a{
				color:#ff4800; text-decoration:none;
			}
			.comment-autor a:hover{
				text-decoration:underline;
			}
		.comment-text{
			float:right; background:#f3f3f3; border:1px solid #e1e1e1; width:76%; padding:20px 3%; position:relative;
		}
			.coment-head{
				color:#ff4800; font-size:11px; overflow:hidden;
			}
			.comment-date{
				float:left;
			}
			.comment-replay{
				float:right;
			}
			.comment-text a{
				color:#ff4800; text-decoration:none;
			}
			.comment-text a:hover{
				text-decoration:underline;
			}
		.comment-bg{
			background:url(../images/comment-bg.jpg) 0 0 no-repeat; width:25px; height:22px; position:absolute; top:20px; left:-25px;
		}

	.comment-form{
		margin:0 10% 100px 10%;
	}
		.comment-form input.ctext{
			float:left; width:47%; border:1px solid #ccc; padding:8px 0 8px 2%;
		}
		.comment-form input.cmail{
			float:right; width:47%; border:1px solid #ccc; padding:8px 0 8px 2%;
		}
		.comment-form textarea{
			width:100%; padding:20px 10px; margin:0px 0; border:1px solid #ccc; height:200px;
		}

/*		PORTFOLIO		*/

.portfolio-main{
	overflow:hidden; padding:50px 0 0 0;
}

.potfolio-nav{
	overflow:hidden; display:table; margin:0 auto; font-size:18px; color:#555; margin-bottom:50px;
}
	.potfolio-nav li{
		float:left;
	}
		.potfolio-nav li a{ 
			padding:3px 15px; color:#555; text-decoration:none; display:block;
		}
		.potfolio-nav li a:hover{
			background:#ff4800; color:#fff;
		}
		.potfolio-nav li a.act{
			background:#ff4800; color:#fff;
		}
	.portfolio-all{
		overflow:hidden;
	}
		.portfolio-block{
			float:left; margin:0 1% 50px 1%; width:31.3%;
		}
		
		.portfolio-block:nth-child(3n+1){
			clear:both;
		}
			.portfolio-block-img{
				margin:0 0 15px 0;
			}
			.portfolio-block-img img{
				width:100%;
			}
			.portfolio-block-img a{
				background:#f6510f url(../images/link-img.jpg) center center no-repeat; display:block; border-bottom:5px solid #f6510f;
			}
			.portfolio-block-img a:hover img{
				visibility:hidden;
			}
		.portfolio-block-txt{
		}
			.portfolio-block-txt h2{ 
				font-size:24px; text-align:center; margin-bottom:15px;
			}
			.portfolio-block-txt h2 a{ 
				color:#ff4800; text-decoration:none;
			}
			.portfolio-block-txt h2 a:hover{ 
				color:#555;
			}

/*		Portfolio-single		*/

.portfolio-single{
	padding:60px 1% 15px 1%; overflow:hidden; border-bottom:4px solid #ff4800; margin-bottom:60px;
}
.portfolio-single-left{
	width:70%; float:left;
}

.portfolio-single-right{
	float:right; width:26.8%;
}
.portfolio-single-right h1{
	font-size:24px; text-transform:uppercase; margin-bottom:20px;
}
.portfolio-single-right p{
	margin-bottom:20px;
}

/*		ABOUT		*/

.about-page{
	overflow:hidden; padding:60px 1% 0 1%;
}
.about-page h1{
	font-size:24px; text-transform:uppercase; margin-bottom:20px;
}
.about-page p{
	margin-bottom:30px;
}

.our-team{
	overflow:hidden; background:#ebebeb;
}
	.team-block{
			float:left; width:23%; padding:40px 1% 0 1%; border-bottom:4px solid #ebebeb;
		}
	.team-block:hover{
		border-bottom:4px solid #ff4800; background:#f6f6f6;
	}
		
		.team-block:nth-child(4n+1){
			clear:both;
		}
			.team-block-img{
				margin:0 0 15px 0; border:1px solid #dddddd; padding:5px; background:#fff;
			}
			.team-block-img img{
				width:100%;
			}
		.team-block-txt{
		}
			.team-block-txt h2{ 
				font-size:24px; margin-bottom:15px;
			}
				.team-block-txt h2 span{
					color:#959595; font-size:12px;
				}
			.team-block-txt p{
				margin-bottom:20px;
			}
			.team-block-txt p img{
				margin-right:10px;
			}

@media screen and (max-width:800px){
	.logo{
		float:none; display:block;  margin:25px auto 20px auto;
	}
	.menu ul{
		display:none; float:none;
	}
	.menu ul li a{
		padding:10px 20px;
	}
	.menu a#pull{
		display:block;
		color:#fff; 
		font-size:14px; 
		text-shadow:1px 1px 1px rgba(0, 0, 0, 0.7);
		font-weight:bold;
		text-decoration:none;
		padding:10px 3%;
		position:relative;
	}
	.menu a#pull:after{
		content:"";
		background:url(../images/icon-menu.png) no-repeat;
		width:12px;
		height:13px;
		display:inline-block;
		position:absolute;
		top:12px;
		right:3%;
	}	
	.newslettersign h3{
		float:none; text-align:center; margin-bottom:20px;
	}
	.newslettersign form{
		float:none; display:table; margin:0 auto;
	}
	.flexslider .slides img {width: 90%;}
	
	.header-page-tittle{
		padding:25px 0;
	}
}

@media screen and (max-width:680px){
	.service{
		float:none; width:60%; background:url(../images/service-bg1.png) center top no-repeat;  margin:0 auto 30px auto; overflow:hidden;
	}
	.latest-progect>div{
		float:left; width:47.5%; margin:0 1.25% 20px 1.25%;
	}
	.latest-progect>div img{
		width:100%;
	}
	.from-blog>div{
		float:left; width:47.5%; margin:0 1.25% 20px 1.25%;
	}
	.from-blog>div img{
		width:100%;
	}
	.footer{
		padding:10px 0 55px 0;
	}
	.copy{
		top:35px;
	}
	.ftr-nav{
		top:60px;
	}	
	.flexslider .slides > li h2{
		font-size:28px!important;
	}
	
	.content{
		width:100%; float:none; padding:60px 0;
	}
	.right-bar-main{
		float:none; width:100%; border-left:none; padding:0px 0 30px 0; margin-bottom:20px; overflow:hidden;
	}
	.widget{
		border-bottom:none; padding:0 0 20px 0; margin:0 0 20px 0; width:50%; float:left;
	}
	.post-single {
		margin: 0 0 60px 0;
	}
	
	.portfolio-single-left{
		width:100%; float:none;
	}
	
	.portfolio-single-right{
		float:none; width:100%; margin-top:30px;
	}
	
	.team-block{
		float:left; width:46%; padding:40px 2% 0 2%; border-bottom:4px solid #ebebeb;
	}
	.team-block:nth-child(4n+1){
		clear: none;
	}
	.team-block:nth-child(2n+1){
		clear: both;
	}

}
@media screen and (max-width:600px){
	.service{
		float:none; width:90%; background:url(../images/service-bg1.png) center top no-repeat;  margin:0 auto 30px auto; overflow:hidden;
	}
	.newslettersign form input{
		float:none; margin-left:15px;
	}
		.newslettersign form input[type=text], .newslettersign form input[type=email]{
			height:36px; font-size:16px; width:90%; padding:0 0 0 20px; margin-bottom:10px;
		}
	.comment-text{
		width:74%;
	}	
	
	.portfolio-block{
		float:left; margin:0 3% 50px 3%; width:44%;
	}
	.portfolio-block:nth-child(3n+1){
		clear: none;
	}
	.portfolio-block:nth-child(2n+1){
		clear: both;
	}
}

@media screen and (max-width:480px){
	.widget{
		border-bottom:1px solid #e4e4e4; padding:0 0 20px 8%; margin:0 0 20px 0; width:92%;
	}
	.article-footer p.article-meta span{
		display:none;
	}
	.post-single-meta{
		display:none;
	}
	.post-single-head h1 {
		margin-bottom: 28px;
	}
	
	.comment-form{
		margin:0 2% 100px 2%;
	}
		.comment-form input.ctext{
			float:none; width:97%; border:1px solid #ccc; padding:8px 0 8px 2%; margin-bottom:20px;
		}
		.comment-form input.cmail{
			float:none; width:97%; border:1px solid #ccc; padding:8px 0 8px 2%;
		}
		.comment-form textarea{
			width:100%; padding:20px 10px; margin:20px 0; border:1px solid #ccc; height:200px;
		}
	.comment-text{
		width:70%;
	}
}

@media screen and (max-width:400px){
	.service{
		float:none; width:100%; background:url(../images/service-bg1.png) center top no-repeat;  margin:0 auto 30px auto; overflow:hidden;
	}
	.latest-progect>div{
		float:none; width:97.5%; margin:0 1.25% 20px 1.25%;
	}
	.from-blog>div{
		float:none; width:97.5%; margin:0 1.25% 20px 1.25%;
	}
	.flexslider .slides > li h2{
		font-size:18px!important;
	}
	
	.articles-gen-img {
		float: none;
		margin:0 0 20px 0;
		position:relative;
		width:100%;
	}
	.articles-gen-img img{
		width:100%;
	}
	.bottom-line-h{
		margin:0;
	}
	.related-post>div{
		float:none; width:94%; margin:0 3%;
	}
	.related-post>div img{
		width:100%;
	}
	.comment-text{
		width:64%;
	}
	
	.portfolio-block{
		float:none; margin:0 2% 50px 2%; width:96%;
	}
	.portfolio-main{
		overflow:hidden; padding:20px 0 0 0;
	}
	
	.potfolio-nav{
		overflow:hidden; display:table; margin:0 auto; font-size:18px; color:#555; margin-bottom:20px;
	}
	
	.team-block{
		float:none; width:96%; padding:40px 2% 0 2%; border-bottom:4px solid #ebebeb;
	}
}

.smiles {
	margin-top:20px;
}
#comments-form-send a {
	display:block;
	background: url("../images/submit.jpg");
	width:84px;
	height: 37px;
}
.portfolio-all ul.pager {
	margin:0 0 50px 10px;
}

.c_contacts .my_c {
	padding:8px 0px 8px 2%;
	border: 1px solid #ff4800;
	width:47%;
}

.c_contacts .my_ca {
	border: 1px solid #ff4800;
	padding:20px 10px;
	width:100%;
	height:200px;
	margin-bottom:10px;
	
}

.c_contacts .control-group {
	margin-bottom:10px;
}
.c_contacts .my_check {
	margin-top:2px;
	position: absolute;
}
.c_contacts .btn {
	background-color:#ff4800;
	border: 1px solid #FF4800;
	padding:10px 5px;
	color: #FFFFFF;
}

.c_contacts .header_contacts {
	font-size:2em;
}