prestashop.joelcosta.pt Open in urlscan Pro
23.147.168.180  Public Scan

Form analysis
3 forms found in the DOM

GET //prestashop.joelcosta.pt/pesquisa

<form method="get" action="//prestashop.joelcosta.pt/pesquisa">
  <input type="hidden" name="controller" value="search">
  <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input type="text" name="s" value="" placeholder="Pesquisar o nosso catálogo" aria-label="Pesquisar" class="ui-autocomplete-input" autocomplete="off">
  <button type="submit">
    <i class="material-icons search"></i>
    <span class="hidden-xl-down">Pesquisar</span>
  </button>
</form>

POST

<form id="theme_customization" action="" method="post">
  <h5>Theme layout editor</h5>
  <div class="must_save2">Remember to often save your changes.<br>After saving, click on the shop logo and refresh the store several times to load your changes.</div>
  <div id="accordion">
    <div class="panel">
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box0">Font</div>
      <div id="customization_box0" class="collapse customization_container">
        <div class="main_font">
          <div class="must_save"><sup>*</sup> - You must save this option to see the changes</div>
          <label class="options_title">Main font: <sup>*</sup></label><br>
          <label><input type="radio" name="angarconfig_input59" value="Poppins" checked="">Poppins</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Open_Sans">Open Sans</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Roboto">Roboto</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Lato">Lato</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Raleway">Raleway</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Montserrat">Montserrat</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Bitter">Bitter</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Oswald">Oswald</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Dosis">Dosis</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Nunito">Nunito</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Muli">Muli</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Gothic_A1">Gothic A1</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Fira_Sans">Fira Sans</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Ubuntu">Ubuntu</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Lora">Lora</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Work_Sans">Work Sans</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Merriweather">Merriweather</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Playfair_Display">Playfair Display</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Playfair_Display_SC">Playfair Display SC</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Noto_Sans">Noto Sans</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Noto_Serif">Noto Serif</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Roboto_Slab">Roboto Slab</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Arimo">Arimo</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Cabin">Cabin</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Titillium_Web">Titillium Web</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Source_Sans_Pro">Source Sans Pro</label><br>
          <label><input type="radio" name="angarconfig_input59" value="PT_Sans">PT Sans</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Oxygen">Oxygen</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Quicksand">Quicksand</label><br>
          <label><input type="radio" name="angarconfig_input59" value="Karla">Karla</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box1">Background</div>
      <div id="customization_box1" class="collapse customization_container">
        <div class="background_select_box">
          <label class="options_title">Pattern background:</label><br>
          <label class="custom_pattern_bg">Add file custom_pattern.png to themes/AngarTheme/assets/img/patterns next save and clear browser cache.</label>
          <label class="bg_select no_bg bg_current"><input type="radio" name="angarconfig_input1" value="no_bg" checked=""></label>
          <label class="bg_select color_only "><input type="radio" name="angarconfig_input1" value="color_only"></label>
          <label class="bg_select custom_pattern "><input type="radio" name="angarconfig_input1" value="custom_pattern"></label>
          <label class="bg_select bg1 "><input type="radio" name="angarconfig_input1" value="bg1"></label>
          <label class="bg_select bg2 "><input type="radio" name="angarconfig_input1" value="bg2"></label>
          <label class="bg_select bg3 "><input type="radio" name="angarconfig_input1" value="bg3"></label>
          <label class="bg_select bg4 "><input type="radio" name="angarconfig_input1" value="bg4"></label>
          <label class="bg_select bg5 "><input type="radio" name="angarconfig_input1" value="bg5"></label>
          <label class="bg_select bg6 "><input type="radio" name="angarconfig_input1" value="bg6"></label>
          <label class="bg_select bg7 "><input type="radio" name="angarconfig_input1" value="bg7"></label>
          <label class="bg_select bg8 "><input type="radio" name="angarconfig_input1" value="bg8"></label>
          <label class="bg_select bg9 "><input type="radio" name="angarconfig_input1" value="bg9"></label>
          <label class="bg_select bg10 "><input type="radio" name="angarconfig_input1" value="bg10"></label>
          <label class="bg_select bg11 "><input type="radio" name="angarconfig_input1" value="bg11"></label>
          <label class="bg_select bg12 "><input type="radio" name="angarconfig_input1" value="bg12"></label>
          <label class="bg_select bg13 "><input type="radio" name="angarconfig_input1" value="bg13"></label>
          <label class="bg_select bg14 "><input type="radio" name="angarconfig_input1" value="bg14"></label>
          <label class="bg_select bg15 "><input type="radio" name="angarconfig_input1" value="bg15"></label>
          <label class="bg_select bg16 "><input type="radio" name="angarconfig_input1" value="bg16"></label>
          <label class="bg_select bg17 "><input type="radio" name="angarconfig_input1" value="bg17"></label>
          <label class="bg_select bg18 "><input type="radio" name="angarconfig_input1" value="bg18"></label>
          <label class="bg_select bg19 "><input type="radio" name="angarconfig_input1" value="bg19"></label>
          <label class="bg_select bg20 "><input type="radio" name="angarconfig_input1" value="bg20"></label>
          <label class="bg_select bg21 "><input type="radio" name="angarconfig_input1" value="bg21"></label>
          <label class="bg_select bg22 "><input type="radio" name="angarconfig_input1" value="bg22"></label>
          <label class="bg_select bg23 "><input type="radio" name="angarconfig_input1" value="bg23"></label>
          <label class="bg_select bg24 "><input type="radio" name="angarconfig_input1" value="bg24"></label>
          <label class="bg_select bg25 "><input type="radio" name="angarconfig_input1" value="bg25"></label>
          <label class="bg_select bg26 "><input type="radio" name="angarconfig_input1" value="bg26"></label>
          <label class="bg_select bg27 "><input type="radio" name="angarconfig_input1" value="bg27"></label>
          <label class="bg_select bg28 "><input type="radio" name="angarconfig_input1" value="bg28"></label>
          <label class="bg_select bg29 "><input type="radio" name="angarconfig_input1" value="bg29"></label>
          <label class="bg_select bg30 "><input type="radio" name="angarconfig_input1" value="bg30"></label>
          <label class="bg_select bg31 "><input type="radio" name="angarconfig_input1" value="bg31"></label>
          <label class="bg_select bg32 "><input type="radio" name="angarconfig_input1" value="bg32"></label>
          <label class="bg_select bg33 "><input type="radio" name="angarconfig_input1" value="bg33"></label>
          <label class="bg_select bg34 "><input type="radio" name="angarconfig_input1" value="bg34"></label>
          <label class="bg_select bg35 "><input type="radio" name="angarconfig_input1" value="bg35"></label>
          <label class="bg_select bg36 "><input type="radio" name="angarconfig_input1" value="bg36"></label>
          <label class="bg_select bg37 "><input type="radio" name="angarconfig_input1" value="bg37"></label>
          <label class="bg_select bg38 "><input type="radio" name="angarconfig_input1" value="bg38"></label>
          <br>
          <label class="options_title">Texture background:</label><br>
          <label class="custom_texture_bg">Add file custom_texture.jpg to themes/AngarTheme/assets/img/textures next save and clear browser cache.</label>
          <label class="bg_select custom_texture "><input type="radio" name="angarconfig_input1" value="custom_texture"></label>
          <label class="bg_select texture01 "><input type="radio" name="angarconfig_input1" value="texture01"></label>
          <label class="bg_select texture02 "><input type="radio" name="angarconfig_input1" value="texture02"></label>
          <label class="bg_select texture03 "><input type="radio" name="angarconfig_input1" value="texture03"></label>
          <label class="bg_select texture04 "><input type="radio" name="angarconfig_input1" value="texture04"></label>
          <label class="bg_select texture05 "><input type="radio" name="angarconfig_input1" value="texture05"></label>
          <label class="bg_select texture06 "><input type="radio" name="angarconfig_input1" value="texture06"></label>
          <label class="bg_select texture07 "><input type="radio" name="angarconfig_input1" value="texture07"></label>
          <label class="bg_select texture08 "><input type="radio" name="angarconfig_input1" value="texture08"></label>
          <label class="bg_select texture09 "><input type="radio" name="angarconfig_input1" value="texture09"></label>
          <label class="bg_select texture10 "><input type="radio" name="angarconfig_input1" value="texture10"></label>
          <label class="bg_select texture11 "><input type="radio" name="angarconfig_input1" value="texture11"></label>
          <label class="bg_select texture12 "><input type="radio" name="angarconfig_input1" value="texture12"></label>
          <label class="bg_select texture13 "><input type="radio" name="angarconfig_input1" value="texture13"></label>
          <label class="bg_select texture14 "><input type="radio" name="angarconfig_input1" value="texture14"></label>
          <label class="bg_select texture15 "><input type="radio" name="angarconfig_input1" value="texture15"></label>
          <label class="bg_select texture16 "><input type="radio" name="angarconfig_input1" value="texture16"></label>
          <label class="bg_select texture17 "><input type="radio" name="angarconfig_input1" value="texture17"></label>
          <label class="bg_select texture18 "><input type="radio" name="angarconfig_input1" value="texture18"></label>
          <label class="bg_select texture19 "><input type="radio" name="angarconfig_input1" value="texture19"></label>
          <label class="bg_select texture20 "><input type="radio" name="angarconfig_input1" value="texture20"></label>
          <label class="bg_select texture21 "><input type="radio" name="angarconfig_input1" value="texture21"></label>
          <label class="bg_select texture22 "><input type="radio" name="angarconfig_input1" value="texture22"></label>
          <label class="bg_select texture23 "><input type="radio" name="angarconfig_input1" value="texture23"></label>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Pattern background color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarconfig_input2" id="background_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bg_attachment">
          <label class="options_title">Background attachment:</label><br>
          <label class="bg_attatchment_fixed"><input type="radio" name="angarconfig_input3" value="bg_attatchment_fixed" checked="">Yes</label><br>
          <label class="bg_attatchment_normal"><input type="radio" name="angarconfig_input3" value="bg_attatchment_normal">No</label>
        </div>
        <div class="bg_position">
          <label class="options_title">Background position:</label><br>
          <label class="bg_position_tl"><input type="radio" name="angarconfig_input4" value="bg_position_tl" checked="">Top left</label><br>
          <label class="bg_position_tc"><input type="radio" name="angarconfig_input4" value="bg_position_tc">Top center</label><br>
          <label class="bg_position_tr"><input type="radio" name="angarconfig_input4" value="bg_position_tr">Top right</label><br>
          <label class="bg_position_cl"><input type="radio" name="angarconfig_input4" value="bg_position_cl">Center left</label><br>
          <label class="bg_position_cc"><input type="radio" name="angarconfig_input4" value="bg_position_cc">Center center</label><br>
          <label class="bg_position_cr"><input type="radio" name="angarconfig_input4" value="bg_position_cr">Center right</label><br>
          <label class="bg_position_bl"><input type="radio" name="angarconfig_input4" value="bg_position_bl">Bottom left</label><br>
          <label class="bg_position_bc"><input type="radio" name="angarconfig_input4" value="bg_position_bc">Bottom center</label><br>
          <label class="bg_position_br"><input type="radio" name="angarconfig_input4" value="bg_position_br">Bottom right</label>
        </div>
        <div class="bg_repeat">
          <label class="options_title">Background repeat:</label><br>
          <label class="bg_repeat_no"><input type="radio" name="angarconfig_input5" value="bg_repeat_no">No repeat</label><br>
          <label class="bg_repeat_x"><input type="radio" name="angarconfig_input5" value="bg_repeat_x">Repeat in axis x</label><br>
          <label class="bg_repeat_y"><input type="radio" name="angarconfig_input5" value="bg_repeat_y">Repeat in axis y</label><br>
          <label class="bg_repeat_xy"><input type="radio" name="angarconfig_input5" value="bg_repeat_xy" checked="">Repeat in axis x and y</label>
        </div>
        <div class="bg_size">
          <label class="options_title">Background size:</label><br>
          <label class="bg_size_initial"><input type="radio" name="angarconfig_input6" value="bg_size_initial" checked="">No scaling</label><br>
          <label class="bg_size_cover"><input type="radio" name="angarconfig_input6" value="bg_size_cover">Scale to 100%</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box2">Top</div>
      <div id="customization_box2" class="collapse customization_container">
        <div class="header_sep">
          <label class="options_title">Top separators:</label><br>
          <label class="header_sep0"><input type="radio" name="angarconfig_input42" value="header_sep0">No separators</label><br>
          <label class="header_sep1"><input type="radio" name="angarconfig_input42" value="header_sep1" checked="">Border bottom</label><br>
          <label class="header_sep2"><input type="radio" name="angarconfig_input42" value="header_sep2">Separators + border</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box4">Logo</div>
      <div id="customization_box4" class="collapse customization_container">
        <div id="logo_top_comp">
          <div class="options_title">Logo margin-top: <span class="value">12</span> <span>px</span></div>
          <input type="range" name="angarconfig_input44" min="0" max="40" value="12">
        </div>
        <div id="logo_bottom_comp">
          <div class="options_title">Logo margin-bottom: <span class="value">0</span> <span>px</span></div>
          <input type="range" name="angarconfig_input60" min="0" max="40" value="0">
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box5">Cart</div>
      <div id="customization_box5" class="collapse customization_container">
        <div class="cart_sticky">
          <label class="options_title">Sticky cart:</label><br>
          <label class="stickycart_yes"><input type="radio" name="angarconfig_input53" value="stickycart_yes" checked="">Yes</label><br>
          <label class="stickycart_no"><input type="radio" name="angarconfig_input53" value="stickycart_no">No</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box6">Menu </div>
      <div id="customization_box6" class="collapse customization_container">
        <div class="menu_sep">
          <label class="options_title">Menu separators:</label><br>
          <label class="menu_sep0"><input type="radio" name="angarconfig_input41" value="menu_sep0">No borders and separators</label><br>
          <label class="menu_sep1"><input type="radio" name="angarconfig_input41" value="menu_sep1">Separators</label><br>
          <label class="menu_sep2"><input type="radio" name="angarconfig_input41" value="menu_sep2">Separators + border top/bottom</label><br>
          <label class="menu_sep3"><input type="radio" name="angarconfig_input41" value="menu_sep3">Border top/bottom 1px</label><br>
          <label class="menu_sep4"><input type="radio" name="angarconfig_input41" value="menu_sep4" checked="">Border top/bottom 2px</label><br>
          <label class="menu_sep5"><input type="radio" name="angarconfig_input41" value="menu_sep5">Border bottom 1px</label><br>
          <label class="menu_sep6"><input type="radio" name="angarconfig_input41" value="menu_sep6">Border bottom 2px</label>
        </div>
        <div class="submenu_type">
          <label class="options_title">Submenu layout:</label><br>
          <label class="submenu1"><input type="radio" name="angarconfig_input15" value="submenu1" checked="">Submenu layout 1</label><br>
          <label class="submenu2"><input type="radio" name="angarconfig_input15" value="submenu2">Submenu layout 2</label><br>
          <label class="submenu3"><input type="radio" name="angarconfig_input15" value="submenu3">Submenu layout 3</label>
        </div>
        <div class="menu_sticky">
          <label class="options_title">Sticky menu:</label><br>
          <label class="stickymenu_yes"><input type="radio" name="angarconfig_input54" value="stickymenu_yes" checked="">Yes</label><br>
          <label class="stickymenu_no"><input type="radio" name="angarconfig_input54" value="stickymenu_no">No</label>
        </div>
        <div class="menu_homeicon">
          <label class="options_title">Hide the home icon in the menu:</label><br>
          <label class="homeicon_yes"><input type="radio" name="angarconfig_input55" value="homeicon_yes">Yes</label><br>
          <label class="homeicon_no"><input type="radio" name="angarconfig_input55" value="homeicon_no" checked="">No</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box7">Slider</div>
      <div id="customization_box7" class="collapse customization_container">
        <div class="must_save"><sup>*</sup> - You must save this option to see the changes</div>
        <div class="slider_position">
          <label class="options_title">Slider position: <sup>*</sup></label><br>
          <label class="slider_position_top"><input type="radio" name="angarconfig_input7" value="slider_position_top" checked="">Slider under the menu</label><br>
          <label class="slider_position_column"><input type="radio" name="angarconfig_input7" value="slider_position_column">Slider in the main column</label><br>
        </div>
        <div class="slider_size">
          <label class="options_title">Slider width: <sup>*</sup></label><br>
          <label class="slider_boxed"><input type="radio" name="angarconfig_input43" value="slider_boxed" checked="">Slider max width 1170px</label><br>
          <label class="slider_full_width"><input type="radio" name="angarconfig_input43" value="slider_full_width">Slider full width</label><br>
        </div>
        <div class="slider_controls">
          <label class="options_title">Slider color of the controls:</label><br>
          <label class="slider_controls_white"><input type="radio" name="angarconfig_input8" value="slider_controls_white" checked="">White</label><br>
          <label class="slider_controls_black"><input type="radio" name="angarconfig_input8" value="slider_controls_black">Black</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box8">Banners top</div>
      <div id="customization_box8" class="collapse customization_container">
        <div id="banners_top">
          <label class="options_title">Banners per row (computers):</label><br>
          <label class="banners_top1"><input type="radio" name="angarconfig_input9" value="banners_top1">1 banner per row</label><br>
          <label class="banners_top2"><input type="radio" name="angarconfig_input9" value="banners_top2">2 banners per row</label><br>
          <label class="banners_top3"><input type="radio" name="angarconfig_input9" value="banners_top3" checked="">3 banners per row</label><br>
          <label class="banners_top4"><input type="radio" name="angarconfig_input9" value="banners_top4">4 banners per row</label><br>
          <label class="banners_top5"><input type="radio" name="angarconfig_input9" value="banners_top5">5 banners per row</label><br>
        </div>
        <div id="banners_top_tablets">
          <label class="options_title">Banners per row (tablets):</label><br>
          <label class="banners_top_tablets0"><input type="radio" name="angarconfig_input10" value="banners_top_tablets0">Hide</label><br>
          <label class="banners_top_tablets1"><input type="radio" name="angarconfig_input10" value="banners_top_tablets1">1 banner per row</label><br>
          <label class="banners_top_tablets2"><input type="radio" name="angarconfig_input10" value="banners_top_tablets2">2 banners per row</label><br>
          <label class="banners_top_tablets3"><input type="radio" name="angarconfig_input10" value="banners_top_tablets3" checked="">3 banners per row</label><br>
          <label class="banners_top_tablets4"><input type="radio" name="angarconfig_input10" value="banners_top_tablets4">4 banners per row</label><br>
          <label class="banners_top_tablets5"><input type="radio" name="angarconfig_input10" value="banners_top_tablets5">5 banners per row</label><br>
        </div>
        <div id="banners_top_phones">
          <label class="options_title">Banners per row (phones):</label><br>
          <label class="banners_top_phones0"><input type="radio" name="angarconfig_input11" value="banners_top_phones0">Hide</label><br>
          <label class="banners_top_phones1"><input type="radio" name="angarconfig_input11" value="banners_top_phones1" checked="">1 banner per row</label><br>
          <label class="banners_top_phones2"><input type="radio" name="angarconfig_input11" value="banners_top_phones2">2 banners per row</label><br>
          <label class="banners_top_phones3"><input type="radio" name="angarconfig_input11" value="banners_top_phones3">3 banners per row</label><br>
          <label class="banners_top_phones4"><input type="radio" name="angarconfig_input11" value="banners_top_phones4">4 banners per row</label><br>
          <label class="banners_top_phones5"><input type="radio" name="angarconfig_input11" value="banners_top_phones5">5 banners per row</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box9">Banners bottom</div>
      <div id="customization_box9" class="collapse customization_container">
        <div id="banners_bottom">
          <label class="options_title">Banners per row (computers):</label><br>
          <label class="banners_bottom1"><input type="radio" name="angarconfig_input12" value="banners_bottom1">1 banner per row</label><br>
          <label class="banners_bottom2"><input type="radio" name="angarconfig_input12" value="banners_bottom2" checked="">2 banners per row</label><br>
          <label class="banners_bottom3"><input type="radio" name="angarconfig_input12" value="banners_bottom3">3 banners per row</label><br>
          <label class="banners_bottom4"><input type="radio" name="angarconfig_input12" value="banners_bottom4">4 banners per row</label><br>
          <label class="banners_bottom5"><input type="radio" name="angarconfig_input12" value="banners_bottom5">5 banners per row</label><br>
        </div>
        <div id="banners_bottom_tablets">
          <label class="options_title">Banners per row (tablets):</label><br>
          <label class="banners_bottom_tablets0"><input type="radio" name="angarconfig_input13" value="banners_bottom_tablets0">Hide</label><br>
          <label class="banners_bottom_tablets1"><input type="radio" name="angarconfig_input13" value="banners_bottom_tablets1">1 banner per row</label><br>
          <label class="banners_bottom_tablets2"><input type="radio" name="angarconfig_input13" value="banners_bottom_tablets2" checked="">2 banners per row</label><br>
          <label class="banners_bottom_tablets3"><input type="radio" name="angarconfig_input13" value="banners_bottom_tablets3">3 banners per row</label><br>
          <label class="banners_bottom_tablets4"><input type="radio" name="angarconfig_input13" value="banners_bottom_tablets4">4 banners per row</label><br>
          <label class="banners_bottom_tablets5"><input type="radio" name="angarconfig_input13" value="banners_bottom_tablets5">5 banners per row</label><br>
        </div>
        <div id="banners_bottom_phones">
          <label class="options_title">Banners per row (phones):</label><br>
          <label class="banners_bottom_phones0"><input type="radio" name="angarconfig_input14" value="banners_bottom_phones0">Hide</label><br>
          <label class="banners_bottom_phones1"><input type="radio" name="angarconfig_input14" value="banners_bottom_phones1" checked="">1 banner per row</label><br>
          <label class="banners_bottom_phones2"><input type="radio" name="angarconfig_input14" value="banners_bottom_phones2">2 banners per row</label><br>
          <label class="banners_bottom_phones3"><input type="radio" name="angarconfig_input14" value="banners_bottom_phones3">3 banners per row</label><br>
          <label class="banners_bottom_phones4"><input type="radio" name="angarconfig_input14" value="banners_bottom_phones4">4 banners per row</label><br>
          <label class="banners_bottom_phones5"><input type="radio" name="angarconfig_input14" value="banners_bottom_phones5">5 banners per row</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box10">Featured categories</div>
      <div id="customization_box10" class="collapse customization_container">
        <div id="featcat_height">
          <div class="options_title">Featured categories min-height: <span class="value">0</span> <span>px</span></div>
          <input type="range" name="angarconfig_input56" min="0" max="500" value="0">
        </div>
        <div id="feat_cat_style">
          <label class="options_title">Featured categories style:</label><br>
          <label class="feat_cat_style1"><input type="radio" name="angarconfig_input45" value="feat_cat_style1">Style 1 </label><br>
          <label class="feat_cat_style2"><input type="radio" name="angarconfig_input45" value="feat_cat_style2" checked="">Style 2 </label><br>
          <label class="feat_cat_style3"><input type="radio" name="angarconfig_input45" value="feat_cat_style3">Style 3</label><br>
          <label class="feat_cat_style4"><input type="radio" name="angarconfig_input45" value="feat_cat_style4">Style 4</label><br>
        </div>
        <div id="feat_cat">
          <label class="options_title">Featured categories per row (computers):</label><br>
          <label class="feat_cat2"><input type="radio" name="angarconfig_input46" value="feat_cat2">2 categories per row</label><br>
          <label class="feat_cat3"><input type="radio" name="angarconfig_input46" value="feat_cat3">3 categories per row</label><br>
          <label class="feat_cat4"><input type="radio" name="angarconfig_input46" value="feat_cat4" checked="">4 categories per row</label><br>
          <label class="feat_cat5"><input type="radio" name="angarconfig_input46" value="feat_cat5">5 categories per row</label><br>
          <label class="feat_cat6"><input type="radio" name="angarconfig_input46" value="feat_cat6">6 categories per row</label><br>
        </div>
        <div id="feat_cat_bigtablets">
          <label class="options_title">Featured categories per row (big tablets):</label><br>
          <label class="feat_cat_bigtablets0"><input type="radio" name="angarconfig_input47" value="feat_cat_bigtablets0">Hide</label><br>
          <label class="feat_cat_bigtablets1"><input type="radio" name="angarconfig_input47" value="feat_cat_bigtablets1">1 categories per row</label><br>
          <label class="feat_cat_bigtablets2"><input type="radio" name="angarconfig_input47" value="feat_cat_bigtablets2">2 categories per row</label><br>
          <label class="feat_cat_bigtablets3"><input type="radio" name="angarconfig_input47" value="feat_cat_bigtablets3" checked="">3 categories per row</label><br>
          <label class="feat_cat_bigtablets4"><input type="radio" name="angarconfig_input47" value="feat_cat_bigtablets4">4 categories per row</label><br>
        </div>
        <div id="feat_cat_tablets">
          <label class="options_title">Featured categories per row (tablets):</label><br>
          <label class="feat_cat_tablets0"><input type="radio" name="angarconfig_input48" value="feat_cat_tablets0">Hide</label><br>
          <label class="feat_cat_tablets1"><input type="radio" name="angarconfig_input48" value="feat_cat_tablets1">1 categories per row</label><br>
          <label class="feat_cat_tablets2"><input type="radio" name="angarconfig_input48" value="feat_cat_tablets2" checked="">2 categories per row</label><br>
          <label class="feat_cat_tablets3"><input type="radio" name="angarconfig_input48" value="feat_cat_tablets3">3 categories per row</label><br>
          <label class="feat_cat_tablets4"><input type="radio" name="angarconfig_input48" value="feat_cat_tablets4">4 categories per row</label><br>
        </div>
        <div id="feat_cat_phones">
          <label class="options_title">Featured categories per row (phones):</label><br>
          <label class="feat_cat_phones0"><input type="radio" name="angarconfig_input49" value="feat_cat_phones0" checked="">Hide</label><br>
          <label class="feat_cat_phones1"><input type="radio" name="angarconfig_input49" value="feat_cat_phones1">1 categories per row</label><br>
          <label class="feat_cat_phones2"><input type="radio" name="angarconfig_input49" value="feat_cat_phones2">2 categories per row</label><br>
          <label class="feat_cat_phones3"><input type="radio" name="angarconfig_input49" value="feat_cat_phones3">3 categories per row</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box11">Homepage products layout</div>
      <div id="customization_box11" class="collapse customization_container">
        <div class="home_tabs">
          <label class="options_title">Products on the home page in tabs or boxes:</label><br>
          <label class="home_tabs1"><input type="radio" name="angarconfig_input24" value="home_tabs1" checked="">Tabs</label><br>
          <label class="home_tabs2"><input type="radio" name="angarconfig_input24" value="home_tabs2">Boxes</label>
        </div>
        <div class="all_products">
          <label class="options_title">Hide the link "All products":</label><br>
          <label class="all_products_yes"><input type="radio" name="angarconfig_input50" value="all_products_yes" checked="">Yes</label><br>
          <label class="all_products_no"><input type="radio" name="angarconfig_input50" value="all_products_no">No</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box12">Products per row</div>
      <div id="customization_box12" class="collapse customization_container">
        <div class="pl_1col_qty">
          <label class="options_title">Product per row in a one column layout (computers):</label><br>
          <label class="pl_1col_qty_2"><input type="radio" name="angarconfig_input16" value="pl_1col_qty_2">2 products per row</label><br>
          <label class="pl_1col_qty_3"><input type="radio" name="angarconfig_input16" value="pl_1col_qty_3">3 products per row</label><br>
          <label class="pl_1col_qty_4"><input type="radio" name="angarconfig_input16" value="pl_1col_qty_4">4 products per row</label><br>
          <label class="pl_1col_qty_5"><input type="radio" name="angarconfig_input16" value="pl_1col_qty_5" checked="">5 products per row</label><br>
          <label class="pl_1col_qty_6"><input type="radio" name="angarconfig_input16" value="pl_1col_qty_6">6 products per row</label>
        </div>
        <div class="pl_2col_qty">
          <label class="options_title">Product per row in a two column layout (computers):</label><br>
          <label class="pl_2col_qty_2"><input type="radio" name="angarconfig_input17" value="pl_2col_qty_2">2 products per row</label><br>
          <label class="pl_2col_qty_3"><input type="radio" name="angarconfig_input17" value="pl_2col_qty_3" checked="">3 products per row</label><br>
          <label class="pl_2col_qty_4"><input type="radio" name="angarconfig_input17" value="pl_2col_qty_4">4 products per row</label><br>
          <label class="pl_2col_qty_5"><input type="radio" name="angarconfig_input17" value="pl_2col_qty_5">5 products per row</label><br>
          <label class="pl_2col_qty_6"><input type="radio" name="angarconfig_input17" value="pl_2col_qty_6">6 products per row</label>
        </div>
        <div class="pl_3col_qty">
          <label class="options_title">Product per row in a three column layout (computers):</label><br>
          <label class="pl_3col_qty_2"><input type="radio" name="angarconfig_input18" value="pl_3col_qty_2">2 products per row</label><br>
          <label class="pl_3col_qty_3"><input type="radio" name="angarconfig_input18" value="pl_3col_qty_3" checked="">3 products per row</label><br>
          <label class="pl_3col_qty_4"><input type="radio" name="angarconfig_input18" value="pl_3col_qty_4">4 products per row</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box13">Products per row on tablets and phones</div>
      <div id="customization_box13" class="collapse customization_container">
        <div class="pl_1col_qty_bigtablets">
          <label class="options_title">Product per row in a one column layout (big tablets):</label><br>
          <label class="pl_1col_qty_bigtablets_2"><input type="radio" name="angarconfig_input19" value="pl_1col_qty_bigtablets_2">2 products per row</label><br>
          <label class="pl_1col_qty_bigtablets_3"><input type="radio" name="angarconfig_input19" value="pl_1col_qty_bigtablets_3">3 products per row</label><br>
          <label class="pl_1col_qty_bigtablets_4"><input type="radio" name="angarconfig_input19" value="pl_1col_qty_bigtablets_4" checked="">4 products per row</label><br>
          <label class="pl_1col_qty_bigtablets_5"><input type="radio" name="angarconfig_input19" value="pl_1col_qty_bigtablets_5">5 products per row</label><br>
          <label class="pl_1col_qty_bigtablets_6"><input type="radio" name="angarconfig_input19" value="pl_1col_qty_bigtablets_6">6 products per row</label>
        </div>
        <div class="pl_2col_qty_bigtablets">
          <label class="options_title">Product per row in a two column layout (big tablets):</label><br>
          <label class="pl_2col_qty_bigtablets_2"><input type="radio" name="angarconfig_input20" value="pl_2col_qty_bigtablets_2">2 products per row</label><br>
          <label class="pl_2col_qty_bigtablets_3"><input type="radio" name="angarconfig_input20" value="pl_2col_qty_bigtablets_3" checked="">3 products per row</label><br>
          <label class="pl_2col_qty_bigtablets_4"><input type="radio" name="angarconfig_input20" value="pl_2col_qty_bigtablets_4">4 products per row</label><br>
        </div>
        <div class="pl_3col_qty_bigtablets">
          <label class="options_title">Product per row in a three column layout (big tablets):</label><br>
          <label class="pl_3col_qty_bigtablets_2"><input type="radio" name="angarconfig_input21" value="pl_3col_qty_bigtablets_2" checked="">2 products per row</label><br>
          <label class="pl_3col_qty_bigtablets_3"><input type="radio" name="angarconfig_input21" value="pl_3col_qty_bigtablets_3">3 products per row</label><br>
        </div>
        <div class="pl_1col_qty_tablets">
          <label class="options_title">Product per row (tablets):</label><br>
          <label class="pl_1col_qty_tablets_2"><input type="radio" name="angarconfig_input22" value="pl_1col_qty_tablets_2">2 products per row</label><br>
          <label class="pl_1col_qty_tablets_3"><input type="radio" name="angarconfig_input22" value="pl_1col_qty_tablets_3" checked="">3 products per row</label><br>
          <label class="pl_1col_qty_tablets_4"><input type="radio" name="angarconfig_input22" value="pl_1col_qty_tablets_4">4 products per row</label><br>
        </div>
        <div class="pl_1col_qty_phones">
          <label class="options_title">Product per row (phones):</label><br>
          <label class="pl_1col_qty_phones_1"><input type="radio" name="angarconfig_input23" value="pl_1col_qty_phones_1" checked="">1 products per row</label><br>
          <label class="pl_1col_qty_phones_2"><input type="radio" name="angarconfig_input23" value="pl_1col_qty_phones_2">2 products per row</label><br>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box14">Product-list options</div>
      <div id="customization_box14" class="collapse customization_container">
        <div class="pl_border_type">
          <label class="options_title">Product-list border style:</label><br>
          <label class="pl_border_type1"><input type="radio" name="angarconfig_input25" value="pl_border_type1">Style 1</label><br>
          <label class="pl_border_type2"><input type="radio" name="angarconfig_input25" value="pl_border_type2" checked="">Style 2</label><br>
          <label class="pl_border_type3"><input type="radio" name="angarconfig_input25" value="pl_border_type3">Style 3</label>
        </div>
        <div id="pl_name_height">
          <div class="options_title">Product-list name height: <span class="value">32</span> <span>px</span></div>
          <input type="range" name="angarconfig_input26" min="16" max="80" value="32">
        </div>
        <div id="pl_name_fs">
          <div class="options_title">Product-list name font-size: <span class="value">14</span> <span>px</span></div>
          <input type="range" name="angarconfig_input27" min="12" max="22" value="14">
        </div>
        <div id="pl_name_lh">
          <div class="options_title">Product-list name line-height: <span class="value">16</span> <span>px</span></div>
          <input type="range" name="angarconfig_input28" min="12" max="22" value="16">
        </div>
        <div class="pl_ref">
          <label class="options_title">Hide the reference code:</label><br>
          <label class="pl_ref_yes"><input type="radio" name="angarconfig_input63" value="pl_ref_yes" checked="">Yes (the reference code is always hidden)</label><br>
          <label class="pl_ref_no"><input type="radio" name="angarconfig_input63" value="pl_ref_no">No (the reference code is displayed, if available)</label><br>
          <label class="pl_ref_empty_line"><input type="radio" name="angarconfig_input63" value="pl_ref_empty_line">No (if the reference code is not available, an empty line will be displayed)</label>
        </div>
        <div class="pl_man">
          <label class="options_title">Hide the manufacturer name:</label><br>
          <label class="pl_man_yes"><input type="radio" name="angarconfig_input57" value="pl_man_yes">Yes (the manufacturer name is always hidden)</label><br>
          <label class="pl_man_no"><input type="radio" name="angarconfig_input57" value="pl_man_no" checked="">No (the manufacturer name is displayed, if available)</label><br>
          <label class="pl_man_empty_line"><input type="radio" name="angarconfig_input57" value="pl_man_empty_line">No (if the manufacturer name is not available, an empty line will be displayed)</label>
        </div>
        <div class="pl_reviews">
          <label class="options_title">Hide reviews and stars:</label><br>
          <label class="pl_reviews_yes"><input type="radio" name="angarconfig_input32" value="pl_reviews_yes">Yes (hide stars + text)</label><br>
          <label class="pl_reviews_hide_text"><input type="radio" name="angarconfig_input32" value="pl_reviews_hide_text" checked="">Yes (hide only text)</label><br>
          <label class="pl_reviews_no"><input type="radio" name="angarconfig_input32" value="pl_reviews_no">No</label>
        </div>
        <div class="pl_desc">
          <label class="options_title">Hide the product description in the product-list:</label><br>
          <label class="pl_desc_yes"><input type="radio" name="angarconfig_input31" value="pl_desc_yes" checked="">Yes</label><br>
          <label class="pl_desc_no"><input type="radio" name="angarconfig_input31" value="pl_desc_no">No</label>
        </div>
        <div id="pl_desc_height">
          <div class="options_title">Product-list description height: <span class="value">36</span> <span>px</span></div>
          <input type="range" name="angarconfig_input61" min="0" max="140" value="36">
        </div>
        <div class="pl_button_qty">
          <label class="options_title">Product-list number of buttons:</label><br>
          <label class="pl_button_qty1"><input type="radio" name="angarconfig_input30" value="pl_button_qty1">2 buttons</label><br>
          <label class="pl_button_qty2"><input type="radio" name="angarconfig_input30" value="pl_button_qty2" checked="">Only "Add to cart"</label><br>
          <label class="pl_button_qty3"><input type="radio" name="angarconfig_input30" value="pl_button_qty3">Only "More" button</label><br>
          <label class="pl_button_qty4"><input type="radio" name="angarconfig_input30" value="pl_button_qty4">Hide buttons</label>
        </div>
        <div class="pl_button_icon">
          <label class="options_title">Hide the cart icon in the button:</label><br>
          <label class="pl_button_icon_yes"><input type="radio" name="angarconfig_input29" value="pl_button_icon_yes">Yes</label><br>
          <label class="pl_button_icon_no"><input type="radio" name="angarconfig_input29" value="pl_button_icon_no" checked="">No</label>
        </div>
        <div class="pl_availability">
          <label class="options_title">Hide availability in the product-list:</label><br>
          <label class="pl_availability_yes"><input type="radio" name="angarconfig_input33" value="pl_availability_yes">Yes</label><br>
          <label class="pl_availability_no"><input type="radio" name="angarconfig_input33" value="pl_availability_no" checked="">No</label>
        </div>
        <div class="pl_colors">
          <label class="options_title">Hide variant colors in the product-list:</label><br>
          <label class="pl_colors_yes"><input type="radio" name="angarconfig_input51" value="pl_colors_yes" checked="">Yes</label><br>
          <label class="pl_colors_no"><input type="radio" name="angarconfig_input51" value="pl_colors_no">No</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box15">Footer</div>
      <div id="customization_box15" class="collapse customization_container">
        <div class="newsletter_info">
          <label class="options_title">Hide newsletter information:</label><br>
          <label class="newsletter_info_yes"><input type="radio" name="angarconfig_input52" value="newsletter_info_yes" checked="">Yes</label><br>
          <label class="newsletter_info_no"><input type="radio" name="angarconfig_input52" value="newsletter_info_no">No</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box16">Product page</div>
      <div id="customization_box16" class="collapse customization_container">
        <div class="product_hide_reference">
          <label class="options_title">Hide the reference code under the product name:</label><br>
          <label class="hide_reference_yes"><input type="radio" name="angarconfig_input35" value="hide_reference_yes" checked="">Yes</label><br>
          <label class="hide_reference_no"><input type="radio" name="angarconfig_input35" value="hide_reference_no">No</label>
        </div>
        <div class="product_hide_man">
          <label class="options_title">Hide the manufacturer name under the product name:</label><br>
          <label class="product_hide_man_yes"><input type="radio" name="angarconfig_input58" value="product_hide_man_yes">Yes</label><br>
          <label class="product_hide_man_no"><input type="radio" name="angarconfig_input58" value="product_hide_man_no" checked="">No</label>
        </div>
        <div class="product_hide_reassurance">
          <label class="options_title">Hide the block reassurance module:</label><br>
          <label class="hide_reassurance_yes"><input type="radio" name="angarconfig_input36" value="hide_reassurance_yes" checked="">Yes</label><br>
          <label class="hide_reassurance_no"><input type="radio" name="angarconfig_input36" value="hide_reassurance_no">No</label>
        </div>
        <div class="product_tabs">
          <label class="options_title">Product information in boxes or tabs:</label><br>
          <label class="product_tabs1"><input type="radio" name="angarconfig_input37" value="product_tabs1" checked="">Tabs</label><br>
          <label class="product_tabs2"><input type="radio" name="angarconfig_input37" value="product_tabs2">Boxes</label>
        </div>
      </div>
      <div class="customization_title hidden-xs-up" data-toggle="collapse" data-parent="#accordion" data-target="#customization_box17">Compatibility - choose your PrestaShop version here</div>
      <div id="customization_box17" class="collapse customization_container hidden-xs-up">
        <div class="must_save"><sup>*</sup> - You must save this option to see the changes</div>
        <div class="prestashop_version">
          <label class="options_title">Select PrestaShop compatibility: <sup>*</sup></label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_178" checked="">Prestashop 1.7.8 and higher</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_177">Prestashop 1.7.7</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_176">Prestashop 1.7.6</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_175">Prestashop 1.7.5</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_174">Prestashop 1.7.4</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_173">Prestashop 1.7.3</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_172">Prestashop 1.7.2</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_171">Prestashop 1.7.1</label><br>
          <label><input type="radio" name="angarconfig_psversion" value="ps_170">Prestashop 1.7.0</label>
        </div>
      </div>
    </div>
  </div>
  <input type="submit" value="Guardar" class="button_at_config" name="submitAngarcss">
  <input type="hidden" name="action" value="0">
