@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

 /* 1. Define the font */
 @font-face {
   font-family: 'ZalandoSans';
   src: url('../fonts/ZalandoSans-SemiExpanded.otf') format('opentype'),
     url('../fonts/ZalandoSans-SemiExpanded.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
   font-stretch: semi-expanded;
 }



 h1,
 h2,
 h3 {
   /* font-family: 'ZalandoSans', sans-serif; */
 }

 input:not([type="checkbox"]):not([type="radio"]),
 textarea,
 select {
   font-family: 'ZalandoSans', sans-serif !important;
 }


 body {
   font-family: 'IBM Plex Serif', serif;
   margin: 0;
   padding: 0;
   color: #383838;
   overflow-x: hidden;
   background-image: url('/img/bg-zalandov2.jpg') !important;
   background-repeat: no-repeat;
   background-position: top 60px center;
   background-size: cover;
   background-attachment: fixed;
 }

 .main-container {
   font-family: 'ZalandoSans', sans-serif;
 }

 ul,
 li {
   margin: 0;
   padding: 0;
   text-align: center;
 }

 .termeni {
   text-decoration: underline;
   color: #383838;
 }

 .container {
   margin-top: 3em;
 }

 .main-container {
   overflow-x: unset;
   width: 100%;
   max-width: 1030px;
   background-color: transparent !important;
   margin: 0 auto;
   z-index: 1;
   position: relative;
 }

 .main-container:nth-of-type(2) {
   margin: 100px auto 0px !important;
 }

 .logo-zalando {
   width: 20%;
   display: block;
   margin: 0 auto;
 }

 @media screen and (max-width:1020px) {
   .neck {
     margin-left: auto;
     margin-right: auto;
     max-width: 100%;
     display: block;
   }

   .subtitle-zalando {
     width: 100% !important;
   }

   .subtitle-zalando1 {
     width: 100% !important;
   }
 }

 @media screen and (max-width:800px) {
   .img-right-wheel {
     width: 100% !important;
     position: relative !important;
   }

   #question {
     color: #fff !important;
   }

   .left-wheel {
     width: 100% !important;
     margin: 0 auto !important;
     display: block !important;
   }
 }

 .row {
   width: 50%;
   display: block;
   float: left;
   padding: 20px;
 }

 @media all and (max-width: 780px) {
   .row {
     width: 100%;
     display: block;
     float: none;
     padding: 0;
   }

 }

 @media all and (max-width: 855px) {
   .logo-cont {
     display: block !important;
     padding: 20px;
   }
 }

 #file {
   height: 0;
   overflow: hidden;
   width: 0;
   display: none;
 }

 .meniu .active {
   background: #eee;
   color: #222
 }

 .meniu li:first-child {
   margin-left: -15px;
 }


 .meniu li {
   list-style: none;
   display: inline-block;
   text-transform: uppercase;
   font-size: 18px;
   color: #da0f0f;
   font-weight: 700;
   margin-right: 15px
 }

 .meniu li a {
   display: block;
   padding: 5px 15px;
   text-decoration: none;
   color: #da0f0f;
   margin-top: 6px;

 }

 .meniu li a:hover {
   text-decoration: none;
   background: #eee;
   color: #222
 }

 .main_box {
   margin-top: 25px;
   background: #fff;
   padding: 0 40px;
   min-height: 1300px
 }

 .intro {
   text-align: center;
   margin-bottom: 20px
 }

 .intro h1 {
   font-size: 25px;
   font-weight: 700;
   margin-bottom: 15px
 }

 .intro .desc {
   font-size: 20px;
   font-weight: 400;
   margin-bottom: 15px;
   padding: 0 90px;
   text-align: justify;
 }

 .form {
   margin-top: 30px;
 }

 .form_camp {
   font-size: 20px;
   font-weight: 400;
   float: left;
   ;
   margin-right: 20px;
   /*width: 135px;*/
   margin-bottom: 5px;
 }

 .form_camp2 {
   font-size: 20px;
   font-weight: 400;
   float: left;
   ;
   margin-right: 20px;
   /*width: 135px;*/
   margin-bottom: 5px;
   margin-top: -10px
 }

 .form_camp3 {
   font-size: 20px;
   font-weight: 400;
   float: left;
   ;
   margin-right: 20px;
   /*width: 375px;*/
   margin-bottom: 5px;
 }

 .form_camp33 {
   font-size: 20px;
   font-weight: 400;
   float: left;
   ;
   margin-right: 20px;
   /*width: 375px;*/
   margin-bottom: 5px;
 }

 .eu {
   font-size: 22px;
   font-weight: 700;
   margin-bottom: 15px;

 }

 .camp,
 .campp {
   background: #e9e9e9;
   border-radius: 5px;
   border: 0;
   width: 350px;
   padding: 0 10px;
   float: left;
   ;
   margin-bottom: 15px;
   height: 45px;
   font-size: 20px;
   font-weight: 400;

 }

 .big {
   font-size: 15px;
   text-transform: uppercase
 }

 .big p {
   margin-top: 5px;
   float: left;
   margin-left: 5px;
   margin-right: 10px;
 }

 .bigg {
   font-size: 15px;
   /*text-transform: uppercase;*/
 }

 .bigg p {

   margin-top: 4px;
   float: left;
   margin-left: 25px;
   margin-right: 10px;
 }

 .bigg input {
   margin-top: 5px;
   float: left;
   margin-bottom: 15px;
   margin-right: 10px;
 }


 .big input {
   margin-top: 10px;
   float: left;
   margin-bottom: 15px;
 }

 .clear {
   clear: both
 }

 .mt15 {
   margin-top: 5px;
 }

 .double {
   zoom: 2;
   transform: scale(2);
   -ms-transform: scale(2);
   -webkit-transform: scale(2);
   -o-transform: scale(2);
   -moz-transform: scale(2);
   transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   -webkit-transform-origin: 0 0;
   -o-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -webkit-transform-origin: 0 0;

 }

 .send {
   background: #da0f0f !important;
   border: 0;
   border-radius: 5px;
   width: 190px;
   height: 55px;
   color: #fff !important;
   text-transform: uppercase;
   font-size: 18px;
   text-align: center;
   margin-top: 30px
 }

 .cl {
   width: 1px;
   float: left;
 }

 .col-md-4 .item {
   -webkit-box-shadow: 0px 0px 3px 3px rgba(186, 186, 186, 0.61);
   -moz-box-shadow: 0px 0px 3px 3px rgba(186, 186, 186, 0.61);
   box-shadow: 0px 0px 3px 3px rgba(186, 186, 186, 0.61);
   padding: 10px;
   margin-bottom: 20px;
   min-height: 420px
 }

 .nick {
   color: #da0f0f;
   font-size: 15px;
   font-weight: 700;
   margin-bottom: 15px;
   padding-left: 15px;
   padding-top: 10px;
   height: 30px;
   overflow: hidden;
 }

 .nume_pre {
   color: #222;
   font-size: 20px;
   font-weight: 700;
   padding-bottom: 20px;
   padding-left: 15px;
   height: 60px;
   overflow: hidden;
 }

 .nume_pre a {
   color: #222;
   text-decoration: none;

 }

 .nume_pre a:hover {
   color: #da0f0f;
   text-decoration: none;

 }

 .clear_mob {
   display: none;
 }

 .likes {
   color: #da0f0f;
   font-size: 15px;

 }

 .foto img {
   width: 100%;
   height: auto;

 }

 .paginare a {
   display: block;
   background: #e9e9e9;
   padding: 5px 12px;
   float: left;

   margin-right: 6px;
   margin-bottom: 6px;
   color: #4d4d4d;
   font-size: 18px;
   text-decoration: none
 }

 .paginare a:hover {
   display: block;
   background-color: #da0f0f;
   float: left;
   margin-right: 6px;
   margin-bottom: 6px;
   color: #fff;
   font-size: 18px;
   text-decoration: none
 }

 .paginare .active {
   background-color: #da0f0f !important;
   color: #fff;
 }

 .paginare {
   padding-bottom: 20px;
 }


 .eroarez {
   display: none;
   color: red;
   background-color: #df0000;
   margin-bottom: 20px;
   color: #fff;
   padding: 5px 10px;
   border-radius: 3px;
 }



 .eroare {
   display: none;
   color: red;
   background-color: #df0000;
   margin-bottom: 20px;
   color: #fff;
   padding: 5px 10px;
   border-radius: 3px;
 }

 .eroare_viz {

   background-color: #df0000;
   margin-bottom: 20px;
   color: #fff;
   padding: 5px 10px;
   border-radius: 3px;
 }

 .foto img {
   width: 300px;
   height: 300px;
   object-fit: cover;
 }

 .foto {

   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 20px;
   position: relative;
   height: 292px;
   background-color: #fff;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
 }


 .foto_left {

   height: auto;
   float: left;
   /* display: flex;
  justify-content: center;
  align-items: center; */
 }

 .foto_left img {
   width: 100%;
   height: auto;

 }

 .nume_big {
   background-color: #eee;
   padding: 10px;
   color: #222;
   text-transform: uppercase;
   font-size: 23px;
   font-weight: 600;
   margin-bottom: 15px;
 }

 .detalii {
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 600
 }

 #slider {
   position: relative;
   overflow: hidden;
   margin: 20px auto 0 auto;
   border-radius: 4px;
 }

 #slider ul {
   position: relative;
   margin: 0;
   padding: 0;
   height: 200px;
   list-style: none;
 }

 #slider ul li {
   position: relative;
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   width: 500px;
   height: 300px;
   background: #ccc;
   text-align: center;
   line-height: 300px;
 }

 a.control_prev,
 a.control_next {
   position: absolute;
   top: 40%;
   z-index: 999;
   display: block;
   padding: 4% 3%;
   width: auto;
   height: auto;
   background: #2a2a2a;
   color: #fff;
   text-decoration: none;
   font-weight: 600;
   font-size: 18px;
   opacity: 0.8;
   cursor: pointer;
 }

 a.control_prev:hover,
 a.control_next:hover {
   opacity: 1;
   -webkit-transition: all 0.2s ease;
 }

 a.control_prev {
   border-radius: 0 2px 2px 0;
 }

 a.control_next {
   right: 0;
   border-radius: 2px 0 0 2px;
 }

 .slider_option {
   position: relative;
   margin: 10px auto;
   width: 160px;
   font-size: 18px;
 }

 .lleft {
   position: absolute;
   top: 50%;
   z-index: 5;
   display: inline-block;
   font-size: 20px;

 }


 .rright {
   position: absolute;
   top: 50%;
   z-index: 5;
   display: inline-block;
   font-size: 20px;

 }

 .carousel-inner {
   text-align: center
 }

 .carousel-inner .item {
   text-align: center !important;
   width: 100%;
 }

 .carousel-inner .item img {

   width: 100%;
 }



 @media (max-width: 1200px) {

   .form_camp2,
   .form_camp3 {
     float: none;


   }

   .form_camp2 {
     width: auto
   }

 }



 @media all and (max-width: 651px) {
   #formId .row {
     width: 100%;
     display: block;
     float: left;
     padding: 5px;
     margin: 0;
   }

   .form_camp,
   .form_camp2,
   .form_camp3 {
     font-size: 15px;
   }

   .title-abv {
     font-size: 24px !important;
     line-height: 1.1 !important;
   }
 }





 @media (max-width: 768px) {

   .meniu li a {
     margin-top: 0px;

   }

   .main_box {

     margin-top: 25px;
     background: #fff;
     padding: 25px;
     min-height: 140em;

   }

   .form_camp2,
   .form_camp3 {
     float: none;


   }

   .cl {
     clear: both;
   }

   .form_camp33 {

     display: none
   }

   .meniu li a {
     display: block;
     padding: 5px 5px;
     text-decoration: none;
     color: #da0f0f;

   }

   .intro .desc {
     font-size: 20px;
     font-weight: 400;
     margin-bottom: 15px;
     padding: 0;
   }

 }




 @media (max-width: 600px) {





   .col-md-4 .item {
     -webkit-box-shadow: 0 0 3px 3px rgba(186, 186, 186, .61);
     -moz-box-shadow: 0 0 3px 3px rgba(186, 186, 186, .61);
     box-shadow: 0 0 3px 3px rgba(186, 186, 186, .61);
     padding: 10px;
     margin-bottom: 20px;
     min-height: 100%;
     /* height: 417px; */
   }


   .foto {
     margin-left: 10px;
     margin-right: 10px;
     margin-bottom: 10px;
     position: relative;
     height: auto;
     background-color: #fff;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .nume_pre {
     color: #222;
     font-size: 20px;
     font-weight: 700;
     padding-bottom: 20px;
     padding-left: 15px;
     height: auto;
   }

   .nick {
     color: #da0f0f;
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 10px;
     padding-left: 15px;
     padding-top: 10px;
   }

   .clear_mob {
     clear: both;
     display: block;
   }
 }

 @media (max-width: 500px) {
   .intro .desc {
     font-size: 16px;

   }

   .subtitle-zalando {
     padding: 10px !important;
     font-size: 20px !important;
   }

   .subtitle-zalando1 {
     padding: 10px !important;
     font-size: 20px !important;
     display: block !important;
     text-align: center !important;
   }

   .subtitle-zalando1 img {
     width: 100% !important;
     transform: none !important;
     margin-top: 20px !important;
   }

   .field-box.question span.question-txt {
     margin: 0px !important;
     font-size: 20px !important;
   }

   .form-body .field-box.question p {
     font-size: 18px !important;
     margin: 0px 25px !important;
     text-align: left !important;
   }

   .form-body form {
     padding: 16px !important;
   }

   .form-body .field-box.question {
     margin-top: 0 !important;
   }

   .form-body .title {
     margin-bottom: 0 !important;
   }

   .form-body .check-wrap label {
     font-size: 12px !important;
   }

   .meniu li {

     list-style: none;
     display: inline-block;
     text-transform: uppercase;
     font-size: 14px;
     color: #da0f0f;
     font-weight: 700;
     margin-right: 5px;
     margin-top: 3px;

   }

   .meniu {

     background: #fff;
     height: 35px;

   }

   .intro h1 {

     font-size: 20px;

   }

   h3 {

     font-size: 18px !important;
     line-height: 1.3em
   }

   .intro .desc {

     font-size: 16px;
     font-weight: 400;
     margin-bottom: 15px;

   }

   .camp {


     width: 100%;
     float: none;

   }

   .form_camp2,
   .form_camp3 {
     width: 100%;


   }

 }

 #ot-sdk-btn.ot-sdk-show-settings {
   border-radius: 20px !important;
   color: #DA0F10 !important;
   font-size: 14px !important;
   padding: 4px 10px !important;
 }

 #ot-sdk-btn.ot-sdk-show-settings:hover {
   color: #fff !important;
   background: #DA0F10 !important;
 }

 input:not([type=checkbox]):not([type=radio]):not([type=submit]),
 textarea,
 select {
   /* font-family: “ibm plex serif”, serif; */
   font-size: 16px;
   line-height: 1.5;
   color: #222;
   background-color: #fff;
   font-weight: 300;
   border-radius: 5px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: 1px solid rgba(0, 0, 0, .25);
   outline: none;
   width: 100%;
   margin: 0 0 10px;
   padding: 16px 17px 14px;
 }

 .listing-header,
 .listing-container {
   padding: 0 15px
 }

 .listing-container .ads-div,
 .article-hero .ads-div {
   width: calc(100vw);
   margin: 0 0 0 -15px
 }

 .listing-large .news-data,
 .listing-small .news-data {
   font-family: ibm plex sans, serif;
   color: #222;
   font-size: 14px
 }

 @media all and (min-width: 1020px) {
   .article-block .article-column {
     width: 730px;
     margin-left: auto;
     margin-right: auto;
   }
 }

 @media all and (min-width: 1020px) {
   .article-block h1 {
     margin: 0 0 15px;
     font-size: 38px;
   }
 }

 .article-block .controller {
   padding: 25px 15px;
 }

 @media all and (min-width: 1020px) {
   .article-block .controller.article-controller {
     padding: 25px 0 0;
   }
 }

 .article-block {
   max-width: none !important;
   margin: 0 auto;
 }

 .article-column1 {
   max-width: 1030px !important;
   background: #e0d7d2;
 }

 @media all and (max-width: 1050px) {
   .article-column1 {
     background-size: cover;
   }

   .neck {
     margin-bottom: -14px !important;
   }
 }

 .controller2 {
   padding: 40px 0;
   max-width: 1030px;
 }

 .subtitle-zalando {
   padding: 25px !important;
   width: 80%;
   display: block;
   margin: 0 auto;
   font-size: 25px;
   line-height: 1.2;
   color: #000;
 }

 .subtitle-zalando1 {
   padding: 25px 25px 0 25px !important;
   width: 80%;
   display: flex;
   margin: 0 auto;
   font-size: 25px;
   line-height: 1.2;
   color: #ed1c25;
 }

 .subtitle-zalando1 img {
   width: 30%;
   transform: translate(10px, -7px);
 }

 .article-block h2 {
   text-align: center;
 }

 .article-block h1 {
   margin: 0 0 15px;
   font-size: 28px;
 }

 @media all and (min-width: 1020px) {
   .article-block h1 {
     margin: 0 0 15px;
     font-size: 38px;
   }
 }

 .article-block .controller {
   padding: 25px 15px;
 }

 @media all and (min-width: 1020px) {
   .article-block .controller.article-controller {
     padding: 25px 0 0;
   }
 }

 .form-body {
   /* background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0% / 8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0% / 8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100% / 8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100% / 8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 10px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 16px) calc(100% - 10px) no-repeat, linear-gradient(90deg, #ff4c00 0%, #ff4c00 18%, #910303 35%, #ff4c00 72%, #ff4c00 82%); */
   background: #ffffff;
   margin-top: -16px;
   box-sizing: border-box;
   border-radius: 5px;
 }

 .form-body form {
   max-width: 650px;
   margin: 0 auto;
   padding: 40px 16px;
 }

 @media all and (min-width: 560px) {
   .form-body form {
     padding: 40px 16px;
   }
 }

 .form-body .form-row {
   width: 100%;
 }

 .form-body .has-error .error {
   display: block;
 }

 .form-body .error {
   font-size: 14px;
   color: #D83326;
   line-height: 1.2;
   margin-top: -5px;
   margin-bottom: 5px;
   /* display: none; */
 }

 .error span {
   font-size: 15px;
   padding-bottom: 10px;
   display: block;
 }

 .form-body .block-50 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }

 @media all and (min-width: 560px) {
   .form-body .block-50 {
     flex-wrap: nowrap;
   }
 }

 .form-body .block-50 .wrapper {
   width: 100%;
 }

 @media all and (min-width: 560px) {
   .form-body .block-50 .wrapper {
     width: 49%;
   }
 }

 .form-body .field-box.question {
   margin-top: 8px;
 }

 .form-body .field-box.question p {
   margin: 0px 25px 30px;
   font-size: 20px;
   text-align: left;
 }

 p.error {
   padding-bottom: 5px !important;
   margin: 0px !important;
 }

 .form-body textarea {
   margin: 10px 0 16px;
 }

 .form-body .check-wrap {
   display: flex;
   /* align-items: unset; */
   /* justify-content: space-between; */
   margin-bottom: 6px;
 }

 .form-body .check-wrap input {
   width: 20px;
   height: 20px;
   display: block;
   color: #000;
   border: 1px solid #000;
 }

 .form-body .check-wrap input:hover {
   cursor: pointer;
 }

 @media all and (min-width: 560px) {
   .form-body .check-wrap input {
     width: 14px;
     height: 14px;
     display: block;
     color: #000;
     border: 1px solid #000;
   }
 }

 .form-body .check-wrap label {
   font-size: 14px;
   width: calc(100% - 40px);
   color: #222222;
   padding-left: 5px;
 }

 @media all and (min-width: 560px) {
   .form-body .check-wrap label {
     width: calc(100% - 30px);
     margin-top: -3px;
     padding-left: 5px;
   }
 }

 .form-body .check-wrap a {
   text-decoration: underline;
 }

 .form-body button,
 .form-body input[type=submit] {
   border-radius: 25px;
   background-color: #000000;
   border: 1px solid #000000;
   color: #ffffff;
   font-weight: 400;
   margin: 26px auto 0;
   display: block;
   font-size: 15px;
   padding: 10px 20px;
   cursor: pointer;
 }

 .form-body button:hover,
 .form-body input[type="submit"]:hover {
   background-color: #ff4c00;
   color: #FFFFFF;
 }

 .form-body input:not([type=checkbox]):not([type=radio]):not([type=submit]),
 .form-body textarea,
 .form-body select {
   border: 1px solid rgba(0, 0, 0, 0.45);
 }

 .form-body input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus,
 .form-body textarea:focus,
 .form-body select:focus {
   border: 1px solid #ff4c00;
 }

 .form-body :-ms-input-placeholder {
   /* Internet Explorer */
   color: #222222;
 }

 .form-body ::-moz-placeholder {
   color: #222222;
 }

 .form-body ::placeholder {
   color: #222222;
 }

 .form-body .upload {
   margin-top: 8px;
   margin-bottom: 16px;
 }

 .form-body .upload p {
   margin-bottom: 10px;
   padding-right: 20%;
 }

 @media all and (min-width: 560px) {
   .form-body .upload p {
     padding-right: 0;
   }
 }

 .custom-wrapper {
   margin-bottom: 60px;
 }

 @media all and (min-width: 1060px) {
   .custom-wrapper .double-split {
     display: flex;
     justify-content: space-between;
   }
 }

 .custom-wrapper .double-split .container {
   width: 100%;
   margin-bottom: 50px;
   display: flex;
   flex-direction: column;
 }

 @media all and (min-width: 1060px) {
   .custom-wrapper .double-split .container {
     width: 48%;
   }
 }

 .custom-wrapper .double-split .container .text-wrap {
   padding: 0 15px;
   max-width: 480px;
   width: 100%;
   margin: 0 auto;
   flex: 1;
 }

 @media all and (min-width: 1060px) {
   .custom-wrapper .double-split .container .text-wrap {
     padding: unset;
     max-width: unset;
   }
 }

 .custom-wrapper .double-split .container h2 {
   font-size: 27px;
   font-weight: 400;
   margin: 20px 0 10px;
 }

 .custom-wrapper .double-split .container p {
   color: #222222;
   margin-bottom: 20px;
 }

 .custom-wrapper .double-split .container .btn {
   padding: 0 15px;
   max-width: 480px;
   width: 100%;
   margin: 0 auto;
 }

 @media all and (min-width: 1060px) {
   .custom-wrapper .double-split .container .btn {
     padding: unset;
     max-width: unset;
   }
 }

 .custom-wrapper .double-split .container .btn a {
   padding: 16px;
   border: 1px solid #D83326;
   color: #D83326;
   text-transform: uppercase;
   text-align: center;
   border-radius: 50px;
   display: block;
   font-weight: 400;
   background-color: #D83326;
   color: #FFFFFF;
 }

 .custom-wrapper .double-split .container .btn a:hover {
   background-color: #b90d0e;
 }

 .article-block .listing-stiri-concurs {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 70px;
   margin-top: 10px;
 }

 .article-block .listing-stiri-concurs .news-item {
   position: relative;
   width: calc(50% - 8px);
   display: flex;
   flex-direction: column;
   margin: 10px 0 0;
   padding: 0;
 }

 @media all and (min-width: 560px) {
   .article-block .listing-stiri-concurs .news-item {
     width: calc(50% - 15px);
   }
 }

 .article-block .listing-stiri-concurs .news-item .thumb {
   width: 100%;
   padding-bottom: 56.25%;
   margin: 0;
 }

 @media all and (min-width: 700px) {
   .article-block .listing-stiri-concurs .news-item .thumb {
     width: 100%;
   }
 }

 .article-block .listing-stiri-concurs .news-item h2 {
   font-size: 16px;
   line-height: 1.2;
   flex: 1;
 }

 @media all and (min-width: 1060px) {
   .article-block .listing-stiri-concurs .news-item h2 {
     font-size: 18px;
   }
 }

 .article-block .listing-stiri-concurs .news-item .news-item-info {
   margin: auto;
   padding: 10px 0 16px 0;
   display: flex;
   flex-direction: column;
   line-height: 1.2;
 }

 .article-block .listing-stiri-concurs .news-item .news-item-info .news-info-group {
   display: flex;
   align-items: center;
   margin-top: 12px;
 }

 .article-block .listing-stiri-concurs .news-item .news-item-info .news-info-group .news-item-info__logo-show {
   margin-top: 0;
 }

 .article-block .listing-stiri-concurs .news-item .news-item-info .news-info-group .news-item-info__data {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 14px;
 }

 /*# sourceMappingURL=concursuri.css.map */

 .article-block .calup-article-concursuri {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 50px;
   margin-top: 30px;
 }

 .article-block .calup-article-concursuri .news-item {
   margin: 0;
   padding: 0;
 }

 .article-block .calup-article-concursuri .news-item.large {
   width: 100%;
 }

 @media all and (min-width: 1020px) {
   .article-block .calup-article-concursuri .news-item.large {
     width: calc(95%);
   }
 }

 .article-block .calup-article-concursuri .news-item.large .thumb {
   /* width: 100%; */
   margin-right: 0;
   padding-bottom: 56.25%;
 }

 .article-block .calup-article-concursuri .news-item.large .news-item-info {
   padding: 15px 0 20px;
 }

 .article-block .calup-article-concursuri .news-item.large .news-item-info__logo-show {
   width: 30px;
   height: 30px;
   margin-right: 5px;
   position: relative;
   left: unset;
   top: unset;
 }

 .article-block .calup-article-concursuri .news-item.large .news-item-info__logo-shows {
   width: 65px;
   height: 65px;
   position: relative;
   left: unset;
   top: unset;
 }

 .article-block .calup-article-concursuri .news-item .thumb {
   margin-left: 0;
 }

 .article-block .calup-article-concursuri .news-item h2 {
   font-size: 16px;
   line-height: 1.2;
   flex: 1;
 }

 @media all and (min-width: 1060px) {
   .article-block .calup-article-concursuri .news-item h2 {
     font-size: 18px;
   }
 }

 .article-block .calup-article-concursuri .news-item .news-item-info {
   margin: 0;
   display: flex;
   flex-direction: column;
   line-height: 1.2;
   padding: 0;
 }

 .article-block .calup-article-concursuri .news-item .news-item-info .news-info-group {
   display: flex;
   align-items: center;
   margin-top: 12px;
 }

 .article-block .calup-article-concursuri .news-item .news-item-info .news-info-group .news-item-info__logo-show {
   margin-top: 0;
 }

 .article-block .calup-article-concursuri .news-item .news-item-info .news-info-group .news-item-info__data {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 0.7rem;
 }

 .article-block .calup-article-concursuri .news-item--cu-logo.large .news-item-info h3 {
   order: unset;
   font-size: 20px;
 }

 @media all and (min-width: 1020px) {
   .article-block .calup-article-concursuri .news-item--cu-logo.large .news-item-info h3 {
     font-size: 24px;
   }
 }

 .article-block .calup-article-concursuri .calup-article__coloana {
   display: flex;
 }

 @media all and (min-width: 1020px) {
   .article-block .calup-article-concursuri .calup-article__coloana {
     width: calc(30% - 15px);
   }
 }

 .article-block .calup-article-concursuri .calup-article__coloana .news-item {
   margin: 0 0 16px 0;
 }

 .article-block .calup-article-concursuri .calup-article__coloana .news-item .thumb {
   width: 145px;
   padding-bottom: 81px;
   margin-right: 15px;
 }

 @media all and (min-width: 1020px) {
   .article-block .calup-article-concursuri .calup-article__coloana .news-item .thumb {
     width: 145px;
     padding-bottom: 93px;
     margin-right: 20px;
   }
 }

 .article-block .calup-article-concursuri .calup-article__coloana .news-item .news-item-info {
   width: calc(30% - 5px);
 }

 .article-column.calup-article-concursuri {
   width: 100%;
 }

 .article-column.calup-article-concursuri h3 {
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1rem;
 }

 @media all and (min-width: 1020px) {
   .article-column.calup-article-concursuri h3 {
     font-size: 1.1rem;
   }
 }

 /* new */

 .article-block .calup-article-concursuri .calup-article__row {
   display: flex;
 }

 @media all and (min-width: 1020px) {
   .article-block .calup-article-concursuri .calup-article__row {
     width: calc(30% - 15px);
   }
 }

 .article-block .calup-article-concursuri .calup-article__row .news-item {
   margin: 0 0 16px 0;
 }

 .article-block .calup-article-concursuri .calup-article__row .news-item .thumb {
   width: 245px;
   padding-bottom: 138px;
   margin-right: 15px;
 }

 @media all and (min-width: 1020px) {
   .article-block .calup-article-concursuri .calup-article__row .news-item .thumb {
     width: 145px;
     padding-bottom: 93px;
     margin-right: 20px;
   }
 }

 .article-block .calup-article-concursuri .calup-article__row .news-item .news-item-info {
   width: calc(30% - 5px);
 }

 .calup-article {
   display: -webkit-inline-flex;
 }

 @media all and (max-width: 700px) {
   .calup-article {
     display: block;
   }
 }

 .news-item--cu-logo.large .news-item-info__sapou {
   padding-left: 15px;
 }


 @media all and (min-width: 560px) {
   .article-item {
     width: calc(100% - 15px);
   }
 }

 .article-item {
   width: 100%;
   margin: 0;
 }

 @media all and (min-width: 700px) {
   .article-item {
     width: 100%;
   }
 }

 .article-item {
   font-size: 16px;
   line-height: 1.2;
   flex: 1;
 }

 @media all and (min-width: 1060px) {
   .article-item {
     font-size: 18px;
   }
 }

 .neck {
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;
   display: block;
 }

 .title-neata {
   top: -33rem;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 3rem;
   color: #5d4a1f;
   text-shadow: 0px 3px 0px #b2a98f,
     0px 14px 10px rgba(0, 0, 0, 0.15),
     0px 24px 2px rgba(0, 0, 0, 0.1),
     0px 34px 30px rgba(0, 0, 0, 0.1);
   transform: rotate(-8deg);
   position: relative;
   font-weight: 600;
 }

 input {
   appearance: auto !important;
 }

 footer {
   text-align: center !important;
   position: relative !important;
   max-width: 1030px;
   display: block !important;
   margin: 0 auto !important;
   background-color: #fff;
 }

 .title-abv {
   font-size: 50px;
   line-height: 1;
   font-weight: 600;
   text-align: center;
   padding-bottom: 40px;
   display: block;
   margin: 0 auto;
   color: #ff4c00;
 }

 .logo-cont {
   display: block;
   padding: 20px;
 }

 .subtitle-zalando strong {
   font-weight: 900;
 }

 .subtitle-zalando1 strong {
   font-weight: 900;
 }

 #form-success {
   background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat,
     radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/8px 8px no-repeat,
     radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/8px 8px no-repeat,
     radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/8px 8px no-repeat,
     linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat,
     linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat,
     linear-gradient(90deg, #dc344b 0%, #c31a26 18%, #910303 35%, #c31a26 72%, #dc344b 82%);
   margin-top: -16px;
   box-sizing: border-box;
   border-radius: 5px;
   text-align: center;
   z-index: 9;
   position: relative;
   font-weight: 900;
   color: #198754;
   width: 100%;
 }

 .form-row.wrapper.image-upload {
   display: inline-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
   align-items: center;
 }

 .form-row.wrapper.image-upload label {
   width: 51%;
 }

 .form-row.wrapper.image-upload input {
   width: 49%;
 }

 @media (max-width: 560px) {
   .form-row.wrapper.image-upload {
     display: block;
   }

   .form-row.wrapper.image-upload label {
     width: 100%;
   }

   .form-row.wrapper.image-upload input {
     width: 100%;
   }

 }

 .voucher-zalando {
   width: 320px;
   height: auto;
   margin: 0 auto;
   display: block;
   padding-top: 50px;
 }

 .parteneri a {
   padding: 3px 10px 4px !important;
   display: contents !important;
   cursor: pointer !important;
   font-size: 14px !important;
   line-height: 24px !important;
   color: #da0f10 !important;
 }

 footer .controller .wrapper .parteneri li {
   padding: 3px 8px 4px 8px !important;
 }

 @media (min-width: 1020px) {
   footer .controller {
     max-width: 1030px !important;
   }
 }

 @media (max-width: 1050px) {
   .neck {
     margin-bottom: -14px !important;
     margin-top: 38px;
   }
 }

 #msg .article-column.form-body p.title {
   text-align: center;
 }

 .article-block .article-column.form-body p {
   padding: 0 !important;
 }

 @media only screen and (max-width:1020px) {
   body {
     background-image: url('/img/bg-zalando.png') !important;
   }

   .article-block {
     background: transparent !important;
   }
 }

 @media (max-width: 560px) {
   .neck {
     margin-bottom: -14px !important;
     margin-top: 5px !important;
   }

   .voucher-zalando {
     padding-top: 10px !important;
   }

   .controller2 {
     padding: 30px 0 !important;
   }
 }