/* === RESET ALL SETTINGS === */

html, body, button, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, input, kbd, q, samp,
small, strong, sub, sup, var,
b, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, textarea, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, hr, menu, nav, section, summary, textarea,
time, mark, audio, video, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ul {
	list-style: disc;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: underline;
	outline: none;
	color: #666;
}

a, img, h6 {
	transition: opacity 0.5s, color 0.3s, background-color 0.5s;
	-moz-transition: opacity 0.5s, color 0.3s, background-color 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s, color 0.3s, background-color 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5s, color 0.3s, background-color 0.5s; /* Opera */
}

a:link, a:visited {
	color: #666;
	outline: none;
}

.css3 a:hover {
	color: #f93152;
}

hr {
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 15px 0 34px 0;
}

.no-list-style {
	list-style: none;
}

iframe {
	display: block;
}

/* TYPOGRAPHY */

body {
	font: 14px/24px Arial, sans-serif;
	font-weight: 400;
	color: #888;
	background-color: #fff;
	/*overflow: hidden;*/
}

input, textarea {
	font: 13px/24px Arial, sans-serif;
	font-weight: 400;
	color: #888;
}

h1, h2, h3, h4, h5, h6, .sidebar-widget-action, .service-title, #nav, .filter-opener {
	font-family: Arial, sans-serif;
	font-weight: 400;
	line-height: 140%;
	color: #2f2e2e;
}

h1 {
	font-size: 347%;
	letter-spacing: -3px;
	font-weight: bold;
	line-height: 72px;
}

h2 {
	font-size: 280%;
	letter-spacing: -2px;
	font-weight: 400;
	line-height: 110%;
	margin-top: 3px;
	margin-bottom: 2px;
}

h3 {
	font-size: 240%;
	letter-spacing: -2px;
	font-weight: 400;
	line-height: 48px;
}

h4 {
	font-size: 150%;
	line-height: 24px;
}

h5 {
	font-size: 120%;
	text-transform: uppercase;
	margin-top: 1px;
	font-weight: bold
}

h6 {
	font-size: 115%;
	margin-bottom: 2px;
	color: #555;
}

h1 strong {
	font-weight: bold;
}

strong {
	font-weight: normal;
	color: #2f2e2e;
}

blockquote {
	font-style: italic;
	color: #999;
	padding-right: 5px;
}

blockquote:before, blockquote:after {
	font-family: serif;
	font-size: 20px;
	font-weight: bold;
}

blockquote:before {
	content: "\201C";
}

blockquote:after {
	content: "\201D";
}

.sidebar-widget-title {
	display: block;
	text-transform: uppercase;
}

.nav li a {
	text-decoration: none;
	font-size: 120%;
	line-height: 170%;
}

.aside-nav, .widgets {
	list-style: none;
}

.aside-nav {
	margin-top: 16px;
}

.aside-nav li {
	margin-bottom: 8px;
	font-size: 90%;
}

.aside-nav li a {
	color: #aaa;
	text-decoration: none;
	text-transform: uppercase;
}

.css3 .aside-nav li a:hover {
	color: #333;
}

.sidebar-widget-action {
	font-size: 110%;
}

.heading h1 {
	font-weight: 400;
	line-height: 56px;
	margin-top: 8px;
}

.heading h6 {
	color: #888;
}

/* MAIN LAYOUT */

header {
	width: 100%;
	padding-top: 30px;
}

section {
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 100px;
	overflow: hidden;
	
}

.section-holder {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
	border-top-style: solid;
	border-top-width: 2px;
}

/* HEADER */

#header-wrap {
	position: relative;
	width: 940px;
	margin: 0 auto 0 auto;
	/*border-bottom-style: solid;
	border-bottom-width: 1px;*/
	z-index: 9999;
}

.logo img {
	top: 14px;
	left: 0px;
}

#logo-wrap {
	position: absolute;
	height: 100%;
	border-bottom: 2px solid #999;
}

#logo-wrap:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1001%;
	border-bottom: 2px solid #999;
	left: -999%;
}

#logo-wrap img, #logo-wrap h1 {
	position: relative;
	display: block;
}

#logo-wrap-clone {
	position: absolute;
	height: 100%;
	border-bottom: 2px solid #999;
}

#logo-wrap-clone:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 1000%;
	border-bottom: 2px solid #999;
	left: -1000%;
}