</form>

POST

<form id="theme_color" action="" method="post">
  <h5>Theme color editor</h5>
  <div class="must_save2">Remember to often save your changes.<br>After saving click on the shop logo and refresh the store several times to load your changes.</div>
  <div id="accordion2">
    <div class="panel">
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box0">Inner background - white or black</div>
      <div id="color_box0" class="collapse customization_container">
        <div class="bg_inner">
          <label class="options_title">Inner background:</label><br>
          <label class="bg_white"><input type="radio" name="angarcolor_input75" value="bg_white" checked="">White</label><br>
          <label class="bg_black"><input type="radio" name="angarcolor_input75" value="bg_black">Black</label>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box1">Top bar</div>
      <div id="color_box1" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Top bar - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input1" id="nav_background" class="form-control minicolors-input" value="#f6f6f6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(246, 246, 246);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 5px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Top bar - border and separators:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input2" id="nav_border" class="form-control minicolors-input" value="#d6d4d4" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(214, 212, 212);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 150px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 2px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Top bar - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input3" id="top_font_color" class="form-control minicolors-input" value="#000000" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 150px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Top bar - font bold color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input4" id="top_font_color2" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Top bar - icons color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input5" id="top_icons" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box2">Header</div>
      <div id="color_box2" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Header - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input6" id="header_background" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box3">Search</div>
      <div id="color_box3" class="collapse customization_container">
        <div class="color_modyficator form-group search_background">
          <label class="options_title">Search button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input7" id="search_button" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group search_color">
          <label class="options_title">Search button - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input78" id="search_button_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group search_background">
          <label class="options_title">Search button - background hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input8" id="search_button_hover" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group search_color">
          <label class="options_title">Search button - font color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input79" id="search_button_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box4">Cart</div>
      <div id="color_box4" class="collapse customization_container">
        <div class="must_save sticky_cart_color"><sup>*</sup> - You must save this option to see the changes</div>
        <div class="color_modyficator form-group">
          <label class="options_title">Cart - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input9" id="cart_background" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group cart_color2">
          <label class="options_title">Cart - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input80" id="cart_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box5">Menu</div>
      <div id="color_box5" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Menu - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input11" id="menu_bg" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Menu - border and separators:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input12" id="menu_border_color" class="form-control minicolors-input" value="#1276c7" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(18, 118, 199);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.8122px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 32px; left: 137px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Menu - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input13" id="menu_font_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Menu - font color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input14" id="menu_font_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Menu - background hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input15" id="menu_li_hover" class="form-control minicolors-input" value="#1b1a1b" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Submenu layout 2 color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input81" id="submenu_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Submenu layout 2 background hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input16" id="submenu_background" class="form-control minicolors-input" value="#1b1a1b" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box6">Slider</div>
      <div id="color_box6" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Slider active dot:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input10" id="slider_dot" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box7">Featured categories</div>
      <div id="color_box7" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Module header - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input60" id="feat_title" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Category name - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input61" id="feat_cat_title" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Subcategory button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input62" id="feat_button_bg" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Subcategory button - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input63" id="feat_button_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Subcategory button - border-color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input64" id="feat_button_border_color" class="form-control minicolors-input" value="#1b82d6"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Subcategory button hover - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input65" id="feat_button_bg_hover" class="form-control minicolors-input" value="#1b1a1b" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Subcategory button hover - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input66" id="feat_button_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Subcategory button - border-color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input67" id="feat_button_border_color_hover" class="form-control minicolors-input" value="#1b1a1b"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box8">Left/right column</div>
      <div id="color_box8" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Modules header - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input17" id="title_block1" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box9">Homepage products layout</div>
      <div id="color_box9" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Blocks with products header - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input19" id="index_title1" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box10">Product-list</div>
      <div id="color_box10" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">New label background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input20" id="new_label" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group product_name_white">
          <label class="options_title">Nome do Produto - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input21" id="product_name_color" class="form-control minicolors-input" value="#282828" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(40, 40, 40);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 126px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Price color in product-list:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input22" id="price_color_index" class="form-control minicolors-input" value="#ff5722" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 87, 34);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 144.005px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 60, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 131px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input23" id="pl_cart_bg" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input24" id="pl_cart_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - border-color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input25" id="pl_cart_button_border_color" class="form-control minicolors-input" value="#1b82d6"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - background hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input26" id="pl_cart_bg_hover" class="form-control minicolors-input" value="#1b1a1b" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - font color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input27" id="pl_cart_color_hover" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - border-color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input28" id="pl_cart_button_border_color_hover" class="form-control minicolors-input" value="#1b1a1b"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box11">Products from the category</div>
      <div id="color_box11" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Module header - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input68" id="catprod_title" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box12">Featured manufacturers</div>
      <div id="color_box12" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Module header - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input71" id="featman_title" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box13">Footer</div>
      <div id="color_box13" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Icons before footer color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input29" id="footer_cms_icons" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input30" id="footer_background" class="form-control minicolors-input" value="#f6f6f6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(246, 246, 246);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 5px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer - border color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input31" id="footer_border" class="form-control minicolors-input" value="#dddddd" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(221, 221, 221);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 19px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer - modules header border color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input32" id="footer_border_header" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input33" id="footer_font_color" class="form-control minicolors-input" value="#000000" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 150px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer bottom - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input36" id="footer2_background" class="form-control minicolors-input" value="#f6f6f6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(246, 246, 246);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 5px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer bottom - border color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input37" id="footer2_border" class="form-control minicolors-input" value="#dddddd" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(221, 221, 221);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 19px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Footer bottom - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input38" id="footer2_font_color" class="form-control minicolors-input" value="#000000" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 150px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box14">Footer - newsletter button</div>
      <div id="color_box14" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Newsletter button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input34" id="newsletter_button" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Newsletter button - color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input82" id="newsletter_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Newsletter button - background hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input35" id="newsletter_button_hover" class="form-control minicolors-input" value="#1b1a1b"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Newsletter button - color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input83" id="newsletter_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box15">Product page</div>
      <div id="color_box15" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Price color product page:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input39" id="price_color_product" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input40" id="product_cart_button_bg" class="form-control minicolors-input" value="#1b1a1b"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input41" id="product_cart_button_color" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - border-color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input42" id="product_cart_button_border_color" class="form-control minicolors-input" value="#1b1a1b"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - background hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input43" id="product_cart_button_bg_hover" class="form-control minicolors-input" value="#1b82d6"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - font color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input44" id="product_cart_button_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">"Add to cart" button - border-color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input45" id="product_cart_button_border_color_hover" class="form-control minicolors-input"
              value="#1b82d6" size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Selected tab background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input46" id="product_selected_tab" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box16">Other buttons</div>
      <div id="color_box16" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Primary button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input47" id="green_button_bg" class="form-control minicolors-input" value="#43b754" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(67, 183, 84);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 96.3362px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 38);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 42px; left: 96px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Primary button - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input48" id="green_button_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Primary button - border-color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input49" id="green_button_border_color" class="form-control minicolors-input" value="#399a49"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(57, 154, 73);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 95.8763px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 43);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 59px; left: 95px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Primary button hover - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input50" id="green_button_bg_hover" class="form-control minicolors-input" value="#3aa04c"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(58, 160, 76);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 95.5882px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 47);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 55px; left: 96px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Primary button hover - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input51" id="green_button_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Primary button - border-color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input52" id="green_button_border_color_hover" class="form-control minicolors-input" value="#196f28"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(25, 111, 40);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 95.6395px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 255, 43);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 84px; left: 117px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Secondary button - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input53" id="grey_button_bg" class="form-control minicolors-input" value="#f6f6f6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(246, 246, 246);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 5px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Secondary button - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input54" id="grey_button_color" class="form-control minicolors-input" value="#000000" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 150px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Secondary button - border-color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input55" id="grey_button_border_color" class="form-control minicolors-input" value="#d8d8d8"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(216, 216, 216);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 22px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Secondary button hover - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input56" id="grey_button_bg_hover" class="form-control minicolors-input" value="#eeeeee" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(238, 238, 238);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 10px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Secondary button hover - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input57" id="grey_button_color_hover" class="form-control minicolors-input" value="#000000"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(0, 0, 0);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 150px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Secondary button - border-color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input58" id="grey_button_border_color_hover" class="form-control minicolors-input" value="#d8d8d8"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(216, 216, 216);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 22px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box17">Other elements</div>
      <div id="color_box17" class="collapse customization_container">
        <div class="must_save"><sup>*</sup> - You must save this option to see the changes</div>
        <div class="color_modyficator form-group inputs_outline_white">
          <label class="options_title">Inputs outline: <sup>*</sup></label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input72" id="inputs_outline" class="form-control minicolors-input" value="#dbdbdb" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(219, 219, 219);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 21px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Pagination active page: <sup>*</sup></label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input73" id="pagination_color" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Icons on my account page: <sup>*</sup></label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input74" id="account_icon_color" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="customization_title" data-toggle="collapse" data-parent="#accordion2" data-target="#color_box18">Button scroll to top</div>
      <div id="color_box18" class="collapse customization_container">
        <div class="color_modyficator form-group">
          <label class="options_title">Button scroll to top - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input76" id="scroll_button_bg" class="form-control minicolors-input" value="#1b82d6" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 130, 214);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 63.7701px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(0, 140, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 24px; left: 132px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Button scroll to top - font color:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input84" id="scroll_button_color" class="form-control minicolors-input" value="#ffffff" size="7"><span
              class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Button scroll to top hover - background:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input77" id="scroll_button_bg_hover" class="form-control minicolors-input" value="#1b1a1b"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(27, 26, 27);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 25px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 255);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 134px; left: 6px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="color_modyficator form-group">
          <label class="options_title">Button scroll to top - font color hover:</label><br>
          <div class="minicolors minicolors-theme-default minicolors-position-bottom minicolors-position-left"><input type="text" name="angarcolor_input85" id="scroll_button_color_hover" class="form-control minicolors-input" value="#ffffff"
              size="7"><span class="minicolors-swatch minicolors-sprite"><span class="minicolors-swatch-color" style="background-color: rgb(255, 255, 255);"></span></span>
            <div class="minicolors-panel minicolors-slider-hue">
              <div class="minicolors-slider minicolors-sprite">
                <div class="minicolors-picker" style="top: 0px;"></div>
              </div>
              <div class="minicolors-opacity-slider minicolors-sprite">
                <div class="minicolors-picker"></div>
              </div>
              <div class="minicolors-grid minicolors-sprite" style="background-color: rgb(255, 0, 0);">
                <div class="minicolors-grid-inner"></div>
                <div class="minicolors-picker" style="top: 0px; left: 0px;">
                  <div></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <input type="submit" value="Guardar" class="button_at_config" name="submitAngarcolor">
  <input type="hidden" name="action" value="0">
