* {padding: 0;margin: 0;box-sizing: border-box; }

img{max-width: 100%;}

.banner {
    background: url(../images/Background_728x90.jpg);
    width: 728px;
    height:90px;
    margin: 0 auto;
    background-repeat:no-repeat;display: flex; justify-content: center;align-items: center;overflow:hidden;position:relative;
	cursor:pointer;
}

.banner:before {content: ""; display: inline-block; background: inherit; position: absolute; top: 0; left: 0; width: 246px; height: 100%;z-index: 1;}

.main { display: inline-block; vertical-align: middle; width:78%;/* padding-left: 27px; */}
/*.logo { display: inline-block; vertical-align: middle; width: 28%;position:relative;left:225px; }*/
.logo {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    position: relative;
    left: 225px;
    top: 0px;
    z-index: 2;
}
.logoi { position: absolute; left:-210px;left: 0;z-index: 2;transition: 1s;max-width: 219px;}
.logoi { opacity: 0; }
.box li { padding:1px 0;list-style-type: none; color: #fff; text-transform: uppercase; font-size: 19px; font-weight: 700;margin:1px 0; }
.box>li>a { background-color: #973a27; display: inline-block; padding: 1px 5px; font-size: 19px; position: relative; left: -152%; font-family: 'Open Sans', sans-serif; font-weight: 700;}
.box>li>a>span{position:relative;left:-169%;}