/*******
[Table of contents]

	+ Body
	+ Image background / .image_background
	+ Color background / .gradient_background
	+ Slideshow background / .slideshow
	+ Video background / .video_background
	+ Wrapper common styles / .wrapper
	+ Header / .header
	+ Counter / .counter_block
	+ Description / .desc
	+ Location / .location
	+ Gallery section / .gallery
	+ Effects
	+ Form / .uk-form
	+ Form submit hints
	+ Footer / .footer
	+ Spinner / .spinner
	+ Media queries
	+ Animations

*******/

/******* Body *******/

html {
	position: relative;
	min-height: 100%;
	background: #555;
}

body {
    font: normal 18px Arial, sans-serif;
    color: #000;
    width: 100%;
}

/******* Image background *******/

/******* Color background *******/

/******* Slideshow background *******/

/******* Video background *******/

/******* Wrapper common styles *******/

.wrapper {
    min-height: 600px;
}

/******* Header *******/

.header {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: auto;
	padding: 30px 60px 0;
	z-index: 17;
	transition: background 0.5s;
    background: rgba(0,0,0,.4);
    margin: 0;
    height: 80px    
}
.header_nav_list_item_link {
	text-transform: uppercase;
	transition: color 0.3s, height 0.5s, line-height 0.5s;
}
.header_nav_list_item_link.uk-active {
	color: #fff;
}
.header_navbar_mobile {
	transition: height 0.5s;
	cursor: pointer;
}
.header_navbar_wrapper {
	display: none;
	margin-right: 10px;
}
.header_nav_wrapper {
	position: relative;
	z-index: 10;
}
.header_nav_list {
	float: none;
}
.header_nav_list .header_nav_list_item {
	float: none;
	display: inline-block;
}

/******* Counter *******/

/******* Description *******/

/******* Location *******/

/******* Gallery section *******/

/******* Effects *******/

.effect {
	background: #82a6a7 url('../images/5.jpg') no-repeat 0 0;
	background-size: cover;
	background-attachment: fixed;
}
.effect:before {
	-moz-opacity: 0.1;
	opacity: 0.1;
}

/******* Form *******/

/******* Form submit hints *******/

/******* Social *******/

/******* Popup *******/

/******* Spinner *******/

/******* Media queries *******/

@media screen and (max-width: 1600px) {
	.uk-navbar-brand, 
	.uk-navbar-toggle {
		height: 80px;
	}
	.uk-navbar-nav > li > a {
		height: 80px;
		line-height: 80px;
		font-size: 14px;
	}
	.header {
		padding: 20px 20px 0;
	}
}
@media screen and (max-width: 1439px) {
	.header {
		padding: 0;
	}
}
@media screen and (max-width: 1024px) {
	html {
		overflow-y: auto;
	}
}
@media screen and (max-width: 959px) {
	html:after {
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 35%, rgba(0,0,0,0.25) 65%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 35%,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: -ms-linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 35%,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 35%,rgba(0,0,0,0.25) 65%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		z-index: 3;
	}
	.logo_link {
		float: none;
		margin-top: 20px;
		margin-bottom: -10px;
		text-align: center;
	}
	.wrapper {
		height: auto;
		min-height: auto;
        margin-top: 0;
	}
/*	.header,
	.header_nav_wrapper	{
		float: none;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		text-align: center;
	}*/
}
@media screen and (max-width: 767px) {
	body {	
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		overflow-x: hidden;
	}
	::-webkit-scrollbar {
		width: 0px;  /* remove scrollbar space */
	}
	.logo_link {
		float: left;
		margin-top: 0;
		margin-bottom: -0;
	}
/*	.header {
		border-bottom: 1px solid rgba(255,255,255,0.25);
	}
	.header_navbar_wrapper {
		display: block;
	}
	.header_nav_wrapper {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.85);
		z-index: 15;
	}
	.header_nav_wrapper .header_nav_list_item {
		display: block;
	}*/
	.uk-navbar-nav > li > a {
		height: 45px;
		line-height: 45px;
	}
}
@media screen and (max-width: 380px) {
	.header .uk-container {
		padding: 0 15px;
	}
}
@media screen and (max-width: 349px) {
	.header .uk-container {
		padding: 0 10px;
	}
}

/******* Animations *******/