</form>

Text Content

Contato O email: geral@undefined.pt
 * Entrar
 * Criar uma conta

Bem-vindo(a), Entrar ou Criar uma conta

shopping_cart Carrinho: 0 Produtos - 0,00 €
 * Não existem mais artigos no seu carrinho de compras

 * Envio
 * Total 0,00 €

Encomendar 
 Pesquisar







 * Início





Categorias em destaque
 * Clothes
    * Men
    * Women
   
   Ver mais
   
 * Men
   Ver mais
   
 * Home Accessories
   Ver mais
   
 * Art
   Ver mais
   




icon


PORTES GRATUITOS

Para tudo acima de 50€

icon


AGILIDADE

Somos rápidos após a sua encomenda

icon


SUPORTE 24/7

Sempre ativos para qualquer questão

icon


PAGAMENTO SEGURO

Garantia de pagamento seguro com certificação

Produtos
Produtos  
 * Promoção
 * Novos produtos
 * Top de Vendas

A nossa empresa
A nossa empresa  
 * Entrega
 * Informação legal
 * Termos e condições de uso
 * Sobre Nós
 * Pagamento seguro
 * Contacte-nos
 * Mapa do site
 * Lojas

A sua conta
A sua conta  
 * Informação pessoal
 * Encomendas
 * Notas de crédito
 * Endereços

