@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900');
@import url('bootstrap.min.css');
@import url('bootstrap-theme.css');
@import url('font-awesome.min.css');
@import url('global.css');
@import url('owl.theme.css');
@import url('owl.carousel.css');
@import url('owl.transitions.css');
@import url('strokegap.css');
@import url('prettyPhoto.css');
/* @import url('animate.css'); */
@import url('hover-min.css');
@import url('settings.css');
/*
 Table Of Contents
 1.) Homepage
 1.1) Common Style
 1.1) Banner Section
 1.2) Matrix Studio
 1.3) Key Features
 
 1.1) Homepage - common style
 ----------------------------------------*/
p {
	line-height: 24px;
}
.title {
	position: relative;
}
.outline {
	border: 1px solid #878787;
	color: #3d3d3d;
	background: #fff;
	font-size: 16px;
	padding: 10px 33px;
	border-radius: 2px;
	text-transform: uppercase;
}
.list-arrow {
	list-style: none;
	font-size: 14px;
	color:#0c0c0c;
	line-height: 36px;
	padding:0px;
	font-family: 'Roboto Slab', serif
}
.list-arrow li:before {
	font-family: FontAwesome;
	content: "\f18e";
	margin-right: 14px;
	color: #785209;
}
.sec-title h2, .sec-title h1{
	margin-bottom:15px;
}

/*
 1.1) Banner Section
 ----------------------------------------*/
 #banner{
	 padding:0px;
 }
.banner-container {
	width:100%;
	position:relative;
	padding:0;
}

.banner {
	width:100%;
	position:relative;
}

.banner .banner-txt h1 {
	font-size: 60px;
	line-height: 50px;
	color: #eaecf1;
	font-weight: 800;
	text-transform: uppercase;
	font-family: Roboto Slab;
}
.banner .banner-txt h1 span {
	color: #fff;
	font-size:35px;
	font-weight:600;
}
.banner .banner-txt h1:after {
	content: ' ';
	display: block;
	width: 190px;
	height: 2px;
	background: #fff;
	margin: 30px 0;
}
.banner .banner-txt p {
	color: #fff;
	margin-bottom: 35px;
	word-wrap: break-word;
	font-size:18px;
	font-family: Roboto Slab;
	letter-spacing:0.03em;
}
.banner .banner-txt button {
	font-family: Roboto Slab;
	background:#f47f38;
	color: #fff;
	text-transform: uppercase;
	line-height: 40px;
	padding: 2px 40px;
	font-weight: bold;
	border:none;
	letter-spacing:0.03em;
}

.banner .light-innovation-slider-caption h1 {
	font-family: Roboto Slab;
	background:#111112;
	font-size: 35px;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: 500;
	text-transform: uppercase;
	padding:2px 45px 2px 25px;
}
.banner .light-innovation-slider-caption p {
	color: #fff;
	margin-bottom: 35px;
	word-wrap: break-word;
	font-size:18px;
	font-family: Roboto Slab;
	letter-spacing:0.03em;
	text-align:center;
}
.banner .light-innovation-slider-caption button {
	font-family: Roboto Slab;
	color: #fff;
	text-transform: uppercase;
	line-height: 40px;
	padding: 2px 40px;
	font-weight: bold;
	border:1px solid #fff;
	letter-spacing:0.03em;
	background:none;
	margin-left:180px;
}
.banner .bold-innovation-slider-caption h1 {
	font-family: Roboto Slab;
	font-size: 48px;
	line-height: 50px;
	color: #000;
	font-weight: 800;
	text-transform: uppercase;
	background:#fd8339;
	padding:2px 45px 2px 25px;
}
.banner .slider-3 .bold-pxslider-caption h1 {
	font-size: 35px;
	line-height: 50px;
	color: #fff;
	font-weight: 900;
	background: #FE5454;
	text-transform: uppercase;
	padding: 0 15px;
}
.banner .slider-3 .light-pxslider-caption h1 {
	font-size: 34px;
	line-height: 50px;
	color: #fff;
	font-weight: 500;
	background: #013E54;
	text-transform: uppercase;
	padding: 0 15px;
}
.banner .slider-3 .simple-pxslider-caption {
	font-size: 16px;
	line-height: 50px;
	color: #383838;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 15px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
}
#banner .tp-bullets {
	display: none;
}
/*
 1.2) Matrix Studio
 ----------------------------------------*/
.creative_studio {
	padding-bottom:0px;
}
.learn{
	margin-left:30px;
}
.creative_studio .article-list {
	text-align: center;
}
.creative_studio .article-list p{
	padding-bottom:53px;
}
.creative_studio .why-us{
	margin:85px 0px 0px;
	background:url(../img/counter-bg.jpg) no-repeat;
	background-size:cover;
	padding:39px 0px;
}
.creative_studio .why-us .count{
	font-family:Roboto Slab;
	font-size:45px;
	font-weight:500;
	color:#fd8339;
	line-height:45px;
}
.creative_studio .why-us .item{
	text-align:center;
}
.creative_studio .why-us span{
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	padding:5px 0px;
	display:block;
}
.creative_studio .why-us p{
	color:#a1a1a1;
}
/*
 1.3) Key Features
 ----------------------------------------*/
