/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 19, 2018, 12:57:53 PM
    Author     : Stanescu
*/

html body{
    font-family: 'Museo Sans Cyrl';
    font-weight: 600;
}

h1{
    font-weight: 700;
}
h2, h3, h4{
    font-weight: 600;
}

html body input::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1;
    font-weight: 600;
}
html body input:-moz-placeholder {/* Firefox 18- */
    color: #fff !important;
    opacity: 1;
    font-weight: 600;
}
html body input::-moz-placeholder {/* Firefox 19+ */
    color: #fff !important;
    opacity: 1;
    font-weight: 600;
}
html body input:-ms-input-placeholder {/* IE */
    color: #fff !important;
    opacity: 1;
    font-weight: 600;
}
html body input::-ms-input-placeholder {/* EDGE */
    color: #fff !important;
    opacity: 1;
    font-weight: 600;
}

html body{
    background: #3c982b;  

    background: #3c982b url('../img/npc/bg-header-2.png') no-repeat top center;
    background-size: 100% auto;  
    color: #0033a0;
}
.prizes-wheel{
    position: relative;
    max-width: 400px;
    margin: 0 auto 30px;
}

@media(min-width: 767px){
    .prizes-wheel{ 
        max-width: 600px; 
    }
}
@media(min-width: 1360px){
    .prizes-wheel{ 
        margin-left: -15%;
        margin-right: -5%;
    }
}

#wrapper{
    overflow: hidden;
}
.origin-parent{
    position: relative;
}
.origin{
    position: absolute;    
    top: 50%;
    left: 50%; 
    width: 1px;
    height: 1px;
}

/*
.origin:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%; 
    width: 3px;
    height: 3px;
    background: red;
    z-index: 100000000;
}
.circles .bg:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%; 
    width: 3px;
    height: 3px;
    background: blue;
    z-index: 100000000;
}
*/

.prizes-wheel .roata{ 
}

.circles-wrapper{
    position: absolute;    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
    overflow: hidden;
}


.circles{
    position: absolute;    
    top: 50%;
    left: 50%;
    display: block; 
    height: 1px;
    width: 1px;
    z-index: 0;    
    pointer-events: none;


    /*    -webkit-mix-blend-mode: color-burn;
        -moz-mix-blend-mode: color-burn;
        -o-mix-blend-mode: color-burn;
        -ms-mix-blend-mode: color-burn;
        mix-blend-mode: color-burn;*/

}

.circles .bg{
    position: absolute;    
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    min-height: 200%;
    min-width: 200%;
    background:  url('../img/npc/bg-fundal.png') no-repeat center center;
    /*background-size: cover;*/ 
}


/*.npc-landing .circles .bg:after,*/
.npc-recover .circles .bg:after,
.npc-sendconfirmation .circles .bg:after,
.npc-prizes .circles .bg:after,
.npc-places .circles .bg:after,
.npc-winners .circles .bg:after,
.npc-account .circles .bg:after,
.npc-register .circles .bg:after,
.npc-rules .circles .bg:after,
.npc-login .circles .bg:after{
    display: block;
    content:"";
    position: absolute;
    background:  url('../img/npc/icon-capac.png') no-repeat center center;
    background-size: contain; 
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    height: 0;
    padding-top: 11%;
    width: 11%;

    opacity: 0.4;
}


.npc-rules .circles-wrapper,
.npc-winners .circles-wrapper,
.npc-account .circles-wrapper,
.npc-places .circles-wrapper{
    position: fixed;
    min-width: inherit !important;
    min-height: inherit !important;
}
.npc-rules .circles,
.npc-winners .circles,
.npc-account .circles,
.npc-places .circles{
    top: 50% !important;
    left: 50% !important;
}
.npc-winners .circles .bg,
.npc-account .circles .bg,
.npc-places .circles .bg{
    height: 100vh !important;
    width: 100vw!important;
}



.prizes-wheel img{
    position: relative;
}

html .ripple-container{
    display: none;
}
html .header.main-site .section{
    display: none;  
}



html .header{
    padding: 0;
}

html .npc-wrapper .header-bg{

}

.npc-footer{
    /*background: url('../img/npc/bg-footer.png') no-repeat top center;*/
    background-size: 100% auto;
    padding-top: 20px;
    position: relative;
    z-index: 10;
}
.npc-footer .inner{
    background: #6ab42b;
    background: #3c982b;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow:  0 0 60px rgba(0,0,0,0.5);
}