Contato
Contato  
 * Loja Undefined

 * Portugal

 * O email: geral@undefined.pt



THEME LAYOUT EDITOR

Remember to often save your changes.
After saving, click on the shop logo and refresh the store several times to load
your changes.
Font
* - You must save this option to see the changes
Main font: *
Poppins
Open Sans
Roboto
Lato
Raleway
Montserrat
Bitter
Oswald
Dosis
Nunito
Muli
Gothic A1
Fira Sans
Ubuntu
Lora
Work Sans
Merriweather
Playfair Display
Playfair Display SC
Noto Sans
Noto Serif
Roboto Slab
Arimo
Cabin
Titillium Web
Source Sans Pro
PT Sans
Oxygen
Quicksand
Karla

Background
Pattern background:
Add file custom_pattern.png to themes/AngarTheme/assets/img/patterns next save
and clear browser cache.
Texture background:
Add file custom_texture.jpg to themes/AngarTheme/assets/img/textures next save
and clear browser cache.
Pattern background color:


Background attachment:
Yes
No
Background position:
Top left
Top center
Top right
Center left
Center center
Center right
Bottom left
Bottom center
Bottom right
Background repeat:
No repeat
Repeat in axis x
Repeat in axis y
Repeat in axis x and y
Background size:
No scaling
Scale to 100%
Top
Top separators:
No separators
Border bottom
Separators + border