.key-features {
	background: #fbfbfe;
	padding: 12px 5px;
	border: 1px solid #f3f3f4;
	border-left: 1px solid #e2e2e2;
}
.feature-list .items:first-child img{
	float:right;
	margin-right: -174px;
}
.feature-list .items:last-child {
	padding: 45px 0px 25px;
}
.feature-list .section-title {

}
.feature-list h2 {
	margin-bottom: 20px;
}
.feature-list span {
	color:#0e0e0e;
	font-size: 20px;
	padding: 0px;
	text-transform: capitalize;
	font-weight: 500;
	padding: 0px 0px 20px;
display: block;
line-height: 24px;
}
/*
 1.4) Latest Project
 ----------------------------------------*/
.latest-project {
	padding-bottom: 87px;
	text-align:center;
}

.latest-project .item {
	position: relative;
	width:20%;
	float:left;
}
.latest-project .item img{
	width:100%;
}
.latest-project .item:hover .figcaption {
	opacity:1;
}
.latest-project .item .figcaption {
	position: absolute;
	color: #fff;
	top: 0px;
	left:0;
	width: 100%;
	height: 100%;
	padding: 25% 0px;
	text-align:center;
	margin:auto;
	opacity:0;
	background:#FFF;

}
.latest-project .item .figcaption:before {
	content: "";
	background:#fd8339;
	display:block;

}
.latest-project .item .figcaption a {
	color: #fff;
	border: 2px solid #fff;
	background: none;
	width:74px;
	height:74px;
	border-radius:44px;
	position:relative;
	text-align:center;
	display:inline-block;
	margin:0 18px;
}
.latest-project .item .figcaption a .fa{
	font-size:35px;
	position:absolute;
	top:25%;
	left:25%;
}

.latest-project .caption-block {
	padding: 20px 0;
}
.latest-project .caption-block h4, .latest-project .caption-block p {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	font-weight: 600;
	font-family:Open Sans;
}
.latest-project .caption-block p {
	font-size: 13px;
	font-weight:500;
}
.latest-project .projects{
	padding:0px 0px 50px;
	display:table;
}
.view-all{
	padding:8px 35px;
}
.view-all:hover{
	color:#626262;
}
/*
 1.5) Responsive Design
 ----------------------------------------*/
.responsive-design {
	background: #f6f6f7;
	padding:85px 0px;

}

.responsive-design .responsive-list .items {
	color: #656566;
	font-size: 15px;
	font-weight: 500;
}
.responsive-design .read-more {
	font-size: 14px;
	color: #40aafa;
	font-weight: 500;
	background: none;
	text-transform: capitalize;
	padding: 0px;
}
.responsive-design h2 {
	margin:0px 0px 20px;
	font-weight:500;
}
.responsive-design h5 {
	font-family:Open Sans;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	font-weight:600;

}
.responsive-list .items{
	margin-top:20px;
}
.responsive-list .items p {
	padding: 10px 0px;
	margin: 0px;
	font-size:15px;
}
.responsive-list .icon{
	float:left;
	font-size:32px;
	color:#fd6a19;
	margin-right:20px;
}
.responsive-list .content{
	overflow:hidden;
}
/*
 1.6) Our Team
 ----------------------------------------*/
 .dedicated-team{
	 padding-bottom:87px;

 }
 .dedicated-team h2{
	 font-weight:500;
 }
 .dedicated-team .teams{
	 background:#f6f6f7;
	 display:table;
	 text-align:center;
	 margin-bottom: 30px;
 }
  .dedicated-team .team-list{
	  margin:0px;
	  padding:0px;
  }

  .dedicated-team  .team-details{
	  padding:0px 20px;
  }
 .dedicated-team h5{
	 font-family:Open Sans;
	 text-transform:uppercase;
	 font-weight:600;
	 margin-bottom:0px;
 }
 .dedicated-team span{
	 font-size:11px;
	 color:#a3a2a2;
	 text-transform:uppercase;
 }
 .dedicated-team .item img{
	 width:100%;
 }
  .team-details .social2{
	 padding:5px 0px;
 }
 .team-details .social-icons{
	 border-top:1px solid #e8e8e9;
	 padding:6px 0px;
 }
 .team-details .social2 .fa{
	 color:#c5c5c5;
	 font-size:16px;
	 margin-right:30px;
 }
 .team-details .social2 li:last-child .fa{
	 margin-right:0px;
 }
 /*
 Dedicated-team 2
 ----------------------------------------*/
 .dedicated-team2 {
	 padding:60px 0px 85px;
 }
 .dedicated-team2 .team-list{
	 margin:35px 0px 0px;
 }
 .dedicated-team2 .item{
	 padding:0px;
 }
  .dedicated-team2 .item img{
	 width:100%;
 }
 .dedicated-team2 .border{
	 width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	cursor: pointer;
	background: rgba(64, 170, 250, .90);
	opacity: 0;
	transition: all .3s ease;
 }

.dedicated-team2 .item:hover .border {
	opacity: 1;
}
.dedicated-team2 .social2{
padding: 0px 0px;
margin-top: -16px;
}
.dedicated-team2 .social2 .social-icons{
	border:none;
	padding:0px;
	font-size:20px;
	color:#fff;
}
.dedicated-team2 .social2 .social-icons .fa{
	font-size:20px;
	color:#fff;
	margin-right:10px;
}
.dedicated-team2 .team-details{
	position:relative;
	top:235px;
}
.dedicated-team2 .team-details h3{
	border:none;
	padding:0px;
	font-weight:700;
	margin:0px;
	color:#fff;
	text-transform:uppercase;
}
.dedicated-team2 .team-details span{
	border:none;
	padding:0px;
	font-size:16px;
	font-style:italic;
}
/*
 1.7) Client Says
 ----------------------------------------*/