.logo.logo-main{
    position: absolute;
    left: 15px;
    top: -10px;
    display: block;
}
.npc-header .npc-menu{
    text-align: center;
    padding-top: 60px;
    padding-right: 30px;
}
@media(max-width: 500px){
    .npc-header .npc-menu{ 
        padding-right: 70px;
        padding-left: 5px;
    }
}

.npc-menu .logo a{
    display: inline-block;
    max-width: 70%;
}
@media(max-width:1024px){
    .npc-menu .logo a{ 
        max-width: 300px;
    }
}
@media(min-width:1024px){
    html body .logo.logo-main{  
        top: 0; 
        width: 150px;
    }
    .npc-header .npc-menu{ 
        padding-top: 30px;
    }
}
@media(min-width:1024px){
    .npc-menu .logo a{ 
        max-width: 400px;
    }
}
@media(min-width:1400px){
    .npc-menu .logo a{ 
        max-width: 420px;
    }
}

.npc-wrapper{
    position: relative;
    z-index: 10;
}
.meniu{
    padding-top: 20px;
}
.meniu ul{
    padding: 0;
    font-size: 0;
}
.meniu ul li{ 
    display: inline-block;
    list-style: none;
    padding: 0 7px;
    font-size: 14px;
}


.meniu ul li a{
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0 7px;
    position: relative;
    font-weight: 600;
}
.meniu ul li a:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 3px;
    transition: all 350ms ease-in-out;
    background: rgba(255,255,255,0);
}
.meniu ul li a:before{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    height: 3px;
    transition: all 200ms ease-in-out;
    background: rgba(255,255,255,0);
}
.meniu ul li a:hover:before,
.meniu ul li a.current:before,
.meniu ul li a:hover:after,
.meniu ul li a.current:after{
    left: 0;
    right: 0;    
}
.meniu ul li a:hover:before,
.meniu ul li a.current:before{   
    background: #0033a0;
}
.meniu ul li a:hover:after,
.meniu ul li a.current:after{ 
    background: rgba(255,255,255,1);
}

.logo:hover{
    animation: shadow 1800ms infinite ease-in-out;
}

#page-wrapper .content{ 
}

.flexslider{
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    border: none;
    box-shadow: none;
}



.npc-footer .text{
    margin-top: 20px;
    color: #fff;
    font-size: 12px;
}
.npc-footer .text p{
    margin: 0;
    font-size: 12px; 
}
.sms-infoline {
    font-size: 0;
    padding-top: 20px;
}
.sms-infoline > div{
    display: inline-block;
    vertical-align: top;
}
.sms-infoline .sms{
    width: 80px;
    padding-right: 10px;
}
.sms-infoline .infoline{
    width: calc(100% - 90px);
}
.sms-infoline p{
    color: #fff;    
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}
.sms-infoline .infoline a[href^="tel:"]{
    display: block;
    color: #0033a0;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 900;
}
.sms-infoline .infoline a[href^="tel:"]:hover{
    -webkit-text-stroke: 2px #fff;
}



.sms-infoline .sms a,
.sms-infoline .sms a img{
    display: block;
    width: 100%;

    mix-blend-mode: normal;
    transition: all 300ms ease;
}
.sms-infoline .sms a:hover img{
    mix-blend-mode: hard-light;
}
.sms-infoline h3{
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}


@media(min-width: 1024px){
    .sms-infoline { 
        padding-top: 0;
    }
    .sms-infoline .sms{
        width: 120px;
        padding-right: 10px;
    }
    .sms-infoline .infoline{
        width: calc(100% - 120px);
    }
    .sms-infoline p{ 
        font-size: 14px;
    }
    .npc-footer .text p{
        font-size: 12px;
    }
    .sms-infoline .infoline a[href^="tel:"]{
        color: #0033a0;
        font-size: 32px;
    }
}




.npc-header .social{
    position: fixed;
    z-index: 30;
    top: 10px;
    right: 45px;
}

@media(max-width: 321px){
    html .lines-button{
        top: 12px; 
    }
}

@media(max-width: 361px){
    html .lines-button{
        top: 8px; 
    }
}
@media(min-width: 321px){
    .npc-header .social{ 
        top: 10px;
        right: 65px;
    }
}
@media(min-width: 1024px){
    .npc-header .social{ 
        top: 35px;
        right: 115px;
    }
}


