@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300&subset=latin,latin-ext,cyrillic);

*
{
	box-sizing:border-box; 
	padding:0;
	margin:0;
}

h1 {
	font-size:35px;
	line-height:38px;
	padding:10px 0;
}

h2 {
	font-size:20px;
	line-height:30px;
	padding:10px 0;
}

body {
	background:#ebebeb;
	border:0;
	font:15px Roboto, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	width:100%;
	}


/* Middle-Full */
#all
{
	width:100%;
}

/* Middle-Middle */
#main {
	margin:0 auto;
	width:1150px;
}

/* BG Classes */
.bg-fa {background:#fafafa;}
.bg-fd {background:#fdfdfd;}
.bg-33 {background:#333333;}
.bg-mb {background:#356AA0;}

/* Margins */
.m5 {margin:5px;}

/* Paddings */
.p55{padding:5px;}
.p1010{padding:10px;}
.p10_0{padding:10px 0;}





/* Middle-Left */
#middle
{
	width:700px;
	display:inline-block;

}

/* Middle-Right */
#side 
{
	vertical-align:top;
	width:340px;
	display:inline-block;
}

#side .box
{
	display:block;
	border:0px solid #333;
}
#side .mx {margin:10px 0;}




#content-text
{
	display:block;
	line-height:26px;
	font-size:18px;
}

#content-text img
{
max-width:100%;
 height: auto;
}



#head_div {
	display:inline-block;
	//border:1px solid #ddd;
}

.logo {width:250px;height:80px;background:url('/templates/karma/logo2.png') no-repeat; background-size:100% auto;background-position: bottom; }
.logo:hover {width:250px;height:80px;background:url('/templates/karma/logo2.png') no-repeat; background-size:101% auto;background-position: bottom; }



ul#topmenu {display:inline-block;list-style-type:none;background:inherit;}
ul#topmenu li 
{
	float:left;display:inline-block;padding:5px;line-height:25px;margin:5px;background:#333;color:#fff;background:inherit;
	border-radius:5px;
}
ul#topmenu li a
{
	text-decoration:none;color:inherit;inherit;padding:30px 20px;
}

ul#topmenu li.logo
{
	background:#fff;color:#333;
}


ul#topmenu li:hover {background:#fff;color:#333;}

.decorated_link{
	color: inherit;
}
.decorated_link:link {
	text-decoration: none;
}
.decorated_link:hover {
	color: red;
}

/* content inside */
ss.hr {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
	}

	
.hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #356AA0;
    color: #333;
    text-align: center;
}


/* Slide Main */
div.slider_header {display:block;height: auto;}


#content_stage div.image {position:relative;height:301px;}
#content_stage div.image img.img {display:inline-block}
#content_stage div.image img#stage {position:absolute;left:0;top:0;}
#content_stage div.image img#stage_right_arrow {position:absolute;right:0px;width:40px;top:100px;}
#content_stage div.image img#stage_left_arrow {position:absolute;left:0px;width:40px;top:100px;}

#content_stage div.image img.next {display:inline-block;position:absolute;left:680px;}
#content_stage div.image img.previous {display:inline-block;position:absolute;left:-600px;}

		
		
h2.stage {height:70px;line-height:20px;z-index:1;}

		div#slider_navigation {display:block;height:60px;width:100%;}
		div.slider_nav {border-radius:5px;float:left;cursor:pointer;display:inline-block;border:1px solid #ddd;background:#ebebeb;color:#333;padding:15px;margin:2px;}
		div.slider_nav_front {background:#333;color:#ebebeb;}
		div.back {display:none;}
		div.front {display:block;}
		
		.hilight {
 background-color: rgba(0,0,0,0.65);
 position: absolute;
 height: 85px;
 padding:10px;
 width: 100%;
 color: #FFF;
 bottom: 0px;line-height:17px;z-index:1;
}

a#stage_url {text-decoration:none;color:#fff;}


.img {
	animation: slide3 6s ease-in-out infinite 0s;animation-direction:alternate; 
	height:300px;
}

#content_stage {overflow:hidden;max-height:100%;}

#content_stage:hover .img
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
     animation-play-state: paused;
}

@keyframes slide3 {
  from {height:100%;width:100%;}
  to   {height:105%;width:105%;}

}


/* Weather */
div#w_div
{
	display:inline-block;
	width:32%;
}
div.parent_div_weather {
	background:deepskyblue;border-radius:5px;padding:4px;line-height:19px;text-align:left;
}
div.w_fleft {
	display:inline-block;float:left;padding:0 10px;line-height:25px;
}
div.w_city {
	display:inline-block;line-height:25px;padding:0 5px;font-weight:bold;font-size:15px;color:#fafafa;
}
div.w_temp {
	display:inline-block;padding:5px;background:skyblue;color:#333;font-size:15px;font-weight:bold;
}


.img-01d, .img-01n, .img-02d, .img-02n, .img-03d, 
.img-03n, .img-04d, .img-04n, .img-09d, .img-09n, 
.img-10d, .img-10n, .img-11d, .img-11n, .img-13d, 
.img-13n, .img-50d, .img-50n
{ display: inline-block; background: url('/templates/images/weather_icons2.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.img-01d { background-position: -0px -0px; width: 30px; height: 30px; }
.img-01n { background-position: -30px -0px; width: 30px; height: 30px; }
.img-02d { background-position: -60px -0px; width: 30px; height: 30px; }
.img-02n { background-position: -90px -0px; width: 30px; height: 30px; }
.img-03d { background-position: -0px -30px; width: 30px; height: 30px; }
.img-03n { background-position: -30px -30px; width: 30px; height: 30px; }
.img-04d { background-position: -60px -30px; width: 30px; height: 30px; }
.img-04n { background-position: -90px -30px; width: 30px; height: 30px; }
.img-09d { background-position: -0px -60px; width: 30px; height: 30px; }
.img-09n { background-position: -30px -60px; width: 30px; height: 30px; }
.img-10d { background-position: -60px -60px; width: 30px; height: 30px; }
.img-10n { background-position: -90px -60px; width: 30px; height: 30px; }
.img-11d { background-position: -0px -90px; width: 30px; height: 30px; }
.img-11n { background-position: -30px -90px; width: 30px; height: 30px; }
.img-13d { background-position: -60px -90px; width: 30px; height: 30px; }
.img-13n { background-position: -90px -90px; width: 30px; height: 30px; }
.img-50d { background-position: -0px -120px; width: 30px; height: 30px; }
.img-50n { background-position: -30px -120px; width: 30px; height: 30px; }

/************** HEADER ****************************/
		//div#head_div {margin:0;width:160px;}
		div.parent_div {
			background:#ebebeb;border-radius:5px;padding:4px;line-height:15px;text-align:center;width:160px;
		}
		div.currency_name {
			padding:8px;font-size:13px;height:29px;font-weight:bold;text-shadow:3px 2px 3px #fff;
		}
		div.currency_val {
			padding:6px 15px;background:#fff;font-weight:bold;font-size:19px;
		}
		div.currency_change {
			padding:3px 10px;background:#fafafa;font-size:11px;
		}
		
		.fixed-header {position:fixed; top:0; left:0;z-index:10;width:100%;}
/************** HEADER ****************************/

.content-tag:hover{
	cursor:pointer
}