.client-says {
	background:url(../img/client-says-bg.jpg) no-repeat;
	background-size:cover;
	color:#fff;
}
.client-says h2{
	color:#fff;
	margin-bottom:10px;
	font-weight:500;
}

.client-says .items blockquote {
	border: none;
	overflow: hidden;
}

.client-says blockquote p {
	font-size: 15px;
	color: #dfdede;
	font-weight: 500;
	line-height: 24px;
}
.client-says blockquote p .quote-mark {
	color: #8b8b8c;
	padding: 0 5px 0px 0px;
	font-size: 20px;
}
.client-says .photo-frame {
	width: 100px;
	height: 100px;
	float: left;
}
.client-says .photo-frame img{
	width:100%;
}
.client-says footer span {
	padding: 0px 20px;
	font: 14px;
	color: #fd8339;
	font-style: italic;
}
/*
 1.8) Our Partner Sites
   ----------------------------------------*/
.partner-site{
	padding:60px 0px 50px;
}
.partner-site h2{
	font-weight:500;
}

/*
 2.) About Us
  ----------------------------------------*/
.our-mission {
	background: #f6f6f7;
	padding:40px 0px;

}
.our-mission .sec-title:after {
	margin: 20px 0px 0px;

}
.our-mission h2 {
	margin:11px 0px 20px;
	font-weight:500;
}
.our-mission span {
	color: #1b1a1a;
	font-size: 20px;
	padding: 0px;
	text-transform: capitalize;
	font-weight: 500;
	padding: 0px 0px 20px;
display: block;
line-height: 30px;
}


/*
2.1) Company History
 ----------------------------------------*/
.company-history .sm-title::before, .company-history .sm-title::after {
	width: 31.5%;
}


.company-history .nav-justified{
	border-bottom: 1px solid rgb(223, 223, 223);
box-shadow: 0px 3px 0px rgb(248, 248, 248);
}
.company-history .nav li a{
	padding: 10px 14px 15px;
}

.company-history .nav-justified>.active:after, .company-history .nav-justified>.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.company-history .nav-justified>.active:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.company-history .nav-justified>.active:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #dfdfdf;
	border-width: 22px;
	margin-left: -22px;
}


.company-history .nav-justified:before {
	height: 6px;
	background: #31b5f2;
	content: "";
	display: block;
	position: relative;
	top: 73px;
}
.year {
	font-size: 20px;
	font-weight: 600;
}
.company-history .tab-icon {
	display: block;
	background: #fff;
	border: 5px solid #5dc7f8;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	position: relative;
	margin: 18px auto 30px;
}
.company-history .nav-justified li a {
	border: none;
	background: none;
	color: #000;
}
.company-history .nav-justified>.active a .tab-icon {
	border: 5px solid #ff8417;
}
.company-history .nav-justified li a .mb-none {
	font-size: 16px;
}
.company-history .tab-content {
	border: none;
}
.company-history .tab-content span {
	font-size:16px;
	font-weight:500;
	font-family:Open Sans;
	line-height:30px;
	color:#656565;
}
.company-history .tab-content  .list-arrow {
	margin-top:30px;
}
.company-history .tab-content  .list-arrow li:before{
	color:#785209;
}
/*
2.1) Our Dedicated Team
 ----------------------------------------*/
.team {
	background: url(../img/team-bg.html) repeat;
	border-bottom: 1px solid #e3e4e5;
	border-top: 1px solid #e3e4e5;
}
.team-list {
	margin: 100px 0px;
	display: table;
}
.team-item {
	padding: 13%;
	will-change: padding;
}
.team-detail li {
	list-style: none;
	margin-top: -10%;
}
.team-detail li:nth-child(9n+1){
	margin-left: 25%;
}
.team-detail li:nth-child(7n+4){
	margin-left: 12.667%;
}
.team-item .shape-square {
	transform: rotate(45deg);
	overflow: hidden;
	position: relative;
}
.team-item .shape-square:hover .team-caption {
	display: block;
}
.team-item .shape-square figure {
	transform: rotate(-45deg) scale(1.4);
}
.team-caption {
	position: absolute;
	top: 0px;
	text-align: center;
	background: #DE5842 none repeat scroll 0% 0%;
	width: 100%;
	height: 100%;
	padding: 61px 0px;
	transform: rotate(-45deg) scale(1.4);
	display: none;
}
.team-caption h6 {
	font-size: 13px;
	color: #fff;
	margin: 14px 0px 0px;
	padding: 0;
}
.team-caption p {
	font-size: 9px;
	color: #fff;
	text-transform: uppercase;
}
.team-caption a {
	padding: 3px 5px 3px 10px;
	color: #fff;
	border: 1px solid #fff;
	margin-left: 10px;
}
/*
2.1) Web Design
 ----------------------------------------*/
.web-design {
	border-bottom: 1px solid #e3e4e5;
	padding: 100px 0px;
}
.web-design h6 {
	border-left: 3px solid #e84c3d;
	padding-left: 5px;
	text-transform: uppercase;
	margin: 0 0 12px;
}
.web-design #accordion .panel-heading {
	padding: 16px 8px 16px 16px;
	border: 1px solid #dfdfdf;
}
.web-design #accordion .panel-title a {
	display: inline;
	padding: 0px;
	text-transform: uppercase;
	color: #353535;
}
.web-design #accordion .panel-title i {
	padding: 7px;
	border: 1px solid #dfdfdf;
	border-radius: 2px;
	font-size: 10px;
	color: #979797;
	margin-top: -5px;
	font-weight: 100;
	background: #fff;
}
.web-design .read-more {
	background: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	text-transform: capitalize;
	color: #8d8d8d;
}
/*
3) Services
 ----------------------------------------*/
