body
{
font-family: 'Exo 2', sans-serif;
font-size: 13px;
line-height: 15px;
}
.notreq {
background: #AEEEEE;
padding: 5px;
}
.req {
background: #CAFF70;
padding: 5px;
}
.button 
{
background: #F5FFFA;
cursor: pointer;
font-family: 'Exo 2', sans-serif;
font-weight: 600; 
font-size: 17px;
line-height: 19px;
padding: 5px;
border-width: 2px;
border-style: solid;
border-color:  #8470FF;  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* width: 400px; */
}
.buttonkimn 
{
background: #8470FF;
/* cursor: pointer; */
font-family: 'Exo 2', sans-serif;
font-weight: 600; 
font-size: 17px;
line-height: 19px;
padding: 5px;
border-width: 2px;
border-style: solid;
color: #F5FFFA;  
border-color: #8470FF;  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 90%;
}
.buttons
{
line-height: 40px;
}
h1 {
font-family: 'Exo 2', sans-serif;
color: #8470FF;
font-size: 30px;
line-height: 32px;
font-weight: 600; 
}

h1.zag {
font-family: 'Exo 2', sans-serif;
color: #3CB371;
font-size: 45px;
line-height: 47px;
font-weight: 600; 
}
h2 {
font-family: 'Exo 2', sans-serif;
color: #7B68EE;
font-size: 24px;
line-height: 26px;
font-weight: 600; 
}
a {
font-family: 'Exo 2', sans-serif;
color: #7B68EE;
}
h3 {
font-family: 'Exo 2', sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: 600; 
}
h4 {
font-family: 'Exo 2', sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: 600; 
}
h5 {
font-family: 'Exo 2', sans-serif;
font-size: 18px;
line-height: 20px;
}

.button2
{
background: #F5FFFA;
cursor: pointer;
font-family: 'Exo 2', sans-serif;
font-weight: 600; 
font-size: 18px;
line-height: 20px;
padding: 5px;
border-width: 2px;
border-style: solid;
border-color:  #7B68EE;  
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
/* width: 400px; */
}

.leftbar
{
background: #F5FFFA;
font-family: 'Exo 2', sans-serif;
padding: 5px;
border-width: 7px;
border-style: solid;
border-color:  #7B68EE;   
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width: 250px; 
color:#7B68EE; 
}
.hot
{
color: rgb(194, 58, 58);
/*font-size: 14px;
background-color: rgb(255, 255, 255);*/
text-shadow: rgb(255, 255, 255) 0px -1px 2px, rgb(255, 255, 0) 0px -2px 3px, rgb(255, 128, 0) 0px -3px 5px, rgb(255, 0, 0) 0px -4px 10px;
}

.term
{
color: rgb(245, 94, 24);
/*font-size: 22px;
background-color: rgb(255, 255, 255);*/
text-shadow: rgb(255, 252, 168) 1px 1px 0px, rgb(156, 156, 156) 2px 2px 0px;
}

