@font-face {
    font-family: 'Myriad Bold';
    src: url('../fonts/MyriadPro-BoldCond.eot');
    src: url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-BoldCond.woff2') format('woff2'),
        url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
        url('../fonts/MyriadPro-BoldCond.ttf') format('truetype'),
        url('../fonts/MyriadPro-BoldCond.svg#MyriadPro-BoldCond') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'JohnHancockCP';
  
    src: url('/fonts/JohnHancockCP.otf') format('opentype');
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Cond.eot');
    src: url('../fonts/MyriadPro-Cond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Cond.woff2') format('woff2'),
        url('../fonts/MyriadPro-Cond.woff') format('woff'),
        url('../fonts/MyriadPro-Cond.ttf') format('truetype'),
        url('../fonts/MyriadPro-Cond.svg#MyriadPro-Cond') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
    display: table;
}
.only-mobile-initial,
.only-mobile-flex,
.only-mobile-block{
    display:none!important;
}
.roboto-condensend{
    font-family: 'Roboto Condensed', sans-serif;
}

.roboto{
    font-family: 'Roboto', sans-serif;
}

.myriad{
    font-family: 'Myriad Pro';
}
.myriad-bold{
    font-family: 'Myriad Bold';
}

section h2{
    font-family: 'Roboto Condensed', sans-serif;
}