.feature-service {
	background:url(../img/feature-bg.jpg) repeat;
	border-bottom: 1px solid #eceded;
}

.feature-service .item{
}
.feature-service .item .img-wrap{
	background:#fff;
	padding:0px;
}
.feature-service .item .img-wrap:before {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
     background: rgb(182, 146, 100);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.feature-service .item:hover .img-wrap:before {
    left: 0;
}

.feature-service .item:hover .hvr-bounce-to-left:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.feature-service .item .hvr-bounce-to-left:before {
    background: #373737;
}

.feature-service .item .content-wrap::before {
    background: #373737 none repeat scroll 0% 0%;
}
.feature-service .item:hover .content-wrap h2{
	color:#fff!important;
}
.feature-service .item:hover .content-wrap p{
	color:#999898;
}
.feature-service .item .content-wrap{
	background:#fff;
	padding: 30px 22px 44px;
	position: relative;
}
.feature-service .item .content-wrap h2{
	font-size:14px;
	color:#2d2d2d;
	font-weight:600;
	text-transform:uppercase;
}
.feature-service .item .content-wrap p{
	font-family:Open Sans;
	color:#787878;
	line-height:24px;
	font-weight:500;
}



/*
3.2) What we offer
 ----------------------------------------*/

.what-offer .sm-title::before, .what-offer .sm-title::after{
	width:28%;
}
.what-offer .para {
	padding-bottom: 22px;
	text-align: center;
}
.what-offer .item {
	border: 1px solid #eff0f0;
	background: #fafafa;
	text-align: center;
	padding: 38px 29px;
}
.what-offer .offer-list .items:nth-child(3){
  width: 53%;
  margin-left: 60px;
  margin-bottom: 50px;
}
.what-offer .offer-list .para p{
  font-size: 16px;
  color: #151515;
  line-height: 30px;
}
.what-offer .offer-list .items p{
  font-size: 18px;
  color: #393939;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 30px;
}
.what-offer .offer-list .items .list-arrow li{
  font-size: 16px;
  color: #40aafa;
  line-height: 45px;
}
.what-offer .offer-list .items .list-arrow li::before{
  font-family: FontAwesome;
  content: "\f061";
  margin-right: 14px;
  color: #40aafa;
  font-size: 12px;
}
.what-offer h5 {
	text-transform: uppercase;
	color: #353535;
	font-size: 16px;
	margin: 25px 0px 17px;
	font-family: Open Sans;
	font-weight: 600;
}
.what-offer .icon {
	font-size: 50px;
	color: #000;
}
.what-offer .item:before{
	content: "";
	background: #fafafa;
}
.what-offer .item:hover {
	background: #40aafa;
}
.what-offer .item:hover .icon, .what-offer .item:hover h5, .what-offer .item:hover p {
	color: #fff;
}
/*
3.2) Our Price List
 ----------------------------------------*/
.pricelist {
	background: #fafafa;
}
.pricelist .sm-title::after, .pricelist .sm-title::before{
	width:25.5%;
}
.price-list .price-detail {
	background: #fafafa;
	position: relative;
	padding: 0px;
}
.price-list .price-detail ul {
	padding: 0px;
}
.price-list .price-detail ul li {
	background: #fefefe;
	border-bottom: 1px solid #f8f8f8;
	list-style: none;
	text-align: center;
	padding: 15px 0px;
	color: #656565;
	font-size: 15px;
}
.price-list .price-detail ul li:last-child {
	background: #fafafa;
	padding: 30px 0px;
}
.price-detail .btn {
	background: #e8e8e8;
	border: none;
	border-bottom: 4px solid #cfcfcf;
	border-radius: 0;
	font-size: 17px;
	padding: 13px 33px;
	text-transform: uppercase;
}
.price-detail .price {
	font-size: 40px;
	text-align: center;
	display: block;
	font-weight: 600;
	padding: 18px 0px;
	border-left: 1px solid #f2f2f2;
}
.price-detail h3 span {
	display: block;
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 500;
}
.price-detail h3 {
	font-size: 28px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	padding: 19px 0px;
}
.price-detail ul {
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.price-detail:last-child ul, .price-detail:last-child .price {
	border-right: 1px solid #f2f2f2;
}
.standard h3 {
	text-align: center;
	background: #002f53;
}
.standard .price {
	color: #002f53;
}
.basic h3 {
	text-align: center;
	background: #2e786e;
}
.basic .price {
	color: #2e786e;
}
.best h3 {
	text-align: center;
	background: #de5842;
	padding:24px 0px;
}
.best .price {
	color: #de5842;
}
.best {
	top: -10px;
	z-index: 2;
	-webkit-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
	box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
}
.economic h3 {
	text-align: center;
	background: #154c77;
}
.economic .price {
	color: #154c77;
}
/*
4) Portfolio
 ----------------------------------------*/
/**
* Projects Version one Styles.
**/

#project-version-one {
	padding: 80px 0 50px;
}
#project-version-one p {
	font-size: 17px;
line-height: 32px;
margin-bottom: 50px;
font-weight: 500;
}
#project-version-one .sec-title::after {
    margin: auto auto 40px;
}
#project-version-one .gallery-filter {
	margin-bottom: 50px;
	text-align: center;
	background:#f4f4f4;
}
#project-version-one .gallery-filter li {
	display: inline;
}
#project-version-one .gallery-filter li span {
	display: inline-block;
	font-size: 17px;
	line-height: 45px;
	color: #787878;
	font-weight: 500;
	cursor: pointer;
	padding: 0 25px;
	position: relative;
	transition: all .3s ease;
}
#project-version-one .gallery-filter li:after{
	content: '/';

}
#project-version-one .gallery-filter li:last-child:after{
	content: '';

}
#project-version-one .gallery-filter li.active span,
#project-version-one .gallery-filter li:hover span {
	color: #12AEF8;
}

