/*min-480/600/840/960/1280/1440/1600-max*/
*{box-sizing:border-box;margin:0;padding:0;}

html{overflow-x:hidden;overflow-y:auto; margin:0;padding:0; font-size:12px;width:100%}
body{margin:0;padding:56px 0 0 0; height:100%; max-width:100%}
main{min-height:100%;
box-sizing:border-box;border-bottom:8px solid rgba(0,0,0,.12)}
img{vertical-align:middle}

*{
font-weight: 400;
font-family: Roboto Condensed, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
text-transform:none;
}


body{font:normal normal normal 14px 'Roboto Medium','Roboto Condensed','Segoe UI',sans-serif}

a,a:link,a:visited,a:active,a:focus,a:hover{text-decoration:none;outline:none;background-color:transparent}

a{background-color:transparent;color:rgba(0,0,0,.87)}
a:hover, .tb a:hover{background-color:rgba(255,255,255,.2)}
p a, .p a{color:#3F51B5}

main>.ab{ border:1px solid #ccc; min-height:48px; display:inline-block; line-height:48px}

li{list-style-type:none}

header,main,footer{display:block;width:100%}

.shelf{height:56px}

.tb{height:56px;width:100%;
position:fixed;top:0;right:0;
z-index:9990;display:block;
}

body::before{
content:' ';
height:56px;width:100%;
position:fixed;top:0;right:0;
display:block;z-index:9980;
box-shadow:0 4px 4px rgba(0,0,0,.12);
background-color:transparent;
}

/*TOOLBAR/left:64px*/
.tb-t{top:0;left:42%; left:calc(50% - 22px);
z-index:9992;font-size:20px;font-weight:bold;position:fixed;
padding:8px 8px 12px 8px;height:48px;width:104px}

.tb-t img{height:48px;width:88px}

/*.tb{background-image:url(/i/shade.png); background-repeat: no-repeat; background-position: 72px 12px}*/

#mo, .tb-b-1, .tb-b-2 {padding:12px 8px; top:0; font-size:24px;height:48px;position:fixed}
#mo{z-index:9993;right:0}
.tb-b-1{z-index:9994;right:40px}
.tb-b-2{z-index:9995;right:80px}

#mo img, .tb-b-1 img, .tb-b-2 img{width:24px;height:24px} 




#ro{
position:fixed;top:4px;right:0;
display:block;width:48px;height:48px;
z-index:9990;
}
#ro::before,
#ro::after,
#ro span{
content:"";
position:absolute;top:16px;left:22px;
display:block;width:4px;height:4px;
background:#fff;
border:none;border-radius:50%;
transform:translate(0,0);transition:transform .3s;
}
#ro span{top:22px}
#ro::after{top:28px}
#ro:focus::before{transform:translate(6px,6px)}
#ro:focus::after{transform:translate(-6px,-6px)}




#no{
position:fixed;top:4px;left:0;
display:block;width:48px;height:48px;
z-index:9991;
}
#no::before,
#no::after,
#no span{
content:"";
position:absolute;top:18px;left:15px;
display:block;width:18px;height:2px;
background:#fff;
transform:translate(0,0) rotate(0deg); transition:transform .3s;
}
#no span{opacity:1; transform:rotate(0deg); transition:opacity .3s; top:23px}
#no::after{top:28px;transform:translate(0,0) rotate(0deg)}
#no:focus::before{transform:translate(0,5px) rotate(45deg)}
#no:focus::after{transform:translate(0,-5px) rotate(-45deg)}
#no:focus span{opacity:0; transform:rotate(180deg)}





/*NAV*/
.sidenav, .rightnav{
width:264px;top:0;bottom:0;
overflow:hidden;overflow-x:hidden;overflow-y:auto;
display:block;position:fixed;z-index:9996;
}
.sidenav{left:-320px;transition:left .3s ease-in .2s}
.rightnav{right:-320px;transition:right .3s ease-in .2s}

#no:focus ~ .sidenav, #ro:focus ~ .rightnav, .js-nav, .js-snav, .js-rnav{
top:0;bottom:0;width:264px;display:block;position:fixed;z-index:9996;
}

#no:focus ~ .sidenav, js-snav, .js-nav{left:0;transition:left .2s ease-out .1s}
#ro:focus ~ .rightnav, .js-rnav{right:0;transition:right .2s ease-out .1s}

.sidenav, #no:focus ~ .sidenav, .rightnav, #ro:focus ~ .rightnav, .js-nav{background-color:#fafafa;color:rgba(0,0,0,.87)}

.js-trno{transition:none}

#shade, #rightshade{display:none;
width:100%;height:100%;
position:fixed;z-index:9995;
top:0;left:0;bottom:0;right:0}

#no:focus ~ #shade, #ro:focus ~ #rightshade, .js-shade{display:block}