.fs-20{
    font-size: 20px;
}
.fs-21{
    font-size: 21px;
}
.fs-34{
    font-size: 34px;
}
.fs-45{
    font-size: 45px;
}
.fs-55{
    font-size: 55px;
}
.fs-60{
    font-size: 60px;
}
.pl-05{
    padding-left: 5px!important;
}
.pr-05{
    padding-right: 5px!important;
}
.pl-c05{
    padding-left: 5%!important;
}
.pr-c05{
    padding-right: 5%!important;
}
.pl-10{
    padding-left:10px!important;
}
.pr-10{
    padding-right: 10px!important;
}
.px-c05{
    padding-left: 5%!important;
    padding-right: 5%!important;
}
.px-c10{
    padding-left: 10%!important;
    padding-right: 10%!important;
}
.px-c07h{
    padding-left: 7.5%!important;
    padding-right: 7.5%!important;
}
.px-c12h{
    padding-left: 16%!important;
    padding-right: 16%!important;
}
.px-c16{
    padding-left: 12.5%!important;
    padding-right: 12.5%!important;
}
.px-c35{
    padding-left: 35%!important;
    padding-right: 35%!important;
}
.px-45{
    padding-left: 45px;
    padding-right: 45px;
}
.px-20{
    padding-left: 20px!important;
    padding-right:20px!important;
}
.px-40{
    padding-left: 40px!important;
    padding-right:40px!important;
}
.px-100{
    padding-left: 100px!important;
    padding-right:100px!important;
}
.px-150{
    padding-left: 150px!important;
    padding-right:150px!important;
}
.pt-20{
    padding-top: 20px!important;   
}
.pt-40{
    padding-top: 40px!important;   
}
.py-08{
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-10{
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.py-16{
    padding-top: 16px!important;
    padding-bottom: 16px!important;
}
.py-c12{
    padding-top:12%;
    padding-bottom: 12%;
}
.py-20{
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
.py-40{
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
.mt-c10{
    margin-top:10%!important;
}
.my-20{
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}
.my-c03{
    margin-top:3%;
    margin-bottom:3%;
}
.my-c06{
    margin-top:6%;
    margin-bottom:6%;
}
.my-c10{
    margin-top:10%;
    margin-bottom:10%;
}
.w-24{
    width: 24%;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.vh-70{
    height: 70vh;
}
.text-gb-blu{
    color: #273682;
}
::placeholder{
    color: #273682;
}
.form-a{
    padding-right: 10px!important;
}
.form-b{
    padding-left: 10px!important;
}
.shadowed{
    -webkit-box-shadow: 2px 2px 4px -2px #000000; 
    box-shadow: 2px 2px 4px -2px #000000;
}
.brdr-30{
    border-radius: 30px!important;
}
.row-pitch{
    padding-top:34%!important;   
    min-height: 100vh;
    padding-bottom: 100px!important;
}
.bg-gb-blu{
    background-color:#0246AB;
}
.bg-gb-blu-2{
    background-color: #00357a;
}
.bg-gb-blu-3{
    background-color: #012b60;
}
.bg-gb-light{
    background-color: #3397cf;
}
.bg-gb-red{
    background-color:#d30023;
}
.bg-splash{
    background-color: transparent;
    background-image: url("/images/bg-gb-splash.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-produse{
    background: rgb(0,103,173);
    background: -moz-radial-gradient(ellipse at center bottom, rgba(0,103,173,1) 0%, rgba(0,53,122,1) 40%, rgba(0,53,122,1) 57%, rgba(0,53,122,1) 100%);
    background: -webkit-radial-gradient(ellipse at center bottom, rgba(0,103,173,1) 0%, rgba(0,53,122,1) 40%, rgba(0,53,122,1) 57%, rgba(0,53,122,1) 100%);
    background: radial-gradient(ellipse at center bottom, rgba(0,103,173,1) 0%, rgba(0,53,122,1) 40%, rgba(0,53,122,1) 57%, rgba(0,53,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0067ad",endColorstr="#00357a",GradientType=1);
}
.bg-sp{
    min-height: 100vh;
    background-color: transparent;
    background-image: url("/images/bg-gb-sp.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.table-castigatori th,td{
    border-color: #273682!important;
    background-color: white
}
.table-castigatori th{
    background-color: #273682;
    color: white;

}
.row-pas{
    margin-bottom: 10px!important;

}
.img-lp{
    position:absolute;
    top:0;
    left:0;
    right: 0;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    max-height: 70vh!important;
    width: auto!important;
}
.img-splash-2{
    position:absolute;
    bottom:0;
    left:0;
    right: 0;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    width:20%;
    z-index:2;
}
.img-splash-3{
    position:absolute;
    bottom:0;
    left:0;
    right: 0;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
    width:20%;
    z-index:2;
}
.navbar{
    height: 10vh;
    z-index: 200!important;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: transparent;
}
.navbar.header-scrolled,
.navbar.header-scrolled-custom{
    /* background-color: #00357A; */
}
.nav-link {
    padding:8px 30px!important;
    background-color: white;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

#section-home{
    min-height: 100vh!important;
    background-color: transparent;
    /* background-image: url("/images/bg_header.png"); */
    background-image:  url("/images/bg_header.png"), url("/images/bk1.jpg");

    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    z-index: 1!important;
}
#section-home .home-abs{
    position: absolute;
    bottom:0px;
    width:100%;
    z-index: 1;
}
#section-premii{
    background-color: #00357a;
    background-image:  url("/images/bk2.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    z-index: 20!important;
}

#section-premii .img-premii{
    max-height: 94vh;
}

#section-footer,
#section-footer .fp-slide,
#section-footer .fp-tableCell{
    height: auto !important;
}

.text-produs{
    color:white;
    text-align: center;
}


.slick5Items img{
    width:100%;
}

.slick5Items .slick-next,
.slick5Items .slick-prev{
    width:54px;
    height:102px;
    background-color: transparent;
    border: 0px;
}

.slick5Items .slick-next:before{
    content: '';
    background-image:url('/images/next.png');
    width:54px;
    height:102px;
    display:block;
    background-size: cover;
}

.slick5Items .slick-prev:before{
    content: '';
    background-image:url('/images/prev.png');
    width:54px;
    height:102px;
    display:block;
    background-size: cover;
}
.slick-prev {
    left: -10%;
}
.slick-next{
    right: -10%;
}


/* [1] The container */
.img-hover-zoom {
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
    transform: scale(0.9);
    transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1);
}
/* The Image container */
.img-hover-zoom {
    overflow: hidden; /* Removing this will break the effects */
}

.row-footer a{
    font-size: 20px;
    color:white;
}

.navbar .logo{
    display: none;
}

.navbar.header-scrolled .logo,
.navbar.header-scrolled-custom .logo{
    display: block;
    max-height: 30vh;
}
.navbar.header-scrolled .logo, .navbar.header-scrolled-custom .logo{
    position: absolute;
    margin-top: 0px;
    top: 0px;
}
.navbar-collapse{
    padding-left:6%;
}
.navbar.header-scrolled .navbar-collapse{
    flex-grow: initial;
    padding-left:0px;
}
.navbar-brand{
    padding:0px;
}
.navbar .separator{
    padding-right: 20%;
}
.navbar.header-scrolled .separator,
.navbar.header-scrolled-custom .separator{
    padding-right: 0px;
}

.navbar .navbar-nav .nav-item{
    padding-left:3vw;
    color:#003F80;
    font-size: 22px;
}
.navbar .navbar-nav .nav-item a,
.navbar .navbar-nav .nav-item a:visited,
.navbar .navbar-nav .nav-item a:hover,
.navbar .navbar-nav .nav-item a:active{
    color:#003F80;
}

.navbar .navbar-nav .nav-item:nth-child(1){
    padding-left:0px;
}

.min-vh-80{
    min-height: 80vh;
}

.other-pages{
    background: rgb(0,125,195);
    background: -moz-radial-gradient(ellipse at center top, rgba(0,125,195,1) 0%, rgba(0,103,173,1) 18%, rgba(0,75,145,1) 51%, rgba(0,58,128,1) 70%, rgba(0,53,122,1) 80%, rgba(0,53,122,1) 100%);
    background: -webkit-radial-gradient(ellipse at center top, rgba(0,125,195,1) 0%, rgba(0,103,173,1) 18%, rgba(0,75,145,1) 51%, rgba(0,58,128,1) 70%, rgba(0,53,122,1) 80%, rgba(0,53,122,1) 100%);
    background: radial-gradient(ellipse at center top, rgba(0,125,195,1) 0%, rgba(0,103,173,1) 18%, rgba(0,75,145,1) 51%, rgba(0,58,128,1) 70%, rgba(0,53,122,1) 80%, rgba(0,53,122,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007dc3",endColorstr="#00357a",GradientType=1);
}

/* The container */
.containerCustomCheckbox {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-top: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 10px;
    margin-left:20px;
}

/* Hide the browser's default checkbox */
.containerCustomCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-image: url('/images/unchecked.png');
}

/* When the checkbox is checked, add a blue background */
.containerCustomCheckbox input:checked ~ .checkmark {
    background-image: url('/images/checked.png');
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerCustomCheckbox input:checked ~ .checkmark:after {
    display: block;
}


.datepickercontrol{
    border-radius: 30px!important;
    padding-left: 20px!important;
    font-size: 20px;
    color:#273682;
    background-color: #fff;
    height:56px;
}

.datetimepicker-input, .datetimepicker-input:hover, .datetimepicker-input:active, .datetimepicker-input:focus{
    outline:none!important;
    font-size:16px;
    padding-top: 10px;
    height: 52px;
    margin-top: 1px;
    border:0px!important;
    box-shadow:none!important;
}
.datetimepicker-input, .datetimepicker-input:focus, .chosen-container-single .chosen-single, .form-control{
    color:#273682;
}

.datepickercontrol .input-group-append .input-group-text{
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.datepickercontrol .datetimepicker-input{
    background-color: #fff;
    color:#273682;
}

.containerCaptcha{
    position: relative;
}
.fancybox-skin{
    padding:0px!important;
    background:transparent!important;
    box-shadow:none!important;
}

.fancybox-close{
    background-image: url('/images/x.png');
    width:50px;
    height:50px;
    background-size:cover;
}
.fancybox-lock body{
    overflow: visible!important;
}
#imagineCaptcha{
    position: absolute;
    left: 0px;
    height: 35px;
    top:20px;
}
.validatorCustom{
    color:red;
    font-size: 15px;
    padding-left:20px;
}

.imp-gb{
    border: 0px;
}
@media screen and (max-width: 1800px){
    .navbar .navbar-nav .nav-item {
        font-size:2.5vw;
        font-size: 20px;
    }
    .fs-60 {
        font-size: 50px;
    }
    .fs-34 {
        font-size: 30px;
    }
    .fs-30 {
        font-size: 28px;
    }
    .fs-22 {
        font-size: 20px;
    }
    .fs-20 {
        font-size: 16px;
    }
    .fs-18 {
        font-size: 14px;
    }
    .containerCustomCheckbox{
        font-size:14px;
        padding-left: 30px;
    }
    .checkmark{
        height: 20px;
        width: 20px;
    }
    .row-footer a {
        font-size: 18px;
    }
    #section-footer img{
        max-width: 35px;
    }
    .slick5Items .slick-next:before,
    .slick5Items .slick-next:next{
        width: 34px;
        height: 62px;
    }
    #imagineCaptcha{
        top:10px;
    }
    .header-scrolled.navbar .navbar-nav .nav-item {
        padding-left: 3.5vw;
    }
}
@media screen and (max-width: 1600px){
    .navbar .navbar-nav .nav-item {
        font-size: 2vw;
        font-size: 16px;
    }
    .fs-60 {
        font-size: 40px;
    }
    .fs-34 {
        font-size: 26px;
    }
    .fs-30 {
        font-size: 22px;
    }
    .row-acord{
        padding-top:10px;
    }
    h2{
        padding-bottom:20px;
        padding-top:8%;
    }
    .btn-form{
        font-size: 18px;
    }
    .imp-gb{
        padding-top:10px!important;
        padding-bottom:10px!important;
    }
    #section-produse{
        background-color: #00357a;
    }
}
@media screen and (max-width: 1300px){
    .navbar .navbar-nav .nav-item {
        padding-left: 10px;
        font-size:13px;
    }
    .header-scrolled.navbar .navbar-nav .nav-item {
        padding-left: 2.5vw;
    }

    .navbar.header-scrolled .logo, .navbar.header-scrolled-custom .logo{
        max-width: 170px;
    }

    .fs-60 {
        font-size: 40px;
    }

    .fs-34 {
        font-size: 24px;
    }

    .fs-30 {
        font-size: 20px;
    }
    .fs-18 {
        font-size: 13px;
    }
    .row-footer a {
        font-size: 13px;
    }
    .imp-gb{
        font-size: 15px;
        padding-left:15px!important;
        padding-right:15px!important;
    }
    .containerCustomCheckbox{
        font-size:12px;
    }
    form .pt-30{
        padding-top:10px;
    }
    h2{
        padding-bottom:20px;
    }
    #imagineCaptcha{
        top:10px;
    }
    .slick5Items .slick-next:before,
    .slick5Items .slick-prev:before{
        width: 34px;
        height: 62px;
    }
    .slick5Items .slick-next, .slick5Items .slick-prev {
        width: 34px;
        height: 82px;
    }
}
@media screen and (max-width: 1200px){
    .only-mobile-block{
        display:block!important;
    }
    .px-0-mobile{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .img-lp{
/*        max-height: 40vh!important;*/
        max-height: 30vh!important;
    }
    #section-home{
        background-color: #00357a;
        background-image: url('/images/home-mobile.jpg');
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    .img-splash-2{
/*        bottom: 30%;
-       width: 70%;*/
        top: 40%;
        width: 50%;
    }
    .img-splash-3{
        /*        bottom: 30%;
        -       width: 70%;*/
                top: 30%;
                width: 50%;
            }

    .img-lp2{
        width: 90%;
        position: absolute;
/*        bottom: 0px;*/
        top: -35vh;
        margin: 0 auto;
        display: block;
        left: 6%;
    }

    .navbar.header-scrolled .logo,
    .navbar.header-scrolled-custom .logo{
        display: block;
        margin-top: 0px;
        max-height: 15vh;
    }
    .navbar-brand{
        padding:0px;
    }
    .slick-dots li button::before {
        opacity: 1;
        font-size: 18px;
        color: white;
    }

    .slick-dots li.slick-active button::before {
        opacity: 1;
        font-size: 18px;
        color: #012B60;
    }
    .slick-dots{
        bottom:-20px;
    }

    h2.pb-40 {
        padding-bottom: 20px;
    }
#participa-form {
    max-width:80%;
margin-left:auto; margin-right:auto;
}
    #section-formular .pt-30 {
        padding-top: 15px;
    }
    #section-formular .py-16 {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .fs-60 {
        font-size: 30px;
    }
    .fs-30 {
        font-size: 18px;
    }
    .fs-26 {
        font-size: 18px;
    }
    .fs-24 {
        font-size: 18px;
    }
    .fs-20 {
        font-size: 20px;
    }
    .fs-18{
        font-size:14px;
    }
    #imagineCaptcha {
        right: 10px;
        left: auto;
        top: 0px;
    }
    .containerCustomCheckbox{
        font-size: 18px;
        padding-left: 30px;
        padding-bottom: 0px;
        margin-top: 10px;
        margin-left: 0px;
    }
    #termeni {
        font-size: 18px;
        margin-left: 10px;
    }
    .checkmark {
        height: 18px;
        width: 18px;
    }
    .vh-auto-mobile{
        height:auto!important;
    }
    .w-100-mobile{
        width: 100%!important;
    }
    .btn-form{
       
    width: 80% !important;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px !important;
    font-size: 20px !important;
    }
