#notificare_dialog_experience_day {
  display: none;
}

.dotari_text {

  display: block;

  font-weight: bold;

  padding: 5px 0px;

}



.dotari_text_final {

  font-weight: bold;

}



.pricing_offer {

  background-color: #f1f1f1;

  display: flex;

  padding: 3% 0;

}



.pricing_offer > div {

  width: 50%;

}



.offer_img_box img{

  text-align: center;

}



.offer_img_box img{

  width: 80%;

  margin: auto;

  display: block;

}



.offer_content {

  padding: 20px 3% 3% 5%;

}



.offer_content h1 {

  font-size: 18px;

  font-weight: bold;

}



.offer_content h2 {

  margin-top: 10px;

  font-size: 15px;

  font-weight: normal;

}



.btnOfferContent {

  margin-top: 10px;

}



.offerExplore {

  margin-top: 30px;

}



.btnOfferConfigurator {

  margin-top: 10px;

}



.modal_header.modal_header_expo.modal_header_micro h1 {

  font-size: 1.6em;

}



#notificare_dialog_showroom, #notificare_dialog_expo, 

#expoMessagePanel, #expoErrorMessagePanel, #notificare_dialog_microsite, #codSecurityPanelError {

  display: none;

}



#warning_dialog, #top_menu_dialog {

  display: none;

}



#price_dialog, #price_dialog_expo {

  display: none;

}



#codSecurityPanelError {

  color: red;

  padding-bottom: 10px;

}



#expoMessagePanel {

  height: 75px;

}



#solicita_oferta {

  text-decoration: none;

  color: #05141f;

  background-color: #f3c300;

  border-color: #f3c300;

}



#solicita_oferta::before {

  content: '';

  background: none;

  background-position: 0%;

  padding: 0px;

  margin: 0px;

  width: 0px;

  height: 0px;

}



.form_wrp.form_wrp_expo .input_box {

  padding: 12px 12px;

  font-size: 14px;

}



.form_wrp.form_wrp_model .input_box {

  padding: 6px 6px;

  font-size: 12px;

}



.info_tbl .info_th.info_th_expo {

  padding: 10px 0 10px 0;

}



.modal_container {

    overflow: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.5);

    z-index: 99999;

}



.modal_container_model {

  justify-content: space-evenly;

  align-content: space-evenly;

  flex-wrap: wrap;

}



.modal {

    position: relative;

    background-color: #FFF;

    width: 500px;

 }



.modal_container_experience_day .modal {

  width: 60vw;

}



.modal_map {

    width: 60vw;

 }



.map_container {

  min-height: 300px;

}



.modal_expo {

  width: 600px;

}



.warning_body {

  display: flex;

}



.warning_image {

  width:48%;

}



.warning_image img {

  width: 100%;

}



.warning_content {

  width: 52%;

  padding-left: 2%;

}



.modal_warning {

  width: 600px;

  background-color: #04151F;

  color: #FFF;

}



.modal_header.modal_header_expo h1{

  padding: 30px 20px 10px;

}



.modal_header.modal_header_model h1{

  padding: 30px 20px 0px;

}



.modal_header.modal_warning_header h1{

  padding: 30px 20px 0px;

  text-align: center;

  font-size: 18px;

}



.modal_header.modal_header_expo.modal_header_micro h1{

  padding: 30px 30px 10px 20px;

}



.close_modal.close_modal_expo {

  top: 25px;

}



.close_modal.close_modal_with_link {

  right: 40px;

  width: 30px;

}



.close_modal.close_modal_with_link:after {

  vertical-align: -1px;

}





.close_modal.close_modal_warning {

  top: 25px;

  background: none;

  color: #FFF;

}



.top_menu_modal_header {

  background-color: #05141f;

  color: #FFF;

}



.close_modal.close_modal_top_menu {

  background-color: #05141f;

  color: #FFF;

}



.top_menu_modal_body {

  display: flex;

}



.top_menu_modal_body > div {

  padding: 10px;

}



.top_menu_modal_body img {

  width: 100%;

}