.sidenav>ul.l1, .sidenav>ul.l2, .sidenav>ul.l3{width:264px;border-bottom:8px solid #fafafa}
.sidenav>ul.l1>li>a, .sidenav>ul.l2>li>a, .sidenav>ul.l3>li>a{width:264px}

header.tbn.logo{background:url(/i/c/inoy-176x96.png) no-repeat scroll 87px 40px !important;}
header.tbr.logo{background:url(/i/c/inoy-176x96.png) no-repeat scroll 87px 40px;}

.tbn,.tbr{box-shadow:0 4px 4px rgba(0,0,0,.12);display:block;width:264px;height:148px}

.tbn{background-color:#212121;color:#fff}
.tbr{background-color:#f5f5f5;color:rgba(0,0,0,.87)}

.tb-tn, .tb-tr{font-size:20px;font-weight:bold;position:relative;padding:12px 8px;top:16px;left:64px;height:48px;width:119px}

.tb-tn, .tb-tr{top:40px;left:72px;}

.tb-tn img, .tb-tr img{width:176px;height:96px}

.tb-tp{display:block;width:64px;margin:0 auto}
.tb-tp img{width:64px;height:64px;margin:20px auto 12px;border:1px solid rgba(127,127,127,.5);border-radius:50%}
.tb-tt{text-align:center;font-size:20px;line-height:24px;display:block;width:100%;padding:8px 20px 20px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
background-color:rgba(0,0,0,.5);}


.tb-u{position:fixed;top:8px;right:52px;
border:none;border-radius:50%;
display:block;width:40px;height:40px;margin:0;}


#nc, #rc{font-size:20px;font-weight:bold;
position:absolute;top:0;right:8px;
padding:12px 8px;height:48px;width:48px;z-index:9999}
#nc img, #rc img{height:24px;width:24px}









.title{height:72px} .subtitle, .nav-menu{height:16px;margin:16px}


ul.border, ul.list-border li{border-bottom:1px solid #7f7f7f}

.nav-image{width:100%;max-width:256px;height:41%;max-height:100px;border:1px dotted #7f7f7f;
background:url('/i/i16x9.png') no-repeat top left;
background-size:cover}


.l-n{
left:0;
top:0;
position:relative;
height:100%;
width:264px;
overflow-y:auto;
z-index:9997;
display:block;
}

.list-nav{z-index:9998}

.counter{float:right}

div.ok, div.e, div.w, div.suc{ min-height:24px; margin:16px 5%; padding:5px; display:block; box-shadow: 0 6px 6px rgba(0,0,0,.12) }

span.e, span.w, span.ok, span.h, span.suc{margin:0 16px}

.e,.w,.ok,.h{font-size:12px; line-height:14px; height:14px; margin-bottom:8px}


hr{height:8px;width:100%;border:none;background-color:#9e9e9e;color:#9e9e9e}
hr.x2{height:16px}
hr.x3{height:24px}

footer a{padding:0}

.t,h1{text-align:left;position:relative;top:0px;left:0px;z-index:9989;
font-size:20px;line-height:48px;font-weight:normal;font-family:'Roboto Medium','Roboto Condensed','Segoe UI',sans-serif;
padding-left:72px;padding-right:16px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
box-shadow:0 4px 4px rgba(0,0,0,.12);
color:#fff;background-color:#3f51b5;/*!!!*/
}


.t2,h2,h3,h4,h5,h6{
font-size:15px;line-height:48px; font-weight:bold;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;
padding:0 16px;text-transform:capitalize;
height:48px;display:block}


#wg>.t2{height:48px;padding:0 16px}

#wg>.t2>a,
.t2>span, h2>span,
.t2>a, h2>a{margin:0 -16px;padding:0 16px;height:48px;display:block;position:relative;font-size:15px;line-height:48px}

#wg>.t2>a::after, .t2>a::after, h2>a::after{ content:">"; position:absolute; right:16px; }

.t7, .d2{font-size:12px}

/*PG*/
.p-t{position:relative;display:block;width:100%;height:48px}
.p-l, .p-r, .p-c{position:absolute;display:block;height:48px;line-height:48px;font-size:12px;vertical-align:text-bottom}
a.p-l,a.p-r{font-size:12px}
.p-c{left:40%;text-align:center;width:20%}
.p-r{right:0;text-align:right;width:50%;padding-right:16px}
.p-l{left:0;text-align:left;width:50%;padding-left:16px}
.p-t img{width:24px;height:24px;font-size:24px;position:relative;top:4px}
.p-r::after{content:url(/i/d/forward.png);width:24px;height:24px;font-size:24px;position:relative;top:8px;display:inline-block}
.p-l::before{content:url(/i/d/back.png);width:24px;height:24px;font-size:24px;position:relative;top:8px;display:inline-block}



/*LIST*/
.l-d, .l-b, .l-tr, .l-mc, .d2, .ln-cb{font-size:12px}

div.box a, div.t3 a{position:relative;padding:16px 16px 16px 76px}

.boxi li, .boxi a{min-height:56px;display:block;margin:0;padding:0;overflow:hidden;border:none}
li.boxi, li.boxi a{min-height:56px}

.box li, .box a{min-height:72px;display:block;margin:0;padding:0;overflow:hidden;border:none}

.box li, .box a, .boxi li, .boxi a{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;display:block;top:0;left:0}


.l-c, .l-tr, .ln-c{position:absolute;top:16px;right:16px;display:block;text-align:right;padding:0 2px}
.l-b,.ln-cb{position:absolute;bottom:16px;right:16px;display:block;text-align:right;padding:0 2px}


.l-u li{position:relative;min-height:72px;height:auto;overflow:auto}
.l-u a{font-size:12px}

.ln-t{margin:16px 16px 16px 72px;display:block;font-size:14px}
.ln-d{margin:40px 16px 16px 72px;display:block;font-size:12px;width:100%}

.ln-d a{display:inline-block}


.box2 li, .t3 li{min-height:72px;width:100%;margin:0;padding:0;overflow:hidden;border:none;
position:relative;text-overflow:ellipsis;white-space:nowrap;display:block;top:0;left:0}
.box2 a, .t3 a{text-overflow:ellipsis;white-space:nowrap;display:inline-block;font-size:12px}


/*L*/

ul.lm{display:block;margin:0;padding:0}
ul.lm>li{display:block;height:48px;position:relative;margin:0;padding:0;}
ul.lm>li>a{display:block;width:100%;
font-size:14px;line-height:48px;
padding:0 20px;
background-color:#fff;color:rgba(0,0,0,.87);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul.lm>li>a:hover{color:rgba(0,0,0,.54); transition:background-color .1s ease-in .1s;}

.l1, .l2, .l3{
margin:0;padding:8px 0;
font-size:16px;
}

.l1>li, .l2>li, .l3>li{margin:0;padding:0;top:0;left:0;position:relative;display:block;}

.l1>li, .l1 a, li.l1l, li.l1l a{min-height:48px;height:auto}
.l2>li, .l2 a, li.l2l, li.l2l a{min-height:72px;height:auto}
.l3>li, .l3 a, li.l3l, li.l3l a{min-height:88px;height:auto}

.l1.l0p>li, .l1.l0p a{min-height:56px;height:auto}

.l1 a, .l2 a, .l3 a{top:0;left:0;position:absolute;display:block;width:100%}

li.l1>a, li.l2>a, li.l3>a{position:static}

a.l0r{width:56px;left:auto;top:0;right:0;position:absolute; padding:16px}

a.l0l{width:100%; width: calc(100% - 56px); padding:16px}




.l-t{font-size:16px;line-height:16px;height:18px;
left:72px;top:16px;position:absolute;text-align:left;display:block;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:77%}

.l2 .l-t{top:20px !important}


.l-d{font-size:14px;line-height:14px;height:16px;
left:72px;top:40px;position:absolute;text-align:left;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:77%}

.l2 .l-d{top:44px !important}


.l-w{
font-size:14px;line-height:14px;min-height:14px;
text-align:left;padding:38px 16px 16px 72px;
width:77%;display:block}

.l-d + .l-w{padding-top:64px}

.l3 .l-w{padding-top:40px !important}

.l-w a{display:inline; position:relative; left:auto; top:auto; height:auto; width:auto}

.l-k{
font-size:14px;line-height:14px;height:14px;
left:72px;top:62px;position:absolute;text-align:left;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
width:77%}

.l-t, .l-d, .l-k, .l-w{width: calc(100% - 88px)}

.l1.l0i .l-t, .l1.l0i .l-d, .l1.l0i .l-k,
.l2.l0i .l-t, .l2.l0i .l-d, .l2.l0i .l-k,
.l3.l0i .l-t, .l3.l0i .l-d, .l3.l0i .l-k{width:62%}

ul.l0 span.l-t, ul.l0 span.l-d, ul.l0 span.l-k{left:16px !important; width:100% !important;}
ul.l0 span.l-w{padding-left:16px}

.l-i{
width:24px;height:24px;font-size:24px;line-height:1;
left:16px;top:12px;position:absolute;text-align:center;
display:inline-block;
}
.flag{width:16px;height:11px;top:20px;/*24x16*/background-image:url(/i/flags-sprite.png); background-repeat:no-repeat;}
.l2 .l-i{top:24px !important}
.l3 .l-i{top:16px !important}


.zodiak{width:24px;height:24px;background-image:url(/i/sprite/zodiak-sprite.png); background-repeat:no-repeat}
.h2>span.zodiak{display:inline-block !important; width:24px !important; height:24px!important; margin:0 !important; padding:0 !important;}

.l-p{
width:40px;height:40px;font-size:12px;line-height:1;
left:16px;top:16px;position:absolute;text-align:center;
display:block;border-radius:12.5%;
}
.l1 .l-p{top:8px !important}

.l-c, .l-b{
height:14px;font-size:14px;line-height:1;
right:16px;position:absolute;text-align:center;
display:block;
}

.l1 .l-c, .l2 .l-c, .l3 .l3c{top:16px}
.l1 .l-b, .l2 .l-b, .l3 .l-b{bottom:16px;top:auto}

.l0r .l-c, .l0r .l-b{width:24px;height:24px;font-size:24px}

.l1r, .l-p.l1r{border-radius:12.5%}
.l2r, .l-p.l2r{border-radius:25%}
.l5r, .l-p.l5r{border-radius:50%}
.l0r, .l-p.l0r{border-radius:0}

.lbg{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;display:inline-block;width:40px;height:40px}
.l-p img{width:40px;height:40px}

.lbc{text-shadow: 1px 1px 1px #fff}

.cover,.l-cvr{background-repeat:repeat;background-position:50% 50%}

.l-p.cover,.l-p.contain{background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(127,127,127,.5)}
.l-p.contain{background-size:contain}
.l-p.cover{background-size:cover}

.shade{padding:20px; color:#fff;/*!!!*/
background:linear-gradient(to top, transparent 0, rgba(0,0,0,.33) 25%, transparent 40%, transparent 100%)}

.l-shd{position:absolute}

.l-shd>.l-t,
.l-shd>.l-c{color:#000}

.l-shd>.l-d,
.l-shd>.l-k,
.l-shd>.l-b{color:#fff}


.l-shd{width:100%;height:100%;color:#7f7f7f;
background:linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.5) 25%, transparent 50%, rgba(0,0,0,.5) 75%, transparent 100%)}

.l2l .shade{padding:0}

/*.sidenav li.l2l, .sidenav li.l2l a{height:148px}*/

span.l-a, span.l2a{position:absolute;top:16px;right:16px;display:block;
font-size:12px;line-height:16px;text-align:center;
height:16px;width:16px;border-radius:8px;border:1px solid #ff4081;
background-color:rgba(255,255,255,.3);color:rgba(0,0,0,.26)}

img.l-c, .l-c img{width:16px;height:16px}
img.l-a{position:absolute;top:16px;right:16px;display:block}



.l-s{position:absolute;top:46px;left:46px;width:16px;height:16px;font-size:12px;text-align:center/*s16*/}
.l-o{position:absolute;top:50px;left:16px;width:8px;height:8px;font-size:12px;text-align:center/*o9*/}
.l-x{position:absolute;top:16px;left:46px;width:16px;height:16px;font-size:12px;text-align:center/*c16*/}

a.l-u{position:static;top:auto;left:auto;width:auto;height:auto;display:inline-block;background-color:rgba(255,255,255,.5);min-height:24px;line-height:24px;}

/*TAB*/
.tab, .tab5, .tab4, .tab3, .tab2, .tab1{width:100%; border:1px solid rgba(0,0,0,.12); border-width:1px 0 1px 1px}

.tab>li, .tab5>li, .tab4>li, .tab3>li, .tab2>li, .tab1>li{display:inline-block;text-align:center;
border-right:1px solid rgba(0,0,0,.12); border-right:1px solid rgba(0,0,0,.12)}

.tab li a, .tab li span.a{display:block;padding:16px;text-align:center;font-size:12px}

.tab li span.a{color:rgba(0,0,0,.87);border-bottom:2px solid #ff4081}/*!!!*/

ul.tab>li{width:24%}
ul.tab5>li{width:20% !important}
ul.tab4>li{width:24% !important}
ul.tab3>li{width:32% !important}
ul.tab2>li{width:48% !important}
ul.tab1>li{width:96% !important}

ul.box ul.tab{border:none}
ul.box ul.tab a, ul.box ul.tab span{ padding:0 4px; margin:0; }


/*TAG*/
p, .p{padding:16px; hyphens:auto; background-image:none}
p div{display:inline-block}
p span{display:block}


.ab{display:block;border:none}
.i{font-style:italic}
b, .b, strong{font-weight:bold; opacity:0.87;}
.fso{font-style:oblique}
.o{text-decoration:overline}
.u{text-decoration:underline}
.lt,.s{text-decoration:line-through}
table{width:100%; padding:8px; margin:0; background-color:#fff; box-sizing:border-box}
td,th{padding:8px 8px}
thead, th{ background-color:#fafafa}
table.border tr{border:1px solid rgba(0,0,0,.54)}
.toh{overflow-x:auto}

time{display:inline} .l-d>time{font-size:12px}
.a4x3{height:30px;width:40px;top:21px}

.l{text-align:left;background-position:left center}
.c{text-align:center;background-position:center center}
.r{text-align:right;background-position:right center}
.j{text-align:justify;background-position:center center}

.ds,.kw{font-size:12px;padding:16px 16px}
.ds::before{content:'\3E\3A\20'}
.kw::before{content:'\2A\20'}

.fl{float:left;margin:0 16px 8px 0} .cb{clear:both}
img{max-width:100%}

.copy{padding:16px}
.foot{padding:16px}

/*BOTTOMBAR*/
.advbar{height:56px;width:100%;padding:6px 0 0 0;
box-shadow:0 -4px 4px rgba(0,0,0,.12);
position:fixed;bottom:0;right:0;z-index:9989;
display:block;text-align:center;vertical-align:middle;}

.advbar a{display:block; width:320px; height:50px;
font-size:12px; padding:0; margin:0 auto; background-color:#7f7f7f; }

.advbar img{width:100%; padding:0; margin:0}

.advbar>a.ad-d, .advbar>a.ad-l{text-align:left; clear:both; border-radius:2px;
background-color:#7f7f7f; color:#fff; border:1px solid transparent;
}


.advbar.ad-l64{height:64px; padding:4px 0 0 0;}
.advbar.ad-l64 a{width:468px; height:60px; background-color:inherit; }

.advbar.ad-l{background-color:#eee; background-image:url(/images/texture/etc/kristal-2s.jpg); color:rgba(0,0,0,.87);}
.advbar.ad-d{background-color:#212121; background-image:url(/i/t/kristal-d.gif); color:#fff;}
/*/images/texture/etc/kristal-1t.png*/

.advbar>a.ad-l{background-color:transparent; color:rgba(0,0,0,.87);}
.advbar>a.ad-d{background-color:transparent; color:#fff;}

.advbar>a.ad-d>img.ad-l, .advbar>a.ad-l>img.ad-l{width:48px; height:48px; float:left; margin:0 12px 0 0}
.advbar>a.ad-d>img.ad-p, .advbar>a.ad-l>img.ad-p{width:40px; height:40px; float:left; margin:4px 8px 0 4px}
.advbar>a.ad-d>img.ad-i, .advbar>a.ad-l>img.ad-i{width:24px; height:24px; float:left; margin:8px 20px 0 12px}

.advbar>a.ad-d>.ad-t, .advbar>a.ad-l>.ad-t{font-size:14px;line-height:24px}

.advbar>a.ad-d>.ad-d, .advbar>a.ad-l>.ad-d{font-size:12px;line-height:24px}

.advbar img.advban{width:320px; height:50px}


/*
.advbar{height:56px;width:100%;box-shadow:0 -4px 4px rgba(0,0,0,.12);position:fixed;bottom:0;right:0;
z-index:9989;display:block;text-align:left}
.advbar a{ display:block; width:33%; min-height:48px;
font-size:12px; border-right:1px solid #3f51b5; padding:1px 8px; float:left;
padding:4px 8px; line-height:24px;}
.advbar img{width:24px;height:24px}
*/



.tp{background-image:url(/i/tp.gif)}


/*CHART*/
.chart{border-bottom:8px solid #fafafa}
.chart_best, .chart_week, .chart_place, .chart_move, .chart_up, .chart_down, .chart_new{color:#000;text-align:center;padding:16px}
.chart_up{color:#080}
.chart_down{color:#f00}
.chart_new{color:#00f;font-style:italic}


ul.oauth{display:block;padding:0;margin:0 8px;background-color:#fff}
li.oauth{display:inline-block;padding:0;margin:0;background-color:#fff}
a.oauth, a.oauth:hover{width:48px;height:48px;display:inline-block;padding:0;margin:0;border:0;background-color:#fff}
img.oauth{width:24px;height:24px;margin:12px;padding:0;border:0}

.c-m, .card{border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.12);width:100%;margin:8px;padding:8px}
.card:hover{box-shadow:0 8px 8px rgba(0,0,0,.12)}
.card:before{padding-top:56.25%}

.c-60, .c-30{width:100%; margin:4px auto 12px; padding:16px;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.09),0 1px 3px 0 rgba(0,0,0,.1);
background-color:#fff;}

.c-60{max-width:600px}
.c-30{max-width:400px}

/*display*/
.d-0,.display{border:none;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.12);margin:8px;padding:8px}
.d-0:hover,.display:hover{box-shadow:0 8px 8px rgba(0,0,0,.12)}

.d-1,.d-2,.d-3,.d-4, .d-1 a,.d-2 a,.d-3 a,.d-4 a{color:rgba(0,0,0,.54)}
/*.d-1,.d-2,.d-3{font-family:Roboto}*/
.d-3,.d-4{line-height:1}
.d-1{font-size:34px;line-height:40px}
.d-2{font-size:45px;line-height:48px}
.d-3{font-size:56px;line-height:56px}
.d-4{font-size:112px;line-height:112px;font-family:'Roboto Light','Segoe UI';}

.d-0 a:hover::after, .display a:hover::after{content:" " url(/i/f/open_in_new-black-0.png); width:18px; height:18px; display:inline-block; position:relative;}

/*RADIUS*/
.r-e, .r-w, .r-o{
border-radius:50%;
margin:20px auto;
width:256px; height:256px;
text-align:center; font-weight:bold;
border-style:solid;
border-width:12px;
background-color:#FAFAFA;
color:#424242}
.r-e{border-color:#F44336}
.r-w{border-color:#FF9800}
.r-s{border-color:#2196F3}
.r-o{border-color:#4CAF50}
.r-t{font-size:112px; margin:20px}
.r-d{font-weight:bold}

/*m*/
#menu{
opacity:0;
visibility:hidden;
transition: all .2s ease-in-out .2s;
max-width:320px;
overflow:hidden;overflow-x:hidden;overflow-y:auto;
position:fixed;
top:16px;right:16px;
z-index:9994;
display:block;
border-radius:2px;
text-align:left;
margin:0;
padding:8px 0;
font-size:16px;
box-shadow: 0 12px 12px rgba(0,0,0,.12); 
background-color:#fafafa;
color:rgba(0,0,0,.54);
}

#mo:focus ~ #menu{
opacity:1;
visibility:visible;
transition: all .2s ease-in-out .2s;
height:auto;
width:auto;
transition:opacity .4s;
min-width:56px;
min-height:56px;
}

#menu li{
display:block;
height:48px;
text-align:left;
line-height:48px;
font-size:16px;
margin:0;
padding:0;
background-color:#fafafa;
color:rgba(0,0,0,.54);
}

#menu a{
color:rgba(0,0,0,.87);
font-size:16px;
display:block;
padding:0 16px;
}
/*m*/


.f-t-e, .f-t-h, .f-t-w, .f-t-o{position:absolute; top:63px; left:16px}
.f-t,.f-t2{position:relative;display:block}
.f-t{min-height:80px}
.f-t2{min-height:64px}
label{height:14px; font-size:12px; font-weight:500; margin:8px 16px 8px 16px; vertical-align:text-bottom}
.f-t label, .f-t2 label{position:absolute; top:8px; left:16px}
.f-t label img{height:16px}

form{width:100%;margin:16px 0;padding:8px 0; background-color:rgba(255,255,255,.87);}

.form_tile{min-height:64px}
.form-tile{min-height:80px; padding:8px 0;}

fieldset{
margin:8px;
padding:0;
border:1px solid rgba(0,0,0,.12); 
}

legend{
height:14px; font-size:12px;
padding:0 4px; margin:8px 16px 8px 16px;
vertical-align:text-bottom;
}

/*input+text*/
input[type=file]{
margin:8px 16px 8px 16px;
}
/*input[type=reset], input[type=file], input[type=image],*/
textarea, input[type=text], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week], select[multiple=multiple]{
margin:8px 16px 8px 16px;
width:95%;
height:26px;
font-size:16px;
padding:0 0 8px 0;
display:block;
outline:none; border:none;
border-bottom:1px solid rgba(0,0,0,.12);
text-align:left;
background-color:transparent;
color:rgba(0,0,0,.87);
}


textarea{height:50px}

.f-t textarea, .f-t input[type=text], .f-t input[type=password], .f-t2 input[type=text], .f-t2 input[type=url], .f-t2 input[type=email]{
position:absolute; top:30px; left:16px}

textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus,
input[type=date]:focus, input[type=url]:focus{
outline:none; border:none;
border-bottom:2px solid #3f51b5;
transition:border-color .3s;
margin-bottom:8px}


textarea.error, input.error{border-bottom:2px solid #dd2c00;margin-bottom:8px}

/*
input[type=text]+.h::after{
background-color:#4caf50;bottom:2px;content:'';height:2px;z-index:99999;left:45%;position:relative;visibility:hidden;width:10px;transition-duration:.2s
}

input[type=text]:focus+.h::after{width:100%;visibility:visible;left:0}
*/


select{ margin:8px 16px 8px 16px;
min-width:10%; height:26px; font-size:16px;
padding:0 0 8px 0; display:block;
color:rgba(0,0,0,.87); background-color:transparent;
outline:none; border:1px solid rgba(0,0,0,.12)}

option:nth-child(odd){background-color:#fff;color:rgba(0,0,0,.87)}
option:nth-child(even){background-color:#fafafa;color:rgba(0,0,0,.87)}

.hangman{background-image:url(/i/tetrad.png)}




.button,.button:link,.button:hover,.button:active,.button:focus,.button:visited{display:inline-block;width:48px;height:48px;line-height:48px;font-size:24px;text-align:center;border-radius:2px; margin:4px;
background-color:#E91E63;color:rgba(255,255,255,.87);text-transform:uppercase;}

/*submit*/
input[type=submit], a.l-y{
background-color:#E91E63;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4,0,.2,1);
color:rgba(255,255,255,.7);
min-width:88px;
height:36px;
line-height:34px;
font-size:14px;
font-weight:500;
font-family:'Roboto Medium','Segoe UI',sans-serif;
text-transform:uppercase;
text-align:center;
vertical-align:middle;
margin:6px 8px;
padding:0 8px;
border:none;
border-radius:2px;
outline:0;
box-shadow: 0 3px 1px -2px rgba(0,0,0,.1),0 2px 2px 0 rgba(0,0,0,.09),0 1px 5px 0 rgba(0,0,0,.1);
cursor:pointer;
}

.l .b-f, .r input[type=submit]{margin-left:0}
.r .b-f, .l input[type=submit]{margin-right:0}

input[type=submit]:active, a.l-y:active{
background-color:#C2185B;
box-shadow:0 8px 8px rgba(0,0,0,.12)
}

input[type=submit]:hover, a.l-y:hover {
background-color:#f0f0f0;
box-shadow:0 4px 4px rgba(0,0,0,.12)
}

input[type=submit]:focus, a.l-y:focus {
background-color:#C2185B;
box-shadow:0 4px 4px rgba(0,0,0,.12);
outline:none;
}

a.l-y, a.l-y:focus{background-color:inherit;color:inherit;
margin:8px 8px 0 0;
}

/*checkbox+switch*/

input[type=checkbox], input[type=radio]{
vertical-align:top;
margin:12px;
width:24px;
height:24px;
transform:scale(2);
}

input[type=checkbox]+label, input[type=radio]+label{
height:24px;
line-height:24px;
min-width:240px;
display:inline-block;
cursor:pointer;
color:rgba(0,0,0,.54);
}

input[type=checkbox]:checked+label, input[type=radio]:checked+label{color:rgba(0,0,0,.87)}


input[type=checkbox].switch, input[type=radio].switch{
position:absolute;
opacity:0;
}


input[type=checkbox].switch + label, input[type=radio].switch + label{
position:relative;
padding:0 0 0 64px;
}

/*track*/
input[type=checkbox].switch + label:before, input[type=radio].switch + label:before{
background:rgba(0,0,0,.38);
content:'';
position:absolute;
top:6px;
left:0;
width:48px;
height:12px;
border-radius:12px;
box-shadow:inset 0 2px 3px rgba(0,0,0,.12);
}

input[type=radio].switch + label:before{
border-radius:50%;
width:20px;
height:20px;
top:0;
background:transparent;
border:2px solid rgba(158,158,158,.54);
box-shadow:none;
}

input[type=checkbox].switch:checked + label:before{background:rgba(233,30,99,.5)}
input[type=radio].switch:checked + label:before{border:2px solid rgba(233,30,99,.54)}

/*thumb*/
input[type=checkbox].switch + label:after, input[type=radio].switch + label:after{
background-color:#FAFAFA;
left:0;
transition:left .2s, background-color .2s;
content:'';
position:absolute;
top:0;
width:24px;
height:24px;
border-radius:50%;
box-shadow:0 2px 5px rgba(0,0,0,.12);
}

input[type=radio].switch + label:after{
width:14px;
height:14px;
top:5px;
left:5px;
background-color:transparent;
box-shadow:none;
}

input[type=checkbox].switch:checked + label:after{
background-color:#E91E63;
left:24px;
transition: background-color .2s;
}


input[type=radio].switch:checked + label:after{
background-color:#E91E63;
transition: background-color .2s;
}


input[type=checkbox].switch:hover + label:after, input[type=radio].switch:hover + label:after{box-shadow:0 4px 4px rgba(0,0,0,.12)}

input[type=checkbox].switch:focus + label:after, input[type=radio].switch:focus + label:after{box-shadow:0 0 10px 10px rgba(0,0,0,.12)}

input[type=checkbox].switch:active + label:after, input[type=radio].switch:active + label:after{box-shadow:0 0 10px 10px rgba(0,0,0,.12)}


.b-f, a.b-f, .d-f a{
font-size:14px;
line-height:36px;
font-weight:500;
height:36px;
min-width:64px;
margin:6px 4px;
padding:0 8px;
border-radius:2px;
border:none;
background-color:transparent;
color:rgba(0,0,0,.87);
display:inline-block;
text-transform:uppercase;
text-align:center;
vertical-align:middle;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}



.b-f:focus, a.b-f:focus, .d-f a:focus{color:rgba(0,0,0,.54);background-color:rgba(0,0,0,.01)}
.b-f:hover, a.b-f:hover, .d-f a:hover{color:rgba(0,0,0,.54);background-color:rgba(0,0,0,.01)}

.b-r, a.b-r{
font-size:14px;
line-height:36px;
height:36px;
min-width:64px;
padding:0 16px;
margin:6px 4px;
box-shadow: 0 2px 2px rgba(0,0,0,.12);
border-radius:2px;
background-color:#FF4081;
color:#fff;
display:inline-block;
text-align:center;
vertical-align:middle;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.b-r:focus, a.b-r:focus{
background-color:#C51162;
color:#fff;
box-shadow: 0 4px 4px rgba(0,0,0,.12);
}
.b-r:hover, a.b-r:hover{
background-color:#C51162;
color:#fff;
box-shadow: 0 4px 4px rgba(0,0,0,.12);
}



.d-m{
display:block;
/*
overflow-x:hidden;
overflow-y:auto;
display:block;
position:fixed;
z-index:9999;
top:0;
right:0;
bottom:0;
left:0;
*/
outline:0;
background-color:rgba(255,255,255,.7);
}

.d-c{
overflow-x:hidden;
overflow-y:auto;
display:block;
margin:8px;
padding:0;
border-radius:2px;
z-index:9998;
background-color:#fafafa;
box-shadow:0 3px 1px -2px rgba(0,0,0,.1),0 2px 2px 0 rgba(0,0,0,.09),0 1px 5px 0 rgba(0,0,0,.1);
border-radius:2px;
outline:0;
width:auto;
height:auto;
/*
position:relative;
top:0;
right:0;
left:0;*/
/*bottom:0;*/
background-color:#fff;
}

h3.d-h{
display:block;
font-weight:300; line-height:1;
line-height:20px;
font-size:20px;
color:#795548;
margin:24px 24px 20px 24px;
padding:0;
/*background-color:rgba(0,0,0,.1);*/
}

.d-b{
display:block;
margin:0 24px 24px 24px;
padding:0;
/*background-color:rgba(0,0,0,.05);*/
}

.d-b.d{background-color:#FAFAFA;}

.d-f,.d-f.r{
display:block;
margin:0;
padding:8px 4px;
height:52px;
text-align:right;
white-space:nowrap;
width:100%;
/*background-color:rgba(0,0,0,.1);*/
}

form>div>.d-f, .d-f.l{text-align:left}

.d-f>a{display:inline-block; height:36px !important; margin:6px 4px}


.fab, a.fab, input.fab, input[type=submit].fab{
height:56px;width:56px;margin:0;padding:0;
border:none;border-radius:28px;outline:none;
font-size:24px;line-height:56px;text-align:center;
background-color:#ff4081;color:#fff;
position:fixed;right:16px;bottom:56px;z-index:9999;display:block;
}

input.fab{min-width:56px}

.fabm, a.fabm{
width:40px;
height:40px;
font-size:24px;
line-height:40px;
border-radius:50%;
border:none;
text-align:center;
background-color:#ff4081;
color:#fff;
text-decoration:none;
display:inline-block;
}


input[type=image].fab{
padding:16px;
line-height:24px;
}

.fab,.fabm, a.fab,a.fabm{box-shadow:0 2px 2px rgba(0,0,0,.12)}

.fab:hover,.fabm:hover, a.fab:hover,a.fabm:hover,
input.fab:hover, input[type=submit].fab:hover, input[type=image].fab:hover{box-shadow:0 4px 4px rgba(0,0,0,.12);background-color:#C51162;color:#fff;}

.fab:focus,.fabm:focus{box-shadow:0 8px 8px rgba(0,0,0,.12);background-color:#C51162;color:#fff;}

.demo.fab,.demo.fabm{position:static;display:inline-block}



/*=========WWW960=========*/
@media all and (min-width:960px){

.tb-u{top:12px}

.c-60{margin:16px auto}

.d-c{
max-width:600px;
width:auto;
height:auto;
margin:32px auto;
}

#menu{top:20px;right:20px}
#menu a{font-size:14px;padding:0 20px}

.t,h1{background:inherit !important; box-shadow:none; position:fixed; left:344px; top:8px; z-index:9991; padding:0}
.t2,h2,h3,h4,h5,h6{padding:0 24px}

.sidenav{
width:72px;
transition:width .2s ease-in-out .1s;
top:64px;
left:0;
box-shadow:4px 0 16px rgba(0,0,0,.12);
/*height:calc(100% - 64px);*/
z-index:9989;
}


#no:focus ~ .sidenav{
width:264px; top:64px;
box-shadow:8px 0 16px rgba(0,0,0,.12);
transition:width .2s ease-in-out .1s;
}


.sidenav:hover{
width:264px; top:64px;
box-shadow:24px 0 24px rgba(0,0,0,.12);
transition:width .2s ease-in-out .1s, box-shadow .2s ease-in-out .1s;
}

.sidenav:hover ~ .shade{
display:block;
}

#shade{z-index:9989}

/*html{margin-bottom:112px}*/

body{
/*margin:64px 0 56px 72px;*/
padding:64px 0 56px 72px;
}/*48*/

.tbn{display:none}

.tb{height:64px;box-shadow:0 4px 4px rgba(0,0,0,0.12)}
/*.tb{background-image:url(/i/shade.png);background-repeat:no-repeat;background-position:88px 20px}*/
body:before{display:none}

.advbar{height:56px;/*48*/left:72px}
/*.advbar a{width:30%}*/

.tb-t{left:80px;top:8px}

#no, #mo, .tb-b-1, .tb-b-2{top:4px}
#no{left:16px}
#mo{right:8px}
.tb-b-1{right:48px}
.tb-b-2{right:88px}

.l-t{font-size:14px}
.l-d{font-size:12px}
.l-k{font-size:12px}

.l-d, .d2{top:40px}
.l-t, .l-d, .l-k, .l-w, .d2{left:80px}

.l1i,.l2i,.l3i, .l1p,.l2p,.l3p, .l-i, .l-p{left:24px}
.l2c,.l2c,.l3c, .l2b,.l2b,.l3b, .l-a{right:24px}
.l-cvr>.l-shd>.l-p{left:16px}
.l2l>a>.l-shd>.l-p{left:16px}

.ln-t{margin:20px 24px 20px 80px;font-size:15px}
.ln-d{margin:48px 24px 20px 80px;font-size:12px}
.l-w{padding:38px 24px 20px 80px;font-size:12px}

.fab{right:24px}

p, .p{padding:20px 24px}
.ds{padding:20px 24px 8px}
.kw{padding:8px 24px 20px}
.pc{width:100%;max-width:60em;margin:0 auto;}

form{margin:20px 0}

textarea{resize:vertical}

input[type=submit], a.l-y{height:32px;min-width:32px}
input, textarea, select, label, input[type], a.l-y {margin:8px 24px 8px 24px}

#wg>.t2{padding:0 24px}
#wg>.t2>a, .t2>span, h2>span, .t2>a, h2>a{margin:0 -24px;padding:0 24px}
#wg>.t2>a::after, .t2>a::after, h2>a::after{right:24px}

span.e, span.w, span.ok, span.h, span.suc{margin:0 24px}

.tb{opacity:.87}
}

/*w1280*/
/*
@media all and (min-width:1280px){
#no{display:none}
.sidenav{width:264px;transition:none}
body{margin:64px 0 48px 264px}
.advbar{height:48px;left:264px}
#no:focus ~ #shade{display:none}
.l-cvr>.l-shd>.l-p{left:24px}
p, .p{max-width:60em}
p, .p{max-width:90em}
.ps{max-width:30em}
}
*/

/*w1600*/
@media all and (min-width:1600px){
body{padding-left:400px}
main{max-width:1280px;margin:0 auto}
.advbar{left:400px}
h1,.t{left:480px}
.sidenav,
.sidenav>ul.l1, .sidenav>ul.l2, .sidenav>ul.l3,
.sidenav>ul.l1>li>a, .sidenav>ul.l2>li>a, .sidenav>ul.l3>li>a{width:400px}
}


/*font-face*/
@font-face{
font-family:emoji;
src:local(arial);
}
@font-face{
font-family:icon;
src:local(arial);
}


@font-face{
font-family:emoji;
src:local('Android Emoji'),
local('Apple Color Emoji'),
local('Noto Emoji'),
local('Symbola');
unicode-range:U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}

.emoji,textarea.emoji{font-family:emoji;font-size:24px;line-height:24px;
font-weight:normal;font-style:normal;font-variant:normal}

@font-face{
font-family:icon;
src:local('Material Icons'),
local('Segoe UI'),
local(Symbola);
unicode-range: U+E000-E90A;
}

.icon{font-family:icon;font-size:24px;line-height:24px;
font-weight:normal;font-style:normal;font-variant:normal}


h1{
background-position: 180px -56px !important;
text-shadow: 0 0 2px rgba(0,0,0,0.12);
}

main {
    border-bottom-color:#BBDEFB;
}



.advbar{

}

/*footer+header*/


.t2ny{background-image:url(/i/ny/garland.png); background-position:0 80%; text-shadow: 1px 1px 2px #000}
.footny, .t3ny{background:#cde1f5 url(/i/ny/sosulki-x.jpg) repeat-x top left;color:#33c;text-shadow:1px 1px 1px #888}
.t4ny{background-image:url(/i/ny/tbg.gif)}
.ny{background-color:#ccf;color:#33c}

table.calendar{max-width:384px;border-radius:2px;box-shadow:0 2px 2px rgba(0,0,0,.12)}
table.calendar td{width:48px;height:48px}
table.calendar td.today{border-radius:50%;background-color:#0f0}
table.calendar td.red1{color:#900}
table.calendar td.red{color:#600}

.xf{background-color:#212121;color:#4CAF50;padding:16px}
.xt{color:#F44336}
.xa{color:#2196F3}
.xv{color:#FF5722}
.xc{color:#9E9E9E}

.x-g,.x-s,.x-t,.x-a{ text-align:center; border-radius:8px; min-width:16px; height:16px; display:inline-block; padding:1px 2px 0 2px; }
.x-g{border:1px solid #FFD700}
.x-s{border:1px solid #C0C0C0}
.x-t{border:1px solid #CD7F32}
.x-a{border:1px solid #2196F3}

.t15{width:254px;height:254px;
background-color:#E0E0E0;margin:16px;
border-radius:2px;}
.t15 td{
height:80px;width:80px;
line-height:80px;
padding:0;text-align:center;
border:1px inset #fff;border-radius:2px;}

.t15 a{display:block;height:80px;width:80px;}
.t15 td.but{font-weight:bold;border:1px outset #fff}
.t15 td.emp{border:hidden;background-color:#EEEEEE}


/*COLOR*/
html{background-color:#F5F5F5;color:rgba(0,0,0,.87)}

body{background-color:#FAFAFA;color:rgba(0,0,0,.87)}

.tb{background-color:#3f51b5;color:#fff}
.tb a{background-color:transparent;color:#fff}

#shade{background-color:rgba(0,0,0,.5);color:rgba(0,0,0,.5)}
#rightshade{background-color:rgba(255,255,255,.5);color:rgba(255,255,255,.5)}
.tb-b-app{background-color:#3f51b5;color:#fff}


/*.t,h1{background-color:#3f51b5;color:#fff}*/
.t2,h2,h3,h4,h5,h6{background-color:rgba(255,255,255,.3);color:rgba(0,0,0,.87);opacity:1;}

.p-t{background-color:#3f51b5}
.p-t, .p-l, .p-r, .p-c{color:rgba(255,255,255,.7)}



/*
li, li .l-c, li .ln-cb, .l-b{text-shadow:0 0 1px #fff}
.d, li.d, li.d .l-c, .d .l-c, .d .ln-cb, .d .l-b{text-shadow:0 0 2px #fff}
*/

.l-u a{color:#536dfe}
.box2 a, .t3 a{color:#536dfe}
.l1>li, .l2>li, .l3>li{background-color:#fafafa;color:#000}
.l-t, .ln-t{color:rgba(0,0,0,.87)}

.l-i, .l-p, .l-c, .l-b, .l-d, .l-k, .l-w, .d2, .ln-d, .ln-c, .ln-cb, .l-tr, .l-mc{color:rgba(0,0,0,.54)}
.l-i, .l-p, .l-c, .l-b{background-color:transparent}

.l-w a{color:#673AB7}

.l1>.d, .l2>.d, .l3>.d{background-color:#F5F5F5}
.active>.l-t{color:rgba(26,35,126,.87)}
.active>.l-d{color:rgba(26,35,126,.54)}


.ds,.kw{color:rgba(0,0,0,.54);background-color:rgba(255,255,255,.3)}

footer{background-color:#424242;color:#fff}
footer a{color:#fff}

.advbar{background-color:rgba(0,0,0,.87);color:rgba(0,0,0,.87);
background:linear-gradient(to top, #424242 0, rgba(0,0,0,.54) 100%)}
.advbar a{color:rgba(0,0,0,.87)}

.e,.w,.ok,.h{color:rgba(0,0,0,.38)}
div.ok, div.e, div.w, div.suc{background-color:#fff;border-left-style:solid;border-left-width:2px}
div.ok{border-left-color:#0d47a1}
div.w{border-left-color:#f57f17}
div.e{border-left-color:#dd2c00}
div.suc{border-left-color:#1b5e20}
div.h{border-left-color:rgba(0,0,0,.38)}
.ok{color:#0d47a1}
.w{color:#f57f17}
.e{color:#dd2c00}
.suc{color:#1b5e20}
.h{color:rgba(0,0,0,.38)}

#wg>.t2>a, .t2>span, h2>span, .t2>a, h2>a{color:rgba(0,0,0,.87)}

select, textarea, input{color:rgba(0,0,0,0.87)}


/*DARK*/
.dark{background-color:#303030;color:#fff}
.dark>.tb, .dark div.t, .dark h1, .dark div.p-t, .dark li{background-color:#212121;color:#fff}
.dark .t2, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6{background-color:rgba(0,0,0,.54);color:#fff}

.dark a{background-color:transparent;color:#fff}

.dark .d, .dark li.d{background-color:#303030;color:#fff}

.dark ul, .dark .l1>li, .dark .l2>li, .dark .l3>li{background-color:#212121;color:#fff}

.dark li, .dark a, .dark li a, .dark li a span, .dark .l-t, .dark .l-d {color:#fff}

.dark .l-i, .dark .l-p, .dark .l-c, .dark .l-b, .dark .l-d, .dark .l-k, .dark .l-w, .dark .d2, .dark .ln-d, .dark .ln-c, .dark .ln-cb, .dark .l-tr, .dark .l-mc{color:rgba(255,255,255,.7)}

.dark ul li a .l-i{background-color:rgba(255,255,255,1)}

.dark a.active>.l-t{color:rgba(26,35,126,1)}
.dark a.active>.l-d{color:rgba(26,35,126,.7)}

.dark select, .dark textarea, .dark input{color:rgba(255,255,255,.7)}
.dark option{background-color:#424242;color:rgba(0,0,0,.87)}
.dark option:nth-child(odd){background-color:#303030;color:rgba(255,255,255,.7)}
.dark option:nth-child(even){background-color:#424242;color:rgba(255,255,255,.7)}

.dark div.ok, .dark div.e, .dark div.w, .dark div.suc{background-color:#424242}

/*LIGHT*/
body.light{background-color:#fafafa;color:rgba(0,0,0,.87)}
.light>.tb, .light div.t, .light h1, .light div.p-t{background-color:#fafafa;color:rgba(0,0,0,.87)}
.light ul{background-color:#fafafa;color:rgba(0,0,0,.87)}

/*BG-500*/
.blue_grey>.tb, .blue_grey div.t, .blue_grey h1, .blue_grey div.p-t{background-color:#607D8B}

.gray>.tb, .gray div.t, .gray h1, .gray div.p-t{background-color:#424242}

.orange>.tb, .orange div.t, .orange h1, .orange div.p-t{background-color:#FF9800}

.deep_orange>.tb, .deep_orange div.t, .deep_orange h1, .deep_orange div.p-t{background-color:#FF5722}

.red>.tb, .red div.t, .red h1, .red div.p-t{background-color:#F44336}

.green>.tb, .green div.t, .green h1, .green div.p-t, body.green:before{background-color:#4CAF50}

.light_green>.tb, .light_green div.t, .light_green h1, .light_green div.p-t{background-color:#8BC34A}

.lime>.tb, .lime div.t, .lime h1, .lime div.p-t{background-color:#CDDC39}

.teal>.tb, .teal div.t, .teal h1, .teal div.p-t{background-color:#009688}

.blue>.tb, .blue div.t, .blue h1, .blue div.p-t{background-color:#2196F3}

.light_blue>.tb, .light_blue div.t, .light_blue h1, .light_blue div.p-t{background-color:#03A9F4}

.cyan>.tb, .cyan div.t, .cyan h1, .cyan div.p-t{background-color:#00BCD4}

.brown>.tb, .brown div.t, .brown h1, .brown div.p-t{background-color:#795548}

.pink>.tb, .pink div.t, .pink h1, .pink div.p-t{background-color:#E91E63}

.purple>.tb, .purple div.t, .purple h1, .purple div.p-t{background-color:#9C27B0}

.deep_purple>.tb, .deep_purple div.t, .deep_purple h1, .deep_purple div.p-t{background-color:#673AB7}

.yellow>.tb, .yellow div.t, .yellow h1, .yellow div.p-t{background-color:#FFEB3B}

.amber>.tb, .amber div.t, .amber h1, .amber div.p-t{background-color:#FFC107}

.black>.tb, .black div.t, .black h1, .black div.p-t{background-color:#212121}
.white>.tb, .white div.t, .white h1, .white div.p-t{background-color:#fff;color:rgba(0,0,0,0.87)}
.white #no, .white #ro{color:rgba(0,0,0,0.87)}
.white #no::before, .white #no::after, .white #no>span,
.white #ro::before, .white #ro::after, .white #ro>span{background-color:rgba(0,0,0,0.87) !important;}

.russia>.tb, .russia div.t, .russia h1, .russia div.p-t{background-color:#03A9F4}
.russia>.tb{background-image:linear-gradient(to top right, #D52B1E 0, #0039A6 40px, #0039A6 60px, #fff 100%) !important;}

.indigo>.tb, .indigo div.t, .indigo h1, .indigo div.p-t, body.indigo:before{background-color:#3f51b5}

.opacity>.tb, .opacity div.t, .opacity h1, .opacity div.p-t{background-color:#9E9E9E}
.opacity>.tb{background-color:#9E9E9E; background:linear-gradient(to bottom, rgba(0,0,0,.87) 0, rgba(0,0,0,.12) 100%)}

.hockey div.t, .hockey h1, .hockey div.p-t{background-color:#f0f}
.hockey>.tb{background:#f0f url(/i/hockey/h16.jpg) repeat center center}

.football div.t, .football h1, .football div.p-t{background-color:#2c6a93}
.football>.tb{background:#2c6a93 url(/i/football/euro2016bg.png) repeat center center}


.newyear>.tb, .newyear div.t, .newyear h1, .newyear div.p-t{background-color:#01579B}
.newyear>.tb{background:#01579B url(/i/ny/sosuli-x.png) repeat-x top left}
.nyw>.tb{background-image:url(/i/ny/sosuli-x.png);background-repeat:repeat-x;background-position:top left;}

.pobeda>.tb, .pobeda div.t, .pobeda h1, .pobeda div.p-t{background-color:#FF9800;color:rgba(0,0,0,.54)}

.pobeda #js-cd .cd-d{
    background-color:#ff6600; color:#212121;
}

@media only screen and (max-width:767px){
    .pobeda h1{text-align:center; padding-left:16px;}
}

.inoy>.tb, .inoy div.t, .inoy h1, .inoy div.p-t, body.inoy:before{background-color:#3f51b5}
.inoy>.tb{background-image:url(/i/c/inoy-112x56-b.png);background-repeat:repeat;background-position:center center;}

/*GRID-1-2-4-3*/
.demo .g-f{background-color:#ccc}
.demo .g-q1{background-color:#f00}
.demo .g-q2{background-color:#ff0}
.demo .g-q3{background-color:#0f0}
.demo .g-q4{background-color:#00f}
.demo .g-h1{background-color:#f90}
.demo .g-h2{background-color:#f0f}
.demo .g-t1{background-color:#f63}
.demo .g-t2{background-color:#f9f}
.demo .g-t3{background-color:#9ff}



.fs1{font-size:12px}
.fs2{font-size:13px}
.fs3{font-size:14px}
.fs4{font-size:15px}
.fs5{font-size:large}
.fs6{font-size:x-large}
.fs7{font-size:xx-large !important}
code{border:1px dotted #ccc}
.q{border:1px dotted #ccc}

.g{background:#f5f5f5; padding:16px; margin:0 16px;}

@media all and (min-width:960px){
.g{ margin:0 24px;}
}

.g-f, .g-h1,.g-h2, .g-t1,.g-t2,.g-t3, .g-q1,.g-q2,.g-q3,.g-q4, .g-51,.g-52,.g-53,.g-54,.g-55{
margin-right:0;min-height:48px;
border-bottom:1px dashed rgba(0,0,0,.01)}

/*
.zebra .g-h1:nth-child(odd), .zebra .g-h2:nth-child(odd){ background-color:#F5F5F5; }
*/

.g-h1,
.g-t1, .g-t2,
.g-q1, .g-q2, .g-q3,
.g-51, .g-52, .g-53, .g-54{border-right:1px dotted rgba(0,0,0,.01);}



@media only screen and (max-width:599px){
.g-f, .g-h1,.g-h2, .g-t1,.g-t2,.g-t3, .g-q1,.g-q2,.g-q3,.g-q4, .g-51,.g-52,.g-53,.g-54,.g-55{width:100%; border:none;}
.zebra2 :nth-child(even){background-color:#f5f5f5}
}



@media only screen and (min-width:600px) and (max-width:1199px){
.g-f{float:left;width:100%}
.g-h1,.g-h2, .g-q1,.g-q2,.g-q3,.g-q4, .g-51,.g-52{float:left;width:50%}
.g-t1,.g-t2,.g-t3, .g-53,.g-54,.g-55{float:left;width:33.33%}
.g-h2, .g-t3, .g-q2,.g-q4{clear:right}

/*.g-f, .g-h1,.g-h2, .g-t1,.g-t2,.g-t3, .g-q1,.g-q2,.g-q3,.g-q4{padding:16px 20px}*/

.zebra2 :nth-child(4n+2), .zebra2 :nth-child(4n+3){background-color:#F5F5F5}
}


@media only screen and (min-width:1200px){
.g-f{float:left;margin-right:0;width:100%}
.g-h1,.g-h2{float:left;width:50%}
.g-t1,.g-t2,.g-t3{float:left;width:33.33%}
.g-q1,.g-q2,.g-q3,.g-q4{float:left;width:25%}
.g-h2, .g-t3, .g-q4{clear:right}
/*.g-f, .g-h1,.g-h2, .g-t1,.g-t2,.g-t3, .g-q1,.g-q2,.g-q3,.g-q4{padding:20px 24px}*/

.g-51,.g-52,.g-53,.g-54,.g-55{float:left;width:20%}


.zebra2 :nth-child(4n+2), .zebra2 :nth-child(4n+3){background-color:#F5F5F5}

}





.grid{ border-style:dotted; border-color:rgba(0,0,0,0.12); border-width:1px 0 1px 0; }
.clear::before,.clear::after, .tile::before,.tile::after, .grid::before,.grid::after{content:"";display:table}
.clear::after,.tile::after,.grid::after{clear:both}


.left,.right{padding:8px; border-radius:10px; color:#212121;}
.left{margin:3px 2px 3px 10px;background-color:#fff0f0;border:1px solid #eee0e0}
.right{margin:3px 10px 3px 2px;background-color:#f0f0ff;border:1px solid #e0e0ee}

.cloud-c{
margin-bottom:16px;
padding:8px;
background:#FAFAFA;
position:relative;
border-radius:12px;
box-shadow:0 2px 2px rgba(0,0,0,.12);
}
.cloud-c::after{
content:"";
width:0;
height:0;
top:100%;
left:50%;
position:absolute;
border-left:4px solid transparent;
border-top:16px solid #FAFAFA;
border-right:12px solid transparent;
}
.cloud-c::before{
content:"";
width:0;
height:0;
top:100%;
left:50%;
position:absolute;
border-left:6px solid transparent;
border-top:18px solid rgba(0,0,0,.06);
border-right:14px solid transparent;
}

.a2m{font-size:12px;background-color:rgba(0,0,0,.87);color:#fff;border-radius:2px;line-height:15px;padding:0 4px;}
.a2m::after{content:"Apple Music";}


figure{margin:4px;padding:0;display:inline-block;text-align:center}
figure p{margin:0;padding:0}
figure p img, figure img{margin:0;padding:0}
figcaption{margin:0;padding:0;font-size:12px;text-align:center}

ul.g-l{position:static;
clear:both;
margin:2px;
}
ul.g-l::after{clear:both}

ul.g-l>li{
z-index:9999;
width:150px;
height:150px;
float:left;
position:static;
margin:2px;
background-image:url(/i/tpx.png);
}

ul.g-l>li.d{background-image:url(/i/tpd.png)}

ul.g-l>li>a{
width:100%;
height:100%;
position:static;
color:#fff;
font-size:12px;
}

ul.g-l>li>a>.g-p, ul.g-l>li>a>.g-i{
width:100%;
height:100%;
display:block;
position:static;
}

ul.g-l>li>a>.g-x{
width:100%;
position:relative;
height:68px;
bottom:68px;
background-color:rgba(0,0,0,.38);
padding:0;
color:#fff;
font-size:12px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

ul.g-l>li>a>.g-x>.g-t{
width:100%;
position:static;
font-size:16px;
color:#fff;
display:block;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding:16px 16px 2px 16px;
}

ul.g-l>li>a>.g-x>.g-d{
width:100%;
position:static;
font-size:12px;
color:#fff;
display:block;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
padding:2px 16px 16px 16px;
}


.ch-n{
font-size:14px;
height:32px;
padding:0 12px;
line-height:32px;
border-radius:16px;
display:inline-block;
margin:8px;
background-color:#fafafa;
}
a.ch-n{background-color:#fefefe}
span.ch-n, a.ch-n:focus{box-shadow: 0 2px 2px rgba(0,0,0,.12); outline:0;}

.binhours{background-color:#E3F2FD;color:rgba(13,71,161,.54)}
table.binhours th{background-color:#E3F2FD;color:rgba(13,71,161,.54)}
.binhours-1{background-color:#2196F3;color:#fff;font-weight:bold}
.binhours-2{background-color:#BBDEFB;color:rgba(13,71,161,.54)}

.binhours-1,.binhours-2{
transition: background-color .2s ease-in-out .1s, color .3s ease-in-out .1s;
}


div.banner{width:100%;height:120px;
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
}

div.banner>a{
display:block;
width:100%;height:100%;
background-color:rgba(255,255,255,.5);
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}

/*
#banner{height:120px}
@media all and (min-width:600px){#banner{height:240px}}
@media all and (min-width:800px){#banner{height:360px}}
@media all and (min-width:1200px){#banner{height:480px}}
*/


div#banner{
width:100%;
margin:0 auto;
display:block;
position:relative;
overflow:hidden;
}

div#banner>a.bleft, div#banner>a.bright{
position:absolute;
top:50%;
opacity:.5;
}


div#banner>a.bleft{left:16px}
div#banner>a.bright{right:16px}

@media all and (min-width:800px){
div#banner>a.bleft{left:20px}
div#banner>a.bright{right:20px}
}

ul#pos{
left:0;
transition: left .2s ease-in-out .05s;
/*width:300%;*/
height:100%;
display:block;
position:absolute;
top:0;
margin:0;padding:0;
}

ul#pos>li{
display:block;
/*width:33.333%;*/
height:100%;
float:left;
margin:0;
padding:0;
background-image:url('/images/texture/sky/kids_sky.jpg');
}

ul#pos>li>a{
display:block;
margin:0;padding:0;
width:100%;
height:100%;
}

ul#pos>li>a>img{
display:block;
margin:0;padding:0;
width:100%;
margin:0;padding:0;
vertical-align:middle;
}

@media all and (max-height:320px){
.advbar{display:none}
html{padding-bottom:0}
}

/*TILE*/
.start{ background: url(/images/texture/cloth/camouflage.jpg) repeat center center fixed; }
ul.tile{
padding:10px 0 0 10px;
background-color:rgba(0,0,0,0.3);
/*max-width:480px;*/
margin:0 auto;
}

.tile::before,.tile::after{content:"";display:table}
.tile::after{clear:both}

ul.tile>li{
position:relative;
margin:0 10px 10px 0;
float:left;
overflow:hidden;
}


ul.tile>li>a, ul.tile>li>ul>li>a{
position:relative;
display:block;
color:#fff;
}

.t-ul,.t-li, .t-li>a{display:block}

.t-n, .t-n a, .t-n .t-li{width:30px;height:30px}
.t-s, .t-s a, .t-s .t-li{width:67px;height:67px;padding:0 11px 11px 0;}
.t-m, .t-m a, .t-m .t-li{width:145px;height:145px}
.t-w, .t-w a, .t-w .t-li{width:300px;height:145px}
.t-l, .t-l a, .t-l .t-li{width:300px;height:300px}

.t-t{
width:100%; width: calc(100% - 8px);
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
position:absolute;
left:8px;
bottom:8px;
font-size:20px;
color:#fff;
}

.t-b{
position:absolute;
right:8px;
bottom:8px;
color:#fff;
font-size:24px;
width:24px;
height:24px;
}

.t-d{
width:100%; width: calc(100% - 8px);
overflow:hidden;
text-overflow:ellipsis;
position:absolute;
left:8px;
top:8px;
font-size:15px;
padding:0 8px 8px 0;
}

.t-gray, .t-gray li{background-color:#757575}
.t-red, .t-red li{background-color:#F44336}
.t-green, .t-green li{background-color:#4CAF50}
.t-blue, .t-blue li{background-color:#2196F3}
.t-yellow, .t-yellow li{background-color:#FFEB3B}

.t-bg{
background-attachment:scroll;
background-color:inherit;
background-position:left center;
background-repeat:no-repeat;
background-size:cover;
}
.t-bg a{background-color:rgba(0,0,0,0.3);}

.t-s .t-i{
position:absolute;
width:50%;height:50%;
top:25%;left:25%;
font-size:32px;
border:none; border-radius:2px;
}

.t-m .t-i{
position:absolute;
width:33%;left:33%;
height:33%;top:33%;
font-size:32px;
border:none; border-radius:2px;
}

.t-w .t-i{
position:absolute;
width:16%; left:42%;
height:33%; top:33%;
font-size:32px;
border:none; border-radius:2px;
}

.t-l .t-i{
position:absolute;
width:33%; height:33%;
top:33%; left:33%;
font-size:32px;
border:none; border-radius:2px;
}


.origin{
display:none;
position:relative;
}

.thumb:focus + .origin{
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%;
z-index:9999;
text-align:center;
background-color:rgba(0,0,0,.5);
overflow:auto;
}

/*
@media all and (max-width:489px){

ul.tile{
max-width:489px;
width:100%;
}

.t-n, .t-n a, .t-n .t-li{width:16%;height:30px}
.t-s, .t-s a, .t-s .t-li{width:31%;height:70px}
.t-m, .t-m a, .t-m .t-li{width:31%;height:150px}
.t-w, .t-w a, .t-w .t-li{width:61%;height:150px}
.t-l, .t-l a, .t-l .t-li{width:61%;height:310px}

.t-n a, .t-n .t-li{width:100%;height:30px}
.t-s a, .t-s .t-li{width:100%;height:70px}
.t-m a, .t-m .t-li{width:100%;height:150px}
.t-w a, .t-w .t-li{width:100%;height:150px}
.t-l a, .t-l .t-li{width:100%;height:310px}

}
*/

.pfl:first-letter{
font-size:1.5em;line-height:1;
font-weight:bold;
color:rgba(244,67,54,0.87);
}

ul.crd li{margin:0 0 4px 0}
ul.crd li a{ margin:0 4px; box-shadow:0 2px 4px rgba(0,0,0,0.12); border:1px solid rgba(0,0,0,0.12); border-radius:2px; position:static; width:auto; }
ul.crd .l-p,ul.crd .l-i{left:16px}
ul.crd li a:hover{box-shadow:0 4px 4px rgba(0,0,0,0.12);}




ul.cd-ny{
list-style-image:none;
margin:0;padding:0;
white-space:nowrap;
display:block;
background-color:transparent;
width:288px;
height:112px;
text-align:center;
}

ul.cd-ny li{
background-color:transparent;
display:inline-block;

height:48px;line-height:48px;font-size:40px;

text-align:center;
vertical-align:top;
}

ul.cd-ny li .cd-d, ul.cd-ny li .cd-d2{
display:inline-block;
border-radius:7px;
margin:0 1px;
width:28px;
background-color:#FFEB3B;
border:1px solid #F57F17;
background:linear-gradient(to bottom, #FFEB3B 0, #F57F17 49%, #424242 49.5%, #424242 50.5%, #FFEB3B 51%, #FFEB3B 100%);
}

ul.cd-ny li .cd-d{color:rgba(0,0,0,0.54)}
ul.cd-ny li .cd-d2{color:rgba(0,0,0,0.54)}

ul.cd-ny li.cd-s{
display:inline-block;
width:12px;
color:rgba(0,0,0,0.87);
}

ul.cd-ny li .cd-l{
height:16px;line-height:16px;font-size:14px;
color:rgba(0,0,0,0.87);
}

ul.cd-ny li.cd-t{
display:block;
height:48px;line-height:48px;font-size:20px;
color:rgba(0,0,0,0.87);
}


#cookie_block{
display:block;
z-index:99999;
position:fixed;
bottom:0px;
width:100%;
height:48px;
text-align:center;
margin:0;
padding:8px;
background-color: rgba(0, 0, 0, 0.5);
color:#fff;
}
#cookie_close{
display:inline-block;
font-weight: bold;
cursor: pointer;
padding:8px;
margin:0 8px;
}





ul.cd-c{
list-style-image:none;
margin:0;padding:0;
white-space:nowrap;
display:block;
background-color:transparent;
width:288px;
height:112px;
text-align:center;
}

ul.cd-c>li{
background-color:transparent;
display:inline-block;
height:48px;line-height:48px;font-size:40px;
text-align:center;
vertical-align:top;
}

ul.cd-c>li>.cd-d{
display:inline-block;
border-radius:8px;
margin:0 1px;
width:28px;
color:#fff;
background-color:#212121;
border:1px solid #000;
}


.pink>ul.cd-c>li>.cd-d{
color:#fff;
background-color:#F48FB1;
border:1px solid #E91E63;
background:linear-gradient(to bottom, #F48FB1 0%, #E91E63 49%, #880E4F 49.5%, #880E4F 50.5%, #F48FB1 51%, #F48FB1 100%);
}


.yellow>ul.cd-c>li>.cd-d{
color:rgba(0,0,0,0.54);
background-color:#FFEB3B;
border:1px solid #F57F17;
background:linear-gradient(to bottom, #FFEB3B 0%, #F57F17 49%, #424242 49.5%, #424242 50.5%, #FFEB3B 51%, #FFEB3B 100%);
}





ul.cd-c>li.cd-s{
display:inline-block;
width:12px;
color:rgba(0,0,0,0.87);
}

ul.cd-c>li>.cd-l{
height:16px;line-height:16px;font-size:14px;
color:rgba(0,0,0,0.87);
}

.cd-t{
display:block;
height:48px;line-height:48px;font-size:20px;
color:rgba(0,0,0,0.87);
}

.blink li.cd-s{opacity:0.5}



@font-face{font-family:'May'; font-style:normal; font-weight:400;
src:url(/s/fonts/may/May-Regular.eot?);
src:url(/s/fonts/may/May-Regular.eot?#iefix) format('embedded-opentype'),
url(/s/fonts/may/May-Regular.woff2) format('woff2'),
url(/s/fonts/may/May-Regular.woff) format('woff'),
url(/s/fonts/may/May-Regular.ttf) format('truetype');
}

.may, .may a{font-family:'May';font-style:normal;font-weight:400;}


ul.tile1 li{
padding:16px;
}


.adsok{display:flex;}
.adsok a{display:flex; width:25%; padding:16px;}
.adsok a img{margin:0 12px 24px; width:16px; height:16px;}









/*HOLYDAY*/

.opacity.novyygod .tb, .opacity.novyygod .tbn ,
.opacity.zima .tb, .opacity.zima .tbn{
background-color:#2196F3;
color:#fff;
}

.zima .tb, .zima .tbn,
.opacity.zima .tb, .opacity.zima .tbn{
background-image: url(/i/ny/sosuli-x.png) !important;
background-repeat: repeat-x;
background-position: 0 0;
}


.novyygod .tb, .novyygod .tbn,
.opacity.novyygod .tb, .opacity.novyygod .tbn{
background-image: url(/i/ny/sosuli-x.png) !important;
background-repeat: repeat-x;
background-position: 0 0;
}


.novyygod header.tb::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 36px;
    background-image: url("/i/ny/girlanda.png");
    background-position: 0 -108px;
    background-repeat: repeat-x;
    bottom: -18px;
    animation-name: ripple;
    animation-duration: 1s;
    animation-timing-function: step-start;
    animation-iteration-count: infinite;
}

@keyframes ripple {
0% { background-position: 0 -36px; }
33% { background-position: 0 -72px; }
66% { background-position: 0 -108px; }
100% { background-position: 0 -36px; }
}



.zima footer{
background-color:#2196F3 !important;
text-shadow: 0 0 2px rgba(0,0,0,0.12);
}


.china .tb, .china .tbn,
.opacity.china .tb, .opacity.china .tbn {
    background-image: url(/i/ny/ch-ny.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    background-color:#F44336;
    color:#212121;
    color:rgba(0,0,0,.9);
}

.china .t,
.opacity.china .t {
    color: #fff;
    font-weight: 500;
    text-shadow: 0 0 2px #ffd47d;
}


.den-pobedy .tb a {
    background-image: url(/i/9m/gl-z.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
}