/* CUSTOM FONTS*/
@font-face{font-family:oswaldbold;src:url(/pages/fonts/custom/oswald-bold-webfont.woff2) format('woff2'),url(/pages/fonts/custom/oswald-bold-webfont.woff) format('woff'),url(/pages/fonts/custom/oswald-bold-webfont.ttf) format('truetype'),url(/pages/fonts/custom/oswald-bold-webfont.svg#oswaldbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:oswaldextralight;src:url(/pages/fonts/custom/oswald-extralight-webfont.woff2) format('woff2'),url(/pages/fonts/custom/oswald-extralight-webfont.woff) format('woff'),url(/pages/fonts/custom/oswald-extralight-webfont.ttf) format('truetype'),url(/pages/fonts/custom/oswald-extralight-webfont.svg#oswaldextralight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:oswaldlight;src:url(/pages/fonts/custom/oswald-light-webfont.woff2) format('woff2'),url(/pages/fonts/custom/oswald-light-webfont.woff) format('woff'),url(/pages/fonts/custom/oswald-light-webfont.ttf) format('truetype'),url(/pages/fonts/custom/oswald-light-webfont.svg#oswaldlight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:oswaldmedium;src:url(/pages/fonts/custom/oswald-medium-webfont.woff2) format('woff2'),url(/pages/fonts/custom/oswald-medium-webfont.woff) format('woff'),url(/pages/fonts/custom/oswald-medium-webfont.ttf) format('truetype'),url(/pages/fonts/custom/oswald-medium-webfont.svg#oswaldmedium) format('svg');font-weight:400;font-style:normal}@font-face{font-family:oswaldregular;src:url(/pages/fonts/custom/oswald-regular-webfont.woff2) format('woff2'),url(/pages/fonts/custom/oswald-regular-webfont.woff) format('woff'),url(/pages/fonts/custom/oswald-regular-webfont.ttf) format('truetype'),url(/pages/fonts/custom/oswald-regular-webfont.svg#oswaldregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:oswaldsemibold;src:url(/pages/fonts/custom/oswald-semibold-webfont.woff2) format('woff2'),url(/pages/fonts/custom/oswald-semibold-webfont.woff) format('woff'),url(/pages/fonts/custom/oswald-semibold-webfont.ttf) format('truetype'),url(/pages/fonts/custom/oswald-semibold-webfont.svg#oswaldsemibold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:sigmarone;src:url(/pages/fonts/custom/sigmarone-regular-webfont.woff2) format('woff2'),url(/pages/fonts/custom/sigmarone-regular-webfont.woff) format('woff'),url(/pages/fonts/custom/sigmarone-regular-webfont.ttf) format('truetype'),url(/pages/fonts/custom/sigmarone-regular-webfont.svg#sigmar_oneregular) format('svg');font-weight:400;font-style:normal}

/*GENERAL*/
html, body, div, td {font-family: oswaldregular; font-size: 14px;}
html, body {background-color: #0076BB;}
body {padding-top:130px;}
.btn{font-family: "oswaldregular", sans-serif}
.text-blue {color: #00afef;}

.content p {font-family: "oswaldregular", sans-serif; font-size: 16px; font-weight: normal;line-height: 1.2}

.playBtn.green {
    -moz-box-shadow: 0px 6px 0px 0px #628724;
    -webkit-box-shadow: 0px 6px 0px 0px #628724;
    box-shadow: 0px 6px 0px 0px #628724;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #95C93D), color-stop(1, #95C93D));
    background: -moz-linear-gradient(top, #95C93D 5%, #95C93D 100%);
    background: -webkit-linear-gradient(top, #95C93D 5%, #95C93D 100%);
    background: -o-linear-gradient(top, #95C93D 5%, #95C93D 100%);
    background: -ms-linear-gradient(top, #95C93D 5%, #95C93D 100%);
    background: linear-gradient(to bottom, #95C93D 5%, #95C93D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#00afef',GradientType=0);
    background-color: #95C93D;
    border-radius: 28px;
    border: 1px solid #95C93D;
}

.playBtn.green:hover {color: #fff200;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #95C93D), color-stop(1, #95C93D)); background:-moz-linear-gradient(top, #95C93D 5%, #95C93D 100%); background:-webkit-linear-gradient(top, #95C93D 5%, #95C93D 100%); background:-o-linear-gradient(top, #95C93D 5%, #95C93D 100%); background:-ms-linear-gradient(top, #95C93D 5%, #95C93D 100%); background:linear-gradient(to bottom, #95C93D 5%, #95C93D 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#95C93D', endColorstr='#95C93D',GradientType=0); background-color:#95C93D;}

.playBtn { -moz-box-shadow: 0px 6px 0px 0px #0076bb; -webkit-box-shadow: 0px 6px 0px 0px #0076bb; box-shadow: 0px 6px 0px 0px #0076bb; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00afef), color-stop(1, #00afef)); background:-moz-linear-gradient(top, #00afef 5%, #00afef 100%); background:-webkit-linear-gradient(top, #00afef 5%, #00afef 100%); background:-o-linear-gradient(top, #00afef 5%, #00afef 100%); background:-ms-linear-gradient(top, #00afef 5%, #00afef 100%); background:linear-gradient(to bottom, #00afef 5%, #00afef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#00afef',GradientType=0); background-color:#00afef; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #00afef; display:inline-block; cursor:pointer; color:#ffffff; font-family:'oswaldregular', sans-serif; font-size:20px; padding:10px 30px 5px; text-decoration:none;}
.playBtn:hover {color:#fff000; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00afef), color-stop(1, #00afef)); background:-moz-linear-gradient(top, #00afef 5%, #00afef 100%); background:-webkit-linear-gradient(top, #00afef 5%, #00afef 100%); background:-o-linear-gradient(top, #00afef 5%, #00afef 100%); background:-ms-linear-gradient(top, #00afef 5%, #00afef 100%); background:linear-gradient(to bottom, #00afef 5%, #00afef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#00afef',GradientType=0); background-color:#00afef;}
.playBtn:active {position:relative;top:1px;}
.playBtn.small-text {padding: 5px 12px 2px;}
.playBtn:active, .playBtn:focus {color: #ffffff !important;}

.lh1 {line-height: 1;}


.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],row.no-gutters > [class*=" col-"] {padding-right: 0;padding-left: 0;}
.w900 {max-width: 900px; display: block; margin: 0 auto;}
.w800 {max-width: 800px; display: block; margin: 0 auto;}
.w700 {max-width: 700px; display: block; margin: 0 auto;}
.w600 {max-width: 600px; display: block; margin: 0 auto;}
.w500 {max-width: 500px; display: block; margin: 0 auto;}
.w400 {max-width: 400px; display: block; margin: 0 auto;}

.r20 {border-radius: 20px;}

.form-group.form-group-default {border-radius: 30px;}
.form-group.form-group-default label {font-family: "oswaldregular", sans-serif;}
.form-group.form-group-default input {  font-family: "oswaldregular", sans-serif; font-size: 26px; padding: 0px; color: rgba(0,0,0,1); line-height:1.5; text-align: center;}
.form-group-default .form-control {height: auto; }
.form-group.form-group-default select { text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; font-family: "oswaldregular", sans-serif; font-size: 20px; padding: 3px; color: rgba(0,0,0,0.4); text-align: center;border:none;}
.hr-light{margin: 0 auto 5px;border-color: rgba(0, 118, 187, 0.22);  }

/* CHECKBOX */
.cboxy {display: block; position: relative;  padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.cboxy input { position: absolute; opacity: 0; cursor: pointer;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #ffffff;}
.cboxy:hover input ~ .checkmark { background-color: #ed1c24;}
.cboxy input:checked ~ .checkmark { background-color: #2196F3;}
.checkmark:after {content: ""; position: absolute; display: none;}
.cboxy input:checked ~ .checkmark:after {display: block;}
.cboxy .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}


/* BACKGROUNDS */
.bgGen-blue{background-color:#0076BB;}
.bgGen-orange{background-color:#F58220;}
.bgGen-red{background-color:#ED1C24;}
.bgGen-purple{background-color:#8F4199;}
.bgGen-pink{background-color:#FF80B8}
.bgGen-green{background-color:#95C93D;}
.bgGen-yellow{background-color:#FFF200;}
.bgGen-white{background-color:#ffffff;}

.bgGen-blue-light{background-color:#80bbdd;}
.bgGen-orange-light{background-color:#fac190;}
.bgGen-red-light{background-color:#f68e92;}
.bgGen-purple-light{background-color:rgba(143, 65, 153, 0.5);}
.bgGen-pink-light{background-color:rgba(255, 128, 184, 0.5);}
.bgGen-green-light{background-color:#95C93D;}
.bgGen-yellow-light{background-color:#FFF200;}

.bgGen-blue, .bgGen-orange, .bgGen-red, .bgGen-purple, .bgGen-pink, .bgGen-green {color: #ffffff;}

/*NAVIGATION*/
nav.header.transparent-dark {background-color: #ED1C24;height: 130px;}
.header.dark {background-color: rgb(237, 28, 36, 1) !important;}
.header.md-header .header-inner {line-height: 130px;}
.header.dark .menu > li > a, .header.dark .menu > li > a > span { text-align: center;  text-transform: uppercase !important;}
.header.dark .menu > li > a {font-family: 'sigmarone', cursive;font-size: 15px;}
.header.dark .menu > li > a > span{font-family: oswaldregular; font-size: 18px;}
.header.dark .menu > li > a:not(.btn) {color: #ffffff; opacity: 1;}
.header.dark .menu > li > a:not(.btn).active, .header.dark .menu > li > a:not(.btn):hover{color: #FFF200;}
div#userAction {padding-top: 35px;}
div#userAction a {display: block; line-height: 1.5; text-align: right; font-family: 'oswaldregular', sans-serif; color: #ffffff; font-size: 18px;}
ul.menu {-webkit-padding-start: 10px !important;}
.header .menu > li {font-size: 13px;margin-right: 5px;}
label.profileImg { float: left; width: 100px;  height: 100px;  border: 3px solid #fff200;  border-radius: 50%; margin-right: 5px; text-align: center; background-color: #079af1;}



/*USER SUMMARY*/
#userSummary .img-profile {max-width: 100px; border:3px solid #ffff00;float:left;}
#userPointSummary {display: inline-block; width: 100px; height:100px;position: relative;float:left;}
#userPointSummary .userPoint {position: absolute; width: 100%; text-align: center;top:30px;line-height:1;color:#0076BB;font-size: 38px;}
#userPointSummary .userPoint > span {display: block;font-size: 12px;}
#userSummary .row.progressLine {display: inline-block;height: 100px;width: 100%;float: left;max-width: 500px;}
.userName, .userLevel {font-family: 'oswaldregular', sans-serif;}
.userName {color: #ffff00;font-size: 27px;}
.userLevel {color: #ffffff;}


/*INTRO*/
#intro h2, h2 {color: #ed1c24; font-family: 'sigmarone', sans-serif; font-size: 40px; line-height: 1.3;}
#intro p {font-size: 18px; line-height: 1.3;}
.overlap-80{height: 80px; background-color: #ffffff; position: absolute; bottom: 0; left: 0; z-index: 5;width: 100%;}
#intro .logoWrap{position: absolute;top: 0;width: 100%;text-align: center;}
#intro .welcomeText{position: absolute;top: 130px; right:110px;width: 100%;max-width:400px;text-align: center;}

@media (max-width: 991px)
{
    #intro h2, h2 { font-size: 32px; }
}


/*MECANISM*/
.mecanisim-wrap{width:1120px;display: block;margin:0 auto;padding: 0px !important;}
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.mecanisim {width: 340px; height: 240px; float: left;}
.mecanisim-div {width: 50px;float: left; text-align: center; color: #ffffff; font-size: 40px;line-height: 240px;}
.mecanisim-div-long {width: 992px;float: left; text-align: right; color: #ffffff;font-size: 40px;line-height:50px;}
#mecanisim td.info {font-size: 18px !important;vertical-align: top;padding:30px 15px;}
.a-yellow, .a-yellow:hover {color: #fff200; font-size: 16px;text-decoration: underline;}
.a-blue, .a-blue:hover {color: #0076BB; font-size: 16px;text-decoration: underline;}
.a-yellow:hover, .a-blue:hover {text-decoration: none !important;}
.bgNum{ position: absolute; right: 0; bottom: 0; font-size: 15vh; line-height: 0.6; z-index: 10; opacity: 0.2;}
#mecanisim .mecanisim table {position:relative; z-index: 30;}
#mecanisim .mecanisim {position: relative;}
@media (max-width: 1220px)
{
    section#mecanisim {margin-top: 110px;}
    .mecanisim-div {display: none;}
    .mecanisim-div-long {display: none;}
    .mecanisim-wrap{width: 990px;}
    .mecanisim {width:330px;}
}
@media (max-width: 1056px)
{
    .mecanisim-wrap{width: 660px;}
    .mecanisim {width:330px;height:280px; margin-bottom: 10px;}
}
@media (max-width: 695px)
{
    .mecanisim-wrap{width: 330px;}
    .mecanisim {width:330px;height:280px; margin-bottom: 10px;}
}


/* PREMII */
.pd-header{ line-height: 1.3; width: 100%; max-width: 700px; display: block; margin: 0 auto; }
.pdp-image{ max-width: 270px;margin:0 auto;}
.none .relative { -webkit-filter: grayscale(100%); filter: grayscale(100%);}

#premii .points {width: 100px; height: 100px; position: absolute; background-color: #fff200; border-radius: 50%; text-align: center; left: 0; right: 0; margin-left: auto; margin-right: auto; top: -50px;}
#premii .points span {display: block;font-size: 15px;line-height: 1;}
#premii h3 {font-family: 'sigmarone', sans-serif;color:#ed1c24;font-size: 40px;line-height: 1;margin-top: 20px;}
#premii .points-left {background-color:#E02826; color:#fff200;width:130px;height:46px;padding:10px;left: 0; right: 0; margin-left: auto; margin-right: auto; bottom:0;position: absolute;}
#premii td.total {color:#fff200;font-family: 'sigmarone', sans-serif;font-size: 21px;text-align: center;line-height: 1;width:50px;}
#premii td.totaltext {color:#fff200;font-family: 'oswaldregular', sans-serif; font-size: 12px;line-height: 1; padding-left:10px}

#premii-large .points {width: 130px; height: 130px; position: absolute; background-color: #fff200; border-radius: 50%; text-align: center; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0px;}
#premii-large .points span {display: block;font-size: 15px;line-height: 1;}
#premii-large h3 {font-family: 'sigmarone', sans-serif;color:#ed1c24;font-size: 50px;line-height: 1;margin-top: 25px;}
#premii-large .points-left {background-color:#E02826; color:#fff200;width:180px;height:65px;padding:10px;left: 0; right: 0; margin-left: auto; margin-right: auto; bottom:0;position: absolute;}
#premii-large td.total {color:#fff200;font-family: 'sigmarone', sans-serif;font-size: 35px;text-align: center;line-height: 1;width:50px;}
#premii-large td.totaltext {color:#fff200;font-family: 'oswaldregular', sans-serif; font-size: 15px;line-height: 1; padding-left:10px; text-align: left !important;}

h2.prize_title {font-family: "oswaldregular", sans-serif; color: #fff200; font-size: 50px;line-height: 1.1;}

#premii .points-alt {width: 100px; height: 100px; position: absolute; background-color: #fff200; border-radius: 50%; text-align: center; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0px;}
#premii .points-alt span {display: block;font-size: 15px;line-height: 1;}

.none td.totaltext, .none td.total {color: #dddddd !important;}
.none .points-left { background-color: #676767 !important; color: #dddddd !important;}
#premii .none .points {background-color: #676767;}
#premii .none .points h3 {color: #aaaaaf;}
.none.playBtn.small-text, .none.playBtn {
    -moz-box-shadow: 0px 6px 0px 0px #676767;
    -webkit-box-shadow: 0px 6px 0px 0px #676767;
    box-shadow: 0px 6px 0px 0px #676767;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aaaaaf), color-stop(1, #aaaaaf));
    background: -moz-linear-gradient(top, #aaaaaf 5%, #aaaaaf 100%);
    background: -webkit-linear-gradient(top, #aaaaaf 5%, #aaaaaf 100%);
    background: -o-linear-gradient(top, #aaaaaf 5%, #aaaaaf 100%);
    background: -ms-linear-gradient(top, #aaaaaf 5%, #aaaaaf 100%);
    background: linear-gradient(to bottom, #aaaaaf 5%, #aaaaaf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaf', endColorstr='#aaaaaf',GradientType=0);
    background-color: #aaaaaf;
    border-radius: 28px;
    border: 1px solid #aaaaaf;
    cursor: default;
}




/* CHALLLENGE*/
#provocarii {width:80%;}
#provocarii .item{padding:30px; background-color: #fff200;}
#provocarii .item h4 {font-family: 'oswaldregular', sans-serif;font-size: 24px; color:#E02826;}
#provocarii .item h3 {font-family: 'oswaldregular', sans-serif;font-size: 3vh; color:#0076BB;line-height: 1.2;}
#provocarii .owl-prev { width: 15px; height: 100px; position: absolute; top: 40%; margin-left: -30px; display: block!IMPORTANT; border:0px solid black;}
#provocarii .owl-next {width: 15px; height: 100px;  position: absolute; top: 40%; right: -25px; display: block!IMPORTANT; border:0px solid black;}
#provocarii .owl-prev i, .owl-next i {color: #ed1c24;}
#provocarii .owl-prev, #provocarii .owl-next {color: #ed1c24 !important;font-weight: bold !important;font-size: 3.5vh !important;}
.owl-theme .owl-nav [class*=owl-]:hover {background: rgba(134, 151, 145, 0) !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #0076bb !important;}

/* NEWS */
.capsule-text p {font-size: 25px; line-height: 1; margin-bottom: 30px;}
.capsule img {margin-top: 30px;display: block}
@media (min-width:992px)
{
    /*NEWS*/
    .row.capsule {border-radius: 400px;margin-bottom: 10px;}
    .row.capsule.newsinf {padding: 0px;}
    .row.capsule.newsinf .col-md-3{padding: 0px;}
    .row.capsule.newsinf .col-md-9{padding: 35px;}
    .capsule-text p {margin-bottom: 0px;}
    .capsule img {margin-top: 0px;display: block}
}

/* FAQ*/
.faqGroup { font-family: "oswaldregular", sans-serif; color:#676767;font-size: 28px; line-height: 1;}
.faqTitle {font-family: "oswaldregular", sans-serif; color: #0076BB; font-size: 25px;margin-top: 0px;cursor: pointer;}
.faqAnswer { font-family: "oswaldregular",sans-serif; color: rgba(103, 103, 103, 0.85);  font-size: 18px; margin-top: 0px;display: none;}

/* PROMOTIE NATIONALA */
.text-yellow {color: #FFF200;}
h3.winnerH {color: #ed1c24;  font-family: 'sigmarone', sans-serif;  line-height: 1;}
.winp{height: 59px;  line-height: 59px;  border-radius: 30px;  font-size: 20px;}

.wrap {width: 100%;}
.wrap table {width: 100%; table-layout: fixed;}
.wrap table tr td { padding: 5px; border: 1px solid #8F4199; background-color: rgba(143,65,153,0.85); color: #ffffff;  word-wrap: break-word;height: 28px;}
.wrap table.head tr td { background: #8F4199;color: #FFFFFF}
.wrap .inner_table {height: 250px; overflow-y: auto;}


/* PRIZE LIST */
.stickySection { position: -webkit-sticky;  position: sticky; top: 130px;z-index: 300;}
.stickyAlt{ background-color: #FFF200 !important;}
.stickyAlt-blue{ background-color: #0076bb !important;}

.stickySection #dropNav {margin: 0 auto;}
.stickySection #dropNav li ul li {border-top: 0px;}
.stickySection .pbBlue ul {background: #0076bb; width: 100%; margin-top: 0px;border-radius: 5px; padding: 15px;color:#fff;}
.stickySection .pbGreen ul {background: #628724; width: 100%; margin-top: 0px;border-radius: 5px; padding: 15px; color:#fff;}

.stickySection .pbGreen ul li a, .stickySection .pbBlue ul li a  { color:#fff; width: 100%;font-size: 18px;display: block;background-color: rgba(0,0,0,0)}

.stickySection ul {list-style: none;padding: 0px;margin: 0px;}
.stickySection ul li {display: block;position: relative;float: left;}
.stickySection li ul {display: none;}

.stickySection li:hover ul {display: block; position: absolute;}
.stickySection li:hover li {float: none;}
.stickySection li:hover li a:hover {background: #000;}

.gallerytitle{max-width: 250px;  font-size: 13px;   line-height: 1.4;  display: block;  text-align: center;  margin: 0 auto;  clear: both;  padding-top: 10px; min-height: 55px; text-transform: uppercase;}


/* BONFISCAL */
.inputFloat {position:absolute;top:15px;left:15px;opacity: 0.2}
label.inputFloat {opacity: 0.2 !important; font-size: 15px !important;cursor: pointer !important;top:25px;z-index: 900; width: 100%;text-align: left !important;}
input#bon_image {position: absolute;left: 900000px;display: none !important;}
h4#filenameDisplay { font-family: "oswaldregular", sans-serif;  color: #676767; opacity: 0.3; margin: 0; min-height: 31px;}
label.inputFloat:hover {opacity: 1 !important;  color: #0076bb;}
.inputFloat i.fas.fa-camera-retro.fa-2x {color: #0076bb;opacity: 1 !important;}


/* CHALLENGES */
.counts {color: #ffffff; position: absolute; text-align: center; width: 100%; top: 50px;height: 100%;max-height: 200px;}
.counts .infowrap {margin-top: 15px;}
.counts .numlarge {display: inline-block;font-size: 5em;}
.counts .numsmall {display: inline-block;font-size: 4em;}
.counts > div > span {display: block;font-size: 2em;line-height: 1.2;}

#provoGallery .content.text-center { border: 4px solid #00AEEF; border-radius: 15px;}
#provoGallery span.brand { background-color: #00AEEf; padding: 5px; color: #ffffff; font-size: 18px; width: 150px; margin: 0 auto 20px; display: block;}
#provoGallery h3 {color: #00aeef;  font-family: "oswaldregular",sans-serif;  font-size: 30px; max-width: 200px; line-height: 1.2; margin: 0 auto 30px;min-height: 72px;text-transform: uppercase;}
#provoGallery .col-md-3.m-b-30 {height: 468px;}

/* CHALLENGES - PROVOCARII*/
.provoSingle h4 { color: #ed1c24; font-family: "oswaldregular",sans-serif;  font-size: 24px !important;text-transform: uppercase;}
.provoSingle h3 { color: #0076BB; font-family: "oswaldregular",sans-serif;  font-size: 44px !important;text-transform: uppercase;}
.puncte {width: 100px; height: 100px;border-radius: 50%;position:absolute;left: 0; right: 0; margin: auto;}
.provoSingle .puncte h4 {color: #ffffff;line-height: 1;font-size: 40px !important;margin-bottom: 0px;font-family: "sigmarone",cursive;}
.provoSingle .puncte span {line-height: 0;font-family: "sigmarone",cursive;}
.provoPointsWrap{position: relative; top: 40%;transform: translateY(-50%);}


@media (max-width: 991px)
{
    .counts .infowrap {}
    .counts .numlarge {}
    .counts .numsmall {}
    .counts > div > span {}

}

@media (min-width: 320px) and (max-width: 480px) {
    .counts .infowrap {margin-top: 15px;}
    .counts .numlarge {display: inline-block;font-size: 5em;}
    .counts .numsmall {display: inline-block;font-size: 4em;}
    .counts > div > span {display: block;font-size: 2em;line-height: 1.2;}

}



/* Quiz */
.Quest {padding:10px;}
.Quest p {margin-bottom: 0;}
.Quest h3 { color: #ffffff;  font-family: "oswaldregular", sans-serif;  font-size: 50px;  line-height: 1;  margin-bottom: 0;  margin-top: 15px;}
.Quest h3 span {font-size: 25px}
.Ans {}
.Ans .boxWrap, .Ans .boxWrapAlt {padding: 5px; background-color: #FFFFFF;  width: 40px; height: 40px; border-radius: 5px;  margin: 0 auto;cursor: pointer;}
p.anstext {margin-top: 5px;}


/* ACCOUNT DASHBOARD */
.z-tabs.horizontal.z-shadows > .z-container {-moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.z-tabs.silver > ul, .z-tabs.silver > ul > li > a {border-color: rgba(0,0,0,0) !important; border-style: solid;}
.z-tabs > .z-container {background-color: #FFF200 !important;}
.z-tabs.silver > .z-container { border-color: #ed1c24 !important;  border-top: 5px;  border-bottom: 0px;  border-left: 0px;  border-right: 0px;}
.z-tabs.silver > ul > li.z-active > a {background-color: #ED1C24 !important; color: #ffffff !important; font-family: "oswaldregular", sans-serif;}
.z-tabs.horizontal.z-shadows > ul > li > a {box-shadow: none!important;}
.z-tabs.silver > ul > li > a {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFF200', endColorstr='#FFF200');
    background-color: #FFF200;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF200), to(#FFF200), color-stop(0.5, #FFF200), color-stop(0.5, #FFF200));
    background-image: -webkit-linear-gradient(top, #FFF200, #FFF200 50%, #FFF200 50%, #FFF200);
    background-image: -moz-linear-gradient(top, #FFF200, #FFF200 50%, #FFF200 50%, #FFF200);
    background-image: -o-linear-gradient(top, #FFF200, #FFF200 50%, #FFF200 50%, #FFF200);
    background-image: -ms-linear-gradient(top, #FFF200, #FFF200 50%, #FFF200 50%, #FFF200);
    box-shadow: inset 0 1px 0 #FFF200, 0 1px 2px #FFF200;
    font-family: "oswaldregular", sans-serif; color: #ffffff;
}
.z-tabs.silver > ul > li > a:hover {
    background: #0076BB;
    background: -moz-linear-gradient(top, #0076BB 0%, #0076BB 50%, #0076BB 50%, #0076BB 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0076BB), color-stop(50%,#0076BB), color-stop(50%,#0076BB), color-stop(100%,#0076BB)) !important;
    background: -webkit-linear-gradient(top, #0076BB 0%,#0076BB 50%,#0076BB 50%,#0076BB 100%) !important;
    background: -o-linear-gradient(top, #0076BB 0%,#0076BB 50%,#0076BB 50%,#0076BB 100%) !important;
    background: -ms-linear-gradient(top, #0076BB 0%,#0076BB 50%,#0076BB 50%,#0076BB 100%) !important;
    background: linear-gradient(to bottom, #0076BB 0%,#0076BB 50%,#0076BB 50%,#0076BB 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076BB', endColorstr='#0076BB',GradientType=0 ) !important;
    font-family: "oswaldregular", sans-serif; color: #ffffff !important;
}
.z-tabs.silver > ul > li > a {color: #0076bb !important; text-shadow: none !important;}
.ma{font-size: 29px !important; margin-bottom: 10px !important;}
.fadeMe {opacity: 0.5;}


#premii .owl-prev { width: 15px; height: 100px; position: absolute; top: 40%; margin-left: -30px; display: block!IMPORTANT; border:0px solid black;}
#premii .owl-next {width: 15px; height: 100px;  position: absolute; top: 40%; right: -25px; display: block!IMPORTANT; border:0px solid black;}
#premii .owl-prev i, .owl-next i {color: #ed1c24;}
#premii .owl-prev, #premii .owl-next {color: #ed1c24 !important;font-weight: bold !important;font-size: 3.5vh !important;}




/* FOOTER*/
#mainFooter {background-color: #0076BB;color:#ffffff;}
#mainFooter a {color: #ffffff !important;}
div#ajutor { cursor: pointer; height: 40px;  width: 150px;  text-align: center;  border-radius: 20px;  line-height: 40px;  position: fixed;  bottom: 100px;  right: 20px;}
div#ajutor:hover {background-color: #0d6aad;}
div#ajutor > i { margin-right: 5px;}

#gCookie span.checkmark { border: 1px solid rgba(0,0,0,0.2);}


@media (max-width: 991px)
{
    /* NAVIGATION */
    .header .menu>li>a {text-align: left !important;}
    .header .menu>li>a>span {text-align: left !important;}
    .menu-content.mobile-dark {background-color: #0076BB!important;}
    ul.menu {-webkit-padding-start: 0px !important;}
    .header.dark .menu-content.mobile-dark a:not(.btn), .header.light .menu-content.mobile-dark a:not(.btn), .header.light-solid .menu-content.mobile-dark a:not(.btn), .header.transparent-dark .menu-content.mobile-dark a:not(.btn), .header.transparent-light .menu-content.mobile-dark a:not(.btn) {color: rgba(255, 255, 255, 0.83)!important;}
    .header.dark .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn).active, .header.light .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn).active, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn).active, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn).active, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn).active {background-color: #00AEEF;color: #fff;}
    .header.dark .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn), .header.dark .menu-content.mobile-dark.mobile-dark p, .header.light .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn), .header.light .menu-content.mobile-dark.mobile-dark p, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn), .header.light-solid .menu-content.mobile-dark.mobile-dark p, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn), .header.transparent-dark .menu-content.mobile-dark.mobile-dark p, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu>li>a:not(.btn), .header.transparent-light .menu-content.mobile-dark.mobile-dark p {color: #ffffff;}
}

/* SWEET ALERT */
.swal2-popup .swal2-title {color: #145a92 !important;}

a.playBtn.orange {
    -moz-box-shadow: 0px 6px 0px 0px #0076bb;
    -webkit-box-shadow: 0px 6px 0px 0px #ED1C24;
    box-shadow: 0px 6px 0px 0px #ED1C24;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F58220), color-stop(1, #F58220));
    background: -moz-linear-gradient(top, #00afef 5%, #00afef 100%);
    background: -webkit-linear-gradient(top, #F58220 5%, #F58220 100%);
    background: -o-linear-gradient(top, #00afef 5%, #00afef 100%);
    background: -ms-linear-gradient(top, #00afef 5%, #00afef 100%);
    background: linear-gradient(to bottom, #F58220 5%, #F58220 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#00afef',GradientType=0);
    background-color: #F58220;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #F58220;
}

.content.relative {
    margin: 0 auto;
    display: block;
    width: 270px;
}

/* TABLE */
th { color: #0a8dd2; text-align: center;}
.table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ed1c24;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-top-color: rgba(0, 175, 239, 0.12); text-align: center;}

/* LOADER */
.cssload-container{width:72px;margin:0 auto}.cssload-circle-1{height:72px;width:72px;background:#612e8d}.cssload-circle-2{height:60px;width:60px;background:#c22286}.cssload-circle-3{height:48px;width:48px;background:#ea225e}.cssload-circle-4{height:36px;width:36px;background:#ed5b35}.cssload-circle-5{height:24px;width:24px;background:#f5b52e}.cssload-circle-6{height:12px;width:12px;background:#81c540}.cssload-circle-7{height:6px;width:6px;background:#00a396}.cssload-circle-8{height:3px;width:3px;background:#1674bc}.cssload-circle-1,.cssload-circle-2,.cssload-circle-3,.cssload-circle-4,.cssload-circle-5,.cssload-circle-6,.cssload-circle-7,.cssload-circle-8{border-bottom:none;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,.1);-o-box-shadow:1px 1px 1px rgba(0,0,0,.1);-ms-box-shadow:1px 1px 1px rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1);animation-name:cssload-spin;-o-animation-name:cssload-spin;-ms-animation-name:cssload-spin;-webkit-animation-name:cssload-spin;-moz-animation-name:cssload-spin;animation-duration:4.6s;-o-animation-duration:4.6s;-ms-animation-duration:4.6s;-webkit-animation-duration:4.6s;-moz-animation-duration:4.6s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}@keyframes cssload-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes cssload-spin{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@-ms-keyframes cssload-spin{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes cssload-spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes cssload-spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}

.crop-element.profy {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    border: 3px solid #fff200; margin-right: 5px;
    background-color: #079af1;
}

.crop-element.profy img {}