body{
    background: #fff;
}

/* --- Brand tiles: nicer cards + larger logos on desktop (keeps mobile 12 cols) --- */
.cliipsi_prmn_megamenu_content .prmn_mnft_item{
  border:1px solid #e8e8e8;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.cliipsi_prmn_megamenu_content .prmn_mnft_item:hover{
  border-color:#bfe7cc;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.cliipsi_prmn_megamenu_content .prmn_mnft_item a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:10px 12px;
}
	/* Remove default browser focus/active outline (looks like a border around the logo) */
	.cliipsi_prmn_megamenu_content .prmn_mnft_item a:focus,
	.cliipsi_prmn_megamenu_content .prmn_mnft_item a:active{
	  outline: none !important;
	  box-shadow: none !important;
	}
.cliipsi_prmn_megamenu_content .ets_item_img{
  height:56px;
}
.cliipsi_prmn_megamenu_content .ets_item_img img{
  max-height:52px;
  width:auto;
}
.cliipsi_prmn_megamenu_content .prmn_mnft_label{display:none;}

@media (max-width: 767px){
  .cliipsi_prmn_megamenu_content .prmn_mnft_item a{padding:2px !important;}
  .cliipsi_prmn_megamenu_content .ets_item_img{height:22px !important;}
  .cliipsi_prmn_megamenu_content .ets_item_img img{max-height:20px !important;}
}
body.cliipsi_prmn_light_mode.adminmodules{
    background: #F5F6FA;
}
.cliipsi_prmn_light_mode .cliipsi_menu:not(.preview) .prmn_menus {
    background: #000;
    box-shadow: 0 0 3px 0 #ccc;
}
.cliipsi_prmn_light_mode .cliipsi_menu:not(.preview) .prmn_menus_li_content,
.cliipsi_prmn_light_mode .cliipsi_menu:not(.preview) .prmn_add_menu{
    color: #FFF;
    fill: #fff;
}

.cliipsi_prmn_light_mode :not(.ets_preview) .ets-tab-megamenu {
    box-shadow: 0 0 4px 0 #aaa;
}
.cliipsi_prmn_light_mode .preview .prmn_menus:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    pointer-events: none;
    bottom: -1px;
    border: 1px solid #ddd;
}
.cliipsi_prmn_light_mode .ets_addnew_menuhead button svg {
    color: #fff;
    fill: #fff;
}
.prmn_menu_content_title svg,.prmn_tab_toggle_title svg {
  height: 22px;
  width: 22px;
}
.prmn_tab_content_hoz {
    position: unset;
}
.prmn_tabs_li.prmn_tab_content_hoz .prmn_columns_ul {
    top: auto!important;
}
#awesome-icon .search-icon-box {
    width: 100%;
    margin-bottom: 14px;
    text-align: right;
}
.search-icon-box .search-icon-box-form input {
    border: 1px solid #ddd;
    height: 32px;
    padding: 0 10px;
}
.search-icon-box-form i.icon-search {
    border: 1px solid #ddd;
    padding: 0 5px;
    min-width: 33px;
    border-left: none;
    text-align: center;
    line-height: 28px;
    background: #fafafa;
    cursor: pointer;
}
.search-icon-box .search-icon-box-form {
    display: flex;
    float: right;
}
.ets-button.prmn_add_column{
    float:left;
    width:100%;
}
.prmn_tabs_li a {
    display: block;
}

.prmn_alert.alert-warning {
  display: inline-block;
  margin: 10px 0;
  padding: 2px 10px;
}
span.prmn_alert.alert-warning {
    background-color: #fff3d7;
    padding: 8px 15px;
    border-left: 3px solid #fcc94f;
    color: #eaa021;
    clear: both;
    display: block;
}
.cliipsi_menu_buttons .prmn_view_prmn_view_modes,
.cliipsi_menu_buttons .prmn_layout_mode.btn.btn-default{
    background: #fff!important;
    border-color: #fff!important;
}
#content > .bootstrap > .module_warning.alert.alert-warning {
    margin-bottom: 30px;
}
.prmn_view_mode_tab li.prmn_menus_li:not(.ui-sortable-helper) {
    position: static!important;
}
.cliipsi_menu_tool_bar {
    background: #6441d4;
    padding: 10px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    margin: -16px -10px 20px -15px;
}

.cliipsi_menu_buttons {
    margin-left: 15px;
}
.prmn_view_mode_tab .prmn_menus_li_content > .prmn_buttons.button_add_tab {
    background-color: #ff730c;
}
span.prmn_alert.alert-warning:before {
    content: "\f06a";
    font-family: Fontawesome, sans-serif;
    margin-right: 8px;
    margin-left: -4px;
    color: #fcc94f;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}
#awesome-icon {
    display: flex;
    flex-wrap: wrap;
    max-height: 90%;
    overflow: auto;
    font-size: 13px;
    font-family: 'Open Sans';
}
.prmn_icon:hover, .prmn_icon:hover svg {
    border-color: #ccc;
    background: #eeeeee;
}
.prmn_icon:nth-child(3n+1) {
    clear: both;
}
.ui-sortable-helper {
    background: #fff!important;
}
.prmn_img_content{
    overflow: hidden;
}

