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{ }
}
.banners-all-top{width:100%; margin:0 auto; overflow:hidden; margin-top:1em; }
@media only screen and (min-width:30em){
.banners-all-top{ }
}
@media only screen and (min-width:48em){
.banners-all-top{width:100%; }
}
@media only screen and (min-width:64em){
.banners-all-top{ }
}
@media only screen and (min-width:80em){
.banners-all-top{ }
}
@media only screen and (min-width:90em){
.banners-all-top{ }
}
.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{ }
}
.tema-5{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; position:relative; }
.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; }
.tema-5 .refresh-box-item{position:absolute; top:0; right:0; background:#ce0000; color:#ffffff; padding:0.25em 0.5em 0.25em 0.5em; }
.tema-5 .refresh-box-item-content{position:absolute; top:0; left:0; background:#ffffff; color:#222222; padding:0.5em; border-style:solid; border-width:0.125em; border-color:#882222; width:100%; box-sizing:border-box; height:100%; overflow-y:scroll; }
.tema-5 .refresh-box-item-content textarea{width:98%; height:4.75em; font-size:0.9em; }
.tema-5 .refresh-box-item-close{position:absolute; top:0; right:0; color:#ff0000; }
@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; position:relative; }
.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; }
.tema-2 .refresh-box-item{position:absolute; top:0; right:0; background:#ce0000; color:#ffffff; padding:0.25em 0.5em 0.25em 0.5em; }
.tema-2 .refresh-box-item-content{position:absolute; top:0; left:0; background:#ffffff; color:#222222; padding:0.5em; border-style:solid; border-width:0.125em; border-color:#882222; width:100%; box-sizing:border-box; height:100%; overflow-y:scroll; }
.tema-2 .refresh-box-item-content textarea{width:98%; height:4.75em; font-size:0.9em; }
.tema-2 .refresh-box-item-close{position:absolute; top:0; right:0; color:#ff0000; }
@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{ }
}
.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{ }
}
.tema-3{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; position:relative; }
.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; }
.tema-3 .refresh-box-item{position:absolute; top:0; right:0; background:#ce0000; color:#ffffff; padding:0.25em 0.5em 0.25em 0.5em; }
.tema-3 .refresh-box-item-content{position:absolute; top:0; left:0; background:#ffffff; color:#222222; padding:0.5em; border-style:solid; border-width:0.125em; border-color:#882222; width:100%; box-sizing:border-box; height:100%; overflow-y:scroll; }
.tema-3 .refresh-box-item-content textarea{width:98%; height:4.75em; font-size:0.9em; }
.tema-3 .refresh-box-item-close{position:absolute; top:0; right:0; color:#ff0000; }
@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{ }
}
.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-4{width:96%; margin:0 auto; overflow:hidden; margin-top:1em; position:relative; }
.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; }
.tema-4 .refresh-box-item{position:absolute; top:0; right:0; background:#ce0000; color:#ffffff; padding:0.25em 0.5em 0.25em 0.5em; }
.tema-4 .refresh-box-item-content{position:absolute; top:0; left:0; background:#ffffff; color:#222222; padding:0.5em; border-style:solid; border-width:0.125em; border-color:#882222; width:100%; box-sizing:border-box; height:100%; overflow-y:scroll; }
.tema-4 .refresh-box-item-content textarea{width:98%; height:4.75em; font-size:0.9em; }
.tema-4 .refresh-box-item-close{position:absolute; top:0; right:0; color:#ff0000; }
@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; position:relative; }
.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; }
.tema-1 .refresh-box-item{position:absolute; top:0; right:0; background:#ce0000; color:#ffffff; padding:0.25em 0.5em 0.25em 0.5em; }
.tema-1 .refresh-box-item-content{position:absolute; top:0; left:0; background:#ffffff; color:#222222; padding:0.5em; border-style:solid; border-width:0.125em; border-color:#882222; width:100%; box-sizing:border-box; height:100%; overflow-y:scroll; }
.tema-1 .refresh-box-item-content textarea{width:98%; height:4.75em; font-size:0.9em; }
.tema-1 .refresh-box-item-close{position:absolute; top:0; right:0; color:#ff0000; }
@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{ }
}
.Article{border-style:solid; border-width:0.0625em; border-color:#E9E9F1; border-radius:0.125em; width:96%; margin:0 auto; padding:0 0 0.125em 0; margin-top:2em; }
.Article header{width:100%; padding:0; box-sizing:border-box; position:relative; float:left; }
.Article header .avatar{display:block; margin:-2.125em 0 0 1em; position:relative; z-index:5; }
.Article header .avatar img{width:4em; border-style:solid; border-width:0.0625em; border-color:#E9E9F1; border-radius:0.5em; }
.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; }
.Article header .avatar .author{position:absolute; top:1.45em; left:5em; font-size:0.95em; color:#28283a; font-weight:bold; }
.Article header time{color:#b7b7ca; font-size:0.9em; float:right; display:block; margin:-5em 0 0 0; height:5em; z-index:6; position:relative; padding:1em 0 0 0; }
.Article header .published{display:none; }
.Article header .article-open{display:block; position:absolute; right:0.5em; top:0; }
.Article header .article-open h1{font-size:0.8em; color:#666666; margin:0.35em 0 0 0; padding:0; text-align:center; }
.Article header .article-open div{background-color:#546caf; border-radius:0.25em; text-align:center; line-height:140%; padding:0.5em; }
.Article header .article-open div strong{font-size:2em; color:#ffffff; margin:0; padding:0; }
.Article header .article-open div p{margin:0.25em 0 0 0; padding:0; color:#ffffff; font-size:0.9em; line-height:100%; }
.Article header .article-open span{font-size:0.8em; text-align:center; color:#888888; display:block; }
.Article header h1{color:#2F343A; font-size:2em; padding:0.4em; margin:2em 0 0 0; line-height:125%; width:100%; box-sizing:border-box; }
.Article header #related-articles{background-color:#f2f8ff; padding:0.5em 0.75em 0.5em 0.75em; margin:0.5em 1% 0 1%; width:98%; box-sizing:border-box; }
.Article header #related-articles h2{color:#2F343A; font-size:1em; padding:0.5em 0.4em 0 0.5em; line-height:125%; width:100%; box-sizing:border-box; font-weight:normal; margin:0; }
.Article header #related-articles ol{list-style-type:decimal; margin:0.5em 0 0.375em 2em; }
.Article header #related-articles ol li{counter-increment:list; list-style-type:none; position:relative; color:#515bc5; margin:0 0 0.125em 0; }
.Article header #related-articles ol li em{color:#222222; }
.Article header #related-articles ol li a{color:#515bc5; }
.Article header #related-articles ol li:before{content:counter(list) "."; color:#515bc5; position:absolute; left:-1.75em; text-align:right; width:1em; }
.Article header #related-articles ol .active:before{color:#888888; font-style:italic; }
.Article header .addthis_inline_share_toolbox{padding:1em 0 0 0.3em; display:block; opacity:0.5; float:left; }
.Article header .addthis_inline_share_toolbox:hover{opacity:1; }
.Article .intro{font-size:1em; color:#7B8086; padding:0 0.5em 0 0.5em; margin:1em 0 0 0; display:block; font-weight:normal; line-height:145%; clear:both; }
.Article .promo{clear:both; background-color:#fd96f0; width:98%; margin:0 auto; padding:1em 0.5em 1.25em 0.5em; box-sizing:border-box; border-style:solid; border-width:0.0625em; border-color:#3a3a3a; text-align:center; margin-top:3em; margin-bottom:1em; color:#ffffff; font-size:1em; position:relative; line-height:100%; }
.Article .promo a{color:#310f3a; font-size:1.8em; margin:0.5em 0 0.25em 0; line-height:115%; display:block; }
.Article .promo:before{content:"IZDVAJAMO"; padding:0; position:absolute; top:-1.25em; right:0.0625em; font-style:italic; color:#2347a3; font-size:0.8em; }
.Article .image-top{width:100%; padding:1em 0.4em 0 0.4em; box-sizing:border-box; display:block; clear:both; position:relative; }
.Article .article-content{padding:0.5em; display:block; font-weight:normal; font-size:1em; clear:both; }
.Article .article-content p{margin:0; padding:0 0 1em 0; }
.Article .article-content a{color:#ff8000; }
.Article .article-content ul{list-style-type:disc; padding:0.75em 0 0 0; }
.Article .article-content ul li{margin:0 0 0 2em; padding:0 0 0.5em 0; }
.Article .article-content ol{list-style-type:decimal; padding:0.75em 0 0 0; }
.Article .article-content ol li{margin:0 0 0 2em; padding:0 0 0.5em 0; }
.Article .article-content .small{width:auto; }
.Article .article-content .medium{width:auto; }
.Article .article-content .large{width:100%; }
.Article .article-content .xlarge{width:100%; }
.Article .article-content .xxlarge{width:100%; }
.Article .article-content .adsense{padding:1em 0 2em 0; }
.Article .promo{overflow: hidden; font-size: 0.78em; padding: 0 0.5em 0.5em 0.5em; background-color:#fff6d4; border-color:#ffffff; margin-top:0.5em; }
.Article .promo a{margin:0; }
.Article .promo:before{font-size: 0.75em; top:0.25em; right:0.5em; }
.Article .promo .clickers{clear:both; float:left; width:100%; margin:1em 0 0 0; position:relative; }
.Article .promo .clickers h1{padding:0.875em 0 0.875em 0; margin:0; background-color:#efefef; color:#635548; text-align:center; font-size:1.2em; font-weight:bold; line-height:100%; }
.Article .promo .clickers ul{margin:0.5em 0 0 0.5em; }
.Article .promo .clickers ul li{margin:0 0.5em 0.5em 0; float:left; padding:0.0625em; border-style:solid; border-width:0.125em; border-color:#4e68c5; }
.Article .promo .clickers ul li:last-child{margin:0 0 0.5em 0; }
.Article .promo .clickers ul li:hover{opacity:0.8; }
.Article .promo .clickers ul li a{display:block; width:7.75em; height:7.75em; text-align:center; padding:1em 0 0 0; font-size:1.1em; background-repeat:no-repeat; }
.Article .promo .clickers ul li .tarot{background-color:#040234; color:#e8edff; background-image:url(https://www.magicus.info/container/images/r1/g2017/m04/tarot-klikalica.png); background-size:189%; background-position:center bottom; }
.Article .promo .clickers ul li .i-ching{background-color:#ffffff; color:#000000; background-image:url(https://www.magicus.info/container/images/r1/g2017/m11/pitaj-i-ching.gif); background-size:74%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .andjeli{background-color:#010a17; color:#00ceff; background-image:url(https://www.magicus.info/container/images/r1/g2017/m12/andjeli-2-2.gif); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .proricanje-runama{background-color:#010a17; color:#83db92; background-image:url(https://www.magicus.info/container/images/r1/g2017/m12/proricanje-runama.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .sudbinske-karte{background-color:#D5EC14; color:#545B1D; background-image:url(https://www.magicus.info/container/images/r1/g2018/m02/sudbinske-karte-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .zamoli-svoje-duhovne-vodice{background-color:#ECB714; color:#564E36; background-image:url(https://www.magicus.info/container/images/r1/g2018/m02/zamoli-svoje-duhovne-vodice-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .ostvarenje-zelja{background-color:#DFECFB; color:#1C284C; background-image:url(https://www.magicus.info/container/images/r1/g2018/m12/ostvarenje-zelja-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .lenormand-karte{background-color:#B5E51D; color:#DD2719; background-image:url(https://www.magicus.info/container/images/r1/g2018/m12/lenormand-karte-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .ljubavne-poruke{background-color:#ab1c1c; color:#ffe9e9; background-image:url(https://www.magicus.info/container/images/r1/g2023/m02/ljubavne-poruke-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .gitk{background-color:#1e1e1e; color:#ffe9e9; background-image:url(https://www.magicus.info/container/images/r1/g2023/m03/gitk-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article .promo .clickers ul li .cvjetoskop{background-color:#dd6db4; color:#ffe9e9; background-image:url(https://www.magicus.info/container/images/r1/g2023/m03/cvjetoskop-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer{overflow:hidden; clear:both; }
.Article footer .banner-row{width:100%; padding:0.5em 0.5em 6.5em 0.5em ; display:block; float:left; box-sizing:border-box; }
.Article footer .banner-bottom{width:100%; padding:0.5em; display:block; float:left; box-sizing:border-box; }
.Article footer .banner-bottom-half{width:100%; padding:0.25em; display:block; float:left; box-sizing:border-box; text-align:center; }
.Article footer .izdvojeno{width:99.5%; float:left; margin:2em 0.25% 0 0.25%; position:relative; }
.Article footer .izdvojeno h1{padding:0.875em 0 0.875em 0; margin:0 0 0.0625em 0; background-color:#55789e; color:#ffffff; text-align:center; font-size:1.2em; font-weight:bold; line-height:100%; }
.Article footer .izdvojeno h2{color:#ffffff; text-align:center; margin:0; padding:0.5em 0 0.5em 0; float:left; width:100%; clear:both; background-color:#2d3c4c; font-size:1.2em; font-weight:normal; }
.Article footer .izdvojeno ul{ }
.Article footer .izdvojeno ul li{background-color:#fafafa; float:left; width:100%; padding:0.5em; box-sizing:border-box; border-style:solid; border-width:0 0 0.5em 0; border-color:#fafafa; height:4.5em; overflow:hidden; }
.Article footer .izdvojeno ul li:nth-child(odd){background-color:#f5f5f5; border-color:#f5f5f5; }
.Article footer .izdvojeno ul li:hover{background-color:#e2eef9; border-color:#e2eef9; }
.Article footer .izdvojeno ul li a{position:relative; display:block; width:100%; }
.Article footer .izdvojeno ul li a img{width:6em; }
.Article footer .izdvojeno ul li a h3{position:absolute; left:0; top:0; width:100%; display:block; padding:0.2em 0 0 7.5em; box-sizing:border-box; margin:0; color:#e75b78; font-size:0.9em; font-weight:normal; }
.Article footer .izdvojeno .top-arrow{float:right; position:absolute; top:0.1em; right:0; padding:0; margin:0; font-size:2.25em; color:#ffffff; }
.Article footer .izdvojeno .top-arrow:hover{text-decoration:none; }
.Article footer .clickers{clear:both; float:left; width:100%; margin:1em 0 0 0; position:relative; }
.Article footer .clickers h1{padding:0.875em 0 0.875em 0; margin:0; background-color:#efefef; color:#635548; text-align:center; font-size:1.2em; font-weight:bold; line-height:100%; }
.Article footer .clickers ul{margin:0.5em 0 0 0.5em; }
.Article footer .clickers ul li{margin:0 0.5em 0.5em 0; float:left; padding:0.0625em; border-style:solid; border-width:0.125em; border-color:#4e68c5; background-color:#b3b0ff; }
.Article footer .clickers ul li:last-child{margin:0 0 0.5em 0; }
.Article footer .clickers ul li:hover{opacity:0.8; }
.Article footer .clickers ul li a{display:block; width:7.75em; height:7.75em; text-align:center; padding:1em 0 0 0; font-size:1.1em; background-repeat:no-repeat; }
.Article footer .clickers ul li .tarot{background-color:#040234; color:#e8edff; background-image:url(https://www.magicus.info/container/images/r1/g2017/m04/tarot-klikalica.png); background-size:189%; background-position:center bottom; }
.Article footer .clickers ul li .i-ching{background-color:#ffffff; color:#000000; background-image:url(https://www.magicus.info/container/images/r1/g2017/m11/pitaj-i-ching.gif); background-size:74%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .andjeli{background-color:#010a17; color:#00ceff; background-image:url(https://www.magicus.info/container/images/r1/g2017/m12/andjeli-2-2.gif); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .proricanje-runama{background-color:#010a17; color:#83db92; background-image:url(https://www.magicus.info/container/images/r1/g2017/m12/proricanje-runama.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .sudbinske-karte{background-color:#D5EC14; color:#545B1D; background-image:url(https://www.magicus.info/container/images/r1/g2018/m02/sudbinske-karte-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .zamoli-svoje-duhovne-vodice{background-color:#ECB714; color:#564E36; background-image:url(https://www.magicus.info/container/images/r1/g2018/m02/zamoli-svoje-duhovne-vodice-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .ostvarenje-zelja{background-color:#DFECFB; color:#1C284C; background-image:url(https://www.magicus.info/container/images/r1/g2018/m12/ostvarenje-zelja-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .lenormand-karte{background-color:#B5E51D; color:#DD2719; background-image:url(https://www.magicus.info/container/images/r1/g2018/m12/lenormand-karte-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .ljubavne-poruke{background-color:#ab1c1c; color:#ffe9e9; background-image:url(https://www.magicus.info/container/images/r1/g2023/m02/ljubavne-poruke-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .gitk{background-color:#1e1e1e; color:#ffe9e9; background-image:url(https://www.magicus.info/container/images/r1/g2023/m03/gitk-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .clickers ul li .cvjetoskop{background-color:#dd6db4; color:#ffe9e9; background-image:url(https://www.magicus.info/container/images/r1/g2023/m03/cvjetoskop-button.jpg); background-size:95%; background-position:center bottom 0.25em; }
.Article footer .user-merlin{width:100%; float:left; margin:1em 0 0 0; }
.Article footer .user-merlin h1{padding:0.875em 0 0.875em 0; margin:0; background-color:#efefef; color:#635548; text-align:center; font-size:1.2em; font-weight:bold; line-height:100%; }
.Article footer .user-merlin .sticker-wrap{width:100%; display:block; overflow:hidden; }
.Article footer .user-merlin .sticker-wrap .do-like-it{cursor:hand; cursor:pointer; }
.Article footer .user-merlin .sticker-wrap .sticker{background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/merlin-blue.png); background-repeat:no-repeat; background-position:left top; background-size:10.5em; width:16em; display:block; overflow:hidden; padding:2.5em 0 1em 0; box-sizing:border-box; margin:0 auto; position:relative; }
.Article footer .user-merlin .sticker-wrap .sticker a{position:relative; float:left; margin:0 0 0.5em 7.5em; }
.Article footer .user-merlin .sticker-wrap .sticker a .sticker-avatar{border-color:#4E68C5; border-style:solid; border-width:0.25em; border-radius:1.5em; width:6em; display:block; margin:0; }
.Article footer .user-merlin .sticker-wrap .sticker a .sticker-login{background:#4E68C5; position:absolute; top:0; right:0.25em; display:block; margin:0; padding:0.25em 0.5em 0.375em 0.5em; color:#ffffff; border-radius:0 1em 0 0; font-size:0.85em; }
.Article footer .user-merlin .sticker-wrap .sticker a .sticker-merlin{background-color:#AF35C6; width:auto; font-family:initial; position:absolute; bottom:0; right:2.1em; margin:0; color:#ffffff; padding:0.3em 0.45em 0.1em 0.3em; border-radius:0.5em 0 0 0; height:1.2em; font-size:0.85em; }
.Article footer .user-merlin .sticker-wrap .sticker a .sticker-merlin-count{background-color:#4E68C5; position:absolute; right:0; bottom:0; color:#ffffff; margin:0; padding:0.1em 0.325em 0.3em 0.25em; width:1.75em; text-align:center; font-size:1em; border-radius:0 0 0.5em 0; height:1.2em; font-size:0.85em; }
.Article footer .user-merlin .sticker-wrap .sticker .merlin-tick{position:absolute; bottom:0.7em; right:0.5em; }
.Article footer .user-merlin .description{margin:0 auto; padding:0 1.5em 0 1.5em; max-width:25em; width:100%; display:block; text-align:center; font-size:0.9em; box-sizing:border-box; line-height:140%; }
.Article footer .user-merlin .description strong{font-size:0.95em; }
.Article footer .user-merlin .description a{color:#4e68c5; }
.Article footer .like{overflow:hidden; clear:both; position:relative; }
.Article footer .like .top-arrow{float:right; position:absolute; top:0.1em; right:0; padding:0; margin:0; font-size:2.25em; color:#e75b78; }
.Article footer .like .top-arrow:hover{text-decoration:none; }
.Article footer .like h1{padding:0.875em 0 0.875em 0; margin:0; background-color:#efefef; color:#635548; text-align:center; font-size:1.2em; font-weight:bold; line-height:100%; }
.Article footer .like .like-it{text-align:center; width:100%; display:block; margin:2em 0 0 0; }
.Article footer .like .like-it .do-thumbs-up{display:inline-block; font-size:3.75em; margin:0 10% 0 0; background-color:#67ca75; color:#ffffff; border-radius:50%; line-height:100%; padding:0; width:1.15em; height:1.15em; text-decoration:none; }
.Article footer .like .like-it .do-thumbs-down{display:inline-block; font-size:3.75em; margin:0 0 0 10%; background-color:#F76565; color:#ffffff; border-radius:50%; line-height:100%; padding:0; width:1.15em; height:1.15em; text-decoration:none; }
.Article footer .likes{float:left; display:block; margin:3em 0 2em 0; padding:0; clear:both; width:100%; }
.Article footer .likes .like-list-title{float:left; clear:both; background:#efefef; padding:0.25em 0 0.25em 0; color:#635548; width:98%; box-sizing:border-box; margin:1em 1% 0 1%; text-align:center; }
.Article footer .likes .dislike-list-title{float:left; clear:both; background:#efefef; padding:0.25em 0 0.25em 0; color:#635548; width:98%; box-sizing:border-box; margin:5em 1% 0 1%; text-align:center; }
.Article footer .likes .like-thumbs{float:left; margin:1em 0 0 0; width:100%; }
.Article footer .likes .like-thumbs li a{position:relative; float:left; margin:0 0 0.5em 0.5em; }
.Article footer .likes .like-thumbs li a .sticker-avatar{border-style:solid; border-width:0.25em; border-radius:1.5em; width:6em; display:block; margin:0; }
.Article footer .likes .like-thumbs li a .sticker-login{position:absolute; top:0; right:0.25em; display:block; margin:0; padding:0.25em 0.5em 0.375em 0.5em; color:#ffffff; border-radius:0 1em 0 0; font-size:0.85em; }
.Article footer .likes .like-thumbs li a .sticker-merlin{background-color:#AF35C6; width:auto; font-family:initial; position:absolute; bottom:0; right:2.1em; margin:0; color:#ffffff; padding:0.3em 0.45em 0.1em 0.3em; border-radius:0.5em 0 0 0; height:1.2em; font-size:0.85em; }
.Article footer .likes .like-thumbs li a .sticker-merlin-count{position:absolute; right:0; bottom:0; color:#ffffff; margin:0; padding:0.1em 0.325em 0.3em 0.25em; width:1.75em; text-align:center; font-size:1em; border-radius:0 0 0.5em 0; height:1.2em; font-size:0.85em; }
.Article footer .likes .like-thumbs li .empty{color:#635548; margin:0; padding:0 0 0 2em; }
.Article footer .likes .up li a .sticker-avatar{border-color:#67ca75; }
.Article footer .likes .up li a .sticker-login{background:#67ca75; }
.Article footer .likes .up li a .sticker-merlin-count{background-color:#67ca75; }
.Article footer .likes .down li a .sticker-avatar{border-color:#f76565; }
.Article footer .likes .down li a .sticker-login{background:#f76565; }
.Article footer .likes .down li a .sticker-merlin-count{background-color:#f76565; }
.Article footer .comments{clear:both; float:left; width:100%; margin:3em 0 0 0; position:relative; }
.Article footer .comments .delete-comment{float:right; margin-top:1em; color:#ff0000; }
.Article footer .comments .top-arrow{float:right; position:absolute; top:0.1em; right:0; padding:0; margin:0; font-size:2.25em; color:#e75b78; }
.Article footer .comments .top-arrow:hover{text-decoration:none; }
.Article footer .comments h1{padding:0.875em 0 0.875em 0; margin:0; background-color:#efefef; color:#635548; text-align:center; font-size:1.2em; font-weight:bold; line-height:100%; }
.Article footer .comments .comment{float:left; margin:0; width:100%; }
.Article footer .comments .comment li{position:relative; float:left; width:100%; margin:0; padding:0.5em 0.5em 2em 0.5em; box-sizing:border-box; }
.Article footer .comments .comment li:nth-child(odd){background-color:#f8f8f8; }
.Article footer .comments .comment li:nth-child(even){background-color:#efefef; }
.Article footer .comments .comment li.no-comment{background-color:#efefef; }
.Article footer .comments .comment li .time{text-align:right; padding:0; margin:0; font-size:0.95em; }
.Article footer .comments .comment li h2{position:absolute; top:6em; left:8em; font-size:1em; margin:0; padding:0; }
.Article footer .comments .comment li .sticker-avatar-link{float:left; position:absolute; top:0.75em; left:0.6em; }
.Article footer .comments .comment li .sticker-avatar-link .sticker-avatar{border-color:#4E68C5; border-style:solid; border-width:0.25em; border-radius:1.5em; width:6em; display:block; margin:0; }
.Article footer .comments .comment li .sticker-avatar-link .sticker-login{background:#4E68C5; position:absolute; top:0; right:0.25em; display:block; margin:0; padding:0.25em 0.5em 0.375em 0.5em; color:#ffffff; border-radius:0 1em 0 0; font-size:0.85em; }
.Article footer .comments .comment li .sticker-avatar-link .sticker-merlin{background-color:#AF35C6; width:auto; font-family:initial; position:absolute; bottom:0; right:2.1em; margin:0; color:#ffffff; padding:0.3em 0.45em 0.1em 0.3em; border-radius:0.5em 0 0 0; height:1.2em; font-size:0.85em; }
.Article footer .comments .comment li .sticker-avatar-link .sticker-merlin-count{background-color:#4E68C5; position:absolute; right:0; bottom:0; color:#ffffff; margin:0; padding:0.1em 0.325em 0.3em 0.25em; width:1.75em; text-align:center; font-size:1em; border-radius:0 0 0.5em 0; height:1.2em; font-size:0.85em; }
.Article footer .comments .comment li .text{margin:7em 0 0 0; display:block; }
.Article footer .comments .comment li .text p{margin:0; padding:0.5em 0 0 0; }
.Article footer .comments .comment li .text ul{margin:0; padding:0.5em 1em 1em 1em; float:left; display:block; width:100%; box-sizing:border-box; }
.Article footer .comments .comment li .text ul li{margin:0 0 0 1em; padding:0; list-style-type:disc; }
.Article footer .comments .comment li .text ul li:nth-child(odd){background-color:initial; }
.Article footer .comments .comment li .text ul li:nth-child(even){background-color:initial; }
.Article footer .comments .comment li .empty{color:#635548; margin:0; padding:0 2em 0 2em; text-align:center; background:#efefef; }
.Article footer .club-sign-in-wrap{clear:both; float:left; background:#ffffff; color:#333333; width:100%; padding:1.5em 2.5em 0.5em 2.5em; margin:1em 0 0 0; box-sizing:border-box; text-align:center; font-size:0.9em; }
.Article footer .club-sign-in-wrap .can-comment{font-size:1.1em; font-weight:bold; margin:0; padding:0; }
.Article footer .club-sign-in-wrap .do-sign{margin:0.5em 0 1em 0; font-size:0.9em; }
.Article footer .club-sign-in-wrap .sign-up{width:49%; float:left; text-align:right; margin:0 1% 0 0; font-size:0.95em; }
.Article footer .club-sign-in-wrap .sign-up .do-register{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%; }
.Article footer .club-sign-in-wrap .log-in{width:49%; float:left; margin:0 0 0 1%; font-size:0.95em; }
.Article footer .club-sign-in-wrap .log-in .do-sign-in{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%; }
.Article footer .club-sign-in{display:block; width:100%; padding:0 0 1em 0; margin:0 auto; margin-top:1em;  color:#222222; font-size:1em; overflow:hidden; max-width:16em; }
.Article footer .club-sign-in li{width:100%; padding:0; margin:0; float:left; clear:both; }
.Article footer .club-sign-in li p{padding:0; margin:1em 0 0.5em 0; float:left; font-size:0.8em; }
.Article footer .club-sign-in li input{font-size:1em; padding:0.5em; margin:0 0 0.25em 0; float:left; clear:both; border-style:solid; border-width:0.0625em; border-color:#B9CFE7; width:100%; box-sizing:border-box; }
.Article footer .club-sign-in li .sbm{background:#E75B78; color:#ffffff; font-size:0.95em; border-width:0; line-height:100%; padding:0.65em 0.8em 0.6em 0.8em; width:6em; margin-top:1em; display:block; float:right; }
.Article footer .club-sign-in li .new-member{display:block; background:#55789E; color:#ffffff; float:left; margin:1em 0 0 0; line-height:100%; padding:0.65em 0.8em 0.6em 0.8em; width:8em; font-size:0.95em; }
.Article footer .club-sign-in li .dont-remember-password{margin:2em 0 0 0; color:#8BA3E1; font-size:0.8em; display:block; font-weight:normal; text-decoration:underline; width:100%; text-align:center; }
.Article footer .comments .add-comment-wrap{clear:both; background:#f8f8f8; display:block; float:left; width:100%; padding:0 0 3em 0; border-style:solid; border-width:0.125em 0 0 0; border-color:#ffffff; }
.Article footer .comments .add-comment-wrap h2{padding:0.75em 0 0 5%; font-size:2em; color:#635548; }
.Article footer .comments .add-comment-wrap .add-comment{display:block; width:100%; padding:0 5% 1em 5%; margin:0 auto; margin-top:1em; color:#222222; font-size:1em; overflow:hidden; box-sizing:border-box; }
.Article footer .comments .add-comment-wrap .add-comment li{width:100%; padding:0; margin:0; float:left; clear:both; }
.Article footer .comments .add-comment-wrap .add-comment li p{padding:0; margin:1em 0 0.5em 0; float:left; font-size:1em; }
.Article footer .comments .add-comment-wrap .add-comment li input{font-size:1em; padding:0.5em; margin:0 0 0.25em 0; float:left; clear:both; border-style:solid; border-width:0.0625em; border-color:#B9CFE7; width:100%; box-sizing:border-box; }
.Article footer .comments .add-comment-wrap .add-comment li textarea{font-size:1em; padding:0.5em; margin:0 0 0.25em 0; float:left; clear:both; border-style:solid; border-width:0.0625em; border-color:#B9CFE7; width:100%; height:29em; box-sizing:border-box; font-family: 'Noticia Text', serif, 'Open Sans', sans-serif, 'Arial', 'Tahoma'; }
.Article footer .comments .add-comment-wrap .add-comment li .do-add-comment-do{background:#E75B78; color:#ffffff; font-size:0.95em; border-width:0; line-height:100%; padding:0.65em 0.8em 0.6em 0.8em; width:10em; display:block; float:none; text-align:center; margin:0 auto; margin-top:1em; cursor:hand; cursor:pointer; }
.Article footer .comments .add-comment-wrap .add-comment li .mce-tinymce{clear:both; float:left; width:100%; }
#connected-article-prev{position:fixed; left:0; bottom:20%; display:none; background-color:rgba(110, 177, 255, 0.85); line-height:100%; width:3em; height:7em; z-index:300; border-style:solid; border-width:0.0625em 0.0625em 0.0625em 0; border-color:#8a8e98; border-radius:0 0.5em 0.5em 0; }
#connected-article-prev strong{display:none; font-weight:normal; color:#ffffff; text-decoration:none; font-size:1.25em; padding:0; line-height:130%; vertical-align:middle; margin:0 3em 0.125em 1em; position:relative; }
#connected-article-prev span{font-size:5em; color:#ffffff; line-height:72%; padding:0.24em 0 0 0; position:absolute; top:0; right:0; width:0.6em; height:100%; text-align:center; box-sizing:border-box; }
#connected-article-next{position:fixed; right:0; bottom:20%; display:none; background-color:rgba(110, 177, 255, 0.85); line-height:100%; width:3em; height:7em; z-index:300; border-style:solid; border-width:0.0625em 0 0.0625em 0.0625em; border-color:#8a8e98; border-radius:0.5em 0 0 0.5em; }
#connected-article-next strong{display:none; font-weight:normal; color:#ffffff; text-decoration:none; font-size:1.25em; padding:0; line-height:130%; vertical-align:middle; margin:0 3em 0.125em 1em; position:relative; }
#connected-article-next span{font-size:5em; color:#ffffff; line-height:72%; padding:0.24em 0 0 0; position:absolute; top:0; left:0; width:0.6em; height:100%; text-align:center; box-sizing:border-box; }
#article-prev{position:fixed; left:0; top:80%; display:block; background-color:rgba(0, 78, 255, 0.54); padding:0em 0.125em 0.25em 0.125em; line-height:100%; color:#ffffff; font-size:6em; text-decoration:none; }
#article-next{position:fixed; right:0; top:80%; display:block; background-color:rgba(0, 78, 255, 0.54); padding:0em 0.125em 0.25em 0.125em; line-height:100%; color:#ffffff; font-size:6em; text-decoration:none; }
.Article footer .napisi-nesto{float: left; margin-top: 3em; }
.Article footer .napisi-nesto > h1{font-size: 1.75em; background-color: #ffc107; padding: 0.5em; margin: 0 1.5% 0 1.5%; }
.Article footer .article-napisi{width:100%; float:left; display:block; margin:0 0 1em 0; background:#f5f5f5; padding:1.5% 1.5% 0 1.5%; box-sizing:border-box; border-radius:0.125em; }
.Article footer .article-napisi article a{position:relative; display:block; overflow:hidden; padding:0 0 0.5em 0; color:#222222; }
.Article footer .article-napisi article a h1{margin:0; padding:0.25em 1em 0.25em 1em; color:#ffffff; height:9em; line-height: 175%; box-sizing: border-box; font-size: 2.25em; overflow:hidden; text-align:center; }
.Article footer .article-napisi article a h1:hover{text-decoration:underline; color:#ffffff }
.Article footer .article-napisi article a:hover{text-decoration:none; }
@media only screen and (min-width:25em){
.Article header .published{display:block; color:#b7b7ca; font-size:0.9em; float:right; display:block; margin:-5em 0.5em 0 0; height:5em; z-index:6; position:relative; padding:1em 0 0 0; }
.Article footer .like .like-it .do-thumbs-up{margin:0 8% 0 0; }
.Article footer .like .like-it .do-thumbs-down{margin:0 0 0 8%; }
.Article footer .banner-bottom-half{padding:0.5em; }
.Article footer .napisi-nesto > h1{font-size: 1.5em; }
.Article footer .article-napisi article{width: 49.375%; float: left; margin: 0 0.125em 0 0; }
.Article footer .article-napisi article a h1{height:5em; font-size: 2.25em; padding: 0.125em 0.5em 0.125em 0.5em; }
}
@media only screen and (min-width:30em){
.Article{ }
.Article .article-content .large{width:auto; }
.Article footer .izdvojeno ul li a img{width:7em; }
.Article footer .izdvojeno ul li a h3{font-size:1em; }
}
@media only screen and (min-width:40em){
.Article .normal > .image-top{width:initial; }
.Article .article-content .xlarge{width:auto; }
.Article footer .like .like-it .do-thumbs-up{margin:0 7% 0 0; font-size:4em; }
.Article footer .like .like-it .do-thumbs-down{margin:0 0 0 7%; font-size:4em; }
.Article footer .like .like-list-title{margin:4em 0 0 0.5em; }
.Article footer .banner-bottom-half{width:50%; padding:0.25em; }
.Article footer .article-napisi article a h1{height:7em; }
}
@media only screen and (min-width:48em){
.Article .normal > .image-top{width:100%; }
.Article footer .like{clear:none; float:right; width:100%; }
.Article footer .banner-bottom-half{width:100%; padding:0.5em; }
.Article footer .napisi-nesto > h1{font-size: 1.75em; }
.Article footer .article-napisi article{width: 100%; float: none; margin: 0; }
.Article footer .article-napisi article a h1{height:8em; }
}
@media only screen and (min-width:52em){
.Article footer .napisi-nesto > h1{font-size: 1.5em; }
.Article footer .article-napisi article{width: 49.375%; float: left; margin: 0 0.125em 0 0; }
.Article footer .article-napisi article a h1{height:7em; font-size: 2.25em; padding: 0.125em 0.5em 0.125em 0.5em; }
}
@media only screen and (min-width:60em){
.Article header h1{font-size:1.9em; line-height:135%; margin:2em 0.2em 0 0.2em; }
}
@media only screen and (min-width:64em){
.Article footer .user-merlin{width:40%; float:left; margin:2em 0 0 0.125em; }
.Article footer .user-merlin .sticker-wrap{font-size:0.95em; }
.Article footer .user-merlin .description{margin:0 auto; }
.Article footer .like{clear:none; width:58.5%; margin:2em 0.125em 0 0; }
.Article footer .like .like-it{margin:1.5em 0 0 0; font-size:0.9em; }
.Article footer .like .like-it .do-thumbs-up{margin:0 5% 0 0; }
.Article footer .like .like-it .do-thumbs-down{margin:0 0 0 5%; }
.Article footer .likes{margin-top:1.5em; }
.Article footer .banner-bottom-half{width:50%; padding:0.25em; }
#connected-article-prev{max-width:20em; width:auto; font-size:0.8em; }
#connected-article-prev:before{content:""; display:inline-block; vertical-align:middle; height:100%; }
#connected-article-prev strong{display:inline-block; margin:0 1em 0.125em 3em; }
#connected-article-prev span{display:block; left:0; right:initial; }
#connected-article-next{max-width:20em; width:auto; font-size:0.8em; }
#connected-article-next:before{content:""; display:inline-block; vertical-align:middle; height:100%; }
#connected-article-next strong{display:inline-block; }
#connected-article-next span{display:block; left:initial; right:0; }
.Article footer .article-napisi article a h1{height:8em; }
}
@media only screen and (min-width:65em){
.Article .normal > .image-top{width:initial; }
.Article footer .banner-bottom-half{padding:0.5em; }
}
@media only screen and (min-width:80em){
.Article{ }
.Article .promo{font-size: 0.68em; }
.Article footer .user-merlin .sticker-wrap{font-size:1em; }
.Article footer .like{width:59%; float:right; margin:2em 0.25% 0 0; }
.Article footer .like .like-it{font-size:1em; }
#connected-article-prev{font-size:0.85em; }
#connected-article-next{font-size:0.85em; }
}
@media only screen and (min-width:90em){
.Article{ }
}
.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{ }
}
.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{top:initial; bottom:12em; font-size:0.95em; width:100%; display:block; font-family:'Open Sans Condensed'; position:absolute; z-index:1; }
.merlin ul{height:5em; width:20em; position:relative; overflow:visible; padding:0; font-size:0.95em; margin:0 auto; display:block; float:none; }
.merlin ul .sign-up{position:absolute; left:0.5em; bottom:0; }
.merlin ul .sign-up a{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: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 .inbox{position:absolute; left:0.5em; bottom:0; }
.merlin ul .inbox a{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: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 .log-in{position:absolute; bottom:0; right:0.5em; left:initial; }
.merlin ul .log-in a{width:5.75em; height:5.25em; 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: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 .user-wrap{position:absolute; left:initial; right:0.5em; bottom:0; }
.merlin ul .user{width:5.75em; 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:0; border-style:solid; border-width:0.0625em; border-color:#9fa2ab; border-radius:0.25em; padding:0.125em 0 0 0; line-height:100%; z-index:3; position:relative; }
.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.9em 0 0; border-radius:50%; }
.merlin ul .members-number{display:block; background:rgb(255, 255, 255); float:right; 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; position:absolute; margin:0; left:initial; font-size:0.95em; bottom:2.5em; right:7.125em; }
.merlin ul .members-li{width:42%; height:10em; display:block; float:left; position:absolute; left:4.75em; margin:0; font-size:0.8em; bottom:0; }
.merlin ul li .members-label-bck{width:6.75em; height:1.5em; display:block; background-color:rgba(117, 50, 147, 0.8); position:absolute; z-index:1; bottom:0.85em; right:-1.2em; 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:0; z-index:2; }
.merlin ul li .members-label{color:#ffffff; display:block; position:absolute; z-index:3; bottom:0.55em; right:-1em; font-size:0.85em; line-height:100%; width:6.5em; text-align:right; }
.merlin ul .reset-password{position:absolute; left:0; bottom:-1em; width:100%; }
.merlin ul .reset-password a{clear:both; display:block; color:#cecece; font-size:0.8em; text-align:center; padding-top:1em; }
@media only screen and (min-width:25em){
.merlin{ }
.merlin ul{font-size:1.1em; }
}
@media only screen and (min-width:30em){
.merlin{width:11em; display:block; top:0; bottom:0; z-index:1; font-size:0.8em; }
.merlin ul{display:block; margin:0; float:left; position:relative; font-size:1.2em; overflow:hidden; height:85%; width:9em; }
.merlin ul .sign-up{bottom:18.5em; }
.merlin ul .inbox{position:absolute; left:0.5em; bottom:13.5em; }
.merlin ul .inbox a{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: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 .log-in{left:0.5em; bottom:13.5em; right:initial; }
.merlin ul .user-wrap{bottom:19em; left:0.5em; right:initial; }
.merlin ul .members-number{right:initial; left:5.6em; bottom:8.6em; }
.merlin ul .members-li{left:3.75em; bottom:7.5em; }
.merlin ul .reset-password{left:0.5em; bottom: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{bottom:0; }
.merlin ul{font-size:1.2em; }
}
@media only screen and (min-width:48em) and (min-height:0){
.merlin{font-size:0.7em; }
}
@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; }
}
@media only screen and (min-width:48em) and (min-height:35em){
.merlin{ }
}
@media only screen and (min-width:48em) and (min-height:40em){
.merlin{font-size:0.85em; }
}
@media only screen and (min-width:48em) and (min-height:45em){
.merlin{font-size:0.95em; }
}
@media only screen and (min-width:48em) and (min-height:50em){
.merlin{font-size:1em; }
}
.breadcrumbs-wrap{position:absolute; bottom:0; width:100%; box-sizing:border-box; margin:0; padding:0; height:auto; display:block; z-index:1; overflow:hidden; font-size:0.7em; }
.breadcrumbs-wrap .breadcrumbs{margin:0 auto; width:100%; max-width:76em; background:rgba(60, 98, 163, 0.36); overflow:hidden; padding:1.25em 1.25em 1.75em 1.25em; box-sizing:border-box; }
.breadcrumbs-wrap .breadcrumbs .active-li{clear:both; }
.breadcrumbs-wrap .breadcrumbs li{margin:0; padding:0; float:left; line-height:100%; }
.breadcrumbs-wrap .breadcrumbs li:before{content:"\00BB"; padding:0; color:#69a2d9; float:left; }
.breadcrumbs-wrap .breadcrumbs li:first-child:before{content:""; }
.breadcrumbs-wrap .breadcrumbs li:last-child:before{content:""; }
.breadcrumbs-wrap .breadcrumbs li a{display:block; float:left; padding:0 0.5em 0 0.5em; margin:0; font-size:1em; color:#69a2d9; line-height:115%; }
.breadcrumbs-wrap .breadcrumbs li .active{background:#69A2D9; color:#ffffff; font-size:3em; margin:0.09em 0 0 0; padding:0.1em 0.3em 0.1em 0.3em; border-width:0; border-style:solid; border-color:#00FF00; }
.breadcrumbs-wrap .breadcrumbs .last{color:#ffffff; font-size:2em; margin:0; padding:0.5em 0.3em 0.65em 0.3em; clear:both; width:100%; box-sizing:border-box; text-align:center; line-height:135%; max-height:4.5em; overflow:hidden; }
@media only screen and (min-width:30em){
.breadcrumbs-wrap{font-size:0.8em; }
}
@media only screen and (min-width:40em){
.breadcrumbs-wrap{font-size:0.85em; }
}
@media only screen and (min-width:48em){
.breadcrumbs-wrap{font-size:0.9em; }
.breadcrumbs-wrap .breadcrumbs .last{font-size:2.5em; }
}
@media only screen and (min-width:64em){
.breadcrumbs-wrap{font-size:0.9em; }
}
@media only screen and (min-width:80em){
.breadcrumbs-wrap{font-size:1em; }
.breadcrumbs-wrap .breadcrumbs .last{font-size:3em; }
}
@media only screen and (min-width:90em){
.breadcrumbs-wrap{ }
}
@media only screen and (min-width:48em) and (min-height:0){
.breadcrumbs-wrap{font-size:0.7em; }
.breadcrumbs-wrap .breadcrumbs{width:85%; }
.breadcrumbs-wrap .breadcrumbs .last{font-size:2em; }
}
@media only screen and (min-width:48em) and (min-height:30em){
.breadcrumbs-wrap{font-size:0.75em; }
}
@media only screen and (min-width:48em) and (min-height:35em){
.breadcrumbs-wrap{font-size:0.8em; }
.breadcrumbs-wrap .breadcrumbs .last{font-size:2.1em; }
}
@media only screen and (min-width:48em) and (min-height:40em){
.breadcrumbs-wrap{font-size:0.9em; }
}
@media only screen and (min-width:48em) and (min-height:45em){
.breadcrumbs-wrap{font-size:0.95em; }
.breadcrumbs-wrap .breadcrumbs .last{font-size:2.2em; }
}
@media only screen and (min-width:48em) and (min-height:50em){
.breadcrumbs-wrap{font-size:1em; }
.breadcrumbs-wrap .breadcrumbs .last{font-size:2.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); }}