/*@import url('https://fonts.googleapis.com/css?family=Actor|Advent+Pro:100,200,300,400,500,600,700|Alegreya+SC:400,400i,700,700i,900,900i|Alegreya+Sans+SC:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya:400,400i,700,700i,900,900i|Alfa+Slab+One|Amatic+SC:400,700|Annie+Use+Your+Telescope|Anton|Archivo+Black|Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Archivo:400,400i,500,500i,600,600i,700,700i|Arimo:400,400i,700,700i|Arvo:400,400i,700,700i|Asap:400,400i,500,500i,600,600i,700,700i|Bilbo+Swash+Caps|Bitter:400,400i,700|Bubblegum+Sans|Cabin+Sketch:400,700|Cedarville+Cursive|Chewy|Combo|Comfortaa:300,400,700|Courgette|Creepster|Crushed|Dancing+Script:400,700|Domine:400,700|Dosis:200,300,400,500,600,700,800|Droid+Sans:400,700|EB+Garamond|Erica+One|Fauna+One|Fjalla+One|Fredericka+the+Great|Fugaz+One|Glass+Antiqua|Great+Vibes|IM+Fell+French+Canon+SC|IM+Fell+French+Canon:400,400i|Inconsolata:400,700|Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Josefin+Slab:100,100i,300,300i,400,400i,600,600i,700,700i|Julius+Sans+One|Jura:300,400,500,600,700|Kaushan+Script|Kreon:300,400,700|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Libre+Baskerville:400,400i,700|Limelight|Lobster|Lobster+Two:400,400i,700,700i|Londrina+Shadow|Londrina+Sketch|Londrina+Solid:100,300,400,900|Love+Ya+Like+A+Sister|Luckiest+Guy|Magra:400,700|Marcellus|Merriweather+Sans:300,300i,400,400i,700,700i,800,800i|Merriweather:300,300i,400,400i,700,700i,900,900i|Monda:400,700|Montserrat+Alternates:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Montserrat+Subrayada:400,700|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Niconne|Nixie+One|Norican|Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Oleo+Script+Swash+Caps:400,700|Oleo+Script:400,700|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oxygen+Mono|Oxygen:300,400,700|PT+Sans+Narrow:400,700|PT+Sans:400,400i,700,700i|Passion+One:400,700,900|Patua+One|Permanent+Marker|Playball|Playfair+Display:400,400i,700,700i,900,900i|Poiret+One|Poly:400,400i|Rajdhani:300,400,500,600,700|Raleway+Dots|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i|Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Rokkitt:100,200,300,400,500,600,700,800,900|Rufina:400,700|Russo+One|Sansita:400,400i,700,700i,800,800i,900,900i|Satisfy|Sevillana|Signika+Negative:300,400,600,700|Signika:300,400,600,700|Six+Caps|Snippet|Special+Elite|Squada+One|Sue+Ellen+Francisco|Syncopate:400,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900|Tulpen+One|Unica+One|Varela|Varela+Round|Voces|Wire+One|Yanone+Kaffeesatz:200,300,400,700&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,hebrew,latin-ext,vietnamese');*/
@import url('https://fonts.googleapis.com/css?family=Actor|Advent+Pro:100,200,300,400,500,600,700|Alegreya+SC:400,400i,700,700i,900,900i|Alegreya+Sans+SC:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i|Alegreya:400,400i,700,700i,900,900i|Alfa+Slab+One|Amatic+SC:400,700|Annie+Use+Your+Telescope|Anton|Archivo+Black|Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Archivo:400,400i,500,500i,600,600i,700,700i|Arimo:400,400i,700,700i|Arvo:400,400i,700,700i|Asap+Condensed:400,400i,500,500i,600,600i,700,700i|Asap:400,400i,500,500i,600,600i,700,700i|Baloo+Bhaijaan|Bilbo+Swash+Caps|Bitter:400,400i,700|Bubblegum+Sans|Cabin+Sketch:400,700|Cabin:400,500,700|Catamaran:400,500,600,700|Cedarville+Cursive|Chewy|Combo|Comfortaa:300,400,700|Courgette|Creepster|Crete+Round|Crushed|Dancing+Script:400,700|Domine:400,700|Dosis:200,300,400,500,600,700,800|EB+Garamond|Erica+One|Fauna+One|Fjalla+One|Fredericka+the+Great|Fugaz+One|Glass+Antiqua|Great+Vibes|Hind:400,700|IM+Fell+French+Canon+SC|IM+Fell+French+Canon:400,400i|Inconsolata:400,700|Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i|Josefin+Slab:100,100i,300,300i,400,400i,600,600i,700,700i|Julius+Sans+One|Jura:300,400,500,600,700|Kaushan+Script|Kreon:300,400,700|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Libre+Baskerville:400,400i,700|Limelight|Lobster|Lobster+Two:400,400i,700,700i|Londrina+Shadow|Londrina+Sketch|Londrina+Solid:100,300,400,900|Love+Ya+Like+A+Sister|Luckiest+Guy|Magra:400,700|Marcellus|Merriweather+Sans:300,300i,400,400i,700,700i,800,800i|Merriweather:300,300i,400,400i,700,700i,900,900i|Monda:400,700|Montserrat+Alternates:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Montserrat+Subrayada:400,700|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Niconne|Nixie+One|Norican|Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Oleo+Script+Swash+Caps:400,700|Oleo+Script:400,700|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Oxygen+Mono|Oxygen:300,400,700|PT+Sans+Narrow:400,700|PT+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i|Passion+One:400,700,900|Patua+One|Permanent+Marker|Playball|Playfair+Display:400,400i,700,700i,900,900i|Poiret+One|Poly:400,400i|Poppins:300,400,500,600,700,800,900|Rajdhani:300,400,500,600,700|Raleway+Dots|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Righteous|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i|Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Rokkitt:100,200,300,400,500,600,700,800,900|Rufina:400,700|Russo+One|Saira:100,200,300,400,500,600,700,800,900|Sansita:400,400i,700,700i,800,800i,900,900i|Satisfy|Sevillana|Signika+Negative:300,400,600,700|Signika:300,400,600,700|Six+Caps|Snippet|Source+Sans+Pro:300,400,600,700,900|Special+Elite|Squada+One|Sue+Ellen+Francisco|Syncopate:400,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900|Tulpen+One|Ubuntu:400,500,700|Unica+One|Varela|Varela+Round|Voces|Wire+One|Yanone+Kaffeesatz:200,300,400,700');