#project-version-one .col-lg-4 {
	margin-bottom: 30px;
	display: none;
}
#project-version-one .col-lg-4 .img-wrap {
	position: relative;
}
#project-version-one .col-lg-4 .img-wrap img {
	width: 100%;
}
#project-version-one .col-lg-4:after{
	content:'';
	display:block;
	height:2px;
	background:#eeeff0;
}
#project-version-one .col-lg-4 .img-wrap .content-wrap {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 17px;
	cursor: pointer;
	background:#fff;
}

#project-version-one .col-lg-4 .img-wrap .content-wrap h4 {
	color: #656565;
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
	font-family:Open Sans;
}
#project-version-one .col-lg-4 .img-wrap .content-wrap span {
	color: #c3c3c3;
	display: block;
	font-size: 13px;
	line-height: 22px;
	text-transform:uppercase;
	font-weight: 500;
	text-align: center;
}
#project-version-one .col-lg-4 .img-wrap .content-wrap .content {
	position: relative;
	top: 45%;
}

/**
* Projects Version Two Styles.
**/

#project-version-two {
	padding: 80px 0 50px;
}
#project-version-two .gallery-filter {
	margin-bottom: 50px;
	text-align: center;
}
#project-version-two .gallery-filter li {
	display: inline;
}
#project-version-two .gallery-filter li span {
	display: inline-block;
	font-size: 17px;
	line-height: 45px;
	color: #787878;
	font-weight: 500;
	cursor: pointer;
	padding: 0 25px;
	position: relative;
	transition: all .3s ease;
}

#project-version-two p {
	font-size: 17px;
line-height: 32px;
margin-bottom: 50px;
font-weight: 500;
}
#project-version-two .sec-title::after {
    margin: auto auto 40px;
}
#project-version-two .gallery-filter {
	margin-bottom: 50px;
	text-align: center;
	background:#f4f4f4;
}
#project-version-two .gallery-filter li {
	display: inline;
}

#project-version-two .gallery-filter li:after{
	content: '/';

}
#project-version-two .gallery-filter li:last-child:after{
	content: '';

}

#project-version-two .gallery-filter li.active span,
#project-version-two .gallery-filter li:hover span {
	color: #12AEF8;
}
#project-version-two .masonary-gallery {
	position:relative;
	padding: 0;
}

#project-version-two .masonary-item {
	position: relative;
	float: left;
	overflow: hidden;
	width:25%;
	height: 250px;
	margin-bottom: 15px;
	padding: 0 8px;
}

#project-version-two .masonary-item.width-1 {
	width:33%;
}
#project-version-two .masonary-item.width-2 {
	width:50%;
}
#project-version-two .masonary-item.width-3 {
	width:66%;
}
#project-version-two .masonary-item.height-1 {
	height: 222px;
}
#project-version-two .masonary-item.height-2 {
	height: 190px;
}
#project-version-two .masonary-item.height-3 {
	height: 396px;
}
#project-version-two .masonary-item img {
	width: 100%;
	height: 100%;
}
#project-version-two .masonary-item .img-wrap {
	position: relative;
}
#project-version-two .masonary-item .img-wrap .content-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	cursor: pointer;
	background: rgba(000, 000, 000, .70);
	opacity: 0;
	transition: all .3s ease;
}
#project-version-two .masonary-item:hover .img-wrap .content-wrap {
	opacity: 1;
}
#project-version-two .masonary-item .img-wrap .content-wrap .border {
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
}
#project-version-two .masonary-item .img-wrap .content-wrap h4 {
	color: #fff;
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
#project-version-two .masonary-item .img-wrap .content-wrap span {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 22px;
	text-transform: capitalize;
	font-weight: 600;
	text-align: center;
}
#project-version-two .masonary-item .img-wrap .content-wrap .content {
	position: relative;
	top: 45%;
}

/*
 5) Blog
 -----------------------------------------*/

 /**
* Blog Styles.
**/