Logo
Logo margin-top: 12 px
Logo margin-bottom: 0 px
Cart
Sticky cart:
Yes
No
Menu
Menu separators:
No borders and separators
Separators
Separators + border top/bottom
Border top/bottom 1px
Border top/bottom 2px
Border bottom 1px
Border bottom 2px
Submenu layout:
Submenu layout 1
Submenu layout 2
Submenu layout 3
Sticky menu:
Yes
No
Hide the home icon in the menu:
Yes
No
Slider
* - You must save this option to see the changes
Slider position: *
Slider under the menu
Slider in the main column

Slider width: *
Slider max width 1170px
Slider full width

Slider color of the controls:
White
Black

Banners top
Banners per row (computers):
1 banner per row
2 banners per row
3 banners per row
4 banners per row
5 banners per row

Banners per row (tablets):
Hide
1 banner per row
2 banners per row
3 banners per row
4 banners per row
5 banners per row

Banners per row (phones):
Hide
1 banner per row
2 banners per row
3 banners per row
4 banners per row
5 banners per row

Banners bottom
Banners per row (computers):
1 banner per row
2 banners per row
3 banners per row
4 banners per row
5 banners per row

Banners per row (tablets):
Hide
1 banner per row
2 banners per row
3 banners per row
4 banners per row
5 banners per row

