/* 54ka */

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Exo+2:400,600|Roboto+Slab:400,100&subset=latin,cyrillic);

/* Global */
html, body	{ margin:0px; font-size:16px; color:#555; font-family: 'Exo 2', Arial, Helvetica, sans-serif;}
h1 	   {font-family: 'Roboto Slab', serif; font-weight:100; padding:0px; margin:0px 0px 10px 0px; text-shadow: 0px 0px 2px rgba(220,220,220, 1);}
.htitle { padding:0px 15px 40px 15px; float:left;}

h2, h3 {font-family: 'Roboto Slab', serif; font-weight:100; padding:0px; margin:0px;}
h1 { text-align:center; font-size:50px;}

a { text-decoration:none; color:#fff;}
a:hover { text-decoration:none; color:#00C3FF;}

h2 span { font-size:70%; text-align:left;}

.wrapper { overflow:hidden;}


.overlay {background:url(overlay.png);}


.whitebg {background:url(whitebg.jpg);}


/* content */
.content { float:left; width:100%;}
.content-int { padding:40px 0px 40px 15px;}



/* LOGO */
.logo { background:url(logo.png) no-repeat center center; background-size: auto 100px; width:100%; height:120px; margin-top:395px; margin-bottom:5px;}
@media all and (max-width: 840px) {.logo {background-size: auto 80px;}}

/* head */
.head { float:left; width:100%; height:650px; background:url(title-03.jpg) no-repeat; background-position:center top;}
@media all and (max-width: 840px) {.head { background-position:60% 0% !important;}}
.head .content-int { color:#fff; text-align:center; padding: 40px 15px 40px 15px;}
.head .content-int h1 { margin-top:0px; padding:0px;}



/* NAVIGATION */
.navigation { position:fixed; z-index:100; height:60px; float:left; width:100%; margin-top:0px; background:rgba(0,0,0,0.7); color:#fff; text-transform:uppercase;}
@media all and (max-width: 840px) {.navigation{ background: #000000 url("logo.png") no-repeat center center / auto 54px;}}

.navigation a {color:#fff; text-decoration:none; font-size: 16px;}
.navigation a:hover { opacity:0.9;}
.navigation ul li { 
	list-style: outside none none;
	float: left;
	border-left: 1px solid #888;
	padding-left: 16px;
	padding-bottom: 8px;
}
.navigation ul li:first-child { border-left:0px;}

.navigation ul { width:680px; padding:0 0 0 0px; margin:15px auto 0 auto;}
@media all and (max-width: 840px) { .navigation ul { display:none; } }

.navigation li { margin:0 5px; padding:7px 5px 3px 5px;}

.uk-icon-home { padding-top:9px !important;}
.uk-icon-small { font-size: 110% !important;}
.uk-icon-facebook-square, .uk-icon-twitter { padding-top:8px;}
.social { opacity:0.7;}
.social:hover { opacity:0.9 !important;}
.social li { padding-top:8px;}


/* goto-link */
.goto-link { margin-top:-59px; padding-top:59px; }


/********************************************************/

/* ForUS */
.forus span { text-align:center; width: 100%; display: block;}

/* artist */
.artist {background:url(artist.jpg) no-repeat center center; color:#fff;}
@media all and (max-width: 840px) {.artist { background-position:62% 40% !important;}}
.artist span { text-align:left; width: 100%; display: block;}
.artist .uk-width-medium-1-3 {background:rgba(10,20,30,0.6); padding-top:20px; padding-bottom:40px;}

.artist-img { border-radius:50%; width:100px; height:100px; border:#ffffff solid 5px;}






/* video */
.video {background:url(firstback.jpg); color:#fff;}
@media all and (max-width: 840px) {.video { background-position:50% 50% !important;}}
.video .uk-modal-dialog {width: 680px;}
.video img { border-radius:5px;}
.video .uk-thumbnail { border-radius:5px;}
.video .uk-thumbnail:hover { color:#000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

	background:rgba(255,255,255,0.7) none repeat scroll 0% 0%;
}

.video object { width:800px; height:450px; border-radius:10px;}
@media all and (max-width: 840px) { .video object { width:100%; height:450px;} }

/* gallery */
.gallery img { border-radius:5px;}
.gallery .uk-thumbnail { border-radius:5px;}
.gallery .uk-thumbnail:hover { color:#000;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);

	background:rgba(255,255,255,0.7) none repeat scroll 0% 0%;
}

/* contactus */
.contactus {background:url(w_line_bg.png);}
.contactus-int{ text-align:center; background:#fff; width:98%; float:left; padding:1%; }
.contactus-int span { padding-left:10px;}
.contactus a { color:#00C3FF;}
.contactus a:hover { color:#555;}

.uk-icon-envelope-o { margin-top:10px;}

#map { width: 100%; height: 400px; }
@media all and (max-width: 840px) {#map { width: 100%; height: 250px; }}

.contact-left {
	background: #FFF none repeat scroll 0% 0%;
	text-align: right;
	padding-top: 30px;
	padding-bottom:30px;
	padding-right: 50px;
	border-right: 1px solid #CCC;
	}
@media all and (max-width: 840px) {.contact-left { text-align:center; padding-right: 0px;} }

.contact-left i { padding-right:10px;}
	

/* foter */
.foter { float:left; width:100%; height:300px; background: url(foter.jpg) #000000 no-repeat; background-position:center center; text-align:center; font-size:14px;}
@media all and (max-width: 840px) {.foter { background-position:35% center !important;}}
.foter a { color:#ccc;}
.foter .logo { margin-top:0px; background-size: auto 70px; height:90px; opacity:0.8;}
.copyr { margin-top:0px; color:#fff; padding:20px 0;}

/*******************************************************/

.uk-thumbnail { margin-bottom:4px; color:#000; font-size:11px; background:rgba(255,255,255,0.5) none repeat scroll 0% 0%; border:0px; text-transform:uppercase;}

@media all and (min-width: 840px) { .mobile-menu-butt { display:none; } }
.mobile-menu-butt { background:#000; padding:14px 10px 16px 10px; color:#ccc;}
.uk-offcanvas-bar ul li { border-bottom:1px dotted #ccc;}
.uk-offcanvas-bar { width:220px;}
/*
.uk-button { z-index: 10; position: relative;}
*/