.home .row > div { 
}
.home .cta.text{
    text-align: center;
    text-transform: uppercase;
}

.home .cta.text h1{
    color: #fff;
    font-size: 16px;
}

@media(min-width: 767px){
    .home .cta.text h1{ 
        font-size: 22px;
    }
}

.home .cta a[href^="sms:"]{
    display: inline-block;
    color: #0033a0; 
    background: rgba(255,255,255,0);
    padding: 5px 8px;
}
.home .cta a[href^="sms:"]:hover{ 
    background: #0033a0;
    color: #fff;
}

.home .cta.text h2{ 
    font-size: 18px;
}

.home .cta.text h3{ 
    color: #fff;
    font-size: 14px;
}

.landing .row > div{
    margin-top: auto;
}

.g-recaptcha{
    display: inline-block;
    max-width: 100%;
}
.g-recaptcha > div{
    max-width: 100% !important;
}

.add-code input,
.add-code input:hover,
.add-code input:focus{
    text-align: center;
    border-radius: 0;
    background: #0033a0;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    outline: none;
    border: 3px solid transparent;
}
.add-code input:hover{
    border: 3px solid #fff;
}
.add-code input:focus{
    border: 3px solid #df4626;
    background: #df4626;
}

@media(min-width: 600px){
    .add-code input,
    .add-code input:hover,
    .add-code input:focus{
        font-size: 24px; 
        line-height: 28px;
    }
}
.npc-header{
    margin-bottom: 30px;
}
.npc-header .container{
    padding-right: 0 !important;
}
.npc-landing .npc-header{
    margin-bottom: 0;
} 


.slide-text{
    padding: 10px 0 10px 10px;
    background: #aaa;
}
.slide-text .text{
    padding: 15px 15px 15px 25px; 
}
.slide-image{
    padding: 0 0 0 0; 
}
.slide-text{
    display: flex;
}
.slide-text .text{
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
    width: 100%;
}
.slide-text.play{
    background: #cb583f;
}
.slide-text.sing{
    background:#db94a0;
}
.slide-text.dance{
    background:  #da9029;
}
.slide-text.share{
    background: #a3c241;
}
.slide-text.feel{
    background: #625396;
}



.prizes-wheel .roata{
    position: relative;
    height: 0;
    padding-top: 100%;
    background: url('../img/npc/roata/background.png') no-repeat center center;
    background-size: contain;
}

.prizes-wheel .roata a{
    position: absolute;
    z-index: 10;
}
.prizes-wheel .roata a:hover{ 
    z-index: 11;
}
.prizes-wheel .roata:hover a img{
    /*mix-blend-mode: screen;*/
}
.prizes-wheel .roata a img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*mix-blend-mode: normal;*/
    transition: all 300ms ease;
    filter: drop-shadow( 0 0 0 rgba(0,0,0,0));
}
.prizes-wheel .roata:hover a img:hover{
    /*mix-blend-mode: normal;*/
    filter: drop-shadow( 0 0 10px rgba(0,0,0,0.5));
}

.prizes-wheel .roata a.sms{
    top: 50%;
    left: 50%;
    width: 20%;
    height: 20%;

    transform: translate(-50%, -50%);
    z-index: 30;
}
.prizes-wheel .roata a.case{
    top:0;
    left:0;
    width: 50%;
    height: 50%;
}
.prizes-wheel .roata a.masini{
    bottom: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
}
.prizes-wheel .roata a.excursii{
    top: 51%;
    bottom: 18%;
    width: 56%;
    left: 54%;
}
.prizes-wheel .roata a.bere{
    top: 61%;
    left: 50%; 
    width: 32%;
    height: 38%; 
}
.prizes-wheel .roata a.inscrie{
    top: 70%;
    left: 25%;
    width: 20%;
    height: 20%;
}
.prizes-wheel .roata a.boxe{
    top: 51%;
    right: 66%;
    width: 36%;
    height: 26%;
}


.add-code{
    max-width: 500px;
    margin: 0 auto;
}


.capace img{
    width: 600px;
}


.radio-label{
    display: inline-block;
}

html body .formular-de-inscriere .radio input + span{
    border: none;
    margin: 0 4px 0 0;
}
html body .formular-de-inscriere .radio input:checked + span{
    background: #0033a0;
}


.formular-de-inscriere-wrapper{
    /*max-width: 820px;*/
    margin: 0 auto;
}