Banners per row (phones):
Hide
1 banner per row
2 banners per row
3 banners per row
4 banners per row
5 banners per row

Featured categories
Featured categories min-height: 0 px
Featured categories style:
Style 1
Style 2
Style 3
Style 4

Featured categories per row (computers):
2 categories per row
3 categories per row
4 categories per row
5 categories per row
6 categories per row

Featured categories per row (big tablets):
Hide
1 categories per row
2 categories per row
3 categories per row
4 categories per row

Featured categories per row (tablets):
Hide
1 categories per row
2 categories per row
3 categories per row
4 categories per row

Featured categories per row (phones):
Hide
1 categories per row
2 categories per row
3 categories per row

Homepage products layout
Products on the home page in tabs or boxes:
Tabs
Boxes
Hide the link "All products":
Yes
No
Products per row
Product per row in a one column layout (computers):
2 products per row
3 products per row
4 products per row
5 products per row
6 products per row
Product per row in a two column layout (computers):
2 products per row
3 products per row
4 products per row
5 products per row
6 products per row
Product per row in a three column layout (computers):
2 products per row
3 products per row
4 products per row

Products per row on tablets and phones
Product per row in a one column layout (big tablets):
2 products per row
3 products per row
4 products per row
5 products per row
6 products per row
Product per row in a two column layout (big tablets):
2 products per row
3 products per row
4 products per row