#logo-wrap-clone img, #logo-wrap-clone h1 {
	position: relative;
	display: block;
}




#nav-wrap {
	width: 100%;
	overflow: hidden;
}

.nav {
	float: right;
	display: block;
	list-style: none;
}

.nav li {
	float: left;
	margin-left: 0px;
}

.nav li a {
	display: block;
	padding: 29px 15px 10px 15px;
	/*background-color: #000;*/
	color: #333;
}

select.nav-select {
	font-size: 150%;
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	border: 1px solid #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
}

select.nav-select:focus {
	border: 1px solid #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
}

#additional-nav-container {
	position: fixed;
	top: 0;
	left: 0;
	height: 69px;
	width: 100%;
	background: #fff;
	z-index: 99999;
	display: none;
}

#nav-wrap-clone {
	position: absolute;
	width: 940px;
	left: 50%;
	margin-left: -470px; 
	top: 0;
	height: 69px;
	/*background: rgba(0,0,0,0.8);*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#nav-wrap-clone .nav li a {
	color: #666;
	padding: 22px 15px 17px 15px;
}

/* SLIDER */

.slider {
	position: relative;
	width: 100%;
	/*border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #ccc;*/
}

.slides {
}

.slides li {
	display: block;
	display: none;
	overflow: hidden;
}

.slides li img {
	display: block;
	width: 100%;
}

.flex-direction-nav a {
	display: block;
	position: absolute;
	background: #333;
	width: 60px;
	height: 60px;
	opacity: 1;
	text-indent: 0;
	text-align: center;

	font-size: 32px;
	text-decoration: none;
	font-weight: 400;
	font-family: sans-serif;
}

.flex-direction-nav .flex-prev {
	left: 2px;
}

.flex-direction-nav .flex-next {
	right: 2px;
}

.flex-direction-nav .flex-prev:before {
	position: absolute;
	content: "\2039";
	top: 50%;
	margin-top: -13px;
	left: 50%;
	margin-left: -6px;
}

.flex-direction-nav .flex-next:before {
	position: absolute;;
	content: "\203A";
	top: 50%;
	margin-top: -13px;
	right: 50%;
	margin-right: -6px;
}

.caption {
	display: block;
	position: absolute;
	padding: 20px;
	color: #fff;
	background: #333;
	/*text-shadow: 0px 1px 1px rgba(0,0,0,0.8);*/
	left: 100px;
	white-space: nowrap;
	display: none;
}

.caption a {
	color: #fff;
}

h1.caption {
	background: #ededed; 
	font-size: 62px;
	color: #2f2e2e;
	font-weight: 400;
}

h4.caption {
	font-size: 18px;
	background: #333;
	font-weight: 400;
}

.flex-control-nav.flex-control-paging li {
	position: relative;
	padding: 6px;
	margin: 0;
	margin-bottom: -10px;
	
	background-repeat: no-repeat;
}

canvas.slider-timer {
	position: absolute;
	top: 0;
	left: 0;
}

/* CONTANT, HEADING & SECTIONS GENERAL STYLING */

.content {
	float: left;
	width: 100%;
}

.content-left {
	float: left;
	width: 73.34%;
}

.content-right {
	float: right;
	width: 73.34%;
}

.sidebar-left{
	float: left;
	width: 22.41%;
	margin-right: 4.2%;
}

.sidebar-right{
	float: right;
	width: 22.41%;
	margin-left: 4.25%;
}

.heading {
	position: relative;
	float: right;
	clear: both;
	width: 68.34%;
	margin: 0 5% 8px 26.66%;
	padding: 48px 0 48px 0;
	/*border-top-style: solid;
	border-top-width: 1px;

	border-bottom-style: solid;
	border-bottom-width: 1px;*/
	overflow: visible !important;
	z-index: 10;
}

section:first-of-type {
	margin-top: 180px;
	border: none;
}

section:last-of-type {
	padding-bottom: 48px !important;
}

section.home-template {
	margin-top: 40px !important;
	margin-bottom: 60px !important;
	padding-bottom: 20px !important;
	border: none;
}

section.home-template .section-holder {
	border: none;
}

section.home-template .content {
	margin-top: 40px;
	width: 100%;
}