.cssload-container * {
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.cssload-container {
	margin: 63px auto 0 auto;
	max-width: 1747px;
}

.cssload-container ul li{
	list-style: none;
}

.cssload-flex-container {
	display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;
	flex-direction: row;
		-o-flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
	flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
	justify-content: space-around;
}
.cssload-flex-container li {
	padding: 31px;
	height: 313px;
	width: 313px;
	margin: 94px 63px;
	position: relative;
	text-align: center;
}

.cssload-loading {
	display: inline-block;
	position: relative;
	width: 266px;
	height: 266px;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	border: 16px solid transparent;
	border-bottom: 16px solid rgba(0,0,0,0.89);
	border-left: 16px solid rgba(0,0,0,0.7);
	animation: cssload-spinR 4.4s linear infinite;
		-o-animation: cssload-spinR 4.4s linear infinite;
		-ms-animation: cssload-spinR 4.4s linear infinite;
		-webkit-animation: cssload-spinR 4.4s linear infinite;
		-moz-animation: cssload-spinR 4.4s linear infinite;
}
.cssload-loading:before, .cssload-loading:after {
	content: '';
	display: block;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	position: absolute;
}
.cssload-loading:before {
	height: 156px;
	width: 156px;
	border: 9px solid transparent;
	border-top: 9px solid rgba(0,0,0,0.6);
	border-right: 9px solid rgba(0,0,0,0.48);
	animation: cssload-spinL 1.65s linear infinite;
		-o-animation: cssload-spinL 1.65s linear infinite;
		-ms-animation: cssload-spinL 1.65s linear infinite;
		-webkit-animation: cssload-spinL 1.65s linear infinite;
		-moz-animation: cssload-spinL 1.65s linear infinite;
	transform-origin: center center;
		-o-transform-origin: center center;
		-ms-transform-origin: center center;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
	top: 11%;
	left: 11%;
}
.cssload-loading:after {
	height: 31px;
	width: 31px;
	background: transparent;
	border: 6px solid rgba(0,0,0,0.73);
	top: 35.5%;
	left: 35.5%;
}




@keyframes cssload-spinR {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spinR {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spinR {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spinR {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spinR {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes cssload-spinL {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

@-o-keyframes cssload-spinL {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(-360deg);
	}
}

@-ms-keyframes cssload-spinL {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-360deg);
	}
}

@-webkit-keyframes cssload-spinL {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}

@-moz-keyframes cssload-spinL {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(-360deg);
	}
}

#IUAfinance85 { min-width: 175px; width: 240px; cursor: pointer;}
#IUAfinance85 * {margin: 0; padding: 0;}
#IUAfinance85 .content {overflow: hidden; padding: 4px; font-family: Arial; font-size: 10px; color: #0044cc; background: #cceeff; border: 1px solid #0044cc;}
#IUAfinance85 h1 {overflow: hidden; margin-top: -4px; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; color: #0044cc;}
#IUAfinance85 h1 span {float: left; white-space: nowrap;}
#IUAfinance85 h1 i {float: right; display: inline-block; width: 36px; height: 15px; background: url(http://i.i.ua/v2/logo/logo_small_14_black.png) no-repeat 0 1px transparent; opacity: .3;}
#IUAfinance85 a, #IUAfinance85 a:hover {border: none; text-decoration: underline; color: #0044cc;}
#IUAfinance85 dl {overflow: hidden; background: #ffffff; padding: 4px; margin-bottom: 4px;}
#IUAfinance85 dl dt {font-weight: bold; font-size: 12px;}
#IUAfinance85 dl dd {clear: left; border-top: 1px dotted #DDD;}
#IUAfinance85 dl span {display: block; float: left; width: 39%; white-space: nowrap; text-align: right;}
#IUAfinance85 dl span.th {width: 22%; text-align: left;}
#IUAfinance85 dl dt span {font-size: 10px; font-weight: normal;}
#IUAfinance85 dl dd span {line-height: 24px; font-size: 20px; font-family: Trebuchet MS;}
#IUAfinance85 dl dd span img {vertical-align: middle; margin-right: 1px;}

#IUAweather {min-width: 120px; width: 240px; cursor: pointer;}
#IUAweather * {margin: 0; padding: 0;}#IUAweather .content {overflow: hidden; padding: 4px; font-family: Arial; font-size: 10px; color: #000000; background: #BBDDFF; border: 1px solid #00529c;}
#IUAweather h1 {overflow: hidden; margin-top: -4px; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; color: #0044CC;}
#IUAweather h1 span {float: left; white-space: nowrap;}
#IUAweather h1 i {float: right; display: inline-block; width: 36px; height: 15px; background: url(http://i3.i.ua/v2/logo/logo_small_14_black.png) no-repeat 0 1px transparent; opacity: .3;}
#IUAweather a, #IUAweather a:hover {border: none; text-decoration: underline; color: #0044CC;}
#IUAweather dl {overflow: hidden; background: #FFFFFF; color:#0044CC; padding: 4px; margin-bottom: 4px;}
#IUAweather dl dt {font-weight: bold; font-size: 12px;}
#IUAweather dl dd {float: left; white-space: nowrap; width: 50%; min-width: 105px;}
#IUAweather dl dd span {display: block; line-height: 24px; font-size: 20px; font-family: Trebuchet MS;}#IUAweather dl dd span img {vertical-align: top; margin-right: 2px;}



.blogodel {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.blogodel:hover {cursor: pointer;}

.blogodel img {
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 0px;
}

.blogodel .more {
  background-color: #123;
  color: #FFF;
  font-size: 14px;
  padding: 5px 10px;
  filter:alpha(opacity=65);
  opacity:.65;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=65)';
  position: absolute;
  right: 10px; bottom: 10px;
}
.blogodel:hover .more {display: none;}

.blogodel .desc {display: none;}
.blogodel:hover .desc {
  background-color:#345;
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 12px;
  padding: 10px;
  filter:alpha(opacity=75);
  opacity:.75;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
  position: absolute;
  bottom: 10px; left: 10px; right: 10px;
}

.blogodel:hover .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
}