html{height:100%; }
body{height:100%; min-width:20em; margin:0 auto; padding:0; background-color:#ffffff; font-family:'Noticia Text', serif, 'Open Sans', sans-serif, 'Arial', 'Tahoma'; }
@media only screen and (min-width:30em){body{}}
@media only screen and (min-width:48em){body{}}
@media only screen and (min-width:80em){body{}}
@media only screen and (min-width:90em){body{}}
.head{margin:0; float:left; width:100%; height:100%; background-color:#000106; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/bck-480.jpg); background-repeat:no-repeat; background-position:center top; background-size:100%; }
@media only screen and (min-width:30em){.head{background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/bck-768.jpg); }}
@media only screen and (min-width:40em){.head{}}
@media only screen and (min-width:48em){.head{background-position:center center; background-size:cover; }}
@media only screen and (min-width:64em){.head{background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/bck-1280.jpg); }}
@media only screen and (min-width:80em){.head{}}
@media only screen and (min-width:90em){.head{background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/bck-1824.jpg); }}
.top{}
@media only screen and (min-width:30em){.top{}}
@media only screen and (min-width:40em){.top{}}
@media only screen and (min-width:48em){.top{}}
@media only screen and (min-width:64em){.top{}}
@media only screen and (min-width:80em){.top{}}
@media only screen and (min-width:90em){.top{}}
.content-area{width:100%; margin:0 auto; min-width:20em; box-sizing:border-box; }
.content-area-wrap{clear:both; float:left; width:100%; margin:2em 0 0 0; }
@media only screen and (min-width:30em){.content-area{}}
@media only screen and (min-width:40em){.content-area{}}
@media only screen and (min-width:48em){.content-area{padding-right:21.75em; overflow:hidden; }}
@media only screen and (min-width:64em){.content-area{padding-right:24em; }}
@media only screen and (min-width:80em){.content-area{max-width:80em; }}
@media only screen and (min-width:90em){.content-area{}}
.content{}
@media only screen and (min-width:30em){.content{}}
@media only screen and (min-width:40em){.content{}}
@media only screen and (min-width:48em){.content{float:left; width:100%; }}
@media only screen and (min-width:64em){.content{}}
@media only screen and (min-width:80em){.content{}}
@media only screen and (min-width:90em){.content{}}
.aside{margin-top:2em; }
@media only screen and (min-width:30em){.aside{}}
@media only screen and (min-width:40em){.aside{}}
@media only screen and (min-width:48em){.aside{margin-top:0; float:right; margin-right:-20em; width:18.75em; }}
@media only screen and (min-width:64em){.aside{margin-right:-22em; width:21em; }}
@media only screen and (min-width:80em){.aside{}}
@media only screen and (min-width:90em){.aside{}}
.footer{margin-top:1em; float:left; width:100%; padding-bottom:12em; background:#050D20; }
@media only screen and (min-width:30em){.footer{}}
@media only screen and (min-width:40em){.footer{}}
@media only screen and (min-width:48em){.footer{}}
@media only screen and (min-width:64em){.footer{}}
@media only screen and (min-width:80em){.footer{}}
@media only screen and (min-width:90em){.footer{}}
.Fast-sentence{background:#4caf50; display:block; padding:0.5em 1em 1em 1em; font-size:0.9em; border-radius:0.125em; line-height:130%; width:96%; box-sizing:border-box; margin:0 auto; margin-top:1em; border-style:solid; border-width:0.5em; border-color:#8bc34a; }
.Fast-sentence a{color:#fffce8; font-size:1.1em; text-align:center; width:100%; display:block; margin:0.3em 0 0 0; font-weight:bold; }
.Fast-sentence a p{margin:0; padding:0; }
@media only screen and (min-width:30em){
.Fast-sentence{ }
}
@media only screen and (min-width:48em){
.Fast-sentence{width:100%; margin:1em 0 0 0; }
}
@media only screen and (min-width:64em){
.Fast-sentence{ }
}
@media only screen and (min-width:80em){
.Fast-sentence{ }
}
@media only screen and (min-width:90em){
.Fast-sentence{ }
}
.all-comments-box{background:#f5f5f5; display:block; padding:0.5em 1em 1em 1em; font-size:0.9em; border-radius:0.125em; line-height:130%; width:96%; box-sizing:border-box; margin:0 auto; margin-top:1em; border-style:solid; border-width:0.0625em; border-color:#6385d4; }
.all-comments-box a{color:#6385d4; font-size:1.1em; text-align:center; width:100%; display:block; margin:0.3em 0 0 0; font-weight:bold; }
@media only screen and (min-width:30em){
.all-comments-box{ }
}
@media only screen and (min-width:48em){
.all-comments-box{width:100%; margin:1em 0 0 0; }
}
@media only screen and (min-width:64em){
.all-comments-box{ }
}
@media only screen and (min-width:80em){
.all-comments-box{ }
}
@media only screen and (min-width:90em){
.all-comments-box{ }
}
.all-pages{background:#f5f5f5; display:block; padding:0.5em 1em 1em 1em; font-size:0.9em; border-radius:0.125em; line-height:130%; width:96%; box-sizing:border-box; margin:0 auto; margin-top:1em; border-style:solid; border-width:0.0625em; border-color:#e75b78; }
.all-pages a{color:#e75b78; font-size:1.1em; text-align:center; width:100%; display:block; margin:0.3em 0 0 0; font-weight:bold; }
@media only screen and (min-width:30em){
.all-pages{ }
}
@media only screen and (min-width:48em){
.all-pages{width:100%; margin:1em 0 0 0; }
}
@media only screen and (min-width:64em){
.all-pages{ }
}
@media only screen and (min-width:80em){
.all-pages{ }
}
@media only screen and (min-width:90em){
.all-pages{ }
}
.banner-maratela{width:100%; margin:0 auto; overflow:hidden; margin-top:1em; }
.banner-maratela .zv-banner{margin:2em 0 0 0; }
.banner-maratela .magifon-banner{margin:2em 0 0 0; }
@media only screen and (min-width:30em){
.banner-maratela{ }
}
@media only screen and (min-width:48em){
.banner-maratela{width:100%; }
}
@media only screen and (min-width:64em){
.banner-maratela{ }
}
@media only screen and (min-width:80em){
.banner-maratela{ }
}
@media only screen and (min-width:90em){
.banner-maratela{ }
}
.my-articles{background:#f5f5f5; display:block; padding:0.5em 1em 1em 1em; font-size:0.9em; border-radius:0.125em; line-height:130%; width:96%; box-sizing:border-box; margin:0 auto; margin-top:1em; border-style:solid; border-width:0.0625em; border-color:#23d2c3; }
.my-articles a{color:#23d2c3; font-size:1.1em; text-align:center; width:100%; display:block; margin:0.3em 0 0 0; font-weight:bold; }
.my-articles a p{margin:0; padding:0; }
@media only screen and (min-width:30em){
.my-articles{ }
}
@media only screen and (min-width:48em){
.my-articles{width:100%; margin:1em 0 0 0; }
}
@media only screen and (min-width:64em){
.my-articles{ }
}
@media only screen and (min-width:80em){
.my-articles{ }
}
@media only screen and (min-width:90em){
.my-articles{ }
}
.chat{width:100%; width:96%; box-sizing:border-box; margin:0 auto; margin-top:1em; }
.chat h2{font-size:1.25em; margin:0; padding:0 0 0.5em 0; line-height:100%; color:#4c525a; }
.chat .chat-add-wrap{background-color:#fafafa; padding:1em; text-align:center; display:block; margin:0; }
.chat ul{ }
.chat ul li{clear:both; padding:0.5em; float:left; width:100%; margin:0; box-sizing:border-box; position:relative; }
.chat ul li:nth-child(odd){background-color:#f5f5f5; }
.chat ul li:nth-child(even){background-color:#fafafa; }
.chat ul li a{overflow:hidden; display:block; float:left; max-width:4em; }
.chat ul li a img{width:3em; border-radius:0.375em; display:block; margin:0 0.75em 0 0; }
.chat ul li a strong{font-weight:normal; font-size:0.85em; color:#e75b78; }
.chat ul li p{margin:0; padding:0; font-size:0.86em; line-height:135%; }
.chat ul li p a{max-width:initial; color:#e75b78; }
.chat ul li span{position:absolute; right:0.5em; bottom:0.25em; font-size:0.85em; color:#69c1f7; }
.chat .chat-link{display:block; text-align:right; padding:0.25em; clear:both; font-size:0.8em; color:#55789e; }
@media only screen and (min-width:30em){
.chat{ }
}
@media only screen and (min-width:40em){
.chat{ }
}
@media only screen and (min-width:48em){
.chat{ }
}
@media only screen and (min-width:64em){
.chat{ }
}
@media only screen and (min-width:80em){
.chat{ }
}
@media only screen and (min-width:90em){
.chat{ }
}
.tema-5{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; }
.tema-5 h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.tema-5 ul{margin:1em 0 0 0; }
.tema-5 ul li{clear:both; float:left; width:100%; padding:0 0 0.25em 0; overflow:hidden; position:relative; }
.tema-5 ul li a{position:relative; display:block; width:100%; }
.tema-5 ul li a img{width:4em; border-style:solid; border-width:0.0625em; border-color:#D9DFEB; padding:0.1875em }
.tema-5 ul li a h3{width:100%; display:block; color:#515bc5; padding:0 0 0 5.375em; font-size:0.95em; font-weight:normal; position:absolute; box-sizing:border-box; top:0; left:0; margin:0; }
.tema-5 ul li a h3:hover{text-decoration:underline; }
@media only screen and (min-width:30em){
.tema-5{ }
}
@media only screen and (min-width:48em){
.tema-5{width:100%; }
}
@media only screen and (min-width:64em){
.tema-5{ }
}
@media only screen and (min-width:80em){
.tema-5{ }
}
@media only screen and (min-width:90em){
.tema-5{ }
}
.tema-2{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; }
.tema-2 h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.tema-2 ul{margin:1em 0 0 0; }
.tema-2 ul li{clear:both; float:left; width:100%; padding:0 0 0.25em 0; overflow:hidden; position:relative; }
.tema-2 ul li a{position:relative; display:block; width:100%; }
.tema-2 ul li a img{width:4em; border-style:solid; border-width:0.0625em; border-color:#D9DFEB; padding:0.1875em }
.tema-2 ul li a h3{width:100%; display:block; color:#515bc5; padding:0 0 0 5.375em; font-size:0.95em; font-weight:normal; position:absolute; box-sizing:border-box; top:0; left:0; margin:0; }
.tema-2 ul li a h3:hover{text-decoration:underline; }
@media only screen and (min-width:30em){
.tema-2{ }
}
@media only screen and (min-width:48em){
.tema-2{width:100%; }
}
@media only screen and (min-width:64em){
.tema-2{ }
}
@media only screen and (min-width:80em){
.tema-2{ }
}
@media only screen and (min-width:90em){
.tema-2{ }
}
.tema-3{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; }
.tema-3 h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.tema-3 ul{margin:1em 0 0 0; }
.tema-3 ul li{clear:both; float:left; width:100%; padding:0 0 0.25em 0; overflow:hidden; position:relative; }
.tema-3 ul li a{position:relative; display:block; width:100%; }
.tema-3 ul li a img{width:4em; border-style:solid; border-width:0.0625em; border-color:#D9DFEB; padding:0.1875em }
.tema-3 ul li a h3{width:100%; display:block; color:#515bc5; padding:0 0 0 5.375em; font-size:0.95em; font-weight:normal; position:absolute; box-sizing:border-box; top:0; left:0; margin:0; }
.tema-3 ul li a h3:hover{text-decoration:underline; }
@media only screen and (min-width:30em){
.tema-3{ }
}
@media only screen and (min-width:48em){
.tema-3{width:100%; }
}
@media only screen and (min-width:64em){
.tema-3{ }
}
@media only screen and (min-width:80em){
.tema-3{ }
}
@media only screen and (min-width:90em){
.tema-3{ }
}
.tema-4{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; }
.tema-4 h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.tema-4 ul{margin:1em 0 0 0; }
.tema-4 ul li{clear:both; float:left; width:100%; padding:0 0 0.25em 0; overflow:hidden; position:relative; }
.tema-4 ul li a{position:relative; display:block; width:100%; }
.tema-4 ul li a img{width:4em; border-style:solid; border-width:0.0625em; border-color:#D9DFEB; padding:0.1875em }
.tema-4 ul li a h3{width:100%; display:block; color:#515bc5; padding:0 0 0 5.375em; font-size:0.95em; font-weight:normal; position:absolute; box-sizing:border-box; top:0; left:0; margin:0; }
.tema-4 ul li a h3:hover{text-decoration:underline; }
@media only screen and (min-width:30em){
.tema-4{ }
}
@media only screen and (min-width:48em){
.tema-4{width:100%; }
}
@media only screen and (min-width:64em){
.tema-4{ }
}
@media only screen and (min-width:80em){
.tema-4{ }
}
@media only screen and (min-width:90em){
.tema-4{ }
}
.tema-1{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; }
.tema-1 h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.tema-1 ul{margin:1em 0 0 0; }
.tema-1 ul li{clear:both; float:left; width:100%; padding:0 0 0.25em 0; overflow:hidden; position:relative; }
.tema-1 ul li a{position:relative; display:block; width:100%; }
.tema-1 ul li a img{width:4em; border-style:solid; border-width:0.0625em; border-color:#D9DFEB; padding:0.1875em }
.tema-1 ul li a h3{width:100%; display:block; color:#515bc5; padding:0 0 0 5.375em; font-size:0.95em; font-weight:normal; position:absolute; box-sizing:border-box; top:0; left:0; margin:0; }
.tema-1 ul li a h3:hover{text-decoration:underline; }
@media only screen and (min-width:30em){
.tema-1{ }
}
@media only screen and (min-width:48em){
.tema-1{width:100%; }
}
@media only screen and (min-width:64em){
.tema-1{ }
}
@media only screen and (min-width:80em){
.tema-1{ }
}
@media only screen and (min-width:90em){
.tema-1{ }
}
.magazin{display:block; width:96%; margin:0 auto; margin-top:1em; }
.magazin h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.magazin img{max-width:100%; margin:0 auto; margin-top:0.5em; display:block; }
@media only screen and (min-width:30em){
.magazin{ }
}
@media only screen and (min-width:48em){
.magazin{width:100%; }
}
@media only screen and (min-width:64em){
.magazin{ }
}
@media only screen and (min-width:80em){
.magazin{ }
}
@media only screen and (min-width:90em){
.magazin{ }
}
.banners{display:block; width:96%; margin:0 auto; margin-top:1em; overflow:hidden; }
.banners h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.banners img{width:44%; margin:0.5em 0.5em 0 0.5em; display:block; float:left; max-width:9.0625em; }
@media only screen and (min-width:30em){
.banners{ }
}
@media only screen and (min-width:48em){
.banners{width:100%; }
}
@media only screen and (min-width:64em){
.banners{ }
}
@media only screen and (min-width:80em){
.banners{ }
}
@media only screen and (min-width:90em){
.banners{ }
}
.logo{ }
.logo img{max-width:19em; display:block; margin:0 auto; margin-top:4.5em; }
@media only screen and (min-width:30em){
.logo{ }
.logo img{max-width:20em; }
}
@media only screen and (min-width:48em){
.logo img{max-width:none; margin-top:12em; }
}
@media only screen and (min-width:64em){
.logo{ }
}
@media only screen and (min-width:80em){
.logo{ }
}
@media only screen and (min-width:90em){
.logo{ }
}
@media only screen and (min-width:48em) and (min-height:0){
.logo{font-size:0.75em; }
.logo img{max-width:17em; margin-top:10em; }
}
@media only screen and (min-width:48em) and (min-height:27em){
.logo{font-size:0.8em; }
.logo img{max-width:18em; }
}
@media only screen and (min-width:48em) and (min-height:30em){
.logo{font-size:0.85em; }
.logo img{max-width:19em; margin-top:12em; }
}
@media only screen and (min-width:48em) and (min-height:35em){
.logo{font-size:0.9em; }
.logo img{max-width:22em; }
}
@media only screen and (min-width:48em) and (min-height:40em){
.logo{font-size:1em; }
.logo img{max-width:23em; }
}
@media only screen and (min-width:48em) and (min-height:50em){
.logo{font-size:1em; }
.logo img{max-width:none; }
}
.numbers{background:#081736; display:block; width:100%; padding:0 0 3em 0; font-size:0.8em; }
.numbers .numbers-in{display:block; max-width:80em; width:100%; margin:0 auto; }
.numbers .numbers-in li{display:inline-block; width:49%; margin:3em 0 0 0; border-style:solid; border-width:0 0.0625em 0 0; border-color:#103677; }
.numbers .numbers-in li:last-child{border:0; }
.numbers .numbers-in li p{display:block; margin:0; padding:0 0 0.25em 0; width:100%; text-align:center; font-size:2em; color:#2568D3; }
.numbers .numbers-in li span{display:block; margin:0; padding:0; width:100%; text-align:center; font-size:1em; color:#88A6EC; }
@media only screen and (min-width:30em){
.numbers{padding:0 0 2em 0; }
.numbers .numbers-in li{width:24.3%; margin:2em 0 0 0; }
}
@media only screen and (min-width:40em){
.numbers{ }
}
@media only screen and (min-width:48em){
.numbers{padding:1em 0 3em 0; font-size:1em; }
.numbers .numbers-in li{width:24.4%; }
}
@media only screen and (min-width:64em){
.numbers{ }
}
@media only screen and (min-width:80em){
.numbers{ }
}
@media only screen and (min-width:90em){
.numbers{ }
}
.sponsored{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; }
.sponsored h2{font-size:1.25em; margin:0; padding:0; line-height:100%; color:#4c525a; }
.sponsored ul{margin:1em 0 0 0; }
.sponsored ul li{clear:both; float:left; width:100%; padding:0 0 0.25em 0; overflow:hidden; position:relative; }
.sponsored ul li a{position:relative; display:block; width:100%; }
.sponsored ul li a img{width:4em; border-style:solid; border-width:0.0625em; border-color:#D9DFEB; padding:0.1875em }
.sponsored ul li a h3{width:100%; display:block; color:#515bc5; padding:0 0 0 5.375em; font-size:0.95em; font-weight:normal; position:absolute; box-sizing:border-box; top:0; left:0; margin:0; }
.sponsored ul li a h3:hover{text-decoration:underline; }
@media only screen and (min-width:30em){
.sponsored{ }
}
@media only screen and (min-width:48em){
.sponsored{width:100%; }
}
@media only screen and (min-width:64em){
.sponsored{ }
}
@media only screen and (min-width:80em){
.sponsored{ }
}
@media only screen and (min-width:90em){
.sponsored{ }
}
.EnterContentWrap .EnterContent{width:96%; background:#f5f5f5; padding:0 1em 0.5em 1em; box-sizing:border-box; position:relative; z-index:59996; margin:0 auto; border-radius:0.125em; }
.EnterContentWrap{margin-top:2em; }
.EnterContentWrap .wellcome-wrap{overflow:hidden; display:block; padding:1em; margin:-2em 0 0 0; font-size:0.95em; }
.EnterContentWrap .wellcome-wrap .wellcome{display:block; font-size:1.05em; color:#4c525a; padding:0 0 1em 0; }
.EnterContentWrap .wellcome-wrap .sign-up{width:49%; float:left; text-align:right; margin:0.25em 1% 0 0; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .sign-up a{width:6.6em; height:1.8em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/sign-up.png); background-repeat:no-repeat; float:right; background-size:2.5em; background-color:#55789e; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 2.9em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .log-in{width:49%; float:left; margin:0.25em 0 0 1%; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .log-in a{width:6.3em; height:1.8em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/log-in.png); background-repeat:no-repeat; float:left; background-size:2.5em; background-color:#e75b78; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 3.2em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .signs{display:block;margin:1.25em 0 0 0; text-align:center; float:left; width:100%; color:#4c525a; font-size:0.9em; }
.EnterContentWrap li{position:relative; }
.EnterContentWrap .top{width:100%; height:2em; }
.EnterContentWrap .top .user{display:block; }
.EnterContentWrap .top .user img{float:left; width:4em; margin:-1.7em 0 0 0; border-width:0.0625em; border-style:solid; border-color:#e5e5e5; border-radius:0.25em; }
.EnterContentWrap .top .user p{float:left; margin:-1.3em 0 0 0.35em; color:#21a2dc; font-size:0.9em; font-weight:bold; }
.EnterContentWrap .top .user p:hover{text-decoration:underline; }
.EnterContentWrap .top .user p span{ }
.EnterContentWrap .mid-title{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-title #new-area-title{width:100%; margin:0 0 5em 0; font-size:1.4em; color:#000000; background:#ffffff; box-sizing:border-box; padding:0.4em 0.4em 0.3em 0.4em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; line-height:100%; }
.EnterContentWrap .mid-intro{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-intro #new-area-intro{width:100%; margin:0.5em 0 7.5em 0; height:12em; font-size:0.95em; font-weight:bold; color:#222222; background:#ffffff; box-sizing:border-box; padding:0.75em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; resize:none; font-family:'Josefin Sans',sans-serif,'Tahoma'; }
.EnterContentWrap .mid-image{width:100%; margin:1em 0 0 0; display:none; position:relative; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop{border-style:solid; border-width:0 0 0.0625em 0; border-color:#cccccc; position:relative; margin:0 0 6.5em 0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container{position:relative; display:block; height:0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container img{max-width:100%; margin:0 auto; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span{background:rgba(102, 102, 102, 0.6); position:absolute; bottom:0; left:0; width:100%; padding:0.5em; box-sizing:border-box; font-size:0.9em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span p{margin:0; padding:0.7em; float:left; color:#ffffff; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span a{margin:0; padding:0.7em; float:right; color:#ffffff; text-align:right; background:#f54444; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area{width:100%; font-size:0.9em; color:#aaaaaa; padding:1.25em 0.5em 8.5em 0.5em; box-sizing:border-box; display:block; border-style:dashed; border-width:0.125em; border-color:#eaeaea; background-image:url(/res/images/cross.png); background-color:#ffffff; background-size:1em 1em; line-height:100%; text-align:center; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-area{position:absolute; bottom:5.5em; left:0; width:100%; font-size:0.85em; color:#cccccc; text-align:center; padding:0; box-sizing:border-box; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-button{position:absolute; bottom:0.75em; left:20%; width:60%; background-color:#8cceec; padding:0.8em 3% 0.8em 3%; color:#ffffff; font-size:0.95em; border-radius:0.25em; cursor:pointer; cursor:hand; display:inline-block; line-height:100%; text-align:center; box-sizing:border-box; display:none; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-uploaded-area-button{position:absolute; bottom:0.75em; left:20%; width:60%; background-color:#84ca80; padding:0.8em 3% 0.8em 3%; color:#ffffff; font-size:0.95em; border-radius:0.25em; cursor:pointer; cursor:hand; display:inline-block; line-height:100%; text-align:center; box-sizing:border-box; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-button-hidden{display:none; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area{position:absolute; bottom:6.25em; right:0; width:100%; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li{width:100%; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li div{float:left; margin:0.5em 0 0 0.5em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p{float:right; font-size:0.9em; margin:0.75em 0.75em 0 0; color:#aaaaaa; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p i{padding:0 0 0 0.5em; }
.EnterContentWrap .mid-content{width:100%; background-color:#ffffff; margin:0 0 0 0; }
.EnterContentWrap .mid-content .mce-tinymce{margin:1em 0 13em 0; }
.EnterContentWrap .mid-content #new-area-content{width:100%; margin:0.5em 0 6.325em 0; height:10em; font-size:0.95em; color:#222222; background:#ffffff; box-sizing:border-box; padding:0.75em; display:block; border-style:solid; border-width:0.75em 0 0.25em 0; border-top-color:#f5f5f5; border-bottom-color:#21a2dc; resize:none; font-family:'Josefin Sans',sans-serif,'Tahoma'; }
.EnterContentWrap .bot{padding:0 0 0.5em 0; }
.EnterContentWrap .bot .buttons-wrapper{display:block; width:100%; height:2em; position:absolute; bottom:4.5em; }
.EnterContentWrap .bot .buttons-wrapper input{margin:0.15em 0.25em 0 0; padding:0.2em 0.75em 0.2em 0.75em; font-size:0.85em; cursor:pointer; cursor:hand; }
.EnterContentWrap .bot .buttons-wrapper .text-link-video{float:left; }
.EnterContentWrap .bot .buttons-wrapper .image{float:left; }
.EnterContentWrap .bot .buttons-wrapper .link-video{display:none; }
.EnterContentWrap .bot .buttons-wrapper .article{float:left; }
.EnterContentWrap .bot .buttons-wrapper .publish{padding:1em 1.5em 0.8em 1.5em; background:#21a2dc; clear:both; float:left; margin:2.4em 0 0 0; border:0; }
.EnterContentWrap .bot .buttons-wrapper .publish-now{float:right; margin:2em 0 0 0; padding:0.75em 1.25em 0.75em 1.25em; background:#e67777; color:#adadad; text-shadow:none; font-size:1em; cursor:pointer; cursor:hand; line-height:100%; }
.EnterContentWrap .bot .buttons-wrapper .can{color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .cannot{background:#e1e1e1; color:#adadad; border-color:#e1e1e1; text-shadow:0.0625em 0.0625em #ffffff; }
.EnterContentWrap .bot .buttons-wrapper .active{margin-top:0; background:#21a2dc; border-style:solid; border-width:0; padding:0.6em 1em 0.7em 1em; color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .inactive{background:#e1e1e1; border-style:solid; border-width:0; padding:0.5em 1em 0.55em 1em; color:#999999; }
.EnterContentWrap .bot .buttons-wrapper .inactive:hover{background:#d1d1d1; color:#777777; }
.EnterContentWrap .bot .buttons-wrapper .help{padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#21a2dc; position:absolute; right:0; bottom:0.45em; margin:0; }
.EnterContentWrap .bot .buttons-wrapper .help-hidden{display:none; }
.EnterContentWrap .goto-online{text-align:center; padding:1.5em 0 1em 0; }
.EnterContentWrap .right-column{display:none; position:absolute; top:0; right:0; width:1em; height:1em; }
.EnterContentWrap .desc{display:none; position:absolute; bottom:-3.3em; right:0; margin:0; text-align:left; z-index:1; width:100%; padding:0.5em 1% 0.5em 1.5%; font-size:0.75em; background:#f5f5f5; box-sizing:border-box; line-height:124%; color:#aaaaaa; border-style:solid; border-width:0 0 0.25em 0; cursor:pointer; cursor:hand; box-sizing:border-box; }
.EnterContentWrap #desc-save{border-width:0 0 0.25em 0; bottom:-9.75em; }
.EnterContentWrap #desc-save-ok{display:none; border-width:0 0 0.25em 0; bottom:-9.75em; }
.EnterContentWrap .combination{border-width:0 0 0.25em 0; border-color:#dadada; }
.EnterContentWrap .combinefree{border-color:#55b355; }
.EnterContentWrap .combinered{border-color:#ff0000; }
.EnterContentWrap .desc:hover{border-color:#21a2dc; background-color:#f1f5ff; }
.EnterContentWrap .desc:hover + .help-icon{background:#21a2dc; }
.EnterContentWrap .help-icon{display:none; padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#cccccc; position:absolute; right:0; top:-0.25em; z-index:1; margin:0; cursor:pointer; cursor:hand; }
.EnterContentWrap .help-icon:hover{background:#21a2dc; }
.EnterContentWrap .helpIconActive{background:#ff8800; z-index:3; }
.EnterContentWrap .helpIconActive:hover{background:#ff0000; z-index:3; }
.EnterContentWrap .help-desc{display:none; position:absolute; top:0; right:-25.25em; text-align:left; z-index:2; width:23em; padding:2% 2% 2% 2%; font-size:0.8em; background:#ffe0a8; box-sizing:border-box; line-height:150%; color:#865a5a; margin:0; }
.EnterContentWrap .more-details{display:none; position:absolute; top:0; left:0; right:-20em; background-color:rgba(245, 245, 245, 0.8); height:100%; border-style:solid; border-width:0.25em; border-color:#e1e1e1; box-sizing:border-box; z-index:10; }
.EnterContentWrap .more-details .wrapper{position:absolute; left:10%; bottom:20%; border-style:solid; border-width:0.5em; border-color:#aec7d4; padding:1.6em 2em 2em 2em; margin:0; background:#cbe4f0; height:26em; box-sizing:border-box; width:80%; right:10%; cursor:move; }
.EnterContentWrap .more-details .wrapper #x-content-return-to-edit{position:absolute; top:0; right:0; padding:0.2em; color:#ffffff; font-size:1.75em; font-weight:normal; text-align:right; line-height:100%; margin:0; cursor:pointer; cursor:hand; }
.EnterContentWrap .more-details .wrapper h2{margin:0; padding:0; color:#526082; font-size:1.5em; }
.EnterContentWrap .more-details .wrapper p{margin:0; padding:0.75em 0 0 0; }
.EnterContentWrap .more-details .wrapper #button-content-return-to-edit{margin:0 auto; padding:0.65em 0.675em 0.675em 0.675em ; display:block; box-sizing:border-box; border-width:0.0625em; border-style:solid; border-color:#ffffff; font-size:1em; color:#92b9dd; text-align:center; line-height:100%; width:10.75em; background:#d9f3ff; }
.EnterContentWrap .more-details .wrapper select{margin:1em 0 0 0; padding:0.6em; font-size:1em; color:#8a97bb; border-width:0; max-width:35em; }
.EnterContentWrap .more-details .wrapper .error-message{display:none; position:absolute; top:7.75em; right:0; padding:0.1em; color:#ff4b4b; font-size:0.9em; font-weight:normal; text-align:left; line-height:100%; margin:0; width:15em; }
.EnterContentWrap .more-details .wrapper .error{background:#ff4b4b; color:#ffffff; }
.EnterContentWrap .more-details .wrapper .little-more-options{position:relative; font-size:0.9em; border-width:0.0625em; border-style:solid; border-color:#ffffff; display:block; padding:0 1em 0 1em; margin:2.25em 0 0 0; }
.EnterContentWrap .more-details .wrapper .little-more-options .more-options-label{position:absolute; top:-2.05em; left:-0.0625em; font-size:0.825em; background-color:#d9ecf5; display:block; padding:0.2em 0.25em 0.25em 0.5em; margin:0; color:#434b4f; }
.EnterContentWrap .more-details .wrapper .little-more-options .more-options-label .help-mark{color:#ffffff; padding:0.015em 0.43175em 0.015em 0.43175em; border-radius:50%; background-color:#7cc3e4; margin:0 0 0 0.5em; width:1em; height:1em; font-size:1.24em; line-height:125%; cursor:pointer; cursor:hand; }
.EnterContentWrap .more-details .wrapper .little-more-options .more-options-label-help{position:absolute; top:-2.05em; left:11em; font-size:0.8em; display:none; padding:0.35em 0.25em 0.25em 0.25em; margin:0; color:#434b4f; }
.EnterContentWrap .more-details .wrapper .little-more{font-size:0.9em; background:#d9ecf5; color:#7da9d6; display:block; padding:0.25em 1em 1em 1em; margin:0.7em 0 0 0; }
.EnterContentWrap .more-details .wrapper .little-more p{margin:0; padding:0.75em 0 0 0; }
.EnterContentWrap .more-details .wrapper .publish-buttons{text-align:center; padding:1em 0 1.05em 0; overflow:hidden; display:block; position:absolute; bottom:0; box-sizing:border-box; left:0; right:0; }
.EnterContentWrap .more-details .wrapper .publish-buttons .button{box-sizing:border-box; border-width:0.0625em; border-style:solid; text-align:center; line-height:100%; font-size:0.9em; white-space:nowrap; display:inline; }
.EnterContentWrap .more-details .wrapper .publish-buttons .content-save-and-publish{background:#d8c538; color:#ffffff; border-color:#496977; float:right; margin:0 2.5em 0 0; font-weight:bold; padding:0.7em 1.7em 0.7em 1.7em; }
.EnterContentWrap .more-details .wrapper .publish-buttons .content-preview{margin:0 0 0 2.5em; float:left; border-color:#21a2dc; color:#21a2dc; background:#eaeaea; padding:0.7em; font-weight:bold; }
.EnterContentWrap .more-details .wrapper .publish-buttons .content-save{margin:0 2em 0 0; border-color:#ffffff; color:#6c7e9a; background:#eaeaea; padding:0.7em; float:right; }
.EnterContentWrap .more-details .wrapper .details-row{padding:0.25em 0 1.5em 0; }
.EnterContentWrap .more-details .wrapper .details-row .more-details-article-connect{font-size:1.5em; font-weight:bold; color:#ffffff; background:#21a2dc; padding:0 0.4em 0.1em 0.4em; line-height:100%; margin:0 0 0 0.25em; }
.EnterContentWrap .more-details .wrapper .details-row .more-details-article-connect-status{font-size:1em; color:#87b1da; background:#d9ecf5; padding:0.2em 0.4em 0.25em 0.4em; line-height:100%; margin:0 0 0 0.75em; }
.EnterContentWrap .more-details .wrapper .details-row #more-details-article-connect-status-some{display:none; }
.EnterContentWrap .more-details .wrapper .wrapper-second{display:none; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1{height:16.5em; overflow:auto; display:block; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li{position:relative; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li a{display:block; color:#333333; margin:0 0 0.125em 0; background:#f5f5f5; padding:0.75em 1em 0.65em 1em; line-height:100%; font-size:0.9em; box-sizing:border-box; height:2.5em; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li a:hover{background:#eeeeee; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li p{position:absolute; top:0.25em; right:0.25em; display:block; color:#333333; margin:0; padding:0.25em 0.5em 0.25em 0.5em; font-size:0.7em; background:#dcdcdc; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 ul li p span{font-size:0.85em; display:block; margin:0.2em 0 0 0; text-align:right; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-1 .ac-newest-articles-category{background:#dbedf5; color:#222222; margin:1em 0 0.25em 0; padding:0.5em 0.4em 0.4em 0.4em; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2{height:16.5em; overflow:auto; display:block; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li{position:relative; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li a{display:block; color:#333333; margin:0 0 0.125em 0; background:#f5f5f5; padding:0.75em 1em 0.65em 1em; line-height:100%; font-size:0.9em; box-sizing:border-box; height:2.5em; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li a:hover{background:#eeeeee; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li p{position:absolute; top:0.25em; right:0.25em; display:block; color:#333333; margin:0; padding:0.25em 0.5em 0.25em 0.5em; font-size:0.7em; background:#dcdcdc; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 ul li p span{font-size:0.85em; display:block; margin:0.2em 0 0 0; text-align:right; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 p .more-details-article-connect-search{background:#dbedf5; color:#222222; margin:1em 0 0.25em 0.75em; padding:0.525em 0.4em 0.4em 0.4em; width:27em; border:0; font-size:1.1em; line-height:100%; }
.EnterContentWrap .more-details .wrapper .wrapper-second .more-details-article-connect-articles #articleConnectTabs #articleConnectTabs-2 .info{margin:1em 0 0 9em; font-size:0.85em; color:#aaaaaa; }
.EnterContentWrap .more-details .wrapper .wrapper-second #more-details-article-connect-close{position:absolute; top:0; right:0; padding:0.2em; color:#ffffff; font-size:1.75em; font-weight:normal; text-align:right; line-height:100%; margin:0; cursor:pointer; cursor:hand; }
@media only screen and (min-width:25em){
.EnterContentWrap{ }
}
@media only screen and (min-width:30em){
.EnterContentWrap{ }
}
@media only screen and (min-width:32em){
.EnterContentWrap{ }
}
@media only screen and (min-width:40em){
.EnterContentWrap{ }
}
@media only screen and (min-width:48em){
.EnterContentWrap{ }
}
@media only screen and (min-width:80em){
.EnterContentWrap{margin-top:2em; }
.EnterContentWrap .wellcome-wrap{overflow:hidden; display:block; padding:1em; margin:-2em 0 0 0; }
.EnterContentWrap .wellcome-wrap .wellcome{display:block; font-size:1.05em; color:#4c525a; }
.EnterContentWrap .wellcome-wrap .sign-up{width:49%; float:left; text-align:right; margin:0.25em 1% 0 0; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .sign-up a{width:6.6em; height:1.8em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/sign-up.png); background-repeat:no-repeat; float:right; background-size:2.5em; background-color:#55789e; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 2.9em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .log-in{width:49%; float:left; margin:0.25em 0 0 1%; font-size:0.85em; }
.EnterContentWrap .wellcome-wrap .log-in a{width:6.3em; height:1.8em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/log-in.png); background-repeat:no-repeat; float:left; background-size:2.5em; background-color:#e75b78; color:#ffffff; font-size:1em; text-align:left; margin:0; border:0; border-radius:0.25em; padding:0.7em 0 0 3.2em; line-height:100%; }
.EnterContentWrap .wellcome-wrap .signs{display:block;margin:1.25em 0 0 0; text-align:center; float:left; width:100%; color:#4c525a; }
.EnterContentWrap li{position:relative; }
.EnterContentWrap .top{width:100%; height:2em; }
.EnterContentWrap .top .user{display:block; }
.EnterContentWrap .top .user img{float:left; width:4em; margin:-1.7em 0 0 0; border-width:0.0625em; border-style:solid; border-color:#e5e5e5; border-radius:0.25em; }
.EnterContentWrap .top .user p{float:left; margin:-1.3em 0 0 0.35em; color:#21a2dc; font-size:0.9em; font-weight:bold; }
.EnterContentWrap .top .user p:hover{text-decoration:underline; }
.EnterContentWrap .top .user p span{ }
.EnterContentWrap .mid-title{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-title #new-area-title{width:100%; margin:0; font-size:1.4em; color:#000000; background:#ffffff; box-sizing:border-box; padding:0.4em 0.4em 0.3em 0.4em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; line-height:100%; }
.EnterContentWrap .mid-intro{width:100%; margin:1em 0 0 0; display:none; }
.EnterContentWrap .mid-intro #new-area-intro{width:100%; margin:0.5em 0 0 0; height:5em; font-size:0.95em; font-weight:bold; color:#222222; background:#ffffff; box-sizing:border-box; padding:0.75em; display:block; border-style:solid; border-width:0 0 0.0625em 0; border-color:#e2e2e2; resize:none; font-family:'Josefin Sans',sans-serif,'Tahoma'; }
.EnterContentWrap .mid-image{width:100%; margin:1em 0 0 0; display:none; position:relative; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop{border-style:solid; border-width:0 0 0.0625em 0; border-color:#cccccc; position:relative; margin:0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container{position:relative; display:block; height:0; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container img{max-width:100%; margin:0 auto; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span{background:rgba(102, 102, 102, 0.6); position:absolute; bottom:0; left:0; width:100%; padding:0.5em; box-sizing:border-box; font-size:0.9em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span p{margin:0; padding:0.7em; float:left; color:#ffffff; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-container span a{margin:0; padding:0.7em; float:right; color:#ffffff; text-align:right; background:#f54444; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area{width:100%; font-size:0.95em; color:#aaaaaa; padding:0.75em 3em 7em 0.75em; box-sizing:border-box; display:block; border-style:dashed; border-width:0.125em; border-color:#eaeaea; background-image:url(/res/images/cross.png); background-color:#ffffff; background-size:1em 1em; line-height:100%; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-area{position:absolute; bottom:4.2em; left:30%; width:40%; font-size:0.95em; color:#cccccc; text-align:center; padding:0; box-sizing:border-box; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-button{position:absolute; bottom:0.75em; left:33%; width:30%; background-color:#8cceec; padding:0.8em 2% 0.8em 2%; color:#ffffff; font-size:1em; border-radius:0.25em; cursor:pointer; cursor:hand; display:inline-block; line-height:100%; text-align:center; display:none; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-uploaded-area-button{position:absolute; bottom:0.75em; left:31%; width:34%; background-color:#84ca80; padding:0.8em 2% 0.8em 2%; color:#ffffff; font-size:1em; border-radius:0.25em; cursor:pointer; cursor:hand; display:inline-block; line-height:100%; text-align:center; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #new-image-area-button-hidden{display:none; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area{position:absolute; bottom:6.25em; right:0; width:100%; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li{width:100%; display:block; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li div{float:left; margin:0.5em 0 0 0.5em; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p{float:right; font-size:0.9em; margin:0.75em 0.75em 0 0; color:#aaaaaa; }
.EnterContentWrap .mid-image #q-edit-my-upload-drop #q-edit-my-upload-ul-area li p i{padding:0 0 0 0.5em; }
.EnterContentWrap .mid-content{width:100%; background-color:#ffffff; margin:0 0 0 0; }
.EnterContentWrap .mid-content .mce-tinymce{margin:1em 0 0 0; }
.EnterContentWrap .mid-content #new-area-content{margin:0.5em 0 1.75em 0; }
.EnterContentWrap .bot{padding:0 0 0.5em 0; }
.EnterContentWrap .bot .buttons-wrapper{position:relative; bottom:initial; margin:-1.65em 0 0 0; }
.EnterContentWrap .bot .buttons-wrapper input{margin:0.15em 0.25em 0 0; padding:0.2em 0.75em 0.2em 0.75em; font-size:0.85em; cursor:pointer; cursor:hand; }
.EnterContentWrap .bot .buttons-wrapper .text-link-video{float:left; }
.EnterContentWrap .bot .buttons-wrapper .image{float:left; }
.EnterContentWrap .bot .buttons-wrapper .link-video{display:none; }
.EnterContentWrap .bot .buttons-wrapper .article{float:left; }
.EnterContentWrap .bot .buttons-wrapper .publish{float:right; margin:-2em 0 0 0; padding:0.7em 1.5em 0.55em 1.5em; }
.EnterContentWrap .bot .buttons-wrapper .publish-now{float:right; margin:-1.7em 0.325em 0 0; padding:0.5em 1.5em 0.5em 1.5em; }
.EnterContentWrap .bot .buttons-wrapper .can{color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .cannot{background:#e1e1e1; color:#adadad; border-color:#e1e1e1; text-shadow:0.0625em 0.0625em #ffffff; }
.EnterContentWrap .bot .buttons-wrapper .active{margin-top:0; background:#21a2dc; border-style:solid; border-width:0; padding:0.6em 1em 0.7em 1em; color:#ffffff; }
.EnterContentWrap .bot .buttons-wrapper .inactive{background:#e1e1e1; border-style:solid; border-width:0; padding:0.5em 1em 0.55em 1em; color:#999999; }
.EnterContentWrap .bot .buttons-wrapper .inactive:hover{background:#d1d1d1; color:#777777; }
.EnterContentWrap .bot .buttons-wrapper .help{padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#21a2dc; position:absolute; right:0; bottom:0.45em; margin:0; }
.EnterContentWrap .bot .buttons-wrapper .help-hidden{display:none; }
.EnterContentWrap .right-column{display:none; position:absolute; top:0; right:-20em; width:20em; background-color:rgba(245, 245, 245, 0.9); height:100%; border-style:dashed; border-width:0 0 0 0.0625em; border-color:#e1e1e1; }
.EnterContentWrap .desc{display:none; position:absolute; top:0; right:-25.25em; margin:0; text-align:left; z-index:1; width:23em; padding:0.5em 1.5% 0 0.75%; font-size:0.8em; background:#f5f5f5; box-sizing:border-box; line-height:124%; color:#aaaaaa; height:3.35em; border-style:solid; border-width:0 0 0.25em 0; cursor:pointer; cursor:hand; }
.EnterContentWrap #desc-save{border-width:0 0 0.25em 0; }
.EnterContentWrap .combination{border-width:0 0 0.25em 0; border-color:#dadada; }
.EnterContentWrap .combinefree{border-color:#55b355; }
.EnterContentWrap .combinered{border-color:#ff0000; }
.EnterContentWrap .desc:hover{border-color:#21a2dc; background-color:#f1f5ff; }
.EnterContentWrap .desc:hover + .help-icon{background:#21a2dc; }
.EnterContentWrap .help-icon{display:none; padding:0.2em 0.38em 0.1em 0.38em; color:#ffffff; font-size:1em; font-weight:bold; border-width:0; border-radius:50%; text-align:center; box-sizing:border-box; line-height:100%; background:#cccccc; position:absolute; right:-20.5em; top:-0.25em; z-index:1; margin:0; cursor:pointer; cursor:hand; }
.EnterContentWrap .help-icon:hover{background:#21a2dc; }
.EnterContentWrap .helpIconActive{background:#ff8800; z-index:3; }
.EnterContentWrap .helpIconActive:hover{background:#ff0000; z-index:3; }
.EnterContentWrap .help-desc{display:none; position:absolute; top:0; right:-25.25em; text-align:left; z-index:2; width:23em; padding:2% 2% 2% 2%; font-size:0.8em; background:#ffe0a8; box-sizing:border-box; line-height:150%; color:#865a5a; margin:0; }
}
.be-author{display:block; margin:0 auto; width:100%; text-align:center; margin-top:1.75em; background-color:rgba(226, 149, 224, 0.56); max-width:20em; padding:0.75em 0.5em 0.75em 0.5em; font-size:0.9em; }
.be-author a{color:#ffffff; }
@media only screen and (min-width:30em){
.be-author{ }
}
@media only screen and (min-width:48em){
.be-author{ }
}
@media only screen and (min-width:64em){
.be-author{ }
}
@media only screen and (min-width:80em){
.be-author{ }
}
@media only screen and (min-width:90em){
.be-author{ }
}
.highlighted{width:100%; padding:0; box-sizing:border-box; margin:4em 0 0 0; }
.highlighted article{border-style:solid; border-width:0.0625em; border-color:#fde4fb; border-radius:0.25em; width:96%; margin:0 auto; margin-bottom:4em; padding:0 0 0.25em 0; position:relative; background-color:#fde4fb; }
.highlighted article:last-child{margin-bottom:0em; }
.highlighted article header .avatar{display:block; margin:-2.125em 0 0 1em; position:relative; }
.highlighted article header .avatar img{width:4em; border-style:solid; border-width:0.0625em; border-color:#E9E9F1; border-radius:0.5em; background-color:#fde4fb; }
.highlighted article header .avatar .label{position:absolute; top:0; left:5.55em; font-size:0.85em; color:#b7b7ca; margin:0.875em 0 0 0; padding:0; }
.highlighted article header .avatar .author{position:absolute; top:1.45em; left:5em; font-size:0.95em; color:#28283a; font-weight:bold; }
.highlighted article header a{color:#4c525a; }
.highlighted article header a h1{padding:0; color:#4c525a; font-size:1.25em; margin:0.125em 0.4em 0 0.4em; line-height:125%; }
.highlighted article header .addthis_inline_share_toolbox{display:none; padding:1em 0 0 0.3em; position:absolute; bottom:8em; opacity:0.6; }
.highlighted article header .addthis_inline_share_toolbox:hover{opacity:1; }
.highlighted article strong{color:#000000; margin:0; display:block; font-weight:normal; line-height:145%; position:absolute; top:-1.45em; right:0.2em; font-size:0.85em; padding:0; }
.highlighted article a .main-image{width:15em; padding:0.25em 0.4em 0 0.4em; box-sizing:border-box; display:block; margin:0 0 0.5em 0; }
.highlighted article footer{display:none; padding:0.5em 0.25em 0 0.25em; margin:-0.5em 0 0 0; }
.highlighted article footer ul{list-style-type:none; margin:0; padding:0; overflow:hidden; }
.highlighted article footer ul .top-left{ }
.highlighted article footer ul .top-right{font-size:0.9em; padding:0.5em 0 0 0.125em; }
.highlighted article footer ul .top-right .category{margin:0; padding:0; float:left; }
.highlighted article footer ul .top-right .category-link{display:block; float:left; margin:0 0 0 0.25em; color:#d2236a; }
.highlighted article footer ul .date{color:#959AA0; clear:both; float:right; font-size:0.9em; margin:0; padding:0.5em 0 0.5em 0; }
.highlighted article footer ul .like-tag{color:#959AA0; clear:both; float:left; display:block; width:49.5%; overflow:hidden; height:4em; background-color:#ffffff; }
.highlighted article footer ul .like-tag a{color:#959AA0; display:block; margin:0 auto; overflow:hidden; width:5.5em; height:2.75em; background-repeat:no-repeat; background-size:100%; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/i-like.png); margin-top:0.75em; }
.highlighted article footer ul .like-tag a .plus-minus{display:none; }
.highlighted article footer ul .like-tag a .thumbs-up{float:left; font-size:0.9em; margin:0.95em 0 0 0.6em; text-align:center; width:1.45em; line-height:100%; }
.highlighted article footer ul .like-tag a .thumbs-down{float:right; font-size:0.9em; margin:0.85em 0.65em 0 0; text-align:center; width:1.45em; line-height:100%; }
.highlighted article footer ul .comments-info{float:right; overflow:hidden; width:49.5%; height:4em; background-color:#ffffff; background-repeat:no-repeat; background-size:2.625em; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/i-comments.png); background-position:38% center; }
.highlighted article footer ul .comments-info a{color:#959AA0; display:block; padding:1.1em 0 1.4em 60%; }
.highlighted article footer ul .comments-info a .comments{display:none; }
@media only screen and (min-width:25em){
.highlighted article header .addthis_inline_share_toolbox{bottom:7em; }
.highlighted article footer ul .top-right{padding:0.5em 0 1em 0.125em; overflow:hidden; }
.highlighted article footer ul .date{font-size:0.85em; margin:0 0 0 0.5%; padding:1.65em 0 0 0; width:32.5%; height:4.7em; background-color:#ffffff; box-sizing:border-box; text-align:center; }
.highlighted article footer ul .like-tag{clear:none; width:33.5%; }
.highlighted article footer ul .comments-info{width:33%; }
}
@media only screen and (min-width:35em){
.highlighted article a .main-image{width:25em; }
.highlighted article footer ul .date{padding:1.65em 0 0 13%; text-align:left; background-repeat:no-repeat; background-size:2.3125em; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/i-sat.png); background-position:26% center; }
}
@media only screen and (min-width:40em){
.highlighted{ }
.highlighted article .normal > .main-image{width:30em; }
.highlighted article footer ul .comments-info{background-position:27% center; }
.highlighted article footer ul .comments-info a{padding:1.2em 0 1.3em 46%; }
.highlighted article footer ul .comments-info a .comments{display:inline; font-size:0.85em; padding:0 0.25em 0 0; }
}
@media only screen and (min-width:48em){
.highlighted{ }
.highlighted article{margin-bottom:6em; }
.highlighted article .normal > .main-image{width:25em; }
.highlighted article footer ul .date{padding:1.65em 0 0 12%; background-position:10% center; }
.highlighted article footer ul .comments-info{background-position:38% center; }
.highlighted article footer ul .comments-info a{padding:1.2em 0 1.3em 62%; }
.highlighted article footer ul .comments-info a .comments{display:none; }
}
@media only screen and (min-width:60em){
.highlighted{ }
.highlighted article .normal > .main-image{width:30em; }
.highlighted article header a h1{font-size:1.9em; line-height:135%; margin:0.5em 0.2em 0 0.2em; }
.highlighted article footer ul .date{padding:1.65em 0 0 13%; background-position:26% center; }
.highlighted article footer ul .comments-info{background-position:27% center; }
.highlighted article footer ul .comments-info a{padding:1.2em 0 1.3em 46%; }
.highlighted article footer ul .comments-info a .comments{display:inline; }
}
@media only screen and (min-width:64em){
.highlighted{ }
}
@media only screen and (min-width:65em){
}
@media only screen and (min-width:70em){
.highlighted{ }
.highlighted article footer ul .like-tag a{margin:0; float:left; background-size:5.5em; padding:0; background-position:7.5em 0.5em; width:100%; height:100%; }
.highlighted article footer ul .like-tag a .plus-minus{display:block; font-size:0.85em; float:left; margin:1.65em 0 0 1.5em; }
.highlighted article footer ul .like-tag a .thumbs-up{margin:1.5em 0 0 1.3em; }
.highlighted article footer ul .like-tag a .thumbs-down{margin:1.4em 0 0 1.9em; float:left; }
}
@media only screen and (min-width:80em){
.highlighted{ }
.highlighted article footer ul .date{width:32.6%; height:4.75em; }
}
@media only screen and (min-width:90em){
.highlighted{ }
}
.articles{width:100%; padding:0; box-sizing:border-box; margin:4em 0 0 0; }
.articles article.highlighted{border-color:#fde4fb; background-color:#ffffff; border-width:1em; }
.articles article.highlighted header .avatar img{background-color:#fde4fb; }
.articles article.highlighted header .avatar .label{margin:-0.1em 0 0 0; }
.articles article.highlighted footer{margin:-0.5em 0 0 0; }
.articles article.highlighted strong{padding:0 0.25em 0 0; margin:0; position:absolute; top:-1.25em; right:0; font-size:0.9em; }
.articles article{border-style:solid; border-width:0.0625em; border-color:#E9E9F1; border-radius:0.125em; width:96%; margin:0 auto; margin-bottom:4em; padding:0 0 0.25em 0; position:relative; clear:both; }
.articles article:last-child{margin-bottom:0; }
.articles article header .avatar{display:block; margin:-2.125em 0 0 1em; position:relative; }
.articles article header .avatar img{width:4em; border-style:solid; border-width:0.0625em; border-color:#E9E9F1; border-radius:0.5em; min-height:2.5em; }
.articles article header .avatar .label{position:absolute; top:0; left:5.55em; font-size:0.85em; color:#b7b7ca; margin:0.875em 0 0 0; padding:0; }
.articles article header .avatar .author{position:absolute; top:1.45em; left:5em; font-size:0.95em; color:#28283a; font-weight:bold; }
.articles article header a{color:#4c525a; }
.articles article header a h1{padding:0; color:#4c525a; font-size:1.25em; margin:0.5em 0.4em 0 0.4em; line-height:125%; }
.articles article header .addthis_inline_share_toolbox{padding:1em 0 0 0.3em; display:block; position:absolute; bottom:8em; opacity:0.5; }
.articles article header .addthis_inline_share_toolbox:hover{opacity:1; }
.articles article strong{font-size:1em; color:#7B8086; padding:0 0.5em 0 0.5em; margin:0.5em 0 0 0; display:block; font-weight:normal; line-height:145%; }
.articles article a .main-image{width:100%; padding:1em 0.4em 0 0.4em; box-sizing:border-box; display:block; margin:0 0 0.5em 0; }
.articles article footer{padding:0.5em 0.25em 0 0.25em; margin:3.5em 0 0 0; }
.articles article footer ul{list-style-type:none; margin:0; padding:0; overflow:hidden; }
.articles article footer ul .top-left{ }
.articles article footer ul .top-right{font-size:0.9em; padding:0.5em 0 0 0.125em; }
.articles article footer ul .top-right .category{margin:0; padding:0; float:left; }
.articles article footer ul .top-right .category-link{display:block; float:left; margin:0 0 0 0.25em; }
.articles article footer ul .date{color:#959AA0; clear:both; float:right; font-size:0.9em; margin:0; padding:0.5em 0 0.5em 0; }
.articles article footer ul .like-tag{color:#959AA0; clear:both; float:left; display:block; width:49.5%; overflow:hidden; height:4em; background-color:#F0F3FA; }
.articles article footer ul .like-tag a{color:#959AA0; display:block; margin:0 auto; overflow:hidden; width:5.5em; height:2.75em; background-repeat:no-repeat; background-size:100%; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/i-like.png); margin-top:0.75em; }
.articles article footer ul .like-tag a .plus-minus{display:none; }
.articles article footer ul .like-tag a .thumbs-up{float:left; font-size:0.9em; margin:0.95em 0 0 0.6em; text-align:center; width:1.45em; line-height:100%; }
.articles article footer ul .like-tag a .thumbs-down{float:right; font-size:0.9em; margin:0.85em 0.65em 0 0; text-align:center; width:1.45em; line-height:100%; }
.articles article footer ul .comments-info{float:right; overflow:hidden; width:49.5%; height:4em; background-color:#F0F3FA; background-repeat:no-repeat; background-size:2.625em; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/i-comments.png); background-position:38% center; }
.articles article footer ul .comments-info a{color:#959AA0; display:block; padding:1.1em 0 1.4em 60%; }
.articles article footer ul .comments-info a .comments{display:none; }
.articles .pagination{clear:both; margin:2em 0 4em 1em; float:left; font-size:0.9em; }
.articles .pagination:last-child{margin-top:1em; }
.articles .pagination p{float:left; margin:0 0.25em 0.5em 0; font-size:1.65em; color:#444444; background:#f1f1f1; padding:0; line-height:100%; display:block; }
.articles .pagination p span{color:#ffffff; display:block; padding:0.25em 0.5em 0.325em 0.5em; margin:0; background:#89cbf4; }
.articles .pagination p a{color:#444444; display:block; padding:0.25em 0.5em 0.325em 0.5em; margin:0; }
.articles .pagination p a:hover{background:#faada3; color:#ffffff; }
@media only screen and (min-width:25em){
.articles article header .addthis_inline_share_toolbox{bottom:7em; }
.articles article footer ul .top-right{padding:0.5em 0 1em 0.125em; overflow:hidden; }
.articles article footer ul .date{font-size:0.85em; margin:0 0 0 1%; padding:1.65em 0 0 0; width:32.5%; height:4.7em; background-color:#F0F3FA; box-sizing:border-box; text-align:center; }
.articles article footer ul .like-tag{clear:none; width:32.5%; }
.articles article footer ul .comments-info{width:33%; }
}
@media only screen and (min-width:30em){
.articles .pagination{font-size:1em; }
}
@media only screen and (min-width:35em){
.articles article footer ul .date{padding:1.65em 0 0 13%; text-align:left; background-repeat:no-repeat; background-size:2.3125em; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/i-sat.png); background-position:26% center; }
}
@media only screen and (min-width:40em){
.articles{ }
.articles article .normal > .main-image{width:initial; }
.articles article footer ul .comments-info{background-position:27% center; }
.articles article footer ul .comments-info a{padding:1.2em 0 1.3em 46%; }
.articles article footer ul .comments-info a .comments{display:inline; font-size:0.85em; padding:0 0.25em 0 0; }
}
@media only screen and (min-width:48em){
.articles{ }
.articles article{margin-bottom:6em; }
.articles article .normal > .main-image{width:100%; }
.articles article footer ul .date{padding:1.65em 0 0 12%; background-position:10% center; }
.articles article footer ul .comments-info{background-position:38% center; }
.articles article footer ul .comments-info a{padding:1.2em 0 1.3em 62%; }
.articles article footer ul .comments-info a .comments{display:none; }
}
@media only screen and (min-width:60em){
.articles{ }
.articles article header a h1{font-size:1.9em; line-height:135%; margin:0.5em 0.2em 0 0.2em; }
.articles article footer ul .date{padding:1.65em 0 0 13%; background-position:26% center; }
.articles article footer ul .comments-info{background-position:27% center; }
.articles article footer ul .comments-info a{padding:1.2em 0 1.3em 46%; }
.articles article footer ul .comments-info a .comments{display:inline; }
}
@media only screen and (min-width:64em){
.articles{ }
}
@media only screen and (min-width:65em){
.articles article .normal > .main-image{width:initial; }
}
@media only screen and (min-width:70em){
.articles{ }
.articles article footer ul .like-tag a{margin:0; float:left; background-size:5.5em; padding:0; background-position:7.5em 0.5em; width:100%; height:100%; }
.articles article footer ul .like-tag a .plus-minus{display:block; font-size:0.85em; float:left; margin:1.65em 0 0 1.5em; }
.articles article footer ul .like-tag a .thumbs-up{margin:1.5em 0 0 1.3em; }
.articles article footer ul .like-tag a .thumbs-down{margin:1.4em 0 0 1.9em; float:left; }
}
@media only screen and (min-width:80em){
.articles{ }
}
@media only screen and (min-width:90em){
.articles{ }
}
.activation-message{background:#f5f5f5; display:block; padding:0.5em 1em 1em 1em; font-size:0.9em; border-radius:0.125em; line-height:130%; width:96%; box-sizing:border-box; margin:0 auto; margin-top:1em; }
.activation-message p{margin:0.5em 0 0 0; padding:0; display:block; }
.activation-message p span{margin:0; padding:0; }
@media only screen and (min-width:30em){
.activation-message{ }
}
@media only screen and (min-width:48em){
.activation-message{width:100%; margin:1em 0 0 0; }
}
@media only screen and (min-width:64em){
.activation-message{ }
}
@media only screen and (min-width:80em){
.activation-message{ }
}
@media only screen and (min-width:90em){
.activation-message{ }
}
.menu{position:absolute; top:0; left:0; width:100%; z-index:12; font-family:'Open Sans Condensed'; }
.menu .main{padding:0; background:#1c3477; width:100%; position:absolute; top:4em; left:0; z-index:1; }
.menu .main li{display:none; }
.menu .main .hamburger{background-color:rgba(53, 74, 157, 0.5); display:block; width:2.75em; height:3.25em; position:absolute; top:-3.5em; left:0.5em; }
.menu .main .hamburger a{color:#e4f1ff; font-size:3.125em; line-height:100%; padding:0 0.125em 0.0625em 0.125em; text-decoration:none; display:block; font-weight:normal; text-align:center; border:0; }
.menu .main li a{display:block; width:100%; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; border-style:solid; border-width:0 0 0.0625em 0; border-color:#6a86d4; color:#acc3e2; font-size:1.25em; }
.menu .main li a:hover{background-color:rgba(69, 104, 230, 0.23); }
.menu .main li .backed{background-color:rgba(69, 104, 230, 0.23); }
.menu .main li .sub{padding:0 0 0 1.5em; width:100%; box-sizing:border-box; position:relative; }
.menu .main li .sub > li{display:none; }
.menu .main li .sub .subcategory-more{display:block; position:absolute; top:-2.85em; right:0.015em; }
.menu .main li .sub .subcategory-more a{font-size:2em; margin:0; padding:0.1em 0.5em 0.25em 0.5em; line-height:100%; border:0; text-decoration:none; }
@media only screen and (min-width:30em){
.menu{ }
}
@media only screen and (min-width:48em){
.menu{top:5.75em; }
.menu .main{width:84%; margin:0 auto; text-align:center; position:relative; top:initial; left:initial; background:transparent; }
.menu .main li{display:inline-block; position:relative; }
.menu .main .hamburger{display:none; }
.menu .main li a{border:0; white-space:nowrap; padding:0.2em 0.75em 0.2em 0.75em; }
.menu .main li .sub{display:none; position:absolute; width:16em; background-color:#0d1f61; padding:0; margin:0; top:2.125em; left:0; z-index:5; }
.menu .main li .sub > li{display:block; float:none; width:100%; }
.menu .main li .sub > li a{font-size:1.1em; padding:0.375em 0.75em 0.375em 0.75em; border-style:solid; border-width:0 0 0.0625em 0; border-color:#465fbb; text-align:left; white-space:normal; }
.menu .main li .sub > li a:hover{background-color:#182965; }
.menu .main li .sub .subcategory-more{display:none; }
}
@media only screen and (min-width:60em){
.menu .main{width:80%; }
}
@media only screen and (min-width:64em){
.menu{top:6.25em; }
}
@media only screen and (min-width:80em){
.menu{ }
}
@media only screen and (min-width:90em){
.menu{ }
}
@media only screen and (min-width:48em) and (min-height:0){
.menu{font-size:0.8em; top:11%; }
}
@media only screen and (min-width:48em) and (min-height:30em){
.menu{font-size:0.85em; top:12%; }
}
@media only screen and (min-width:48em) and (min-height:35em){
.menu{ }
}
@media only screen and (min-width:48em) and (min-height:40em){
.menu{font-size:0.9em; top:13%; }
}
@media only screen and (min-width:48em) and (min-height:45em){
.menu{ }
}
@media only screen and (min-width:48em) and (min-height:50em){
.menu{font-size:1em; top:6.25em; }
}
.line{background:#050D20; display:block; width:100%; padding:2em 0 0 0; overflow:hidden; font-size:0.8em; }
.line .line-in{display:block; max-width:80em; width:100%; margin:0 auto; }
.line .line-in li{display:block; margin:0; font-size:0.9em; margin-bottom:2em; width:49.5%; }
.line .line-in li:nth-child(odd){float:left; clear:both; }
.line .line-in li:nth-child(even){float:right; }
.line .line-in li p{margin:0; padding:0; font-size:1em; color:#1D6DB4; text-align:center; width:100%; }
.line .line-in li a:hover{color:#1D6DB4; }
.line .line-in li span{display:block; margin:0; padding:0; width:100%; }
.line .line-in li span a{color:#1D6DB4; }
.line .line-in li img{padding:0; margin:0 auto; display:block; }
@media only screen and (min-width:30em){
.line{ }
}
@media only screen and (min-width:40em){
.line{ }
}
@media only screen and (min-width:48em){
.line{padding:1.75em 0 0 0; }
.line .line-in li{width:initial; padding:0 0 0 2em; margin-bottom:1em; }
.line .line-in li:nth-child(odd){float:left; clear:none; }
.line .line-in li:nth-child(even){float:left; }
.line .line-in li:last-child{float:right; width:17em; margin-top:-1.2em; }
.line .line-in li:last-child p{width:initial; display:inline; }
.line .line-in li:last-child img{display:inline; }
}
@media only screen and (min-width:64em){
.line{font-size:0.95em; padding:1.1em 0 0 0; margin-top:0; }
.line .line-in li:last-child{font-size:0.95em; padding:0.1em 0 0 0; margin-top:-0.8em; }
}
@media only screen and (min-width:80em){
.line{ }
}
@media only screen and (min-width:90em){
.line{ }
}
.info-menu{position:absolute; top:4em; left:0; width:100%; z-index:10; }
.info-menu .info-menu-in li{display:none; background:#1c3477; }
.info-menu .info-menu-in li a{display:block; width:100%; padding:0.5em 0.75em 0.5em 0.75em; box-sizing:border-box; border-style:solid; border-width:0 0 0.0625em 0; border-color:#6a86d4; color:#a5b6ef; font-size:0.95em; }
.info-menu .info-menu-in .info{background-color:rgba(255, 102, 235, 0.4); display:block; width:2.75em; height:3.25em; position:absolute; top:-3.5em; left:3.75em; }
.info-menu .info-menu-in .info a{color:#fcf4ff; font-size:2.5em; line-height:100%; padding:0.125em 0.125em 0.0625em 0.125em; text-decoration:none; display:block; font-weight:normal; border:0; }
@media only screen and (min-width:30em){
.info-menu{ }
}
@media only screen and (min-width:40em){
.info-menu{top:0.5em; width:80%; margin:0 10% 0 10%; }
.info-menu .info-menu-in{margin:0 auto; display:table; }
.info-menu .info-menu-in li{display:table-cell; background:transparent; }
.info-menu .info-menu-in li a{width:auto; float:left; border:0; font-size:0.8em; color:#7289d4; }
.info-menu .info-menu-in .info{display:none; }
}
@media only screen and (min-width:64em){
.info-menu{z-index:10; }
}
@media only screen and (min-width:80em){
.info-menu{ }
}
@media only screen and (min-width:90em){
.info-menu{ }
}
@media only screen and (min-width:48em) and (min-height:0){
.info-menu{font-size:0.9em; }
}
@media only screen and (min-width:48em) and (min-height:30em){
.info-menu{ }
}
@media only screen and (min-width:48em) and (min-height:35em){
.info-menu{ }
}
@media only screen and (min-width:48em) and (min-height:40em){
.info-menu{font-size:1em; }
}
@media only screen and (min-width:48em) and (min-height:45em){
.info-menu{ }
}
@media only screen and (min-width:48em) and (min-height:50em){
.info-menu{ }
}
.share{position:absolute; top:0.5em; left:0; width:100%; z-index:13; }
.share li{display:none; }
.share .addthis{position:absolute; top:3.5em; left:0.5em; right:0.5em; background:rgba(71, 26, 195, 0.83); padding:0.75em 0.75em 0.5em 0.75em; box-sizing:border-box; }
.share .addthis .addthis_inline_share_toolbox{display:block; width:17.5em; margin:0 auto; }
.share .addthis .at-resp-share-element.at-mobile .at-share-btn{margin-right:2px; }
.share .icon{display:block; width:2.75em; height:3.25em; right:0.5em; top:0; position:absolute; background-color:rgba(53, 74, 157, 0.5); background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/share.png); background-repeat:no-repeat; background-position:center center; }
.share .icon a{color:#fcf4ff; font-size:2.5em; line-height:100%; padding:0.125em 0.125em 0.0625em 0.125em; text-decoration:none; display:block; font-weight:normal; }
@media only screen and (min-width:30em){
.share .addthis{display:block; left:initial; top:7.5em; width:2.75em; background:transparent; padding:0; }
.share .addthis .addthis_inline_share_toolbox{width:100%; }
.share .icon{display:none; }
}
@media only screen and (min-width:48em){
.share{ }
}
@media only screen and (min-width:64em){
.share{ }
}
@media only screen and (min-width:120em){
.share .addthis{right:3em; }
}
.search{position:absolute; top:0.5em; left:0; width:100%; }
.search ul{ }
.search ul .search-field{display:none; position:absolute; top:3.5em; left:0.5em; right:0.5em; background:rgba(71, 26, 195, 0.83); padding:0.75em; box-sizing:border-box; }
.search ul .search-field .inp{font-size:0.9em; width:74%; font-weight:normal; padding:0.44em; border:0; height:1.3em; }
.search ul .search-field .sbm{padding:0.45em 0 0.45em 0; width:20%; line-height:100%; background-color:#824cb9; border:0; color:#ffffff; height:2.5em; text-align:center; max-width:6em; }
.search ul .search-icon{position:absolute; right:3.75em; display:block; width:2.75em; height:3.25em; background-color:rgba(53, 74, 157, 0.5); background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/search.png); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.search ul .search-icon a{color:#fcf4ff; font-size:2.5em; line-height:100%; padding:0.125em 0.125em 0.0625em 0.125em; text-decoration:none; display:block; font-weight:normal; }
@media only screen and (min-width:30em){
.search{ }
.search ul .search-field{width:20em; left:initial; text-align:right; }
.search ul .search-icon{right:0.5em; }
}
@media only screen and (min-width:48em){
.search{ }
}
@media only screen and (min-width:64em){
.search{ }
.search ul{max-width:80em; margin:0 auto; }
.search ul .search-field{display:block; top:initial; right:initial; left:initial; background:transparent; padding:0; margin:0 0 0 75%; position:relative; width:25%; text-align:right; max-width:80em; z-index:20; }
.search ul .search-field .inp{font-size:0.75em; width:12em; background:transparent; border-style:solid; border-width:0.0625em; border-color:#8398b3; color:#97aeda; }
.search ul .search-field .sbm{width:5em; padding:0; height:2.05em; margin:0 0.5em 0 0; background-color:#1da1f2; }
.search ul .search-icon{display:none; }
}
@media only screen and (min-width:80em){
.search{ }
}
@media only screen and (min-width:90em){
.search{ }
}
.merlin{width:100%; position:absolute; bottom:1.5em; font-family:'Open Sans Condensed'; }
.merlin ul{display:block; margin:0 auto; width:100%; max-width:22em; min-width:20em; }
.merlin ul li .sign-up{width:5.75em; height:5.25em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/sign-up-98.png); background-repeat:no-repeat; float:left; background-size:100%; background-color:rgba(38, 47, 72, 0.82); color:#ffffff; font-size:0.8em; text-align:center; margin:6em 0 0 0.5em; border-style:solid; border-width:0.0625em; border-color:#9fa2ab; border-radius:0.25em; padding:0.5em 0 0 0; line-height:100%; z-index:3; position:relative; }
.merlin ul li .inbox{width:5.75em; height:5.25em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/arhiva-98.png); background-repeat:no-repeat; float:left; background-size:100%; background-color:rgba(38, 47, 72, 0.82); color:#ffffff; font-size:0.8em; text-align:center; margin:6em 0 0 0.5em; border-style:solid; border-width:0.0625em; border-color:#9fa2ab; border-radius:0.25em; padding:0.5em 0 0 0; line-height:100%; z-index:3; position:relative; }
.merlin ul li .log-in{width:6.25em; height:5.5em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/log-in-98.png); background-repeat:no-repeat; float:right; background-size:100%; background-color:rgba(38, 47, 72, 0.82); color:#ffffff; font-size:0.8em; text-align:center; margin:5.75em 0.5em 0 0; border-style:solid; border-width:0.0625em; border-color:#9fa2ab; border-radius:0.25em; padding:0.5em 0 0 0; line-height:100%; z-index:3; position:relative; }
.merlin ul li .user{width:6.25em; height:5.75em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/empty-98.png); background-repeat:no-repeat; float:right; background-size:100%; background-color:rgba(38, 47, 72, 0.82); color:#ffffff; font-size:0.8em; text-align:center; margin:5.75em 0.5em 0 0; border-style:solid; border-width:0.0625em; border-color:#9fa2ab; border-radius:0.25em; padding:0.25em 0 0 0; line-height:100%; z-index:3; position:relative; }
.merlin ul .user-wrap{position:relative; float:right; overflow:hidden; }
.merlin ul li .user-name{margin:0; padding:0; }
.merlin ul li .user-img{position:absolute; width:4.3em; bottom:0.25em; right:0; z-index:4; margin:0 0.91em 0 0; border-radius:50%; }
.merlin ul .members-number{display:block; font-size:1.1em; background:rgb(255, 255, 255); float:right; margin:4.5em 1.35em 0 -5em; padding:0.5em 0.25em 0.5em 0.25em; border-style:solid; border-width:0.0625em; border-color:rgb(2, 12, 42); border-radius:0.25em; }
.merlin ul .members-li{position:relative; width:42%; height:10em; display:block; float:left; margin:0.375em 0 0 0.6em; }
.merlin ul li .members-label-bck{width:7.25em; height:1.5em; display:block; background-color:rgba(117, 50, 147, 0.8); position:absolute; z-index:1; bottom:0.85em; right:0; border-style:solid; border-width:0.0625em; border-color:#415d41; border-radius:0.25em; }
.merlin ul li .members-bck{width:10em; height:10em; display:block; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/merlin.png); background-repeat:no-repeat; background-size:100%; padding:0; margin:0; position:absolute; line-height:100%; top:0.25em; right:1.5em; z-index:2; }
.merlin ul li .members-label{color:#ffffff; display:block; position:absolute; z-index:3; bottom:0.7em; right:0.75em; font-size:0.75em; line-height:100%; }
.merlin ul li .reset-password{clear:both; display:block; color:#cecece; font-size:0.8em; text-align:center; padding-top:1em; }
@media only screen and (min-width:25em){
.merlin{bottom:2.5em; }
.merlin ul{font-size:1.1em; }
}
@media only screen and (min-width:30em){
.merlin{bottom:3.5em; }
}
@media only screen and (min-width:48em){
.merlin{ }
}
@media only screen and (min-width:64em){
.merlin{ }
.merlin ul{font-size:1.2em; }
}
@media only screen and (min-width:80em){
.merlin{ }
}
@media only screen and (min-width:90em){
.merlin{ }
.merlin ul{font-size:1.3em; }
}
@media only screen and (min-width:48em) and (min-height:0){
.merlin{font-size:0.7em; bottom:1.5em; }
}
@media only screen and (min-width:48em) and (min-height:27em){
.merlin{font-size:0.75em; }
}
@media only screen and (min-width:48em) and (min-height:30em){
.merlin{font-size:0.8em; bottom:2em; }
}
@media only screen and (min-width:48em) and (min-height:35em){
.merlin{font-size:0.85em; bottom:2.25em; }
}
@media only screen and (min-width:48em) and (min-height:40em){
.merlin{font-size:0.95em; bottom:2.5em; }
}
@media only screen and (min-width:48em) and (min-height:45em){
.merlin{font-size:1em; bottom:3.5em; }
}
.banner-1{width:100%; float:left; overflow:hidden; background-color:#f7faff; padding:3em 0 3em 0; margin:0; }
.banner-1 span{width:100%; max-width:20em; display:block; margin:0 auto; text-align:center; padding:0 2% 0 2%; box-sizing:border-box; }
@media only screen and (min-width:30em){
.banner-1 span{max-width:30em; }
}
@media only screen and (min-width:40em){
.banner-1 span{max-width:40em; }
}
@media only screen and (min-width:48em){
.banner-1 span{max-width:48em; }
}
@media only screen and (min-width:64em){
.banner-1 span{max-width:64em; }
}
@media only screen and (min-width:80em){
.banner-1 span{max-width:80em; }
}
@media only screen and (min-width:90em){
.banner-1 span{ }
}
.control-pin{display:block; width:100%; text-align:center; }
.pinned{ }
@media only screen and (min-width:30em){
.control-pin{ }
}
@media only screen and (min-width:48em){
.control-pin{text-align:left; }
.pinned{margin:0; padding:0; top:1em; position:fixed; }
}
@media only screen and (min-width:64em){
.control-pin{ }
}
@media only screen and (min-width:80em){
.control-pin{ }
}
@media only screen and (min-width:90em){
.control-pin{ }
}
.highlighted{overflow:hidden; font-size:0.9em; margin:0 auto; max-width:96%; padding:1em; box-sizing:border-box; }
.highlighted h1{margin:-0.5em 0 0.25em -0.5em; padding:0.25em 0.5em 0.3em 0.5em; font-size:1.05em; font-weight:normal; background-color:#256db5; color:#ffffff; float:left; line-height:120%; }
.highlighted .close-highlight{position:absolute; right:-0.25em; top:-0.9em; font-size:1.35em; font-weight:normal; background-color:rgba(231, 91, 120, 0.76); color:#ffffff; padding:0.125em; cursor:pointer; }
.highlighted article{display:none; float:left; width:50%; padding:0 2% 0 0; margin:0; box-sizing:border-box; overflow:hidden; }
.highlighted [class="1-num"]{display:block; clear:both; }
.highlighted [class="2-num"]{display:block; padding-right:0; }
.highlighted article a{display:block; background-color:#56a8fd; padding:0.5em; height:10em; }
.highlighted article a:hover{color:#ffffff; }
.highlighted article a img{height:5em; display:block; max-width:100%; margin: 0 auto; }
.highlighted article a h2{font-size:0.9em; font-weight:normal; margin:0.5em 0 0 0.5em; color:#ffffff; display:block; padding:0; }
.highlighted .be-author{display:block; margin:0 auto; width:100%; text-align:center; margin-top:0.75em; margin-bottom:3em; background-color:rgb(210, 108, 207); max-width:30em; padding:0.75em 0.5em 0.75em 0.5em; font-size:0.9em; }
.highlighted .be-author a{color:#ffffff; }
@media only screen and (min-width:30em){
.highlighted{ }
.highlighted article{width:33.33%; }
.highlighted [class="2-num"]{padding-right:0.5em; }
.highlighted [class="3-num"]{display:block; padding-right:0; }
}
@media only screen and (min-width:45em){
.highlighted{ }
}
@media only screen and (min-width:48em){
.highlighted article{width:25%; }
.highlighted [class="3-num"]{padding-right:0.5em; }
.highlighted [class="4-num"]{display:block; padding-right:0; }
.highlighted{max-width:80%; }
}
@media only screen and (min-width:52em){
.highlighted{aaamax-width:70%; }
}
@media only screen and (min-width:60em){
.highlighted{ }
}
@media only screen and (min-width:64em){
.highlighted{max-width:63%; }
}
@media only screen and (min-width:70em){
.highlighted{max-width:66%; }
}
@media only screen and (min-width:80em){
.highlighted{margin:0 auto; max-width:59em; }
}
@media only screen and (min-width:90em){
.highlighted{ }
}
.resize-screen-down-circle{position:absolute; bottom:15em; left:50%; z-index:20; opacity:1; }
.resize-screen-down-circle a{background:url(https://www.magicus.info/container/images/r1/g2017/m05/arrow-down.png) no-repeat center 50%; background-size:70%; margin:0 auto; display:block; background-color:rgba(49, 137, 232, 0.38); color:#a2b5ff; text-align:center; width:1.5em; height:1.5em; font-size:2em; line-height:150%; padding:0; border-radius:50%; border-color:#3f6bcc; border-style:solid; border-width:0.0625em; position:relative; left:-50%; animation:resizescreendowncircle 1s linear infinite; }
@media only screen and (min-width:30em){
.resize-screen-down-circle{ }
}
@media only screen and (min-width:48em){
.resize-screen-down-circle{ }
}
@media only screen and (min-width:64em){
.resize-screen-down-circle{ }
}
@media only screen and (min-width:80em){
.resize-screen-down-circle{ }
}
@media only screen and (min-width:90em){
.resize-screen-down-circle{ }
}
@media only screen and (min-width:48em) and (min-height:0){
.resize-screen-down-circle{bottom:10em; }
}
@media only screen and (min-width:48em) and (min-height:27em){
.resize-screen-down-circle{bottom:11em; }
}
@media only screen and (min-width:48em) and (min-height:32em){
.resize-screen-down-circle{bottom:12em; }
}
@media only screen and (min-width:48em) and (min-height:35em){
.resize-screen-down-circle{bottom:13em; }
}
@media only screen and (min-width:48em) and (min-height:40em){
.resize-screen-down-circle{bottom:15em; }
}
@media only screen and (min-width:48em) and (min-height:48em){
.resize-screen-down-circle{bottom:20em; }
}
.resize-screen-up-circle{position:fixed; bottom:7em; right:1em; z-index:310; opacity:0; }
.resize-screen-up-circle a{background:url(https://www.magicus.info/container/images/r1/g2017/m05/arrow-up.png) no-repeat center 50%; background-size:60%; display:block; background-color:#ff988a; color:#a2b5ff; text-align:center; width:1.15em; height:1.15em; font-size:2em; line-height:150%; padding:0; border-radius:50%; border-color:#ec7e78; border-style:solid; border-width:0.0625em; position:relative; animation:resizescreendowncircle 4s linear infinite; }
@media only screen and (min-width:30em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:48em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:64em){
.resize-screen-up-circle{bottom:1em; }
}
@media only screen and (min-width:80em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:90em){
.resize-screen-up-circle{ }
}
@keyframes resizescreendowncircle{0%,100%{transform:scale(1); } 50%{transform:scale(1.1); }}