#blog {
	padding: 80px 0;
}
#blog .img-wrap {
	padding: 0;
	position: relative;
	overflow: hidden;
}
#blog .blog-wrap:hover .img-wrap:before {
	top: 0;
}
#blog .img-wrap:before {
	content: ' ';
	background: rgba(81,183,227, .75);
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
}
#blog .img-wrap img {
	width: 100%;
}
#blog .img-wrap h2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 26px;
	color: #FE5454;
	text-transform: uppercase;
	text-align: center;
}
#blog .content-wrap {
	background: #F5F4F4;
	padding: 44px 22px 0;
	position: relative;
}
#blog .content-wrap:before {
	content: ' ';
	width: 100%;
	height: 4px;
	background: #51B7E3;
	position: absolute;
	top: 0;
	left: 0;
}
#blog .content-wrap h2 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 15px;
}
#blog .content-wrap p {
	font-size: 14px;
	line-height: 26px;
	color: #8e8d8d;
	font-weight: 600;
	margin-bottom: 0;
}
#blog .content-wrap ul {
	margin-top: 20px;
	padding: 10px 0;
	border-top: 1px solid #DCDBDB;
	text-align: center;
}
#blog .content-wrap ul li {
	display: inline;
}
#blog .content-wrap ul li a,
#blog .content-wrap ul li span {
	display: inline-block;
	font-size: 13px;
	color: #8e8d8d;
	padding: 0 0 0 10px;
}
#blog .content-wrap ul li span b {
	color: #060606;
}
#blog .content-wrap ul li a {
	color: #14AFF8;
}
#blog .content-wrap ul li span:after {
	content: '|';
	display: inline-block;
	font-size: 13px;
	color: #AAA9A9;
	margin-left: 10px;
}

/**
* Blog page Styles.
**/

#blog-post {
	padding: 0px 0 0px;
}
#blog-post .blog-content .post-pagination{
	text-align:center;
}
#blog-post ul li{
	list-style-type:none;
}
#blog-post article {
	margin-bottom: 18px;
}
#blog-post article:last-child {
	margin-bottom: 30px;
}
#blog-post article h2 {
	font-size: 24px;
	line-height: 30px;
	color: #353535;
	margin: 0;
	margin-bottom: 5px;
}
#blog-post article .img-holder {
	margin-bottom:-39px;
	position:relative;
}
#blog-post article .post-meta {
	margin-bottom: -3px;
}
#blog-post article .post-date {
	text-align: center;
	color: #fff;
	font-size: 22px;
	line-height: 20px;
	font-weight: bold;
	width: 70px;
	height: 70px;
	padding-top: 13px;
	float: left;
	margin-right: 30px;
	position:absolute;
	bottom:0;
	background:#40aafa;
}
#blog-post article .post-date span {
	font-size: 16px;
	text-transform: uppercase;
}
#blog-post article .post-title {
	width: 100%;
	float: left;
}
#blog-post article .post-title h2 {
	margin-top:30px;
}
#blog-post .shear .fa{
	font-size:32px;
}
#blog-post article .post-title ul {
	text-align: left;
	padding:0px 0px 10px;
	border-bottom:1px solid #dddddd;
}
#blog-post article .post-title ul li {
	display: inline;
}
#blog-post article .post-title ul li span {
	font-size: 13px;
	line-height: 13px;
	color: #BBBBBB;
	display: inline-block;
	font-weight: 500;
	border-right: 1px solid #BBBBBB;
	padding: 0 10px;
}
#blog-post article .post-title ul li:first-child span {
	padding-left: 0;
}
#blog-post article .post-title ul li:last-child span {
	border-right: none;
}
#blog-post article > p,
#blog-post.single-post article p {
	font-size: 14px;
	line-height: 28px;
	color: #020202;
	margin-bottom: 20px;
}
#blog-post article > .read-more {
	font-weight: 500;
text-transform: uppercase;
font-size: 13px;
line-height: 20px;
color: #77777;
background-color:#785209c7;
border: 1px solid #785209c7;
padding: 8px 20px;
}
#blog-post .post-pagination ul li {
	text-align: left;
}
#blog-post .post-pagination ul li {
	display: inline;
}
#blog-post .post-pagination ul li a {
	display: inline-block;
height: 34px;
line-height: 31px;
color: #8E8D8D;
margin-right: 10px;
text-align: center;
border: 1px solid #e9ebee;
font-size: 16px;
padding: 0px 10px;
transition: all 0.3s ease 0s;
}
#blog-post .post-pagination ul li.active a,
#blog-post .post-pagination ul li:hover a {
	background: #ff9000;
	color: #fff;
	border: 1px solid #ff9000;

}
#blog-post .sidebar-widget {
	margin-bottom: 50px;
}
#blog-post .sidebar-widget .category-list{
	padding-left:0px;
}
#blog-post .sidebar-widget h4 {
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	color: #2d2d2d;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 20px;
	position: relative;
}
#blog-post .sidebar-widget h4:before {
	content: ' ';
	width: 50px;
	height: 1px;
	background: #12aef8;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
#blog-post .sidebar-widget form.search-form {
	border: 1px solid #E9E9E9;
	height: 45px;
	position: relative;
	overflow: hidden;
}
#blog-post .sidebar-widget form.search-form input[type='text'] {
	border: none;
	outline: none;
	height: 45px;
	padding-left: 10px;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
}
#blog-post .sidebar-widget form.search-form button {
	border: none;
	outline: none;
	height: 45px;
	background: none;
	line-height: 45px;
	position: absolute;
	right: 0;
	padding: 0 10px;
}
#blog-post .sidebar-widget .category-list li a {
	display: block;
	font-size: 14px;
	line-height: 37px;
	color: #999999;
	font-weight: 500;
	transition: all .3s ease;
}
#blog-post .sidebar-widget .category-list li a .fa {
	margin-right: 10px;
}
#blog-post .sidebar-widget .category-list li:hover a {
	color: #40aafa;
}
#blog-post .sidebar-widget .popular-post{padding:0px;}
#blog-post .sidebar-widget .popular-post li {
	margin-bottom: 30px;
}
#blog-post .sidebar-widget .popular-post li:last-child {
	margin-bottom: 0;
}
#blog-post .sidebar-widget .popular-post li img {
	float: left;
}
#blog-post .sidebar-widget .popular-post li .content-wrap {
	width: 52%;
	float: right;
}
#blog-post .sidebar-widget .popular-post li .content-wrap h5 {
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 20px;
}
#blog-post .sidebar-widget .popular-post li .content-wrap span {
	font-size: 13px;
	line-height: 20px;
	display: inline-block;
	color: #999999;
}
#blog-post .sidebar-widget.text-widget p {
	font-size: 15px;
	line-height: 26px;
	color: #8e8d8d;
	font-weight: 500;
}
#blog-post .sidebar-widget .tag-cloud a {
	font-size: 13px;
	line-height: 45px;
	color: #787878;
	background: #FBFBFB;
	border: 1px solid #E2E2E2;
	margin-right: 10px;
	display: inline-block;
	padding: 0 23px;
	text-transform: uppercase;
	font-weight: 600;
	transition: all .3s ease;
	margin-bottom: 10px;
}
#blog-post .sidebar-widget .tag-cloud a:hover {
	color: #fff;
	background: #ff9000;
	border: 1px solid #ff9000;
}