.formular-de-inscriere-wrapper h2,
.formular-de-inscriere-wrapper-2 h2{ 
    color: #fff;
    font-size: 18px; 
    margin-bottom: 20px;
    font-weight: 600;
}

html body .formular-de-inscriere-wrapper .date label{
    width: 240px;
}
html body .formular-de-inscriere-wrapper label,
.formular-de-inscriere-wrapper .form-group input[type="text"],
.formular-de-inscriere-wrapper .form-group input[type="email"],
.formular-de-inscriere-wrapper .form-group input[type="password"],
.formular-de-inscriere-wrapper .form-group select{
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 24px;
    font-size: 14px;
}


html body .formular-de-inscriere-wrapper .radio label{
    padding: 0;
}

html body .formular-de-inscriere-wrapper .gdpr-message{
    color: #fff;
    text-align: right;
    font-weight: 600;
    font-size: 12px;
}

.formular-de-inscriere-wrapper .input-wrapper{
    padding-bottom: 3px;
    border-bottom: 2px solid #fff;
    margin-bottom: 7px;

    
    position: relative;
}
.formular-de-inscriere-wrapper .input-wrapper.gdpr{
    padding-right: 42px;
}

.formular-de-inscriere-wrapper .input-wrapper a.gdpr-message{
    position: absolute;
    top: -7px;
    right: 0;
    color: #fff;
    font-size: 28px; 
    border-radius: 100%; 
    width: 36px;
    text-align: center;
    line-height: 42px;
}
.gdpr-attention{
    animation: pulse 3000ms infinite ease-in-out;
}

@keyframes pulse {
    0% { 
        color: #fff;  
        -webkit-text-stroke: 1px #0033a0;
    } 
    50% { 
        color: #0033a0;  
        /*-webkit-text-stroke: 1px #fff;*/
    }
    100% { 
        color: #fff;  
        -webkit-text-stroke: 1px #0033a0;
    }
}

html body .formular-de-inscriere-wrapper label{
    text-transform: uppercase;
    display: block;
    padding-left: 0px;
    padding-right: 0px; 
    margin: 0;
}
.formular-de-inscriere-wrapper .form-group input[type="text"],
.formular-de-inscriere-wrapper .form-group input[type="email"],
.formular-de-inscriere-wrapper .form-group input[type="password"],
.formular-de-inscriere-wrapper .form-group select{
    border: none;
    border-radius: 0;
    background: rgba(255,255,255,0.3);
    color: #fff;  
    display: inline-block;
    width: 100%; 
}
.formular-de-inscriere-wrapper .form-group input:focus{
    background: rgba(0,0,0,0.3);
}


@media(min-width: 600px){
    html body .formular-de-inscriere-wrapper label{
        display: inline-block;
        width: 144px;
        cursor: pointer;
    }
    html body .formular-de-inscriere-wrapper .radio-row label{
        width: 100%;
    }
    .formular-de-inscriere-wrapper .form-group input[type="text"],
    .formular-de-inscriere-wrapper .form-group input[type="email"],
    .formular-de-inscriere-wrapper .form-group input[type="password"],
    .formular-de-inscriere-wrapper .form-group select{ 
        display: inline-block;
        width: calc(100% - 145px);
        float: right;
    }

}


.formular-de-inscriere .radio{
    margin: 0;
}
.formular-de-inscriere .form-group{
    margin: 5px 0;
}

.formular-de-inscriere .form-group.date{
    margin: 3px 0;
}

.formular-de-inscriere-wrapper .date select{ 
    width: auto; 
    float: none;
    height: 30px !important
}



.formular-de-inscriere-wrapper .date select{ 

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url("../img/npc/select-arrow-white.png");
    background-repeat: no-repeat;
    background-position: 98.5% center !important;
    background-position: calc(100% - 10px) center !important;
    background-size: 8px;
    cursor: pointer;
    padding-right: 24px;

    font-weight: 600;
}


.formular-de-inscriere-wrapper .date select option{
    color: #000;
    font-family: 'Museo Sans Cyrl';
    font-weight: 600;
}

/* IE is junk*/

@media all and (-ms-high-contrast:none){

    .formular-de-inscriere-wrapper .date select { background-image:none; padding: 5px !important; font-size: 13px; } /* IE10 */

    *::-ms-backdrop, .formular-de-inscriere-wrapper .date select { background-image:none; padding: 5px !important; font-size: 13px; } /* IE11 */
}