#discl {
    text-align: center;
}
    .px-c05-mobile {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    .slick5Items .slick-next::before,
    .slick5Items .slick-prev:before{
        width:30px;
        height:57px;
    }
    .slick1Item .slick-prev {
        top: 50%;
        left: -10%;
    }
    .slick1Item .slick-next{
        top: 50%;
        right: -10%;
    }
    .slick5Items .slick-prev{
        top: 35%;
        left: -9%;
    }
    .slick5Items .slick-next{
        top: 35%;
        right: -10%;
    }

    .slick5Items img {
        width: 80%;
        margin: 0 auto;
    }
    .row-footer a{
        font-size: 16px;
    }
    #section-footer img{
        max-width: 35px;
    }
    #btn-menu{
        background-image: url('/images/menu.png');
        background-size: cover;
        width: 50px;
        height: 50px;
        margin-top: -30px;
        position: absolute;
        top: 6vh;
        right: 2vh;
    }
    .navbar{
        padding:0px;
    }

    #header #navbarResponsive{
        margin-top:10vh;
        background-color: #00357A;
        padding:10px;
        width: 70%;
        max-width: 70%;
        margin-left: auto;
    }
    #header #navbarResponsive .nav-link{
        margin-bottom: 10px;
        padding:4px 15px !important;
        font-size:14px;
    }
    #header #navbarResponsive .nav-item{
        width:100%;
        text-align: center;
    }
    #header #navbarResponsive,
    #header.header-scrolled #navbarResponsive,
    #header.header-scrolled-custom #navbarResponsive{
        margin-right:0%!important;
    }
    .navbar .navbar-nav .nav-item{
        padding-left: 0px;
    }
    .pt-40-mobile{
        padding-top:40px!important;
    }
    .other-pages .navbar.header-scrolled .logo, .other-pages .navbar.header-scrolled-custom .logo {
        margin-top: 0px;
    }
    .onlyMobile-initial, .only-mobile-initial {
        display: initial !important;
    }
    #section-premii{
        background: #00357a;
        margin-top: -24vh!important;
        padding-top:0px!important;
/*        background: rgb(15,80,136);
        background: -moz-linear-gradient(180deg, rgba(15,80,136,1) 0%, rgba(0,53,122,1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(15,80,136,1) 0%, rgba(0,53,122,1) 100%);
        background: linear-gradient(180deg, rgba(15,80,136,1) 0%, rgba(0,53,122,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f5088",endColorstr="#00357a",GradientType=1);*/
    }
    .pt-100-mobile{
        padding-top:100px;
    }
}
/* Add */
@media screen and (min-width: 1231px){
    .card-title.fs-prod {
        width: 80%;
        margin: 0 auto;
        font-size: 18px!important;
    }
    .m-less {
        margin-top: -4%;
    }
}
@media screen and (max-width:1230px){
    .fs-prod {
        font-size: 18px!important;
    }
}