@-webkit-keyframes insider-widget-slide-open {
    0% {
        right: -2000px;
        left: 0;
        display: none;
    }

    1% {
        display: block;
    }

    100% {
        right: 0;
        left: 0;
        display: block;
    }
}

@-moz-keyframes insider-widget-slide-open {
    0% {
        right: -2000px;
        left: 0;
        display: none;
    }

    1% {
        display: block;
    }

    100% {
        right: 0;
        left: 0;
        display: block;
    }
}

@-ms-keyframes insider-widget-slide-open {
    0% {
        right: -2000px;
        left: 0;
        display: none;
    }

    1% {
        display: block;
    }

    100% {
        right: 0;
        left: 0;
        display: block;
    }
}

@-o-keyframes insider-widget-slide-open {
    0% {
        right: -2000px;
        left: 0;
        display: none;
    }

    1% {
        display: block;
    }

    100% {
        right: 0;
        left: 0;
        display: block;
    }
}

@keyframes insider-widget-slide-open {
    0% {
        right: -2000px;
        left: 0;
        display: none;
    }

    1% {
        display: block;
    }

    100% {
        right: 0;
        left: 0;
        display: block;
    }
}

.insider-widget-welcome .insider-tab {
    padding: 10px 20px 20px 20px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: bottom right;
    -o-transform: rotate(-90deg);
    -o-transform-origin: bottom right;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    transform: rotate(-90deg);
    z-index: 9999;
    position: fixed;
    top: 125px;
    right: 0px;
    border: 1px solid whitesmoke;
    border-bottom: none;
}

.insider-widget-welcome .insider-view {
    position: fixed;
    top: 1%;
    /*top: 80px;*/
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
    z-index: 999999;
    display: none;
}

    .insider-widget-welcome .insider-view.insider-animate-open {
        display: block;
        -webkit-animation: insider-widget-slide-open 1s both;
        -moz-animation: insider-widget-slide-open 1s both;
        -ms-animation: insider-widget-slide-open 1s both;
        -o-animation: insider-widget-slide-open 1s both;
        animation: insider-widget-slide-open 1s both;
    }

    .insider-widget-welcome .insider-view.insider-animate-close {
    }

    .insider-widget-welcome .insider-view .insider-view-desktop {
        height: 100%;
        margin: auto;
        width: 100%;
    }

        .insider-widget-welcome .insider-view .insider-view-desktop iframe {
            height: 600px;
            width: 500px;            
            margin: auto;
            overflow: hidden;
            background: none repeat scroll 0% 0% white;
            border: 2px solid gainsboro;
        }


.insider-widget-welcome .insider-view-mobile {
    margin: auto;
    width: 200px;
    background-color: white;
    padding: 30px 15px;    
    position: relative;
    border-radius: 5px;
    border: 2px solid dimgray;
}

    .insider-widget-welcome .insider-view-mobile .page-header {
        margin: 0 0 10px 0;
    }

    .insider-widget-welcome .insider-view-mobile .insider-button {
        padding: 5px 10px;
    }

    .insider-widget-welcome .insider-view-mobile .close {
        color: silver;
        cursor: pointer;
        opacity: 1;
        position: absolute;
        right: 8px;
        top: 0px;
        font-size: 16px;
    }

.insider-view-mobile {
    display: none;
}

@media (max-width: 480px) {
    .insider-view-mobile {
        display: block;
    }

    .insider-view-desktop {
        display: none;
    }

    .insider-widget-welcome .insider-tab {
        padding: 10px;
    }
}