#blog-post #blog-slider2 .owl-controls, .sidebar-widget #blog-slider3 .owl-controls{
	position: absolute;
bottom: 5px;
left: 0px;
right: 0px;
}
#blog-post .col-lg-8{
	width:73.5%;
}
#blog-post #blog-slider2 .owl-controls .owl-page span, .sidebar-widget #blog-slider3 .owl-controls .owl-page span{
	background: none;
border: 2px solid #fff;
}
#blog-post #blog-slider2 .owl-controls .active span, .sidebar-widget #blog-slider3 .owl-controls .active span{
	background: #fff;
border: 2px solid #fff;
}
.sidebar-widget #blog-slider3 .own-item .item img{
	width:100%;
}
.owl-theme .owl-controls .owl-page span {
    width: 14px;
    height: 14px;
}
#blog-slider .owl-buttons{
	font-size:25px;
}
#blog-slider .owl-buttons .owl-prev, #blog-slider .owl-buttons .owl-next{
	position: absolute;
	top: 40%;
	background:#000;
	opacity:0.5;
	padding:10px;

}
#blog-slider .owl-buttons .owl-next{
	right: 0px;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
}
#blog-slider .owl-buttons .owl-prev{
	left: 0px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
}

/**
* Single Post Styles.
**/

#blog-post.single-post article h3 {
    font-size: 20px;
    line-height: 26px;
    color: #353535;
    font-weight: 500;
    margin: 0;
    margin-bottom: 15px;
}
#blog-post.single-post article p {
    margin-bottom: 10px;
}
#blog-post.single-post article ul li {
    font-size: 14px;
    line-height: 34px;
    color: #8e8d8d;
    font-weight: 500;
	list-style-type:none;
}
#blog-post.single-post article ul li .fa {
    font-size: 7px;
    position: relative;
    bottom: 2px;
    margin-right: 7px;
}
#blog-post.single-post article ul.highlight li {
    color: #40aafa;
	list-style-type:none;
}
#blog-post.single-post article ul.highlight li:before{
	content:"+";
	color: #40aafa;
	margin-right:10px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote {
    background: #f5f4f4 none repeat scroll 0 0;
    border-radius: 4px;
    margin-left: 45px;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote:before {
    background-color: #ff9000;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p {
    color: #464646;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 45px 5px 103px;
    position: relative;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote p:before {
    color: #d0d0d0;
    content: "\f10d";
    font-family: 'fontawesome';
    font-size: 55px;
    left: 30px;
    position: absolute;
    top: 30px;
}
#blog-post article .expert_quote_area .col-lg-12 .expert_quote span {
    color: #ff9000;
    float: right;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 30px;
    padding-right: 45px;
    text-transform: capitalize;
}
#blog-post article .shear_area .shear {
    border: 1px solid #e9e9e9;
    margin-top: 30px;
    overflow: hidden;
}
#blog-post article .shear_area .shear a {
    background: #3d3d3d none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    font-weight: 700;
    margin-right: 16px;
    padding: 17px 20px;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}
