.kwp_mktgBanners {
    font: normal 10px Georgia, 'Times New Roman', Times, serif;
    color: #000;
    width: 100%;
    overflow: hidden;
    clear: both;
}
.kwp_mktgBanners.fullwidth {
    width: 100%;
}
 .kwp_mktgBanners.halfwidth > a:nth-child(2){
    margin: 0 0 0 1.75%;
}
.kwp_mktgBanners.halfwidth > a {
    width: 49%;
    float: left;
}
.kwp_mktgBanners .kwp_blueBg {
    background: #B0DBE6;
    background: -moz-radial-gradient(center, ellipse cover, #fafdfd 31%, #b4dee7 78%, #73c2d5 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(31%, #fafdfd), color-stop(78%, #b4dee7), color-stop(100%, #73c2d5));
    background: -webkit-radial-gradient(center, ellipse cover, #fafdfd 31%, #b4dee7 78%, #73c2d5 100%);
    background: radial-gradient(ellipse at 40%, #fafdfd 31%, #b4dee7 78%, #73c2d5 100%);
}
.kwp_mktgBanners .kwp_greyBg {
    background: rgb(204, 204, 204);
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(204, 204, 204, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 100%);
    /* W3C */
}
.kwp_mktgBanners .kwp_yellowBg {
    background: #f7f9e3;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #fafdfd 31%, #f7f9e3 78%, #e9f1b5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(31%, #fafdfd), color-stop(78%, #f7f9e3), color-stop(100%, #e9f1b5));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #fafdfd 31%, #f7f9e3 78%, #e9f1b5 100%);
    /* Chrome10+,Safari5.1+ */
    background: radial-gradient(ellipse at center, #fafdfd 31%, #f7f9e3 78%, #e9f1b5 100%);
    /* W3C */
}
.kwp_mktgBanners .kwp_orangeBg {
    background: #FFBB99;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 250, 248, 1) 31%, rgba(255, 217, 198, 1) 78%, rgba(255, 187, 153, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(31%, rgba(255, 250, 248, 1)), color-stop(78%, rgba(255, 217, 198, 1)), color-stop(100%, rgba(255, 187, 153, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 250, 248, 1) 31%, rgba(255, 217, 198, 1) 78%, rgba(255, 187, 153, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: radial-gradient(ellipse at center, rgba(255, 250, 248, 1) 31%, rgba(255, 217, 198, 1) 78%, rgba(255, 187, 153, 1) 100%);
    /* W3C */
}
.kwp_mktgBanners .kwp_pinkBg {
    background: #e59cd0;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #fcf4fa 31%, #efc1e1 78%, #e59cd0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(31%, #fcf4fa), color-stop(78%, #efc1e1), color-stop(100%, #e59cd0));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #fcf4fa 31%, #efc1e1 78%, #e59cd0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #fcf4fa 31%, #efc1e1 78%, #e59cd0 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #fcf4fa 31%, #efc1e1 78%, #e59cd0 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #fcf4fa 31%, #efc1e1 78%, #e59cd0 100%);
    /* W3C */
}

.kwp_mktgBanners > a.kwp_layout:after,
.kwp_mktgBanners > a.kwp_layout:before {
    content: '';
    display: table;
    clear: both;
}
.kwp_mktgBanners,
.kwp_mktgBanners > a.kwp_layout {
    display: block;
    overflow: hidden;
    text-decoration: none;
}
.kwp_mktgBanners .kwp_layout.none > div {
    width: 100%;
}
.kwp_mktgBanners .kwp_layout.FiftyFifty > div {
    width: 49.25%;
    float: left;
}

.kwp_mktgBanners .kwp_layout.FortySixty > div:nth-child(1),
.kwp_mktgBanners .kwp_layout.SixtyForty > div:nth-child(2) {
    width: 37.5%;
    float: left;
}
.kwp_mktgBanners .kwp_layout.FortySixty > div:nth-child(2),
.kwp_mktgBanners .kwp_layout.SixtyForty > div:nth-child(1) {
    width: 58.5%;
    float: left;
}
.kwp_mktgBanners .kwp_layout.ThirtySeventy > div:nth-child(1),
.kwp_mktgBanners .kwp_layout.SeventyThirty > div:nth-child(2) {
    width: 28.5%;
    float: left;
}
.kwp_mktgBanners .kwp_layout.ThirtySeventy > div:nth-child(2),
.kwp_mktgBanners .kwp_layout.SeventyThirty > div:nth-child(1) {
    width: 68.5%;
    float: left;
}

.kwp_mktgBanners a.kwp_layout > div {
    height: 270px;
    position: relative;
    display: table;
    font-style: normal;
    color: #000;
}
.kwp_mktgBanners .copyArea {
    margin-right: 1.5%;
}
.kwp_mktgBanners .booklist {
    overflow: hidden;
    position: absolute;
    width: 250%;
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin: 5.5% 0 0 0;
}
.kwp_mktgBanners .booklist li {
    float: left;
    height: 225px;
    display: table;
    margin: 0 8px;
}
.kwp_mktgBanners a.kwp_layout.none div .booklist {
    position: relative;
    width: 100%;
}
.kwp_mktgBanners a.kwp_layout.none div .booklist li {
    float: none;
}
.kwp_mktgBanners a > div:nth-child(1) .booklist {
    right: 0;
}
.kwp_mktgBanners a > div:nth-child(1) .booklist li {
    float: right;
}
.kwp_mktgBanners a > div:nth-child(2) .booklist {
    left: 0;
}
.kwp_mktgBanners a > div:nth-child(2) .booklist li {
    float: left;
}
.kwp_mktgBanners .booklist.kwp_displayShadow li {
    height: 240px;
}
.kwp_mktgBanners .booklist li span {
    display: table-cell;
    vertical-align: bottom;
}
.kwp_mktgBanners .kwp_displayShadow li span:after {
    content: '';
    background: url('//kbmerch1-a.akamaihd.net/magento/onestore/banners/images/kwp_bookShadow.png') center top / 100% no-repeat;
    display: block;
    height: 20px;
}
.kwp_mktgBanners .booklist li img {
    border: 0;
    display: block;
    max-height: 220px;
    max-width: 125px;
}
.kwp_mktgBanners .copyArea p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0 0 0 5%;
}
.kwp_mktgBanners .copyArea strong {
    font-size: 3.2em;
    line-height: 1em;
    font-weight: normal;
    margin: 0;
    display: block;
}
.kwp_mktgBanners .copyArea span {
    font-size: 2.0em;
    display: block;
    margin: 1em 0 0 0;
}
.kwp_mktgBanners button {
    -webkit-border-radius: 3px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -moz-border-radius: 3px;
    /* Firefox 1-3.6 */
    border-radius: 3px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    color: #fff;
    height: 35px;
    margin: 1.25em 0 0;
    padding: 0 1em;
    border: none;
    font: italic 1.4em Georgia, 'Times New Roman', Times, serif;
    text-transform: initial;
    cursor: pointer;
    cursor: hand;
}
.kwp_mktgBanners button.koboBlue {
    background-color: #00BEE1;
}
.kwp_mktgBanners button.koboBlue:hover {
    background-color: #51AAC3;
}
.kwp_mktgBanners button.koboGreen {
    background-color: #04a19c;
}
.kwp_mktgBanners button.koboGreen:hover {
    background-color: #03807c;
}

.kwp_mktgBanners .blueText {
    color: #00BEE1;
}
.kwp_mktgBanners .magentaText {
    color: #c63192;
}
.kwp_mktgBanners .georgiaFont {
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.kwp_mktgBanners .trebuchetFont {
    font-family: "Trebuchet MS","Trebuchet",Arial,Helvetica,sans-serif;
}

.kwp_mktgBanners .kwp_slideLtoR {
    -webkit-animation: kwp_slideLtoR 2s ease-in-out;
    animation: kwp_slideLtoR 2s ease-in-out;
}
@keyframes kwp_slideLtoR {
    from {
        margin-right: 200%;
    }
    to {
        margin-right: 0%;
    }
}
@-webkit-keyframes kwp_slideLtoR
/* Safari and Chrome  */
{
    from {
        margin-right: 200%;
    }
    to {
        margin-right: 0%;
    }
}
@keyframes kwp_slideLtoR-2 {
    from {
        margin-right: 200%;
    }
    to {
        margin-right: 0%;
    }
}
@-webkit-keyframes kwp_slideLtoR-2
/* Safari and Chrome  */
{
    from {
        margin-right: 200%;
    }
    to {
        margin-right: 0%;
    }
}
.kwp_mktgBanners .kwp_slideRtoL {
    -webkit-animation: kwp_slideRtoL 2s ease-in-out;
    animation: kwp_slideRtoL 2s ease-in-out;
}
@keyframes kwp_slideRtoL {
    from {
        margin-left: 200%;
    }
    to {
        margin-left: 0%;
    }
}
@-webkit-keyframes kwp_slideRtoL
/* Safari and Chrome  */
{
    from {
        margin-left: 200%;
    }
    to {
        margin-left: 0%;
    }
}
@keyframes kwp_slideRtoL-2 {
    from {
        margin-left: 200%;
    }
    to {
        margin-left: 0%;
    }
}
@-webkit-keyframes kwp_slideRtoL-2
/* Safari and Chrome  */
{
    from {
        margin-left: 200%;
    }
    to {
        margin-left: 0%;
    }
}
/*screen small - mq1 */
@media only screen and (min-width: 0) and (max-width: 568px) {
     .kwp_mktgBanners.halfwidth > a:nth-child(2){
        margin: 20px 0 0;
    }
    .kwp_mktgBanners.halfwidth > a {
        width: 100%;
        float: none;
    }
    .kwp_mktgBanners .mq1-hidden,
    .kwp_mktgBanners a.kwp_layout > div .mq1-hidden {
        display: none;
    }
    .kwp_mktgBanners .copyArea strong {
        font-size: 2.0em;
    }

     .kwp_mktgBanners a.kwp_layout > div{
        height: 150px;
    }
    .kwp_mktgBanners .kwp_layout.mq1-FiftyFifty > div {
        width: 49.25%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq1-FortySixty > div:nth-child(1),
    .kwp_mktgBanners .kwp_layout.mq1-SixtyForty > div:nth-child(2) {
        width: 37.5%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq1-FortySixty > div:nth-child(2),
    .kwp_mktgBanners .kwp_layout.mq1-SixtyForty > div:nth-child(1) {
        width: 58.5%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq1-ThirtySeventy > div:nth-child(1),
    .kwp_mktgBanners .kwp_layout.mq1-SeventyThirty > div:nth-child(2) {
        width: 28.5%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq1-ThirtySeventy > div:nth-child(2),
    .kwp_mktgBanners .kwp_layout.mq1-SeventyThirty > div:nth-child(1) {
        width: 68.5%;
         float: left;
    }
    .kwp_mktgBanners .booklist li {
        height: 125px;
        margin: 0 3px;
    }
    .kwp_mktgBanners .booklist.kwp_displayShadow li {
        height: 140px;
    }
    .kwp_mktgBanners .booklist li img {
        max-height: 120px;
        max-width: 80px;
    }
    .kwp_mktgBanners .kwp_displayShadow li span:after {
        height: 12px;
    }
    .kwp_mktgBanners .kwp_slideLtoR {
        -webkit-animation: kwp_slideLtoR 2s ease-in-out;
        animation: kwp_slideLtoR 2s ease-in-out;
    }
    .kwp_mktgBanners .kwp_slideRtoL {
        -webkit-animation: kwp_slideRtoL 2s ease-in-out;
        animation: kwp_slideRtoL 2s ease-in-out;
    }
}
/* screen Medium - mq2 */
@media only screen and (min-width: 569px) and (max-width: 880px) {
     .kwp_mktgBanners.halfwidth > a:nth-child(2){
        margin: 20px 0 0;
    }
    .kwp_mktgBanners.halfwidth > a {
        width: 100%;
        float: none;
    }
    .kwp_mktgBanners .mq2-hidden,
    .kwp_mktgBanners a.kwp_layout > div .mq2-hidden {
        display: none;
    }
    .kwp_mktgBanners a.kwp_layout > div {
        height: 180px;
    }

     .kwp_mktgBanners .mq2-FiftyFifty > div {
    width: 49.25%;
     float: left;
}
.kwp_mktgBanners .kwp_layout.mq2-FortySixty > div:nth-child(1),
.kwp_mktgBanners .kwp_layout.mq2-SixtyForty > div:nth-child(2) {
    width: 37.5%;
     float: left;
}
.kwp_mktgBanners .kwp_layout.mq2-FortySixty > div:nth-child(2),
.kwp_mktgBanners .kwp_layout.mq2-SixtyForty > div:nth-child(1) {
    width: 58.5%;
     float: left;
}
.kwp_mktgBanners .kwp_layout.mq2-ThirtySeventy > div:nth-child(1),
.kwp_mktgBanners .kwp_layout.mq2-SeventyThirty > div:nth-child(2) {
    width: 28.5%;
     float: left;
}
.kwp_mktgBanners .kwp_layout.mq2-ThirtySeventy > div:nth-child(2),
.kwp_mktgBanners .kwp_layout.mq2-SeventyThirty > div:nth-child(1) {
    width: 68.5%;
     float: left;
}
    .kwp_mktgBanners .booklist li {
        height: 150px;
        margin: 0 6px;
    }
    .kwp_mktgBanners .booklist.kwp_displayShadow li {
        height: 170px;
    }
    .kwp_mktgBanners .booklist li img {
        max-height: 150px;
        max-width: 100px;
    }
    .kwp_mktgBanners .copyArea strong {
        font-size: 2.4em;
    }
    .kwp_mktgBanners .copyArea span {
        font-size: 1.6em;
    }
    .kwp_mktgBanners .kwp_slideLtoR {
        -webkit-animation: kwp_slideLtoR-2 2s ease-in-out;
        animation: kwp_slideLtoR-2 2s ease-in-out;
    }
    .kwp_mktgBanners .kwp_slideRtoL {
        -webkit-animation: kwp_slideRtoL-2 2s ease-in-out;
        animation: kwp_slideRtoL-2 2s ease-in-out;
    }
}
/*sreen large - mq3 */
@media only screen and (min-width: 881px) {
    .kwp_mktgBanners .mq3-hidden,
    .kwp_mktgBanners a.kwp_layout > div .mq3-hidden {
        display: none;
    }
    .kwp_mktgBanners .kwp_layout.mq3-FortySixty > div:nth-child(1),
    .kwp_mktgBanners .kwp_layout.mq3-SixtyForty > div:nth-child(2) {
        width: 37.5%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq3-FortySixty > div:nth-child(2),
    .kwp_mktgBanners .kwp_layout.mq3-SixtyForty > div:nth-child(1) {
        width: 58.5%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq3-ThirtySeventy > div:nth-child(1),
    .kwp_mktgBanners .kwp_layout.mq3-SeventyThirty > div:nth-child(2) {
        width: 28.5%;
         float: left;
    }
    .kwp_mktgBanners .kwp_layout.mq3-ThirtySeventy > div:nth-child(2),
    .kwp_mktgBanners .kwp_layout.mq3-SeventyThirty > div:nth-child(1) {
        width: 68.5%;
         float: left;
    }
  
    .kwp_mktgBanners .kwp_slideLtoR {
        -webkit-animation: kwp_slideLtoR 2s ease-in-out;
        animation: kwp_slideLtoR 2s ease-in-out;
    }
    .kwp_mktgBanners .kwp_slideRtoL {
        -webkit-animation: kwp_slideRtoL 2s ease-in-out;
        animation: kwp_slideRtoL 2s ease-in-out;
    }
}