/* IE is junk*/



.imageWrapper a{
    display: block;
    position: relative;
}

.imageWrapper a img{
    width: 100%;
}


.imageWrapper a .text-wrapper{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;    
    overflow: hidden;
    background: rgba(0, 51, 161, 0.45);
    border-radius: 100%; 
    width: 0;
    height: 0;
    transform: translate(-50%,-50%) scale(1) rotateY(180deg);
    transition: all 300ms ease; 
    display: none;
}

@media(min-width: 520px){
    .imageWrapper a .text-wrapper{
        display: block;
    }
}

.imageWrapper a:hover .text-wrapper,
.flex-active-slide .imageWrapper a .text-wrapper{
    width: 100%;
    height: 100%;    
    transform: translate(-50%,-50%) scale(1) rotateY(0deg);
}

.flex-active-slide .imageWrapper a .text-wrapper{
    background: rgba(0, 51, 161, 0.74);
}

.imageWrapper.house a:hover .text-wrapper,
.flex-active-slide .imageWrapper.house a .text-wrapper{
    background: #cb583f;
    background: rgba(203, 88, 63, 0.75);
}
.imageWrapper.car a:hover .text-wrapper,
.flex-active-slide .imageWrapper.car a .text-wrapper{
    background: #da9029;
    background: rgba(218, 144, 41, 0.75);
}
.imageWrapper.excursion a:hover .text-wrapper,
.flex-active-slide .imageWrapper.excursion a .text-wrapper{
    background: #db94a0;
    background: rgba(219, 148, 160, 0.75);
}
.imageWrapper.phone a:hover .text-wrapper,
.flex-active-slide .imageWrapper.phone a .text-wrapper{
    background: #a3c241;
    background: rgba(163, 194, 65, 0.75);
}
.imageWrapper.beer a:hover .text-wrapper,
.flex-active-slide .imageWrapper.beer a .text-wrapper{
    background: #625396;
    background: rgba(98, 83, 150, 0.75);
}

.imageWrapper a .text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0) rotateY(0deg);
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 12px;
    line-height: 14px;    
    transition: all 500ms ease;
    opacity: 0;
    font-weight: 600;
    width: 90%;
    /*height: 100%;*/
}

@media(min-width: 1024px){
    .imageWrapper a .text{
        font-size: 14px;
        line-height: 16px;
    }
}
.imageWrapper a:hover .text-wrapper .text,
.flex-active-slide .imageWrapper a .text-wrapper .text{
    transform: translate(-50%,-50%) scale(1) rotateY(360deg);
    opacity: 1;
}

.slide-wrapper h2{
    color: #fff;
    font-size: 16px;
    line-height: 18px;
}
.slide-wrapper h3{
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    font-weight: 600;
}
.slide-wrapper p{
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
}

@media(min-width: 992px){
    .slide-wrapper h2{
        font-size: 20px;
        line-height: 24px;
    }
    .slide-wrapper h3{
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-wrapper p{
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
    }
}


.slide-wrapper .hash{
    color: #0033a0;
    font-weight: 900;
}

.carousel .flex-direction-nav{
    display: none;
}

.landing .disclaimer p {
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}

.landing .cta.text{
    text-align: center;
}

.landing .cta.text h1{
    color: #0033a0;
    font-size: 18px;
}
.landing .cta.text h2{
    color: #fff;    
    font-size: 14px;
}

.landing .cta.text h3{
    color: #0033a0;
    font-size: 14px;
    margin-bottom: 20px;
}

label{
    cursor: pointer;
}

html body .btn-primary, 
html body .btn-primary:hover, 
html body .btn-primary:focus{
    font-size: 24px;
    line-height: 28px;
    border-radius: 10px;
    background: #0033a0;
}
html body .btn-primary.small:hover, 
html body .btn-primary.small:focus{
    font-size: 18px;
    line-height: 18px; 
}

.full-width{
    width: 100%;
}

.flexslider.slider{
    margin-bottom: 20px;
}

.perioda .row .col{
    padding: 0 5px;
}

.perioda p{
    color: #fff;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
}
.perioda h3{
    color: #0033a0; 
    font-size: 14px;
    margin: 0;
}

.searchContainer{
    width: 600px;
    max-width: 100%;
    margin: 0 auto 20px;
    font-size: 0;
}
.searchContainer input,
.searchContainer select{
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    margin: 10px 0;
    display: inline-block; 
    border: none;
    border-bottom: 2px solid #fff;
    font-weight: 600;
    color: #fff;
    background: rgba(0, 51, 161, 0.75); 
}
#centre{
    padding-left: 20px;
}
#centre li{
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
}