section.standart-template .heading {
	text-align: center;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.widgets>li {
	margin-bottom: 48px;
}





/* WORKS */

section.works-template {
	min-height: 500px;
}

section.works-template .content {
	float: left;
	width: 100%;
}

.filter-container {
	position: absolute;
	width: 940px;
	top: 56px;
}

a.filter-opener {
	position: relative;
	display: inline-block;
	padding: 17px 20px 16px 20px;
	text-align: center;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	font-size: 115%;
	z-index: 9;
}

select.filter-opener {
	display: none;
}

.filter-container:before {
	content: "";
	position: absolute;
	left: -1000%;
	top: 0;
	width: 1000%;
	height: 100%;
	background-color: #333;
}



.works-filter {
	position: absolute;
	display: block;
	text-align: left;
	z-index: 9999;
	display: none;
	list-style: none;
	left: 0;
	padding-top: 1px;
	margin-top: 0;
}

.works-filter li {
	display: block;
	margin-bottom: 0;
}

.works-filter li a {
	display: block;
	padding: 16px 15px 16px 20px;
	text-transform: none;
	width: 100%;
	background-color: #333;
}

.works-gallery {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	list-style: none;
	min-height: 300px;
}

.works-gallery li {
	display: block;
	width: 32.66%;
	margin-right: 1%;
	margin-bottom: 1%;
	float: left;
	background: url(../images/style/preview-dark.png) center 40% no-repeat;
	overflow: hidden;
	border-bottom: 1px solid transparent;
}

.works-gallery li img {
	position: relative;
	display: block;
}

.works-gallery li a {
	display: block;
	position: relative;
	text-decoration: none;
}

.works-gallery li h6 {
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	background: #f8f8f8;
	margin: 0;
	color: #666;

	font-size: 120%;

	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;

}

.css3 .works-gallery li:hover {
	/*border-bottom: 1px solid #ccc;*/
}

.css3 .works-gallery li:hover h6 {
	opacity: 1;
	background-color: #222;
	color: #ccc;
}

.css3 .works-gallery li:hover img {
	opacity: 0.6
}

.css3 .works-gallery li.is-404:hover img {
	opacity: 0.4;
}

.works-gallery li:nth-child(3n+0) {
	margin-right: 0;
}

a.load-more {
	display: block;
	width: 32.66%;
	margin: 0 auto 0 auto;
	height: 40px;
	text-decoration: none;
	font-size: 23px;
	color: #b0b0b0;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
}

a.load-more span {
	display: inline-block;
	margin-top: 10px;
	transition-duration: 0.2;
	-webkit-transition-duration: 0.2;
	-moz-transition-duration: 0.2;
	-o-transition-duration: 0.2;
}

a.close {
	position: absolute;
	display: block;
	text-decoration: none;
	right: 0;
	top: 62px;
	width: 5%;
	height: 40px;
	z-index: 11;
}

a.close:before {
	content: "\02DF";
	display: block;
	width: 100%;
	height: 100%;
	
	font-size: 400%;
	line-height: 120%;
	text-align: center;
}

/* BLOG */

.blog-posts {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	list-style: none;
}

.blog-posts li {
	position: relative;
	display: block;
	width: 49.25%;
	margin-right: 1.5%;
	float: left;
	overflow: hidden;

	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.css3 .blog-posts li:hover {
	background-color: #f8f8f8;
}

.blog-posts li:nth-child(2n+0) {
	margin-right: 0;
}

.blog-posts li img {
	display: block;
	width: 100%;
}

.post-thumb {
	display: block;
	background: url(../images/style/preview-dark.png) center no-repeat;
	text-decoration: none;
	overflow: hidden;
}

.css3 a.post-thumb:hover img {
	opacity: 0.5;
}

.post-thumb>h6 {
	display: block;
	padding: 16px 20px 16px 20px;
	background: #f8f8f8;
	font-style: normal;
	color: #444;

	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}


.css3 .blog-posts li:hover .post-thumb>h6 {
	background-color: #222;
	color: #ccc;
}

.blog-post-details {
	margin-top: 15px;
	margin-bottom: 24px;
	padding: 0px 20px 0px 20px;
}

a.blog-post-date {
	display: inline-block;
	margin-bottom: 12px;
	text-decoration: none;
	color: #999;
}

.blog-post-content {
	width: 100%;
	margin-bottom: 12px;
}

.read-more {
	font-style: italic;
}

.blog-categories li a, .blog-archives-by-month li a {
	padding-left: 0px;
	border-left: none;
}

.blog-categories li a, .blog-archives-by-month li a {
	transition: padding-left 0.3s, border-left 0.3s;
	-webkit-transition: padding-left 0.3s, border-left 0.3s;
	-moz-transition: padding-left 0.3s, border-left 0.3s;
	-o-transition: padding-left 0.3s, border-left 0.3s;
}

.blog-categories li.active a, .blog-archives-by-month li.active a {
	padding-left: 10px;
}

.active-category-container {
	position: absolute;
	width: 940px;
	top: 50px;
}

span.active-category {
	position: relative;
	display: inline-block;
	padding: 17px 20px 16px 20px;
	text-align: center;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	font-size: 115%;
	z-index: 99999;
	cursor: default;
}

.active-category-container:before {
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	z-index: 9999;
}

/* blog post single */

.blog-post-single {

}

.single-post-heading-container {
	margin-left: 25.3% !important;
}

.featured-image {
	width: 100%;
	float: left;
}

.featured-image img {
	width: 100%;
	display: block;
}

.blog-post-single-content {
	float: left;
	margin-top: 24px;
	width: 100%;
}

.blog-post-single-details {
	float: right;
	width: 100%;
	margin-top: 40px;
	padding: 40px 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.blog-post-single-details p {
	float: left;
	margin-right: 20px;
}

.section.blog a.close {
	display: block;
	padding: 17px 0 16px 0;
	text-decoration: none;
	float: right;
	width: 5%;
	height: 40px;
}

.section.blog a.close:before {
	content: "\02DF";
	display: block;
	
	
	font-size: 400%;
	line-height: 120%;
	text-align: center;
}

.page-controls.blog-post-date-container {
	text-align: left;
}

.post-date-container {
	position: absolute;
	width: 940px;
	top: 56px;
}

a.post-date {
	position: relative;
	display: inline-block;
	padding: 17px 20px 16px 20px;
	text-align: center;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	font-size: 115%;
	z-index: 99999;
}

.post-date-container:before {
	content: "";
	position: absolute;
	left: -1000%;
	top: 0;
	width: 1000%;
	height: 100%;
	background-color: #333;
	z-index: 9999;
}

/* STANDART PAGE/FULL WIDTH */

.service {
	display: block;
	width: 29.5%;
	float: left;
	margin-right: 5.7%;
	text-align: center;

}

a.service-heading {
	display: block;
	width: 100%;
	height: 170px;
	margin-bottom: 25px;
	background-color: #333;
	text-align: center;
}

.service img {
	margin-top: 70px;
}

.service-title {
	display: block;
	font-size: 125%;
	margin-bottom: 7px;
	
}

/* BLOCKS */

.block {
	margin-bottom: 24px;
	float: left;
}

.full-width {
	width: 100%;
	float: left;
	clear: both;
}

.one-half {
	width: 47.1%;
	margin-right: 5.7%;
	float: left;
}

.one-third {
	width: 29.5%;
	float: left;
	margin-right: 5.7%;
}

.one-fourth {
	width: 20.7%;
	float: left;
	margin-right: 5.7%;
}

.two-thirds {
	width: 64.7%;
	float: left;
	margin-right: 5.7%;
}

.last {
	margin-right: 0 !important;
}


/* CONTACTS */

section.contacts-template {
	margin-bottom: 0;
	padding-bottom: 40px;
}

.map-opener-container {
	position: absolute;
	width: 940px;
	top: 56px;
}

a.map-opener {
	position: relative;
	display: inline-block;
	padding: 17px 18px 16px 25px;
	text-align: center;
	text-decoration: none;
	background-color: #333;
	color: #fff;
	font-size: 115%;
	z-index: 14;
}

.map-opener-container:before {
	content: "";
	position: absolute;
	left: -999%;
	top: 0;
	width: 1000%;
	height: 100%;
	background-color: #333;
	z-index: 14;
}

.loading-opener:after {
	content: "";
	position: absolute;
	right: -57px;
	top: 0;
	width: 56px;
	height: 100%;
	background: #fff url(../images/loading.gif) center no-repeat;
	z-index: 14;
}

.map-open {
	display: none;
}

.google-map {
	position: absolute;
	width: 100%;
	height: 100%;
	left: -200px;
	top: 0;
	z-index: 13;
	opacity: 0;

	visibility: hidden;
}

.map iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.contact-form, .comment-form {
	position: relative;
	display: block;
	width: 100%;
	float: left;
}

label {
	float: left;
	clear: both;
	display: none;
}

input, textarea {
	border-style: solid;
	border-width: 1px;
	color: #aaa;
	float: left;
	clear: both;
	padding: 10px;
	margin-bottom: 15px;

	transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
}

select {
	border-style: solid;
	border-width: 1px;
	color: #aaa;
	float: left;
	clear: both;
	padding: 10px;
	margin-bottom: 20px;
	

	transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
} 

input {
	width: 35%;
}

input:focus, textarea:focus, select:focus {
	border-color: #999;
	color: #333;
}

textarea {
	width: 60%;
	min-height: 170px;
}

input[type="submit"] {
	width: auto;
	border: none;
	background-color: #f93152;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;

	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.field-error {
	position: absolute;
	padding-top: 9px !important;
	padding-bottom: 8px !important;
	margin-left: 10px;
}

.form-success {
	position: absolute;
	padding-top: 9px !important;
	padding-bottom: 8px !important;
	margin-left: 10px;
}

.css3 input[type="submit"]:hover {
	background-color: #333;
}

input#site {
	display: none;
}

/* FOOTER */

#footer {
	width: 100%;
	margin: 0 auto 0 auto;
}

#footer #social-wrap {
	width: 100%;
	background: #f3f3f3;
	float: left;
	border-top-style: solid;
	border-top-width: 1px;
}

#footer .social-icons {
	width: 100%;
	display: block;
	text-align: center;
	padding: 40px 0 39px 0;
	overflow: hidden;
	margin: 0 auto 0 auto;
	list-style: none;
}

