.banner {
    background-color: #023769;
    -background: #023769 url('/site/rp/banner/img/ny-snow.png') repeat-x top;
    overflow: hidden;
}
.banner-w {
    position: relative; z-index: 50;
    height: 311px;
    display: table;
    width: 100%;
    background: url('/site/rp/banner/img/grad.png') repeat-y 16%;
}

.banner-bg {
    position: absolute; z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    -background: url('/site/rp/banner/img/ny-snow.png') repeat-x top;
}


.banner-side {
    position: absolute; z-index: 2;
    top: 0;
    bottom: 0;
    left: 23px;
    padding-top: 63px;
    width: 247px;

}
BODY .banner-side {
    display: block !important;
}



.banner-main {
    position: absolute; z-index: 1;
    top: 0;
    bottom: 0;
    left: 270px;
    right: -208px;
    padding-top: 63px;
    -outline: 1px dashed yellow;
}
.banner-main-wi {
    position: relative; z-index: 2;
}

.banner-main:before {
    content: '';
    display: block;
    position: absolute;
    top: 0; left: -429px;
    width: 823px;     height: 516px;     background: url('/site/rp/banner/img/eagle.t.png') no-repeat left top;
    -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

.banner-main:after {
    content: '';
    display: block;
    position: absolute;
    top: 0; right: 11px;
    width: 666px;     height: 311px;     background-image: url('/site/rp/banner/img/man-tkd.t.png');
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;     }



.banner-slogan {
    padding-bottom: 93px;
    position: relative;
    top: 4px;
}
.banner-slogan-src.irep {
    width: 397px;     width: 48%;
    height: 155px;     background-image: url('/site/rp/banner/img/t-slogan-1.1.t.png');
}

.banner-line {
    position: absolute; z-index: 1;     bottom: 0;
    left: 0;
    height: 36px;
    width: 100%;
    background-color: #ea333d;
}

.banner-shift-line {
    position: absolute;
    display: block;
    bottom: 0;
    left: 100%;
    width: 1000px;
    height: 38px;
    background-color: #c70c1e;
}


.banner-phone {
    position: absolute;

    width: 100%;
    bottom: 2px;
}
.banner-phone-src.irep {
    width: 135px;     height: 28px;     background-image: url('/site/rp/banner/img/t-phone.2.t.png');
    position: relative;
    left: 30px;
    background-position: right top;
}

.banner-phone-icon.irep {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('/site/rp/banner/img/phone-icon.t.png');
}

/* Buzz */
.banner-phone-icon.irep.ef1 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); -o-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.banner-phone:hover .banner-phone-icon.ef1 {
    -webkit-animation-name: hvr-buzz;
-moz-animation-name: hvr-buzz;
-o-animation-name: hvr-buzz;
animation-name: hvr-buzz;    -webkit-animation-duration: 0.12s;
-moz-animation-duration: 0.12s;
-o-animation-duration: 0.12s;
animation-duration: 0.12s;    -webkit-animation-timing-function: cubic-bezier(0.250,0.250,0.750,0.750); -moz-animation-timing-function: cubic-bezier(0.250,0.250,0.750,0.750); -o-animation-timing-function: cubic-bezier(0.250,0.250,0.750,0.750); animation-timing-function: cubic-bezier(0.250,0.250,0.750,0.750);     -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(2px) rotate(1deg); -moz-transform: translateX(2px) rotate(1deg); -o-transform: translateX(2px) rotate(1deg); -ms-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }100% { -webkit-transform: translateX(1deg) rotate(1px); -moz-transform: translateX(1deg) rotate(1px); -o-transform: translateX(1deg) rotate(1px); -ms-transform: translateX(1deg) rotate(1px); transform: translateX(1deg) rotate(1px); } } @-moz-keyframes hvr-buzz { 50% { -webkit-transform: translateX(2px) rotate(1deg); -moz-transform: translateX(2px) rotate(1deg); -o-transform: translateX(2px) rotate(1deg); -ms-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }100% { -webkit-transform: translateX(1deg) rotate(1px); -moz-transform: translateX(1deg) rotate(1px); -o-transform: translateX(1deg) rotate(1px); -ms-transform: translateX(1deg) rotate(1px); transform: translateX(1deg) rotate(1px); } } @-o-keyframes hvr-buzz { 50% { -webkit-transform: translateX(2px) rotate(1deg); -moz-transform: translateX(2px) rotate(1deg); -o-transform: translateX(2px) rotate(1deg); -ms-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }100% { -webkit-transform: translateX(1deg) rotate(1px); -moz-transform: translateX(1deg) rotate(1px); -o-transform: translateX(1deg) rotate(1px); -ms-transform: translateX(1deg) rotate(1px); transform: translateX(1deg) rotate(1px); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(2px) rotate(1deg); -moz-transform: translateX(2px) rotate(1deg); -o-transform: translateX(2px) rotate(1deg); -ms-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); }100% { -webkit-transform: translateX(1deg) rotate(1px); -moz-transform: translateX(1deg) rotate(1px); -o-transform: translateX(1deg) rotate(1px); -ms-transform: translateX(1deg) rotate(1px); transform: translateX(1deg) rotate(1px); } }