.slider .flex-direction-nav .flex-prev{
    left: 0;
    margin-left: -17px;
}
.slider .flex-direction-nav .flex-next{
    right: 0;    
    margin-right: -17px;
}
.slider .flex-direction-nav a:hover{
    background: #fff;
}
.slider .flex-direction-nav a{
    text-align: center;
    opacity: 0.7;
    color: #0033a0;
    border: 2px solid #0033a0;
    background: rgba(255,255,255,0.5); 

    width: 34px;
    height: 60px;
    line-height: 60px;
    margin-top: -20px;
}
.slider .flex-direction-nav a:before{
    line-height: 38px;
    font-size: 16px;
}

.slider:hover .flex-direction-nav a{
    opacity: 1;

}

@media(max-width: 767px){
    .npc-prizes .sticla img{
        width: 40%;
        display: block;
        max-width: 220px;
        margin: 0 auto;
    }
}


.caps{
    display: inline-block;
    width: 700px;
    max-width: 80%;
    font-size: 0;
    position: relative;
}

.capace{

}
.caps img{ 
    width: 20%;
    position: relative;
    z-index: 10;  


}
.caps img:nth-child(1){
    animation: vibrate 3000ms infinite ease;
}
.caps img:nth-child(2){
    animation: vibrate 3500ms infinite ease;
}
.caps img:nth-child(3){
    animation: vibrate 4000ms infinite ease;
}
.caps img:nth-child(4){
    animation: vibrate 4500ms infinite ease;
}
.caps img:nth-child(5){
    animation: vibrate 5000ms infinite ease;
}



@keyframes vibrate {
    0% {
        transform: rotate(0deg); 
        filter: drop-shadow( 0 0 5px rgba(0,0,0,0.5));
    } 
    50% {
        transform: rotate(15deg);
        filter: drop-shadow( 0 0 5px rgba(255,255,255,0.75));
    }
    100% {
        transform: rotate(0deg); 
        filter: drop-shadow( 0 0 5px rgba(0,0,0,0.5));
    }
}



.animated-prizes > div{
    padding: 0;
}
.animated-prize{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
}

.animated-prize.house{
    background: #E84B38;
}
.animated-prize.car{
    background: #F28B00; 
}
.animated-prize.house img{  
    animation: animated-prize 5000ms infinite ease;
}
.animated-prize.car img{  
    animation: animated-prize2 5000ms infinite ease;
}

.animated-prize img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}

@keyframes animated-prize {
    0% {
        transform: translate(-50%, -50%) rotate(-5deg) scale(0.85); 
        filter: drop-shadow( 0 0 5px rgba(0,0,0,0.5));
        mix-blend-mode: hard-light;
    } 
    50% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
        filter: drop-shadow( 0 0 5px rgba(255,255,255,0.75));
        mix-blend-mode: normal;
    }
    100% {
        transform: translate(-50%, -50%) rotate(5deg) scale(0.85); 
        filter: drop-shadow( 0 0 5px rgba(0,0,0,0.5));
        mix-blend-mode: hard-light;
    }
}
@keyframes animated-prize2 {
    0% {
        transform: translate(-50%, -50%) rotate(5deg) scale(0.85); 
        filter: drop-shadow( 0 0 5px rgba(0,0,0,0.5));
        mix-blend-mode: hard-light;
    } 
    50% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
        filter: drop-shadow( 0 0 5px rgba(255,255,255,0.75));
        mix-blend-mode: normal;
    }
    100% {
        transform: translate(-50%, -50%) rotate(-5deg) scale(0.85); 
        filter: drop-shadow( 0 0 5px rgba(0,0,0,0.5));
        mix-blend-mode: hard-light;
    }
}


.landing-prizes{ 
}
.landing-prizes img{
    max-width: 600px;
    margin: 0 auto;
}


.sticle img{
    display: block;
    margin: 0 auto;
    max-width: 240px;

}


.landing .order-2{
    padding: 0;
}