#footer .social-icons li {
	display: inline-block;
	width: 25%;
}

#footer .social-icons li a {
	text-decoration: none;
	font-size: 90%;
	color: #888;
}

#footer .social-icons li span {
	display: block;
}

#footer-info {
	width: 100%;
	float: left;
	height: 60px;
	background: #111;
}

#footer-info-wrapper {
	width: 95%;
	margin: 20px auto 0 auto;
	font-size: 90%;
	color: #444;
	line-height: 24px;
}

#footer-info nav {
	float: right;
}

.footer-nav {
	display: block;
	list-style: none;
}

.footer-nav li {
	display: block;
	float: left;
	margin-left: 12px;
}

.footer-nav li a {
	text-decoration: none;
}

.copyright {
	float: left;
}


/* --------------------------------------------------------------------------- */

/*  PROJECT  */


.section.project {
	margin-bottom: 80px;
}

.project-media {
	display: block;
	float: right;
	width: 74.7%;

	
}

.project-items {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	list-style: none;

	
}

.project-items li {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	background: #333;

	
}

.project-items li img {
	display: block;
	width: 100%;
}

.project-items li iframe {
	display: block;
	width: 100%;
}

.project-details {
	float: left;
	width: 21%;
	margin-right: 4.3%;
	overflow: hidden;
}