.banner-logo {
    display: inline-block;
    -outline: 1px dotted darkorange;
    position: relative;
    left: -1px;
    top: 2px;
}
.banner-logo-src {
    display: inline-block;
    -padding: 15px;
}
.banner-logo-src IMG { display: none; }
.banner-logo-src.irep {
    width: 194px;     height: 111px;     background-image: url('/site/rp/banner/img/logo.t.png');
}

.banner-logo-src.stay-home.irep {
    position: relative;
    top: -22px;
    left: -8px;
    width: px;     height: px;     background-image: url('');
}

@media (max-width: 905px) {
    .banner-main:before {
        left: auto;
        right: 69vw;
    }
    .banner-main:after {
        left: 20%;
        right: auto;
    }
    .banner-logo-src.irep {
        width: 25vw;
        min-width: 150px;
        max-width: 194px;
    }
    .banner-logo-src.stay-home.irep {
        width: 24vw;
    }

}

@media (max-width: 810px) {

    .banner-side, .banner-main {
        padding-top: 8vw;
    }
    .banner-main {
        left: 36vw;
    }
    .banner-w {
        height: 39vw;
        min-height: 270px;
    }

}

@media (max-width: 600px) {
    .banner-w {
        min-height: unset;
        height: auto;
    }

    .banner-side, .banner-main {
        padding: 0;
        padding-top: 5vw;
    }

    .banner-side {
        position: absolute;
        text-align: center;
        width: 35%;
        left: 5%;
        top: 0;
        bottom: 0;
    }

    .banner-main {
        position: static; left: auto; right: auto;
        width: 60%;
        padding-bottom: 6vw;
        float: right;
    }

    .banner-main:before {
        right: 45%;
    }
    .banner-main:after {
        height: 110%;
        left: 35%;
    }

    .banner-phone-src.irep {
        height: 23px;
        width: 109px;
        left: 0;
    }


    .banner-slogan {
        padding-bottom: 6vw;
        left: 30px;
    }

    .banner-slogan-src.irep {
        width: 72%;
    }



}

@media (max-width: 414px) {
    .banner-side, .banner-main {
        position: relative;
        float: none;
        display: table;
        width: 100%;
        left: 0;
        padding: 0;
        text-align: center;
    }
    .banner-logo {
        display: block;
        position: relative;
        top: 0;
        padding: 8px;
    }

    .banner-logo-src.irep {
        position: relative;
        height: 90px;
        left: -14px;
    }

    .banner-logo-src.stay-home.irep {
        top: 20px;
        left: 0;
    }

    .banner-phone {
        position: static;
        padding-bottom: 3px;
        padding-top: 6px;
    }

    .banner-line {
        position: absolute;
        left: 0; right: 0;
        bottom: 100%;
    }

    .banner-slogan {
        position: static;
    }

    .banner-main:before {
        right: auto;
        bottom: auto;
        top: -150px;
        width: 100%;
        height: 400px;
        left: 0;
    }
        .banner-main:before {
        top: -201px;
    }

    .banner-main:after {
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background-position: center -10px;
        -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;         width: auto;
        height: 150%;
    }
    .banner-slogan {
        padding: 15px;
        left: 0;
    }
    .banner-slogan-src.irep {
        height: 80px;
        width: 100%;
        background-position: center;
    }


}