@charset "iso-8859-1";

/* CSS Document */



/**

	Lenze Site Template

 	Copyright (c) 2013, Pophonic 



	Author: Pophonic

	Profile: themeforest.net/user/pophonic

	

**/







/* ===== Reset ===== */



* {

	margin: 0;

	padding: 0;

}







/* ===== Body, Images and Typography ===== */



body {

	background-color: #aaaaaa;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #4e4e4e;

	line-height: 20px;

}



.clearfix {

	clear: both;

}



img {

	vertical-align: top;

}



a img {

	border: none;

}



h1,h2,h3,h4,h5,h6 {

	font-family: 'Oswald', sans-serif;

}



.container {

	width: 100%;

	position: absolute;

	top: 0;

}



.container.background {

	background-repeat: no-repeat;

	background-position: center center;

	background-attachment: fixed;

	

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	

	background-size: cover;

}



.container.background.backimage1 {

	background-image: url(../images/background/background-image1.jpg);

}



.container.background.backimage2 {

	background-image: url(../images/background/background-image2.jpg);

}



.container.background.backimage3 {

	background-image: url(../images/background/background-image3.jpg);

}



.container.background.backimage4 {

	background-image: url(../images/background/background-image4.jpg);

}



.wrapper {

	width: 984px;

	height: auto;

	position: relative;

	margin: auto;

	z-index: 1;

}



.wrapper.boxstyle {

	margin-top: 180px;

	margin-bottom: 60px;

}



.box-container {

	background-color: rgba(255, 255, 255, 0.85);

	padding: 40px 35px 45px 35px;

	overflow: hidden;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}

/* 9. Sub-Menu  */

.pm-sub-menu-container {

  width:100%;

  background-color: #333333;

  color:#ffffff;

  padding: 10px 0;

  position: relative;

  z-index: 999;

  height:30px;

  }



.pm-sub-info {
	margin-top: -18px;ˇimportant!
	position: absolute;
	}



.pm-sub-navigation {
	width:auto;
	margin:0;
	padding:0;
	position:relative;
	float:right;
	font-family: 'Oswald', sans-serif;
	list-style:none;
	}



  /**/

  