.prmn_icon {
    float: left;
    width: 25%;
    padding: 8px 5px;
    cursor: pointer;
}
.cliipsi_prmn_popup.icon .panel {
    border: none!important;
    box-shadow: none!important;
    margin-bottom: 0!important;
    border: none!important;
}
.search-icon-box-form i.icon-search:hover {
    background: #eee;
}
.prmn_results *, .prmn_products * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.prmn_results, .prmn_products {
  background-color: white;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  text-align: left;
  z-index: 10001;
}
.prmn_product_item a.product_img_link img {
    max-width: 100%;
    width: 43px;
    margin-right: 10px;
    float: left;
}
.cliipsi_menu.preview .cliipsi_menu_content {
    width: 1170px;
    margin: 0 auto;
    max-width: 100%;
}
.prmn_results .ac_over {
  background-color: #f3f3f3;
}
.prmn_products .prmn_product_loading {
  height: 55px;
  margin-top: 5px;
  border-radius: 3px;
  margin-bottom: 0;
  background-image: url(../img/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  display: none;

}
.prmn_products .prmn_product_loading.active {
  display: block;
}
.prmn_product_info span.product_name {
    color: #333;
    display: block;
    line-height: 1.4;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px;
    font-weight: 600;
}
.prmn_product_info span.product_combination {
    color: #999;
    font-style: italic;
    font-size: 11px;
    line-height: 1.4;
    display: block;
    margin-bottom: 2px;
}
.prmn_product_item span.price-percent-reduction {
    display: none;
}
.prmn_product_item .old-price.product-price {
    margin-left: 4px;
    color: #999;
}
.prmn_results ul, .prmn_products ul {
  background-color: #000;
  border-bottom: 1px solid #ccc;
  list-style: outside none none;
  margin: 2px 0 0;
  padding: 0;
  width: 100%;
}

/* ----------------------------------
   Cliipsi - categories (tree) UX
---------------------------------- */
.cliipsi_cat_h_row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.cliipsi_cat_l1_toggle{width:32px;height:32px;border:1px solid rgba(0,0,0,.10);background:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 32px;}
.cliipsi_cat_l1_toggle:before{content:"\f078";font-family:"FontAwesome";font-size:12px;line-height:1;}
.cliipsi_cat_col.open .cliipsi_cat_l1_toggle:before{content:"\f077";}

/* Desktop: show sub-categories by default */
@media (min-width: 992px){
  .cliipsi_cat_l2{display:block !important;}
  .cliipsi_cat_l1_toggle{display:none;}
}

/* Mobile: drill-down per item (accordion) */
@media (max-width: 991px){
  .cliipsi_cat_l2{display:none;}
  .cliipsi_cat_col.open > .cliipsi_cat_l2{display:block;}
  .cliipsi_cat_col{padding:12px 12px 6px;}
  .cliipsi_cat_h{font-size:15px;}
}

/* ----------------------------------
   Cliipsi - brands grid responsive
---------------------------------- */
.prmn_mnft_list{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:12px;}
@media (max-width: 1200px){.prmn_mnft_list{grid-template-columns:repeat(3, minmax(0,1fr));}}
@media (max-width: 992px){.prmn_mnft_list{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media (max-width: 768px){.prmn_mnft_list{grid-template-columns:repeat(12, minmax(0,1fr));gap:6px;}}
.prmn_mnft_item{width:auto !important;float:none !important;}
.prmn_mnft_item a{height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px;}
@media (max-width: 768px){.prmn_mnft_item a{height:42px;border-radius:10px;}}
.prmn_results li, .prmn_products li {
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  float: left;
  margin: 0 0 -1px;
  overflow: hidden;
  padding: 2px 5px;
  width: 100%;
  position: relative;
}
.ets_svg_fill_lightgray svg {
    fill: #999999;
}
.prmn_block_item_close {
  color: #999;
  float: right;
  position: absolute;
  right: 10px;
  top: 50%;
    cursor: pointer;
    opacity:1;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
input#menu_icon {
    cursor: pointer;
}
.prmn_product_item:hover .prmn_block_item_close {
    opacity: 1;
}
input.prmn_search_product.ac_loading {
    background-image: url(../img/ajax-loader.gif);
    background-position: 99% center;
    background-repeat: no-repeat;
    background-size: 18px;
}
.prmn_products.ui-sortable {
  margin-top: 5px;
}
.prmn_products .prmn_product_item {
  border-radius: 3px;
  box-shadow: 0 0 8px 0 #efefef inset;
  -webkit-box-shadow: 0 0 8px 0 #efefef inset;
  margin: 5px 0 0;
  padding: 5px;
  height: 60px;
    cursor: grab;
}
.prmn_results .prmn_item_title, .prmn_products .prmn_item_title {
  color: #565656;
}
.prmn_product_info {
  line-height: 25px;
}
.cliipsi_menu:not(.preview) .prmn_menus_li > ul.prmn_columns_ul {
    width: 100%;
    box-shadow: 0 0px 3px 0 #ddd;
    -webkit-box-shadow: 0 0px 3px 0 #ddd;
}
.prmn_results .prmn_item_title img, .prmn_products .prmn_item_title img {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
  max-width: 30px;
}
.prmn_type_item > label {
  font-weight: normal;
}
.prmn_product_type {
  list-style: outside none none;
  padding: 0;
}
.alert.prmn-alert {
    position: fixed!important;
    top: 60px!important;
    right: 80px!important;
    z-index: 1000;
    min-width: 300px;
}
.row_cliipsi_prmn_hook_to .help-block{display: none;}
.row_cliipsi_prmn_hook_to .help-block.active{display: block;}
.prmn_block_type_product .countdown-time {
  font-weight: 600;
}
.prmn_block_type_product .countdown-text {
  font-size: 12px;
  line-height: 100%;
  padding-bottom: 6px;
}
.bootstrap a:hover, .bootstrap a:focus{
    text-decoration: none!important;
}
.prmn_block_type_product .panel-discount-countdown .countdown-item {
  border: 1px solid #666;
  color: #333;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 5px;
  text-align: center;
  margin-right: 7px;
}
.prmn_block_type_product .panel-discount-countdown {
  display: flex;
  display: -webkit-flex;
  width: 100%;
}
.prmn_import_option_form .prmn_import_menu, .prmn_import_option_form.active .prmn_import_menu_loading{
    display: block;
}
.prmn_menu_name > img, .prmn_menu_name > i.fa {
  margin-right: 5px;
}
.item_inline_1{
    width: 100%;
    float: left;
}
.item_inline_1:nth-child(1n+1){
    clear: both;
}
.item_inline_2{
    width: 50%;
    float: left;
}
.item_inline_2:nth-child(2n+1){
    clear: both;
}
.item_inline_3{
    width: 33.333%;
    float: left;
}
.item_inline_3:nth-child(3n+1){
    clear: both;
}
.item_inline_4{
    width: 25%;
    float: left;
}
.item_inline_4:nth-child(4n+1){
    clear: both;
}
.item_inline_6{
    width: 16.666%;
    float: left;
}
.item_inline_6:nth-child(6n+1){
    clear: both;
}
.item_inline_7{
    width: 14.28%;
    float: left;
}
.item_inline_7:nth-child(7n+1){
    clear: both;
}
.item_inline_8{
    width: 12.5%;
    float: left;
}
.item_inline_8:nth-child(8n+1){
    clear: both;
}
.item_inline_9{
    width:11.11111%;
    float: left;
}
.item_inline_9:nth-child(9n+1){
    clear: both;
}
.item_inline_10{
    width: 10%;
    float: left;
}
.item_inline_10:nth-child(10n+1){
    clear: both;
}
.item_inline_11{
    width:9.09%;
    float: left;
}
.item_inline_11:nth-child(11n+1){
    clear: both;
}
.item_inline_12{
    width:8.33%;
    float: left;
}
.item_inline_12:nth-child(12n+1){
    clear: both;
}
.ets_item_name {
  clear: both;
  display: block;
  text-align: center;
}
.prmn_import_option_form.active .prmn_import_menu, .prmn_import_option_form .prmn_import_menu_loading {
  border: 1px solid #DEDEDE;
  border-radius: 3px 3px 3px 3px;
  display: none;
  padding: 6px 8px;
}
.prmn_reset_default {
  display: inline-block;
  float: left;
}
.prmn_popup_overlay .mce-widget button i {
  font-size: 15px;
}
.prmn_popup_overlay .mce-btn button {
  padding: 2px 3px;
}
.prmn_useful_buttons > div:not(:first-child) {
  margin-bottom: 9px;
  margin-top: 8px;
}
.prmn_reset_default.active img {
  display: block;
  height: 22px;
  margin: 4px auto;
}
.prmn_columns_li.column_size_1 > .prmn_buttons > span {
  padding: 2px 4px;
}
.prmn_columns_li.column_size_1 > .prmn_buttons > div {
  font-size: 0;
  padding: 2px 4px;
}
.prmn_columns_li.column_size_2 > .prmn_buttons > div {
  font-size: 0;
}
.prmn_reset_default.active .process-icon-refresh {
  display: none;
}

.prmn_menus_ul .right {
  float: left;
  position: relative;
  width: calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  border: 1px solid #ddd;
  margin-left: -1px;
}

.prmn_menus .prmn_tabs_ul li.prmn_blocks_li {
  padding: 10px 15px;
  text-transform: none;
  width: 100%;
}
.prmn_menus .prmn_tabs_ul li.prmn_columns_li {
  padding: 10px;
}
.prmn_menus .prmn_tabs_ul li.prmn_tabs_li {
  float: left;
  padding: 0;
  width: 100%;
}

.prmn_tabs_li.ui-sortable-helper .prmn_columns_ul{
    top: 10px;
}
.prmn_tab_li_content {
  background: #ffffff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  float: left;
  position: relative;
  width: 200px;
  border-top: 1px solid #ddd;
}
.cliipsi_prmn_block {
    font-size: 13px;
    line-height: 1.6;
}

body .bootstrap .dropdown-menu {
    right: -12px;
    left: auto;
}
.prmn_menus .prmn_tabs_ul > li:not(:first-child) {
  margin-top: -5px;
  padding-top: 0;
}
.prmn_tab_toggle_title {
  float: left;
  padding: 14px 25px 14px 15px;
  position: relative;
    display: block;
}
.prmn_tab_name.prmn_tab_toggle {
  cursor: pointer;
  display: block;
  float: left;
  padding: 0;
  position: relative;
  width: 100%;
}
.backend-layout-rtl .prmn_reset_default {
  float: right;
}
.prmn_config_button:before {
  content: "\f013";
  font-family: FontAwesome, sans-serif;
  margin-right: 5px;
}
.prmn_tabs_li.open .prmn_tab_li_content .prmn_tab_name::before {
  border-right: 1px solid #fff;
  content: "";
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 3px;
  z-index: 11;
}
li.has-sub > .cliipsi_prmn_categories {
  box-shadow: 0 0 2px 0 #DFDFDF;
  -webkit-box-shadow: 0 0 2px 0 #DFDFDF;
}
.prmn_menus li, .prmn_menus ul {
  list-style: none outside none;
  margin: 0;
}
.cliipsi_menu:not(.preview) .prmn_menus {
    background: #dddddd;
}
.prmn_menus {
    position: relative;
    /*
     * Front office can be <1200px (container/responsive).
     * Keeping a min-width here forces an horizontal scroll inside the dropdown.
     * The old behaviour is kept only for BO builder/preview via the rule below.
     */
    min-width: 0;
    max-width: 100%;
    background: #ffffff;
    min-height: 50px;
}

/* Keep the old min-width only in Back Office (menu builder / preview) */
body.adminmodules .prmn_menus {
    min-width: 1200px;
}

/* Avoid horizontal scroll inside the dropdown on narrow containers */
.cliipsi_prmn_megamenu .prmn_columns_ul{max-width:100%;overflow-x:hidden;}
.prmn_menus .prmn_menus_ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.cliipsi_menu .prmn_menus .prmn_config_button:hover {
  background: none repeat scroll 0 0 #00AFF0;
}
.prmn_change_mode:not(.active), .prmn_view_mode:not(.active) {
  cursor: pointer;
}
.ets_choose_colunm_tab_content .form-group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.ets_choose_colunm_tab_content > .form-group{
    margin-bottom: 0;
}
.item_inline_5 {
    width: 20%;
}
.prmn_save_wrapper > .prmn_saving {
  border: 1px solid #DEDEDE;
  border-radius: 3px 3px 3px 3px;
  display: none;
  float: right;
  font-size: 10px;
  line-height: 15px;
  padding: 6px 8px;
  text-align: center;
  min-width: 48px;
}
.prmn_saving > img {
  margin-bottom: 5px;
  margin-top: 2px;
}
.prmn_menus > .prmn_menus_ul {
    margin-right: 0px;
    width: auto;
    flex-wrap: wrap;
}
.old-price {
    text-decoration: line-through;
    color: #bbb;
    font-weight: normal!important;
}
.prmn_block_type_product .content_price > span {
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
    color: #333;
}

.price-percent-reduction {
  background-color: #F13340;
  color: #FFFFFF;
  padding: 0 5px;
}
.prmn_reset_default img{
    display: none;
}
.preview .prmn_tabs_li .control_submenu {
    display: flex;
    display: -webkit-flex;
}
.prmn_tabs_li .control_submenu i.ets_svg {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.prmn_reset_default.active img{
    display: block;
}
.prmn_block_type_product .product-name {
    text-overflow: ellipsis;
    white-space: normal;
    margin-bottom: 8px;
    display: block;
}
.prmn_block_type_product .product_combination {
    color: #8f8f8f;
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-style: italic;
    margin-top: 8px;
}
.prmn_block_type_product .h5 {
    font-size: 14px;
    margin-top: 0;
    font-family: 'Open Sans';
    display: block;
}
.prmn_menus_li_content {
    float: left;
    line-height: 50px;
    z-index: 1;
    position: relative;
}
.control_submenu svg {
    float: left;
}
.cliipsi_menu:not(.preview) .prmn_menus_li_content .prmn_menu_name{
    height: 50px;
}
.cliipsi_menu:not(.preview) .prmn_menus_li_content {
    width: auto!important;
}
.cliipsi_menu:not(.preview) .prmn_tab_li_content,
.cliipsi_menu:not(.preview) .prmn_add_tab.btn.btn-default{
    width: 230px!important;
}
.cliipsi_menu:not(.preview) .prmn_tabs_li.prmn_has_sub .prmn_columns_ul{
    width: calc(100% - 230px)!important;
    left: 230px!important;
}
.cliipsi_menu:not(.preview) .prmn_menus_li.open .prmn_menus_li_content {
    background: #ff2695;
    border-bottom-color: #ff2695;
    border-top-color: #ff2695;
    color: #ffffff;
    fill: #ffffff;
}
.prmn_columns_li > .prmn_buttons {
  line-height: 32px;
}
.cliipsi_menu.preview .prmn_menus .prmn_columns_li {
    background: transparent;
    padding: 0;
    margin: 0;
}
.prmn_menu_content_title {
    display: inline-block;
    float: left;
    padding: 0 22px;
    position: relative;
    line-height: 1.6;
}
.prmn_has_sub .prmn_menu_content_title{
    padding-right: 28px;
}
.prmn_menu_name {
  cursor: pointer;
  float: left;
  padding: 0;
  position: relative;
  width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.prmn_menus .prmn_add_menu {
    border: none;
    color: #505fc3;
    fill: #505fc3;
    margin: 8px 10px 4px;
    background: transparent;
}
.ui-sortable-helper {
    cursor: grabbing!important;
}
.prmn_menus .prmn_add_menu:hover {
    color: #505fc3!important;
    background: rgba(255,255,255,0.2)!important;
}
.prmn_menus li.prmn_button.ets-button {
    margin-left: 5px;
}
.prmn_layout_rlt:before {
  content: "\f038";
  font-family: FontAwesome, sans-serif;
  margin-right: 5px;
}
.prmn_layout_ltr:before {
  content: "\f036";
  font-family: FontAwesome, sans-serif;
  margin-right: 5px;
}
.prmn_view_mode_list_select:before {
  content: "\f0ca";
  font-family: FontAwesome, sans-serif;
  margin-right: 5px;
}
.prmn_view_mode_tab_select:before {
  content: "\f009";
  font-family: FontAwesome, sans-serif;
  margin-right: 5px;
}
.prmn_view_mode.active, .prmn_change_mode.active {
  color: #00AFF0;
}
.prmn_view_mode_list .prmn_menus_ul > li:not(:first-child) .prmn_menus_li_content {
  margin: 0;
}
.prmn_menus_li_content .prmn_buttons {
    left: auto;
    line-height: 16px;
    margin-left: 0;
    margin-top: 13px;
    overflow: hidden;
    position: absolute;
    right: 0;
    display: flex;
    bottom: 100%;
    visibility: hidden;
    width: auto;
    z-index: 1;
    background-color: #28abe3;
}
.item_has_img .ets_item_img {
  border: 1px solid #e7e7e7;
}
.form-group-wrapper .input-group input + .input-group-btn button {
    height: 34px;
}
.cliipsi_menu:not(.mobile) .item_has_img .ets_item_img:hover img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.ets_item_img {
  display: block;
  overflow: hidden;
}
.cliipsi_prmn_type_file .form-group > .col-sm-6 {
    width: 100%;
}
.cliipsi_prmn_type_file .form-group > .col-sm-6 .input-group-addon {
    min-width: 0;
    width: auto;
}
.prmn_tabs_li:first-child .prmn_tab_li_content{
    border-top: 1px solid #ddd;
}
.prmn_tabs_li:nth-last-child(2) .prmn_tab_li_content {
    border-bottom: 1px solid #ddd;
}
.ets_tooltip span.label-tooltip {
    background: #5d6ac3!important;
    color: #fff!important;
    border-radius: 50%!important;
    padding: 0!important;
    border: 1px solid #5d6ac3!important;
    font-size: 12px!important;
    font-weight: normal;
}
.prmn_img_content {
    display: block;
}
.prmn_img_content img{
    width: 100%;
}

.cliipsi_prmn_block_content img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.prmn_menus_li .prmn_menus_li_content:hover > .prmn_buttons,
.prmn_menus .prmn_columns_li:hover > .prmn_buttons {
    opacity: 1;
    visibility: visible;
}
.prmn_buttons > span {
    font-size: 0;
    text-align: center;
    width: 26px;
    height: 26px;
    color: #fff;
    fill: #fff;
    background: #505fc3;
    bottom: auto;
    cursor: pointer;
    float: left;
    display: flex;
    display: -webkit-flex;
    left: auto;
    line-height: 26px;
    padding: 0;
    position: relative;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.prmn_buttons .ets_svg_icon {
    height: 14px;
    margin-right: 0;
}
.prmn_columns_li > .prmn_buttons {
    background-color: #1fda9a;
    position: absolute;
    bottom: 100%;
    right: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.alert.alert-success.mm-alert {
  clear: both;
}
.cliipsi_prmn_block > .h4 {
    display: block;
    clear: left;
    color: #555555;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0;
    padding-bottom: 12px;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    padding-right: 0;
    font-family: 'OPEN SANS';
}
.prmn_menus_li {
    display: flex;
    list-style: none outside none;
    padding: 8px 0px;
    flex-wrap: wrap;
    float: left;
}
.prmn_useful_buttons {
    float: left;
}
.prmn_menu_delete, 
.prmn_tab_delete,
.prmn_column_delete,
.prmn_buttons > span.prmn_block_delete{
  float: right!important;
}
.prmn_duplicate {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  padding: 7px 10px;
  position: relative;
  cursor: pointer;
  line-height: 24px;
  white-space: nowrap;
}
/*.header_mobile_default > .header_logo {
    background-image: url(../img/other/logo_site.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 82px;
    height: 22px;
    float: left;
}*/
.header_mobile_default > .header_right {
    background-image: url(../img/other/h_right.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 54px;
    height: 19px;
    right: 15px;
    opacity: 0;
    position: absolute;
}
.prmn_blocks_ul .prmn_blocks_li:not(:first-child):not(.empty-block) {
    margin-top: 5px;
}
.row_cliipsi_prmn_transition_menu .radio {
    width: 50%;
    float: left;
}
.row_cliipsi_prmn_transition_mobile_menu .radio{
    width: 50%;
    float: left;
}
.row_cliipsi_prmn_transition_menu .col-lg-9, .row_cliipsi_prmn_transition_mobile_menu .col-lg-9 {
    padding-left: 0;
    padding-right: 0;
}
.row_cliipsi_prmn_transition_menu .radio input[type="radio"],
.row_cliipsi_prmn_transition_mobile_menu .radio input[type="radio"] {
    width: 100%;
    height: 74px;
    margin: 0;
    max-width: none;
    -webkit-appearance: none;
    margin-bottom: 5px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer;
    opacity: 0.5;
}
.row_cliipsi_prmn_transition_menu .radio input[type="radio"]:checked,
.row_cliipsi_prmn_transition_mobile_menu .radio input[type="radio"]:checked,
.row_cliipsi_prmn_transition_menu .radio input[type="radio"]:hover,
.row_cliipsi_prmn_transition_mobile_menu .radio input[type="radio"]:hover {
    opacity: 1;
    box-shadow: 0 0 2px 1px #646bcb!important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.row_cliipsi_prmn_transition_menu .radio label, .row_cliipsi_prmn_transition_mobile_menu .radio label {
    margin: 0 0 10px;
    width: 100%;
    text-align: center;
    padding: 0 5px;
    font-size: 13px;
}
.row_cliipsi_prmn_transition_mobile_menu .radio.fullscreen input[type="radio"] {
    background-image: url(../img/transition/fullscreen.png);
}
.row_cliipsi_prmn_transition_mobile_menu .radio.floating input[type="radio"] {
    background-image: url(../img/transition/floating.png);
}
.row_cliipsi_prmn_transition_mobile_menu .radio.right input[type="radio"] {
    background-image: url(../img/transition/right.png);
}
.row_cliipsi_prmn_transition_mobile_menu .radio.bottom input[type="radio"] {
    background-image: url(../img/transition/bottom.png);
}
.row_cliipsi_prmn_transition_mobile_menu .radio.default input[type="radio"],
.row_cliipsi_prmn_transition_menu .radio.default input[type="radio"] {
    background-image: url(../img/transition/default.png);
}
.row_cliipsi_prmn_transition_menu .radio.slide_down input[type="radio"] {
    background-image: url(../img/transition/slide_down.jpg);
}
.row_cliipsi_prmn_transition_menu .radio.scale_down input[type="radio"] {
    background-image: url(../img/transition/scale_down.jpg);
}
.row_cliipsi_prmn_transition_menu .radio.zoom_in input[type="radio"] {
    background-image: url(../img/transition/zoom_in.jpg);
}

.prmn_add_tab.btn.btn-default {
    background: #f4f4f4;
    box-shadow: none;
    display: block;
    text-align: center;
    border: 1px dashed #D4D4D4!important;
    clear: both;
    color: #505fc3!important;
    fill: #505fc3!important;
    padding: 8px;
}
.prmn_add_block.btn.btn-default.ets-button {
    background: #f4f4f4;
    border: 1px dashed #ddd;
    box-shadow: none;
    display: block;
    text-align: center;
    width: 100%;
    color: #505fc3;
    fill: #505fc3;
    border-radius: 0;
    font-size: 18px;
}
.prmn_add_block.btn.btn-default.ets-button:hover ,
.prmn_add_tab.btn.btn-default:hover{
    background: #fff;
}
.cliipsi_menu .prmn_buttons > div {
    background: #28abe3;
    border: medium none;
    border-radius: 0 0 0 0;
    bottom: 100%;
    float: left;
    font-size: 0;
    line-height: 24px;
    margin-left: -1px;
    color: #fff;
    padding: 0;
    text-align: center;
    min-width: 26px;
}
.cliipsi_prmn_block .cliipsi_prmn_block_content {
  display: block;
  float: left;
  padding: 0;
  width: 100%;
  border-bottom: 5px solid #68a272;
}
.prmn_block_type_mnft .cliipsi_prmn_block_content > ul.prmn_mnu_display_img,
.prmn_block_type_mnsp .cliipsi_prmn_block_content > ul.prmn_mnu_display_img {
  margin: 0 -10px;
}
.prmn_block_type_mnft .cliipsi_prmn_block_content > ul.prmn_mnu_display_img li,
.prmn_block_type_mnsp .cliipsi_prmn_block_content > ul.prmn_mnu_display_img li {
  display: block;
  float: left;
  padding: 0 10px;
}
.prmn_form .form-menus form > .panel .panel-heading button svg {
    width: 16px;
}
.switch a.slide-button.btn {
    position: absolute;
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white!important;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    border: none;
    z-index: 1;
    pointer-events: none;
    top: auto;
    transform: none;
    padding: 0;
}
.switch a.slide-button.btn:after{
    display: none;
}
.prmn_form .form-group .form-group {
    margin-bottom: 0;
}
.bootstrap .prestashop-switch input:first-child:checked+label {
    background: #5c6ac3;
    opacity: 1;
}
body .bootstrap .switch input:last-of-type:checked~a{
    background-color: white;
    border: none;
    left: 14px;
}
.bootstrap .switch label {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    font-size: 0;
    opacity: 0;
    transition: 0.2s;
    z-index: 0;
    padding: 0;
    margin: 0;
    transform: none;
}
.bootstrap .prestashop-switch input:checked+label {
    pointer-events: none;
}
.bootstrap .prestashop-switch.switch {
    background-color: #a0aeb9;
    border-radius: 30px;
    box-shadow: none;
    color: #333;
    margin-top: 2px;
    text-align: center;
    overflow: hidden;
    height: 18px;
    font-size: 0;
    width: 30px;
    max-width: 30px;
}
.form-group-wrapper .checkbox_all.checkbox > label {
  font-weight: 600;
}
.backend-layout-rtl.ets-dir-ltr .prmn_menus_li_content .prmn_buttons {
  left: 0;
  right: auto;
}
.prmn_tab_li_content .prmn_buttons {
    background-color: #28abe3;
    color: #fff;
    right: 0;
    margin-left: 10px;
    opacity: 0;
    position: absolute;
    bottom: 100%;
    visibility: hidden;
}
.item_has_img img {
  width: 100%;
}
.prmn_block_type_mnsp .item_has_img:not(:last-child),
.prmn_block_type_mnft .item_has_img:not(:last-child){
  margin-bottom: 10px;
}
.prmn_tabs_li.open .prmn_tab_li_content {
  border-right: 1px solid #fff;
  background: #fff;
  z-index: 1;
}
.prmn_tab_toggle_title > img {
  margin-right: 4px;
}
.cliipsi_menu .prmn_tabs_ul_content {
  float: left;
  padding: 0;
  position: relative;
  width: 100%;
}
input[type="number"] {
    border: 1px solid #ddd;
    min-height: 31px;
    padding: 0 10px;
    width: 100%;
}
.cliipsi_prmn_block_content.loading {
    display: block;
    min-height: 60px;
    position: relative;
    color: transparent;
}
.cliipsi_prmn_block_content.loading > *{
    opacity: 0!important;
}
.ets_svg_icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    min-width: 16px;
    line-height: 16px;
}
.cliipsi_prmn_block_content.loading:before {
    content: "";
    width: 30px;
    height: 30px;
    border-top: 1px solid #aaaaaa;
    display: block;
    position: absolute;
    border-bottom: 1px solid #aaaaaa;
    border-radius: 50%;
    border-left: 2px solid rgba(255,255,255,0);
    border-right: 2px solid rgba(255,255,255,0);
    animation: loading 0.5s infinite linear;
    -webkit-animation: loading 0.5s infinite linear;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
}
@keyframes loading {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes loading {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.prmn_transition.ets_transition_scale_down li.prmn_menus_li.open > .prmn_columns_ul,
.prmn_transition.ets_transition_scale_down li.prmn_menus_li.open > .prmn_tabs_ul{
    transform-origin: top center;
    animation: scaleDown 300ms ease-in both;
    animation-iteration-count: 1;
    animation-timing-function: linear
}
.prmn_transition.ets_transition_slide_down li.prmn_menus_li.open > .prmn_columns_ul,
.prmn_transition.ets_transition_slide_down li.prmn_menus_li.open > .prmn_tabs_ul{
    transform-origin: top center;
    animation: transition_slidedown 300ms ease-in both;
    animation-iteration-count: 1;
    animation-timing-function: linear
}
.prmn_transition.ets_transition_zoom_in li.prmn_menus_li.open > .prmn_columns_ul,
.prmn_transition.ets_transition_zoom_in li.prmn_menus_li.open > .prmn_tabs_ul{
    animation: transition_zoomIn 300ms ease-in both;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
}
@-webkit-keyframes transition_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes transition_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes transition_default {
    from {
        margin-top: 25px;
    }
    100% {
        margin-top: 0;
    }
}
@-webkit-keyframes transition_default {
    from {
        margin-top: 25px;
    }
    100% {
        margin-top: 0;
    }
}
@-webkit-keyframes transition_slidedown{
    0% {
        opacity: 0;
        transform-origin: top;
        transform: scaleY(0);
    }
    50% {
        opacity: 1;
    }
    100%{
        transform: scaleY(1);
    }
}
@keyframes transition_slidedown{
    0% {
        opacity: 0;
        transform-origin: top;
        transform: scaleY(0);
    }
    50% {
        opacity: 1;
    }
    100%{
        transform: scaleY(1);
    }
}
@-webkit-keyframes scaleDown{
    0%{
        opacity:0;
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform: perspective(600px) rotateX(-90deg);
        -moz-transform: perspective(600px) rotateX(-90deg);
        -o-transform: perspective(600px) rotateX(-90deg);
        -ms-transform: perspective(600px) rotateX(-90deg);
        transform-origin: 100% 0 0;
        -ms-transform-origin: 100% 0 0;
        -o-transform-origin: 100% 0 0;
        -webkit-transform-origin: 100% 0 0;
    }
    50%{
        opacity:1
    }
    100%{
        transform: perspective(600px) rotateX(0deg);
        -webkit-transform: perspective(600px) rotateX(0deg);
        -moz-transform: perspective(600px) rotateX(0deg);
        -o-transform: perspective(600px) rotateX(0deg);
        -ms-transform: perspective(600px) rotateX(0deg);
        transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
    }
}
@keyframes scaleDown{
    0%{
        opacity:0;
        transform: perspective(600px) rotateX(-90deg);
        -webkit-transform: perspective(600px) rotateX(-90deg);
        -moz-transform: perspective(600px) rotateX(-90deg);
        -o-transform: perspective(600px) rotateX(-90deg);
        -ms-transform: perspective(600px) rotateX(-90deg);
        transform-origin: 100% 0 0;
        -ms-transform-origin: 100% 0 0;
        -o-transform-origin: 100% 0 0;
        -webkit-transform-origin: 100% 0 0;
    }
    50%{
        opacity:1
    }
    100%{
        transform: perspective(600px) rotateX(0deg);
        -webkit-transform: perspective(600px) rotateX(0deg);
        -moz-transform: perspective(600px) rotateX(0deg);
        -o-transform: perspective(600px) rotateX(0deg);
        -ms-transform: perspective(600px) rotateX(0deg);
        transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -webkit-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -moz-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
        -o-transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
    }
}
.cliipsi_menu:not(.preview) .prmn_menus_li > .prmn_columns_ul,
.cliipsi_menu:not(.preview) .prmn_tabs_ul{
    background: #eeeeee!important;
}

.prmn_menus_li > .prmn_columns_ul,
.prmn_tabs_ul {
  border: 1px solid #D0D0D0;
  left: 0;
  list-style: none outside none;
  margin: 0!important;
  opacity: 0;
  padding: 25px 10px 10px;
  position: absolute;
  top: -1000000%;
  visibility: hidden;
  width: 100%;
    flex-wrap: wrap;
  min-height: 65px;
    background-color: #fff;
}
.prmn_menus .item_has_img {
  padding: 0 10px;
}
.control_submenu {
    position: absolute;
    right: 10px;
    height: 100%;
    align-items: center;
    display: flex;
}
.prmn_menus_li:not(.prmn_has_sub) .control_submenu,
.prmn_tabs_li:not(.prmn_has_sub) .control_submenu{
    display: none!important;
}

.prmn_view_mode_list .prmn_useful_buttons {
  position: absolute;
  right: -5px;
}
.header_mobile_menu{
    display: none;
}
.prmn_import_button,
.bootstrap .btn.prmn_import_button {
  background: linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -ms-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  margin-left: 10px;
  /*margin-right: 5px;*/
}
.bootstrap .btn.prmn_import_button:hover, .btn.prmn_import_button:hover, .btn.prmn_import_button:hover i, .bootstrap .btn.prmn_import_button:hover i {
  background: none repeat scroll 0 0 #00AFF0;
}
.fa-download:before {
  content: "\f019";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  margin-right: 3px;
}
.fa-compress:before {
  content: "\f066";
  font-family: FontAwesome, sans-serif;
  font-style: normal;
  margin-right: 3px;
}
.fa-exchange:before{
    content:"\f0ec";
    font-family: FontAwesome, sans-serif;
  font-style: normal;
  margin-right: 5px;
}
.prmn_import_menu_submit i {
    margin-right: 2px;
    line-height: 31px;
}
.prmn_import_menu_submit:hover i:before {
  color: #FFFFFF;
}
.prmn_import_menu_submit .prmn_import_menu {
    float: left;
    padding-left: 22px;
    position: absolute;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0;
}
.prmn_import_menu_submit {
  border-radius: 3px 3px 3px 3px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  line-height: 28px;
  padding: 0;
    justify-content: center;
    -webkit-justify-content: center;
  position: relative;
    width: 100%;
    color: #5d6ac3;
    fill: #5d6ac3;
    border: 1px solid #5d6ac3;
}
.ps-number-spinner {
    position: absolute;
    right: 0;
    z-index: 11;
    height: 100%;
    border-left: 1px solid #ccc;
}
.ps-number-spinner > span {
    width: 100%;
    display: flex;
    font-size: 0;
    min-width: 25px;
    height: 50%;
    justify-content: center;
    cursor: pointer;
    align-items: center;
}
.ps-number-spinner ~ .input-group-addon {
    border: none;
    background: transparent;
    position: absolute;
    right: 26px;
    z-index: 11;
    width: auto;
}
.ps-number-spinner > span:hover svg {
    fill: #fff;
}
.ps-number-spinner > span:hover {
    background: #5c6ac3;
    color: #fff;
    fill: #fff;
}
.ps-number-spinner span.ps-number-up {
    border-bottom: 1px solid #ccc;
}
.prmn_import_option_form.active .prmn_import_menu_submit > i{
    display: none;
}
.prmn_import_menu_loading > img {
  margin-right: 5px;
}
.prmn_menus .prmn_config_button {
  background: linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -ms-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  margin: 0 5px;
}
.prmn_layout_mode {
  border: 1px solid #D0D0D0;
  border-radius: 3px 3px 3px 3px;
  float: right;
  margin: 0 5px;
  white-space: nowrap;
}
.prmn_layout_mode, .prmn_view_prmn_view_modes {
  background: linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -ms-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-linear-gradient(#FFFFFF, #FAFAFA) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #D0D0D0;
  border-radius: 3px 3px 3px 3px;
  float: right;
  margin: 0 10px;
  white-space: nowrap;
}
.prmn_view_mode_list .prmn_menus .prmn_add_menu {
  border: 1px solid #DEDEDE;
  color: #333333;
  margin: 8px 5px 0;
}
.backend-layout-rtl.ets-dir-ltr .prmn_menus .prmn_columns_ul, .backend-layout-rtl.ets-dir-ltr .prmn_menus .prmn_columns_ul * {
  direction: ltr !important;
}
.backend-layout-rtl.ets-dir-ltr .prmn_block_type_product .left-block {
  float: left;
  padding-left: 0;
  padding-right: 15px;
}
.backend-layout-rtl.ets-dir-ltr .prmn_blocks_li .prmn_buttons {
  left: auto;
  right: -1px;
}
.prmn_icon i {
    display: inline-block;
    width: 16px;
}
.prmn_view_mode_list .prmn_tab_li_content .prmn_buttons {
  left: 5px;
  opacity: 1;
  top: 22px;
  visibility: visible;
  z-index: 1;
}
.ets-dir-ltr.cliipsi_menu.prmn_view_mode_list .prmn_tabs_li .prmn_tab_li_content .prmn_tab_name::before {
  border-right: 1px solid #fff;
  bottom: 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  z-index: 11;
}
.prmn_view_mode_list .prmn_tab_li_content {
  width: 100%;
}
.prmn_view_mode_list .prmn_tabs_li .prmn_columns_ul {
  left: auto;
  margin-top: -1px;
  position: relative;
  top: auto;
  visibility: visible;
  width: 100%;
}
.prmn_view_mode_list .prmn_tabs_ul {
  clear: both;
  display: block;
  float: left;
  opacity: 1;
  position: relative;
  visibility: visible;
  width: 100%;
  padding-top: 60px;
  height: auto!important;
}


/*backend-layout-rtl*/
.backend-layout-rtl.prmn_view_mode_list .prmn_useful_buttons {
  left: -5px;
  position: absolute;
  top: 0;
  right: auto;
}
.backend-layout-rtl .prmn_menus_ul,
.backend-layout-rtl .prmn_menus .prmn_add_menu
{
  float: right;
}
.backend-layout-rtl .prmn_layout_mode, 
.backend-layout-rtl .prmn_view_prmn_view_modes,
.backend-layout-rtl .prmn_menus .prmn_config_button {
    float: left;
}
.backend-layout-rtl .prmn_menus > .prmn_menus_ul {
  float: right;
  margin-right: 0;
}
.backend-layout-rtl .prmn_config_button {
  margin-left: 5px;
}
.backend-layout-rtl .prmn_menus_ul > li:not(:first-child) .prmn_menus_li_content {
  margin-left: 0;
  margin-right: -1px;
}
.backend-layout-rtl.prmn_view_mode_list .prmn_menus_ul > li:not(:first-child) .prmn_menus_li_content {
  margin-right: 0;
}
.backend-layout-rtl .prmn_buttons > span:before {
  margin-left: 5px;
  margin-right: 0;
}
.backend-layout-rtl .prmn_saving {
  float: left;
}
.backend-layout-rtl, .backend-layout-rtl * {
  direction: rtl;
}
.backend-layout-rtl .prmn_blocks_li .prmn_buttons {
  left: -1px;
  right: auto;
}
.backend-layout-rtl .prmn_menus .prmn_columns_li{
    float: right;
}
.backend-layout-rtl .cliipsi_prmn_block_content ul li.has-sub ul {
  left: auto;
  right: 100%;
}

.backend-layout-rtl .prmn_buttons {
  left: auto;
  right: 0;
}

.backend-layout-rtl .prmn_menus_li_content .prmn_buttons {
  right: 11px;
}

.backend-layout-rtl .prmn_menus_li_content .prmn_buttons > .prmn_add_column:after {
  background-color: #D0D0D0;
  content: "";
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
}

.backend-layout-rtl .prmn_menus_li_content .prmn_buttons > .prmn_add_column {
  bottom: auto;
  left: auto;
  position: relative;
}

.backend-layout-rtl .left-block {
  padding-left: 15px;
}
.backend-layout-rtl .prmn_menus_li_content {
  float: right;
}
.backend-layout-rtl.prmn_view_mode_tab .prmn_view_prmn_view_modes {
  margin-left: 0;
}
.backend-layout-rtl .prmn_import_button {
  float: left !important;
  margin-right: 5px;
}
.backend-layout-rtl .prmn_block_type_product .left-block {
  float: right;
}
.backend-layout-rtl.prmn_view_mode_list .prmn_layout_mode {
  left: 120px;
  right: auto;
}
.backend-layout-rtl .prmn_columns_li > .prmn_buttons > span {
  float: right;
}
.backend-layout-rtl .prmn_columns_li > .prmn_buttons > div{
    float: right;
}

.backend-layout-rtl .prmn_add_column:before, 
.backend-layout-rtl .prmn_add_menu:before {
  float: right;
  margin-left: 3px;
  margin-right: 0;
}
.backend-layout-rtl .prmn_config_button:before,
.backend-layout-rtl .prmn_view_mode_list_select:before,
.backend-layout-rtl .prmn_view_mode_tab_select:before,
.backend-layout-rtl .prmn_add_block:before,
.backend-layout-rtl .prmn_layout_ltr:before,
.backend-layout-rtl .prmn_layout_rlt:before,
.backend-layout-rtl .prmn_import_button i,
.backend-layout-rtl .prmn_import_button i:before,
.backend-layout-rtl .btn.btn-default i:before {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.backend-layout-rtl .prmn_view_mode_list .prmn_view_prmn_view_modes {
  left: -5px;
  right: auto;
}
.backend-layout-rtl .prmn_import_menu_submit i {
  left: auto;
  right: 7px;
}
.backend-layout-rtl .prmn_import_menu_submit .prmn_import_menu {
  padding-left: 8px;
  padding-right: 22px;
}
.backend-layout-rtl .prmn_columns_li > .prmn_buttons > span:after {
  left: 0;
  right: auto;
}
.cliipsi_prmn_block_content iframe {
  max-width: 100%;
}
.prmn_menus_li.prmn_has_sub > .prmn_menus_li_content:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    height: 1px;
}
.prmn_popup_overlay .btn.btn-default:active, 
.prmn_popup_overlay .btn.btn-default.active,
.prmn_popup_overlay .btn.btn-default:focus {
  background: none repeat scroll 0 0 #FFFFFF!important;
  box-shadow: none;
  color: #363A41!important;
  border-color: #DEDEDE!important;
}
/*.bootstrap .prmn_popup_overlay .btn.btn-default.prmn_reset_default:hover {
  background-color: #00AFF0;
  border-color: #008ABD;
  box-shadow: none;
  color: #FFFFFF;
}*/
/**/















.row_cliipsi_prmn_custom_css .textarea-autosize {
  min-height: 60px;
}
.ets-dir-rtl .prmn_menus_ul,
.ets-dir-rtl .prmn_menus .prmn_add_menu
{
  float: right;
}
.ets-dir-rtl .prmn_useful_buttons .prmn_add_menu {
  float: right;
}
.ets-dir-rtl .prmn_config_button {
  margin-left: 5px;
}
.ets-dir-rtl .prmn_useful_buttons > div,
.bootstrap .ets-dir-rtl .btn.prmn_import_button {
  float: left;
}
.ets-dir-rtl ul.prmn_menus_ul {
  direction: rtl;
  margin-right: 0;
}
.cliipsi_menu .btn.btn-default:focus {
  background-color: #FFFFFF;
  border-color: #DEDEDE;
  color: #555555;
  outline: medium none !important;
}
.cliipsi_menu .btn.btn-default:focus i{
    color: #555555;
}
.ets-dir-rtl .prmn_columns_ul, .ets-dir-rtl .prmn_columns_ul * {
  direction: rtl;
}
.ets-dir-rtl .prmn_blocks_li .prmn_buttons {
  left: -1px;
  right: auto;
}
.ets-dir-rtl .prmn_menus .prmn_columns_li{
    float: right;
}
.ets-dir-rtl .cliipsi_prmn_block_content ul li.has-sub ul {
  left: auto;
  right: 100%;
}
.ets-dir-rtl.prmn_view_mode_list .prmn_menus_li_content {
  float: right;
}
.ets-dir-rtl.prmn_view_mode_list .prmn_useful_buttons {
  left: -5px;
  right: auto;
}
.ets-dir-rtl .left-block {
  padding-left: 15px;
}
.ets-dir-rtl.prmn_view_mode_list .prmn_menus_li_content .prmn_buttons {
  left: 0;
  right: 0;
}
.ets-dir-rtl.prmn_view_mode_list .prmn_menus_li_content > .prmn_buttons {
  right: 10px;
}
.ets-dir-rtl .prmn_buttons > span.prmn_menu_delete:after,
.backend-layout-rtl .prmn_buttons > span.prmn_menu_delete:after {
  display: none;
}
.prmn_multi_layout.ets-dir-rtl .prmn_tabs_li.open .prmn_tab_li_content .prmn_tab_name::before {
  left: -3px;
  right: auto;
}
.prmn_multi_layout.ets-dir-rtl .prmn_tab_li_content .prmn_buttons {
  left: 0!important;
  right: 221px;
  margin-right: 10px;
}
.ets-dir-rtl .prmn_tab_toggle_title {
  float: right;
}
.ets-dir-rtl .prmn_bubble_text {
  left: 10px;
  right: auto;
}
.ets-dir-rtl .prmn_buttons > div {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.cliipsi_menu .prmn_buttons > div{
    border-right: 1px solid rgba(255, 255, 255, 0.1)!important;
}
.prmn_buttons > div:hover{
    background: rgba(255,255,255,0.1)!important;
}
.ets-dir-rtl .prmn_columns_li > .prmn_buttons > span.prmn_column_delete {
  float: left!important;
}
.ets-dir-rtl .prmn_columns_li > .prmn_buttons > span {
  float: right;
}
.ets-dir-rtl .prmn_columns_li > .prmn_buttons > div {
  float: right;
}
.ets-dir-rtl.backend-layout-ltr.prmn_view_mode_tab .prmn_view_prmn_view_modes {
  margin-left: 0;
  margin-right: 5px;
}
.prmn_layout_ltr:after,.prmn_view_mode_tab_select:after {
  background-color: #D0D0D0;
  content: "";
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 1px;
}
.ets-dir-rtl .prmn_buttons > span.prmn_menu_delete {
  float: left!important;
}
.ets-dir-rtl .prmn_buttons > span,
.ets-dir-rtl .prmn_buttons > div {
  float: right;
}
.ets-dir-rtl .prmn_buttons > div.prmn_tab_delete{
    float: left!important;
}
.ets-dir-rtl .prmn_tab_delete {
  float: left!important;
}
.prmn_layout_mode > div, .prmn_view_prmn_view_modes > div {
  float: left;
  padding: 0 10px;
  position: relative;
    color: #333;
}

.edit_mode .prmn_menus {
    background: #dddddd;
}
.cliipsi_menu:not(.mobile) .prmn_menus_li .prmn_tabs_li.open.prmn_has_sub .prmn_columns_ul {
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    top: 0;
    visibility: visible;
}
.form-group-wrapper textarea {
    min-height: 100px;
}
.prmn_menus_li.open .prmn_tabs_ul {
  opacity: 1;
  visibility: visible;
  top: 100%;
  overflow: visible;
}
.ets_choose_colunm_tab_content .auto_add_menu {
    padding: 0 15px;
}
.ets_box_light_preview {
     display: flex;
     display: -webkit-flex;
}
.cliipsi_menu.prmn_single_layout{
    margin-bottom: 45px;
    margin-top: 0;
}
.ets_box_light_preview .ets_light_mode {
    margin-left: 12px;
}
.prmn_menus_li .prmn_tabs_li .prmn_columns_ul {
    opacity: 0;
    visibility: hidden;
    background: #fcfcfc;
    display: none;
}
.edit_mode .prmn_menus_li .prmn_tabs_li .prmn_columns_ul {
    background: #fcfcfc!important;
}
.prmn_view_mode_list .prmn_menus_li .prmn_tabs_li .prmn_columns_ul {
  display: block;
  left: auto!important;
  right: auto!important;
  margin-left: -1px;
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  min-height: 150px;
}
.ets-dir-rtl.prmn_view_mode_list .prmn_columns_ul {
  float: right;
  margin-right: -1px;
}
.prmn_view_mode_list .prmn_menus .prmn_tabs_ul li.prmn_tabs_li {
  margin-bottom: 15px;
  position: relative;
  padding-top: 10px;
}
.prmn_tabs_ul::before {
  height: 40px;
  opacity: 1;
  visibility: visible;
}
.ets-dir-rtl.prmn_view_mode_list .prmn_tab_li_content {
  float: right;
  right: 0;
}

.prmn_view_mode_tab.ets-dir-rtl .prmn_tab_li_content {
  float: right;
}
.prmn_view_mode_tab.ets-dir-rtl .prmn_tabs_li .prmn_columns_ul {
  left: auto!important;
  right: 210px;
  margin-right: -1px;
}
.cliipsi_prmn_categories .cliipsi_prmn_categories a {
  white-space: nowrap;
}
.prmn_view_mode_tab.ets-dir-rtl .prmn_tabs_li .prmn_tab_li_content {
  border-left: 1px solid #fff;
  border-right: 1px solid #ddd;
  z-index: 1;
}
.prmn_view_mode_list .prmn_tabs_li .prmn_tab_li_content {
  border-right: 1px solid #fff;
  z-index: 1;
  background: #fff;
}
.prmn_view_mode_list.ets-dir-rtl .prmn_tabs_li .prmn_tab_li_content {
  border-right: 1px solid #ddd;
  border-left: 1px solid #fff;
  z-index: 1;
}
.prmn_menus_li.open .prmn_columns_ul:before,
.prmn_view_mode_list .prmn_menus_li .prmn_columns_ul:before {
  height: 40px;
  opacity: 1;
  visibility: visible;
}
.prmn_view_mode_list.ets-dir-rtl .prmn_tab_li_content .prmn_tab_name::before {
  border-right: 1px solid #fff;
  content: "";
  height: 100%;
  position: absolute;
  left: -3px;
  top: 0;
  width: 3px;
  right: auto;
  z-index: 11;
}
.prmn_menu_toggle_arrow {
  font-size: 0;
  display: none;
}
.prmn_menus_li_content:hover .prmn_add_column, 
.prmn_menus_li_content:hover .prmn_menu_delete, 
.prmn_menus_li_content:hover .prmn_menu_edit {
  /*opacity: 1;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  visibility: visible;*/
}
.bootstrap .alert-success.cliipsi_prmn_success_alert {
  background-color: rgba(46, 204, 113, 0.8);
  border: medium none;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: none;
  font-size: 14px;
  left: auto;
  min-width: 220px;
  padding: 10px 40px 10px 50px;
  pointer-events: none;
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 9999;
}
.bootstrap .alert-success.cliipsi_prmn_success_alert:before {
    font-family: Fontawesome, sans-serif;
    font-size: 20px;
    font-weight: 400;
    display: block;
    content: "\f058";
    float: left;
    margin: 4px 4px 0;
    color: #fff;
}
.bootstrap .alert-success.cliipsi_prmn_success_alert:after {
  display: none;
}
.prmn_loading_icon{
    display: none;
}
.loading-form .prmn_loading_icon{
    display: block;
}
.prmn_clear_cache{
    font-style: italic;
}
.prmn_clear_cache.active{
    opacity: 0.5;
}
.pp_loaderIcon {
  /*display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px;
  background: url("../images/prettyPhoto/default/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
*/}
.loading-form .prmn_loading_icon {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.prmn_loading_icon > img {
  background-color: #FFFFFF;
  border: 15px solid #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  -webkit-transform: translate3d(-50%, -50%, 0px);
  float: left;
}

.prmn_view_mode_list .prmn_menus > .prmn_menus_ul {
  display: block;
  width: 100%;
}
.prmn_view_mode_list .prmn_menus_li > .prmn_columns_ul {
  bottom: auto;
  clear: left;
  display: block;
  float: left;
  left: auto;
  margin-left: 0;
  opacity: 1;
  position: relative;
  right: auto;
  top: auto;
  visibility: visible;
}
.prmn_view_mode_list .prmn_menus > .prmn_menus_ul > .prmn_menus_li {
  float: left;
  margin: 0 0 20px;
  width: 100%;
  position: relative;
  background: none;
}
.prmn_view_mode_list .prmn_menus_li_content {
  background-color: #eeeeee;
}
.prmn_view_mode_list .prmn_menus_li_content .prmn_buttons {
  height: auto;
  margin-top: 13px;
  opacity: 1;
  pointer-events: auto;
  top: 48px;
  visibility: visible;
}
/*
 * Front-office behavior:
 * Some themes (and/or custom JS) toggle a `.hover` helper class instead of `.open`.
 * Also on desktop we want classic :hover to work even if JS is deferred/blocked.
 */
.prmn_menus_li.open > .prmn_columns_ul,
.prmn_menus_li.hover > .prmn_columns_ul,
.prmn_menus_li:hover > .prmn_columns_ul {
    opacity: 1;
    visibility: visible;
    display: flex;
    display: -webkit-flex;
    top: 100%;
}
.cliipsi_menu:not(.mobile) .prmn_menus_li .prmn_tabs_li.open > .prmn_columns_ul {
    display: block;
    opacity: 1;
    visibility: visible;
}
li.prmn_menus_li:last-child {
    border-right: none!important;
}
.cliipsi_prmn_block_content ul li.has-sub > .prmn_columns_ul {
  background: #eeeeee;
  border: 1px solid #D4D4D4;
  left: 100%;
  margin: 0;
  opacity: 0;
  padding: 5px 15px;
  pointer-events: none;
  position: absolute;
    display:none;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  top: 0;
  transition: all 0.35s ease 0s;
  -webkit-transition: all 0.35s ease 0s;
  visibility: hidden;
}
.has-sub > a:after {
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
  content: "";
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.cliipsi_cat_subitem:hover,.cliipsi_cat_sublink:hover {
  background-color: #68A272 !important;
  color:white !important;
}


.cliipsi_prmn_block_content ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 99;
}
.prmn_block_type_mnft .cliipsi_prmn_block_content li,
.prmn_block_type_category .cliipsi_prmn_block_content li,
.prmn_block_type_cms .cliipsi_prmn_block_content li {
  display: grid;
  position: relative;
}
.prmn_config_forms {
  border: 1px solid #DDDDDD;
  margin-right: -1px;
  padding: 15px;
  margin-left: -1px;
  width: 77%;
}

.prmn_config_form_tab_div {
  border: 1px solid #DDDDDD;
  min-width: 150px;
  width: 23%;
}
.prmn_tabs_ul .prmn_columns_ul {
    float: left;
    left: 210px;
    position: absolute;
    width: calc(100% - 218px);
    width: -webkit-calc(100% - 218px);
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
    padding: 25px 15px 15px;
    top: 0;
}
.prmn_tabs_li:hover .prmn_tab_li_content .prmn_buttons {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}



/**************************************************************************/
/*-------------------------- Columns -------------------------------------*/
/**************************************************************************/


.cliipsi_menu.preview .column_size_1,
.preview .prmn_menus .prmn_tabs_ul li.column_size_1 {
    width: 8.33333%;
}
.cliipsi_menu .column_size_1,
.prmn_menus .prmn_tabs_ul li.column_size_1 {
  width: 8.33333%;
  width: calc(8.3332% - 10px);
  width: -webkit-calc(8.32% - 10px);
}
.cliipsi_menu.preview .column_size_2,
.preview .prmn_menus .prmn_tabs_ul li.column_size_2 {
    width: 16.6667%;
}
.cliipsi_menu .column_size_2,
.prmn_menus .prmn_tabs_ul li.column_size_2 {
  width: 16.6667%;
  width: calc(16.65% - 10px);
  width: -webkit-calc(16.65% - 10px);
}
.cliipsi_menu.preview .column_size_3,
.preview .prmn_menus .prmn_tabs_ul li.column_size_3 {
    width: 25%;
}
.cliipsi_menu .column_size_3,
.prmn_menus .prmn_tabs_ul li.column_size_3 {
  width: 25%;
  width: calc(24.9% - 10px);
  width: -webkit-calc(24.9% - 10px);
}
.cliipsi_menu.preview .column_size_4,
.preview .prmn_menus .prmn_tabs_ul li.column_size_4 {
    width: 33.333%;
}
.cliipsi_menu .column_size_4,
.prmn_menus .prmn_tabs_ul li.column_size_4 {
  width: 33.333%;
  width: calc(33.32% - 10px);
  width: -webkit-calc(33.32% - 10px);
}
.cliipsi_menu.preview .column_size_5,
.preview .prmn_menus .prmn_tabs_ul li.column_size_5 {
    width: 41.6667%;
}
.cliipsi_menu .column_size_5,
.prmn_menus .prmn_tabs_ul li.column_size_5 {
  width: 41.6667%;
  width: calc(41.65% - 10px);
  width: -webkit-calc(41.65% - 10px);
}
.cliipsi_menu.preview .column_size_6,
.preview .prmn_menus .prmn_tabs_ul li.column_size_6 {
    width: 50%;
}
.cliipsi_menu .column_size_6,
.prmn_menus .prmn_tabs_ul li.column_size_6 {
  width: 50%;
  width: calc(49.9% - 10px);
  width: -webkit-calc(49.9% - 10px);
}
.cliipsi_menu.preview .column_size_7,
.preview .prmn_menus .prmn_tabs_ul li.column_size_7 {
    width: 58.3333%;
}
.cliipsi_menu .column_size_7,
.prmn_menus .prmn_tabs_ul li.column_size_7 {
  width: 58.3333%;
  width: calc(58.32% - 10px);
  width: -webkit-calc(58.32% - 10px);
}
.cliipsi_menu.preview .column_size_8,
.preview .prmn_menus .prmn_tabs_ul li.column_size_8 {
    width: 66.6667%;
}
.cliipsi_menu .column_size_8,
.prmn_menus .prmn_tabs_ul li.column_size_8 {
  width: 66.6667%;
  width: calc(66.65% - 10px);
  width: -webkit-calc(66.65% - 10px);
}
.cliipsi_menu.preview .column_size_9,
.preview .prmn_menus .prmn_tabs_ul li.column_size_9 {
    width: 75%;
}
.cliipsi_menu .column_size_9,
.prmn_menus .prmn_tabs_ul li.column_size_9 {
  width: 75%;
  width: calc(74.9% - 10px);
  width: -webkit-calc(74.9% - 10px);
}
.cliipsi_menu.preview .column_size_10,
.preview .prmn_menus .prmn_tabs_ul li.column_size_10 {
    width: 83.3333%;
}
.cliipsi_menu .column_size_10,
.prmn_menus .prmn_tabs_ul li.column_size_10 {
  width: 83.3333%;
  width: calc(83.35% - 10px);
  width: -webkit-calc(83.32% - 10px);
}
.cliipsi_menu .column_size_11,
.prmn_menus .prmn_tabs_ul li.column_size_11 {
  width: 91.6667%;
  width: calc(91.65% - 10px);
  width: -webkit-calc(91.65% - 10px);
}
.cliipsi_menu.preview .column_size_11,
.preview .prmn_menus .prmn_tabs_ul li.column_size_11 {
    width: 91.6667%;
}
/***/
.cliipsi_menu .column_size_12, .prmn_menus .prmn_tabs_ul li.column_size_12 {
    width: 100%;
}
.row_column_size .range_custom {
    margin-right: 0;
}

.prmn_menus .prmn_columns_li {
  background-color: #FFFFFF;
  float: left;
  margin: 0 5px 10px;
  padding: 10px;
  position: relative;
}
.prmn_columns_li {
  display: inline-block;
  list-style: none outside none;
  padding: 0;
  position: relative;
}
.prmn_column_delete {
  font-size: 0;
  transition: all 0.3s ease 0s;
}
.bootstrap .col.col-lg-3 {
  width: 25%!important;
}
.prmn_add_block{
    width:100%;
}

.ui-sortable-placeholder {
    background: #f9f9fd!important;
    border: 1px dashed #d7dcff!important;
    visibility: visible!important;
    opacity: 1!important;
}
.bottom_bar.ets_menu_bottom_bar {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}
.ets_desktop_mobile,.ets_preview_mode.logo_and_enableapp {
    float: left;
}
.ets-dir-rtl .prmn_buttons > div::before {
  margin-left: 5px;
  margin-right: 0;
  display: inline-block;
}
.prmn_breaker {
  clear: both;
    width: 100%;
}




/**************************************************************************/
/******************************** Block ***********************************/
/**************************************************************************/


.prmn_blocks_li .prmn_buttons {
    background-color: #e94c6f;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: 0;
    pointer-events: none;
    visibility: hidden;
    z-index: 1;
}
.prmn_blocks_li:hover .prmn_buttons {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.prmn_blocks_li {
  position: relative;
}
.prmn_menus .prmn_blocks_ul {
    display: block;
    height: auto;
    list-style: outside none none;
    min-height: 0px;
    word-break: break-word;
    padding: 0;
    position: relative;
    width: 100%;
}
.prmn_blocks_ul + .prmn_add_block.btn.btn-default.ets-button {
    margin-top: 5px;
}
li.empty-block {
    line-height: 10px;
}
.prmn_block_delete {
  cursor: pointer;
  font-size: 0;
  padding: 2px 5px;
  position: relative;
  float: left;
}
.prmn_block_edit {
  cursor: pointer;
  font-size: 0;
  padding: 2px 4px;
  position: relative;
  float: left;
}
.prmn_blocks_ul .prmn_buttons > span.prmn_block_edit:after {
  display: none;
}

.cliipsi_prmn_block > .h4,.cliipsi_cat_col_title {
    color: white !important;
    border-bottom: 5px solid #68A272 !important;
    font-size: 15px !important;
    background-color: #68A272 !important;
    padding: 2% !important;
    cursor: pointer !important;
}

.prmn_mnft_item.item_has_img.item_inline_12:hover {
    color: #68A272 !important;
    border-bottom: 5px solid #68A272 !important;
    font-size: 15px !important;
    background-color: #68A272  !important;
    padding: 2% !important;

}

.prmn_mnft_label:hover {
  color:white !important;
}

.cliipsi_prmn_block > .h4:hover,.cliipsi_cat_col_title:hover {
    color: #68A272 !important;
    border-bottom: 5px solid #68A272 !important;
    font-size: 15px !important;
    background-color: white !important;
    padding: 2% !important;
}

.cliipsi_prmn_block .h4 {
    clear: left;
    color: #1a1a1a;
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-top: 0;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.4;
}
.prmn_blocks_li a {
    line-height: 2;
    color: inherit;
}
.prmn_blocks_li .prmn_block_edit:hover,
.prmn_blocks_li .prmn_block_delete:hover{
    opacity: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.prmn_blocks_ul .prmn_blocks_li {
    padding: 5px 15px;
}

.cliipsi_prmn_block_content img {
  max-width: 100%;
}
.prmn_hide_title > .h4 {
  display: none;
}
.cliipsi_prmn_block > .h4:hover a,
.prmn_blocks_li .h4 a {
    color: inherit;
    font-size: 12px;
}
.prmn_block_type_product .left-block {
    float: left;
    width: 100px;
    margin-right: 10px;
}
.product-image-container {
    border: 1px solid #E7E7E7;
    margin-bottom: 8px;
}
.prmn_block_type_product .right-block {
    margin: 0;
    vertical-align: top;
    padding: 0 0 0 15px;
}
.cliipsi_menu:not(.preview) .prmn_blocks_ul .prmn_blocks_li:hover,
.cliipsi_menu:not(.preview) .prmn_blocks_ul .prmn_blocks_li.active {
    box-shadow: 0 0 2px 0 #aaaaaa;
    border-radius: 0;
}
.prmn_menus .prmn_columns_li.active {
    box-shadow: 0 0 4px 0 #aaaaaa;
}
.prmn_block_type_product .content_price {
    margin-bottom: 7px;
    line-height: 1;
    display: block;
    float: left;
    font-size: 0;
}
.prmn_block_type_product .product_list .ajax_block_product:not(:last-child) {
  margin-bottom: 0;
}
.prmn_menus_ul,.prmn_columns_ul,.prmn_blocks_ul{
    padding: 10px 5px;
}
.row_menu_img_link .col-lg-9 .form-group {
  margin-bottom: 4px;
}
.prmn_menus .prmn_buttons .prmn_menu_delete:hover, 
.prmn_menus .prmn_buttons .prmn_add_column:hover,
.prmn_menus .prmn_buttons .prmn_duplicate:hover, 
.prmn_menus .prmn_buttons .prmn_menu_edit:hover,
.prmn_menus .prmn_buttons .prmn_column_delete:hover, 
.prmn_menus .prmn_buttons .prmn_duplicate:hover,
.prmn_menus .prmn_buttons .prmn_column_edit:hover, 
.prmn_menus .prmn_buttons .prmn_add_block:hover,
.prmn_menus .prmn_buttons .prmn_block_delete:hover, 
.prmn_menus .prmn_buttons .prmn_duplicate:hover,
.prmn_menus .prmn_tab_edit:hover,
.prmn_menus .prmn_tab_delete:hover,
.prmn_menus .prmn_buttons .prmn_block_edit:hover {
  background: #293a6a;
}
.prmn_menus li, .prmn_menus ul, .prmn_menus ul ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}


/**************************************************************************/
/********************************** Popup *********************************/
/**************************************************************************/
.prmn_forms, .prmn_popup_overlay {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.prmn_menu_form, .prmn_menu_form_new, 
.prmn_column_form_new, .prmn_column_form, 
.prmn_block_form_new, .prmn_block_form, .prmn_icon_form_new {
  background-color: #FFFFFF;
  border-radius: 0;
  box-shadow: 0 0 4px 1px #000;
  -webkit-box-shadow: 0 0 4px 1px #000;
  float: left;
  left: 50%;
  padding: 15px 20px;
  position: relative;
  top: 8%;
  margin-bottom: 5%;
  transform: translate3d(-50%, 0%, 0px);
  -webkit-transform: translate3d(-50%, 0%, 0px);
  width: 900px;
  max-width: 80%;
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
}
.prmn_menu_form.hidden, .prmn_menu_form_new.hidden, 
.prmn_column_form_new.hidden, .prmn_column_form.hidden, 
.prmn_block_form_new.hidden, .prmn_block_form.hidden{
    top: -40%;
}
.prmn_menu_form:before {
  border: 1px solid #D0D0D0;
  bottom: 15px;
  box-shadow: 0 0 0 15px #F7F7F7;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  pointer-events: none;
}
.prmn_forms form > .panel {
  border: medium none !important;
}
.prmn_close:before {
  content: "\f00d";
  display: block;
  font-family: FontAwesome, sans-serif;
  font-size: 16px;
  text-align: center;
  width: 100%;
}
.prmn_close {
  background-color: #000000;
  border: 1px solid #FFFFFF;
  border-radius: 50% 50% 50% 50%;
  box-shadow: 0 0 5px 0 #999;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 0;
  height: 26px;
  line-height: 24px;
  position: absolute;
  right: -14px;
  top: -14px;
  width: 26px;
  z-index: 1;
}
.backend-layout-ltr.prmn_view_mode_tab .prmn_view_prmn_view_modes {
  margin-right: 0;
}
.ets-dir-rtl .prmn_block_type_product .left-block {
  float: right;
}
.prmn_config_form.prmn_pop_up{
    background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  margin-bottom: 8%;
  float: left;
  margin-left: 50%;
  top: 10%;
  max-width: 80%;
  padding: 20px;
  position: relative;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  box-shadow: 0 0 4px 1px #000000;
  -webkit-box-shadow: 0 0 4px 1px #000000;
  width: 850px;
  transition: all 0.35s;
  -webkit-transition: all 0.35s;
}
.prmn_config_form.prmn_pop_up.hidden{
    top: -40%;
}
.prmn_config_form_content {
  background-color: #FFFFFF;
  float: left;
  width: 100%;
}
.prmn_config_form_content:before {
  border: 1px solid #DDDDDD;
  bottom: 15px;
  box-shadow: 0 0 0 15px #F7F7F7;
  content: "";
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 15px;
}
.prmn_config_form_content .panel {
  border: medium none !important;
}
.prmn_forms .prmn_form {
  float: left;
  margin-left: -10px;
  max-height: 93%;
  overflow: auto;
  padding: 10px;
  width: calc(100% + 20px);
  width: -moz-calc(100% + 20px);
  width: -webkit-calc(100% + 20px);
}
.prmn_config_form > .prmn_close {
  cursor: default;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;
}
.prmn_forms .alert {
  clear: left;
}
.prmn_save_wrapper .prmn_saving, .prmn_save_wrapper.loading .prmn_save_button{
    display: none;
}
.prmn_save_wrapper.loading .prmn_saving, .prmn_save_wrapper .prmn_save_button{
    display: block;
}
.preview_img img {
    max-width: 100%;
    margin-top: 5px;
}
/**/


.prmn_export_form {
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  float: left;
  left: 0;
  margin: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
.prmn_export_option, .prmn_import_option {
  display: block;
  float: left;
  padding: 0;
  position: relative;
  width: 50%;
}
.prmn_export_form_content .export_title {
  border-bottom: 1px solid #EEEEEE;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: auto;
  margin: 0 0 15px;
  padding: 5px 0;
  text-transform: uppercase;
  width: 100%;
}
.prmn_import_option:before {
  background-color: #EEEEEE;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 1px;
}
.prmn_export.prmn_pop_up {
  background-color: #FFFFFF;
  float: left;
  height: auto;
  left: 50%;
  padding: 15px 0;
  position: relative;
  top: 50%;
  transform: translate3d(-50%, -50%, 0px);
  -webkit-transform: translate3d(-50%, -50%, 0px);
  width: 800px;
  max-width: 90%;
  z-index: 10;
}
.prmn_export_option p {
  color: #999999;
  display: block;
  padding-top: 10px;
}
.prmn_import_slider_loading {
    background-image: none;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
  background-color: #FFFFFF;
    border: 1px solid #DEDEDE;
    color: #363A41;
}
.prmn_import_slider_loading > img {
  margin-right: 5px;
}
.prmn_export_form_content {
  padding: 0 15px;
}
.prmn_export.prmn_pop_up:before {
  border: 1px solid #D3D8DB;
  bottom: 10px;
  box-shadow: 0 0 0 15px #F7F7F7;
  content: "";
  left: 10px;
  position: absolute;
  right: 10px;
  pointer-events: none;
  top: 10px;
}
.prmn_import_option_form > div {
  display: flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-flex;
  margin-bottom: 15px;
}
.prmn_export_button {
  float: right;
}
.prmn_import_option_updata > label[for="menudatas"] {
    margin-top: 4px;
    margin-bottom: 9px;
}
.prmn_import_option_updata > label {
  margin-right: 0;
}
.prmn_import_option_clean > label {
  margin-left: 5px;
}
.prmn_export_form > .prmn_close {
  bottom: 0;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.prmn_config_form_tab {
  margin: 0;
  padding: 0;
}
.ets-dir-ltr .prmn_menus > .prmn_menus_ul,
.ets-dir-ltr .prmn_menus .prmn_add_menu,
.ets-dir-ltr .prmn_menus_li_content {
  float: left;
}
.ets-dir-rtl .prmn_menus > .prmn_menus_ul {
  float: right;
}
.ets-dir-ltr .prmn_layout_mode, 
.ets-dir-ltr .prmn_view_prmn_view_modes, 
.ets-dir-ltr .prmn_menus .prmn_config_button{
  float: right;
}
.ets-dir-ltr .prmn_import_button{
    float: right!important;
}

.ets-dir-ltr.prmn_view_mode_list .prmn_useful_buttons {
  left: auto;
  position: absolute;
  right: -5px;
  top: 0;
}
.form-group-wrapper iframe {
  position: relative;
  z-index: 1;
  min-height: 100px;
}
.ets-dir-ltr .cliipsi_prmn_block_content ul li.has-sub ul {
  left: 100%;
  right: auto;
}
.prmn_config_design .input-group {
  min-width: 110px;
}
.prmn_config_form_tab > li {
  background-color: #FCFCFC;
  border-bottom: 1px solid #DDDDDD;
  list-style: none outside none;
  padding: 12px 15px;
  cursor: pointer;
  font-weight: bold;
}
.prmn_config_form_tab > li.active {
  background-color: #EEEEEE;
}
.prmn_config_forms > .prmn_config_design, .prmn_config_forms > .prmn_config_general,.prmn_config_forms > .prmn_config_extra_features {
  display: none;
}
.prmn_config_forms > .prmn_config_design.active, .prmn_config_forms > .prmn_config_general.active,.prmn_config_forms > .prmn_config_extra_features.active {
  display: block;
}
.prmn_config_form .form-wrapper {
  display: flex;
  display: -o-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -webkit-flex;
  width: 100%;
}
.cliipsi_menu .textarea-autosize {
  min-height: 70px;
}
.ets-dir-rtl .prmn_buttons > span::after {
  left: 0;
  right: auto;
}
.prmn_multi_layout.ets-dir-rtl.prmn_view_mode_list .prmn_tab_li_content .prmn_buttons {
  right: 15px;
}
.ets-dir-rtl .prmn_menus_li_content .prmn_buttons {
  left: 0;
  right: 15px;
}
.prmn_bubble_text {
  display: inline-block;
  font-size: 10px;
  right: 10px;
  line-height: 14px;
  margin-left: 0;
  padding: 0 5px;
  position: absolute;
  text-transform: capitalize;
  top: -13px;
  z-index: 1;
  white-space: nowrap;
}
.prmn_menus .prmn_mnu_display_img {
  margin: 0 -10px;
}
.prmn_menus_li.ui-sortable-helper {
  overflow: hidden;
}

.row_title.active_vertical label.required::before{
    display: none;
}
.ets_custom_swich {
    border-radius: 40px;
    height: 30px;
    width: 180px;
    text-align: center;
    margin: 0;
    position: relative;
    cursor: pointer;
    margin-bottom: 0!important;
    margin-top: 5px;
}
.ets_custom_swich input[type="checkbox"] {
    width: 50%;
    top: 0;
    height: 100%;
    position: absolute;
    left: 50%;
    opacity: 0;
}
.ets_custom_swich .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    border-radius: 34px;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background: #e0e0e0;
}
.ets_custom_swich span.text-label {
    width: 50%;
    z-index: 1;
    position: relative;
    line-height: 30px;
    display: block;
    float: left;
    text-align: center!important;
    font-size: 12px;
    color: #777;
    fill: #777;
    font-weight: normal;
    font-weight: normal;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.ets_custom_swich .slider:before {
    position: absolute;
    content: "";
    border-radius: 50px;
    width: 50%;
    top: 0;
    bottom: 0;
    height: auto;
    left: 50%;
    background: #5c6ac3;
    box-shadow: 0 0 4px #999;
    -webkit-transition: .4s;
    transition: .4s;
}
.ets_custom_swich input:checked + .slider:before {
    left: 0;
    transform: none;
    -webkit-transform: none;
    background: #5c6ac3;
}
.ets_custom_swich input:checked ~ span.text-label.text-left,
.ets_custom_swich span.text-label.text-right,
.ets_custom_swich input:checked ~ span span.text-label.text-left {
    color: #ffffff;
    fill: #ffffff;
}
.ets_custom_swich input:checked ~ span span.text-label.text-right,
.ets_custom_swich input:checked ~ span.text-label.text-right{
    color: #777;
    fill: #777;
}
.prmn_columns_ul,
.form-wrapper,
.preview.mobile.ets_transition_mobile_fullscreen ul.prmn_menus_ul,
.preview.mobile.ets_transition_mobile_right ul.prmn_menus_ul,
.preview.mobile.ets_transition_mobile_floating ul.prmn_menus_ul{
    scrollbar-color: #98A1D9 #FFF;
    scrollbar-width: thin;
}
.cliipsi_prmn_footer_right_publish button.Polaris-Button {
    background: linear-gradient(to bottom, #f4f6f8, #f4f6f8);
    border: 1px solid #c4cdd5;
    padding: 8px 20px;
    margin-right: 10px;
    border-radius: 8px;
    font-size: 13px;
    color: #5c6ac3;
    fill: #5c6ac3;
}
.cliipsi_prmn_footer_right_publish button.Polaris-Button:hover {
    background: #fff;
}
.ets_svg_fill_gray svg {
    fill: #555555;
}
.btn:hover .ets_svg_hover_fill_white svg {
    fill: #ffffff;
}
.lh_14 {
    line-height: 14px;
    vertical-align: middle;
}
.copied {
    background: rgba(7,196,7,0.8);
    display: inline-block;
    color: #fff;
    padding: 3px 6px;
    border-radius: 2px;
    font-size: 9px;
    line-height: 1.4;
    position: absolute;
    margin-top: 7px;
    right: -10px;
    animation: runRightLeft 300ms ease-in both;
    -webkit-animation: runRightLeft 300ms ease-in both;
}
@keyframes runRightLeft {
    0%{
        right: -10px;
    }
    100%{
        right: 15px;
    }
}
@-webkit-keyframes runRightLeft {
    0%{
        right: -10px;
    }
    100%{
        right: 15px;
    }
}
.lh_16 {
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
}
span.ets-select-title {
    display: flex;
    align-items: center;
}
span.ets-select-title i{
    margin-right: 4px;
}
input#embeded_code {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 7px 5px;
    text-align: center;
    border-radius: 3px;
    margin-top: 8px;
    color: #555;
    box-shadow: none!important;
    outline: none!important;
}
.cliipsi_prmn_categories .has-sub > ul.cliipsi_prmn_categories a {
    display: block;
    padding: 0 10px;
    white-space: nowrap;
}

.cliipsi_prmn_categories li.has-sub:hover > ul.cliipsi_prmn_categories {
    display: block;
}
.cliipsi_prmn_categories li.has-sub > ul.cliipsi_prmn_categories {
    position: absolute;
    display: none;
    left: 100%;
    border: 1px solid #dddddd;
    top: 0;
    z-index: 1;
    background: #fff;
}
@media (max-width: 1770px){
    .prmn_form.active ~ .cliipsi_menu:not(.preview) .prmn_menus {
        min-width: 0;
        width: 1200px;
    }

}
@media (max-width: 1650px){
    .prmn_tabs_ul .prmn_columns_li .prmn_add_block {
      font-size: 0;
    }

}
@media (max-width: 1400px){
    .prmn_columns_li > .prmn_buttons > div {
      font-size: 0;
    }
    .prmn_menus {
        min-width: 0;
        width: 100%;
    }
    .prmn_menu_name {
        font-size: 13px;
    }
    .prmn_menu_content_title {
        padding: 8px 10px;
    }
    .prmn_has_sub .prmn_menu_content_title {
        padding-right: 25px;
    }
    .prmn_layout_mode > div, .prmn_view_prmn_view_modes > div {
        padding: 6px 5px;
    }
    .prmn_import_button, .bootstrap .btn.prmn_import_button {
        margin-right: 0;
    }
    .prmn_menus .prmn_add_menu {
        margin: 8px 0 6px 0;
    }
}
@media (max-width: 1350px){
    .prmn_columns_li > .prmn_buttons > div{
        font-size: 0;
    }
}


@media (max-width: 767px){
    .prmn_export_option, .prmn_import_option {
      margin: 10px 0;
      padding: 0 30px;
      width: 100%;
    }
    .prmn_import_option:before{
        display: none;
    }
}
.clock-group {
    display: inline-block;
    text-align: center;
    padding: 0 6px;
}
.clock.flip-clock .digits .clock-group{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 55px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    padding: 0;
}
.clock.flip-clock .digits {
    text-align: center;
    display: inline-block;
    padding: 0 0 3px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.clock.flip-clock .digits {
    padding-top: 20px;
    position: relative;
}
.clock.flip-clock .digits .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.clock-group span.digit {
    padding: 0 3px;
    border-radius: 2px;
    margin: 0 1px;
    width: 22px;
    font-size: 20px;
    position: relative;
}
.flip-clock .clock-group span.digit:before {
    content: "";
    width: 100%;
    background-color: rgba(255,255,255,0.31);
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
}
.normal-clock .digits {
    display: inline-block;
    margin-right: 6px;
    min-width: 46px;
    text-align: center;
    font-size: 11px;
    padding: 5px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}
.normal-clock .digits:last-child {
    margin-right: 0;
}
.normal-clock .clock-group span.digit {
    padding: 0;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}
.clock.normal-clock {
    display: inline-block;
}
.normal-clock .clock-group {
    display: flex;
    float: left;
    width: 100%;
    padding: 0;
    justify-content: center;
}
.clock.normal-clock span.base {
    font-size: 20px!important;
    font-weight: 600;
}
.clock.normal-clock .clock-group .digit {
    width: auto;
}
.clock.normal-clock .digits .text {
    font-size: 10px!important;
    clear: both;
    display: block;
    line-height: 1;
}
.digits .text {
    color: #777;
}
.clock.flip-clock .flap {
    display: none;
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
    border-radius: 2px 2px 0 0;
    transform-origin: 50% 100%;
    backface-visibility: hidden;
    overflow: hidden;
}
.clock.flip-clock .flap::before {
    content: attr(data-content);
    position: absolute;
    left: 0;
    width: 100%;
}
.clock.flip-clock .flap.back::before {
    top: 100%;
    transform: translate(-50%, -50%) rotateZ(180deg);
}
.clock.flip-clock .flap.back{
    transform: rotateY(180deg);
}


@keyframes ets-mm-flip-down-front-id_block {
    0% {
        transform: rotateX(0deg);
        background-color: rgba(0,0,0,1);
        color: rgba(236,67,74,1);
    }
    100% {
        transform: rotateX(-180deg);
        background-color: rgba(0,0,0,1);
        color: rgba(153,44,48,1);
    }
}

@keyframes ets-mm-flip-down-back-id_block {
    0% {
        transform: rotateY(180deg) rotateX(0deg);
        background-color: rgba(0,0,0,1);
        color: rgba(153,44,48,1);
    }
    100% {
        transform: rotateY(180deg) rotateX(180deg);
        background-color: rgba(0,0,0,1);
        color: rgba(236,67,74,1);
    }
}
@keyframes ets-mm-fade-under-id_block {
    0% {
        background-color: rgba(0,0,0,1);
        color: rgba(153,44,48,1);
    }
    100% {
        background-color: rgba(0,0,0,1);
        color: rgba(236,67,74,1);
    }
}
.clock.flip-clock .digits .clock-group{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 55px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    padding: 0;
}
.clock.flip-clock .digits {
    text-align: center;
    display: inline-block;
    padding: 0 0 3px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.clock.flip-clock .digits {
    padding-top: 20px;
    position: relative;
}
.clock.flip-clock .digits .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
}
.clock-group span.digit {
    padding: 0 3px;
    border-radius: 2px;
    margin: 0 1px;
    width: 22px;
    font-size: 20px;
    position: relative;
}
.flip-clock .clock-group span.digit:before {
    content: "";
    width: 100%;
    background-color: rgba(255,255,255,0.31);
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
}
.clock.flip-clock .digits .clock-group {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    min-width: 55px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 600;
    padding: 0;
}
.clock-group {
    display: inline-block;
    text-align: center;
    padding: 0 6px;
}
.clock.flip-clock .digits {
    text-align: center;
    display: inline-block;
    padding: 0 0 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-top: 20px;
    position: relative;
}
.clock.flip-clock .digits .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px!important;
}
.flip-clock .clock-group .digit {
    padding: 0 3px;
    border-radius: 2px;
    margin: 0 1px;
    width: 22px;
    font-size: 20px;
    position: relative;
    background: #eeeeee;
}
.flip-clock .clock-group .digit:before {
    content: "";
    width: 100%;
    background-color: rgba(255,255,255,0.31);
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
}
.ets-prmn-countdown .flap::before {
    content: attr(data-content);
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #dddddd;
}
.ets-prmn-countdown .flap.back::before {
    top: 100%;
    transform: translate(0, -50%) rotateZ(180deg);
}
.clock.flip-clock .flap.front {
    animation: ets-mm-flip-down-front-id_block 500ms ease-in both;
}
.clock.flip-clock .flap.back {
    animation: ets-mm-flip-down-back-id_block 500ms ease-in both;
}
.ets-prmn-countdown[data-animate-type="FLIP"] .flap.under {
    animation: ets-mm-fade-under-id_block 500ms ease-in both;
    display: none!important;
}
.ets-prmn-countdown {
    display: inline-block;
}

@keyframes ets-mm-flip-down-front-id_block {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-180deg);
    }
}

@keyframes ets-mm-flip-down-back-id_block {
    0% {
        transform: rotateY(180deg) rotateX(0deg);
    }
    100% {
        transform: rotateY(180deg) rotateX(180deg);
    }
}
@keyframes ets-mm-fade-under-id_block {
    0% {
        color: rgba(153,44,48,1);
    }
    100% {
        color: rgba(236,67,74,1);
    }
}


/* === CLIIPSI: Categories mega grid (modern) === */
.cliipsi_cat_mega{padding:14px 16px;}
.cliipsi_cat_grid{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch;}
.cliipsi_cat_card{flex:1 1 220px;min-width:220px;max-width:280px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden}
.cliipsi_cat_head{display:block;text-decoration:none;color:#1a1a1a}
.cliipsi_cat_thumb{display:block;height:110px;background:#0b0b0b;background-size:cover;background-position:center}
.cliipsi_cat_title{display:block;padding:10px 12px;font-weight:700}
.cliipsi_cat_sub{padding:0 12px 12px 12px}
.cliipsi_cat_sub ul{margin:0;padding:0;list-style:none}
.cliipsi_cat_sub li{margin:0;padding:6px 0;border-top:1px solid rgba(0,0,0,.06)}
.cliipsi_cat_sub li:first-child{border-top:none}
.cliipsi_cat_sub a{color:#1a1a1a;text-decoration:none;display:block}
.cliipsi_cat_sub a:hover{color:var(--cliipsi-green, #68A272)}

/* ensure legacy tree inside cards is clean */
.cliipsi_cat_sub .cliipsi_prmn_categories{padding:0;margin:0}
.cliipsi_cat_sub .cliipsi_prmn_categories > li{padding:0;margin:0}
.cliipsi_cat_sub .arrow{display:none!important}

/* === CLIIPSI: Brand index bar === */
.prmn_mnft_index{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 10px 0;justify-content:center;position:sticky;top:0;background:#fff;z-index:3;border-bottom:1px solid rgba(0,0,0,.06)}
.prmn_mnft_index .prmn_index_btn{border:1px solid rgba(0,0,0,.12);background:#fff;color:var(--cliipsi-green, #68A272);padding:5px 8px;border-radius:8px;font-size:12px;line-height:1;cursor:pointer}
.prmn_mnft_index .prmn_index_btn.active,
.prmn_mnft_index .prmn_index_btn:hover{background:var(--cliipsi-green, #68A272);color:#fff;border-color:var(--cliipsi-green, #68A272)}

/* Default colors (white/green/black) */
:root{--cliipsi-green:#68A272;}
.cliipsi_prmn_megamenu a{color:var(--cliipsi-green,#68A272)}
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li > a{background:#fff;color:var(--cliipsi-green,#68A272)}
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li:hover > a{background:var(--cliipsi-green,#68A272);color:#fff}


/* ===========================
   CLIIPSI v3.2 UI polish
   Brands index + Categories mega
   =========================== */

/* Brands tools sticky + nicer index pills */
.prmn_mnft_wrapper .prmn_mnft_tools{
  position:sticky;
  top:0;
  z-index:5;
  background:#fff;
  padding:12px 12px 10px;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.prmn_mnft_wrapper .prmn_brand_search{
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  padding:10px 12px;
}
.prmn_mnft_wrapper .prmn_brand_search:focus{
  outline:none;
  border-color:var(--cliipsi-green, #1db954);
  box-shadow:0 0 0 3px rgba(29,185,84,.15);
}
.prmn_mnft_index{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.prmn_mnft_index .prmn_index_btn{
  height:28px;
  min-width:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#f6f7f6;
  color:#111;
  font-weight:600;
  font-size:12px;
  line-height:26px;
  transition:all .15s ease;
}

.prmn_mnft_index .prmn_index_btn[data-letter="*"]{padding:0 12px;}
.prmn_mnft_index .prmn_index_btn:hover{
  background:#68A272;
  border-color:rgba(0,0,0,.22);
  transform:translateY(-1px);
}
.prmn_mnft_index .prmn_index_btn.active{
  background-color: #68A272;
  color:#fff;
  border-color:var(--cliipsi-green, #68A272);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.prmn_mnft_list{
  padding-top:10px;
}
.prmn_mnft_list .prmn_mnft_item a:hover{
  color:var(--cliipsi-green, #1db954);
}

/* Categories mega: cards + 2-column children */
.cliipsi_cat_mega{padding:14px 16px;}
.cliipsi_cat_grid{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;}
.cliipsi_cat_card{
  flex:1 1 240px;
  min-width:240px;
  max-width:300px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.cliipsi_cat_head{display:block;position:relative;text-decoration:none;color:#111;}
.cliipsi_cat_thumb{display:block;height:96px;background:#0b0b0b;background-size:cover;background-position:center;}
.cliipsi_cat_title{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:10px 12px;
  color:#fff;
  font-weight:800;
  background:linear-gradient(to top, rgba(0,0,0,.70), rgba(0,0,0,0));
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:13px;
}
.cliipsi_cat_children{
  list-style:none;
  margin:0;
  padding:10px 12px 12px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:6px 12px;
}
.cliipsi_cat_children a{
  display:block;
  padding:6px 8px;
  border-radius:10px;
  text-decoration:none;
  color:#111;
  font-size:13px;
}
.cliipsi_cat_children a:hover{
  background:rgba(29,185,84,.10);
  color:var(--cliipsi-green, #1db954);
}
.cliipsi_cat_more a{
  font-weight:700;
  color:var(--cliipsi-green, #1db954);
}

/* Make dropdown feel lighter */
.cliipsi_prmn_megamenu .prmn_mnu_content{
  border-radius:14px;
  overflow:hidden;
}



/* Categories accordion (stacked with toggles) */
.cliipsi_cat_accordion{padding:14px 12px;max-height:520px;overflow:auto}
.cliipsi_cat_level1,.cliipsi_cat_level2,.cliipsi_cat_level3{list-style:none;margin:0;padding:0}
.cliipsi_cat_item{border-bottom:1px solid rgba(0,0,0,.06)}
.cliipsi_cat_row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 6px}
.cliipsi_cat_link{color:#111;text-decoration:none;font-weight:600}
.cliipsi_cat_level2 .cliipsi_cat_link{font-weight:500}
.cliipsi_cat_level3 .cliipsi_cat_link{font-weight:400}

.cliipsi_cat_toggle{width:28px;height:28px;border:1px solid rgba(0,0,0,.10);background:#fff;border-radius:10px;cursor:pointer;position:relative;flex:0 0 auto}
.cliipsi_cat_toggle:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-right:2px solid var(--cliipsi-green,#1db954);border-bottom:2px solid var(--cliipsi-green,#1db954);transform:translate(-50%,-60%) rotate(45deg);transition:transform .2s ease}
.cliipsi_cat_item.open > .cliipsi_cat_row .cliipsi_cat_toggle:before{transform:translate(-50%,-40%) rotate(-135deg)}


.cliipsi_cat_level2,.cliipsi_cat_level3{display:none;padding-left:14px;padding-bottom:8px}
.cliipsi_cat_item.open > .cliipsi_cat_level2{display:block}
.cliipsi_cat_level2 .cliipsi_cat_item.open > .cliipsi_cat_level3{display:block}

.cliipsi_cat_level2 .cliipsi_cat_row{padding:8px 6px}
.cliipsi_cat_level3 .cliipsi_cat_link{display:block;padding:6px 6px 6px 18px;position:relative}
.cliipsi_cat_level3 .cliipsi_cat_link:before{content:"";position:absolute;left:6px;top:50%;width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.18);transform:translateY(-50%)}

.cliipsi_cat_link:hover,.cliipsi_cat_row:hover{color:#fff;background-color:#68A272;border-radius:10px;padding:8px 10px}
.cliipsi_cat_level3 .cliipsi_cat_link:hover{padding-left:18px}



/* === CLIIPSI v3.4: Categories full-width + multi-column === */
.cliipsi_cat_accordion{width:100%;max-width:none}
.cliipsi_cat_level1{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:14px;
  align-items:start;
}
.cliipsi_cat_level1 > .cliipsi_cat_item{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
.cliipsi_cat_level1 > .cliipsi_cat_item > .cliipsi_cat_row{
  padding:12px 10px;
  background:rgba(0,0,0,.02);
  border-bottom:1px solid rgba(0,0,0,.06);
}
.cliipsi_cat_level1 > .cliipsi_cat_item .cliipsi_cat_level2{padding-left:10px}
.cliipsi_cat_level1 > .cliipsi_cat_item .cliipsi_cat_level2 .cliipsi_cat_row{padding:8px 6px}
.cliipsi_cat_level1 > .cliipsi_cat_item .cliipsi_cat_level3{padding-left:18px}

@media (max-width: 992px){
  .cliipsi_cat_level1{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));}
}
@media (max-width: 768px){
  .cliipsi_cat_level1{grid-template-columns:1fr;}
}



/* === CLIIPSI FIX: manufacturer logos invisible on front (float/width) === */
.prmn_block_type_mnft .cliipsi_prmn_block_content > ul.prmn_mnu_display_img{
  display:flex !important;
  flex-wrap:wrap;
  gap:12px;
  margin:0 !important;
}
.prmn_block_type_mnft .cliipsi_prmn_block_content > ul.prmn_mnu_display_img li{
  float:none !important;
  width:110px;
  padding:0 !important;
}
.prmn_block_type_mnft .cliipsi_prmn_block_content > ul.prmn_mnu_display_img li .ets_item_img{
  display:block;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
.prmn_block_type_mnft .cliipsi_prmn_block_content > ul.prmn_mnu_display_img li .ets_item_img img{
  display:block;
  width:100%;
  height:auto;
}


/* === CLIIPSI v3.7+: Categories columns full width (desktop) === */
.cliipsi_cat_cols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  width:100%;
  overflow:auto; /* allow lvl3 overlays */
}
.cliipsi_cat_col{
  background:#fff;
  border:1px solid #e7e7e7;
  border-radius:14px;
  padding:16px 16px 14px 16px;
  position:relative;
  height:240px;          /* equal card height */
  overflow:auto;      /* allow lvl3 overlays */
  transition:box-shadow .18s ease, transform .18s ease;
}
.cliipsi_cat_col:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  transform:translateY(-1px);
  z-index:40;
}
.cliipsi_cat_col_title{
  font-weight:800;
  letter-spacing:.4px;
  margin:0 0 10px 0;
  text-transform:uppercase;
  font-size:13px;
}
.cliipsi_cat_l2{
  max-height:110px;      /* collapsed height */
  overflow:hidden;       /* no scroll by default */
  padding-right:6px;
  position:relative;
  transition:max-height .22s ease;
}
/* subtle “more” indicator (always present, low opacity) */
.cliipsi_cat_l2:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:28px;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.92));
}
.cliipsi_cat_col:hover .cliipsi_cat_l2{
  max-height:520px;      /* expands on hover */
  overflow:auto;         /* scroll only when expanded */
}

/* items */
.cliipsi_cat_li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 0;
  border-bottom:1px solid rgba(0,0,0,.04);
  position:relative;     /* anchor lvl3 overlay */
}
.cliipsi_cat_li:last-child{border-bottom:none;}
.cliipsi_cat_link{color:#111; text-decoration:none;}
.cliipsi_cat_link:hover{color:white !important;}

/* lvl3 overlay (not clipped by the card) */
.cliipsi_cat_l3{
  display:none;
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  min-width:220px;
  max-width:320px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  padding:10px 12px;
  z-index:2000;
  max-height:260px;
  overflow:auto;
}
.cliipsi_cat_li.open > .cliipsi_cat_l3{display:block;}
.cliipsi_cat_l3 .cliipsi_cat_li{
  padding:6px 0;
  border-bottom:1px solid rgba(0,0,0,.04);
}
.cliipsi_cat_l3 .cliipsi_cat_li:last-child{border-bottom:none;}

/* grid responsiveness (web) */
@media (min-width:1100px){.cliipsi_cat_cols{grid-template-columns:repeat(4, minmax(0, 1fr));}}
@media (min-width:1500px){.cliipsi_cat_cols{grid-template-columns:repeat(5, minmax(0, 1fr));}}
@media (max-width:768px){
  .cliipsi_cat_cols{grid-template-columns:1fr; max-height:60vh;}
  .cliipsi_cat_col{height:auto; min-height:220px;}
  .cliipsi_cat_l2{max-height:none; overflow:visible;}
  .cliipsi_cat_l2:after{display:none;}
  .cliipsi_cat_l3{position:static; display:block; border:none; box-shadow:none; padding:0; max-height:none;}
}

/* === CLIIPSI HOVER FORCE (theme override safe) === */
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li > a{
  background: transparent !important;
  color: #111 !important;
}
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li:hover > a,
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li.open > a{
  background: var(--cliipsi-green,#1db954) !important;
  color: #fff !important;
}
.cliipsi_prmn_megamenu .ets_prmn_submenu,
.cliipsi_prmn_megamenu .prmn_submenu{display:none;}
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li:hover .ets_prmn_submenu,
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li.open .ets_prmn_submenu,
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li:hover .prmn_submenu,
.cliipsi_prmn_megamenu .cliipsi_prmn_menu > li.open .prmn_submenu{display:block;}

/* Brands grid robust */
.cliipsi_prmn_megamenu .prmn_mnft_list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}
.cliipsi_prmn_megamenu .prmn_mnft_item{
  flex:0 0 110px !important;
  width:110px !important;
}
.cliipsi_prmn_megamenu .prmn_mnft_item a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:64px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:12px !important;
  background:#fff !important;
  overflow:hidden !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cliipsi_prmn_megamenu .prmn_mnft_item a:hover{
  background:var(--cliipsi-green,#1db954) !important;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
.cliipsi_prmn_megamenu .prmn_mnft_item img{
  max-width:90% !important;
  max-height:48px !important;
  height:auto !important;
}


/*
 * cliipsi front: ensure submenus are closed by default and opened only on hover/open
.cliipsi_prmn_megamenu .prmn_menus_li > .prmn_columns_ul{display:none;}
.cliipsi_prmn_megamenu .prmn_menus_li:hover > .prmn_columns_ul,
.cliipsi_prmn_megamenu .prmn_menus_li.open > .prmn_columns_ul{display:block;}
*/

/* ----------------------------------
   Cliipsi - categories tree UX
   - Desktop: show subcategories
   - Mobile: per-item accordion
---------------------------------- */
.cliipsi_cat_h_row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.cliipsi_cat_l1_toggle{
  width:32px;height:32px;flex:0 0 32px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;
}
.cliipsi_cat_l1_toggle:before{content:"\002B";font-weight:700;line-height:1;}
.cliipsi_cat_col.open > .cliipsi_cat_h_row .cliipsi_cat_l1_toggle:before{content:"\2212";}

@media (min-width: 768px){
  .cliipsi_cat_l2{display:block !important;}
  .cliipsi_cat_l1_toggle{display:none;}
}

@media (max-width: 767px){
  .cliipsi_cat_l2{display:none;}
  .cliipsi_cat_col.open > .cliipsi_cat_l2{display:block;}
}

/* Brands grid: desktop 2-3 columns, mobile 12 columns */
@media (min-width: 992px){
  .cliipsi_prmn_megamenu .prmn_mnft_list{display:grid !important;grid-template-columns:repeat(3, minmax(0,1fr)) !important;gap:12px !important;}
  .cliipsi_prmn_megamenu .prmn_mnft_item{width:auto !important;flex:initial !important;}
  /* Bigger cards & logos on desktop */
  .cliipsi_prmn_megamenu .prmn_mnft_item a{height:72px !important;border-radius:16px !important;}
  .cliipsi_prmn_megamenu .prmn_mnft_item img{max-height:44px !important;}
}
@media (min-width: 1200px){
  .cliipsi_prmn_megamenu .prmn_mnft_list{grid-template-columns:repeat(4, minmax(0,1fr)) !important;}
}
@media (max-width: 991px) and (min-width: 768px){
  .cliipsi_prmn_megamenu .prmn_mnft_list{display:grid !important;grid-template-columns:repeat(2, minmax(0,1fr)) !important;gap:10px !important;}
  .cliipsi_prmn_megamenu .prmn_mnft_item{width:auto !important;flex:initial !important;}
}
@media (max-width: 767px){
  .cliipsi_prmn_megamenu .prmn_mnft_list{display:grid !important;grid-template-columns:repeat(12, minmax(0,1fr)) !important;gap:6px !important;}
  .cliipsi_prmn_megamenu .prmn_mnft_item a{height:42px !important;border-radius:10px !important;}
  .cliipsi_prmn_megamenu .prmn_mnft_item img{max-height:28px !important;}
}

/* ----------------------------------
   Cliipsi - categories tree UX
---------------------------------- */
.cliipsi_cat_h_row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.cliipsi_cat_l1_toggle{
  width:32px;
  height:32px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  cursor:pointer;
}
.cliipsi_cat_l1_toggle:after{content:"\25BE";font-size:14px;}
.cliipsi_cat_col.open .cliipsi_cat_l1_toggle:after{content:"\25B4";}

/* Desktop: always show level-2 */
@media (min-width: 768px){
  .cliipsi_cat_l2{display:block !important;}
  .cliipsi_cat_l1_toggle{display:none;}
}
/* =====================================================================
   CLIIPSI - Categories (desktop columns / mobile accordion)
   (Placed at end to override older/legacy rules above)
   ===================================================================== */

/* visibility switch */
.cliipsi_cat_desktop{display:block;}
.cliipsi_cat_mobile{display:none;}
@media (max-width: 767px){
  .cliipsi_cat_desktop{display:none;}
  .cliipsi_cat_mobile{display:block;}
}

/* Desktop: columns */
.cliipsi_cat_cols{
  display:grid;
  grid-template-columns:repeat(4, minmax(200px, 1fr));
  gap:18px;
  width:100%;
}
@media (max-width: 1199px){
  .cliipsi_cat_cols{grid-template-columns:repeat(3, minmax(200px, 1fr));}
}
@media (max-width: 991px){
  .cliipsi_cat_cols{grid-template-columns:repeat(2, minmax(200px, 1fr));}
}

.cliipsi_cat_col{
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:14px;
  padding:14px 14px 10px;
  position:relative;
}

.cliipsi_cat_col_title{
  display:block;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  margin-bottom:10px;
  color:#111;
}

.cliipsi_cat_col_list{list-style:none; padding:0; margin:0; max-height:100px; overflow:hidden; transition:max-height .25s ease;}

.cliipsi_cat_col:hover .cliipsi_cat_col_list{max-height:560px; overflow:visible;}

/* Small hint arrow (green, low opacity) showing there is more content. */
.cliipsi_cat_more_hint{
  position:absolute;
  right:12px;
  bottom:10px;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(98,170,120,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:.75;
  animation:cliipsiPulse 1.6s ease-in-out infinite;
}
.cliipsi_cat_more_hint:before{
  content:"\25BE";
  color:#fff;
  font-size:16px;
  line-height:1;
}
.cliipsi_cat_col:hover .cliipsi_cat_more_hint{opacity:0; animation:none;}

@keyframes cliipsiPulse{
  0%{transform:scale(1); box-shadow:0 0 0 0 rgba(98,170,120,.35)}
  70%{transform:scale(1.05); box-shadow:0 0 0 12px rgba(98,170,120,0)}
  100%{transform:scale(1); box-shadow:0 0 0 0 rgba(98,170,120,0)}
}

/* Expand card content on hover (desktop) */
@media (min-width: 992px){
  .cliipsi_cat_col:hover .cliipsi_cat_col_list{max-height:600px;}
}

/* "More" hint (subtle green arrow that pulses) */
.cliipsi_cat_more_hint{
  position:absolute;
  right:14px;
  bottom:12px;
  width:26px;
  height:26px;
  border-radius:999px;
  background:rgba(86, 170, 118, .25);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:.8;
  animation:cliipsi_cat_pulse 1.6s infinite;
}
.cliipsi_cat_more_hint:before{
  content:"\25BE";
  color:#fff;
  font-size:14px;
  line-height:1;
  transform:translateY(-1px);
}
@media (min-width: 992px){
  .cliipsi_cat_col:hover .cliipsi_cat_more_hint{opacity:0; animation:none;}
}
@keyframes cliipsi_cat_pulse{
  0%{transform:scale(1); box-shadow:0 0 0 0 rgba(86, 170, 118, .35);}
  70%{transform:scale(1.05); box-shadow:0 0 0 10px rgba(86, 170, 118, 0);}
  100%{transform:scale(1); box-shadow:0 0 0 0 rgba(86, 170, 118, 0);}
}
.cliipsi_cat_li{list-style:none; margin:0; padding:0;}

.cliipsi_cat_row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border-radius:10px;
}

.cliipsi_cat_row:hover{background:#f6f7f8;}

.cliipsi_cat_link{
  display:block;
  color:#111;
  text-decoration:none;
  line-height:1.25;
}

.cliipsi_cat_toggle{
  border:1px solid #dcdcdc;
  background:#fff;
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.cliipsi_cat_toggle:hover{
  border:1px solid #68A272;
  background:#1a1a1a;
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.cliipsi_cat_toggle:before{
  content:"\25BE";
  font-size:12px;
  line-height:1;
  color:#0a7f3f;
}

.cliipsi_cat_toggle:hover:before{
  color:#ffffff;
}

.cliipsi_cat_li.open > .cliipsi_cat_row .cliipsi_cat_toggle:before{content:"\25B4";}

.cliipsi_cat_sublist{
  list-style:none;
  margin:0 0 8px;
  padding:0 0 0 12px;
  display:none;
  /* Force lvl3 below (override theme flyouts) */
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  float: none !important;
  clear: both !important;
  margin-top: 6px;
}



.cliipsi_cat_li.open > .cliipsi_cat_sublist{display:block !important;}

.cliipsi_cat_sublist li a{
  display:block;
  padding:6px 10px;
  border-radius:10px;
  color:#222;
  text-decoration:none;
}

.cliipsi_cat_sublist li a:hover{background:#f3f4f6;}

/* Mobile: accordion */
.cliipsi_cat_accordion{
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:14px;
  padding:10px;
}

.cliipsi_cat_level1, .cliipsi_cat_level2, .cliipsi_cat_level3{list-style:none; margin:0; padding:0;}

.cliipsi_cat_accordion .cliipsi_cat_item > .cliipsi_cat_level2{display:none !important;}
.cliipsi_cat_accordion .cliipsi_cat_item.open > .cliipsi_cat_level2{display:block !important;}

.cliipsi_cat_accordion .cliipsi_cat_level2 .cliipsi_cat_item > .cliipsi_cat_level3{display:none !important;}
.cliipsi_cat_accordion .cliipsi_cat_level2 .cliipsi_cat_item.open > .cliipsi_cat_level3{display:block !important;}

@media (max-width: 767px){
  .cliipsi_cat_accordion .cliipsi_cat_row{padding:10px 12px;}
  .cliipsi_cat_accordion .cliipsi_cat_link{font-size:14px;}
  .cliipsi_cat_accordion .cliipsi_cat_level2{padding-left:10px;}
  .cliipsi_cat_accordion .cliipsi_cat_level3{padding-left:12px;}
}

/* =====================================================================
   CLIIPSI - Brands grid responsive (WEB: 2-3-4 / MOBILE: 12)
   Force specificity to avoid theme overrides.
   ===================================================================== */
.cliipsi_prmn_megamenu_content .prmn_mnft_list{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(180px, 1fr)) !important;
  gap:12px !important;
}
@media (max-width: 1199px){
  .cliipsi_prmn_megamenu_content .prmn_mnft_list{grid-template-columns:repeat(3, minmax(180px, 1fr)) !important;}
}
@media (max-width: 991px){
  .cliipsi_prmn_megamenu_content .prmn_mnft_list{grid-template-columns:repeat(2, minmax(180px, 1fr)) !important;}
}
@media (max-width: 767px){
  .cliipsi_prmn_megamenu_content .prmn_mnft_list{grid-template-columns:repeat(12, minmax(0, 1fr)) !important; gap:6px !important;}
  .cliipsi_prmn_megamenu_content .prmn_mnft_item a{padding:2px !important;}
  .cliipsi_prmn_megamenu_content .ets_item_img{height:24px !important;}
  .cliipsi_prmn_megamenu_content .ets_item_name{display:none !important;}
}

/* --- Front-end safety overrides (brands size + no horizontal scroll) --- */
@media (min-width: 769px){
  /* Bigger brand logos on web */
  .cliipsi_prmn_megamenu_content .prmn_mnft_item a{min-height:92px !important;}
  .cliipsi_prmn_megamenu_content .prmn_mnft_item img{max-height:64px !important; width:auto !important;}
}

/* Prevent unwanted horizontal scrolling in the mega menu on front */
.cliipsi_prmn_megamenu_content,
.cliipsi_prmn_megamenu_content *{box-sizing:border-box;}
.cliipsi_prmn_megamenu_content .prmn_menus{min-width:0 !important; width:100% !important;}
.cliipsi_prmn_megamenu_content .prmn_columns_ul{min-width:0 !important;}

/* Categories cards: no horizontal scroll + nicer sizing */
.cliipsi_prmn_megamenu_content .cliipsi_cat_cols{overflow-x:hidden !important;}
@media (min-width: 769px){
  .cliipsi_prmn_megamenu_content .cliipsi_cat_cols{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)) !important;}
}
@media (max-width: 768px){
  .cliipsi_prmn_megamenu_content .cliipsi_cat_cols{grid-template-columns:1fr !important;}
}

/* Keep category cards aligned (avoid overlaps) */
.cliipsi_prmn_megamenu_content .cliipsi_cat_col,
.cliipsi_prmn_megamenu_content .cliipsi_cat_card{
  height: auto !important;
}
.cliipsi_prmn_megamenu_content .cliipsi_cat_card{
  display: flex;
  flex-direction: column;
  min-height: 220px;
  border-top: 3px solid rgba(0,0,0,0.06);
}
.cliipsi_prmn_megamenu_content .cliipsi_cat_title{
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.cliipsi_prmn_megamenu_content .cliipsi_cat_title a{
  color: #2a6b45;
}
.cliipsi_prmn_megamenu_content .cliipsi_cat_list{
  flex: 1;
  overflow: auto;
  padding-right: 4px;
}

/* Brands: bigger logos + nicer cards */
.cliipsi_prmn_megamenu_content .prmn_mnft_item a{
  gap: 10px;
}
.cliipsi_prmn_megamenu_content .prmn_mnft_item img{
  max-height: 70px;
}




/* ===== Cliipsi UI tweak: desktop category cards collapse + expand on hover ===== */
@media (min-width: 992px){
  .cliipsi_prmn_megamenu_content .cliipsi_cat_card{
    max-height: 360px;
    overflow: hidden;
    transition: max-height .25s ease, box-shadow .25s ease, transform .25s ease;
  }
  .cliipsi_prmn_megamenu_content .cliipsi_cat_card:hover{
    max-height: 900px;
    overflow: visible;
    box-shadow: 0 10px 28px rgba(0,0,0,.10);
    transform: translateY(-1px);
  }
}
/* remove focus border/outline around brand logos (click/keyboard) */
.cliipsi_prmn_megamenu_content .prmn_mnft_item a:focus,
.cliipsi_prmn_megamenu_content .prmn_mnft_item a:active,
.cliipsi_prmn_megamenu_content .prmn_mnft_item a:focus-visible,
.cliipsi_prmn_megamenu_content .prmn_mnft_item img:focus,
.cliipsi_prmn_megamenu_content .prmn_mnft_item img:active,
.cliipsi_prmn_megamenu_content .prmn_mnft_item img:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}
/* if theme adds border on images when focused/selected */
.cliipsi_prmn_megamenu_content .prmn_mnft_item img{
  border: none !important;
}

/* Sticky header (desktop): keep logo + icons + menu visible */
@media (min-width: 768px){
  html.cliipsi-sticky-header #header{
    position: sticky;
    top: 0;
    z-index: 10050;
    background: #fff;
  }
  html.cliipsi-sticky-header #header .header-top,
  html.cliipsi-sticky-header #header .header-nav{
    background: #fff;
  }
}

/* =========================================================
   CLIIPSI SIMPLE TOGGLE LAYER
   Goal: reliable hover on desktop + click-to-open on mobile,
   without depending on theme/offcanvas timing.
   Uses .prmn_submenu wrapper added in menu-html.tpl
   ========================================================= */

/* Default hidden */
.prmn_menus_ul .prmn_submenu{display:none;
  background-color: white;}

  .prmn_menus_ul > li.prmn_has_sub > .prmn_submenu{
      width: -webkit-fill-available !important;
              top: 90% !important;
        border-top: 8px solid #68A272;
}

/* Desktop: open only on real hover (ignore HTML class "hover") */
@media (min-width: 768px){
  .prmn_menus_ul > li.prmn_has_sub > .prmn_submenu{
    position:absolute;
    left:0;
    top:95% !important;
    display:none;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    z-index: 99999;
  }
  /* Some markup ships with class "hover" permanently -> force closed */
  .prmn_menus_ul > li.prmn_has_sub.hover > .prmn_submenu{
    display:none;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
  }
  .prmn_menus_ul > li.prmn_has_sub:hover > .prmn_submenu{
    display:block;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  /* Ensure inner UL shows */
  .prmn_menus_ul > li.prmn_has_sub > .prmn_submenu > ul{display:block;}
}

/* Mobile: click toggles .is-open on LI */
@media (max-width: 767.98px){
  .prmn_menus_ul > li.prmn_has_sub > .prmn_submenu{
    position:static;
    width:100%;
    display:none;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  .prmn_menus_ul > li.prmn_has_sub.is-open > .prmn_submenu{display:block;}
  .prmn_menus_ul > li.prmn_has_sub.is-open > .prmn_submenu > ul{display:block;}
}

/* ===== FIX: force hover desktop ===== */
@media (min-width: 768px) {
  .cliipsi_prmn_megamenu .prmn_menus_li.prmn_has_sub > .prmn_submenu,
  .cliipsi_prmn_megamenu .prmn_menus_li.prmn_has_sub > ul.prmn_columns_ul {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .cliipsi_prmn_megamenu .prmn_menus_li.prmn_has_sub:hover > .prmn_submenu,
  .cliipsi_prmn_megamenu .prmn_menus_li.prmn_has_sub:hover > ul.prmn_columns_ul {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 99999;
  }
}

/* =========================================
   FIX: Niveau 3 (cliipsi_cat_subitem)
   - Force l’affichage en dessous (pas en flyout)
   - Ouvre au toggle (.open) + hover desktop
   ========================================= */

/* 1) Le <ul> niveau 3 peut être soit .cliipsi_cat_sublist soit un ul simple */
.cliipsi_cat_subitem > ul,
.cliipsi_cat_subitem > .cliipsi_cat_sublist{
  display: none;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  float: none !important;
  clear: both !important;
  margin: 6px 0 10px !important;
  padding: 0 0 0 12px !important;
}

/* 2) Ouverture via classe .open (toggle) */
.cliipsi_cat_subitem.open > ul,
.cliipsi_cat_subitem.open > .cliipsi_cat_sublist{
  display: block !important;
}

/* 3) Bonus desktop : ouverture aussi au hover (si tu veux) */
@media (min-width: 992px){
  .cliipsi_cat_subitem:hover > ul,
  .cliipsi_cat_subitem:hover > .cliipsi_cat_sublist{
    display: block !important;
  }
}

/* 4) Evite que le niveau 3 soit “coupé” par overflow d’un parent */
.cliipsi_cat_col,
.cliipsi_cat_col_list,
.cliipsi_cat_li,
.cliipsi_cat_row{
  overflow: auto !important;
}