#upgrade-overlay {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.5);
}

#upgrade-popup-new {
    position: fixed;
    display: none; 
    top: 0;
    left: 50%;
    width: 600px;
    margin-left: -168px;
    z-index: 1000000;
}
    
#upgrade-popup-new.open {
    animation-name: projector-down;      
    animation-duration: 1s;      
    animation-iteration-count: 1;      
    animation-timing-function: ease;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-delay: 0;
    
    

    -moz-animation-name: projector-down;      
    -moz-animation-duration: 1s;      
    -moz-animation-iteration-count: 1;      
    -moz-animation-timing-function: ease;

    -webkit-animation-name: projector-down;      
    -webkit-animation-duration: 1s;      
    -webkit-animation-iteration-count: 1;      
    -webkit-animation-timing-function: ease;

    -o-animation-name: projector-down;      
    -o-animation-duration: 1s;      
    -o-animation-iteration-count: 1;      
    -o-animation-timing-function: ease;
}

    .roller-top,
    .roller-bottom,
    .projector {
        position: relative;
        display: block;
    }

    .roller-top,
    .roller-bottom {
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .roller-top {
        background-image: url(projector_top.png);
        height: 209px;
    }

    .roller-bottom {
        background-image: url(projector_buttom_with_string.png);
        height: 115px;
    }

    .projector {
        background-color: white;
        margin: 0 15px;
        height: 0;
        overflow: hidden;
    }

    .projector.open {
        -webkit-animation-name: open-board;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: 1;      
        -webkit-animation-timing-function: ease-out; 
        -webkit-animation-fill-mode:forwards;            
        -webkit-animation-delay: 0.9s;

        -moz-animation-name: open-board;
        -moz-animation-duration: 1.5s;
        -moz-animation-iteration-count: 1;      
        -moz-animation-timing-function: ease-out;      
        -moz-animation-fill-mode:forwards;          
        -moz-animation-delay: 0.9s;

        -o-animation-name: open-board;
        -o-animation-duration: 1.5s;
        -o-animation-iteration-count: 1;      
        -o-animation-timing-function: ease-out;      
        -o-animation-fill-mode:forwards;          
        -o-animation-delay: 0.9s;

        animation-name: open-board;
        animation-delay: 0.9s;
        animation-duration: 1.5s;      
        animation-iteration-count: 1; 
        animation-timing-function: ease-out;      
        animation-fill-mode:forwards; 
    }

    #upgrade-close {
        position: absolute;
        display: block;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(x.png);
        z-index: 5;
        cursor: pointer;
    }

    .message {
            background-color: transparent;
            position: relative;
            height: 100%;
            margin: 0px 15px;
        }

        #message-img {
            position: absolute;
            display: block;
            width: 40%;
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            left: 0;
            top: 0;
        }

        .message-block {
            position: absolute;
            display: block;
            height: 100%;
            width: 60%;
            top: 0;
            right: 0;
        }

        .message-title-box {
            position: relative;
            display: block;
            height: 49%;
            margin: 0 0 0 10px;
        }

        #message-title-text{
            position: absolute;
            font-family: gobold;
            font-size: 43px;
            text-transform: uppercase; 
            text-align: left;   
            bottom: 0;
            width: 100%;
            white-space: pre-line;
            color: #eb7e00;
        }

        #message-title-text.upgrade-private {
            font-size: 41px;
        }

        .message-text-box {
            position: relative;
            height: 14%;
            margin: 0 0 0 10px;
        }

        #message-text{
            font-size: 20px;
            font-family: asap;
            margin-top: 10px;
            white-space: pre-wrap;
        }

        .message-button {
            position: relative;
            height: 53px;
            background-color: #eb7e00;
            margin: 5px auto 0 10px;
            width: 200px;
            text-align: center;
            cursor: pointer;
        }

        #message-button-text{
            font-size: 29px;
            font-family: gobold;
            text-transform: uppercase;
            position: relative;
            display: block;
            top: 9px;
            border: none;
            color: white;
    
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .message-button:hover  > #message-button-text{
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .img-download {
            background-image: url(download.gif);
        }

        .img-private {
            background-image: url(private.gif);
        }

        .img-premium {
            background-image: url(premium.gif);
        }

        .img-collaborate {
            background-image: url(collaborate.gif);
        }

        .img-analytic {
            background-image: url(popup-insight.gif);
            
        }

        .projector.close {
            -webkit-animation-name: close-board;
            -moz-animation-name: close-board;
            -o-animation-name: close-board;
            animation-name: close-board;
            
            -webkit-animation-delay: -0.1s;
            -moz-animation-delay: -0.1s;
            -o-animation-delay: -0.1s;
            animation-delay: -0.1s;

            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;

            -webkit-animation-timing-function: ease-in-out;
            -moz-animation-timing-function: ease-in-out;
            -o-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;

            -webkit-animation-iteration-count: 1;  
            -moz-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
                
            -webkit-animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards; 
            -o-animation-fill-mode: forwards; 
            animation-fill-mode: forwards;          
        }
        
        #upgrade-popup-new.close {
            -webkit-animation-name: projector-up;
            -moz-animation-name: projector-up;
            -o-animation-name: projector-up;
            animation-name: projector-up;
            
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -o-animation-delay: 1s;
            animation-delay: 1s;

            -webkit-animation-iteration-count: 1;
            -moz-animation-iteration-count: 1;
            -o-animation-iteration-count: 1;
            animation-iteration-count: 1;
             
            -webkit-animation-fill-mode:forwards; 
            -moz-animation-fill-mode:forwards;
            -o-animation-fill-mode:forwards;
            animation-fill-mode:forwards;

            -webkit-animation-duration: 1s; 
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s; 
                 
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            -o-animation-timing-function: ease;
            animation-timing-function: ease;
        }

    /*For big desktop*/
    @media screen and (min-width: 1450px) {
        #upgrade-popup-new {
            width: 806px;
            top: -65px;
            margin-left: -403px;
        }

        .roller-top {
            height: 282px;
        }

        .roller-bottom {
            height: 155px;
        }

        #message-img {
            background-size: 294px;
            background-position: -5px 54px;
        }

        #message-img.img-private{
            background-size: 306px;
            background-position: -5px 66px;
        }

        #message-img.img-premium{
            background-size: 287px;
            background-position: 1px 71px;
        }

        #message-img.img-collaborate{
           
            background-position: -10px 69px;
        
            background-size: 306px;
}

        .message-title-box {
            height: 210.7px;
        }

        #message-title-text{
            font-size: 51px;
            line-height: 1.25;
        }

        #message-title-text.upgrade-private {
            font-size: 48px;
            letter-spacing: -0.5px;
        }

        .message-text-box {
        
            height: 68.8px;
}

        #upgrade-popup-new.explorer .projector {
            height: 430px;
        }

        .projector.close {
            height: 430px;
        }

        @keyframes projector-down {
            0%   {top: -600px;}    
            100% {top: -65px;}
        }
        @-moz-keyframes projector-down {
            0%   {top: -600px;}    
            100% {top: -65px;}
        }
        @-webkit-keyframes projector-down {
            0%   {top: -600px;}    
            100% {top: -65px;}
        }
        @-o-keyframes projector-down {
            0%   {top: -600px;}    
            100% {top: -65px;}
        }

        @keyframes open-board {
            0%   {height: 0;}
            20%   {height: 530px;}
            40%   {height: 400px;}
            65%   {height: 460px;}    
            100% {height: 430px;}
        }
        @-moz-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 530px;}
            40%   {height: 400px;}
            65%   {height: 460px;}    
            100% {height: 430px;}
        }
        @-webkit-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 530px;}
            40%   {height: 400px;}
            65%   {height: 460px;}    
            100% {height: 430px;}
        }
        @-o-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 530px;}
            40%   {height: 400px;}
            65%   {height: 460px;}    
            100% {height: 430px;}
        }

        @keyframes close-board {
            0%   {height: 430px;}
            25%   {height: 460px;}
            100% {height: 0;}
        }
        @-moz-keyframes close-board {
            0%   {height: 430px;}
            25%   {height: 460px;}
            100% {height: 0;}
        }
        @-webkit-keyframes close-board {
            0%   {height: 430px;}
            25%   {height: 460px;}
            100% {height: 0;}
        }
        @-o-keyframes close-board {
            0%   {height: 430px;}
            25%   {height: 460px;}
            100% {height: 0;}
        }

        @keyframes projector-up {
            0%   {top: -65px;}    
            100% {top: -600px;}
        }
        @-moz-keyframes projector-up {
            0%   {top: -65px;}    
            100% {top: -600px;}
        }
        @-webkit-keyframes projector-up {
            0%   {top: -65px;}    
            100% {top: -600px;}
        }
        @-o-keyframes projector-up {
            0%   {top: -65px;}    
            100% {top: -600px;}
        }
    }

    /*For desktop*/
    @media screen and (min-width: 1248px) and (max-width: 1450px) {
        #upgrade-popup-new {
            width: 700px;
            top: -115px;
            margin-left: -350px;
        }

        .roller-top {
            height: 245px;
        }

        .roller-bottom {
            height: 134px;
        }

        #message-img {
            background-size: 256px auto;
        
            background-position: -5px 46px;
}

        #message-img.img-private{
            background-size: 269px;
            background-position: -11px 50px;
        }
        #message-img.img-collaborate{
            background-size: 267px;
            background-position: -11px 53px;
        }

        #message-img.img-premium{
            background-size: 245px;  
            background-position: 1px 53px;
        }

        .message-title-box {
            height: 181.3px;
        }

        #message-title-text{
            font-size: 43px;
        }

        #message-title-text.upgrade-private {
            font-size: 41px;
            letter-spacing: -0.3px;
        }

        .message-text-box {
            height: 51.8px;
        }

        #message-text{
            font-size: 18px;
        }

        .message-button {
            width: 180px;
            height: 45px;
        }

        #message-button-text{
            font-size: 27px;
            top: 6px;
        }

        .message-button:hover  > #message-button-text{
            -moz-transform: scale(1.06);
            -webkit-transform: scale(1.06);
            transform: scale(1.06);
        }

        #upgrade-popup-new.explorer .projector {
            height: 370px;
        }

        .projector.close {
            height: 370px;
        }

        @keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -115px;}
        }
        @-moz-keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -115px;}
        }
        @-webkit-keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -115px;}
        }
        @-o-keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -115px;}
        }

        @keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }
        @-moz-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }
        @-webkit-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }
        @-o-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }

        @keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }
        @-moz-keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }
        @-webkit-keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }
        @-o-keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }

        @keyframes projector-up {
            0%   {top: -115px;}    
            100% {top: -400px;}
        }
        @-moz-keyframes projector-up {
            0%   {top: -115px;}    
            100% {top: -400px;}
        }
        @-webkit-keyframes projector-up {
            0%   {top: -115px;}    
            100% {top: -400px;}
        }
        @-o-keyframes projector-up {
            0%   {top: -115px;}    
            100% {top: -400px;}
        }
    }

    /*For tablets*/
    @media screen and (min-width: 800px) and (max-width: 1248px) {
        #upgrade-popup-new {
            width: 700px;
            top: -40px;
            margin-left: -350px;
        }

        .roller-top {
            height: 245px;
        }

        .roller-bottom {
            height: 134px;
        }

        #message-img {
            background-size: 256px;
        }

        #message-img.img-download {
            background-size: 245px auto;
            background-position: 0 45px;
        }

        #message-img.img-premium {
            background-size: 245px auto;
            background-position: 3px 49px;
        }

        .message-title-box {
            line-height: 1.25;
        
            height: 181.3px;
}

        #message-title-text{
            font-size: 43px;
        }

        #message-title-text.upgrade-private {
            font-size: 41px;
        }

        .message-text-box {
            margin-top: -5px;
        
            height: 52px;
}

        #message-text{
            font-size: 18px;
        }

        .message-button {
            width: 180px;
            height: 45px;
        }

        #message-button-text{
            font-size: 27px;
            top: 5px;
        }

        #upgrade-popup-new.explorer .projector {
            height: 370px;
        }

        .projector.close {
            height: 370px;
        }

        @keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -40px;}
        }
        @-moz-keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -40px;}
        }
        @-webkit-keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -40px;}
        }
        @-o-keyframes projector-down {
            0%   {top: -400px;}    
            100% {top: -40px;}
        }

        @keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }
        @-moz-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }
        @-webkit-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }
        @-o-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 470px;}
            40%   {height: 300px;}
            65%   {height: 390px;}    
            100% {height: 370px;}
        }

        @keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }
        @-moz-keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }
        @-webkit-keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }
        @-o-keyframes close-board {
            0%   {height: 370px;}
            25%   {height: 400px;}
            100% {height: 0;}
        }

        @keyframes projector-up {
            0%   {top: -40px;}    
            100% {top: -400px;}
        }
        @-moz-keyframes projector-up {
            0%   {top: -40px;}    
            100% {top: -400px;}
        }
        @-webkit-keyframes projector-up {
            0%   {top: -40px;} 
            100% {top: -400px;}
        }
        @-o-keyframes projector-up {
            0%   {top: -40px;}    
            100% {top: -400px;}
        }
    }

    /*For mobile*/
    @media screen and (max-width: 800px) {
        #upgrade-popup-new {
            width: 300px;
            top: 0;
            margin-left: -150px;
        }

        .roller-top {
            height: 105px;
        }

        .roller-bottom {
            height: 58px;
        }

        #upgrade-close{
            width: 12px;
            height: 12px;
        }

        #message-img {
            left: 1%;
            width: 38%;
            background-size: 91px auto;
            background-position: center 39px;
        }
        
        .message-title-box {
            height: 78.4px;
        }

        #message-title-text{
            font-size: 15px;
        }

        #message-title-text.upgrade-private {
            font-size: 14px;
        }

        .message-text-box {           
            height: 22.4px;            
        }

        #message-text{
            font-size: 6.5px;
            margin-top: 3px;
        }

        .message-button {
            width: 90px;
            height: 25px;
        }

        #message-button-text{
            font-size: 12px;
            top: 5px;
        }

        #upgrade-popup-new.explorer .projector {
            height: 160px;
        }

        .projector.close {
            height: 160px;
        }
       
        @keyframes projector-down {
            0%   {top: -165px;}    
            100% {top: 0;}
        }
        @-moz-keyframes projector-down {
            0%   {top: -165px;}    
            100% {top: 0;}
        }
        @-webkit-keyframes projector-down {
            0%   {top: -165px;}    
            100% {top: 0;}
        }
        @-o-keyframes projector-down {
            0%   {top: -165px;}    
            100% {top: 0;}
        }

        @keyframes open-board {
            0%   {height: 0;}
            20%   {height: 260px;}
            40%   {height: 100px;}
            65%   {height: 200px;}    
            100% {height: 160px;}
        }
        @-moz-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 260px;}
            40%   {height: 100px;}
            65%   {height: 200px;}    
            100% {height: 160px;}
        }
        @-webkit-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 260px;}
            40%   {height: 100px;}
            65%   {height: 200px;}    
            100% {height: 160px;}
        }
        @-o-keyframes open-board {
            0%   {height: 0;}
            20%   {height: 260px;}
            40%   {height: 100px;}
            65%   {height: 200px;}    
            100% {height: 160px;}
        }

        @keyframes close-board {
            0%   {height: 160px;}
            25%   {height: 200px;}
            100% {height: 0;}
        }
        @-moz-keyframes close-board {
            0%   {height: 160px;}
            25%   {height: 200px;}
            100% {height: 0;}
        }
        @-webkit-keyframes close-board {
            0%   {height: 160px;}
            25%   {height: 200px;}
            100% {height: 0;}
        }
        @-o-keyframes close-board {
            0%   {height: 160px;}
            25%   {height: 200px;}
            100% {height: 0;}
        }

        @keyframes projector-up {
            0%   {top: 0;}    
            100% {top: -170px;}
        }
        @-moz-keyframes projector-up {
            0%   {top: 0;}    
            100% {top: -170px;}
        }
        @-webkit-keyframes projector-up {
            0%   {top: 0;}    
            100% {top: -170px;}
        }
        @-o-keyframes projector-up {
            0%   {top: 0;}    
            100% {top: -170px;}
        }
    }