/*!
 * smartbanner.js v1.6.0 <https://github.com/ain/smartbanner.js>
 * Copyright © 2017 Ain Tohvri, contributors. Licensed under GPL-3.0.
 */



@media only screen and (orientation: landscape) {

    .smartbanner {
        position: fixed;
        bottom: 0;
        left: 0;
        overflow-x: hidden;
        width: 100%;        
        height: 110px;
        background: #492F92;
        font-family: Helvetica, sans, sans-serif;
    }


    .smartbanner__icon {
        position: absolute;
        top: 18px;
        left: 60px;
        width: 74px;
        height: 74px;
        background-size: 74px 74px;
        border-color: white;
        border-style: solid;
        border-width: 1px;
        border-radius: 15px;
    }



    .smartbanner__info {
        color: white;
        font-family: Helvetica;
        position: absolute;
        top: -3px;
        left: 160px;
        height: 125px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: hidden;
        width: 60%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .smartbanner__info__title {
        color: white;
        font-size: 18px;
        margin-bottom: 8px;
    }

    .smartbanner__info__author, .smartbanner__info__price {
        color: white;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .smartbanner__button {
        position: absolute;
        top: 34px;
        font-size: 22px;
        padding: 15px 25px;
        right: 26px;
        z-index: 1;
        display: block;
        min-width: 10%;
        border-radius: 17px;
        background: white;
        color: #492F92 !important;
        font-family: Helvetica;
        text-align: center;
        text-decoration: none;
    }

        .smartbanner__exit::before, .smartbanner__exit::after {
        position: absolute;
        width: 1px;
        height: 35px;
        background: white;
        content: ' ';
    }

        .smartbanner__exit {
    position: absolute;
    top: calc(50% - 12px);
    left: 12px;
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
    border: 0;
    text-align: center;
}
}

@media only screen and (orientation: portrait) {
    .smartbanner {
        position: fixed;
        bottom: 0;
        left: 0;
        overflow-x: hidden;
        width: 100%;        
        height: 210px;
        background: #492F92;
        font-family: Helvetica, sans, sans-serif;
    }


    .smartbanner__icon {
        position: absolute;
        top: 40px;
        left: 100px;
        width: 138px;
        height: 138px;
        background-size: 138px 138px;
        border-color: white;
        border-style: solid;
        border-width: 1px;
        border-radius: 15px;
    }


    .smartbanner__info {
        color: white;
        font-family: Helvetica;
        position: absolute;
        top: 30px;
        left: 270px;
        height: 168px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-y: hidden;
        width: 60%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .smartbanner__info__title {
        color: white;      
        font-size: 28px;
        margin-bottom: 20px;
    }

    .smartbanner__info__author, .smartbanner__info__price {
        color: white;      
        font-size: 24px;
        margin-bottom: 20px;
    }

    .smartbanner__button {
        position: absolute;
        top: 76px;
        font-size: 32px;
        padding: 20px 35px;
        right: 46px;
        z-index: 1;
        display: block;
        min-width: 10%;
        border-radius: 17px;
        background: white;
        color: #492F92 !important;
        font-family: Helvetica;
        text-align: center;
        text-decoration: none;
    }

        .smartbanner__exit::before, .smartbanner__exit::after {
        position: absolute;
        width: 1px;
        height: 55px;
        background: white;
        content: ' ';
    }


        .smartbanner__exit {
    position: absolute;
    top: calc(50% - 12px);
    left: 50px;
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
    border: 0;
    text-align: center;
}
}









    .smartbanner__exit::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .smartbanner__exit::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }





.smartbanner__button__label {
    text-align: center;
    font-weight: bold;
}