body {
	font-family: "proxima-nova";
	font-size: 15px;
	line-height: 1.8em;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
	font-style: normal;
	background-color: #fcfcfc;
	color: #575757;
	background-image: none;
	background-position: top left;
	background-size: auto;
	background-attachment: scroll;
	background-repeat: repeat;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
h1 {
	font-family: "futura-pt";
	font-size: 2em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .06em;
	font-weight: 300;
	font-style: normal;
}
h2 {
	font-family: "futura-pt";
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .06em;
	font-weight: 300;
	font-style: normal;
}
h3 {
	font-family: "futura-pt";
	font-size: 1.3em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .06em;
	font-weight: 400;
	font-style: normal;
	color: #d1d1d1;
}
p {
	font-family: "proxima-nova";
	font-size: 15px;
	line-height: 1.8em;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
	font-style: normal;
	margin: 0 0 1em;
}
img {
	max-width: 100%;
	height: auto;
}

/*HEADER STARTS*/
#header {
	margin-bottom: 40px;
}
#logo, #topNav {
	float: left;
}
.site-title .logo {
	margin: 0;
	font-family: "futura-pt";
	font-size: 42px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 700;
	font-style: normal;
	display: inline-block;
	line-height: 1.2em;
}
.site-title .logo a {
	color: #222;
}
.layout-style-left #topNav {
	float: right;
}
#topNav nav, #topNav ul, #topNav li, #topNav a {
	font-family: "futura-pt";
	font-size: 13px;
	line-height: 1.6em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 400;
	font-style: normal;
}
#topNav nav li {
	float: left;
	position: relative;
	margin-right: 30px;
}
.site-title #topNav nav li a {
	padding: 12.2px 0;
}
#topNav .active-link>a {
	color: #111;
}
#topNav nav li a {
	display: inline-block;
	line-height: 26px;
	transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}
#topNav a:hover {
	color: #111;
}
#topNav a {
	color: #999;
}
#header:before, #page:before, #footer:before, footer:before, .meta-row:before, .clear:before, #header:after, #page:after, #footer:after, footer:after, .meta-row:after, .clear:after {
	content: "";
	display: table;
}
#header:after, #page:after, #footer:after, footer:after, .meta-row:after, .clear:after {
	clear: both;
}
/*EACH PAGE SECTION*/
#page {
	padding: 50px 0;
	opacity: 1;
	position: relative;
}
/*EACH PAGE SECTION END*/
#topNav nav li:last-child {
	margin-right: 0px;
}
.copyright a {
	color: #111;
	border-bottom: 1px solid #444;
}
.copyright a:hover {
	color: #444;
}

/*HEADER ENDS*/

.wrapper {
	padding: 0px;
}
.wrapper .project-wrap {
	margin-left: -18px;
	margin-right: -18px;
}

/*HOMEPAGE PROJECTS PORTFOLIOS*/
.project-wrap .project {
	float: left;
	width: 33.33%;
	padding-left: 18px;
	padding-right: 18px;
}
.project-wrap .project a {
	position: relative;
	display: block;
	line-height: 0px;
}
.project-wrap .project a img {
}
.project-wrap .project a:before {
	content: '';
	background: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
}
.project-wrap .project a:hover:before {
	background: rgba(255, 255, 255, 0.2);
}
.clearfix:after {
	clear: both;
	content: '';
	display: table;
}
#canvas {
	padding: 75px 0px;
	max-width: 1200px;
	margin: 10px auto;
	background-color: rgba(255,255,255,0);
}
.project-wrap .project h3 {
	text-align: center;
	margin: 10px 0px 36px;
}
.project-wrap .project h3 a {
	font-family: "futura-pt";
	font-size: 14px;
	line-height: 1.6em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .06em;
	text-align: center;
	font-weight: 300;
	font-style: normal;
	color: #404040;
}

/*HOMEPAGE PROJECTS PORTFOLIOS ENDS*/


/*SOCIAL LINKS*/
.social-links {
	float: right;
}
.social-links a, .social-links a:visited {
	display: inline-block;
	font-size: 22px;
	width: 22px;
	height: 22px;
	margin: 0 0 10px 10px;
	color: #1f1f1f;
	text-decoration: none !important;
	transition: all ease-in-out 0.4s;
}
.social-links a:hover {
	color: #6F6F6F;
}
/*SOCIAL LINKS ENDS*/