Product per row in a three column layout (big tablets):
2 products per row
3 products per row

Product per row (tablets):
2 products per row
3 products per row
4 products per row

Product per row (phones):
1 products per row
2 products per row

Product-list options
Product-list border style:
Style 1
Style 2
Style 3
Product-list name height: 32 px
Product-list name font-size: 14 px
Product-list name line-height: 16 px
Hide the reference code:
Yes (the reference code is always hidden)
No (the reference code is displayed, if available)
No (if the reference code is not available, an empty line will be displayed)
Hide the manufacturer name:
Yes (the manufacturer name is always hidden)
No (the manufacturer name is displayed, if available)
No (if the manufacturer name is not available, an empty line will be displayed)
Hide reviews and stars:
Yes (hide stars + text)
Yes (hide only text)
No
Hide the product description in the product-list:
Yes
No
Product-list description height: 36 px
Product-list number of buttons:
2 buttons
Only "Add to cart"
Only "More" button
Hide buttons
Hide the cart icon in the button:
Yes
No
Hide availability in the product-list:
Yes
No
Hide variant colors in the product-list:
Yes
No
Footer
Hide newsletter information:
Yes
No
Product page
Hide the reference code under the product name:
Yes
No
Hide the manufacturer name under the product name:
Yes
No
Hide the block reassurance module:
Yes
No
Product information in boxes or tabs:
Tabs
Boxes
Compatibility - choose your PrestaShop version here
* - You must save this option to see the changes
Select PrestaShop compatibility: *
Prestashop 1.7.8 and higher
Prestashop 1.7.7
Prestashop 1.7.6
Prestashop 1.7.5
Prestashop 1.7.4
Prestashop 1.7.3
Prestashop 1.7.2
Prestashop 1.7.1
Prestashop 1.7.0


