﻿*{margin:0;padding:0;color:#fff; font-family:Tahoma;}

h1{ font-size:3em;padding-bottom:.2em;text-transform:uppercase;padding-bottom:.3em;color:#f00;border-bottom:5px solid #fff; margin-bottom:1em; font-weight:normal;}
h1 span{color:#fff;transition:.5s;}
h1:hover span{font-size:0;}
h1 i{transition:.5s;font-style:normal;font-size:0;}
h1:hover i{font-size:inherit;display:inline-block;}
body{margin: 0;padding: 0;background-image: url('/Files/layout/Welcome.jpg');background-repeat: no-repeat;background-size:cover;text-align: center;}
#Main{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;padding:2%; background-color:rgba(0,0,0,.3); }
#Main ul{list-style-type: none;}
#Main ul li{display:inline-block;width:5%;transition:.4s;}
#Main ul li a{display:inline-block;text-decoration:none;margin:0 .2em;border-radius:50%;overflow:hidden;}
#Main ul li a img{width:100%;border-radius:50%;}
#Main > div{text-align:left;text-transform:uppercase;}
#Main > div > div{line-height:30px;vertical-align:middle;height:30px;padding:.5em;font-weight:700;text-shadow:0 0 8px #f00;}
#Main > div > div > img{float:left;height:20px;width:20px;margin-right:5px;}
#Main > div > div a,body > div > div > div span ,body > div > div > b{color:#fff; font-family:Times;}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-wrap iframe,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top; direction:rtl;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-iframe {display: block;width: 100%;height: 100%;}
#fancybox-loading, .fancybox-close{background-image: url('/Files/Images/Fancy/sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('/Files/Images/Fancy/loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
.fancybox-lock {overflow: hidden;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background-color:rgba(0,0,0,.7);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-image{width:100%;cursor:pointer;}


@media only screen and (min-width:1px) and (max-width: 800px)
{
    body{background-image: url('/Files/layout/MW.jpg'); background-color:#000;}
    h1{ font-size:1.2em;}
    #Main ul li{width:15%;}
    #Main > div > div{line-height:20px;height:20px;padding:.2em; font-size:80%;}
    #Main > div > div > img{height:20px;width:20px;margin-right:3px;}
    #Main > div > div > div{font-size:90%;}
}