@media(max-width: 767px){
    .landing-prizes img{
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
}


.cumParticipi h1{
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}


.cumParticipi h2{ 
    color: #fff; 
    font-size: 16px;
}
.cumParticipi h3{ 
    color: #fff; 
    font-size: 14px;
}
.cumParticipi p{ 
    color: #fff; 
    font-size: 14px;
}

.cumParticipi a{
    color: #0033a0;
    display: inline-block;
}
.cumParticipi a:hover{
    text-decoration: underline;
}

@media(min-width: 767px){
    .cumParticipi h1{ 
        font-size: 26px;
    }
    .cumParticipi h2{
        font-size: 22px;
    }
    .cumParticipi h3{
        font-size: 18px;
    }
}



html .attention p{
    font-weight: 900;
    font-size: 24px;
    line-height: 26px;
    color: #0033a0;
    -webkit-text-stroke: 2px #fff;
    animation: attention 1500ms infinite ease-in-out;
    text-transform: uppercase;
}


@keyframes attention {
    0% { 
        color: #0033a0; 
    } 
    50% { 
        color: #e84b38; 
    }
    100% { 
        color: #0033a0; 
    }
}

.mecanicaVizuala p{
    color: #fff;
    font-weight: 600;
}
.mecanicaVizuala p a{
    color: #0033a0;
}

.thumbs{
    font-size: 0;
}
.thumbs a{
    display: inline-block;
    width: 25%;
} 
.thumbs a img{
    display: block;
    width: 100%;
    transition: all ease 300ms;
}
.thumbs:hover a img{
    opacity: 0.50;
}
.thumbs:hover a:hover img{
    opacity: 1;
}


.play .thumbs a {
    background: #cb583f;
}

.dance .thumbs a{
    width: 50%;
    background: #da9029;
}


.sing .thumbs{ 
    background: #db94a0;
}
.sing .thumbs a{
    width: 33.333333333%;
    background: #db94a0;
    position: relative; 
    overflow: hidden;
    transition: all 100ms ease;
    max-height: 140px;
}

@media(min-width: 1024px){
    .sing .thumbs a img{
        margin-top: -30%;
    }
}

.sing .thumbs a:before{
    display: block;
    content:"";
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    transition: all 300ms ease;
}
.sing .thumbs a:hover:before{ 
    background: rgba(0,0,0,0); 
}

.sing .thumbs a img{
    display: block; 
    width: 100%; 
    z-index: 10;
}


.sing .thumbs a .text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    color: #fff;
    font-size: 16px; 
    text-align: center;
    text-transform: uppercase; 
    transition: all ease 300ms;
    text-shadow: 0 0 5px rgba(0,0,0,1);
    z-index: 12;
    white-space: nowrap;
}


.sing .thumbs a:hover .text{
    width: auto;
    max-width: 100%;
    padding: 5px 5px;
    background: rgba(0,0,0,0.75); 
}
.sing .thumbs a:hover .text span{ 
    display: inline;
    font-size: 14px;
}

.sing .thumbs a .text span{
    display: inline-block;
    line-height: 28px;
}




.share .thumbs a{
    background: #a3c241;
    width: 50%;
}

.feel .slide-image{
    background: #625396 url('../img/npc/bg-fundal.png') no-repeat center center;
    background-size: cover;
}
.feel .slide-image img{
    max-width: 420px;
    margin: 0 auto;
}




.prizes .disclaimer,
.participate .disclaimer p{
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-transform: inherit;
    margin: 5px 0;
}

.participate .disclaimer p{
    font-weight: 600;
}



.places h3{
    max-width: 700px;
    margin: 10px auto 30px;
    color: #fff;
    font-size: 18px;
}
.places h3 a{
    color: #0033a0;
}


.extragere{
    padding-top: 15px;
}
.extragere h3{
    font-size: 18px;
    text-transform: uppercase;
    color: #0033a0;
    padding-top: 3px;
}
.extragere h4{
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}
.extragere h4+p{
    margin:  0 0 10px 0;
}
.extragere p{
    font-size: 12px; 
    color: #fff;
    margin: 0; 
}
.extragere h3{
    padding: 7px 5px;
}
.extragere h4,
.extragere p{
    padding: 5px;
    border-top: 1px solid #fff;
}


.extragere > div {
    background: rgba(255,255,255,0.2);
}

.extragere div .row .col:nth-child(2){
    text-align: right;
}
.extragere div .row:nth-child(2n){   
    background: rgba(255,255,255,0.2);
}

.flexslider .slides{
    overflow: hidden;
}