.project .section-content {
	width: 100%;
}

.page-controls {
	position: absolute;
	display: block;
	width: 22.41%;
	height: 72px;
	text-align: center;
	top: 48px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor: default;

	
}

.page-controls a.previous, .page-controls a.next {
	color: #ccc;
}

.css3 .page-controls a.previous:hover, .css3 .page-controls a.next:hover {
	color: #333;
}

.page-number {
	display: block;
	font-size: 400%;
	line-height: 72px;
	color: #f3f3f3;
	width: 70%;
	float: left;
}

a.previous, a.next {
	display: inline-block;
	position: relative;
	font-size: 200%;
	text-decoration: none;
	font-weight: 400;
	font-family: sans-serif;
	float: left;
	width: 11%;
	line-height: 20px;
	padding: 24px 2%;
}

.previous:before {
	content: "\2039";
	float: left;
}

.next:before {
	content: "\203A";
	float: right;
}

.comments-wrap {
	width: 100%;
	float: right;
	margin-top: 48px;
}

.comments-wrap.blog-post-comments {
	width: 100%;
	float: right;
	margin-top: 60px;
}

.comments-wrap.project-comments {
	width: 73.34%;
	float: right;
	margin-top: 48px;
}

.comment-form-wrap {
	width: 100%;
	margin-top: 48px;
	float: left;
}


.comment-list {
	display: block;
	float: left;
	margin-top: 24px;
	list-style: none;
}

