/* ------------------------------------ */
/* ---------- Reset Browser ----------- */
/* ------------------------------------ */

@import url("reset.css");

/* ------------------------------------ */
/* ------------- Fonts ---------------- */
/* ------------------------------------ */

@font-face {
	font-family: 'HelveticaNeue-Bold';
	src: url('../fonts/helveticabold.eot');
	src: url('../fonts/helveticabold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticabold.woff') format('woff'),
		 url('../fonts/helveticabold.ttf') format('truetype'),
		 url('../fonts/helveticabold.svg#helveticabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueLight';
	src: url('../fonts/helveticaneuelight.eot');
	src: url('../fonts/helveticaneuelight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helveticaneuelight.woff') format('woff'),
		 url('../fonts/helveticaneuelight.ttf') format('truetype'),
		 url('../fonts/helveticaneuelight.svg#helveticaneuelight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bitter-Regular';
	src: url('../fonts/bitterregular.eot');
	src: url('../fonts/bitterregular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bitterregular.woff') format('woff'),
		 url('../fonts/bitterregular.ttf') format('truetype'),
		 url('../fonts/bitterregular.svg#bitterregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ------------------------------------ */
/* ---------- General styles ---------- */
/* ------------------------------------ */

body {
	font-family: 'HelveticaNeue-Bold';
	background:#ffffff;
	font-size:18px;
	line-height:27px;
	color:#9f9f9f;
}
.clear { 
	clear:both; 
	display:block; 
} /* Use this br class to clear floated columns */
a { 
	text-decoration:none;
	position:relative;
}
.box-bottom-shaddow {
	position:absolute;
	left:0px;
	right:0px;
	bottom:-28px;
	height:28px;
}
.box-top-shaddow {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height:28px;
}
.box-bottom-shaddow img {
	width:100%;
	height:28px;
}

/* ----------------------------------- */
/* ---------- Header styles ---------- */
/* ----------------------------------- */

header {
	width:1089px;
	height:133px;
	margin:0 auto 2px auto;
	background:url(../images/h-sep.png) repeat-x bottom;
}
header .logo {
	float:left;
	padding-top:37px;
}
header .menu {
	float:right;
	position:relative;
	z-index:1000;
}
header .menu ul li {
	float:left;
	padding-left:2px;
	position:relative;
}
header .menu ul li a {
	display:block;
	height:68px;
	border-top:solid 7px #ffffff;
	color:#5b5b5b;
	padding:50px 0 0 0;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	margin-left:20px;
}
header .menu ul li:hover a {
	border-color:#5b5b5b;
	-webkit-transition: border-color 0.4s linear;
	-moz-transition: border-color 0.4s linear;
	-ms-transition: border-color 0.4s linear;
	-o-transition: border-color 0.4s linear;
	transition: border-color 0.4s linear;
}
header .menu ul li:hover ul li a {
	background:none;
}
header .menu ul li.active a {
	border-color:#5b5b5b;
}
header .menu ul li a span {
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
}
header .menu ul li ul {
	position:absolute;
	width:180px;
	background:#f4f4f4;
	border-top:solid 5px #f2ab00;
	display:none;
	top:100%;
	z-index:100000;
	left:20px;
}
header .menu ul li ul li {
	width:100%;
	margin:0px;
	padding:0px;
	background:url(../images/submenu-bg.jpg) repeat-x bottom;
	padding-bottom:2px;
}
header .menu ul li ul li.last {
	background:none;
	padding-bottom:0px;
}
header .menu ul li ul li a {
	display:block;
	height:auto;
	width:80%;
	border-top:none;
	color:#5b5b5b;
	padding:10% 10%;
	font-size:12px;
	line-height:21px;
	margin-left:0px;
	text-transform:none;
}
header .menu ul li ul li:hover a {
	background:#ffffff;
	-webkit-transition: border-color 0.4s linear, background 0.4s linear;
	-moz-transition: border-color 0.4s linear, background 0.4s linear;
	-ms-transition: border-color 0.4s linear, background 0.4s linear;
	-o-transition: border-color 0.4s linear, background 0.4s linear;
	transition: border-color 0.4s linear, background 0.4s linear;
}
header .menu ul li ul li a.active {
	background:#ffffff;
}

/* ----------------------------------- */
/* -------- Main title styles -------- */
/* ----------------------------------- */

.main-title {
	height:298px;
	background:#262626;
	width:100%;
}
.main-title-ct {
	width:1089px;
	margin:auto;
	height:298px;
	position:relative;
}
.main-title-ct .title-text {
	float:left;
	border-right:solid 1px #2f2f2f;
	margin-top:35px;
	padding-right:70px;
}
.main-title-ct .title-text p {
	font-size:110px;
	line-height:100px;
}
.main-title-ct .title-text p .first {
	font-size:75px;
	line-height:65px;
	color:#767676;
	vertical-align:top;
	font-family: 'HelveticaNeueLight';
}
.main-title-ct .title-text p .second {
	font-size:110px;
	line-height:130px;
	color:#bcbcbc;
	vertical-align:top;
	padding-right:15px;
	font-family: 'HelveticaNeueLight';
}
.main-title-ct .title-text p .third {
	font-size:150px;
	line-height:60px;
	color:#ffffff;
	vertical-align:top;
	font-weight:bold;
}
.main-title-ct .breadcrumps {
	float:right;
	padding:132px 112px 0 0;
}
.main-title-ct .breadcrumps ul li {
	float:left;
	font-size:30px;
	line-height:30px;
	color:#ffffff;
	font-family: 'Bitter-Regular';
}
.main-title-ct .breadcrumps ul li a {
	font-size:30px;
	line-height:30px;
	color:#ffffff;
	font-family: 'Bitter-Regular';
}
.main-title-ct .breadcrumps ul li a:hover {
	color:#ffb400;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-ms-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
}
.main-title-ct .breadcrumps ul li span {
	color:#454545;
	padding:0 10px;
}
.main-title-ct .h-sep {
	background:url(../images/h-sep.png) repeat-x;
	height:8px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:-10px;
}

/* ----------------------------------- */
/* ----------- Main styles ----------- */
/* ----------------------------------- */

#main {
	width:100%;
}

/* ----------- Main Content ----------- */
.main-content {
	width:1089px;
	margin:auto;
	padding:52px 0 64px 0;
}
.main-content .left-container {
	width:62.2%;
	float:left;
	background:url(../images/v-sep.png) repeat-y right;
	padding-right:3.5%
}
/* ----------- Article ----------- */
article {
	width:100%;
	float:left;
	background:#ffffff;
	position:relative;
	margin-bottom:33px;
}
article .post-thumb {
	position:relative;
}
article .post-thumb .overlay {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
	opacity: 0;
  	filter: alpha(opacity = 0);
}
article .post-thumb .overlay .op {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	background:#000000;
	z-index:1000;
	opacity: 0;
  	filter: alpha(opacity = 0);
	cursor:pointer;
}
article .post-thumb:hover .overlay .op {
	opacity: 0.5;
  	filter: alpha(opacity = 50);
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-ms-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
article .post-thumb:hover .overlay {
	opacity: 1;
  	filter: alpha(opacity = 100);
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-ms-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
article .post-thumb img {
	width:100%;
	display:block;
}
article .post-thumb .post-info {
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:2000;
}
article .post-thumb .post-info li {
	float:left;
	display:block;
	background:url(../images/post-thumb-info-bg.png) repeat;
	height:33px;
	padding:16px 50px 0 13px;
	margin-right:2px;
	font-size:17px;
	line-height:17px;
	color:#ffffff;
	position:relative;
}
article .post-thumb .post-info li.cat {
	background:url(../images/post-thumb-cat-bg.png) no-repeat;
	width:49px;
	height:49px;
	padding:0px;
}
article .post-thumb .post-info li.date .icon {
	background:url(../images/post-thumb-date-bg.png) no-repeat;
	display:block;
	width:17px;
	height:17px;
	position:absolute;
	right:16px;
	top:16px; 
}
article .post-thumb .post-info li.user .icon {
	background:url(../images/post-thumb-user-bg.png) no-repeat;
	display:block;
	width:22px;
	height:19px;
	position:absolute;
	right:14px;
	top:15px; 
}
article .post-thumb .post-info li.comments .icon {
	background:url(../images/post-thumb-comments-bg.png) no-repeat;
	display:block;
	width:23px;
	height:16px;
	position:absolute;
	right:15px;
	top:16px; 
}
article .post-content h1.title, article .post-content h2.title {
	font-size:46px;
	line-height:55px;
	color:#484848;
	padding:25px 0 35px;
	background:url(../images/h-sep.png) repeat-x bottom;
	font-family: 'Bitter-Regular';
	margin-bottom:20px;	
}
article .post-content h2 {
	font-size:21px;
	line-height:27px;
	color:#484848;
	margin:0 0 20px;
	font-family: 'Bitter-Regular';
}
article .post-content h1.title a, article .post-content h2.title a {
	color:#484848;
}
article .post-content h1.title a:hover, article .post-content h2.title a:hover {
	color:#ffb400;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-ms-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
}
article .post-content p {
	padding-bottom:20px;
}
article .post-content p.quote {
	background:#e9e9e9;
	border-left:solid 7px #ffb400;
	padding:25px 25px 25px 106px;
	margin-bottom:30px;
	margin-top:10px;
	font-style:italic;
	position:relative;
	color:#acacac;
}
article .post-content p.quote .icon {
	background:url(../images/quote.png) no-repeat;
	display:block;
	position:absolute;
	width:40px;
	height:39px;
	top:17px;
	left:39px;
}
/* ----------- Features ----------- */
.features h1 {
	font-size:46px;
	line-height:52px;
	color:#616262;
	padding-bottom:15px;
	font-family: 'Bitter-Regular';
}
.features h2 {
	font-size:38px;
	line-height:44px;
	color:#616262;
	padding-bottom:15px;
	font-family: 'Bitter-Regular';
}
.features h3 {
	font-size:30px;
	line-height:36px;
	color:#616262;
	padding-bottom:15px;
	font-family: 'Bitter-Regular';
}
.features h4 {
	font-size:27px;
	line-height:33px;
	color:#616262;
	padding-bottom:15px;
	font-family: 'Bitter-Regular';
}
.features h5 {
	font-size:24px;
	line-height:30px;
	color:#616262;
	padding-bottom:15px;
	font-family: 'Bitter-Regular';
}
.features h6 {
	font-size:21px;
	line-height:27px;
	color:#616262;
	padding-bottom:15px;
	font-family: 'Bitter-Regular';
}
.features p {
	padding-bottom:20px;
}
.features p.dimm {
	text-align:center;
	display:block;
	height:41px;
	width:100%;
	background:#e3e3e3;
	color:#878787;
	font-size:21px;
	line-height:21px;
	padding-bottom:0px;
	margin-bottom:28px;
	padding-top:17px;
}
.features .separator {
	width:100%;
	height:8px;
	background:url(../images/h-sep.png) repeat-x;
	margin-bottom:60px;
	margin-top:40px;
}
.features .price {
	text-align:center;
	background:#efefef;
	position:relative;
	margin-bottom:45px;
	margin-top:46px;
}
.features .price .right-shaddow {
	position:absolute;
	top:0px;
	bottom:0px;
	right:-16px;
	width:16px;
}
.features .price .right-shaddow img {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:16px;
}
.features .price .price-top {
	background:url(../images/price-top.png) no-repeat;
	width:91px;
	height:46px;
	position:absolute;
	top:-46px;
}
.features .price .best-buy {
	background:url(../images/ribbon-bestbuy.png) no-repeat;
	width:56px;
	height:55px;
	position:absolute;
	left:-1px;
	top:-3px;
}
.features .price:hover {
	margin-top:40px;
	-webkit-transition: margin-top 0.4s linear;
	-moz-transition: margin-top 0.4s linear;
	-ms-transition: margin-top 0.4s linear;
	-o-transition: margin-top 0.4s linear;
	transition: margin-top 0.4s linear;
}
.features .price .title {
	background:#262626;
	padding-top: 20px;
	padding-bottom:15px;
}
.features .price .title p {
	color:#cfcfcf;
	font-size:30px;
	line-height:30px;
	padding-bottom:0px;
	font-family: 'Bitter-Regular';
}
.features .price .title p.plan {
	border-bottom:solid 1px #acacac;
	margin:0px 65px;
	display:block;
	height:12px;
	line-height:13px;
}
.features .price .title p.plan span {
	color:#919191;
	font-size:12px;
	background:#ffffff;
	padding:0 10px;
}
.features .price .amm {
	width:100%;
	background:#2f2f2f;
	margin:0 20px 0 0;
	position:relative;
	text-align:center;
	padding-bottom:7px;
	padding-top:10px;
	margin:auto;
}
.features .price .amm span {
	font-size:60px;
	line-height:60px;
	vertical-align:top;
	color:#cfcfcf;
	position:relative;
}
.features .price .amm span span {
	font-size:20px;
	line-height:38px;
	color:#ffb400;
	padding-left:5px;
}
.features .price .amm span .curr {
	font-size:20px;
	line-height:70px;
	color:#cfcfcf;
}
.features .price .amm .period {
	font-size:10px;
	line-height:10px;
	font-style:italic;
	padding:0;
	margin:0;
	position:absolute;
	right:-5px;
	bottom:17px;
	color:#cfcfcf;
}
.features .price ul {
	padding:10px 0;
}
.features .price ul li {
	border-bottom:solid 1px #d9d9d9;
	border-top:solid 2px #ffffff;
	background:url(../images/checked.png) no-repeat;
	padding:8px 10px 8px 57px;
	color:#9f9f9f;
	font-size:12px;
	line-height:18px;
	text-align:left;
	background-position:35px 12px;
}
.features .price a {
	margin-bottom:0px;
	margin-right:0px;
	width:100%;
	padding:20px 0;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.features .price.small ul li {
	background:none;
	padding-left:23px;
	padding-right:23px;
	font-size:12px;
	line-height:18px;
	text-align:left;
}
.features .price ul li.last {
	border-bottom:none;
}
.features .price ul li.first {
	border-top:none;
}
/* ----------- Post Navi ----------- */
.post-navi {
	padding-top:25px;
}
.post-navi a {
	float:left;
	display:block;
	background:#eeeeee;
	width:65px;
	height:47px;
	color:#191c1d;
	font-size:26px;
	line-height:26px;
	font-family: 'Bitter-Regular';
	text-align:center;
	padding-top:18px;
}
.post-navi a:hover {
	color:#ffffff;
	background:#ffb400;
	-webkit-transition: color 0.4s linear, background 0.4s linear;
	-moz-transition: color 0.4s linear, background 0.4s linear;
	-ms-transition: color 0.4s linear, background 0.4s linear;
	-o-transition: color 0.4s linear, background 0.4s linear;
	transition: color 0.4s linear, background 0.4s linear;
}
/* ----------- Comments ----------- */
.main-content .left-container .comments {
}
.main-content .left-container .comments .title {
	width:100%;
	margin-bottom:40px;
	margin-top:40px;
	border-bottom:solid 1px #dddddd;
}
.main-content .left-container .comments .title {
	width:100%;
	background:url(../images/h-sep.png) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom:35px;
}
.main-content .left-container .comments .title h3 {
	font-size:28px;
	line-height:28px;
	color:#484848;
	padding:0 0 30px 0;
	font-family: 'Bitter-Regular';
}
.main-content .left-container .comments ul.level-1 {
	width:100%;
	margin-bottom:25px;
}
.main-content .left-container .comments ul.level-2 {
	width:90%;
	padding-left:10%
}
.main-content .left-container .comments ul.level-3 {
	width:80%;
	padding-left:20%;
}
.main-content .left-container .comments ul li {
	width:100%;
}
.main-content .left-container .comments ul li .comment {
	width:100%;
	display:block;
	height:auto;
	min-height:76px;
	border:solid 1px #e8e8e8;
	background:#f6f6f6;
	position:relative;
	margin-bottom:25px;
}
.main-content .left-container .comments ul li .comment .infos {
	display:block;
	width:75px;
	height:115px;
	background:url(../images/comments-info-bg.png) repeat-y right;
	float:left;
	margin-right:25px;
}
.main-content .left-container .comments ul li .comment .infos .date {
	display:block;
	width:73px;
	text-align:center;
	background:url(../images/comments-date-bg.png) no-repeat 21px 0px;
	font-size:14px;
	color:#6d6d6d;
	font-family: 'Bitter-Regular';
	padding-top:30px;
	margin-top:35px;
}
.main-content .left-container .comments ul li .comment .content {
	color:#9f9f9f;
	font-size:15px;
	line-height:22px;
	padding:15px 20px 0px;
	display:block;
}
.main-content .left-container .comments ul li .comment .title {
	color:#ffb400;
	font-size:18px;
	line-height:40px;
	font-family: 'Bitter-Regular';
	background:none;
	padding:0;
	margin:0;
	border:none;
}
.main-content .left-container .comments ul li .reply {
	display:block;
	position:absolute;
	background:url(../images/reply-sprite.png) no-repeat 60px 0px;
	height:11px;
	left:280px;
	top:30px;
	font-size:18px;
	line-height:10px;
	font-family: 'Bitter-Regular';
	font-style:italic;
	color:#9f9f9f;
	padding-right:30px;
}
.main-content .left-container .comments ul li .reply:hover {
	background-position:60px -11px;
	-webkit-transition: background-position 0.4s linear;
	-moz-transition: background-position 0.4s linear;
	-ms-transition: background-position 0.4s linear;
	-o-transition: background-position 0.4s linear;
	transition: background-position 0.4s linear;
}
.main-content .left-container .comments .contact-form {
	border:none;
	padding-top:0px;
}
/* ----------- Sidebar ----------- */
.main-content .right-container {
	width:31.5%;
	float:right;
}
.main-content .right-container .sidebar {
	width:100%;
}
.main-content .right-container .widget {
	background:#ffffff;
	position:relative;
	margin-bottom:30px;
}
.main-content .right-container .widget .btn {
	margin-bottom:0px;
	margin-right:28px;
}
.main-content .right-container .widget .btn.last {
	margin-right:0px;
}
.main-content .right-container .widget iframe {
	width:100%;
}
.main-content .right-container .widget .title {
	background:url(../images/h-sep.png) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom:25px;
}
.main-content .right-container .widget .title h3 {
	font-size:30px;
	line-height:30px;
	color:#484848;
	padding:0 0 20px 0;
	font-family: 'Bitter-Regular';
}
.main-content .right-container .widget .title h3 span {
	font-weight:bold;
}
.main-content .right-container .widget .border-bottom {
	background:#dcdcdc;
	position:absolute;
	left:10px;
	right:10px;
	height:4px;
	bottom:-8px;
}
.main-content .right-container .widget .tags li {
	float:left;
	padding:0 4px 4px 0;
}
.main-content .right-container .widget.schedule ul li {
	color:#626262;
}
.main-content .right-container .widget.schedule ul li span {
	color:#9F9F9F;
}
.main-content .right-container .widget.contact .title {
	padding:9px 0 20px 56px;
}
.main-content .right-container .widget.contact .title .icon {
	background:url(../images/contact-info-icon.jpg) no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	left:0px;
	top:0px;
}
.main-content .right-container .widget.schedule .title {
	padding:9px 0 20px 56px;
}
.main-content .right-container .widget.schedule .title .icon {
	background:url(../images/schedule-info-bg.jpg) no-repeat;
	width:45px;
	height:45px;
	position:absolute;
	left:0px;
	top:0px;
}
.main-content .right-container .widget .tags li a {
	display:inline-block;
	color:#b8b8b8;
	padding:7px 10px;
	font-size:15px;
	line-height:15px;
	background:#262626;
}
.main-content .right-container .widget .tags li a:hover {
	background:#e4ac31;
	color:#262626;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.main-content .right-container .widget form {
	position:relative;
}
.main-content .right-container .widget form .field {
	display:block;
	width:75%;
	padding:0 10%;
	height:45px;
	background:url(../images/search-bg.png) no-repeat 13px 16px;
	border:solid 1px #dedede;
	font-style:italic;
	color:#555252;
	font-size:12px;
	font-family: 'HelveticaNeue-Bold';
}
.main-content .right-container .widget form .submit {
	background:#262626;
	display:block;
	height:47px;
	border:none;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:0px;
	color:#ffffff;
	padding:0 20px;
	font-family: 'HelveticaNeue-Bold';
}
.main-content .right-container .widget form .submit:hover {
	background:#e4ac31;
	color:#262626;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.main-content .right-container .widget ul.recent-posts li {
	margin-bottom:10px;
	background:url(../images/recent-posts-bg.png) no-repeat 0px 7px;
	padding-left:25px;
}
.main-content .right-container .widget ul.recent-posts li h3 {
	color:#9f9f9f;
	font-size:18px;
	line-height:27px;
}
.main-content .right-container .widget ul.recent-posts li h3 a {
	color:#9f9f9f;
	font-size:18px;
	line-height:27px;
}
.main-content .right-container .widget ul.recent-posts li h3 a:hover {
	color:#ffb400;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-ms-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
}
.main-content .right-container .widget ul.desc li {
	color:#9f9f9f;
	font-size:18px;
	line-height:27px;
	padding-left:50px;
	margin-bottom:25px;
}
.main-content .right-container .widget ul.desc li.d1-ic {
	background:url(../images/prj-d1-ic.png) no-repeat center left;
}
.main-content .right-container .widget ul.desc li.d2-ic {
	background:url(../images/prj-d2-ic.png) no-repeat center left;
}
.main-content .right-container .widget ul.desc li.d3-ic {
	background:url(../images/prj-d3-ic.png) no-repeat center left;
}
/* ----------- Contact-form ----------- */
.main-content .contact-title {
	background:url(../images/h-sep.png) repeat-x bottom;
	padding-bottom:50px;
	margin-bottom:55px;
}
.main-content .contact-title h1 {
	font-size:96px;
	line-height:105px;
	color:#ffb400;
	font-family: 'Bitter-Regular';
	font-weight:bold;
	word-wrap:break-word;
}
.main-content .contact-title h2 {
	font-size:40px;
	line-height:46px;
	color:#626262;
}
.main-content .contact-title h2 span {
	color:#9a9a9a;
}
.main-content .left-container .contact-form .left-form {
	width:28%;
	float:left;
}
.main-content .left-container .contact-form .right-form {
	width:69%;
	float:right;
}
.main-content .left-container .contact-form .field {
	width:59%;
	padding:0 3% 0 35%;
	height:65px;
	border:solid 1px #e4e4e4;
	margin-bottom:25px;
	color:#626262;
	font-size:18px;
}
.main-content .left-container .contact-form .field.name {
	background:url(../images/cf-name-bg.png) no-repeat 16px 23px #e7e7e7;
}
.main-content .left-container .contact-form .field.email {
	background:url(../images/cf-mail-bg.png) no-repeat 16px 23px #e7e7e7;
}
.main-content .left-container .contact-form .field.web {
	background:url(../images/cf-subject-bg.png) no-repeat 16px 20px #e7e7e7;
}
.main-content .left-container .contact-form textarea {
	width:94%;
	padding:21px 3%;
	height:206px;
	border:solid 1px #e4e4e4;
	margin-bottom:20px;
	color:#626262;
	font-size:18px;
	background:#e7e7e7;
	font-family: 'HelveticaNeue-Bold';
}
.main-content .left-container .contact-form .submit {
	margin:25px 20px 25px 0;
	padding-left:41px;
	background-image:url(../images/cf-submit.png);
	background-repeat:no-repeat;
	background-position:13px 24px; 
}
.main-content .left-container .contact-form .reset {
	margin:25px 0 25px 0;
	background:#565656;
	background-image:url(../images/cf-reset.png);
	background-repeat:no-repeat;
	background-position:14px 22px;
	padding-left:43px;
}
.main-content .left-container .contact-form .reset:hover {
	background-color:#ffb400;
	-webkit-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	-ms-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
/* -------------- 404 -------------- */
.main-content .title-404 h1 {
	font-size:80px;
	line-height:80px;
	color:#ffb400;
	font-family: 'Bitter-Regular';
	font-weight:bold;
	text-align:center;
	padding:15px 0 35px;
}
.main-content .title-404 h2 {
	font-size:46px;
	line-height:46px;
	font-family: 'Bitter-Regular';
	color:#484848;
	background:url(../images/h-sep.png) repeat-x bottom;
	text-align:center;
	padding-bottom:70px;
}
.main-content .title-404 h3 {
	font-size:38px;
	line-height:38px;
	color:#6c6c6c;
	font-family: 'Bitter-Regular';
	text-align:center;
	
	padding:100px 0 30px;
	
}
.main-content .title-404 h3 span {
	font-size:50px;
	line-height:38px;
	color:#969696;
	font-family: 'HelveticaNeue-Bold';
	
	vertical-align:top;
}
.main-content .search-404 form {
	position:relative;
	width:34%;
	float:left;
	margin-left:21.57%;
	margin-top:64px;
}
.main-content .search-404 form .field {
	display:block;
	width:75%;
	padding:0 10%;
	height:45px;
	background:url(../images/search-bg.png) no-repeat 13px 16px;
	border:solid 1px #dedede;
	font-style:italic;
	color:#555252;
	font-size:12px;
	font-family: 'HelveticaNeue-Bold';
}
.main-content .search-404 form .submit {
	background:#262626;
	display:block;
	height:47px;
	border:none;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:0px;
	color:#ffffff;
	padding:0 20px;
	font-family: 'HelveticaNeue-Bold';
}
.main-content .search-404 form .submit:hover {
	background:#e4ac31;
	color:#262626;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.main-content .search-404 .btn {
	float:left;
	font-size:15px;
	line-height:15px;
	margin:64px 0 0 25px;
	padding-top:16px;
	padding-bottom:16px;
}
.main-content .search-404 .btn .icon {
	background:url(../images/button-ic-3.png) no-repeat;
	width:17px;
	height:17px;
	top:15px;
}
/* ----------- Portfolio ----------- */
.portfolio .isotope {
	width:1123px;
	margin-left:-34px;
}
.portfolio .isotope article {
	width:340px;
	margin-left:34px;
	margin-right:0;
}
.portfolio article {
	width:31.3%;
	margin-right:3%;
}
.portfolio article .shaddow {
	position:absolute;
	left:0px;
	right:0px;
	bottom:-33px;
	height:33px;
}
.portfolio article .shaddow img {
	width:100%;
	height:33px;
}

.portfolio article.third {
	margin-right:0;
}
.portfolio article .post-thumb .infos {
	position:absolute;
	bottom:10px;
	padding-left:100px;
	z-index:2000;
}
.portfolio article .post-thumb .infos ul li {
	float:left;
	display:block;
	height:34px;
	background:#272727;
	filter: alpha(opacity=80);
    opacity: 0.8;
	padding:0 40px 0 15px;
	margin-right:1px;
	font-size:17px;
	line-height:17px;
	color:#ffffff;
	padding-top:15px;
}
.portfolio article .post-thumb .infos ul li.cat {
	padding:0;
	height:49px;
}
.portfolio article .post-thumb .infos ul li.cat a {
	display:block;
	width:49px;
	height:49px;
}
.portfolio article .post-thumb .infos ul li.cat a.cat-1 {
	background:url(../images/cat-1-ic.png) no-repeat;
}
.portfolio article .post-thumb .infos ul li.cat a.cat-2 {
	background:url(../images/cat-2-ic.png) no-repeat;
}
.portfolio article .post-thumb .infos ul li.cat a.cat-3 {
	background:url(../images/cat-3-ic.png) no-repeat;
}
.portfolio article .post-thumb .infos ul li.likes {
	background:url(../images/likes-bg.png) no-repeat right #272727;
}
.portfolio article .post-thumb .infos ul li.views {
	background:url(../images/views-bg.png) no-repeat right #272727;
}
.portfolio article .post-thumb .icons {
	padding:103px 0 0 0;
}
.portfolio article .post-thumb:hover .icons {
	padding:103px 0 0 100px;
	-webkit-transition: padding 0.2s linear;
	-moz-transition: padding 0.2s linear;
	-ms-transition: padding 0.2s linear;
	-o-transition: padding 0.2s linear;
	transition: padding 0.2s linear;
}
.portfolio article .post-thumb .icons li {
	display:block;
	width:49px;
	height:49px;
	position:relative;
	float:left;
	margin-right:1px;
}
.portfolio article .post-thumb .icons li .bg {
	display:block;
	width:49px;
	height:49px;
	background:#272727;
	filter: alpha(opacity=90);
    opacity: 0.9;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2000;
}
.portfolio article .post-thumb .icons li:hover .bg {
	background:#f1ad0b;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.portfolio article .post-thumb .icons li a {
	display:block;
	width:49px;
	height:49px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:3000;
}
.portfolio article .post-thumb .icons .ic-1 {
	background:url(../images/prj-ic-1.png) no-repeat center;
}
.portfolio article .post-thumb .icons .ic-2 {
	background:url(../images/prj-ic-2.png) no-repeat center;
}
.portfolio article .post-content h2 a {
	color:#616161;
	font-size:25px;
	line-height:36px;
}
.portfolio article .post-content {
	padding:20px 25px;
	background:#f3f3f3;
}
.portfolio article .post-content h2 a:hover {
	color:#FFB400;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-ms-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
}
.portfolio article .post-content h2 {
	color:#484848;
	font-size:20px;
	line-height:27px;
	background:url(../images/h-sep.png) repeat-x bottom;
	padding:0 0 25px 0;
	margin-bottom:18px;
	font-family: 'Bitter-Regular';
}
.portfolio article .post-content p {
	color:#9c9c9c;
	font-size:12px;
	line-height:18px;
	padding-bottom:0px;
}
.portfolio .post-navi {
	width:130px;
	margin:auto;
}
.portfolio .title {
	width:100%;
	position:relative;
	background:url(../images/h-sep.png) bottom repeat-x;
	margin-bottom:40px;
	padding-bottom:40px;
}
.portfolio .title .icon {
	width:53px;
	height:63px;
	background:url(../images/widget-icon.png) no-repeat #b5544d;
	background-position:19px 22px;
	float:left;
}
.portfolio .title h3 {
	font-size:38px;
	line-height:38px;
	color:#484848;
	float:left;
	font-family: 'Bitter-Regular';
}
.portfolio .title h3 span {
	font-weight:bold;
}
.portfolio ul.filter {
	position:absolute;
	right:0px;
	bottom:38px;
}
.portfolio ul.filter li {
	float:left;
	margin-left:9px;
}
.portfolio ul.filter li a {
	display:block;
	height:32px;
	background:#2f2f2f;
	font-size:18px;
	line-height:18px;
	color:#ffffff;
	padding:12px 13px 0 13px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.portfolio ul.filter li a .shaddow {
	bottom:-18px;
}
.portfolio ul.filter li a:hover {
	background:#ffb400;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.portfolio ul.filter li a.active {
	background:#ffb400;
}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* ----------- Services ----------- */
.services {
	background:url(../images/h-sep.png) repeat-x bottom;
	padding-bottom:110px;
}
.services .shaddow-left {
	background:url(../images/services-shaddow-left.png) no-repeat;
	width:17px;
	height:671px;
	position:absolute;
	left:-17px;
	top:0px;
}
.services .shaddow-right {
	background:url(../images/services-shaddow-right.png) no-repeat;
	width:17px;
	height:671px;
	position:absolute;
	right:-17px;
	top:0px;
}
.services .left-box {
	position:relative;
	float:left;
	width:46.55%;
	padding-top:25px;
}
.services .right-box {
	position:relative;
	float:right;
	width:46.55%;
	padding-top:25px;
}
.services .item {
	margin:0 43px;
	padding-bottom:30px;
	padding-top:10px;
	background:url(../images/h-sep.png) repeat-x bottom;
}
.services .item.last {
	background:none;
}
.services .item h3 {
	color:#484848;
	font-size:46px;
	line-height:46px;
	font-family: 'Bitter-Regular';
	padding:30px 0 30px 105px;
}
.services .item.nr-1 h3 {
	background:url(../images/serv-1-ic.png) no-repeat center left;
}
.services .item.nr-2 h3 {
	background:url(../images/serv-2-ic.png) no-repeat center left;
}
.services .item.nr-3 h3 {
	background:url(../images/serv-3-ic.png) no-repeat center left;
}
.services .item.nr-4 h3 {
	background:url(../images/serv-4-ic.png) no-repeat center left;
}
.services .item.nr-5 h3 {
	background:url(../images/serv-5-ic.png) no-repeat center left;
}
.services .item.nr-6 h3 {
	background:url(../images/serv-6-ic.png) no-repeat center left;
}
.about {
	padding:70px 0 50px 0;
}
.about .left-box {
	width:56%;
	float:left;
}
.about .left-box h1 {
	color:#484848;
	font-size:46px;
	line-height:46px;
	font-family: 'Bitter-Regular';
	padding-bottom:20px;
}
.about .left-box p {
	padding-bottom:25px;
}
.about .left-box p span {
	color:#4d4d4d;
	font-style:italic;
}
.about ul li {
	float:left;
	width:40%;
	margin-right:5%;
	background:url(../images/recent-posts-bg.png) no-repeat 0px 7px;
	color:#656565;
	padding-left:5%
}
.about p.buttons {
	line-height:80px;
	vertical-align:middle;
	padding-top:50px;
}
.about p a {
	margin-top:0px;
	margin-bottom:0px;
}
.about p a.last {
	margin-left:15px;
}
.about .right-box {
	width:40%;
	float:right;
}
.about .right-box img {
	width:100%;
	border:solid 7px #ededed;
	margin-left:-14px;
}
/* ----------- Project ----------- */
.main-content .left-container.no-sep {
	width:65.7%;
	float:left;
	background:none;
	padding-right:0;
}
.project-content {
	padding:0;
	margin-bottom:105px;
}
.project-content .title {
	background:url(../images/h-sep.png) repeat-x;
	padding-top:8px;
	margin-bottom:30px;
}
.project-content .title h1 {
	background:url(../images/h-sep.png) repeat-x bottom #efefef;
	color:#484848;
	font-size:46px;
	line-height:46px;
	padding:15px 20px 24px 20px;
	font-family: 'Bitter-Regular';
}
.project-content .bannercontainer {
	position:relative;
	width:100%;
	margin-bottom:30px;
}
.project-content .bannercontainer .banner {
	width:100%;
	height:400px;
}
.project-content .bannercontainer .banner img {
	width:100%!important;
}
.project-content .bannercontainer #banner-next {
	background:url(../images/next-navi.png) no-repeat center #ebebec;
	width:65px;
	height:65px;
	position:absolute;
	display:block;
	right:0px;
	top:40%;
	z-index:100000;
}
.project-content .bannercontainer #banner-next:hover {
	background-color:#ffb400;
	-webkit-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	-ms-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
.project-content .bannercontainer #banner-prev {
	background:url(../images/prev-navi.png) no-repeat center #ebebec;
	width:65px;
	height:65px;
	position:absolute;
	display:block;
	left:0px;
	top:40%;
	z-index:100000;
}
.project-content .bannercontainer #banner-prev:hover {
	background-color:#ffb400;
	-webkit-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	-ms-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
.project-content .project-infos {
	background:#efefef;
	position:relative;
	padding:22px 0;
}
.project-content .project-infos .top-hsep {
	background:url(../images/h-sep.png) repeat-x;
	height:8px;
	position:absolute;
	left:0px;
	right:0px;
	top:-8px;
}
.project-content .project-infos .bottom-hsep {
	background:url(../images/h-sep.png) repeat-x;
	height:8px;
	position:absolute;
	left:0px;
	right:0px;
	bottom:-8px;
}
.project-content .project-infos .project-info {
	width:32.6%;
	height:85px;
	background:#272727;
	float:left;
	margin-right:1.1%;
	position:relative;
}
.project-content .project-infos .project-info.last {
	margin-right:0px;
}
.project-content .project-infos .project-info .icon {
	width:55px;
	height:85px;
	background:#353535;
	position:absolute;
	left:0px;
	top:0px;
}
.project-content .project-infos .project-info .icon.date {
	background-image:url(../images/prj-date-ic.png);
	background-repeat:no-repeat;
	background-position:center;
}
.project-content .project-infos .project-info .icon.client {
	background-image:url(../images/prj-client-ic.png);
	background-repeat:no-repeat;
	background-position:center;
}
.project-content .project-infos .project-info .icon.cat {
	background-image:url(../images/prj-cat-ic.png);
	background-repeat:no-repeat;
	background-position:center;
}
.project-content .project-infos .project-info ul {
	padding-top:21px;
}
.project-content .project-infos .project-info ul li {
	font-size:17px;
	line-height:17px;
	color:#ffffff;
	font-family: 'Bitter-Regular';
	text-align:center;
	padding-left:55px;
	padding-bottom:6px;
}
.project-content .project-infos .project-info ul li span {
	font-weight:bold;
	color:#ffb400;
}
.project-content .project-infos .project-info ul li.last {
	font-size:22px;
	font-family: 'HelveticaNeue-Bold';
	color:#9f9f9f;
}
.widget .project-title {
	background:url(../images/h-sep.png) repeat-x;
	padding-top:8px;
	margin-bottom:30px;
	position:relative;
}
.widget .project-title .icon {
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	top:24px;
	left:0px;
}
.widget .project-title .icon.desc {
	background:url(../images/project-description-ic.jpg) no-repeat;
}
.widget .project-title .icon.tags {
	background:url(../images/project-tags-ic.jpg) no-repeat;
}
.widget .project-title .icon.launch {
	background:url(../images/project-launch-ic.jpg) no-repeat;
}
.widget .project-title h3 {
	background:url(../images/h-sep.png) repeat-x bottom #efefef;
	color:#484848;
	font-size:29px;
	line-height:29px;
	padding:25px 0 31px 55px;
	font-family: 'Bitter-Regular';
}
.widget .project-title h3 span {
	font-weight:bold;
}
.widget .btn {
	margin-right:0px;
	padding:20px 15px;
}
.portfolio.project .title {
	margin-top:30px;
}
.portfolio.project .title h3 {
	background:url(../images/h-sep.png) repeat-x top;
	float:none;
	padding-top:40px;
}
/* ----------- Home ----------- */
.home header {
	background:none;
}
.home .about {
	padding-top:0px;
}
.home .about p {
	padding-top:25px;
}
.home .about p.buttons {
	padding-top:25px;
	padding-bottom:0px;
}
.home .about .title-text p {
	font-size:110px;
	line-height:100px;
	word-wrap:break-word;
}
.home .about .title-text p .first {
	font-size:65px;
	line-height:55px;
	color:#aeaeae;
	vertical-align:top;
	font-family: 'HelveticaNeueLight';
}
.home .about .title-text p .second {
	font-size:100px;
	line-height:120px;
	color:#5b5b5b;
	vertical-align:top;
	padding-right:15px;
	font-family: 'HelveticaNeueLight';
}
.home .about .title-text p .third {
	font-size:140px;
	line-height:50px;
	color:#2f2f2f;
	vertical-align:top;
	font-weight:bold;
}
.home .services .right-box {
	width:49%;
}
.home .services {
	background:none;
	padding-bottom:0px;
}
.home header {
	height:123px;
}
.home .main-portfolio {
	width:100%;
	background:url(../images/portfolio-home-bg.jpg) top center;
}
.home .main-portfolio.no-bg {
	width:100%;
	background-image:none;
	background-color:#262626;
}
.home .main-portfolio .portfolio {
	width:1089px;
	margin:auto;
	padding-bottom:67px;
}
.home .main-portfolio .portfolio-top {
	width:1089px;
	margin:auto;
	padding:65px 0;
}
.home .main-portfolio .portfolio-top .title-text {
	float:left;
	width:44%;
	background:url(../images/portfolio-top-bg.png) no-repeat center right;
}
.home .main-portfolio .portfolio-top .title-text p {
	font-size:110px;
	line-height:100px;
}
.home .main-portfolio .portfolio-top .title-text p .first {
	font-size:75px;
	line-height:65px;
	color:#767676;
	vertical-align:top;
	font-family: 'HelveticaNeueLight';
}
.home .main-portfolio .portfolio-top .title-text p .second {
	font-size:110px;
	line-height:130px;
	color:#bcbcbc;
	vertical-align:top;
	padding-right:15px;
	font-family: 'HelveticaNeueLight';
}
.home .main-portfolio .portfolio-top .title-text p .third {
	font-size:150px;
	line-height:45px;
	color:#ffffff;
	vertical-align:top;
	font-weight:bold;
}
.home .main-portfolio .portfolio-top .about {
	float:right;
	width:48%;
}
.home .main-portfolio .portfolio-top .about p {
	font-size:18px;
	line-height:27px;
	color:#9f9f9f;
	font-style:italic;
}
.home .main-content .left-container {
	width:48.75%;
	margin-right:2.5%;
	padding-right:0px;
	background:none;
}
.home .main-content .left-container.last {
	margin-right:0;
}
.home .main-content .left-container.last article {
	background:url(../images/h-sep.png) repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
.home .main-content .left-container.last .post-thumb {
	height:49px;
	margin-bottom:20px;
}
.home .main-content .left-container.last .post-content h2 {
	padding-top:0px;
	padding-bottom:0px;
	background:none;
	font-size:30px;
	line-height:45px;
}
.home .blog-home{
margin-bottom:60px;
padding-bottom:70px;
background: url(../images/h-sep.png) repeat-x bottom;
}
.home .blog-home .title-text{
float:left;
width:48%;
padding-right:30px;
background: url(../images/blog-top-bg.png) no-repeat center right;
}
.home .blog-home .title-text p .first {
	font-size:75px;
	line-height:65px;
	color:#bcbcbc;
	vertical-align:top;
	font-family: 'HelveticaNeueLight';
}
.home .blog-home .title-text p .second {
	font-size:110px;
	line-height:130px;
	color:#5B5B5B;
	vertical-align:top;
	padding-right:15px;
	font-family: 'HelveticaNeueLight';
}
.home .blog-home .title-text p .third {
	font-size:150px;
	line-height:45px;
	color:#2F2F2F;
	vertical-align:top;
	font-weight:bold;
}
.home .blog-home .about {
float:right;
width:48%;
}

.caption {
	width:1089px;
	margin:auto;
}
#nav-arrows {
	width:1089px;
	margin:auto;
	position:relative;
}

/* ----------------------------------- */
/* ---------- Footer styles ---------- */
/* ----------------------------------- */

footer {
	width:100%;
	height:auto;
	background:#262626;
}
.footer-top {
	width:1089px;
	margin:auto;
	padding:65px 0;
}
.footer-top .title-text {
	float:left;
	width:44%;
	background:url(../images/footer-top-bg.png) no-repeat center right;
}
.footer-top .title-text p {
	font-size:110px;
	line-height:100px;
}
.footer-top .title-text p .first {
	font-size:75px;
	line-height:65px;
	color:#767676;
	vertical-align:top;
	font-family: 'HelveticaNeueLight';
}
.footer-top .title-text p .second {
	font-size:110px;
	line-height:130px;
	color:#bcbcbc;
	vertical-align:top;
	padding-right:15px;
	font-family: 'HelveticaNeueLight';
}
.footer-top .title-text p .third {
	font-size:150px;
	line-height:45px;
	color:#ffffff;
	vertical-align:top;
	font-weight:bold;
}
.footer-top .about {
	float:right;
	width:48%;
}
.footer-top .about h3 {
	font-size:30px;
	line-height:30px;
	color:#ffffff;
	font-family: 'Bitter-Regular';
	padding-bottom:20px;
}
.footer-top .about p {
	font-size:18px;
	line-height:27px;
	color:#7a7a7a;
}
.footer-middle {
	width:100%;
	background:#2f2f2f;
}
.footer-middle .footer-middle-ct {
	width:1089px;
	margin:auto;
	padding:55px 0;
	position:relative;
}
.footer-middle .footer-middle-ct .widget {
	width:31.5%;
	float:left;
	margin-right:2.75%;
}
.footer-middle .footer-middle-ct .widget.last {
	margin-right:0;
}
.footer-middle .footer-middle-ct .widget .title {
	width:100%;
	background:url(../images/h-sep.png) repeat-x bottom;
	padding-bottom:8px;
	margin-bottom:25px;
}
.footer-middle .footer-middle-ct .widget .title h3 {
	font-size:30px;
	line-height:30px;
	color:#ffffff;
	padding:0 0 20px 0;
	font-family: 'Bitter-Regular';
}
.footer-middle .footer-middle-ct .widget .tags li {
	float:left;
	padding:0 4px 4px 0;
}
.footer-middle .footer-middle-ct .widget .tags li a {
	display:inline-block;
	color:#b8b8b8;
	padding:7px 10px;
	font-size:15px;
	line-height:15px;
	background:#262626;
}
.footer-middle .footer-middle-ct .widget .tags li a:hover {
	background:#e4ac31;
	color:#262626;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.footer-middle .footer-middle-ct .widget .flickr li {
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	display:block;
	width:49%;
}
.footer-middle .footer-middle-ct .widget .flickr li.second {
	margin-right:0;
}
.footer-middle .footer-middle-ct .widget .flickr li a {
	position:relative;
	display:block;
}
.footer-middle .footer-middle-ct .widget .flickr li a img {
	display:block;
	width:100%;
}
.footer-middle .footer-middle-ct .widget .flickr .blur-effect, .footer-middle .footer-middle-ct .widget .flickr .overlay {
	position:absolute;
	top:0;
	left:0
}
.footer-middle .footer-middle-ct .widget .flickr .overlay {
	background:rgba(0,0,0,.6) url('../images/prj-ic-1.png') no-repeat center;
	opacity:0;
	filter:alpha(opacity=0);
	width:100%;
	height:100%
}
.footer-middle .footer-middle-ct .widget .tweets li {
	color:#a1a1a1;
	font-size:16px;
	line-height:24px;
	padding:0 0 20px 84px;
	border-bottom:solid 1px #3b3b3b;
	position:relative;
	margin-bottom:20px;
}
.footer-middle .footer-middle-ct .widget .tweets li:hover .icon {
	background-position:0 -51px;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.footer-middle .footer-middle-ct .widget .tweets li span {
	color:#e0e0e0;
	font-style:italic;
}
.footer-middle .footer-middle-ct .widget .tweets li .icon {
	background:url(../images/twitter-bg.png) no-repeat;
	width:73px;
	height:51px;
	display:block;
	position:absolute;
	left:0px;
	top:11px;
}
.footer-middle .footer-middle-ct .widget .tweets li a {
	color:#e4ac31;
	font-size:18px;
	line-height:27px;
}
.footer-middle .footer-middle-ct .widget .tweets li a:hover {
	color:#b8b8b8;
	-webkit-transition: color 0.4s linear;
	-moz-transition: color 0.4s linear;
	-ms-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
}
.footer-bottom {
	width:1089px;
	margin:auto;
	padding:35px 0;
}
.footer-bottom .logo {
	float:left;
	padding:0 19px 0 0;
}
.footer-bottom .logo a {
	display:block;
}
.footer-bottom .logo a img {
	display:block;
}
.footer-bottom .copyright {
	float:left;
	border-left:solid 1px #2f2f2f;
	padding:13px 0 13px 28px;
	font-size: 85%;
}
.footer-bottom .copyright p {
	font-size:18px;
	line-height:26px;
	color:#7a7a7a;
	font-size: 75%;
}
.footer-bottom .copyright p span {
	color:#ffffff;
	font-size: 125%;
}
.footer-bottom .social-menu {
	float:right;
	margin-top:6px;
}
.footer-bottom .social-menu ul li {
	float:left;
	padding-left:10px;
}
.footer-bottom .social-menu ul li a {
	display:block;
	width:33px;
	height:33px;
	background:url(../images/footer-social-ic.png) no-repeat;
}
.footer-bottom .social-menu ul li a.fb {
	background-position:0px 0px;
}
.footer-bottom .social-menu ul li a.tw {
	background-position:-33px 0px;
}
.footer-bottom .social-menu ul li a.da {
	background-position:-66px 0px;
}
.footer-bottom .social-menu ul li a.lf {
	background-position:-99px 0px;
}
.footer-bottom .social-menu ul li a.rs {
	background-position:-132px 0px;
}
.footer-bottom .social-menu ul li a.fb:hover {
	background-position:0px -33px;
	-webkit-transition: background-position 0.4s linear;
	-moz-transition: background-position 0.4s linear;
	-ms-transition: background-position 0.4s linear;
	-o-transition: background-position 0.4s linear;
	transition: background-position 0.4s linear;
}
.footer-bottom .social-menu ul li a.tw:hover {
	background-position:-33px -33px;
	-webkit-transition: background-position 0.4s linear;
	-moz-transition: background-position 0.4s linear;
	-ms-transition: background-position 0.4s linear;
	-o-transition: background-position 0.4s linear;
	transition: background-position 0.4s linear;
}
.footer-bottom .social-menu ul li a.da:hover {
	background-position:-66px -33px;
	-webkit-transition: background-position 0.4s linear;
	-moz-transition: background-position 0.4s linear;
	-ms-transition: background-position 0.4s linear;
	-o-transition: background-position 0.4s linear;
	transition: background-position 0.4s linear;
}
.footer-bottom .social-menu ul li a.lf:hover {
	background-position:-99px -33px;
	-webkit-transition: background-position 0.4s linear;
	-moz-transition: background-position 0.4s linear;
	-ms-transition: background-position 0.4s linear;
	-o-transition: background-position 0.4s linear;
	transition: background-position 0.4s linear;
}
.footer-bottom .social-menu ul li a.rs:hover {
	background-position:-132px -33px;
	-webkit-transition: background-position 0.4s linear;
	-moz-transition: background-position 0.4s linear;
	-ms-transition: background-position 0.4s linear;
	-o-transition: background-position 0.4s linear;
	transition: background-position 0.4s linear;
}


/*-----------------------------------*/
/*------- Responsive design ---------*/
/*-----------------------------------*/

.mobile-menu {
	display:none;
}
@media (min-width: 1024px) and (max-width: 1151px) { 
	header {
		width:980px;
	}
	#nav-arrows {
		width:980px;
	}
	.caption {
		width: 980px;
	}
	.main-title-ct {
		width:980px;
	}
	.main-content {
		width:980px;
	}
	.home .main-portfolio .portfolio {
		width: 980px;
	}
	.home .main-portfolio .portfolio-top {
		width:980px;
	}
	.footer-top {
		width:980px;
	}
	.footer-middle .footer-middle-ct {
		width:980px;
	}
	.footer-bottom {
		width:980px;
	}
	.portfolio .isotope {
		width:1000px;
		margin-left:-20px;
	}
	.portfolio .isotope article {
		width:313px;
		margin-left:20px;
		margin-right:0;
	}
	article .post-thumb .overlay.blog a {
		margin: 112px auto;
	}
	.portfolio article .post-thumb:hover .icons {
		padding: 70px 0 0 100px;
	}
	.portfolio article .post-thumb .infos {
		padding-left: 44px;
	}
	.home .main-portfolio .portfolio .title article.middle p {
		font-size: 60px;
	}
	.home .main-content .title.thoughts article.middle p {
		font-size: 60px;
	}
	.footer-top .middle-title p {
		font-size: 60px;
	}
	.bannerhome .info {
		width:800px;
		left:100px!important;
	}
	.bannerhome h2 {
		width:740px;
		left:130px!important;
		font-size:50px;
	}
	.bannerhome .text {
		width:740px;
		left:130px!important;
	}
	.bannerhome .text p {
		font-size:16px;
	}
	.bannerhome .more {
		left:130px!important;
	}
	.main-content .right-container .widget .title h3 {
		font-size: 20px;
	}
	.bannerhome .info {
		top:300px!important;
	}
	.bannerhome h2 {
		top:334px!important;
	}
	.bannerhome .text {
		top:414px!important;
	}
	.bannerhome .more {
		top:500px!important;
	}
	.home .main-portfolio .portfolio .bottom-home-port {
		display:none;
	}
	.home .about .title-text p .first {
		font-size:55px!important;
		line-height:45px!important;
	}
	.home .about .title-text p .second {
		font-size:90px!important;
		line-height:110px!important;
	}
	.home .about .title-text p .third {
		font-size:130px!important;
		line-height:40px!important;
	}
	.home .main-portfolio .portfolio-top .title-text p .first {
		font-size:55px!important;
		line-height:45px!important;
	}
	.home .main-portfolio .portfolio-top .title-text p .second {
		font-size:90px!important;
		line-height:110px!important;
	}
	.home .main-portfolio .portfolio-top .title-text p .third {
		font-size:130px!important;
		line-height:40px!important;
	}
	.home .main-portfolio .portfolio-top .about {
		float:right;
		width:48%;
	}
	.home .main-portfolio .portfolio-top .about p {
		font-size:18px;
		line-height:27px;
		color:#9f9f9f;
		font-style:italic;
	}
	.main-title-ct .title-text p .first {
		font-size:55px!important;
		line-height:45px!important;
	}
	.main-title-ct .title-text p .second {
		font-size:90px!important;
		line-height:110px!important;
	}
	.main-title-ct .title-text p .third {
		font-size:130px!important;
		line-height:40px!important;
	}
}
@media (max-width: 1023px) {
	.breadcrumps {
		display:none!important;
	}
	.main-title-ct .title-text {
		border:none!important;
	}
	.main-title-ct .title-text p .first {
		font-size:55px!important;
		line-height:45px!important;
	}
	.main-title-ct .title-text p .second {
		font-size:90px!important;
		line-height:110px!important;
	}
	.main-title-ct .title-text p .third {
		font-size:130px!important;
		line-height:40px!important;
	}
	#nav-arrows {
		width:720px;
	}
	.caption {
		width: 720px;
	}
	header {
		height:160px;
		width:720px!important;
	}
	.main-title-ct {
		width:720px!important;
	}
	.main-content {
		width:720px;
	}
	.home .main-portfolio .portfolio {
		width: 720px;
	}
	.home .main-portfolio .portfolio-top {
		width:720px;
	}
	.footer-top {
		width:720px;
	}
	.footer-top .title-text {
		float:none;
		width:50%;
		margin-left:25%;
		background:none;
		margin-bottom:60px;
	}
	.footer-top .about {
		float:none;
		width:50%;
		margin-left:25%;
		background:none;
	}
	.footer-middle .footer-middle-ct {
		width:720px;
	}
	.footer-middle .footer-middle-ct .widget {
		margin-right: 0;
		margin-left:25%;
		width: 50%;
		margin-bottom:20px;
	}
	.footer-bottom {
		width:720px;
	}
	.portfolio .isotope {
		width:730px;
		margin-left:-10px;
	}
	.portfolio .isotope article {
		width:233px;
		margin-left:10px;
		margin-right:0;
	}
	.homepage-slider {
		display:none;
	}
	article .post-thumb .overlay.blog a {
		margin: 112px auto;
	}
	.portfolio article .post-thumb:hover .icons {
		padding: 28px 0 0 68px;
	}
	.portfolio article .post-thumb .infos {
		padding-left: 8px;
	}
	.home .main-portfolio .portfolio .title article.middle p {
		font-size: 45px;
	}
	.home .main-content .title.thoughts article.middle p {
		font-size: 45px;
	}
	.home .blog-home .title-text {
	background:none;
	}
	.home .blog-home .about {
		width: 35%;
	}
	.home .blog-home {
		margin-bottom: 60px;
		padding-bottom: 10px;
	}
	.home .about .title-text p .first {
		font-size: 60px;
	}
	.home .about .title-text p .second {
		font-size:70px;
	}
	.home .about .title-text p .third {
		font-size: 94px;
	}
	.footer-top .middle-title p {
		font-size: 45px;
	}
	.home .main-content .left-container {
		margin-right: 0;
		width: 100%;
	} 
	.footer-middle .footer-middle-ct .bottom-left-arrow {
		display:none;
	}
	.footer-middle .footer-middle-ct .bottom-right-arrow {
		display:none;
	}
	.footer-middle .footer-middle-ct .top-left-arrow {
		display:none;
	}
	.footer-middle .footer-middle-ct .top-right-arrow {
		display:none;
	}
	.footer-bottom .copyright {
		float: none;
		margin-left: 148px;
		margin-bottom:20px;
	}
	.footer-bottom .social-menu {
		float: none;
		margin-left:233px;
	}
	.portfolio.team article .post-thumb:hover .icons {
		padding: 53px 0 0 90px;
	}
	.main-title-ct .title-text p {
		font-size: 40px;
	}
	.main-title-ct .breadcrumps ul li {
		font-size: 25px;
	}
	.main-title-ct .breadcrumps ul li a {
		font-size: 25px;
	}
	.main-content .left-container {
		float: none;
		width: 100%;
		margin-bottom:50px;
		padding-right:0;
		background:none;
	}
	.main-content .right-container {
		float: none;
		width: 50%;
		margin-left:25%
	}
	.main-content .right-container .widget ul.recent-posts li {
		clear: both;
	}
	.main-content .left-container.no-sep {
		width:100%;
		float: none;
		background: none;
		padding-right: 0;
	}
	.main-content .right-container .widget {
		clear:both;
	}
	.main-content .contact-title h1 {
		font-size: 67px;
	}
	.main-content .title-404 h3 {
		font-size: 34px !important;
	}
	.features .price .amm {
		/*width: 80px;*/
	}
	.features .price .amm span {
		font-size: 45px;
	}
	.accordion-heading .accordion-toggle {
		white-space:nowrap;
		overflow:hidden;
	}
	.home .main-portfolio .portfolio .bottom-home-port {
		display:none;
	}
	.home .main-portfolio .portfolio-top .title-text {
		background: none;
	}	
}
@media (max-width: 767px) {
	.home .main-content .left-container.last .post-thumb {
		height: 98px;
	}
	.home .main-content .left-container.last .post-thumb li {
		margin-bottom:2px;
	}
	.home .services .right-box {
		width: 100%;
	}
	.home .main-portfolio .portfolio-top .title-text {
		background: none;
		float: none;
		width: 100%;
	}
	.home .main-portfolio .portfolio-top .about {
		float: none;
		width: 100%;
		
	}
	.home .blog-home{
		float: none;
		width: 100%;
}
	.home .blog-home .title-text {
		float: none;
		width: 100%;
		background:none;
		margin-bottom:30px;
}
	.home .blog-home .title-text p .first {
		font-size:30px;
		line-height:15px;
		color:#bcbcbc;
		vertical-align:top;
		font-family: 'HelveticaNeueLight';
}
	.home .blog-home .title-text p .second {
		font-size:50px;
		line-height:80px;
		color:#5B5B5B;
		vertical-align:top;
		padding-right:15px;
		font-family: 'HelveticaNeueLight';
}
	.home .blog-home .title-text p .third {
		font-size:75px;
		line-height:10px;
		color:#2F2F2F;
		vertical-align:top;
		font-weight:bold;
}
	.home .blog-home .about {
		float: none !important;
		width: 100% !important;
		margin-bottom:-50px !important;
}
	.home .main-portfolio .portfolio-top .title-text p .first, .home .about .title-text p .first, .footer-top .title-text p .first {
		font-size:30px!important;
		line-height:15px!important;
	}
	.home .main-portfolio .portfolio-top .title-text p .second, .home .about .title-text p .second, .footer-top .title-text p .second {
		font-size:50px!important;
		line-height:80px!important;
	}
	.home .main-portfolio .portfolio-top .title-text p .third, .home .about .title-text p .third, .footer-top .title-text p .third {
		font-size:75px!important;
		line-height:10px!important;
	}
	.main-title-ct .title-text p {
		padding-top:35px;
	}
	.main-title-ct .title-text p .first {
		font-size:30px!important;
		line-height:15px!important;
	}
	.main-title-ct .title-text p .second {
		font-size:50px!important;
		line-height:80px!important;
	}
	.main-title-ct .title-text p .third {
		font-size:75px!important;
		line-height:10px!important;
	}
	.services .left-box {
		float:none;
		width:100%;
	}
	.services .item h3 {
		font-size: 18px;
		line-height: 27px;
	}
	.services .right-box {
		float:none;
		width:100%;
	}
	.about .left-box {
		float: none;
		width: 100%;
	}
	.about .right-box {
		float: none;
		width: 90%;
		margin-left: 15px;
	}
	.about ul li {
		float: none;
		margin-right: 10%;
		padding-left: 10%;
		width: 90%;
	}
	.about p a.last {
		margin-left: 0px;
	}
	.mobile-menu {
		display:block;
		width:60%;
		margin:15px 20%;
		font-family: 'TitilliumText14L-600wt';
	}
	.menu {
		display:none;
	} 
	header {
		width:280px!important;
	}
	.main-title-ct {
		width:280px!important;
	}
	.main-content {
		width:280px;
	}
	.main-content .left-container .comments ul li .reply {
		display: block;
		position: relative;
		font-size: 12px;
		line-height: 10px;
		font-family: 'Bitter-Regular';
		font-style: italic;
		color: #9F9F9F;
		padding-right: 30px;
		top: 13px;
		left: 99px;
	}
	.main-content .left-container .comments ul li .comment .content {
		padding: 15px 20px 20px 15px;	
	}
	.main-content .title-404 h1 {
		font-size: 50px;
	}
	.main-content .title-404 h3 span {
		line-height: 155px;
	}
	.main-content .search-404 form .field {
		display:none !important;
	}
	.main-content .search-404 form .submit{
		display:none !important;
	}
	.main-content .search-404 .btn {
		margin: 0 0 0 65px;
	}
	.main-content .title-404 h3 {
		font-size: 34px !important;
	}
	.main-content .contact-title h1 {
		font-size: 25px !important;
	}
	.home .main-portfolio .portfolio {
		width: 280px;
	}
	.home .main-portfolio .portfolio-top {
		width:280px;
	}
	.footer-top {
		width:280px;
	}
	.footer-top .title-text {
		float:none;
		width:100%;
		margin-left:0;
		background:none;
		margin-bottom:0px;
	}
	.footer-top .about {
		float:none;
		width:100%;
		margin-left:0;
		background:none;
	}
	.footer-middle .footer-middle-ct {
		width:280px;
	}
	
	.footer-middle .footer-middle-ct .widget {
		margin-right: 0;
		margin-left:0;
		width: 100%;
		margin-bottom:20px;
	}
	.footer-bottom {
		width:280px;
	}
	.portfolio .isotope {
		width:280px;
		margin-left:0px;
	}
	.portfolio .isotope article {
		width:280px;
		margin-left:0px;
		margin-right:0;
	}
	.portfolio article {
		margin-right:0;
		width: 100%;
	}
	header .logo {
		float: none;
		padding-left: 80px;
	}
	.footer-bottom .logo {
		float: none;
		padding-left: 80px;
	}
	.footer-bottom .social-menu {
		margin-left: 18px;
	}
	.footer-bottom .copyright {
		margin-left:0px;
		padding:10px 0 0 0;
		border:none;
	}
	.alert .close {
		right: 10px!important;
	}
	.nav-tabs {
		display:none!important;
	}
	.accordion {
		display:none!important;
	}
	.tab-content {
		display:none!important;
	}
	.main-title-ct .title-text p {
		font-size: 25px;
	}
	.main-title-ct .breadcrumps {
		display:none;
	}
	.main-content .left-container .contact-form .left-form {
		float: none;
		width: 100%;
	}
	.main-content .left-container .contact-form .right-form {
		float: none;
		width: 100%;
	}
	.main-content .right-container .widget .title h3 {
		font-size: 29px;
	}
	article .post-thumb .overlay.blog a {
		margin: 40px auto;
	}
	.serv-step {
		margin-right: 0;
		width: 100%;
		margin-bottom:20px;
	}
	.descriptions .description {
		float: none;
		margin-left: 3%;
		margin-right: 3%;
		padding: 10px 0;
		width: 94%;
	}
	.portfolio.team .social-menu {
		padding: 5px 0;
	}
	.portfolio.team article .post-thumb:hover .icons {
		padding: 80px 0 0 110px;
	}
	.portfolio article .post-thumb:hover .icons {
		padding: 54px 0 0 88px;
	}
	.portfolio article .post-thumb .infos {
		padding-left: 33px;
	}
	.portfolio ul.filter {
		display:none;
	}
	.portfolio .title h3 {
		font-size: 29px;
	}
	.btn{
	margin-bottom:20px !important;
	}
	.row-fluid [class*="span"] {
	  margin-left: 0!important;
	}
	.row-fluid [class*="span"]:first-child {
	  margin-left: 0!important;
	}
	.row-fluid .controls-row [class*="span"] + [class*="span"] {
	  margin-left: 0!important;
	}
	.row-fluid .span6 {
	  width:100%!important;
	}
	.row-fluid .span5 {
	  width:100%!important;
	}
	.row-fluid .span4 {
	  width:100%!important;
	}
	.row-fluid .span3 {
	  width:100%!important;	
	}
	.row-fluid .span2 {
	  width:100%!important;
	}
	.row-fluid .span1 {
	  width: 100%!important;
	}
	.features .price .amm {
		/*width:125px;*/
	}
	.features .price .amm span {
		font-size: 72px;
	}
	.main-content .right-container {
		float: none;
		width: 100%;
		margin-left:0;
	}
	article .post-content .post-info {
		float: none;
		margin: 0 auto 20px auto;
		width: 125px;
	}
	.home .main-portfolio .portfolio .bottom-home-port {
		display:none;
	}
	.footer-top .about {
		padding-top:0px;
	}
	.project-content .project-infos .project-info {
		margin-right: 0;
		width: 100%;
		margin-bottom:5px;
	}
}