:focus { outline: none; }

ul, ol
{
	/* list-style: none; */
	/* list-style-image: none; */
}

iframe
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html,body { height: 100%; }

body
{
	font-family: 'Ubuntu', sans-serif;
	line-height: 1.5;
	color: #555;
	-webkit-font-smoothing: antialiased;
}

#preloader
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 999999;
}

#status
{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/preload.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

.desktop .opacity-box { opacity: 0; }

a,
a:hover,
a:focus
{
	text-decoration: none;
	outline: none;
}

img
{
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	ms-interpolation-mode: bicubic;
	opacity: 1;
	filter: alpha(opacity=100);
}

h2,
h3,
h4,
h5
{
	font-family: 'PT Serif', serif;
	line-height: 1.1;
	text-transform: uppercase;
	color: #333;
	position: relative;
	font-weight: normal;

	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

h2 { font-size: 36px; }
h3 { font-size: 23px; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }


h2.with-border:before,
h3.with-border:before,
h4.with-border:before
{
	content: "";
	display: block;
	height: 1px;
	width: 24px;
	background: #333;
	margin-bottom: 7px;

	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

h2.with-border.border-center:before,
h3.with-border.border-center:before,
h4.with-border.border-center:before
{
	margin-left: auto;
	margin-right: auto;
}

h2.with-border.border-left:before,
h3.with-border.border-left:before,
h4.with-border.border-left:before
{
	margin-left: 0
}

h2.with-border.border-right:before,
h3.with-border.border-right:before,
h4.with-border.border-right:before
{
	margin-right: auto;
}

.date-post
{
	font-size: 12px;
	color: #afafaf;
	display: block;
	margin-bottom: 15px;

	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.parallax
{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.desktop .parallax { background-attachment: fixed; }

.section
{
	position: relative;
	padding-top: 70px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 1;
}

.section > .pattern
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.section-heading
{
	text-align: center;
	margin-bottom: 45px;
}

.section-heading-white h2 { color: #fff !important; }
.section-heading-white h2:before { background-color: #fff !important; }

.section-heading .caption
{
	font-size: 14px;
	color: #868686;
	font-style: italic;
	margin-top: 5px;
}

.section-heading-white .caption { color: #c4c4c4; }

/*block-item*/
.block-item
{
	background-color: #fff;
	cursor: default;

	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.block-item:hover,
.event-item:hover .block-item
{
	color: #fff;
}

.block-item:hover .btn-more-wrap,
.event-item:hover .block-item .btn-more-wrap
{
	border-color: rgba(255,255,255,0.4);
}

.event-item:hover .block-item .date-post,
.event-item:hover .block-item .btn-more-wrap a,
.block-item:hover .btn-more-wrap a
{
	color: #fff;
}

.block-item:hover h4 { color: #fff; }
.block-item:hover h4:before { background: #fff !important; }
/*block-item end*/

.btn-more-wrap
{
	position: absolute;
	border-top: 1px solid #dadada;
	padding-top: 12px;

	-webkit-transition: border .3s ease-in-out;
	-moz-transition: border .3s ease-in-out;
	-ms-transition: border .3s ease-in-out;
	-o-transition: border .3s ease-in-out;
	transition: border .3s ease-in-out;
}

.btn-more-wrap a
{
	position: relative;
	font-size: 12px;
	font-family: 'PT Serif', serif;
	text-transform: uppercase;
	line-height: 2;
	min-height: 24px;
	color: #505050;
	display: inline-block;
	padding-right: 25px;

	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.btn-more-wrap a i
{
	position: absolute;
	right: 0;
	top: 0;
}

.btn-more-wrap a i:before { font-size: 14px; }


.btn_load_more
{
	display: block;
	text-transform: uppercase;
	font-family: 'PT Serif',serif;
	text-align: center;
	overflow: hidden;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn_load_more i
{
	display: inline-block;
	font-size: 18px;
	height: 100%;
	vertical-align: top;
}

/*--header--*/

header.theme-header
{
	background-color: #fff;
	padding: 19px 0 20px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}

header.theme-header:after
{
	content:'';
	display:block;
	position:absolute;
	top: 100%;
	left: 0;
	width:100%;
	height:6px;
	background:url(../images/fon/header_shadow.png) repeat-x left top;
}

#menu_link
{
	display: none;
	width: 50px;
	height: 50px;
	padding: 17px 0;
	margin-left: auto;
	margin-right: 20px;
}

#menu_link span
{
	display: block;
	width: 16px;
	height: 3px;
	background-color: #656565;
	margin: 3px auto 0;

	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

#menu_link span:first-child { margin-top: 0; }

#header-navigation
{
	line-height: 0;
	font-size: 0;
	letter-spacing: -1px;
	counter-reset: list;
}

#header-navigation li
{
	position: relative;
	display: inline-block;
	line-height: 1;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	width: 16.667%;
}

#header-navigation li:first-child:before { background: none; }

#header-navigation a
{
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	font-family: 'PT Serif', serif;
	color: #505050;
	padding: 0 20px;
}

#header-navigation a:before
{
	display: inline-block;
	vertical-align: top;
	content: "0"counter(list);
	counter-increment: list;
	width: 100%;
	font-size: 13px;
	font-family: 'Ubuntu', sans-serif;
	color: #868686;

	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-ms-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}

#header-navigation a:hover:before,
#header-navigation a.current:before
{ color: #676767; }

#header-navigation .link-innner
{
	overflow: hidden;
	display: block;
}

#header-navigation .link-text
{
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	transition: transform 0.3s ease;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

#header-navigation .link-text::before
{
	position: absolute;
	top: 100%;
	text-align: left;
	content: attr(data-hover);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#header-navigation a:hover .link-text,
#header-navigation a.current .link-text
{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	text-align: center;
}

#header-navigation .description
{
	display: block;
	font-size: 13px;
	color: #777777;
	font-family: 'Ubuntu', sans-serif;
	text-transform: none;
	margin-top: 3px;

	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-ms-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}

#header-navigation a:hover .description,
#header-navigation a.current .description
{
	color: #333333;
}

@media (min-width: 769px) {
	#header-navigation li:before
	{
		content: "";
		height: 13px;
		width: 1px;
		background: #e5e5e5;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -6px;
	}

	.dark-layout #header-navigation li:before { background: #424242; }
}

/*--header end--*/

/*--slider --*/

#top-slider
{
	height: 100%;
	min-height: 480px;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-bottom: 10px;
}

#top-slider #top { height: 100%; }

#top-slider:after
{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: url('../images/fon/slide_bg_after.png') 0 0;
	z-index: 3;
}

#slider-wrapper
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

#slider-wrapper:after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/fon/slide_bg.png) 0 0;
}

#slider-controls div
{
	padding-top: 7px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	width: 54px;
	height: 57px;
	background-color: #fff;
	font-size: 13px;
	font-family: 'PT Serif', serif;
	text-transform: uppercase;
	color: #505050;
	text-align: center;
	line-height: 1;
	z-index: 4;

	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	-webkit-transition: left 0.2s ease;
	-webkit-transition-property: left,right;
	-moz-transition: left 0.2s ease;
	-moz-transition-property: left,right;
	-o-transition: left 0.2s ease;
	-o-transition-property: left,right;
	-ms-transition: left 0.2s ease;
	-ms-transition-property: left,right;
	transition: left 0.2s ease;
	transition-property: left,right;
}

#slider-controls div.prev {
	left: -28px;
	background-position: 0px 0px;

	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate-90deg);
	transform: rotate(90deg);
}

#slider-controls div.prev:hover { left: 0px; }

#slider-controls div.next {
	right: -28px;
	background-position: 27px 0px;

	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#slider-controls div.next:hover { right: 0px; }

#slider-controls div i
{
	display: block;
	font-size: 35px;
	color: #707070;
}

#prewiev
{
	position: relative;
	height: 100%;
	min-height: 460px;
	padding-bottom: 20px;
	text-align: center;
	z-index: 2;
}

#prewiev:before
{
	content: "";
	width: 0;
	height: 100%;
	margin-left: -4px;
}

#prewiev:before,
#prewiev .prewiev-inner
{
	display: inline-block;
	vertical-align: middle;
}

#prewiev .prewiev-inner
{
	width: 100%;
	margin-top: -8%;
}

#logo-wrap
{
	padding: 0 15px;
	margin-bottom: 44px
}

#logo
{
	max-width: 561px;
	height: 250px;
	margin: auto;
	background-repeat: no-repeat;

	-webkit-background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

#social-btn-wrap
{
	line-height: 0;
	font-size: 0;
	letter-spacing: -1px;
	padding: 0 50px;
}

#social-btn-wrap a
{
	display: inline-block;
	font-size: 20px;
	letter-spacing: 0;
	width: 48px;
	height: 48px;
	margin: 6px 5px;
	overflow: hidden;
}

#social-btn-wrap span
{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/icons/soc_btn_bg.png);
	background-repeat: no-repeat;
	-webkit-background-size: 293px 97px;
	-o-background-size: 293px 97px;
	-moz-background-size: 293px 97px;
	background-size: 293px 97px;
	-webkit-transition: -webkit-transform .3s ease-in-out !important;
	-moz-transition: -moz-transform .3s ease-in-out !important;
	-ms-transition: -ms-transform .3s ease-in-out !important;
	-o-transition: -o-transform .3s ease-in-out !important;
	transition: transform .3s ease-in-out !important;
}

#social-btn-wrap span.first { color: #fff; }
#social-btn-wrap span.second { background-position: 0 -49px; }


#social-btn-wrap span:before
{
	position: relative;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	line-height: 48px;
	z-index: 2;
}

#social-btn-wrap a:hover span
{
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.down_btn
{
	/* position: absolute; */
	/* left: 50%; */
	/* bottom: 5%; */
	display: inline-block;
	font-family: 'PT Serif', serif;
	text-transform: uppercase;
	color: #fff;
	width: 55px;
	height: 55px;
	margin-left: -27px;
	font-size: 13px;
	opacity: .72;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=72)';
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.down_btn:hover,
.down_btn:focus
{
	color: #fff;
}

.down_btn i
{
	display: block;
	line-height: 1;
	font-size: 30px;
	width: 100%;
}

.down_btn:hover i
{
	-webkit-animation-name: movearrow;
	-webkit-animation-duration: 350ms;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	-moz-animation-name: movearrow;
	-moz-animation-duration: 350ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction :alternate;

	-ms-animation-name: movearrow;
	-ms-animation-duration: 350ms;
	-ms-animation-timing-function: ease-in;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: alternate;

	-o-animation-name: movearrow;
	-o-animation-duration: 350ms;
	-o-animation-timing-function: ease-in;
	-o-animation-iteration-count: infinite;
	-o-animation-direction :alternate;

	animation-name: movearrow;
	animation-duration: 350ms;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@-webkit-keyframes movearrow
{
	0% { margin-top: 0px; }
	100% { margin-top: 10px; }
}

@-moz-keyframes movearrow
{
	0% { margin-top: 0px; }
	100% { margin-top: 10px; }
}

@-ms-keyframes movearrow
{
	0% { margin-top: 0px; }
	100% { margin-top: 10px; }
}

@-o-keyframes movearrow
{
	0% { margin-top: 0px; }
	100% { margin-top: 10px; }
}

@keyframes movearrow
{
	0% { margin-top: 0px; }
	100% { margin-top: 10px; }
}

/*--slider end--*/

/*--about --*/

#about {}

.parallax-viewport
{
	position: relative;
	height: 189px;
	overflow: hidden;
	margin-bottom: 25px;
}

.parallax-viewport:before
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/fon/author_info_bg.png);
	z-index: 1;
}

.parallax-layer
{
	position: absolute;
	/*height: 330px;
	width: 1300px;*/
}

.parallax-layer img {}

#author-info
{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 2;
}

#author-info:before
{
	content: "";
	width: 0;
	height: 100%;
	margin-left: -4px;
}

#author-info:before,
#author-info p
{
	display: inline-block;
	vertical-align: middle;
}

#author-info p
{
	width: 100%;
	line-height: 30px;
	font-size: 21px;
	font-family: 'PT Serif', serif;
	text-transform: uppercase;
	color: #fff;
	padding: 0 5px;
}

#about .block-text {}

#about .block-text p
{
	margin-bottom: 20px;
	line-height: 20px;
}

.skills-block
{
	text-align: center;
	margin-top: 25px;
}

.skills-item
{
	line-height: 0;
	font-size: 0;
	letter-spacing: -1px;
}

.skills-item
{
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 190px;
	padding: 3px;
	margin-top: 25px;
}

.skills-item .chart
{
	position:relative;
	border: 27px solid #e1e1e1;
	margin:0 auto 20px;
	width:99px !important;
	height:99px !important;
	line-height:99px !important;
	font-size: 41px;
	font-family: 'PT Serif', serif;
	color: #505050;
	text-align:center;

	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;

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

.skills-item .chart span
{
	position: relative;
	display:inline-block;
}

.skills-item .chart span:after
{
	content: attr(data-after);
	position: absolute;
	font-size: 20px;
	line-height: 90px;
	overflow: hidden;
}

.skills-item .chart canvas
{
	position: absolute;
	left: -30px;
	top: -30px;
}

.skill-descr
{
	font-size: 15px;
	line-height: 1;
	color: #333;
}

/*--about end --*/

/*--serviсes --*/

#services { }

#services .container
{
	position: relative;
	z-index: 2;
}

.services-block {}
.services-block-inner { margin-bottom: -40px; }
.servisec-item-wrap
{
	max-width: 550px;
	padding-left: 68px;
	margin-bottom: 40px;
}

.servisec-item
{
	position: relative;
	padding: 30px 45px 79px 85px;
}

.servisec-item h4 { margin-bottom: 10px; }

.servisec-item .btn-more-wrap
{
	left: 85px;
	right: 45px;
	bottom: 25px;
}

.servisec-preview
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 102px;
	height: 102px;
	overflow: hidden;
	margin-top: -30px;
	text-align: left;
	z-index: 100;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

[class^="servisec-preview icon-"]:before,
[class*="servisec-preview icon-"]:before
{
	position: absolute;
	height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px;
	line-height: 102px;
	color: #fff;
	z-index: 100;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.servisec-preview-inner
{
	position: relative;
	width: 132px;
	height: 132px;
	overflow: hidden;
	margin-left: -15px;
	margin-top: -15px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.servisec-preview-inner:before
{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: url("../images/icons/servisec_preview_bg.png") no-repeat;
}

.servisec-preview-inner:after
{
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	width: 128px;
	height: 128px;
	background: url("../images/fon/services_item_bg.png") no-repeat;

	opacity: 0.8;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';

	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}

.servisec-preview img
{
	margin-top: 2px;
	margin-left: 2px;
}

/*--serviсes end --*/

/*--events --*/

#events { background-color: #f9f9f9; }

#events-block { position: relative; }

.event-item
{
	position: relative;
	min-width: 285px;
	z-index: 2;
}

.event-item[data-sizex="1"] { width: 285px; }
.event-item[data-sizex="2"] { width: 570px; }
.event-item[data-sizex="3"] { width: 855px; }
.event-item[data-sizex="4"] {width: 97.5%;}

.event-item[data-img-position="right"] { padding-left: 285px; }
.event-item[data-img-position="left"]  {padding-right: 285px;}
.event-item[data-img-position="top"]   { padding-bottom: 310px; }

.event-item[data-sizey="1"] .events-img { height: 310px; }
.event-item[data-sizey="2"] .events-img { height: 620px; }
.event-item[data-sizey="3"] .events-img { height: 620px; }

.events-img
{
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
}

.events-img:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(56,54,39,0.5);

	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.event-item:hover .events-img:before { background-color: rgba(15,15,11,0.75); }

[data-img-position="right"] .event-description
{
	top: 0;
	left: 0;
	bottom: 0;
}

[data-img-position="left"] .event-description
{
	top: 0;
	right: 0;
	bottom: 0;
}

[data-img-position="top"] .event-description
{
	right: 0;
	bottom: 0;
}

.event-description
{
	position: absolute;
	width: 285px;
	max-height: 100%;
	min-height: 310px;
	padding: 30px 30px 40px 30px;
}

.event-description:after
{
	content: "";
	position: absolute;
	border: 8px solid;
	border-color: transparent;

	-webkit-transition: border-color .3s ease-in-out;
	-moz-transition: border-color .3s ease-in-out;
	-ms-transition: border-color .3s ease-in-out;
	-o-transition: border-color .3s ease-in-out;
	transition: border-color .3s ease-in-out;
}

[data-img-position="right"] .event-description:after
{
	top: 40px;
	left: 100%;
	border-left-color: #fff;
}

[data-img-position="left"] .event-description:after
{
	top: 40px;
	right: 100%;
	border-right-color: #fff;
}

[data-img-position="top"] .event-description:after
{
	bottom: 100%;
	left: 50%;
	margin-left: -4px;
	border-bottom-color: #fff;
}

.event-item[data-img-position="right"]:hover .event-description:after { border-left-color: #a8a175; }
.event-item[data-img-position="left"]:hover .event-description:after { border-right-color: #a8a175; }
.event-item[data-img-position="top"]:hover .event-description:after { border-bottom-color: #a8a175; }

.event-description h3 { margin-bottom: 5px; }
.event-item:hover h3 { color: #fff; }
.event-item:hover h3:before { background: #fff !important; }

.event-description p { margin: 20px 0; }

.event-item .btn-more-wrap
{
	bottom: 20px;
	left: 30px;
	right: 30px;
}


#event_btn_load_more
{
	width: 144px;
	height: 35px;
	background-color: #505050;
	line-height: 35px;
	color: #fff;
	margin: 45px auto auto;
}

#event_btn_load_more i { margin-left: 3px; }

/*--events end --*/

/*--portfolio --*/

#portfolio { padding-bottom: 0; }

#portfolio-block {}

.portfolio-item-outer {}

.portfolio-item
{
	position: relative;
	cursor: pointer;
	height: 332px;
	background-position: 50% 50%;
	background-repeat: no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.portfolio-item-outer:nth-of-type(1) .portfolio-item { background-image: url(../images/fotos/portfolio1.jpg); }
.portfolio-item-outer:nth-of-type(2) .portfolio-item { background-image: url(../images/fotos/portfolio2.jpg); }
.portfolio-item-outer:nth-of-type(3) .portfolio-item { background-image: url(../images/fotos/portfolio3.jpg); }
.portfolio-item-outer:nth-of-type(4) .portfolio-item { background-image: url(../images/fotos/portfolio4.jpg); }
.portfolio-item-outer:nth-of-type(5) .portfolio-item { background-image: url(../images/fotos/portfolio5.jpg); }

.portfolio-item:before,
.portfolio-projects-item:before
{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(168,161,117,0.12);
	z-index: 1;
}

.portfolio-item-caption
{
	position: relative;
	width: 50%;
	height: 100%;
	padding-top: 102px;
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
	z-index: 2;
}

.portfolio-item-caption:before
{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;

	opacity: .66;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=66)';

	-webkit-transition: background-color .3s ease-out, opacity .3s ease-out;
	-moz-transition: background-color .3s ease-out, opacity .3s ease-out;
	-ms-transition: background-color .3s ease-out, opacity .3s ease-out;
	-o-transition: background-color .3s ease-out, opacity .3s ease-out;
	transition: background-color .3s ease-out, opacity .3s ease-out;
}

.portfolio-item:hover .portfolio-item-caption:before,
.portfolio-item.toggle-current .portfolio-item-caption:before
{
	opacity: .84;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=84)';
}


.portfolio-item-outer:nth-of-type(odd) .portfolio-item-caption
{
	float: left;
	text-align: right;
}

.portfolio-item-outer:nth-of-type(even) .portfolio-item-caption
{
	float: right;
}

.portfolio-item-caption h3
{
	color: #fff !important;
	margin-bottom: 20px;
}

.portfolio-item-caption h3:before { background: #fff !important; }

.portfolio-item-outer:nth-of-type(odd) .portfolio-item-caption h3:before { margin-left: auto; }

.portfolio-item-caption p
{
	position: relative;
	display: inline-block;
	max-width: 440px;
}

.options
{
	text-align: center;
	padding: 50px 0;
}

.option-set { display: inline-block; }

.option-set li
{
	display: inline-block;
	vertical-align: top;
	padding: 0 32px;
}

.option-set a
{
	position: relative;
	display: block;
	line-height: 20px;
	font-size: 13px;
	text-transform: uppercase;
	color: #505050;
	padding: 5px 0;
	height: 30px;
}

.option-set a:before
{
	position: absolute;
	top: 5px;
	overflow: hidden;
	max-width: 0;
	content: attr(data-hover);
	white-space: nowrap;

	-webkit-transition: max-width 0.2s ease-in;
	-moz-transition: max-width 0.2s ease-in;
	-ms-transition: max-width 0.2s ease-in;
	-o-transition: max-width 0.2s ease-in;
	transition: max-width 0.2s ease-in;
}

.option-set a.selected:before,
.option-set a:hover:before
{
	max-width: 100%;
}

.portfolio-projects-block { overflow: hidden; }

.portfolio-projects-item
{
	position: relative;
	width: 33.333%;
	overflow: hidden;
	z-index: 2;
}

.portfolio-projects-item:before
{
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-ms-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}

.portfolio-projects-item:hover:before { background-color: rgba(0,0,0,0.66); }

.portfolio-projects-item figure
{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 63.6%;
}

.portfolio-projects-item img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-ms-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
}

.portfolio-projects-item:hover img
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}


.portfolio-projects-caption
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 150px;
	text-align: center;
	color: #fff;
	background-color: #a8a175;
	padding: 0 10%;
	padding-top: 50px;
	z-index: 2;

	-webkit-transform: translate(0,100%);
	-moz-transform: translate(0,100%);
	-o-transform: translate(0,100%);
	-ms-transform: translate(0,100%);
	transform: translate(0,100%);

	-webkit-transition: -webkit-transform 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
	-moz-transition: -moz-transform 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
	-o-transition: -o-transform 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
	transition: transform 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;
}

.portfolio-projects-item:hover .portfolio-projects-caption
{
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.title-caption
{
	display: inline-block;
	font-size: 18px;
	font-family: 'PT Serif',serif;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.text-caption {}

.portfolio-projects-zoom
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	color: #a8a175;
	font-size: 19px;
	visibility: hidden;

	background-image: url(../images/fon/zoom_bg.png);

	-webkit-background-size: 60px 60px;
	-moz-background-size: 60px 60px;
	-o-background-size: 60px 60px;
	background-size: 60px 60px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.portfolio-projects-zoom:before
{
	line-height: 60px;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.portfolio-projects-zoom:hover { color: initial; }

.portfolio-projects-item:hover .portfolio-projects-zoom { visibility: visible; }

#portfolio .btn_load_more
{
	background-color: #f7f7f7;
	height: 55px;
	line-height: 55px;
	color: #505050;
}

#portfolio .btn_load_more:hover { color: #fff; }

/*--portfolio end --*/

/*--contact --*/

#contact {
    border-top: 1px solid #a8a175;
}
#contact h4 { margin-bottom: 20px; }
#contact p
{
	line-height: 1.4;
	margin-bottom: 20px;
}
#contact p span { display: block; }
#contact p a
{
	display: block;
	color: inherit;

	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-ms-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	transition: color .3s ease-in;
}

#contact p a:hover { color: #a8a175; }

#ajax-contact-form {}

#ajax-contact-form .inner { margin-top: -20px; }

form .input-wrp
{
	position: relative;
	display: block;
	margin-top: 20px;
}

form .textfield
{
	display: block;
	width: 100%;
	background-color: #f7f7f7;
	border: 1px solid #f7f7f7;
	font-size: 12px;
	color: #bfbfbf;
	max-height: 178px;
	padding: 15px 20px;
	-webkit-transition: border .3s ease-in-out;
	-moz-transition: border .3s ease-in-out;
	-ms-transition: border .3s ease-in-out;
	-o-transition: border .3s ease-in-out;
	transition: border .3s ease-in-out;
}

input[type="text"] { height: 45px; }

textarea
{
	min-height: 175px;
	overflow: hidden;
	resize: none;
}

#ajax-contact-form  input[type="submit"]
{
	height: 35px;
	text-transform: uppercase;
	font-family: 'PT Serif',serif;
	color: #fefefe;
	background-color: #505050;
	border: none;
	padding: 0 20px;
	margin-top: 20px;

	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.notification_error { margin-top: 20px; }

#contact .cont-info { margin-bottom: 20px; }

/*--contact end --*/

/*--footer --*/

footer.nt-theme-footer
{
	text-align: center;
	font-size: 12px;
}

#to-top
{
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 10px;

	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
}

#to-top:hover { color: #505050; }

#to-top-bg
{
	position: relative;
	display: block;
	width: 52px;
	height: 52px;
	overflow: hidden;
	font-size: 30px;
	color: #fff;
	margin: auto;
	margin-bottom: 5px;
}

#to-top-bg,
#to-top-bg:after
{
	background-image: url(../images/icons/to_top_bg.png);
	background-repeat: no-repeat;

	-webkit-background-size: 317px 105px;
	-o-background-size: 317px 105px;
	-moz-background-size: 317px 105px;
	background-size: 317px 105px;
}

#to-top-bg:after
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-position: 0 -53px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

#to-top:hover #to-top-bg:after
{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

#to-top-bg:before
{
	position: absolute;
	top: 15%;
	left: 0;
	line-height: 1;
	width: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	z-index: 2;

	-webkit-transition: top 150ms ease;
	-moz-transition: top 150ms ease;
	-ms-transition: top 150ms ease;
	-o-transition: top 150ms ease;
	transition: top 150ms ease;
}

#to-top:hover #to-top-bg:before { top: 5%; }

#copyright
{
	border-top: 1px solid;
	font-size: 13px;
	color: #8c8c8c;
	padding: 14px 0;
}

/*--footer end --*/





/*DarkLayout style*/

html.dark-layout,
.dark-layout header.theme-header
{
	background-color: #282828;
}

.dark-layout body,
.dark-layout .option-set a,
.dark-layout #contact
{
	color: #7e7e7e;
}

.dark-layout #header-navigation a { color: #fff; }

.dark-layout #header-navigation a:hover:before,
.dark-layout #header-navigation a.current:before
{
	color: #6c6c6c;
}

.dark-layout #header-navigation a:hover .description,
.dark-layout #header-navigation a.current .description
{
	color: #6b6b6b;
}

.dark-layout #top-slider:after { background: url('../images/fon/dark_slide_bg_after.png') 0 0}

.dark-layout h2,
.dark-layout h3,
.dark-layout h4
{
	color: #a8a175;
}

.dark-layout h2.with-border:before,
.dark-layout h3.with-border:before,
.dark-layout h4.with-border:before
{
	background: #a8a175;
}

.dark-layout #header-navigation a:before,
.dark-layout #header-navigation .description,
.dark-layout .section-heading .caption,
.dark-layout .date-post
{
	color: #5e5e5e;
}

.dark-layout .section-heading-white .caption { color: #8e8d8d; }

.dark-layout .skills-item { color: #969696; }

.dark-layout .skills-item .chart { border-color: #3e3e3e; }

.dark-layout .servisec-item,
.dark-layout #events
{
	background-color: #222222;
}

.dark-layout .btn-more-wrap { border-top: 1px solid #2d2d2d; }
.dark-layout .btn-more-wrap a { color: #676767; }

.dark-layout .event-description .btn-more-wrap { border-top: 1px solid #3d3d3d; }
.dark-layout .event-description .btn-more-wrap a { color: #6f6f6f; }

.dark-layout .event-description { background-color: #313131; }
.dark-layout [data-img-position="right"] .event-description:after { border-left-color: #313131; }
.dark-layout [data-img-position="left"] .event-description:after { border-right-color: #313131; }
.dark-layout [data-img-position="top"] .event-description:after { border-bottom-color: #313131; }

.dark-layout form .textfield
{
	background-color: #3e3e3e;
	border: 1px solid #3e3e3e;
	color: #6b6a6a;
}
div#rev_slider_1_1:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 10px;
    background: url(../images/fon/slide_bg_after.png) 0 0;
    z-index: 20;
}
.portfolio-item-outer.right .portfolio-item-caption {
    float: right;
    text-align: left;
}

.portfolio-item-outer.left .portfolio-item-caption {
    float: left;
}