.comment-list li {
	width: 80%;
	display: inline-block;
	float: left;
	margin-bottom: 23px;
	padding-bottom: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.reply {
	margin-left: 7%;
	display: block;
	float: left;
	margin-top: 40px;
	padding-top: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	list-style: none;
}

.reply li {
	border: none;
	padding-bottom: 0;
	width: 100%;
}

.reply li:last-child {
	margin-bottom: 0;
}

.comment-wrap {
	display: block;
	width: 81%;
	float: left;
}

.comment-heading {
	display: block;
	width: 100%;
	float: left;
}

.comment-author {
	margin-bottom: 8px;
}

.comment-date {
	
}

.comment-body {
	display: block;
	width: 100%;
	float: left;
	margin-top: 16px;
}

.avatar-wrap {
	float: left;
	width: 14%;
	margin-right: 5%;
}

.avatar {
	display: block;
	width: 100%;
	float: left;
}

.avatar img {
	display: block;
	width: 100%;
}

a.reply-btn {
	display: block;
	float: left;
	padding: 10px 0;
	width: 100%;
	background-color: #333;
	color: #fff;
	text-align: center;
	text-decoration: none;

	margin-top: 8px;
}


/* ========================================================================================= */
/* ========================================================================================= */
/* ======================================== Single Pages =================================== */
/* ========================================================================================= */
/* ========================================================================================= */

.single-page section {
	margin-top: 0;
}

.single-page #nav-wrap {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.single-page #logo-wrap {
	margin-top: -1px;
}

/*.single-page .standart-template .heading{
	margin-left: 0;
}*/


/* ========================================================================================= */
/* ========================================================================================= */
/* ============================= STANDART PAGE TEMPLATE ==================================== */
/* ========================================================================================= */
/* ========================================================================================= */
.standart-template .headings-container {
	text-align: center;
}

.project-template a.close, .project-template .page-controls {
	display: none;
}

.blog-post-template a.close {
	display: none;
}

/* ========================================================================================= */
/* ========================================================================================= */
/* ======================================== ELEMENTS ======================================= */
/* ========================================================================================= */
/* ========================================================================================= */

.team {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
	list-style: none;
}

.team li {
	display: block;
	position: relative;
	width: 24.25%;
	margin-right: 1%;
	margin-bottom: 1px;
	float: left;
	overflow: hidden;
	border-bottom: 2px solid transparent;
	background: url(../images/style/preview-dark.png) center 40% no-repeat;

	transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
}

.team li:nth-child(4n+0) {
	margin-right: 0;
}

.team li>a {
	display: block;
	height: 100%;
	text-decoration: none;
}

.team li>a img {
	display: block;
	width: 100%;
}

.team li>a h6 {
	padding: 20px 0px;
	margin: 0;
	width: 100%;
	background: #f8f8f8;
	bottom: 0;
	text-align: center;
	color: #666;
	font-size: 120%;
}

.css3 .team li:hover>a img {
	opacity: 0.7;
}

.team-details {
	position: relative;
	list-style: none;
}