.page-header {

	padding: 30px 35px;

	background-color: rgba(46, 46, 46, 0.85);

	overflow: hidden;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.page-header h1 {

	font-size: 36px;

	font-weight: 600;

	color: #ffffff;

	text-transform: uppercase;

	line-height: 34px;

	float: left;

	margin-right: 35px;

}



.page-header p {

	width: 100%;

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 400;

	color: #959595;

	line-height: 18px;

}



.pagenav {

	margin-bottom: 10px;

	overflow: hidden;

}



.pagenav ul {

	list-style: none;

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	line-height: 18px;

	color: #7e7e7e;

	text-transform: uppercase;

	margin-left: -10px;

}



.pagenav ul li {

	display: inline;

	float: left;

	padding: 0px 10px;

	border-right: #D96265 solid 1px;

}



.pagenav ul li:last-child {

	border-right: none;

}



.pagenav ul li a {

	color: #D96265;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.pagenav ul li a:hover {

	color: #7e7e7e;

}



/* === Block Quote === */



blockquote {

	font-family: 'Oswald', sans-serif;

	font-size: 18px;

	font-weight: 400;

	line-height: 24px;

	color: #4e4e4e;

	text-align: center;

	margin: auto;

}



.quote-icon {

	padding-top: 8px;

	padding-left: 45px;

	background: url(../images/blockquote-icon.png) no-repeat;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.quote-subtext {

	font-size: 14px;

	color: #7e7e7e;

	margin-top: 20px;

}



.quote-pagefullwidth {

	width: 65%;

	margin-top: 55px;

}



.quote-pagesidebar {

	width: 80%;

	margin-top: 25px;

	margin-bottom: 40px;

}



.team-quote {

	width: 55%;

	margin-top: 55px;

	margin-bottom: 5px;

}



/* === Dropcap === */



.dropcap:first-child:first-letter {

	float: left;

	font-family: 'Oswald', sans-serif;

	font-size: 20px;

	font-weight: 600;

	line-height: 10px;

	color: #ffffff;

	padding: 17px;

	margin: 7px 10px 0px 0px;

	background-color: #4a4a4a;

	border-radius: 50%;

}



/* === for Firefox only === */



@-moz-document url-prefix() {

    .dropcap:first-child:first-letter {

		padding: 13px 17px;

	}

}



/* ===== End ===== */







/* ===== Home Style 2 ===== */



.banner-slide {

	width: 100%;

	height: auto;

}



/* ===== Service Section ===== */



.service-container {

	position: relative;

	background: url(../images/texture_bg.png) repeat;

	z-index: 900;

}



.servicebox {

	position: absolute;

	margin-top: -77px;

}



.servicebox ul {

	list-style: none;

	margin-left: -12px;

}



.servicebox ul li{

	width: 237px;

	float: left;

	margin-left: 12px;

}



.service-textarea {

	padding-top: 25%;

	padding-bottom: 55px;

	text-align: center;

}



.service-textarea h1 {

	font-size: 4em;

	text-transform: uppercase;

	line-height: 1.2em;

	text-shadow: 0px 2px 2px rgba(255, 255, 255, 1);

}



.service-textarea p {

	font-family: 'Oswald', sans-serif;

	font-size: 18px;

	line-height: 25px;

	margin-top: 24px;

}



/* ===== Portfolio Section ===== */



/* === Filter === */

.category-filter {

	background-color: #3a3a3a;

}



.category-filter.boxstyle {

	background-color: rgba(46, 46, 46, 0.85);

}



.category-filter .wrapper {

	padding: 30px 0px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.category-filter.boxstyle .wrapper {

	padding: 30px 35px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.category-filter .center {

	text-align: center;

}



.category-filter h2 {

	font-size: 36px;

	font-weight: 600;

	line-height: 45px;

	float: left;

	margin-top: -8px;

	margin-right: 35px;

	color: #ffffff;

	text-transform: uppercase;

}



.category-filter ul li {

	display: inline;

	padding: 5px;

	margin-right: 10px;

}



/* === Fullwidth Thumbnails === */



.grid-fullwidth {

	max-width:100%;

	min-width:240px;

	width:auto;

	margin:auto;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

}

 

.megafolio-container {

   width:100%; 

   position:relative;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   -webkit-box-sizing: border-box;

}







/* ===== Home Style 3 ===== */



.highlight-container {

	width: 100%;

	display: table;

	background-color: rgba(255, 255, 255, 0.85);

	margin-bottom: 20px;

}



.highlight-image {

	display: table-cell;

	width: 50%;

	vertical-align: top;

}



.highlight-details {

	display: table-cell;

	width: 50%;

	position: relative;

	vertical-align: top;

	padding: 35px;

	text-align: right;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.highlight-details h1 {

	font-size: 4em;

	text-transform: uppercase;

	line-height: 1.2em;

	margin-top: -4px;

	text-shadow: 0px 2px 2px rgba(255, 255, 255, 1);

}



.highlight-details p {

	margin-top: 12px;

}



.highlight-moreinfo {

	font-family: 'Oswald', sans-serif;

	font-size: 24px;

	font-weight: 600;

	text-transform: uppercase;

	position: absolute;

	right: 0;

	margin-right: 35px;

	margin-top: 30px;

	padding-left: 35px;

	background: url(../images/plus-link-highlight.png) no-repeat left;*/

}



.highlight-details a .highlight-moreinfo {

	color: #4e4e4e;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.highlight-details a:hover .highlight-moreinfo {

	color: #7e7e7e;

}



/* === Portfolio Thumbnails === */



.grid-box {

	max-width:100%;

	min-width:240px;

	width:auto;

	margin:auto;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	overflow: hidden;

}



.addmore {

	text-align: center;

	margin-top: 35px;

}



.addmore button {

	font-family: 'Oswald', sans-serif;

	font-size: 18px;

	font-weight: 400;

	color: #ffffff;

	text-transform: uppercase;

	background-color: #D96265;

	padding: 10px 40px;

	border-radius: 5px;

	cursor: pointer;

	border: none;

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.addmore button:hover {

	background-color: #3a3a3a;

}







/* ===== About Us ===== */



.aboutus-content {

	margin-top: 40px;

}



.our-team {

	padding: 45px 35px;

	background: url(../images/texture_bg.png) repeat;

	border-top: #ffffff solid 1px;

	overflow: hidden;

}



.team-title-area {

	width: 70%;

	margin: auto;

	margin-top: 5px;

	text-align: center;

	background: url(../images/team-title-line.png) repeat-x left;

}



.team-title {

	font-size: 30px;

	font-weight: 600;

	text-transform: uppercase;

	text-shadow: 0px 2px 2px rgba(255, 255, 255, 1);

	margin: auto;

	padding: 0px 30px;

	background: url(../images/texture_bg.png) repeat;

}



.our-team ul {

	list-style: none;

	margin-top: 45px;

	margin-left: -28px;

}



.our-team ul li {

	width: 286px;

	position: relative;

	text-align: center;

	float: left;

	font-family: 'Oswald', sans-serif;

	text-transform: uppercase;

	margin-left: 28px;

}



.our-team ul li:hover > .team {

	opacity: 1;

}



.team-mask {

	position: absolute;

	width: 100%;

	height: 100%;

	background: url(../images/team-mask.png) no-repeat;

	background-size: cover;

	z-index: 11;

}



.team-mask:hover > .team-details {

	margin-top: 45%;

	opacity: 1;

}



.team-details {

	margin-top: 50%;

	opacity: 0;

	

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.team-name {

	font-size: 18px;

	font-weight: 600;

	color: #ffffff;

}



.team-position {

	font-size: 12px;

	font-weight: 400;

	color: #ffffff;

	margin-top: 4px;

}



.team-more {

	margin-top: 18px;

}



.team-more a {

	font-size: 18px;

	font-weight: 600;

	color: #3e3e3e;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.team-more a:hover {

	color: #1e1e1e;

}







/* ===== Portfolio and Gallery ===== */



.header-image {

	overflow: hidden;

}



.header-image.header-feature1 {

	background: url(../images/upload/fullwidth-header-feature-image1.jpg) no-repeat;

	background-size: cover;

}



.header-image.header-feature2 {

	background: url(../images/upload/fullwidth-header-feature-image2.jpg) no-repeat;

	background-size: cover;

}



.header-image .wrapper {

	margin-top: 57px;

	padding: 59px 0px 40px 0px;

}



.header-image h1 {

	font-size: 36px;

	font-weight: 600;

	color: #ffffff;

	text-transform: uppercase;

	line-height: 45px;

}



.header-image p {

	width: 55%;

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	color: #ffffff;

	margin-top: 13px;

}



.header-image .pagenav {

	margin-top: 25px;

}



.header-image .pagenav ul{

	color: #ffffff;

}



.header-image .pagenav ul li {

	border-right: #ffffff solid 1px;

}



.header-image .pagenav ul li:last-child {

	border-right: none;

}



.header-image .pagenav ul li a{

	color: #ffffff;

}



.header-image .pagenav ul li a:hover{

	color: #4e4e4e;

}



.portfolio-content {

	display: table;

	padding-bottom: 40px;

	border-bottom: #ffffff solid 1px;

	overflow: hidden;

}



.portfolio-content figure {

	width: 539px;

	display: table-cell;

	vertical-align: top;

}



.portfolio-details {

	width: 375px;

	display: table-cell;

	vertical-align: top;

	padding-left: 30px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.portfolio-details h1 {

	font-size: 24px;

	font-weight: 600;

	line-height: 36px;

	color: #4e4e4e;

	text-transform: uppercase;

}



.portfolio-tag {

	margin-top: 25px;

	padding-left: 25px;

	border-left: #D96265 solid 5px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.portfolio-tag ul {

	list-style: none;

}



.portfolio-tag ul li {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	line-height: 14px;

	color: #D96265;

	text-transform: uppercase;

	margin-bottom: 13px;

}



.portfolio-tag ul li span{

	color: #7e7e7e;

	margin-left: 3px;

}



.portfolio-tag button {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 400;

	color: #ffffff;

	text-decoration: none;

	text-transform: uppercase;

	padding: 10px 20px;

	border: none;

	background-color: #D96265;

	border-radius: 5px;

	margin-top: 18px;

	cursor: pointer;

	

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



.portfolio-tag button:hover {

	background-color: #3a3a3a;

}



.portfolio-text {

	margin-top: 30px;

}



/* === Related Work === */



.related-work h2 {

	font-size: 24px;

	font-weight: 600;

	color: #4e4e4e;

	text-transform: uppercase;

	margin-top: 40px;

}



.related-work ul {

	list-style: none;

	margin-top: 13px;

	margin-left: -22px;

}



.related-work ul li {

	width: 212px;

	float: left;

	position: relative;

	text-align: center;

	overflow: hidden;

	margin-top: 22px;

	margin-left: 22px;

}



.related-work ul li .thumbnail-title {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	line-height: 20px;

	color: #ffffff;

	text-transform: uppercase;

	padding: 50px 20px 0px 20px;

	margin-top: 30%;

	background: url(../images/lupe2.png) no-repeat top;

	

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}



.related-work ul li:hover .thumbnail-title {

	margin-top: 24%;

}







/* ===== Blog ===== */



.blog-container {

	display: table;

}



.blog-lists,

.blog-details {

	display: table-cell;

	vertical-align: top;

	width: 614px;

}



.blog-lists ul {

	list-style: none;

}



.blog-lists .blog-post {

	padding-bottom: 25px;

	border-bottom: #ffffff solid 1px;

	margin-top: 35px;

}



.blog-lists .blog-post:first-child {

	margin-top: 0px;

}



.blog-lists .blog-post figure {

	position: relative;

}



.blog-meta {

	display: table;

	margin-top: 35px;

	padding-bottom: 15px;

}



.post-date {

	display: table-cell;

	width: 56px;

}



.date-box {

	font-family: 'Oswald', sans-serif;

	font-size: 24px;

	font-weight: 600;

	line-height: 18px;

	color: #ffffff;

	text-align: center;

	text-transform: uppercase;

	padding: 10px;

	background-color: #D96265;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.post-month {

	font-size: 12px;

	font-weight: 400;

	line-height: 10px;

}



.post-title {

	display: table-cell;

	vertical-align: top;

	padding-left: 20px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.post-title h2 {

	font-size: 18px;

	font-weight: 600;

	line-height: 24px;

	text-transform: uppercase;

}



.post-title h2 a {

	color: #4e4e4e;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.post-title h2 a:hover {

	color: #D96265;

}



.post-title ul {

	margin-top: 5px;

}



.post-title ul li {

	display: inline;

	font-family: 'Oswald', sans-serif;

	font-size: 12px;

	font-weight: 400;

	line-height: 28px;

	color: #D96265;

	text-transform: uppercase;

	margin-right: 10px;

}



.post-title ul li a {

	color: #7e7e7e;

	text-decoration: none;

	margin-left: 3px;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.post-title ul li a:hover {

	color: #4e4e4e;

}



/* === Next Page === */



.next-page ul {

	margin-top: 20px;

	float: right;

	list-style: none;

}



.next-page ul li {

	font-family: 'Oswald', sans-serif;

	font-size: 12px;

	font-weight: 400;

	color: #eeeeee;

	line-height: 28px;

	width: 23px;

	height: 27px;

	float: left;

	margin-left: 5px;

	text-align: center;

	background-color: #4e4e4e;

	cursor: pointer;

	

	-webkit-transition: color, background-color 0.2s ease-in-out;

	-moz-transition: color, background-color 0.2s ease-in-out;

	-ms-transition: color, background-color 0.2s ease-in-out;

	-o-transition: color, background-color 0.2s ease-in-out;

	transition: color, background-color 0.2s ease-in-out;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.next-page ul li:hover,

.next-page .page-active {

	color: #ffffff;

	background-color: #D96265;

}



.next {

	background: url(../images/next.png) no-repeat center;

}



.next:hover {

	background: url(../images/next-white.png) no-repeat center;

}







/* ===== Blog Single ===== */



.blog-container.blog-single {

	margin-top: 35px;

}



.blog-meta.blog-single {

	margin-top: 0px;

}



/* === Author === */



.author {

	display: table;

	margin-top: 45px;

	padding-bottom: 45px;

	border-bottom: #ffffff solid 1px;

}



.author-image {

	display: table-cell;

	vertical-align: top;

	width: 149px;

	padding-right: 25px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.author-image img {

	border-radius: 50%;

}



.author-detail {

	display: table-cell;

	vertical-align: top;

	border-left: #D96265 solid 5px;

}



.author-detail span {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	line-height: 20px;

	text-transform: uppercase;

	margin-left: 20px;

}



.author-detail p {

	margin: 10px 0px 0px 20px;

}



/* === Related Post === */



.related-post {

	margin-top: 43px;

	padding-bottom: 38px;

	border-bottom: #ffffff solid 1px;

	overflow: hidden;

}



.related-post h2 {

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

}



.related-post ul {

	list-style: none;

	margin-top: 23px;

	margin-left: -14px;

}



.related-post ul li {

	width: 143px;

	float: left;

	margin-left: 14px;

}



.related-post ul li figure {

	position: relative;

}



.related-post h4 {

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 14px;

	font-weight: 600;

	line-height: 20px;

	margin-top: 10px;

}



.related-post h4 a {

	color: #4e4e4e;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.related-post h4 a:hover {

	color: #D96265;

}



/* === Comments === */



.blog-comment {

	margin-top: 43px;

}



.blog-comment h2 {

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

}



.blog-comment span {

	margin-left: 10px;

}



.blog-comment ul {

	list-style: none;

	margin-top: 38px;

}



.blog-comment ul li {

	display: table;

	margin-top: 45px;

}



.blog-comment ul li:first-child {

	margin-top: 0px;

}



.avatar {

	display: table-cell;

	vertical-align: top;

	width: 149px;

	text-align: center;

}



.avatar img {

	border-radius: 50%;

}



.comment-details {

	width: 465px;

	display: table-cell;

	vertical-align: top;

	border-left: #D96265 solid 5px;

	padding-left: 20px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.comment-details.comment-reply {

	border-left: #ffffff solid 5px;

}



.comment-header {

	overflow: hidden;

}



.name-date {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

	float: left;

}



.comment-date {

	color: #D96265;

}



.reply a {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

	float: right;

	color: #4e4e4e;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.reply a:hover {

	color: #D96265;

}



.comment-text {

	margin-top: 10px;

}



/* === Leave A Comment === */



.leave-comment {

	margin-top: 48px;

}



.leave-comment h2 {

	font-size: 18px;

	font-weight: 600;

	text-transform: uppercase;

}







/* ===== Clients ===== */



.box-container.client {

	padding: 40px 35px 25px 35px;

}



.client-logo ul {

	list-style: none;

}



.client-logo ul li {

	width: 20%;

	float: left;

	padding: 20px;

	text-align: center;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

	

	/* border */

	box-shadow: 

		0px -21px 0 -20px #bbbbbb,

		21px  0px 0 -20px #bbbbbb,

		0px  0px 0 0px #bbbbbb;

}



.client-logo ul li:nth-child(-n+4) {

	box-shadow: 

		21px  0px 0 -20px #bbbbbb,

		0px  0px 0 0px #bbbbbb;

}



.client-logo ul li:nth-child(5) {

	box-shadow: none;

}



.client-logo ul li:nth-child(10),

.client-logo ul li:nth-child(15) {

	box-shadow: 

		0px -21px 0 -20px #bbbbbb,

		0px  0px 0 0px #bbbbbb;

}







/* ===== Contact Us ===== */



.map-container {

	width: 100%;

	height: 400px;

	border: #ffffff solid 1px;

}



#map-canvas {

    margin: 0;

    padding: 0;

    height: 100%;

}



.contact-area {

	width: 100%;

	display: table;

	margin-top: 35px;

}



.send-message {

	display: table-cell;

	width: 50%;

	vertical-align: top;

	padding-right: 30px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.contact-info {

	display: table-cell;

	width: 50%;

	vertical-align: top;

	border-left: #ffffff solid 1px;

	padding-left: 30px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.contact-area h2 {

	font-size: 24px;

	font-weight: 600;

	text-transform: uppercase;

	line-height: 24px;

}



.email_success {

	text-align: right;

	margin-top: 20px;

}



.contact-details {

	margin-top: 25px;

	padding-left: 20px;

	border-left: #D96265 solid 5px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.contact-details ul {

	list-style: none;

}



.contact-details ul li {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 600;

	line-height: 18px;

	color: #D96265;

	text-transform: uppercase;

	margin-bottom: 10px;

}



.contact-details ul li span{

	color: #7e7e7e;

	margin-left: 3px;

	text-transform: none;

}



.contact-textarea {

	margin-top: 30px;

}



.contact-textarea figure {

	float: left;

	margin: 0px 20px 0px 0px;

}







/* ===== Sidebar ===== */



.page-sidebar {

	display: table-cell;

	vertical-align: top;

	width: 300px;

	padding-left: 35px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.sidebar-title {

	font-size: 24px;

	font-weight: 600;

	color: #4e4e4e;

	text-transform: uppercase;

}



/* === Recent News === */



.recent-news ul {

	list-style: none;

	margin-top: 30px;

}



.recent-news ul li {

	display: table;

	margin-top: 25px;

}



.recent-news ul li .recent-thumb {

	display: table-cell;

	vertical-align: top;

}



.recent-news ul li figure {

	position: relative;

}



.recent-details {

	display: table-cell;

	vertical-align: top;

	padding-left: 20px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.recent-details h4 {

	font-size: 14px;

	font-weight: 400;

	line-height: 18px;

	text-decoration: none;

}



.recent-details h4 a {

	text-decoration: none;

	color: #4e4e4e;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.recent-details h4 a:hover {

	color: #D96265;

}



.readmore {

	font-family: 'Oswald', sans-serif;

	font-size: 12px;

	font-weight: 400;

	line-height: 14px;

	text-transform: uppercase;

	margin-top: 15px;

}



.readmore a {

	color: #D96265;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.readmore a:hover {

	color: #4e4e4e;

}



/* === Sidebar Categories === */



.sidebar-category {

	margin-top: 45px;

}



.sidebar-category ul {

	list-style: none;

	margin-top: 25px;

}



.sidebar-category ul li {

	font-family: 'Oswald', sans-serif;

	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	margin-top: 10px;

	padding-left: 25px;

	background: url(../images/sidebar-plus-link.png) no-repeat left;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.sidebar-category ul li a {

	text-decoration: none;

	color: #4e4e4e;

	

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}



.sidebar-category ul li a:hover {

	padding-left: 10px;

	color: #D96265;

}



/* === Sidebar Gallery === */



.sidebar-gallery {

	margin-top: 40px;

	overflow: hidden;

}



.sidebar-gallery ul {

	list-style: none;

	margin-top: 26px;

	margin-left: -5px;

}



.sidebar-gallery ul li {

	width: 85px;

	float: left;

	position: relative;

	margin-top: 5px;

	margin-left: 5px;

}



/* === Sidebar Tags === */



.sidebar-tags {

	margin-top: 43px;

}



.sidebar-tags ul {

	list-style: none;

	margin-top: 26px;

}



.sidebar-tags ul li {

	color: #ffffff;

	text-decoration: none;

	float: left;

	margin-top: 5px;

	margin-right: 5px;

	padding: 3px 15px;

	background-color: #D96265;

	border-radius: 3px;

	cursor: pointer;

	

	-webkit-transition: background-color 0.5s ease;

	-moz-transition: background-color 0.5s ease;

	-ms-transition: background-color 0.5s ease;

	-o-transition: background-color 0.5s ease;

	transition: background-color 0.5s ease;

}



.sidebar-tags ul li:hover {

	background-color: #4a4a4a;

}







/* ===== Footer ===== */



.footer-container {

	padding: 35px 0px 40px 0px;

	background-color: rgba(255, 255, 255, 0.95);

	overflow: hidden;

}



.footer-title {

	font-weight: 600;

	font-size: 20px;

	color: #4e4e4e;

	text-transform: uppercase;

	margin-bottom: 30px;

}



.footer-aboutus {

	width: 306px;

	float: left;

	margin-right: 33px;

}



.footer-aboutus p {

	margin-top: 25px;

}



.footer-gallery {

	width: 306px;

	float: left;

	margin-right: 33px;

}



.footer-gallery ul {

	list-style: none;

	margin-top: -6px;

	margin-left: -6px;

}



.footer-gallery ul li {

	width: 72px;

	position: relative;

	float: left;

	margin-top: 6px;

	margin-left: 6px;

	overflow: hidden;

}



.footer-contact {

	width: 306px;

	float: right;

}



.footer-contact p {

	margin-top: -5px;

}



.footer-address {

	list-style: none;

	margin-top: 15px;

}



.footer-address li {

	padding-left: 20px;

	background: url(../images/footer-plus-listing.png) no-repeat left;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



/* === Footer Social Media === */

.footer-social {

	list-style: none;

	margin-top: 20px;

}



.footer-social li {

	float: left;

	background-color: #7e7e7e;

	border-radius: 50%;

	margin-right: 5px;

	

	-webkit-transition: background-color 0.3s ease-in-out;

	-moz-transition: background-color 0.3s ease-in-out;

	-ms-transition: background-color 0.3s ease-in-out;

	-o-transition: background-color 0.3s ease-in-out;

	transition: background-color 0.3s ease-in-out;

}



.footer-social li:hover {

	background-color: #8fbcca;

}



.footer-social li.social-color2:hover {

	background-color: #96d7e3;

}



.footer-social li.social-color3:hover {

	background-color: #f7ad75;

}



.footer-social li.social-color4:hover {

	background-color: #db6666;

}



.footer-social li.social-color5:hover {

	background-color: #8fbcca;

}



.footer-social li.social-color6:hover {

	background-color: #3ab395;

}



.footer-social li.social-color7:hover {

	background-color: #f5a88f;

}



.footer-social li.social-color8:hover {

	background-color: #f68a5e;

}



.footer-social li.social-color9:hover {

	background-color: #8fbcca;

}



/* ===== Footer Bottom ===== */



.footer-bottom {

	height: 40px;

	padding-top: 9px;

	background-color: rgba(30, 30, 30, 0.95);

	border-top: rgba(78, 78, 78, 0.95) solid 2px;

	

	/* div padding fix */

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



.copyright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #909090;

	float: left;

}



.copyright a {

	color: #909090;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.copyright a:hover {

	color: #ffffff;

}



.footer-bottom nav {

	float: right;

}



.footer-bottom ul {

	list-style: none;

}



.footer-bottom ul li {

	display: inline;

	float: left;

	margin-left: 14px;

}



.footer-bottom ul li a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #909090;

	text-decoration: none;

	

	-webkit-transition: color 0.2s ease-in-out;

	-moz-transition: color 0.2s ease-in-out;

	-ms-transition: color 0.2s ease-in-out;

	-o-transition: color 0.2s ease-in-out;

	transition: color 0.2s ease-in-out;

}



.footer-bottom ul li a:hover {

	color: #ffffff;

}







/* ===== Social Share Button ===== */



#social-share {

	margin-top: 25px;

}



#shareme .share-this {

	font-size: 14px;

	font-weight: 600;

	color: #7e7e7e;

	text-transform: uppercase;

	margin-bottom: 10px;

}

  

#shareme a {

	width: 30px;

	height: 30px;

	margin-right: 10px;

	float: left;

	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



#shareme .facebook {

	background-color: #D96265;

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



#shareme .facebook:hover {

	background-color: #31aeb3;

}

  

#shareme .twitter {

	background-color: #96d7e3;

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



#shareme .twitter:hover {

	background-color: #89c4cf;

}

  

#shareme .googleplus {

	background-color: #ee7760;

	-webkit-transition: background-color 0.2s ease-in-out;

	-moz-transition: background-color 0.2s ease-in-out;

	-ms-transition: background-color 0.2s ease-in-out;

	-o-transition: background-color 0.2s ease-in-out;

	transition: background-color 0.2s ease-in-out;

}



#shareme .googleplus:hover {

	background-color: #de705b;

}



/* ===== Social Share Button End ===== */







/* ===== Go To Top ===== */



.back-to-top {

	width: 40px;

	height: 40px;

    position: fixed;

    bottom: 2em;

    right: 2em;

	background: url(../images/go-to-top.png) no-repeat;

	opacity: 0.7;

	z-index: 1000;

    display: none;

}



.back-to-top:hover {    

    opacity: 0.9;

}



/* ===== Go To Top End ===== */







/* ===== Hover Effect ===== */



.thumbnail-hover {

	position: absolute;

	width: 100%;

	height: 100%;

	background: url(../images/plus-link-thumbnail.png) no-repeat center center;

	background-color: rgba(54, 191, 196, 0.85);

	opacity: 0;

	

	-webkit-transition: opacity 0.3s ease-in-out;

	-moz-transition: opacity 0.3s ease-in-out;

	-ms-transition: opacity 0.3s ease-in-out;

	-o-transition: opacity 0.3s ease-in-out;

	transition: opacity 0.3s ease-in-out;

}



.thumbnail-hover:hover {

	opacity: 1;

}



.team {

	background: rgba(54, 191, 196, 0.85);

	z-index: 10;

}



.related-work .thumbnail-hover {

	background: rgba(54, 191, 196, 0.85);

}



.blog-lists .thumbnail-hover {

	background: rgba(54, 191, 196, 0.85) url(../images/lupe2.png) no-repeat center;

}