.data-table-container thead,
.data-table-container tfoot{
    background: rgba(255,255,255,0.5);
}

.data-table-container table{
    font-weight: 600;
}

.data-table-container label,
.data-table-container #winners_info{
    font-size: 16px;
    color: #FFF;
    font-weight: 600;
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    color: #fff !important;
    font-weight: 600;
}

table.dataTable tbody th, 
table.dataTable tbody td{
    padding: 5px;
}
table.dataTable.stripe tbody tr.odd, 
table.dataTable.display tbody tr.odd{
    background: rgba(255,255,255,0.3);
}
table.dataTable.display tbody tr.odd > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background: rgba(255,255,255,0.3);
}


table.dataTable.stripe tbody tr.even, 
table.dataTable.display tbody tr.even{
    background: rgba(200,200,200,0.3);
}
table.dataTable.display tbody tr.even > .sorting_1, 
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: rgba(200,200,200,0.6);
}


.npc-login .formular-de-inscriere,
.npc-sendconfirmation .formular-de-inscriere,
.npc-recover .formular-de-inscriere{
    max-width: 600px;
    margin: 0 auto;
}


.regulament a{
    color: #fff;
    text-decoration: underline;
}

.regulament a:hover{
    color: #0033a0;
    text-decoration: underline;
}


@media(min-width: 1360px){
    #page-wrapper{
        padding: 0 !important;
    }
}


.fancybox-skin{
    padding: 3px !important;
}

.fancybox-nav span{
    visibility: inherit;
    top: auto;
    bottom: -20px;
    margin: 0;
}

.fancybox-next span{
    right: -20px;
}
.fancybox-prev span{
    left: -20px;
}


.fancybox-title-float-wrap{
    margin-bottom: 10px;
}
.fancybox-title-float-wrap .child{
    color: red;
}
.radio-row .radio-col-text{
    margin-top: auto;
    margin-bottom: auto;
}

@media(min-width: 992px){
    .radio-row .radio-col-text{
        flex: 0 0 calc(100% - 160px);
        max-width: calc(100% - 160px);
    }
    .radio-row .radio-col-inputs{
        max-width: 160px;
    }
}


.form-newsletter h3{
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}
.form-newsletter .clearfix{
    border: 2px solid #0033a0;
}
.form-newsletter input,
.form-newsletter button.btn.small,
.form-newsletter button.btn.small:hover{
    font-size: 14px;
    padding: 5px 0;
    line-height: 24px;
}
.form-newsletter input{
    float: left;
    display: block;
    width: calc(100% - 150px);
    border: none;
}
.form-newsletter input{
    padding-left: 10px;
    padding-right: 10px;
}

html body .form-newsletter{
    margin: 30px 0;
    text-align: center;
}
html body .npc-footer .form-newsletter{
    margin: 0;
    text-align: left;
}

html body .form-newsletter input::-webkit-input-placeholder {
    color: #0033a0 !important; 
}
html body .form-newsletter input:-moz-placeholder {/* Firefox 18- */
    color: #0033a0 !important; 
}
html body .form-newsletter input::-moz-placeholder {/* Firefox 19+ */
    color: #0033a0 !important; 
}
html body .form-newsletter input:-ms-input-placeholder {/* IE */
    color: #0033a0 !important; 
}
html body .form-newsletter input::-ms-input-placeholder {/* EDGE */
    color: #0033a0 !important; 
}


.form-newsletter button.btn.small{
    float: left;
    width: 110px; 
    border-radius: 0;
}
.form-newsletter a.gdpr-message{
    display: block;
    float: left;
    width: 40px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    background: #fff;
    
    animation: gdpr 3000ms infinite ease-in-out;
}

@keyframes gdpr {
    0% { 
        color: red;   
    } 
    50% { 
        color: #0033a0;   
    }
    100% { 
        color: red;   
    }
}


.form-newsletter a.text-url{
    font-size: 12px; 
    font-weight: 300;
} 

.error-message{
    color: #811a0d;
}

.regulament h1{
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}


.regulament-text{
    background: rgba(255, 255, 255, 0.3);
    padding: 15px;
    word-wrap: break-word;
}
@media(min-width: 992px){
    .regulament-text{
        padding: 30px;
    }
}

.regulament-text td p{
    margin: 5px 0;
}

table.dataTable thead th, 
table.dataTable thead td,
table.dataTable tfoot th, 
table.dataTable tfoot td{
    padding: 5px;
}