.team-details>li {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.team li .team-member-social-icons {
	display: block;
	position: absolute;
	height: 63px;
	bottom: 0;
	right: -25%;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
	background: #f8f8f8;
	opacity: 0;
	filter: alpha(opacity=0);

	transition: right 0.5s, opacity 0.2s;
	-moz-transition: right 0.5s, opacity 0.2s; /* Firefox 4 */
	-webkit-transition: right 0.5s, opacity 0.2s; /* Safari and Chrome */
	-o-transition: right 0.5s, opacity 0.2s; /* Opera */
}

.css3 .team li:hover .team-member-social-icons {
	right: 0;
	opacity: 1;
}

.team li .team-member-social-icons a {
	position: relative;
	top: 50%;
	display: inline-block;
	margin: 0 1px 0 1px;
	width: 40px;
	height: 40px;
	opacity: 1;
}

.team li .team-member-social-icons a:hover {
	opacity: 0.7;
}

.team li .team-member-social-icons a img {
	display: block;
	position: relative;
	top: -50%;
}

/* DROP-CAPS */

p.drop-cap:first-letter {
	color: #333;
	margin-top: 23px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	font-size: 500%;
}

p.drop-cap.square:first-letter {
	background: #f93152;
	padding:17px 15px 16px 15px;
	text-align: center;
	color: #fff;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 250%;
}

p.drop-cap.round:first-letter {
	background: #f93152;
	width: 27px;
	padding:17px 15px 16px 15px;
	text-align: center;
	color: #fff;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	font-size: 250%;

	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

/* HIGHLIGHTS */

.highlight {
	background: #f93152;
	color: #fff;
	padding: 3px 4px;
}

.highlight-yellow {
	background: #ffff00;
	color: #000;
	padding: 3px 4px;
}

.highlight-black {
	background: #333;
	color: #fff;
	padding: 3px 4px;
}

/* MEDIA GALLERY */

.media-gallery {
	display: block;
	width: 100%;
	list-style: none;
}

.media-gallery li {
	display: block;
	width: 29.5%;
	margin-right: 5%;
	float: left;
	margin-bottom: 40px;

	background: #333 url(../images/style/zoom.png) center no-repeat;
	overflow: hidden;
}

.media-gallery li:nth-child(3n+0) {
	margin-right: 0;
}

.media-gallery li a, .media-gallery li img {
	display: block;
}

.media-gallery li > a img {
	width: 100%;
}

.css3 .media-gallery li a:hover img {
	opacity: 0.5;
}

/* TABS */

.tab-box  {
	display: block;
	position: relative;
	margin-bottom: 30px;
	list-style: none;
}

.tab-btns {
	position: relative;
	z-index: 10;
	list-style: none;
}

.tab-box .tab-btns li {
	display: inline-block;
	padding: 15px 15px 13px 15px;
	margin: 0;
	border: 1px solid #ededed;
	border-right-color: transparent;
	background: #fff;
	border-bottom: none;

	margin-left: -4px;
}

.tab-box .tab-btns li a {
	text-decoration: none;
}

.tab-box .tab-btns li:first-child {
	margin-left: 0;
}

.tab-box .tab-btns li:last-child {
	border-right: 1px solid #ededed;
}

.tab-box .tabs li {
	display: block;
	position: absolute;
	margin-top: -1px;
	padding: 18px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 0;
	width: 100%;
	list-style: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	display: none;
}

.tab-box .tabs li:nth-child(1) {
	display: block;
	position: static;
}

.tab-box .tab-btns li.active-tab, .tab-box .tab-btns li.first-child {
	border-right: 1px solid #ccc;
	border-bottom: none;
	padding-bottom: 14px;
	border-color: #ccc !important;
}

.tab-box .tab-btns li.active-tab a, .tab-box .tab-btns li.first-child a{
	color: #333;
	text-decoration: none;
}

.tab-box .tabs li.active-tab {
	display: block;
}

.tab-box .tab-btns li.last-item {
	border-right: 1px solid #ededed;
}

/* TOGGLES */

.toggle {
	list-style: none;
}

.toggle li {
	display: block;
	overflow: hidden;

	border-style: solid;
	border-width: 1px;

	border-bottom-style: none;
}

.toggle li .toggle-item-content {
	width: 100%;
	padding: 0px 15px 20px 20px;
	overflow: hidden;
	display: none;
	float: left;

	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.toggle li.open .toggle-item-content {
	display: block;
}

.toggle li.open-item a {
	color: #333;
}

.toggle li > a {
	display: inline-block;
	float: left;
	width: 100%;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;

	text-decoration: none;
}

.toggle li.last-item {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.toggle li:last-child {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


/* MESSAGE BOXES */

.message-box {
	padding: 18px 20px 18px 60px;
	color: #666;
}

.notification {
	border: 1px solid #CAE9FE;
	background: #E7F5FF url(../images/style/message-box/notification.png) 10px center no-repeat;
}

.error {
	border: 1px solid #FECAEF;
	background: #FFE7F8 url(../images/style/message-box/error.png) 10px center no-repeat;
}

.success {
	border: 1px solid #DCFECA;
	background: #EFFFE7 url(../images/style/message-box/success.png) 10px center no-repeat;
}

.warning {
	border: 1px solid #FEF8CA;
	background: #FFFCE7 url(../images/style/message-box/warning.png) 10px center no-repeat;
}

/* ERROR 404 */

#error404-page {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	z-index: 999999;

	display: none;
}

.error404-wrapper {
	position: relative;
	width: 940px;
	margin: -100px auto 0 auto;
	top: 50%;
}

#error404-page h1 {
	font-size: 600%;
	float: left;
	margin-right: 40px;
	padding-right: 40px;
	padding-bottom: 30px;
	border-right-style: solid;
	border-right-width: 1px; 
}

#error404-page h3, #error404-page h4, #error404-page p {
	float: left;
}

#error404-page h3 {
	margin-bottom: 0;
}

a.close-404 {
	position: absolute;
	display: block;
	text-decoration: none;
	right: 0;
	top: 0;
	width: 5%;
	height: 40px;

}

a.close-404:before {
	content: "\02DF";
	display: block;
	width: 100%;
	height: 100%;
	
	font-size: 400%;
	line-height: 120%;
	text-align: center;
}


/* MEDIA BOX */

.media-box {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8) url(../images/loading-dark.gif) center no-repeat;
	z-index: 999999;
	top: 0;
	left: 0;
}