.top_menu_modal_body p {

  text-align: center;

}



.submit_button_container {

  text-align: center;

  margin-bottom: 10px;

}



.form_wrp .input_box.error_field{

  border: 1px solid red;

}



.expoErrorMessagePanel {

  margin-top: 10px;

  color: red;

}



.modal_background img {

  width: 100%;

  max-width: 100%;

 }

 

 .modal_container_experience_day_body {

  width: 100%;

  text-align: center;

  position: absolute;

  top: calc(50% - 70px);

 }



 .modal_container_experience_day_body h1 {

    font-size: 32px;

    line-height: 38px;

    color: #F3C300;

    font-weight: bold;

 }



 .modal_container_experience_day_body h2 {

    font-size: 20px;

    line-height: 26px;

    color: #FFF;

 }



.modal_container_experience_day_body p {

  color: #FFF;

  padding: 10px 0px;

}



.modal_container_experience_day_footer {

  position: absolute;

  bottom: 20px;

  width: 100%;

 }



 .modal_container_experience_day_paragraph {

  color: #FFF;

 }



 .modal_container_experience_day_calendar {

  padding-right: 10px;

  border-right: 1px solid #FFF;

 }



 .modal_container_experience_day_footer_link_container {

  margin-bottom: 20px;

 }



 .modal_container_experience_day_footer_link {

  padding: 10px;

  color: #F3C300;

  border: 1px solid #F3C300;

  display: inline-block;

  width: 100px;

 }



 .modal_container_experience_day_retea {

  padding-left: 5px;

 }



 .modal_background .calendar_experience_day, .modal_background .location_experience_day {

  height: 16px;

  width: 16px;

  padding-right: 5px;

 }



 .modal_container_experience_day_footer_container {

  margin: 0 auto;

  max-width: 50vw;

 }



 .modal_container_experience_day_footer p {

  color: #FFF;

  text-align: center;

 }



