/* Timers */
.time-info:before, .time-info:hover:before {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.time-info { position: relative; }
.time-info, .time-info-header { color: #fff; font-size: 20px; background: #2791CC; border-radius: 8px; margin: 10px auto; max-width: 900px; }
.time-info > b { display: inline-block; vertical-align: top; font-weight: 500; width: calc(100% - 185px); padding: 10px 10px 10px 40px; text-align: left; }
.time-info > b > i { padding-right: 5px; opacity: 0.5; min-width: 31px; text-align: center; position: absolute; left: 8px; top: 14px; }
.time-info > span { display: inline-block; vertical-align: top; color: #fcff77; width: 185px; padding: 10px; text-align: right; }
.time-info > span:after { content: "\f017"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; padding-right: 5px; opacity: 0.5; }

.time-info-header { background: #ffc100; color: #000; font-weight: bold; font-size: 22px; line-height: 1.4; padding: 20px 0; text-align: center; }

.time-info:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background: rgba(255,255,255,0.2);
	background: linear-gradient(90deg, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.15) 100%);
	pointer-events: none;
}
.time-info:hover:before { width: 100%; }

@media (max-width: 768px) {
	.time-info { font-size: 18px; }
	.time-info > b, .time-info > span { width: 100%; }
	.time-info > span { padding-top: 0; text-align: left; }
	.time-info > span:before { content: "\f017"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; padding-right: 5px; opacity: 0.5; }
	.time-info > span:after { display: none; }
}
/* Timers end */

/* Vopr */
.title-qq > i, .title-qq > i > i, .title-qq > i:before, .title-qq > i:hover:before, .title-qq > div > b > a {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
}

.title-qq { position: relative; display:block; padding:10px 25px 10px 110px; margin: 8px 0 !important; background: #fff; box-shadow: 0 3px 90px 0 rgba(0,0,0,0.2), 90px 0 0 0 #317db9 inset; font-size: 18px; border-radius: 8px; }
.title-qq > i, .title-qq > i > i { width: 65px; height: 65px; font-size: 60px; color: #fff; position: absolute; left: 12px; min-width: 51px; text-align: center; }
.title-qq > i.-img, .title-qq > i > i { border-radius: 50%; border: 2px solid #fff; background: no-repeat center center #fff; background-size: cover; }
.title-qq > i > i { left: 0; opacity: 0; }
.title-qq:hover > i > i { opacity: 1; }
.title-qq > i > i:hover { transform: scale(1.3); }
.title-qq:hover > i.-img-act-hover:before { opacity: 0; }
.title-qq > div { min-height: 65px; line-height: 65px; }
.title-qq > div > b { display: inline-block; vertical-align: middle; line-height: 1.5; color: #000; }
.title-qq > div > b > a { color: #005584; text-decoration: none; }
.title-qq > div > b > a:hover { color: #2FA0DE; }
.title-qq > div > b > span { display: block; font-weight: normal; font-size: 16px; margin-top: 4px; }
.title-qq > div > b > p:first-child { margin-top: 0; }
.title-qq > div > b > p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
	.title-qq { padding: 10px 15px 10px 54px; box-shadow: 0 3px 90px 0 rgba(0,0,0,0.15), 35px 0 0 0 #317db9 inset; line-height: 1; }
	.title-qq > i { font-size: 24px; min-width: 24px; left: 7px; width: 24px; height: 24px; } 
	.title-qq > i.-img { width: 40px; height: 40px; }
	.title-qq > div { min-height: 40px; line-height: 40px; }
	.title-qq > div > b { font-size: 15px; }
}
/* Vopr end */

/* BlockStat end */
.art-cnt-info > div, .art-cnt-info > a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.art-cnt-info { margin: 0 auto; padding: 20px 0; max-width: 900px; color: #999; text-align: center; }
.art-cnt-info b { display: block; font-size: 71px; line-height: 1.2; color: #E30613; }
.art-cnt-info b span { font-size: 40px; }
.art-cnt-info i { margin-right: 15px; }
.art-cnt-info > div, .art-cnt-info > a { display: inline-block; vertical-align: top; padding: 20px; cursor: default; }
.art-cnt-info > a { cursor: pointer; }
.art-cnt-info > div:hover, .art-cnt-info > a:hover { opacity: 0.8; }
.art-cnt-info.-bg > div, .art-cnt-info.-bg > a { border-radius: 8px; margin: 5px; }
.art-cnt-info.-bg-1 > div, .art-cnt-info.-bg-1 > a { background-color: #e6f1ff; }
.art-cnt-info.-bg-2 > div, .art-cnt-info.-bg-2 > a { background-color: #2791CC; color: #ffffffb5; }
.art-cnt-info.-bg-3 > div, .art-cnt-info.-bg-3 > a { background-color: #fff; border: 1px solid #2791CC; }
.art-cnt-info.-bg-3 > div b, .art-cnt-info.-bg-3 > a b { color: #2791CC; }
.art-cnt-info.-bg-4 > div, .art-cnt-info.-bg-4 > a { background-color: #e79519; color: #ffffffb5; }
.art-cnt-info.-bg-4 > div b, .art-cnt-info.-bg-4 > a b { color: #fff; }
.art-cnt-info > div.-bg-1, .art-cnt-info > a.-bg-1 { color: #999; background-color: #e6f1ff; }
.art-cnt-info > div.-bg-1 b, .art-cnt-info > a.-bg-1 b { color: #E30613; }
.art-cnt-info > div.-bg-3, .art-cnt-info > a.-bg-3 { color: #999; background-color: #fff; border: 1px solid #2791CC; }
.art-cnt-info > div.-bg-3 b, .art-cnt-info > a.-bg-3 b { color: #2791CC; }
.art-cnt-info > div.-bg-4, .art-cnt-info > a.-bg-4 { color: #ffffffb5; background-color: #e79519; }
.art-cnt-info > div.-bg-4 b, .art-cnt-info > a.-bg-4 b { color: #fff; }
.art-cnt-info.-color-0 b { color: #E30613; }
.art-cnt-info.-color-1 b { color: #2791CC; }
.art-cnt-info.-color-2 b { color: #000; }
.art-cnt-info.-color-3 b { color: #fff; }
.art-cnt-info > div.-color-0 b, .art-cnt-info > a.-color-0 b { color: #E30613; }
.art-cnt-info.-cnt-2 > div, .art-cnt-info.-cnt-2 > a { width: calc(100% / 2 - 10px); }
.art-cnt-info.-cnt-3 > div, .art-cnt-info.-cnt-3 > a { width: calc(100% / 3 - 10px); }
.art-cnt-info.-cnt-4 > div, .art-cnt-info.-cnt-4 > a { width: calc(100% / 4 - 10px); }
.art-cnt-info.-cnt-5 > div, .art-cnt-info.-cnt-5 > a { width: calc(100% / 5 - 10px); }
.art-cnt-info.-cnt-6 > div, .art-cnt-info.-cnt-6 > a { width: calc(100% / 6 - 10px); }
.art-cnt-info.-cnt-7 > div, .art-cnt-info.-cnt-7 > a { width: calc(100% / 7 - 10px); }
.art-cnt-info.-cnt-8 > div, .art-cnt-info.-cnt-8 > a { width: calc(100% / 8 - 10px); }
.art-cnt-info.-cnt-9 > div, .art-cnt-info.-cnt-9 > a { width: calc(100% / 9 - 10px); }
.art-cnt-info.-style-1 b, .art-cnt-info > div.-style-1 b, .art-cnt-info > a.-style-1 b { font-size: 40px; }
.-index > .art-cnt-info.-style-1 b, .-index > .art-cnt-info > div.-style-1 b, .-index > .art-cnt-info > a.-style-1 b { font-size: 38px; }
.art-cnt-info.-style-1 > div, .art-cnt-info > div.-style-1, .art-cnt-info.-style-1 > a, .art-cnt-info > a.-style-1 { padding: 20px 15px; }

body.kidsoboz .art-cnt-info.-bg-2 > div, body.kidsoboz .art-cnt-info.-bg-2 > a { background-color: #f38d9d; }
body.kidsoboz .art-cnt-info.-bg-3 > div, body.kidsoboz .art-cnt-info.-bg-3 > a, body.kidsoboz .art-cnt-info > a.-bg-3 { background-color: #fff; border-color: #f38d9d; }
body.kidsoboz .art-cnt-info > div.-bg-3 b, body.kidsoboz .art-cnt-info > a.-bg-3 b { color: #f38d9d; }
body.kidsoboz .art-cnt-info > div.-bg-4, body.kidsoboz .art-cnt-info > a.-bg-4 { background-color: #e79519; }

@media (max-width: 768px) {
	.art-cnt-info > div, .art-cnt-info > a { width: 100% !important; margin: 5px 0 !important; }
}
/* BlockStat end */


/* BlockUser */
.art-user-info > i > a, .art-user-info > i > b {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.art-user-info { background: #e6f1ff; border-radius: 16px; padding: 10px; margin: 10px auto; max-width: 900px; }
.art-user-info > i { 
	position: relative; 
	display: inline-block; 
	vertical-align: top; 
	width: 120px; 
	height: 120px; 
	background: #fff no-repeat center; 
	background-size: contain; 
	border-radius: 50%; 
	
	border: 1px solid #fdbc4b;
	background-clip: content-box;
	padding: 1px;
	background-origin: content-box;
}
.art-user-info > i > a, .art-user-info > i > b { 
	border-radius: 50%;
	width: 50px !important;
	height: 50px !important;
	background: #fff no-repeat center center;
	background-size: contain;
	position: absolute;
	border: 1px solid #fdbc4b;
	background-clip: content-box;
	padding: 1px;
	background-origin: content-box;
	text-decoration: none;
	display: block;
	top: -12px;
	left: -12px; 
}
.art-user-info > i > a:hover, .art-user-info > i > b:hover { transform: scale(1.2); }
.art-user-info > div { display: inline-block; vertical-align: top; width: calc(100% - 120px); padding: 0 30px 0 20px; }
.art-user-info > div > b { font-size: 18px; font-weight: 500; }
.art-user-info > div > p { color: #2791CC; font-size: 18px; margin: 12px 0 0 0; font-weight: 500; line-height: 1.4; }

.art-user-info-conteiner.-bg-1 .art-user-info { background-color: #2791CC; }
.art-user-info-conteiner.-bg-1 .art-user-info > div > p, .art-user-info-conteiner.-bg-1 .art-user-info > div > b { color: #fff; }
.art-user-info-conteiner.-bg-1 .art-user-info > div > div { color: #ffffffc9; }

.art-user-info-conteiner.-color-1, .art-user-info-conteiner.-color-1 .descr { color: #2791CC; }
.art-user-info-conteiner.-color-2, .art-user-info-conteiner.-color-2 .descr { color: #E30613; }
.art-user-info-conteiner.-color-3, .art-user-info-conteiner.-color-3 .descr { color: #000; }
.art-user-info-conteiner.-color-4, .art-user-info-conteiner.-color-4 .descr { color: #fff; }
.art-user-info-conteiner.-color .descr { opacity: 0.8; }
.art-user-info-conteiner.-color-3 .descr { opacity: 0.65; }

@media (max-width: 768px) {
	.art-user-info { border-radius: 8px; margin: 10px auto; padding: 25px 10px; text-align: center; }
	.art-user-info > i, .art-user-info > div { display: block; width: 100%; }
	.art-user-info > i { width: 220px; height: 220px; display: inline-block; }
	.art-user-info > i > b, .art-user-info > i > a { width: 80px !important; height: 80px !important; }

}
/* BlockUser end */

.art-grafic-1 { margin: 16px 0; }
.art-grafic-1 > li {
	position: relative;
	display: inline-block;
    vertical-align: bottom;
	padding: 120px 4px 16px 4px;
	background: #2a3c4e;
	margin: 0 6px;
	border-radius: 8px;
	text-align: center;
	
	user-select: none;
	transition: all .3s ease;
}
.art-grafic-1 > li > b { display: block; font-size: 56px; color: #6df36d; line-height: 1; transition: all .3s ease; }
.art-grafic-1 > li > span { display: block; padding-top: 10px; color: #fff; line-height: 1.2; font-size: 13px; transition: all .3s ease; }
.art-grafic-1 > li > div { display: none; }
.art-grafic-1 > li:hover { background: #202f3e !important; }
.art-grafic-1 > li:hover > b, .art-grafic-1 > li:hover > span { color: #00cdef !important; }
@media (max-width: 768px) {
	.art-grafic-1 > li { width: calc(50% - 12px) !important; padding: 20px 4px 20px 4px !important; margin: 6px; }
	.art-grafic-1 > li > div { display: block; position: absolute; bottom: 8px; left: 8px; right: 8px; border: 1px solid #0179D2; background: #fff; border-radius: 4px; overflow: hidden; pointer-events: none; line-height: 1; height: 4px; }
	.art-grafic-1 > li > div > div { vertical-align: top; height: 100%; background: #0179D2; }
}