/*BLOG SECTION CSS STARTS*/
.article-list {
	margin-right: 250px;
}
.article-list article {
	margin-bottom: 80px;
}
.article-list article h1 a, .article-list article h1 a:visited {
	color: #222;
}
.article-list article h1 {
	margin: 0 0 .2em;
}
.article-list article time {
	color: #b3b3b3;
	font-size: .9em;
}
.article-list article .thumb-wrap {
	margin: 1em 0;
	padding-bottom: 17px;
}
.article-list article .thumb-wrap img {
	width: 100%;
	height: auto;
}
.article-list article .entry-content {
	padding-bottom: 17px;
}

.article-list article .read-more {
	font-family: "proxima-nova";
	font-size: 15px;
	line-height: 1.8em;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
	font-style: normal;
	color: #111;
	border-bottom: 1px solid rgba(17,17,17,.2);
	padding-bottom: 4px;
}
.article-list article .read-more:hover {
	border-color: rgba(17,17,17,1);
}
/*BLOG SECTION CSS ENDS*/


/*COMMENT AND LIKES CSS SECTION*/
.article-list article footer .meta {
	margin: 1em 0;
}
.article-list article footer .meta ul {
	float: left;
}
.article-list article footer .meta ul li a {
	font-family: "proxima-nova";
	color: #b3b3b3;
	font-size: 15px;
	line-height: 1.8em;
	text-transform: none;
	text-decoration: none;
	font-weight: 300;
	font-style: normal;
}
.article-list article footer .meta ul li a:hover {
	color: #111;
}
.article-list article footer .meta ul li {
	display: inline-block;
	margin-right: 1em;
}
.article-list article footer .meta .likes {
	float: right;
	color: #b3b3b3;
}
.article-list article footer .meta .likes:hover {
	color: #111;
}
.article-list article footer .meta .likes:hover i {
	background-color: #d10000;
}
.article-list article footer .meta .likes i {
	color: #FEF8F8;
	background-color: #b3b3b3;
	font-size: 10px;
	padding: 5px 4px 3px;
	border-radius: 50%;
	margin-right: 5px;
}
/*COMMENT AND LIKES CSS SECTION ENDS*/

/*BLOG SIDEBAR CSS*/
.sidebar {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 200px;
}
.widget {
	border-bottom: 1px solid #bbb;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.widget ul li {
	padding-bottom: 17px;
	margin-bottom: 17px;
	line-height: 20px;
}
.widget ul li a {
	font-family: "futura-pt";
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 300;
	font-style: normal;
	color: #737373;
	font-size: 20px;
}
.widget ul li a:hover {
	color: #111;
}
.widget ul li time {
	display: block;
	color: rgba(87,87,87,0.4);
}
.widget.text-block {
	border: none;
}

/*BLOG SIDEBAR CSS ENDS*/

/*ABOUT US PAGE CSS*/
.about {
	margin-left: -17px;
	margin-right: -17px;
	padding-bottom: 50px;
}
.about .about-thumb, .about .about-desc {
	width: 50%;
	float: left;
	padding-left: 17px;
	padding-right: 17px;
}
.about .about-desc h1 {
	margin: 0px 0px 10px;
}

/*ABOUT US PAGE CSS ENDS*/

/*READ ME PAGE SECTION STARTS*/
.gallery-wrap {
	padding-bottom: 50px;
	padding-top: 50px;
	margin-left: -10px;
	margin-right: -10px;
}
.gallery-wrap:after {
	clear: both;
	display: table;
	content: '';
}
.gallery-wrap .gallery {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 33.33%;
}

/*READ ME PAGE SECTION ENDS*/


/* READ ME PAGE STYLES OPTIONS*/
.options .option-row {
	margin-left: -17px;
	margin-right: -17px;
	padding-top: 50px;
	margin-top: 50px;
	position: relative;
}
.options .option-row:before {
	height: 1px;
	background-color: #bbb;
	content: '';
	position: absolute;
	width: 100%;
	top: 0px;
	margin: 0px 17px;
	display: block;
	max-width: 1200px;
}
.options .option-row:after {
	content: '';
	clear: both;
	display: table;
}
.options .option-row .option-col {
	width: 33.33%;
	float: left;
	padding-left: 17px;
	padding-right: 17px;
}
.options .option-row .option-col h2 {
	margin: 0px 0px 20px;
}
/*READ ME PAGE STYLES OPTIONS ENDS*/