@charset "utf-8";
/* CSS Document */

.mail{ font-size:14px; color:#4c4c4c;}
.mobil{ font-size:14px; color:#4c4c4c; float:right; margin-bottom:35px; color:#FFFFFF;}
.tpphone{background:url(../images/topct.jpg) no-repeat right top; padding-top:5px;}
.wd{background:#00aeef; text-align:center; padding-bottom:5px; color:#FFFFFF; margin-bottom:25px;}
.bgw{background:#f4f4f4; margin-top:25px}
.abtbg{background:url(../images/about.jpg) repeat-x center top; color:#FFFFFF; padding:20px; font-size:35px; margin-bottom:30px;}
.social-links {
    text-align:right;
	margin-top:30px;
}
.tit{font-family: 'Open Sans Condensed', sans-serif; margin-top:5px;}
.rpt{background:#EBEBEB; padding-top:30px; padding-bottom:30px; margin-top:15px;}

.social-links a{
    display: inline-block;
    width:25px;
    height: 25px;
    border-radius: 50px;
    margin-right: 10px;
		background:#FFFFFF;
		color:#6F6F6F;


}

.social-links a i{
    padding: 8px 7px;
    font-size: 15px;
    color: #666666;
}
.social-links a:hover{ background:#000000; color:#4b4b4b;}
.red{ background:#d1362b; color:#FFFFFF; height:auto; text-align:center; font-size:25px;}
.welcome{ color:#1D1D1D; text-align:center;}
.bakground{ background-image:url(../images/semko%20group%201.jpg); height:auto;}
.footer{ background-color: #1c2756; height:auto; color:#FFFFFF;}
.mar{ margin-top:30px;}
.mar p { font-size:14px;}
.mar p a { font-size:14px; color:#FFFFFF; text-decoration:none;}
.mar p a:hover{color:#4A4747;}
.mar h5{ font-size:17px;}
.border{ border-bottom:1px solid #575757; padding:10px 0;}
.border a{ color:#FFFFFF; text-decoration:none !important;}
.border a:hover{color:#000000;}
.more{ margin-top:25px;}
.about{ text-align:center; color:#292929;}
.contact{ background:#E9E8E8;}












.project

{

  border-right: 1px solid rgba(0, 0, 0, 0);

  color:#fff;

  overflow:hidden;

}



.portfolio-1column .project

{

  border:none;

}



.project-image

{

  position:relative;

}



.project-image img

{

  width:100%;

  transition: transform 0.4s ease;

  -webkit-transition: -webkit-transform 0.4s ease;

  -moz-transition: -moz-transform 0.4s ease;

}



.project:hover .project-image img{

  transform:scale(1.1);

  -webkit-transform:scale(1.1);

  -moz-transform:scale(1.1);

  -ms-transform:scale(1.1);

  -o-transform:scale(1.1);

}



.portfolio-2column .project-hover{

  right:50%;

}



.project-hover

{

  position:absolute;

  top:50%;

  margin-top:-27px;

  left:0;

  right:0;

  bottom:0;

  text-align:center;

  color:#fff;

  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  filter:alpha(opacity=0);

  -moz-opacity:0;

  -khtml-opacity:0;

  opacity:0;

  transition:opacity .3s;

  -webkit-transition:opacity .3s;

  -moz-transition:opacity .3s;

}



.project:hover .project-hover

{

  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  filter:alpha(opacity=100);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1;

}



.project-hover>a

{

  width:58px;

  height:58px;

  margin:0 5px;

  display:inline-block;

  background-color:#2a3b45;

  background-color:rgba(0,0,0,0.4);

  background-image:url(../img/sprites/hover-icons.png);

  border:4px solid #eee;

  border:4px solid rgba(238,238,238,0.12);

  color:#fff;

  text-align:center;

  font-size:24px;

  padding-top:15px;

  transform:scale(0);

  -webkit-transform:scale(0);

  -moz-transform:scale(0);

  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

  filter:alpha(opacity=0);

  -moz-opacity:0;

  -khtml-opacity:0;

  opacity:0;

  transition:transform .3s, opacity .6s, background .3s;

  -webkit-transition:-webkit-transform .3s, opacity .6s, background .3s;

  -moz-transition:-moz-transform .3s, opacity .6s, background .3s;

}



.project:hover .project-hover>a{

  transform:scale(1);

  -webkit-transform:scale(1);

  -moz-transform:scale(1);

  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  filter:alpha(opacity=100);

  -moz-opacity:1;

  -khtml-opacity:1;

  opacity:1;  

}



.project-hover>a:hover

{

  background-color:rgba(0,0,0,0.8);

}



.project-hover>a.search-icon{

  background-position: 0 0;

}



.project-hover>a.link-icon{

  background-position: -50px 0;

}



.project-meta

{
	padding: 12px 20px 27px;
	position: relative;
	height: 80px;
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	background-color: #CB2B15;

}



.project-meta:before

{

  content:'';

  display:block;

  position:absolute;

  top:-10px;

  left:20px;

  width:10px;

  height:10px;

  border-right:10px solid transparent;

  border-left:10px solid transparent;

  border-bottom:8px solid #CB2B15;

}



.project:hover .project-meta

{
	background: #D7491A;

}



.project-meta h4

{

  margin-bottom:0;

  color:#fff;

  font-size:18px;

  font-weight:300;

}



.project-meta h4 a{

  color:#fff;

}



.project-meta span.project-category

{
	font-size: 11px;
	margin: 0;
	text-transform: uppercase;
	color: #f3c875;

}



.project-like

{

  position:absolute;

  right:20px;

  top:35px;

  vertical-align:top;

}



.project-like .icons

{

  font-size:24px;

  color:#3c525e;

  transition:color .3s;

  -webkit-transition:color .3s;

  -moz-transition:color .3s;

  cursor:pointer;

}



.project-like:hover .icons,

.project-like.post-liked .icons

{

  color:#dd6c62;

}



.project-like span.like-count

{

  font-size:11px;

  font-weight:300;

  vertical-align:top;

  color:#97a4ad;

}



.project-grid

{

  padding:0;

}



.single-portfolio .project-description h6{

  font-size:14px;

  margin: 25px 0;

}



.single-portfolio .project-description+h3{

  font-size:18px;

  font-weight:400;

  margin-top:50px;

}



.project-description .social-media

{

  list-style:none;

  margin:0;

  padding:10px 0;

  border-bottom:1px solid #ddd;

}



.project-description .social-media li

{

  display:inline-block;

  margin-right:10px;

}



.project-description .social-media li a

{

  font-size:11px;

  vertical-align:middle;

}



.project-description .social-media li a i

{

  font-size:18px;

}
.readmore_hrsub{
	color: #ffb453 !important;
    display: block;
	margin-left:740px !important;
}
.readmore_hrsub:link {border:solid 1px #ffb453 !important; display: block;
					  padding: 3px 10px !important; text-align:center; 
					  background: #090;
					  width: 110px; text-transform:uppercase; font-size:11px; }
					  
.readmore_hrsub:hover{
	color: #ffb453 !important;       
    background-color: #402b17 !important;
}
/*.readmore_hrsub{
	display:none;
}
.readmore_hrsub:hover{
	display:none;
}*/