.media-box-media img, .media-box-media iframe {
	display: block;
}

.media-box-media {
	position: absolute;
	border: 4px solid rgba(0,0,0,0.3);

	/*-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);*/
}

.media-box-title {
	position: absolute;
	bottom: 120px;
	left: 50%;
	text-align: center;
}

.media-box-title p {
	position: relative;
	padding: 10px;
	background-color: #000;
	color: #fff;
	left: -10px;
	margin-left: -50%;
	width: 100%;
}

.media-box-controls {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 126px;
	margin-left: -63px;
	text-align: center;
}

.media-box-controls a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 2px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.media-box-controls a:before {
	position: absolute;
	width: 10px;
	height: 10px;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -5px;
}

.media-box-controls a.media-box-close:before {
	content: "\02DF";
	line-height: 25px;
	font-size: 250%;
}

.media-box-controls a.media-box-back:before {
	content: "\2039";
	line-height: 5px;
	font-size: 230%;
	margin-left: -6px;
}

.media-box-controls a.media-box-next:before {
	content: "\203A";
	line-height: 5px;
	font-size: 230%;
	margin-left: -5px;
}


/* BOX LOADER */

.box-loader-data {
	position: relative;
	width: 100%;
	overflow: hidden;
}


/* PRELOAD SCREEN */

.preload-screen {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff url(../images/loading.gif) center no-repeat;
	z-index: 999999;
}

.mobile-preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/loading-dark.gif) center no-repeat;
	z-index: 999999;
	
	display: none;
}





/* Color Settings */

/* this rule is to change the CSS3 fallback animation color in Internaet Explorer */
.ie-color-sample {
	display: none !important;

	color: #f93152;
	background-color: #333333;
	border: 0px solid #f8f8f8;
}

.css3 a:hover {
	color: #f93152;
}

.css3 .nav li a:hover {
	color: #f93152;
}

.nav li.current a {
	color: #f93152 !important;
}

.css3 #nav-wrap-clone .nav li a:hover {
	color: #f93152;
}

#nav-wrap-clone .nav li.current a {
	color: #f93152;
}

.css3 .flex-direction-nav .flex-prev:hover, .css3 .flex-direction-nav .flex-next:hover {
	color: #fff;
	background-color: #f93152;
}

.css3 .caption a:hover {
	color: #f93152;
}

.css3 a.filter-opener:hover {
	background-color: #f93152;
	color: #fff;
}

.works-filter li.fg-active a {
	background-color: #f93152;
	color: #fff;
}

.css3 .works-filter li a:hover {
	background-color: #f93152;
	color: #fff;
}

.css3 a.load-more:hover {
	background-color: #f93152;
}

.css3 a.load-more:hover span{
	color: #fff;
}

.blog-categories li.active a, .blog-archives-by-month li.active a {
	color: #333;
	border-left: 2px solid #f93152;
}

.css3 a.post-date:hover {
	background-color: #f93152;
	color: #fff;
}

.css3 a.map-opener:hover {
	background-color: #f93152;
	color: #fff;
}

input[type="submit"] {
	background-color: #f93152;
	color: #fff;
}

.css3 a.reply-btn:hover {
	background-color: #f93152;
	color: #fff;
}

.team li.active-member, .team li.active {
	border-bottom: 2px solid #f93152;
}

p.drop-cap.square:first-letter {
	background: #f93152;
}

p.drop-cap.round:first-letter {
	background: #f93152;
}

.highlight {
	background: #f93152;
	color: #fff;
}

.highlight-yellow {
	background: #ffff00;
	color: #000;
}

.highlight-black {
	background: #333;
	color: #fff;
}

.css3 .media-box-controls a:hover {
	background-color: #f93152;
	color: #fff;
}