/*Dropdown*/
  .custom-select {position: relative;}

  .custom-select select {
    display: none !important; /*hide original SELECT element:*/
  }

  .select-selected {background: #EFEFEF url(/images/icons/arrow_down.webp) no-repeat center right 20px;
    border-radius: 52px;}

  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent; 
  }

  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }

  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected { font-weight: 500; background: #F9F9F9; font-size: 20px;
    color: #32353C;
    padding: 20px 40px;
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
    user-select: none;
  }

  /*style items (options):*/
  .select-items {border-radius:  17px; margin-top: 15px;}

  /*hide the items when the select box is closed:*/
    .select-hide {display: none;}
    .select-items div:first-child{border-radius: 17px 17px 0 0 !important;}
    .select-items div:last-child{border-radius: 0 0 17px 17px !important;}
    .select-items div:hover, .same-as-selected {background-color: #707070 !important; color: #fff}
  	.uk-select {background: #EFEFEF url(/images/icons/arrow_down.svg) center right 20px !important; background-repeat: no-repeat !important; font-weight: 600; cursor: pointer; height: 90px !important;
    line-height: 90px !important; font-size: 20px;}
  	option{background: #fff; color: #32353C; padding-left: 20px; cursor: pointer; font-family: Roboto; font-size: 18px;}
    .price-switcher{color: #333333; font-size: 20px; line-height: 21px; font-weight: 700;}
    @media(max-width: 959px){
      .price-switcher{color: #fff; font-size: 16px; font-weight: 400;}
      .uk-select{background-color: #f9f9f9 !important; border: 1px solid #707070; line-height: 80px !important; height: 80px !important}
    }

/*Packaging*/    
  .uk-subnav.icon img{width: 15px;}
  .icon.uk-subnav-selector a{padding: 5px 10px;}
  @media(max-width: 959px){
    .uk-subnav{width: fit-content; margin-left: auto; margin-right: auto;}
  }
  #parameter-selection li{margin-top: 0}

/*Modal*/
  .header{font-size: 18px; font-weight: bold; color: #333333}
/*Options*/
  .list-options li{border-radius: 52px; padding: 23px 30px; background: #e3e4e5}
  @media(max-width: 959px){
    .list-options li{background: none; padding: 14px 24px; border: 1px solid #707070;}
  }
  .list-options a{color: #000; font-size: 18px; font-weight: 500}
  .list-options strong{font-size: 22px}
  .list-options ball{border: 2px solid #707070; width: 32px; height: 32px; border-radius: 50%; display: inline-block; margin-top: 5px; background: none}
  .list-options .uk-active ball{background: #707070}
/*Buttons*/
  #mobile-launcher{background: #f7f7f7; z-index: 999999; position: fixed; bottom: 0; width: -moz-available; width: -webkit-fill-available; padding: 20px; margin-left: -15px}  
  .uk-button-purchase{line-height: 2; background: var(--primary); color: #fff; font-size: 18px !important; padding: 12px 20px !important}
  .uk-button-orange{background: #ff6f00 !important; color: #fff;}
  #mobile-launcher .uk-button{font-size: 12px; height: 57px; line-height: 1; display: flex;  align-items: center; width: fit-content; justify-self: center; margin: 0 auto;}
  #hide-button{z-index: 999999999; position: absolute; right: 0}
  #show-button a {font-weight: bold;}
  #show-button{position: fixed; bottom: 0; z-index: 99999; background: #f7f7f7; width: -moz-available; width: -webkit-fill-available; padding: 20px; margin-left: -15px; margin-bottom: 0;}
  #mobile .uk-accordion-content .uk-button, #mobile .m-button-start-now{height: 57px; line-height: 1; display: flex; align-items: center; white-space: break-spaces; width: fit-content; margin: 0 auto !important;}
/*Switcher de cores*/
  #color-placement-mobile, #color-placement-desktop{color: #666666; font-size: 12px; font-weight: 400}
/*Parameter switcher - level 1*/
  #parameter-switcher .el-item{margin-right: 10px; margin-bottom: 10px; cursor: pointer; border: 1px solid #707070; border-radius: 5px; padding: 5pt; color: #000; font-size: 16px; text-align: center; display: inline-block}
  #parameter-switcher .el-item.uk-active{background: #707070; color: #fff}
  #parameter-switcher .el-item img{max-width: 90px;}
  #parameter-switcher .uk-active p{color: #fff}
  #parameter-switcher .el-element{width: max-content}