#blog-post article .shear_area .shear .social_button a:hover{
	color:#de5842;
}
#blog-post article .shear_area .shear .social_button ul {
    float: left;
    margin: 0;
    padding: 0;
}
#blog-post article .shear_area .shear .social_button ul li {
    float: left;
}
#blog-post article .shear_area .shear .social_button ul li a {
    background-color: transparent;
    color: #c3c3c3;
    display: inline-block;
    padding: 18px 0 18px 20px;
}
#blog-post article .shear_area .shear .social_button ul li a i {
    font-size: 20px;
}
#blog-post article .administrator {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-top: 30px;
    overflow: hidden;
}
#blog-post article .administrator .administrator_img {
    padding-bottom: 22px;
    padding-left: 10px;
    padding-top: 18px;
}
#blog-post article .administrator .administrator_text {
    margin-left: -42px;
}
#blog-post article .administrator .administrator_text h4 {
    color: #353535;
    font-size: 16px;
    font-weight: 500;
    margin-top: 18px;
    padding-top: 8px;
    text-transform: uppercase;
}
#blog-post article .administrator .administrator_text p {
    color: #999999;
    font-size: 14px;
    font-weight: 500;
}
#blog-post article .comments_area {
    border: 1px solid #ebebeb;
    margin-top: 30px;
    overflow: hidden;
}
#blog-post article .comments_area .comment_title h4 {
    color: #353535;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 50px;
    margin-top: 30px;
    text-transform: uppercase;
}
#blog-post article .comments_area .single_comment {
    border-bottom: 1px solid #ebebeb;
    display: inline-block;
    margin: 0 25px 30px;
}
#blog-post article .comments_area .single_comment:last-child {
    border: none;
    margin-bottom: 0;
}
#blog-post article .comments_area .single_comment .comment_text {
    margin-left: -10px;
}
#blog-post article .comments_area .single_comment .comment_text h5 {
    color: #353535;
    font-size: 16px;
    font-weight: 500;
    margin-top: 1px;
    text-transform: capitalize;
	font-family:Open Sans;
}
#blog-post article .comments_area .single_comment .comment_text p.c_text {
    color: #999999;
    font-size: 15px;
    padding-bottom: 50px;
}
#blog-post article .comments_area .single_comment .comment_text p span {
    color: #ff9000;
    margin-left: 5px;
    font-weight: 500;
    text-transform: capitalize;
}
#blog-post article .comments_area .single_comment .comment_text p span.c_date {
    color: #c2c2c2;
    font-size: 13px;
    margin-top: -5px;
    margin-right: 5px;
}
#blog-post article .comments_area .single_comment .comment_reply {
    border: medium none;
    margin: 0;
}
#blog-post article .comments_area .single_comment .comment_reply .comment_reply_img {
    margin-left: -20px;
}
#blog-post article .comment-box {
    border: 1px solid #ebebeb;
    margin-top: 30px;
}
#blog-post article .comment-box .comment-box-title h4 {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    padding: 30px 0;
    text-transform: uppercase;
}
#blog-post article .comment-box .comment-box-field .comment-box-half input[type=text] {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    padding: 10px 0;
    width: 100%;
}
#blog-post article .comment-box .comment-box-field .comment-box-full textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    height: 186px;
    padding: 20px;
    resize: none;
    width: 100%;
}
#blog-post article .comment-box .comment-box-field .comment-box-submit input[type=submit] {
    background: #ff9000 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 25px 0 40px;
    padding: 8px 32px;
    text-transform: uppercase;
	border-radius:2px;
	border:none;
}

/*
 5) Contact Us
 ----------------------------------------*/
.contact-us .sm-title:before{
	width:27%;
}
.contact-us .sm-title:after{
	width:27%;
}
.contact-us .sec-title p{
	font-size:18px;
	padding:28px 0px;
}
.contact-us .sec-title p:2nd-child{
	font-size:20px;
}
 .contact-title{
	 background:#fff;
 }
 .contact-title p{
	 font-size: 16px;
	 font-weight: 500;
	 color:#111;
	 line-height:30px;
 }
 .form-section{
	 padding:0px 0px 8px;
 }
 .contact-form .col-sm-6{
	 padding-right:0px;
 }
 .contact-form .col-sm-6 input{
	 border-right:0px;
	 }
  .contact-form .col-sm-5{
	 padding-left:0px;
}
 .contact-form input, .contact-form  textarea{
	 background:#f8f8f8;
	 border:1px solid #e9e9e9;
	 border-radius:0px;
	 box-shadow:none;
	 padding:10px 15px ;
	 font-size:16px;
	 color:#656565;
	 font-weight:500;

 }
 .contact-form .form-group{
	 margin-bottom:20px;
 }
 .contact-form .submit{
	 padding:10px 50px;
	 border:none;
	 border-radius:5px;
	 font-size:16px;
 }
 #error, #success{
	 display:none;
 }
  .contact-form input{
	  height:58px;
  }
.contact-detail ul li{
	list-style:none;
	overflow:hidden;
	margin-bottom:0px;
}
.contact-detail ul{
	margin-top:30px;
}
.contact-detail .fa{
	font-size:35px;
	float:left;
	line-height:51px;
	color:#3e3e3e;
	width:36px;
}
.contact-detail .fa-envelope-o{
	font-size:30px;
}
.contact-detail h5{
	font-size:16px;
	text-transform:uppercase;
	color:#3e3e3e;
	font-family:Open Sans;
	font-weight:600;
}
.contact-detail h6{
	font-size:15px;
	text-transform:uppercase;
	color:#3e3e3e;
	font-family:Open Sans;
	font-weight:700;
	margin-bottom:5px;
}
.contact-detail .address, .contact-detail .phone, .contact-detail .email{
	float:left;
	padding:0px 0px 15px 36px;
}
.contact-detail{
	border-left:1px solid #d6d5d8;
	padding-left:50px;
}
.contact-detail .phone, .contact-detail .email{

}
.contact-detail p:first-child{
	font-size:16px;
}
.contact-detail p{
	margin:0;
	padding:0;
	line-height:22px;
	font-size:15px;
	font-weight: 500;
color: #111;
}

/**
* Preloader Styles.
**/


.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../img/loader.gif);}
.paddingTB60 {padding:60px 0px 60px 0px;}
.gray-bg {background: #F1F1F1 !important;}
.about-title {}
.about-title h1 {color: #535353; font-size:45px;font-weight:600;}
.about-title span {color: #AF0808; font-size:45px;font-weight:700;}
.about-title h3 {color: #535353; font-size:23px;margin-bottom:24px;}
.about-title p {color: #7a7a7a;line-height: 1.8;margin: 0 0 15px;}
.about-paddingB {padding-bottom: 12px;}
.about-img {padding-left: 57px;}