THEME COLOR EDITOR

Remember to often save your changes.
After saving click on the shop logo and refresh the store several times to load
your changes.
Inner background - white or black
Inner background:
White
Black
Top bar
Top bar - background:


Top bar - border and separators:


Top bar - font color:


Top bar - font bold color:


Top bar - icons color:


Header
Header - background:


Search
Search button - background:


Search button - font color:


Search button - background hover:


Search button - font color hover:


Cart
* - You must save this option to see the changes
Cart - background:


Cart - font color:


Menu
Menu - background:


Menu - border and separators:


Menu - font color:


Menu - font color hover:


Menu - background hover:


Submenu layout 2 color hover:


Submenu layout 2 background hover:


Slider
Slider active dot:


Featured categories
Module header - background:


Category name - background:


Subcategory button - background:


Subcategory button - font color:


Subcategory button - border-color:


Subcategory button hover - background:


Subcategory button hover - font color:


Subcategory button - border-color hover:


Left/right column
Modules header - background:


Homepage products layout
Blocks with products header - background:


Product-list
New label background:


Nome do Produto - font color:


Price color in product-list:


"Add to cart" button - background:


"Add to cart" button - font color:


"Add to cart" button - border-color:


"Add to cart" button - background hover:


"Add to cart" button - font color hover:


"Add to cart" button - border-color hover:


Products from the category
Module header - background:


Featured manufacturers
Module header - background:


Footer
Icons before footer color:


Footer - background:


Footer - border color:


Footer - modules header border color:


Footer - font color:


Footer bottom - background:


Footer bottom - border color:


Footer bottom - font color:


Footer - newsletter button
Newsletter button - background:


Newsletter button - color:


Newsletter button - background hover:


Newsletter button - color hover:


Product page
Price color product page:


"Add to cart" button - background:


"Add to cart" button - font color:


"Add to cart" button - border-color:


"Add to cart" button - background hover:


"Add to cart" button - font color hover:


"Add to cart" button - border-color hover:


Selected tab background:


Other buttons
Primary button - background:


Primary button - font color:


Primary button - border-color:


Primary button hover - background:


Primary button hover - font color:


Primary button - border-color hover:


Secondary button - background:


Secondary button - font color:


Secondary button - border-color:


Secondary button hover - background:


Secondary button hover - font color:


Secondary button - border-color hover:


Other elements
* - You must save this option to see the changes
Inputs outline: *


Pagination active page: *


Icons on my account page: *


Button scroll to top
Button scroll to top - background:


Button scroll to top - font color:


Button scroll to top hover - background:


Button scroll to top - font color hover:


 * Facebook
 * Instagram

Siga-nos

© Copyright 2024 Loja Joelitoo. All Rights Reserved.

check_circle

check_circle