@charset "utf-8";


* {
	margin: 0;
	padding: 0;
}




body {
	background-color: #FFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: normal;
	color: #4e4e4e;
	line-height: 24px;
}

ul li{
	list-style: none;
}

.clearfix {
	clear: both;
}

img {
	vertical-align: top;
}

a img {
	border: none;
}
a{color:#999;
text-decoration:none;}

h1,h2,h3,h4,h5,h6 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
}

.container {
	width: 100%;
	position: absolute;
	top: 0;
}



.wrapper {
	width: 984px;
	height: auto;
	position: relative;
	margin: auto;
	z-index: 1;
}

.wrapper.boxstyle {
	margin-top: 90px;
	margin-bottom: 60px;
}

.box-container {
	background-color:#FFF;
	padding: 40px 35px 60px 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+ */
}




.pagenav {
	margin-bottom: 10px;
	overflow: hidden;
}

.pagenav ul {
	list-style: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, 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: #CCC solid 1px;
}

.pagenav ul li:last-child {
	border-right: none;
}

.pagenav ul li a {
	color: #CCC;
	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;
}




.dropcap:first-child:first-letter {
	float: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, 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%;
}







.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;
}





.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: "Palatino Linotype", "Book Antiqua", Palatino, serif
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #debb67;
	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;
}



.feature-image{float:left; padding:0 20px 20px 0;}

.aboutus-content {
	margin-top: 40px;
}




.portfolio-content {
	display: table;
	padding-bottom: 40px;
	border-bottom: #ffffff solid 1px;
}

.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-tag{
	border-left:5px solid #999;
}


.portfolio-tag ul{margin-left:20px;}

.portfolio-details h1 {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #4e4e4e;
	text-transform: uppercase;
}



.button_trailer {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border: none;
	background-color: #4e4e4e;
	border-radius: 5px;
	
	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;
}

.button_trailer:hover {
	background-color: #000;
}




.portfolio-text {
	margin-top: 30px;
}


.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;
}

.title{text-align:left; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}

.related-work ul li .thumbnail-title {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif
	font-size: 10px;
	font-weight: 600;
	line-height: 20px;
	color: #ffffff;
	
	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;
}

h4.title{font-size:12px}

.related-work ul li:hover .thumbnail-title {
	margin-top: 24%;
}



.blog-container {
	display: table;
}

.blog-lists,
.blog-details {
	
	vertical-align: top;
	width: 100%;
}

.blog-lists ul {
	list-style: none;
}

.blog-lists .blog-post {
	padding-bottom: 25px;
	border-bottom: #ffffff solid 1px;
	
}

.blog-post:nth-child(even) {
    border-right:1px #fff solid;
	
	width:45%;
	padding-left:30px;
} 

.blog-post{
	width:43%; float:left;
	
	min-height:422px;
	padding-right:30px;
	}



.blog-lists .blog-post figure {
	position: relative;
}

.blog-meta {

	margin-top: 35px;
	padding-bottom: 15px;
}



.date-box {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
	font-size: 24px;
	font-weight: 600;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
	background-color: #666;
	
	/* 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 {
	
	vertical-align: top;
	padding-left: 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+ */
}

.post-title h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	text-transform: none;
}

.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: #debb67;
}

.post-title ul {
	margin-top: 5px;
}

.post-title ul li {
	display: inline;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
	font-size: 12px;
	font-weight: 400;
	line-height: 28px;
	color: #debb67;
	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 ul {
	margin-top: 0px;
	margin-left:395px;
	list-style: none;
}

.next-page ul li {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, 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: #ccc;
}

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

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











.contact-area {
	width: 100%;
	display: table;
	margin-top: 35px;
}



.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-info a:hover{color:#debb67; font-weight:400; text-decoration:none;}

.contact-info a{color:#919393; font-weight:400; text-decoration:none;}

.contact-area h2 {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 24px;
}



.contact-details {
	margin-top: 25px;
	padding-left: 20px;
	border-left: #cfd0d0 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: "Palatino Linotype", "Book Antiqua", Palatino, serif
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	color: #4e4e4e;
	
	margin-bottom: 10px;
}

.contact-details ul li span{
	color: #7e7e7e;
	margin-left: 3px;
	text-transform: none;
}



.contact_picture{
	margin-top:20px;
	margin-bottom:30px;
}

.contact-textarea figure {
	float: left;
	margin: 0px 20px 0px 0px;
}






.footer-container {
	padding: 35px 0px 40px 0px;
	background-color: rgba(255, 255, 255, 1);
	overflow: hidden;
}





.footer-bottom {
	height: 60px;
	padding-top: 13px;
	background-color: rgba(30, 30, 30, 0.95);
	border-top: rgba(78, 78, 78, 0.95) solid 2px;
	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+ */
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #909090;
	width:400px;
	padding-left:300px;
	
}

.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 ul {
	list-style: none;
	text-align:center;
}

.footer-bottom ul li {
	display: inline;
	float: left;
	margin-left: 14px;
}






.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: 99999;
    display: none;
}

.back-to-top:hover {    
    opacity: 0.9;
}


.thumbnail-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/plus-link-thumbnail.png) no-repeat center center;
	background-color: #CCC;
	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;
}



.related-work .thumbnail-hover {
	background: rgba(226, 225, 223, 0.85);
}

.blog-lists .thumbnail-hover {
	background: rgba(54, 191, 196, 0.85) url(../images/lupe2.png) no-repeat center;
}