.modal_header img {

  width: 100%;

  max-width: 100%;

 }



 .modal_header h1, .modal_header p{

    padding: 20px 20px;

 }



 .modal_body .info_tbl {

  float: none;

  width: 100%;

 }



 .info_tbl .form_wrp.only {

  width: 100%;

 }



 .agree-span {

    display: block;

 }



 .close {

    position: absolute;

    right: 32px;

    top: 32px;

    width: 32px;

    height: 32px;

    opacity: 0.3;

  }

  .close:hover {

    opacity: 1;

  }

  .close:before, .close:after {

    position: absolute;

    left: 15px;

    content: ' ';

    height: 33px;

    width: 2px;

    background-color: #333;

  }

  .close:before {

    transform: rotate(45deg);

  }

  .close:after {

    transform: rotate(-45deg);

  }



  .close_modal_link {

    padding-right: 4px;

  }



  .close_modal {

    position: absolute;

    top: 15px;

    right: 15px;

    width: 22px;

    height: 22px;

    background: #FFF;

    opacity: 1;

    color: #000;

    z-index: 9;

    padding: 0;

    text-align: center;

    line-height: 22px;

    cursor: pointer;

  }



  .modal_container_experience_day .close_modal{

    background: transparent;

    color: #FFF;

  }



  .modal_warning.close_modal {

    color: red;

  }

 

  .close_modal:after {

    content: "\00d7";

    font-size: 20px;

  }



  .modal_body, .modal_body_map {

    padding: 20px 20px;

  }



  .price_content {

    font-size: 15px;

  }



  .modal_price_header {

    border-bottom: 1px solid #e5e7eb;

  }



  .modal_price_header {

    font-weight: 600;

    font-size: 14px;

    line-height: 16px;

  }



  .modal_body_price {

    padding: 20px 25px 20px 20px;

  }

  

  .modal_body h1, .modal_body_map h1 {

    padding-top: 10px;

    padding-bottom: 20px;

  }



  .modal_body p, .modal_body_map p{

    font-size: 16px;

    padding: 10px 0px;

  }



  .disclaimer-content a {

    text-decoration: underline;

  }



  .modal_body > a {

    display: inline-block;

    margin: 10px 0px;

    padding: 10px;

    background: #000;

    color: #FFF;

    width: 200px;

  }





  .modal_body a:before {

      content: ">";

      padding: 0px 5px;

  }



  .modal_body a.normal {

    display: inline;

    margin: 0px;

    padding: 0px;

    background: transparent;

    color: #000;

    width: auto;

  }



  .modal_body a:before {

    content: "";

    padding: 0px;

}



  .modal_body > a {

    text-decoration: none;

  }



  .modal_body > a.confidentiality_link {

    display: inline;

    font-weight: bold;

    text-decoration: underline;

    margin: 0px;

    padding: 0px;

    background: none;

    color: #05141f;

    width: auto;

  }



  .modal_line {

    width: 70px;

    height: 2px;

    background: #000;

  }

  

  .info_panel_inner {

    padding: 20px 30px 10px 30px;

  }



  .info_panel {

    background-color: #05141f;

    height: 100%;

    margin-right: 20%;

  }



  .info_panel p {

    padding-bottom: 10px;

    font-size: 16px;

    color: #FFF;

  }



  .info_panel .error_box_area {

    color: #FFF;

    padding-bottom: 10px;

  }



  .info_panel .info_field {

    padding: 0px 0px 10px 0px;

  }



  .info_panel input, .info_panel select {

    padding: 10px;

    width: calc(100% - 20px);

  }



  .info_panel input[type=checkbox] {

    width: auto;

  }



  .info_panel input.security_code {

    width: 35%;

  }



  .info_panel select:invalid { 

    color: gray;

  }



  .info_field .btnMediumInfo {    

    padding: 5px 15px;

    line-height: 30px;

    font-size: 14px;

    width: calc(100% - 30px);

    text-align: center;

  }



  .info_field .btnType1 {

    background-color: #FFF;    

    color: #000;

  }



  .info_field .btnTypeWhite {

    background-color: #FFF;    

    color: #000;

    border: 1px solid #000; 

  }



  .info_field .btnPromotion, .preturi_rabla_container .btnPromotion {

    font-weight: normal;

    line-height: 100%;

    font-size: 14px;

    display: block;

    margin-bottom: 8px;

    color: #06141e;

    margin-left: 8px;

    margin-top: 8px;

 }



 .info_field .btnPromotion:before, .preturi_rabla_container .btnPromotion:before {

    position: relative;

    top: -2px;

    content: "";

    display: inline-block;

    /* By using an em scale, the arrows will size with the font */

    width: 0.5em;

    height: 0.5em;

    border-right: 0.1em solid black;

    border-top: 0.1em solid black;

    transform: rotate(45deg);

    margin-right: 0.5em;

  }



  .info_field .btnType2, .promotion-header-form .btnType2 {

    background-color: #000;    

    color: #FFF;

  }



  .info_field .btnType1.disabled {

    background-color: #58595b;    

    color: #FFF;

  }



  .submit_area {

    margin-top: 25px;

  }



  .submit_area_model {

    margin-top: 10px;

    font-size: 11px;

  }



  .submit_area .btnSmall {

    text-align: center;

    font-size: 14px;

  }



  .submit_area .agree-span {

    margin-bottom: 15px;

  }



  .submit_area_model.submit_area .agree-span {

    margin-bottom: 10px;

  }



  .info_field .agree-span, .info_field .agree-span a {

    color: #FFF;

  }



  .info_field .agree-span a {

    text-decoration: underline;

  }



  .agree-span input[type=checkbox] {

    margin-right: 5px;

  }



  .info_container {

    margin-top: 30px;

    margin-bottom: 40px;

    display: flex;

    align-content: flex-start;  

  }



  .info_image {

    width: 35%;

    background-color: #000;

  }



  .info_panel_container {

    width: 65%;  

  }



  .info_image img {

    width: 100%;

    height: 450px;

  }

  

  .promotion-header {

    width: 100%;

    display: flex;

    flex-direction: column;

  }



  .promotion-header .promotion-header-offers {

    width: 100%;

  }

  

  .promotion-header .promotion-header-form {

    display: none;

  }



  .map_h1 {

    font-size: 26px;

  }



  @media (max-width: 768px) {

    .page-body#promotion_list h1 {

      margin-bottom: 5px !important; margin-top:5px !important;

    }



    #promotion_list .promotion-detail-container {

      padding: 0px 10px;

    }



    .info_image {

      display: none;

    }

    .info_panel_container {

      width: 100%;

    }



    .promotion-header .promotion-header-offers {

      width: 50%;

    }



    .promotion-header-form .btnType2 {

      padding: 5px;

      margin: -2px;

      font-size: 11px;

    }

    

    .solicita_oferta_container {

      text-align: center;

      width: 100%;

    }



    .preturi_rabla_container {

      text-align: center;

      width: 100%;

    }

    

    .promotion-header-form .btnTypeOffer {

      padding: 0 12px;

      line-height: 40px;

      font-size: 14px;

      border-radius: 0%;

      background-color: #05141f;

      border: 1px solid #05141f;

      color: #FFF;

      width: 100%;

      height: 40px;

    }



    .promotion-header-form .btnTypeRabla {

      padding: 0 12px;

      line-height: 25px;

      font-size: 12px;

      border-radius: 0%;

      background-color: #FFF;

      color: #000;

      border: 1px solid #000;

    }



    .promotion-header .promotion-header-form {

      font-size: 11px;

      display: flex;

      flex-wrap: wrap;

      margin-top: 5px;

    }

  

    .promotions-button span {

      font-size: 11px;

    }



    .modal_container_experience_day_footer_container {

      margin: 0 auto;

      max-width: 90%;

    }



    .modal_container_experience_day .modal {

      width: 100%;

    }



    .modal {

      width: 400px;

    }

    .informatii_suplimentare {

      display: none;

    }

   }

  

   @media(max-width:1024px){

    .info_panel {

      margin-right: 0px;

    }



    .pricing_offer {

      flex-wrap: wrap;

      padding: 0;

    }



    .offer_content {

      padding: 7% 10px;

    }



    .pricing_offer > div {

      width: 100%;

    }



    .offer_img_box img{

      width: 100%;

    }



   }

  



   @media(max-width:768px){

    .modal_header.modal_header_expo h1 {

      padding: 30px 20px 10px;

      font-size: 20px;

    }

    .modal_header.modal_header_expo.modal_header_micro h1 {

      padding: 30px 35px 10px 20px;

      font-size: 1.2em;

    }



    .info_tbl .info_th.info_th_expo{width:100%;padding:0;border-right:0}

    .form_wrp.form_wrp_expo .input_box {padding: 8px;}

   }



   @media(max-width:1024px){



    .close_modal_link {

      font-size: 14px;      

    }



    .close_modal.close_modal_with_link {

      width: 40px;

    }



    .close_modal {

      width: 28px;

      height: 28px;

      line-height: 28px;

    }



    .close_modal:after {

      font-size: 28px;

    }



    .close_modal.close_modal_with_link:after {

      vertical-align: -4px;

    }



    .warning_content p {

      font-size: 14px;

    }

   }



   @media(max-height:749px){

    .modal_expo {

      margin-top: calc(745px - 100vh);

    }

   }



   @media(max-width: 768px) {

    @supports (-webkit-touch-callout: none) {

      .modal_container_model .modal{

        top: 50px;

      }

    }

   }



  @media(max-width:600px){

    .modal_expo {

      margin-top: calc(745px - 86vh);

    }

   }



  @media(max-width:1024px){

    .modal_container_experience_day .modal {

      width: 90vw;

    }



    .map_h1 {

      font-size: 18px;

      font-weight: bold;

    }

   }



@media screen and (min-width: 1025px) {
  .modal_container_experience_day_footer {
    bottom: 50px;
  }

  .modal_container_experience_day_body {
    top: calc(50% - 50px);
  }

  .modal_container_experience_day_body h1 {
    font-size: 48px;
    line-height: 1;
  }
}