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{}}
.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; }
.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{ }
}
.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-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{ }
}
.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{ }
}
.user-homepage{font-size:0.85em; padding:0 2% 0 2%; box-sizing:border-box; width:100%; overflow:hidden; }
.user-homepage h1{width:100%; text-align:center; margin:0 auto; display:block; }
.user-homepage h1:after{content:""; height:0.0625em; background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(214,214,214,1) 50%,rgba(0,0,0,0) 100%); display:block; margin-top:0.25em; margin-bottom:0; }
.user-homepage img{max-width:8em; width:100%; border-radius:0.5em; margin-top:0.6em; float:left; background-color:#fafafa; }
.user-homepage .merlin-with-num{position:relative; padding:0; box-sizing:border-box; float:left; overflow:hidden; margin:0.6em 0 0 1em; width:12em; height:8.75em; }
.user-homepage .merlin-with-num .bck{display:block; position:relative; z-index:2; background-image:url(https://www.magicus.info/container/images/r1/g2017/m03/merlin-blue-clear.png); background-size:10.25em; background-repeat:no-repeat; width:100%; height:100%; background-position:-2em -1.55em; }
.user-homepage .merlin-with-num .cnt{position:absolute; top:0; right:1.5em; z-index:3; min-width:1.25em; margin:2.25em 0 0 0; padding:0.17em 0.25em 0.25em 0.25em; background:#ffffff; font-size:1.5em; font-weight:bold; text-align:center; line-height:100%; border-radius:0.25em; border-color:#444444; border-style:solid; border-width:0.0625em; }
.user-homepage .merlin-with-num .label{position:absolute; bottom:0; left:0; z-index:1; display:block; width:6em; background:#2347a3; font-weight:normal; font-size:0.9em; padding:0.4em 0.5em 0.45em 1.75em; line-height:100%; margin:0 0 0.25em 2.5em; color:#ffffff; border-radius:0.375em; }
.user-homepage .user-info-line{display:block; background:#f5f5f5; float:left; width:100%; height:2.6em; margin:0.5em 0 0 0; border-radius:0.375em; padding:0 0 0.5em 0.5em; box-sizing:border-box; position:relative; }
.user-homepage .user-info-line .label{padding:0; margin:0.5em 0 0 0; float:left; }
.user-homepage .user-info-line .cnt{z-index:3; min-width:1em; margin:0.125em 0.125em 0 0; padding:0.17em 0.25em 0.25em 0.25em; background:#ffffff; font-size:1.5em; font-weight:bold; text-align:center; line-height:100%; border-radius:0.25em; border-color:#444444; border-style:solid; border-width:0.0625em; float:right; color:#666666; }
.user-homepage .description{clear:both; width:100%; display:block; background:#f5f5f5; margin:0.5em 0 0 0; float:left; padding:0.5em; box-sizing:border-box; line-height:135%; }
.user-homepage .all-articles{clear:both; width:100%; display:block; background:#f5f5f5; margin:0.5em 0 0 0; float:left; padding:0.5em; box-sizing:border-box; line-height:135%; text-align:center; font-size:1.25em; color:#2347a3; font-weight:bold; text-decoration:underline; }
@media only screen and (min-width:30em){
.user-homepage{ }
}
@media only screen and (min-width:40em){
.user-homepage{ }
}
@media only screen and (min-width:48em){
.user-homepage{ }
}
@media only screen and (min-width:64em){
.user-homepage{ }
.user-homepage .user-info-line{width:38%; margin:0.5em 0 0 0.75%; }
}
@media only screen and (min-width:70em){
.user-homepage{ }
.user-homepage .user-info-line{width:32.5%; }
}
@media only screen and (min-width:80em){
.user-homepage{ }
}
@media only screen and (min-width:90em){
.user-homepage{ }
}
.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{ }
}
.user-homepage-articles{width:100%; padding:0; box-sizing:border-box; margin:4em 0 0 0; }
.user-homepage-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; }
.user-homepage-articles article:last-child{margin-bottom:0em; }
.user-homepage-articles article header .avatar{display:block; margin:-2.125em 0 0 1em; position:relative; }
.user-homepage-articles article header .avatar img{width:4em; border-style:solid; border-width:0.0625em; border-color:#E9E9F1; border-radius:0.5em; }
.user-homepage-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; }
.user-homepage-articles article header .avatar .author{position:absolute; top:1.45em; left:5em; font-size:0.95em; color:#28283a; font-weight:bold; }
.user-homepage-articles article header a{color:#4c525a; }
.user-homepage-articles article header a h1{padding:0; color:#4c525a; font-size:1.25em; margin:0.5em 0.4em 0 0.4em; line-height:125%; }
.user-homepage-articles article header .addthis_inline_share_toolbox{padding:1em 0 0 0.3em; display:block; position:absolute; bottom:8em; opacity:0.5; }
.user-homepage-articles article header .addthis_inline_share_toolbox:hover{opacity:1; }
.user-homepage-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%; }
.user-homepage-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; }
.user-homepage-articles article footer{padding:0.5em 0.25em 0 0.25em; margin:3.5em 0 0 0; }
.user-homepage-articles article footer ul{list-style-type:none; margin:0; padding:0; overflow:hidden; }
.user-homepage-articles article footer ul .top-left{ }
.user-homepage-articles article footer ul .top-right{font-size:0.9em; padding:0.5em 0 0 0.125em; }
.user-homepage-articles article footer ul .top-right .category{margin:0; padding:0; float:left; }
.user-homepage-articles article footer ul .top-right .category-link{display:block; float:left; margin:0 0 0 0.25em; }
.user-homepage-articles article footer ul .date{color:#959AA0; clear:both; float:right; font-size:0.9em; margin:0; padding:0.5em 0 0.5em 0; }
.user-homepage-articles article footer ul .like-tag{color:#959AA0; clear:both; float:left; display:block; width:49.5%; overflow:hidden; height:4em; background-color:#F0F3FA; }
.user-homepage-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; }
.user-homepage-articles article footer ul .like-tag a .plus-minus{display:none; }
.user-homepage-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%; }
.user-homepage-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%; }
.user-homepage-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; }
.user-homepage-articles article footer ul .comments-info a{color:#959AA0; display:block; padding:1.1em 0 1.4em 60%; }
.user-homepage-articles article footer ul .comments-info a .comments{display:none; }
@media only screen and (min-width:25em){
.user-homepage-articles article header .addthis_inline_share_toolbox{bottom:7em; }
.user-homepage-articles article footer ul .top-right{padding:0.5em 0 1em 0.125em; overflow:hidden; }
.user-homepage-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; }
.user-homepage-articles article footer ul .like-tag{clear:none; width:32.5%; }
.user-homepage-articles article footer ul .comments-info{width:33%; }
}
@media only screen and (min-width:35em){
.user-homepage-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){
.user-homepage-articles{ }
.user-homepage-articles article .normal > .main-image{width:initial; }
.user-homepage-articles article footer ul .comments-info{background-position:27% center; }
.user-homepage-articles article footer ul .comments-info a{padding:1.2em 0 1.3em 46%; }
.user-homepage-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){
.user-homepage-articles{ }
.user-homepage-articles article{margin-bottom:6em; }
.user-homepage-articles article .normal > .main-image{width:100%; }
.user-homepage-articles article footer ul .date{padding:1.65em 0 0 12%; background-position:10% center; }
.user-homepage-articles article footer ul .comments-info{background-position:38% center; }
.user-homepage-articles article footer ul .comments-info a{padding:1.2em 0 1.3em 62%; }
.user-homepage-articles article footer ul .comments-info a .comments{display:none; }
}
@media only screen and (min-width:60em){
.user-homepage-articles{ }
.user-homepage-articles article header a h1{font-size:1.9em; line-height:135%; margin:0.5em 0.2em 0 0.2em; }
.user-homepage-articles article footer ul .date{padding:1.65em 0 0 13%; background-position:26% center; }
.user-homepage-articles article footer ul .comments-info{background-position:27% center; }
.user-homepage-articles article footer ul .comments-info a{padding:1.2em 0 1.3em 46%; }
.user-homepage-articles article footer ul .comments-info a .comments{display:inline; }
}
@media only screen and (min-width:64em){
.user-homepage-articles{ }
}
@media only screen and (min-width:65em){
.user-homepage-articles article .normal > .main-image{width:initial; }
}
@media only screen and (min-width:70em){
.user-homepage-articles{ }
.user-homepage-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%; }
.user-homepage-articles article footer ul .like-tag a .plus-minus{display:block; font-size:0.85em; float:left; margin:1.65em 0 0 1.5em; }
.user-homepage-articles article footer ul .like-tag a .thumbs-up{margin:1.5em 0 0 1.3em; }
.user-homepage-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){
.user-homepage-articles{ }
}
@media only screen and (min-width:90em){
.user-homepage-articles{ }
}
.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:2.5em; margin:0; padding:0.5em 0.3em 0.65em 0.3em; clear:both; width:100%; box-sizing:border-box; text-align:center; line-height:150%; }
@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; }
}
@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{ }
}
.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{ }
}
.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{ }
}
.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{ }
}
.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; }
}
@keyframes resizescreendowncircle{0%,100%{transform:scale(1); } 50%{transform:scale(1.1); }}