@font-face {
    font-family: "Shadow Regular";
    src: url(./fonts/shadow_regular.ttf);
}
body {
    height: 100%;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}
.popup-visible
{
    position:fixed;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    z-index:9999;
    display:none;
}
.popupbox
{
    width:100%;
    max-width:621px;
    top:30px;
    left:0px;
    right:0px;
    position: fixed;
    margin:0 auto;
    z-index: 99999;
    max-height: 500px;
}
.popupbox #close
{
    margin-top: 20px;
    float: right;
    position: absolute;
    right: 20px;
}
.popupbox #close:hover
{
    cursor:pointer;
}
.popupbox .content
{
    max-height:550px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    padding:0px 20px 20px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.popupbox::-webkit-scrollbar {
    margin-right:10px;
}
.popupbox .content h1
{
    text-align: center;
    color:#f6782c;
    font-size:20px;
    margin-top:45px;
    margin-bottom:35px;
    text-transform: uppercase;
    font-weight: 600;
}
.popup-footer
{

}
.menu
{
    position:absolute;
    height:40px;
    width:99%;
    z-index:9999;
    padding-top:20px;
}
.menu a
{
    color:#fff;
    font-size:15px;
    font-weight: 600;
}
.menu a:hover
{
    text-decoration: none;
    border-bottom: 1px #fff dashed;
}
#slide0
{
    width:100%;
    height:100%;
    background:url(img/bg_orange.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0%;
    position:absolute;
}
.open0 + #slide1
{
    margin-left:100% !Important;
}
#slide1
{
    width:100%;
    height:100%;
    background:url(img/bg_blue.jpg) no-repeat;
    /*background:url(img/fon99.png) no-repeat;*/
    background-size: cover;
    background-position: 50% 0%;
    background-attachment: fixed;
    margin-left:50%;
    position:absolute;
    transition: 1s all ease-in-out;
}
.subpage #slide1 {
	height: none !Important;
}
/* animations */
.slide0animations:hover + #slide1
{
    margin-left:52%;
}
.slide1animations:hover
{
    margin-left:48% !Important;
}
.open1
{
    margin-left:0% !Important;
}
.open1 .content-box,.open0 .content-box
{
    width:100%;
}
.slide0animations:hover > .content-box
{
    width:52%;
}
.slide1animations:hover > .content-box
{
    width:52%;
}
#slide3
{
    position:fixed;
    width:100%;
    height:100%;
    /*background: rgba(0,0,0,0.8);*/
    background: rgba(225,129,27,0.6);
    top:100%;
    transition: 1s all ease-in-out;
}
.slide3-display
{
    opacity:1;
    top:0% !Important;
    overflow-y: scroll;
}
.card-select-text
{
    color:#fff;
    margin-top:-145px;
    margin-bottom:90px;
}
.get-card .title
{
    color:#fff;
    margin-top:10px;
    margin-left:90px;
    font-size:15px;
}
.get-card:hover
{
    cursor:pointer;
}
.logos
{
    margin-top:50px;
}
#cardid
{
    z-index:9999;
    position:absolute;
    margin-top:-150px;
    margin-left:-100px;
    border:1px #ccc solid;
    border-radius:5px;
    font-size:18px;
    padding:5px;
}
.content-box-full
{
    width:100%;
    margin-top:5%;
}
.content-box
{
    width:50%;
    margin-top:17%;
    text-align: center;
    transition: 1s all ease-in-out;
}
.ititle
{
    text-align: center;
    font-family: "Shadow Regular";
    font-weight: bold;
    color:#7d8a99;
    letter-spacing: 6px;
    transition: 1s all ease-in-out;
}
h1
{
   font-size:6em;
    text-shadow:
    -0   -4px 0   #FFFFFF,
    0   -4px 0   #FFFFFF,
    -0    4px 0   #FFFFFF,
    0    4px 0   #FFFFFF,
    -4px -0   0   #FFFFFF,
    4px -0   0   #FFFFFF,
    -4px  0   0   #FFFFFF,
    4px  0   0   #FFFFFF,
    -1px -4px 0   #FFFFFF,
    1px -4px 0   #FFFFFF,
    -1px  4px 0   #FFFFFF,
    1px  4px 0   #FFFFFF,
    -4px -1px 0   #FFFFFF,
    4px -1px 0   #FFFFFF,
    -4px  1px 0   #FFFFFF,
    4px  1px 0   #FFFFFF,
    -2px -4px 0   #FFFFFF,
    2px -4px 0   #FFFFFF,
    -2px  4px 0   #FFFFFF,
    2px  4px 0   #FFFFFF,
    -4px -2px 0   #FFFFFF,
    4px -2px 0   #FFFFFF,
    -4px  2px 0   #FFFFFF,
    4px  2px 0   #FFFFFF,
    -3px -4px 0   #FFFFFF,
    3px -4px 0   #FFFFFF,
    -3px  4px 0   #FFFFFF,
    3px  4px 0   #FFFFFF,
    -4px -3px 0   #FFFFFF,
    4px -3px 0   #FFFFFF,
    -4px  3px 0   #FFFFFF,
    4px  3px 0   #FFFFFF,
    -4px -4px 0   #FFFFFF,
    4px -4px 0   #FFFFFF,
    -4px  4px 0   #FFFFFF,
    4px  4px 0   #FFFFFF,
    -4px -4px 0   #FFFFFF,
    4px -4px 0   #FFFFFF,
    -4px  4px 0   #FFFFFF,
    4px  4px 0   #FFFFFF;
}
h2
{
    font-size:3em;
    text-shadow:
    -0   -4px 0   #FFFFFF,
    0   -4px 0   #FFFFFF,
    -0    4px 0   #FFFFFF,
    0    4px 0   #FFFFFF,
    -4px -0   0   #FFFFFF,
    4px -0   0   #FFFFFF,
    -4px  0   0   #FFFFFF,
    4px  0   0   #FFFFFF,
    -1px -4px 0   #FFFFFF,
    1px -4px 0   #FFFFFF,
    -1px  4px 0   #FFFFFF,
    1px  4px 0   #FFFFFF,
    -4px -1px 0   #FFFFFF,
    4px -1px 0   #FFFFFF,
    -4px  1px 0   #FFFFFF,
    4px  1px 0   #FFFFFF,
    -4px -4px 0   #FFFFFF,
    4px -4px 0   #FFFFFF,
    -4px  4px 0   #FFFFFF,
    4px  4px 0   #FFFFFF,
    -4px -4px 0   #FFFFFF,
    4px -4px 0   #FFFFFF,
    -4px  4px 0   #FFFFFF,
    4px  4px 0   #FFFFFF;
}
h3
{
    text-shadow:
    -0   -2px 0   #FFFFFF,
    0   -2px 0   #FFFFFF,
    -0    2px 0   #FFFFFF,
    0    2px 0   #FFFFFF,
    -2px -0   0   #FFFFFF,
    2px -0   0   #FFFFFF,
    -2px  0   0   #FFFFFF,
    2px  0   0   #FFFFFF,
    -1px -2px 0   #FFFFFF,
    1px -2px 0   #FFFFFF,
    -1px  2px 0   #FFFFFF,
    1px  2px 0   #FFFFFF,
    -2px -1px 0   #FFFFFF,
    2px -1px 0   #FFFFFF,
    -2px  1px 0   #FFFFFF,
    2px  1px 0   #FFFFFF,
    -2px -2px 0   #FFFFFF,
    2px -2px 0   #FFFFFF,
    -2px  2px 0   #FFFFFF,
    2px  2px 0   #FFFFFF,
    -2px -2px 0   #FFFFFF,
    2px -2px 0   #FFFFFF,
    -2px  2px 0   #FFFFFF,
    2px  2px 0   #FFFFFF;
    font-size:1.5em;
}
.ibutton
{
    font-family: "Shadow Regular";
    border-radius:8px;
    border:5px #fff solid;
    color:#fff;
    padding:12px 12px 10px 12px;
    font-size:20px;
}
.ibutton:hover
{
    text-decoration: none;
}
.btn-green
{
    background:#a6cc47;
}
.btn-used
{
    position:absolute;
    margin-top:-110px !Important;
    margin-left:-60px;
    background:#a6cc47;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.btn-used:hover
{
    text-decoration: none;
    color:#fff;
    cursor:default;
}
.btn-get-container
{
    right:0;
    float:right;
    margin-top:-140px;
    margin-right:10%;
    display:none;
}
.btn-get-container img
{
    height:80px;
    position:absolute;
    margin-top:-65px;
    margin-left:75px;
    z-index:-1;
}
.btn-close-frame
{
    margin-top:40px;
}
.how-works
{
    position:absolute;
    background:url(img/how_works_bg.png) no-repeat center;
    background-size:cover;
    top:20%;
    width:100%;
    height:100%;
    padding-top:100px;
    transition: 1s all ease-in-out;
    top:100%;
    opacity:0.5;
}
.card
{
    max-height: 261px;
}
.how-works-display
{
    display:block !Important;
    top:20%;
    opacity:1;
}
.img-responsive-center
{
    margin:0 auto;
}
.how-works .img-desc
{
    margin:0 auto;
    width:auto;
}
.close-btn
{
    margin-right:15%;
}
.footer
{
    position:absolute;
    width:100%;
    bottom:5%;
    text-align: center;
}
/* page birthday */
.eventp0
{
    overflow-y:scroll !Important;
    background-color:#EA3E3A;
    background-attachment: scroll;
}
.eventp1
{
    overflow-y:scroll !Important;
    background-color:#fbc002;
    background-attachment: scroll;
}
.eventm
{
    width:100%;
    text-align: center;
    margin-top:-15px;
}
.cuppons img
{
    height: 250px;
}
.cuppons .col-md-4
{
    margin-top:20px;
}
.eventm img
{
    margin-top:-30px;
    max-height: 80px;
    border-radius: 160px;
}
.event-text
{
    display:inline-block;
    color:#fff;
    padding-top:50px;
}
.eventm-footer
{
    background:#fff;
    width:100%;
    transition: 1s all ease-in-out;
    z-index:1;
    margin-top:9%;
    padding-bottom:90px;
    bottom: 0;
}
.eventm-footer .text
{
    margin-top:-30px;
}
.footer-eventm
{
    margin-top:40px;
}
.footer-eventm .event-text
{
    color:#000;
}
.phone
{
    margin-top:40px;
    color:#abb822;
}
.cadouri
{
    x-index:9999;
}
/* promotii-curente */
.promotii-curente .col-md-3
{
    margin-top:50px;
}
.used img
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.popup-l-img
{
    width: 235px;
    border-radius: 10px;
}
#error
{
    margin-top:10px;
    font-size:17px;
    color:#f00;
}
.cuppon:hover
{
    cursor: pointer;
}
.home-icon
{
    margin-top:-5px;
    margin-right:15px;
}
.local img {
    max-height:99px;
}
@media (min-width: 900px) {
    .logos .col-md-2
    {
        width:14.285714286%;
    }
}
@media (max-width: 900px) {
    body
    {
        overflow-y: scroll;
    }
    .logos .col-xs-4
    {
        height:120px;
    }
    #slide0
    {
        width:100%;
        height:300px;
        background:url(img/bg_orange.jpg) no-repeat;
        background-position: 50% 0%;
        background-attachment: scroll;
        position:static;
        padding-top:50px;
    }
    #slide1
    {
        width:100%;
        height:300px;
        background:url(img/bg_blue.jpg) no-repeat;
        background-position: 50% 0%;
        background-attachment: scroll;
        margin-left:0px;
        position:static;
        transition: 1s all ease-in-out;
        padding-top:50px;
    }
    h1
    {
        font-size:2.2em;
    }
    .slide0animations:hover + #slide1
    {
        margin-left:0%;
    }
    .slide1animations:hover
    {
        margin-left:0% !Important;
    }
    .slide0animations:hover > .content-box,.slide1animations:hover > .content-box
    {
        width:100%;
    }
    .open0 + #slide1
    {
        margin-left:0% !Important;
    }
    .content-box
    {
        margin-top:0px;
        width:100%;
    }
    .menu
    {
        padding-top:10px;
    }
    .how-works, .footer
    {
        display:none;
    }
    .btn-get-container {
        right: 0;
        margin-top: 55px;
        display: none;
        width: 80%;
        text-align: center;
    }
}