.mediakit-banner {
    color: #fff;
    position: relative;
    opacity:0.5;
}
.mediakit-banner:hover, .mediakit-banner.focus{
    opacity:1;
}
.mediakit-banner .slide.one {
    display: block;
}
.mediakit-banner:hover .slide.one, .mediakit-banner.focus .slide.one {
    display: none;
}

.mediakit-banner .slide.two {
    display: none;
}
.mediakit-banner:hover .slide.two, .mediakit-banner.focus .slide.two {
    display: block;
}

.mediakit-banner .send {
    color: initial;
    font-size: 16px;
    padding:0 5px;
}

.mediakit-banner .num {
    line-height: 32px;
    text-align: center;
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.mediakit-banner .size {
    position: absolute;
    font-size: 31px;
}
.mediakit-banner .desc {
    line-height: 19px;
    position: absolute;
}

.mediakit-banner .phone {
    position: absolute;
}
.mediakit-banner .phone span {
    font-size: 18px;
}
.mediakit-banner .lead {
    position: absolute;
}
.mediakit-banner .tel {
    border-radius: 3px;
    box-shadow: inset 2px 2px 5px #ccc;
    border: 1px solid transparent;
}

.mediakit-banner.top {
    background: #b00;
    box-shadow: 0 0 10px #600;
    width: 728px;
    height: 90px;
    margin:0;
}
.mediakit-banner > div {
    border: 7px dotted #fff;
}
.mediakit-banner.top {
    height: 76px;
}
.mediakit-banner.top .num {
    top: 29px;
    left: 37px;
    color: #900;
    box-shadow: 2px 2px #900;
}
.mediakit-banner.top .size {
    position: absolute;
    top: 30px;
    left: 155px;
    text-shadow: 2px 2px #900;
}
.mediakit-banner.top .desc {
    top: 17px;
    left: 362px;
}

.mediakit-banner.top .phone {
    top: 37px;
    left: 37px;
    line-height: 20px;
}
.mediakit-banner.top .phone span {
    position: relative;
    left: 64px;
}
.mediakit-banner.top .lead {
    top: 27px;
    left: 349px;
}
.mediakit-banner.top .tel{
    position: relative;
    left: 34px;
    width: 140px;
}

.mediakit-banner.top .send {
    position: relative;
    left: 33px;
    top: -1px;
}

.mediakit-banner .response {
    line-height: 76px;
    text-align: center;
    font-size: 22px;
}

.mediakit-banner.top.bottom {
    background: #BE7A00;
    box-shadow: 0 0 10px #A36900;
}
.mediakit-banner.top.bottom .num {
    top: 29px;
    left: 37px;
    color: #BE7A00;
    box-shadow: 2px 2px #7E4C00;
}
.mediakit-banner.top.bottom .size {
    position: absolute;
    top: 30px;
    left: 155px;
    text-shadow: 2px 2px #7E4C00;
}



.mediakit-banner.left-top, .mediakit-banner.left-bottom, .mediakit-banner.right-top, .mediakit-banner.right-bottom {
    width: 220px;
    height: 386px;
    text-align: center;
}
.mediakit-banner.left-top > div, .mediakit-banner.left-bottom > div, .mediakit-banner.right-top > div, .mediakit-banner.right-bottom > div {
    height: 386px;
}
.mediakit-banner.left-top .num, .mediakit-banner.left-bottom .num, .mediakit-banner.right-top .num, .mediakit-banner.right-bottom .num {
    position: absolute;
    top: 29px;
    left: 104px;
}
.mediakit-banner.left-top .size, .mediakit-banner.left-bottom .size, .mediakit-banner.right-top .size, .mediakit-banner.right-bottom .size {
    position: absolute;
    top: 150px;
    left: 62px;
}
.mediakit-banner.left-top .desc, .mediakit-banner.left-bottom .desc, .mediakit-banner.right-top .desc, .mediakit-banner.right-bottom .desc  {
    position: absolute;
    top: 280px;
    padding: 0 20px;
}
.mediakit-banner.left-top .phone, .mediakit-banner.left-bottom .phone, .mediakit-banner.right-top .phone, .mediakit-banner.right-bottom .phone {
    top: 90px;
    width:100%;
}
.mediakit-banner.left-top .phone span, .mediakit-banner.left-bottom .phone span, .mediakit-banner.right-top .phone span, .mediakit-banner.right-bottom .phone span {
    display: block;
    margin-top: 10px;
}
.mediakit-banner.left-top .lead, .mediakit-banner.left-bottom .lead, .mediakit-banner.right-top .lead, .mediakit-banner.right-bottom .lead {
    top: 220px;
    width:100%;
}
.mediakit-banner.left-top .lead span, .mediakit-banner.left-bottom .lead span, .mediakit-banner.right-top .lead span, .mediakit-banner.right-bottom .lead span {
    display: block;
    margin:  10px 0;
}
.mediakit-banner.left-top .response, .mediakit-banner.left-bottom .response, .mediakit-banner.right-top .response, .mediakit-banner.right-bottom .response {
    line-height: 30px;
    padding-top: 150px;
    height: 236px;
}
.mediakit-banner.left-top .response span, .mediakit-banner.left-bottom .response span, .mediakit-banner.right-top .response span, .mediakit-banner.right-bottom .response span {
    display: block;
    padding: 20px;
}
.mediakit-banner.left-top .tel, .mediakit-banner.left-bottom .tel, .mediakit-banner.right-top .tel, .mediakit-banner.right-bottom .tel {
    margin-bottom:10px;
    max-width:72%;
}

.mediakit-banner.left-top {
    background: #7CA300;
    box-shadow: 0 0 10px #546F01;
}
.mediakit-banner.left-top .num {
    color: #7CA300;
    box-shadow: 2px 2px #485F00;
}
.mediakit-banner.left-top .size {
    text-shadow: 2px 2px #485F00;
}

.mediakit-banner.left-bottom {
    background: #810053;
    box-shadow: 0 0 10px #5E003C;
}
.mediakit-banner.left-bottom .num {
    color: #810053;
    box-shadow: 2px 2px #485F0;
}
.mediakit-banner.left-bottom .size {
    text-shadow: 2px 2px #5E003C;
}

.mediakit-banner.right-top {
    background: #CDE900;
    box-shadow: 0 0 10px #818F1B;
}
.mediakit-banner.right-top .num {
    color: #CDE900;
    box-shadow: 2px 2px #818F1B;
}
.mediakit-banner.right-top .size {
    text-shadow: 2px 2px #818F1B;
}
.mediakit-banner.right-top .lead, .mediakit-banner.right-top .desc, .mediakit-banner.right-top .phone {
    color:#666;
}

.mediakit-banner.right-bottom {
    background: #007CA3;
    box-shadow: 0 0 10px #00607E;
}
.mediakit-banner.right-bottom .num {
    color: #007CA3;
    box-shadow: 2px 2px #00607E;
}
.mediakit-banner.right-bottom .size {
    text-shadow: 2px 2px #00607E;
}