@charset "utf-8";
:root {
    --dContainer_Width: 1320px;
    --sidebarLeft: 280px;
    --sidebarRight: 300px;
    --mainSection: calc(100% - 300px);
    --dMPL: 40px;
    --dMP: 20px;
    --dMP_negetive: -20px;
    --dMP_xs: 10px;
    --dMP_xs_negative: -10px;
    --dBRL: 10px;
    --dBR: 5px;
    --dShadow: 0 0 2px #665F5F7A;
}
/*****Font size********/
:root {
    --fs: 16px;
    --fw: normal;
    --fs_small: 14px;
    --fs_label: 14px;
    --fs_h6: 16px;
    --fs_h5: 18px;
    --fs_h4: 22px;
    --fs_h3: 25px;
    --fs_h2: 30px;
    --fs_h1: 35px;
    --fw-thin: 300; /*font weight medium*/
    --fw-normal: 500; /*font weight medium*/
    --fw-medium: 600; /*font weight medium*/
    --fw-bold: bold; /*font weight bold*/
}
/*****Button********/
:root {
    --button_bg: #ea8125;
    --color_button: #fff;
    --button_fs: 14px;
    --button_height: 40px;
    --button_height_xs: 30px;
    --button_width: 120px;
    --button_shadows: 0 8px 12px rgb(51 65 80 / 6%), 0 14px 44px rgb(51 65 80 / 11%);
}
/*******Color***********/
:root {
    --d_color: #303030;
    --color_border: #DDD;
    --color_active: #0E6BB7;
    --color_section: #FAFCFE;
    --color_theme: #6b35e8;
    --color_theme_ee:#6b35e8ee;
    --color_theme_cc: #6b35e8cc;
    --color_theme_aa: #6b35e8aa;
    --color_theme_88: #6b35e888;
    --color_theme_77: #6b35e877;
    --color_theme_alter: #fff;
    --color_warning: #E67C30;
    /*--color_black: #0a111f;*/
    --color_black: #1b2021;
    --color_success: #00A656;
    --color_danger: #C00;
    --color_required: #C00;
    --color_white: #FFFFFF;
    --color_light: #F2F2F2;
    --color_light_1: #BBB;
    --color_light_2: #EAECEE;
    --color_light_3: #878787;
    --color_light_4: #f9f9f9;
    --color_info: #666;
    --color_yellow: #FEBB02;
    --color_blue: #815DF2;
    --color_navy_blue: #007CBA;
    --color_1: #0C5460;
    --color_2: #caf0ffcc;
    --color_3: #FAFCFE;
    --color_4: #6148BA;
    --color_5: #BCB;
}
@media only screen and (max-width: 1024px) {
    :root {
        /*--fs: 16px;*/
        /*--fs_small: 14px;*/
        /*--fs_label: 15px;*/
        --fs_h4: 20px;
        --fs_h3: 22px;
        --fs_h2: 25px;
        --fs_h1: 30px;
        /*--dmpl: 32px;*/
        /*--dmp: 16px;*/
        /*--dmp_negetive: -16px;*/
        --dmp_xs: 8px;
        /*--dmp_xs_negative: -8px;*/
    }
}
@media only screen and (max-width: 700px) {
    :root {
        /*--fs: 12px;*/
        /*--fs_small: 10px;*/
        /*--fs_label: 13px;*/
        /*--fs_h6: 15px;*/
        /*--fs_h5: 16px;*/
        /*--fs_h4: 18px;*/
        /*--fs_h3: 20px;*/
        /*--fs_h2: 22px;*/
        /*--fs_h1: 24px;*/
        /*--dmp: 10px;*/
        /*--dmp_xs: 5px;*/
        /*--dmp_xs_negative: -5px;*/
        /*--button_fs: 14px;*/
    }
}
/******************************************************************** General ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle *,
    .mpStyle *::after,
    .mpStyle *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
    body { margin: 0; padding: 0; }
    body.noScroll { overflow: hidden; }
    /******/
    .mpStyle { font-size: var(--fs); font-weight: var(--fw); color: var(--d_color); line-height: 1.5; width: 100%; }
    .mpStyle,
    .mpStyle [data-collapse].mActive { display: block; }
    .mpStyle table th[data-collapse].mActive,
    .mpStyle table td[data-collapse].mActive { display: table-cell; }
    .mpStyle p:not(.mp_wp_editor p) { margin: 0; padding: 0; line-height: 1.5; font-size: var(--fs); }
    .mpStyle a:not(.mp_wp_editor a) { color: var(--color_theme); text-decoration: none; }
    .mpStyle a:hover { opacity: 0.5; }
    .mpStyle a:not(.mp_wp_editor a),
    .mpStyle a:hover { text-decoration: none; }
    [data-collapse-target],
    [data-target-popup],
    [data-icon-change],
    [data-icon-change] { cursor: pointer; }
    div.mpStyle [data-required],
    div.mpStyle [data-collapse] { display: none; }
    /*******/
    div.mpStyle a,
    div.mpStyle button,
    div.mpStyle [data-bg-image],
    div.mpStyle [data-tabs-target],
    div.mpPopup,
    div.mpPopup .popupClose,
    div.mpStyle .customCheckbox,
    div.mpStyle .mpTransition,
    div.mpStyle [class*="_mpTransition"] { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; }
}
/******************************************************************** Shadow content ************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle .dShadow,
    div.mpStyle [class*='_dShadow'] {
        -webkit-box-shadow: var(--dShadow);
        -moz-box-shadow: var(--dShadow);
        -o-box-shadow: var(--dShadow);
        box-shadow: var(--dShadow);
    }
    .groupRadioCheck [data-radio-check].mpActive,
    div.mpStyle .dShadow_1,
    div.mpStyle [class*='_dShadow_1'] {
        -webkit-box-shadow: 0 5px 10px rgba(0, 44, 102, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 44, 102, 0.2);
        -o-box-shadow: 0 5px 10px rgba(0, 44, 102, 0.2);
        box-shadow: 0 5px 10px rgba(0, 44, 102, 0.2);
    }
    div.mpStyle .dShadow_2,
    div.mpStyle [class*='_dShadow_2'] {
        -webkit-box-shadow: 0 1px 2px rgb(3 54 63 / 40%), 0 -1px 2px rgb(3 54 63 / 4%);
        -moz-box-shadow: 0 1px 2px rgb(3 54 63 / 40%), 0 -1px 2px rgb(3 54 63 / 4%);
        -o-box-shadow: 0 1px 2px rgb(3 54 63 / 40%), 0 -1px 2px rgb(3 54 63 / 4%);
        box-shadow: 0 1px 2px rgb(3 54 63 / 40%), 0 -1px 2px rgb(3 54 63 / 4%);
    }
    div.mpStyle .dShadow_3,
    div.mpStyle [class*='_dShadow_3'],
    div.mpStyle [class*='slideIndicatorItem'].active {
        -webkit-box-shadow: 0 2px 10px #444;
        -moz-box-shadow: 0 2px 10px #444;
        -o-box-shadow: 0 2px 10px #444;
        box-shadow: 0 2px 10px #444;
    }
    div.mpStyle .dShadow_4, [class*='_dShadow_4'],
    div.mpStyle ul.mp_input_select_list {
        -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
        -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
        -o-box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
        box-shadow: 3px 3px 10px rgba(0, 0, 0, .5);
    }
    div.mpStyle .dShadow_5,
    div.mpStyle [class*='_dShadow_5'],
    div.mpStyle [class*="dButton"] {
        -webkit-box-shadow: var(--button_shadows);
        -moz-box-shadow: var(--button_shadows);
        -o-box-shadow: var(--button_shadows);
        box-shadow: var(--button_shadows);
    }
    div.mpStyle .dShadow_6,
    div.mpStyle [class*='_dShadow_6'] {
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);;
    }
    div.mpStyle .dShadow_7,
    div.mpStyle [class*='_dShadow_7'] {
        -webkit-box-shadow: 5px 4px 30px rgba(189, 189, 189, 0.07);
        -moz-box-shadow: 5px 4px 30px rgba(189, 189, 189, 0.07);
        -o-box-shadow: 5px 4px 30px rgba(189, 189, 189, 0.07);
        box-shadow: 5px 4px 30px rgba(189, 189, 189, 0.07);
    }
    div.mpStyle .dShadow_8,
    div.mpStyle [class*='_dShadow_8'] {
        -webkit-box-shadow: 2px 4px 40px rgba(103, 103, 103, 0.1);
        -moz-box-shadow: 2px 4px 40px rgba(103, 103, 103, 0.1);
        -o-box-shadow: 2px 4px 40px rgba(103, 103, 103, 0.1);
        box-shadow: 2px 4px 40px rgba(103, 103, 103, 0.1);
    }
    .mpStyle .formControl:focus,
    div.mpStyle .dShadow_9,
    div.mpStyle [class*='_dShadow_9'] {-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
    div.mpStyle .selectCheckbox input:focus ~ .customCheckbox::before,
    div.mpStyle .dShadow_10,
    div.mpStyle [class*='_dShadow_10'] {-webkit-box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.3); box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.3);}
    .mpStyle .groupContent input[type="radio"],
    .mpStyle .groupContent input[type="radio"] ~ input:focus,
    div.mpStyle [class*='noShadow'] { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
}
/******************************************************************** Font Size & Font weight ************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle label,
    div.mpStyle h1,
    div.mpStyle h2,
    div.mpStyle h3,
    div.mpStyle h4,
    div.mpStyle h5,
    div.mpStyle h6 { margin: 0; padding: 0; line-height: 1.25; }
    div.mpStyle strong { font-weight: var(--fw-bold); }
    div.mpStyle .extraBold { font-weight: 900; }
    div.mpStyle h1,
    div.mpStyle [class*="_fs_h1"] { font-size: var(--fs_h1); font-weight: var(--fw-bold); }
    div.mpStyle h2,
    div.mpStyle [class*="_fs_h2"] { font-size: var(--fs_h2); font-weight: var(--fw-bold); }
    div.mpStyle h3,
    div.mpStyle [class*="_fs_h3"] { font-size: var(--fs_h3); font-weight: var(--fw-medium); }
    div.mpStyle h4,
    div.mpStyle [class*="_fs_h4"] { font-size: var(--fs_h4); font-weight: var(--fw-medium); text-transform: inherit;}
    div.mpStyle h5,
    div.mpStyle [class*="_fs_h5"] { font-size: var(--fs_h5); font-weight: var(--fw-medium); text-transform: inherit;}
    div.mpStyle h6,
    div.mpStyle [class*="_fs_h6"] { font-size: var(--fs_h6); font-weight: var(--fw-normal); text-transform: inherit;}
    div.mpStyle label,div.mpStyle [class*="_fs_label"]{ font-size: var(--fs_label); font-weight: var(--fw-medium); }
    div.mpStyle .fs_50, div.mpStyle [class*="_fs_50"] {font-size: 50px;font-weight: var(--fw-medium);}
}
/******************************************************************** Flex Section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle [class*="_equalChild"], .mpStyle .equalChild, .mpStyle .flexEqual, .mpStyle [class*="listEqual"],
    .mpStyle [class*="_dFlex"], .mpStyle .dFlex,
    .mpStyle .mpMenu li { display: -webkit-flex; display: flex; }
    .mpStyle .groupContent,
    .mpStyle .buttonGroup,
    .mpStyle .inputGroup,
    .mpStyle .inputInline .mpForm,
    .mpStyle [class^="mpMenu"] { display: -webkit-inline-flex; display: inline-flex; }
    .mpStyle .mpRow,
    .mpStyle .flexWrap,
    .mpStyle .listInline,
    .mpStyle .mage_menu { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .mpStyle [class*="_wrap"] { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .mpStyle .flexNowrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
    .mpStyle ul.list_inline_two,
    .mpStyle .flexWrapJustifyBetween { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
    [data-bg-image],
    .mpStyle .allCenter, .mpStyle [class*="_allCenter"],
    .mpStyle .mp_remove_icon,
    .mpStyle [class*="mage_qty"],
    .mpStyle .mpMenu li a,
    .mpTabs.tabBorder > .tabLists li,
    .mpStyle [class*="addonGroupContent"],
    .mpStyle button, .mpStyle .mpBtn, .mpStyle [class*="_mpBtn"],
    .mpStyle [class*="slideIndicator"],
    .mpStyle [class*="circleIcon"],
    div[class*="dLoader"], div[class*="simpleSpinner"],
    div.mpPopup.in,
    div.mpPopup .popupClose { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
    /************/
    .mpStyle [class*="_flexAuto"], .mpStyle .flexAuto { -webkit-flex: auto; flex: auto; }
    /************/
    .mpStyle .justifyStart { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
    .mpStyle [class*="_justifyStart"] { -webkit-justify-content: flex-start; justify-content: flex-start; }
    .mpStyle .justifyCenter { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
    .mpStyle [class*="_justifyCenter"] { -webkit-justify-content: center; justify-content: center; }
    .mpStyle .justifyBetween { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
    .mpStyle [class*="_justifyBetween"],
    .mpStyle .inputInline .mpForm { -webkit-justify-content: space-between; justify-content: space-between; }
    .mpStyle .justifyAround { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
    .mpStyle [class*="_justifyAround"] { -webkit-justify-content: space-around; justify-content: space-around; }
    .mpStyle .justifyEnd { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; }
    .mpStyle [class*="_justifyEnd"] { -webkit-justify-content: flex-end; justify-content: flex-end; }
    /********/
    .mpStyle label,
    .mpStyle .customRadio,
    .mpStyle .formControl,
    .mpStyle .title_on_border,
    .mpStyle .alignCenter, .mpStyle [class*="_alignCenter"] {
        display: -webkit-flex; display: flex;
        -webkit-align-items: center; align-items: center;
        -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
    }
    [class*="_alignCenter"] { -webkit-align-items: center; align-items: center; }
    .mpStyle .alignBaseline { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; }
    [class*="_alignBaseline"] { -webkit-align-items: baseline; align-items: baseline; }
    .mpStyle .alignStart { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
    [class*="_alignStart"] { -webkit-align-items: flex-start; align-items: flex-start; }
    /*****************/
    .mpStyle .ffColumn,
    .mpStyle .flexColumn { display: -webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column; }
    [class*="_ffColumn"] { -webkit-flex-flow: column; flex-flow: column; }
    .mpStyle .fdColumn { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
    [data-bg-image],
    [class*="_fdColumn"] { -webkit-flex-direction: column; flex-direction: column; }
    .flexEqual > *, .equalChild > *, [class*="_equalChild"] > *,
    [class*="listEqual"] > li,
    .mpTabs.tabBorder > .tabLists li,
    .inputInline .inputList { -webkit-flex: 1; -ms-flex: 1; flex: 1; }
}
/******************************************************************** Radios Section************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle img,
    .mpStyle [class*="dButton"], .mpStyle button,
    div.filter_item,
    .mpStyle .formControl,
    div.mpPopup .popupMainArea, div.mpPopup .popupClose,
    .mpStyle [class*="clickSlide"],
    .mpStyle [class*="slideIndicatorItem"],
    .mpStyle [class*="dLayout"],
    .mpStyle .groupContent,
    .mpStyle [class*="_dBR"] { -webkit-border-radius: var(--dBR); border-radius: var(--dBR); }
    .mpStyle div.mp_input_select .formControl:focus,
    .mpStyle [class*="_dBR_T"] { -webkit-border-radius: var(--dBR) var(--dBR) 0 0; border-radius: var(--dBR) var(--dBR) 0 0; }
    .mpStyle .buttonGroup > :last-child,
    .mpStyle [class*="_dBR_R"] { -webkit-border-radius: 0 var(--dBR) var(--dBR) 0; border-radius: 0 var(--dBR) var(--dBR) 0; }
    .mpStyle ul.mp_input_select_list,
    .mpStyle [class*="_dBR_B"] { -webkit-border-radius: 0 0 var(--dBR) var(--dBR); border-radius: 0 0 var(--dBR) var(--dBR); }
    .mpStyle .buttonGroup > :first-child,
    .mpStyle [class*="_dBR_L"] { -webkit-border-radius: var(--dBR) 0 0 var(--dBR); border-radius: var(--dBR) 0 0 var(--dBR); }
    .mpStyle [class*="_dBRL"] { -webkit-border-radius: var(--dBRL); border-radius: var(--dBRL); }
    .mpStyle [class*="_dBRL_T"] { -webkit-border-radius: var(--dBRL) var(--dBRL) 0 0; border-radius: var(--dBRL) var(--dBRL) 0 0; }
    .mpStyle [class*="_dBRL_R"] { -webkit-border-radius: 0 var(--dBRL) var(--dBRL) 0; border-radius: 0 var(--dBRL) var(--dBRL) 0; }
    .mpStyle [class*="_dBRL_B"] { -webkit-border-radius: 0 0 var(--dBRL) var(--dBRL); border-radius: 0 0 var(--dBRL) var(--dBRL); }
    .mpStyle [class*="_bB_50"] { -webkit-border-radius: 50px; border-radius: 50px; }
    .mpStyle .mp_remove_icon,
    .mpStyle [class*="circle"] { -webkit-border-radius: 50%; border-radius: 50%; }
    .mpStyle .buttonGroup > *,
    .mpStyle .groupContent .formControl,
    .mpStyle .zeroRadius, .mpStyle [class*="_zeroRadius"] { -webkit-border-radius: 0; border-radius: 0; }
}
/******************************************************************** Button Section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle .mpBtn, .mpStyle [class*="_mpBtn"],
    .mpStyle button { position: relative; font-size: var(--button_fs); font-weight: var(--fw-medium); line-height: 1; cursor: pointer; overflow: visible; border: none; -webkit-appearance: button; text-transform: capitalize; }
    .mpStyle button[disabled] { cursor: not-allowed; opacity: 0.8; background-color: #DDD; }
    .mpStyle button:hover, .mpStyle button:focus { text-decoration: none; opacity: 0.8; background-color: var(--color_theme_cc); color: #FFF; }
    .mpStyle button:hover span, .mpStyle button:focus span { color: #FFF; }
    .mpStyle .mpBtn, .mpStyle [class*="_mpBtn"] { padding: var(--dMP_xs) var(--dMP); color: var(--d_color); background-color: transparent; border: 1px solid var(--color_border); font-weight: var(--fw-thin);}
    .mpStyle .mpBtn_xs, .mpStyle [class*="_mpBtn_xs"] { padding: 7px var(--dMP_xs); }
    .mpStyle .mpBtn.mpActive, .mpStyle [class*="_mpBtn"].mpActive { border-color: var(--color_theme); color: var(--color_theme); }
    .mpStyle .mpBtn.mActive, .mpStyle [class*="_mpBtn"].mActive,
    .mpStyle .mpBtn.mpActive:hover, .mpStyle [class*="_mpBtn"].mpActive:hover { background-color: var(--color_theme); color: var(--color_theme_alter); }
    /***/
    .mpStyle [class*="dButton"] { padding: 0 var(--dMP); min-width: var(--button_width); height: auto; min-height: var(--button_height); color: var(--color_button); background-color: var(--button_bg); }
    .mpStyle [class*="dButton"] span { margin: 0 var(--dMP_xs) 0 0; }
    .mpStyle .dButton, .mpStyle [class*="_dButton"] { color: var(--color_button); background-color: var(--button_bg); }
    .mpStyle .dButton.mActive, .mpStyle [class*="_dButton"].mActive { color: var(--color_theme_alter); background-color: var(--color_theme); }
    .mpStyle .dButton span, .mpStyle [class*="_dButton"] span { color: var(--color_button); }
    /***/
    .mpStyle .themeButton, .mpStyle [class*="_themeButton"] { background-color: var(--color_theme); color: var(--color_theme_alter); padding: var(--dMP_xs) var(--dMP); border: 2px solid var(--color_theme); }
    .mpStyle .themeButton span, .mpStyle [class*="_themeButton"] span { color: var(--color_theme_alter); }
    .mpStyle .themeButton:hover, .mpStyle [class*="_themeButton"]:hover { background-color: var(--color_theme_cc); color: var(--color_theme_alter); border-color: var(--color_theme_cc); }
    .mpStyle .themeButton:hover span, .mpStyle [class*="_themeButton"]:hover span { color: var(--color_theme_alter); }
    /****/
    .mpStyle .warningButton, .mpStyle [class*="_warningButton"] { background-color: var(--color_warning); color: var(--color_theme_alter); padding: var(--dMP_xs) var(--dMP); border: 2px solid var(--color_warning); }
    .mpStyle .warningButton span, .mpStyle [class*="_warningButton"] span { color: var(--color_theme_alter); }
    .mpStyle .warningButton:hover, .mpStyle [class*="_warningButton"]:hover { background-color: var(--color_light); color: var(--color_warning); }
    .mpStyle .warningButton:hover span, .mpStyle [class*="_warningButton"]:hover span { color: var(--color_warning); }
    /*********/
    .mpStyle .successButton, .mpStyle [class*="_successButton"] { background-color: var(--color_success); color: var(--color_theme_alter); padding: var(--dMP_xs) var(--dMP); border: 2px solid var(--color_success); }
    .mpStyle .successButton span, .mpStyle [class*="_successButton"] span { color: var(--color_theme_alter); }
    .mpStyle .successButton:hover, .mpStyle [class*="_successButton"]:hover { background-color: var(--color_light); color: var(--color_success); }
    .mpStyle .successButton:hover span, .mpStyle [class*="_successButton"]:hover span { color: var(--color_success); }
    /*********/
    .mpStyle .navy_blueButton, .mpStyle [class*="_navy_blueButton"] { background-color: var(--color_navy_blue); color: var(--color_theme_alter); padding: var(--dMP_xs) var(--dMP); border: 2px solid var(--color_navy_blue); }
    .mpStyle .navy_blueButton span, .mpStyle [class*="_navy_blueButton"] span { color: var(--color_theme_alter); }
    .mpStyle .navy_blueButton:hover, .mpStyle [class*="_navy_blueButton"]:hover { background-color: var(--color_theme_alter); color: var(--color_navy_blue); border-color: var(--color_navy_blue); }
    .mpStyle .navy_blueButton:hover span, .mpStyle [class*="_navy_blueButton"]:hover span { color: var(--color_navy_blue); }
    /****/
    .mpStyle [class*="Button_xs"] { min-width: auto; min-height: var(--button_height_xs); padding: 7px var(--dMP_xs); font-size: var(--fs); }
    /*************************/
    .mpStyle [class*="dButton"].mpActive { background-color: var(--color_theme); color: var(--color_theme_alter); }
}
/******************************************************************** Helper Section************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle small { font-size: var(--fs_small); }
    /********Helper Class***********/
    .mpStyle .divider, .mpStyle [class*="_divider"], .mpStyle hr { margin: var(--dMP_xs) 0; line-height: 1; border-color: var(--color_border); display: block; height: 1px; background-color: var(--color_border); width: 100%; }
    .mpStyle .divider_3, .mpStyle [class*="_divider_3"] { margin: var(--dMP_xs) 0; line-height: 1; border-color: var(--color_border); display: block; height: 3px; background-color: var(--color_border); width: 100%; }
    .mpStyle .dividerL, .mpStyle [class*="_dividerL"] { margin: var(--dMP) 0; line-height: 1; border-color: var(--color_border); display: block; height: 1px; background-color: var(--color_border); width: 100%; }
    .mpStyle .separatorRight > *, .mpStyle [class*="_separatorRight"] > * { border-right: 2px solid var(--color_border); }
    .mpStyle .separatorRight > *, .mpStyle [class*="_separatorRight"] > :last-child { border-right: none; }
    div.mpStyle .mpDisabled { cursor: no-drop; opacity: 0.7; pointer-events: none; }
    .mpStyle .strikeLine { position: relative; padding: 0 var(--dMP_xs); color: var(--color_warning); }
    .mpStyle .strikeLine:before { content: " "; display: block; width: 100%; border-top: 1px solid #8B0000AA; position: absolute; left: 0; right: 0; top: 11px; transform: rotate(-11deg); }
    /**************/
    .mpStyle .rotate_90, .mpStyle [class*="_rotate_90"] {transform: rotate(90deg);}
    /**************/
    div.mpStyle .mp_hidden_content,
    .mpStyle .dNone, .mpStyle [class*="_dNone"] { display: none; }
    .mpStyle .dBlock, .mpStyle [class*="_dBlock"] { display: block; }
    .mpStyle .dInlineBlock, .mpStyle [class*="_dInlineBlock"],
    .mpStyle small, .mpStyle span, .mpStyle strong { display: inline-block; }
    /**************/
    .mpStyle .fLeft, .mpStyle [class*="_fLeft"] { float: left; }
    .mpStyle .fRight, .mpStyle [class*="_fRight"] { float: right; }
    /**************/
    /**************/
    .mpStyle .textLeft, .mpStyle [class*="_textLeft"] { text-align: left; }
    .mpStyle .textCenter, .mpStyle [class*="_textCenter"] { text-align: center; }
    .mpStyle .textRight, .mpStyle [class*="_textRight"] { text-align: right; }
    .mpStyle .textCapitalize, .mpStyle [class*="_textCapitalize"] { text-transform: capitalize; }
    .mpStyle .textNowrap, .mpStyle [class*="_textNowrap"] { white-space: nowrap; }
    /**************/
    .mpStyle [class*="_dotted"] { border-style: dotted; }
    .mpStyle [class*="_border"] { border: 1px solid var(--color_border); }
    .mpStyle .bT, .mpStyle [class*="_bT"] { border-top: 1px solid var(--color_border); }
    .mpStyle [class*="_bDot"] { border: 1px dotted var(--color_border); }
    .mpStyle [class*="_bDash"] { border: 1px dashed var(--color_border); }
    .mpStyle [class*="_bR"] { border-right: 1px solid var(--color_border); }
    .mpStyle [class*="_bR_dash"] { border-right: 1px dashed var(--color_border); }
    .mpStyle [class*="_bR_dot"] { border-right: 1px dotted var(--color_border); }
    .mpStyle [class*="_bB"], .mpStyle .borB { border-bottom: 1px solid var(--color_border); }
    .mpStyle [class*="_bB_dot"] { border-bottom: 1px dotted var(--color_border); }
    .mpStyle .zeroBorder, .mpStyle [class*="_zeroBorder"] { border: none; }
    /**************/
    .mpStyle .padZero, .mpStyle span.padZero, .mpStyle [class*="_pad_zero"] { padding: 0; }
    .mpStyle .padding, .mpStyle [class*="_padding"] { padding: var(--dMP); }
    .mpStyle .padding_xs, .mpStyle [class*="_padding_xs"] { padding: var(--dMP_xs); }
    .mpStyle .pad_25, .mpStyle [class*="_pad_25"] { padding: 25px; }
    .mpStyle .pT, .mpStyle [class*="_pT"] { padding-top: var(--dMP); }
    .mpStyle .pT_xs, .mpStyle [class*="_pT_xs"] { padding-top: var(--dMP_xs); }
    .mpStyle .pR, .mpStyle [class*="_pR"] { padding-right: var(--dMP); }
    .mpStyle .pR_xs, .mpStyle [class*="_pR_xs"] { padding-right: var(--dMP_xs); }
    .mpStyle .pR_5, .mpStyle [class*="_pR_5"] { padding-right: 5%; }
    .mpStyle .pr_15 { padding-right: 15%; }
    .mpStyle .pB, .mpStyle [class*="_pB"] { padding-bottom: var(--dMP); }
    .mpStyle .pB_xs, .mpStyle [class*="_pB_xs"] { padding-bottom: var(--dMP_xs); }
    .mpStyle .pL, .mpStyle [class*="_pL"] { padding-left: var(--dMP); }
    .mpStyle .pL_xs, .mpStyle [class*="_pL_xs"] { padding-left: var(--dMP_xs); }
    .mpStyle .pTB, .mpStyle [class*="_pTB"] { padding: var(--dMP) 0; }
    .mpStyle .pTB_xs, .mpStyle [class*="pTB_xs"] { padding: var(--dMP_xs) 0; }
    /**************/
    div.mpStyle .margin, div.mpStyle [class*="_margin"] { margin: var(--dMP); }
    div.mpStyle .mZero, div.mpStyle [class*="_mZero"], .mpStyle span[class*="_icon"] { margin: 0; }
    div.mpStyle .mAuto, div.mpStyle [class*="_mAuto"] { margin: 0 auto; }
    div.mpStyle .fullAuto, div.mpStyle [class*="_fullAuto"] { margin: auto; }
    .mpStyle .mT, .mpStyle [class*="_mT"] { margin-top: var(--dMP); }
    .mpStyle .mT_xs, .mpStyle [class*="_mT_xs"] { margin-top: var(--dMP_xs); }
    .mpStyle .mT_25, .mpStyle [class*="_mT_25"] { margin-top: 25px; }
    .mpStyle .mT_40, .mpStyle [class*="_mT_40"] { margin-top: 40px; }
    .mpStyle .mR, .mpStyle [class*="_mR"] { margin-right: var(--dMP); }
    .mpStyle .mR_xs, .mpStyle [class*="_mR_xs"] { margin-right: var(--dMP_xs); }
    .mpStyle .mR_5, .mpStyle [class*="_mR_5"] { margin-right: 5%; }
    .mpStyle .mB, .mpStyle [class*="_mB"] { margin-bottom: var(--dMP); }
    .mpStyle .mB_xs, .mpStyle [class*="_mB_xs"] { margin-bottom: var(--dMP_xs); }
    .mpStyle .mL, .mpStyle [class*="_mL"] { margin-left: var(--dMP); }
    .mpStyle .mL_xs, .mpStyle [class*="_mL_xs"] { margin-left: var(--dMP_xs); }
    .mpStyle .mL_20, .mpStyle [class*="_mL_20"] { margin-left: 20px; }
    .mpStyle .mL_25, .mpStyle [class*="_mL_25"] { margin-left: 25px; }
    .mpStyle .mTB, .mpStyle [class*="_mTB"] { margin: var(--dMP) 0; }
    .mpStyle .mTB_xs, .mpStyle [class*="_mTB_xs"] { margin: var(--dMP_xs) 0; }
    .mpStyle .mLR, .mpStyle [class*="_mLR"] { margin: 0 var(--dMP); }
    .mpStyle .mLR_xs, .mpStyle [class*="_mLR_xs"] { margin: 0 var(--dMP_xs); }
    .mpStyle .mTR_xs, .mpStyle [class*="_mTR_xs"] { margin: var(--dMP_xs)var(--dMP_xs) 0 0; }
    /***************/
    div.mpStyle .mp_zero ,div.mpStyle [class*="_mp_zero"]{ margin: 0; padding: 0; }
    /***************/
    .mpStyle .oAuto, .mpStyle [class*="_oAuto"] { overflow: auto; }
    .mpStyle .ovAuto, .mpStyle [class*="_ovAuto"] { overflow: auto; }
    .mpStyle .ovAuto > *, .mpStyle [class*="_ovAuto"] > *,
    .mpStyle .ovHidden, .mpStyle [class*="_ovHidden"] { overflow: hidden; }
    /***************/
    .mpStyle .offsetRight_1 { margin-right: 8.3333333333%; }
    /***************/
    .mpStyle .textUppercase { text-transform: uppercase; }
    /*****************/
    .mpStyle .noBR, .mpStyle [class*="_noBR"] { border: none; -webkit-border-radius: 0; border-radius: 0; }
    /*****************/
    .mpStyle .contentScroll { overflow: auto; }
    /*****************/
    .mpStyle .verticalTop, .mpStyle [class*="_verticalTop"] { vertical-align: top; }
    /*****************/
    /*****************/
    @media only screen and (max-width: 900px) {
        div.mpStyle .hidden_sm { display: none; }
    }
    @media only screen and (max-width: 767px) {
        div.mpStyle .hidden_xs,div.mpStyle [class*="_hidden_xs"] { display: none; }
    }
}
/******************************************************************** Loader Section ************************************************/
@media only screen and (min-width: 10px) {
    div[class*="dLoader"],
    div[class*="simpleSpinner"] { position: absolute; z-index: 11111; left: 0; right: 0; top: 0; bottom: 0; font-size: var(--fs_h1); width: 100%; height: 100%; }
    div[class*="dLoader"] { background: #0003; color: var(--color_theme); }
    div[class*="dLoader"].pFixed { position: fixed; max-width: 100vw; max-height: 100vh; }
    div.dLoader_xs { font-size: var(--fs_h5); }
    div[class*="dLoader"].border_spin_loader span {
        border-top: 5px solid var(--color_theme_alter); border-right: 5px solid var(--color_theme);
        border-bottom: 5px solid var(--color_theme_alter); border-left: 5px solid var(--color_theme);
        width: 60px; height: 60px;
        -webkit-animation: spin 1000ms linear infinite; animation: spin 1000ms linear infinite;
    }
    div[class*="dLoader_xs"].border_spin_loader span { border-width: 2px; width: 20px; height: 20px; }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        25% { transform: rotate(90deg); }
        50% { transform: rotate(180deg); }
        75% { transform: rotate(270deg); }
        100% { transform: rotate(360deg); }
    }
    div[class*="simpleSpinner"] { padding: var(--dMP); color: var(--color_theme); }
    /******/
    .placeholderLoader .placeholder_area { background-color: #FFF; position: relative; padding: var(--dMP_xs); }
    .placeholderLoader .placeholder_area::before {
        position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 111; content: '';
        /*background: #f6f7f8;*/
        /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;*/
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0.4) 18%, rgba(255, 255, 255, 0) 33%);
        -webkit-animation: placeholderAnimate 3s linear infinite; animation: placeholderAnimate 3s linear infinite;
    }
    .placeholderLoader [data-placeholder] { position: relative; overflow: hidden; }
    .placeholderLoader [data-placeholder]::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; content: ''; background: #DDD; }
    @-webkit-keyframes placeholderAnimate {
        0% { background-position: -100% 0; }
        100% { background-position: 100% 0; }
    }
    @keyframes placeholderAnimate {
        0% { background-position: -1000px 0; }
        100% { background-position: 1000px 0; }
    }
}
/******************************************************************** Menu section ************************************************/
@media only screen and (min-width: 10px) {
    nav.mpStyle { background-color: var(--color_4); }
    .mpStyle .mpMenu li { position: relative; border-left: 1px dotted var(--color_border); }
    .mpStyle .mpMenu li:last-child { border-right: 1px dotted var(--color_border); }
    .mpStyle .mpMenu li a { color: var(--color_white); font-weight: 500; text-align: center; font-size: var(--fs_h6); padding: var(--dMP) var(--dMP_xs); width: 100%; }
    .mpStyle .mpMenu li a:hover { color: var(--color_theme); }
    .mpStyle .mpMenu li.current_page_item a { color: var(--color_5); }
    .mpStyle .mpSubMenu { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: var(--color_4); min-width: 280px; z-index: 111111; }
    .mpStyle .mpSubMenu .mpSubMenu { top: -1px; left: 100%; border-left: 2px solid var(--color_theme); }
    .mpStyle .mpMenu li:last-child .mpSubMenu { right: 0; left: inherit; }
    .mpStyle .mpMenu li:hover > .mpSubMenu { display: block; }
    .mpStyle .mpSubMenu { border-top: 1px dotted var(--color_border); border-bottom: 1px dotted var(--color_border); }
    .mpStyle .mpSubMenu li { border-bottom: 1px dotted var(--color_border); border-left: none; border-right: none; }
    .mpStyle .mpSubMenu li a { padding: var(--dMP_xs); text-align: left; }
    .mpStyle .mpSubMenu li:last-child { border: none; }
    .mpStyle .menu-item-has-children > a::after { content: '✛'; margin: 0 0 0 10px; color: var(--color_theme); font-weight: bold; float: right; }
}
/******************************************************************** Image/slider Section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle img:not(.mp_wp_editor img) {
        width: 100%;
        height: auto;
        max-width: 100%;
    }
    /*******Click slider***************/
    .mpStyle [class*="clickSlide"] {
        background-color: var(--color_white);
        padding: var(--dMP);
    }
    .mpStyle [class*="slideItem"] {
        display: none;
    }
    .mpStyle [class*="slideItem"].active {
        display: block;
    }
    .mpStyle [class*="slideItem"] img {
        width: 100%;
    }
    .mpStyle [class*="slideIndicator"] {
        margin: var(--dMP) 0 0 0;
    }
    .mpStyle [class*="slideIndicatorItem"] {
        border: 3px solid var(--color_border);
        margin: 0 5px;
        background-color: var(--color_border);
    }
    .mpStyle [class*="slideIndicatorItem"].active {
        border-color: var(--color_active);
        background-color: var(--color_active);
    }
    .mpStyle [class*="slideIndicatorItem"] img {
        height: 30px;
        width: auto;
    }
    .mpStyle [class*="slideIndicatorItem"].active img {
        height: 35px;
    }
    /***********Bg Image****************/
    div.bg_image_area {
        width: 100%;
        overflow: hidden;
        position: relative;
        height: 200px;
    }
    [data-bg-image] {
        background-size: 100% 100%;
        background-position: center center;
        position: relative;
        height: 100%;
        width: 100%;
        min-height: inherit;
        position: relative;
    }
    [data-bg-image]:before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(170deg, transparent, Black);
        opacity: .4;
    }
    [data-bg-image] > * {
        color: #fff;
    }
    div.bg_image_area:hover [data-bg-image],
    [data-bg-image]:hover {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    [data-href] {
        cursor: pointer;
    }
    [data-bg-image].circle {
        overflow: hidden;
    }
    /**************** Super slider **********************************************/
    div.superSlider .iconIndicator,
    div.superSlider .sliderPopup .popupClose {
        -webkit-transition: 350ms ease-in-out;
        -moz-transition: 350ms ease-in-out;
        -o-transition: 350ms ease-in-out;
        transition: 350ms ease-in-out;
    }
    /******************************/
    div.superSlider .sliderPopup.in,
    div.superSlider .sliderPopup .popupClose,
    div.superSlider .slideIndicator,
    div.superSlider .sliderMoreItem {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    /***************************/
    div.superSlider {
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        background-color: #fff;
        position: relative;
    }
    div.superSlider .area_column {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    div.superSlider .sliderAllItem {
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    div.superSlider .sliderItem img {
        width: 100%;
        max-height: 100%;
    }
    div.superSlider .sliderItem {
        position: relative;overflow: hidden;
        float: left;
        width: 100%;
        margin-right: -100%;
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 0.06s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        max-height: 500px;		height: 100%;
    }
    div.superSlider .sliderItem.activeSlide {
        z-index: 1;
        transform: translateX(0);
    }
    div.superSlider .sliderItem.prevSlider {
        transform: translateX(-100%);
        z-index: 0;
    }
    div.superSlider .sliderItem.nextSlider {
        transform: translateX(100%);
        z-index: 0;
    }
    /*************Image Showcase***************/
    div.superSlider .sliderShowcase {
        display: -webkit-flex;
        display: flex;
    }
    div.superSlider .sliderShowcase.right,
    div.superSlider .sliderShowcase.left {
        width: 18.65%;
        min-width: 18.65%;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    div.superSlider .sliderShowcase.style_2,
    div.superSlider .sliderShowcase.style_2 {
        width: 39%;
        min-width: 39%;
        -webkit-flex-direction: initial;
        flex-direction: initial;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    div.superSlider .sliderShowcase.style_2 > div {
        width: calc(50% - 5px);
        margin: 0 var(--dMP_xs) 0 0;
    }
    div.superSlider .sliderShowcase.style_2 > div:first-child {
        width: 100%;
        margin: 0 0 var(--dMP_xs) 0;
    }
    div.superSlider .sliderShowcase.style_2 > div:last-child {
        margin: 0;
    }
    div.superSlider .sliderShowcase.left {
        margin: 0 var(--dMP_xs) 0 0;
    }
    div.superSlider .sliderShowcase.right {
        margin: 0 0 0 var(--dMP_xs);
    }
    div.superSlider .area_column .sliderShowcase {
        width: 100%;
        min-width: 100%;
    }
    div.superSlider .sliderShowcase.top {
        margin: 0 0 var(--dMP_xs) 0;
    }
    div.superSlider .sliderShowcase.bottom {
        margin: var(--dMP_xs) 0 0 0;
    }
    div.superSlider .sliderShowcase.bottom .sliderShowcaseItem{margin:0 10px 0 0;width: auto;max-width:25%;-webkit-flex:1;flex:1;}
    div.superSlider .sliderShowcase.bottom .sliderShowcaseItem:last-child{margin: 0;}
    div.superSlider .sliderShowcaseItem {margin: 0 0 10px 0;    position: relative;    overflow: hidden; height: 118px; }
    div.superSlider .area_column .sliderShowcaseItem {		width: calc(25% - var(--dMP_xs));	}
    div.superSlider .sliderShowcase div.superSlider .area_column {
        margin: 0 0 var(--dMP_xs) 0;
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }
    div.superSlider .sliderShowcaseItem img {
        height: 100%;
    }
    div.superSlider .sliderMoreItem {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #000b;
        font-size: 18px;
        color: #fff;
    }
    div.superSlider .sliderMoreItem span {
        margin: 0 5px;
        font-size: 10px;
    }
    div.superSlider .sliderMoreItem span:last-child {
        font-size: 18px;
    }
    /*******image indicator***************/
    div.superSlider .slideIndicator {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 5px -5px;
    }
    div.superSlider .slideIndicatorItem {
        border: 3px solid #ddd;
        margin: 5px;
        background-color: #ddd;
        width: 75px;
        overflow: hidden;
        position: relative;
    }
    div.superSlider .slideIndicatorItem.activeSlide {
        border-color: var(--color_active);
        background-color: var(--color_active);
    }
    /*******Icon indicator***************/
    div.superSlider .iconIndicator {
        position: absolute;
        z-index: 111;
        top: calc(50% - 15px);
        font-size: 30px;
        cursor: pointer;
        color: #fff;
    }
    div.superSlider .iconIndicator:hover {
        color: #fff;
    }
    div.superSlider .iconIndicator.prevItem {
        left: 20px;
    }
    div.superSlider .iconIndicator.nextItem {
        right: 20px;
    }
    /*************popup slider***************/
    [data-target-popup] {
        cursor: pointer;
    }
    div.superSlider .sliderPopup div.superSlider {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        height: 100%;
        width: 100%;
        overflow: hidden;
        margin: 0;
        position: relative;
    }
    div.superSlider .sliderPopup {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 111111111;
        overflow: hidden auto;
        background: #000c;
    }
    div.superSlider .sliderPopup .popupClose {
        position: absolute;
        z-index: 1111;
        cursor: pointer;
        top: 100%;
        right: 50px;
        width: 50px;
        height: 50px;
        background-color: #fff;
        color: #222;
        font-size: 20px;
    }
    div.superSlider .sliderPopup .popupClose:hover {
        color: #fff;
        background-color: #222;
    }
    div.superSlider .sliderPopup .sliderAllItem {
        height: 70vh;
        background-color: transparent;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }
    div.superSlider .sliderPopup .sliderAllItem img {
        width: auto;
        height: 100%;
    }
    div.superSlider .sliderPopup .popupHeader {
        border-bottom: 1px solid #fff;
    }
    div.superSlider .sliderPopup .popupHeader,
    div.superSlider .sliderPopup .popupFooter {
        color: #fff;
        padding: 15px;
        max-height: 15vh;
        overflow: hidden auto;
        margin: 0 auto;
        width: 100%;
        background-color: #222;
        position: relative;
    }
    div.superSlider .sliderPopup .popupHeader {
        overflow: visible;
    }
    div.superSlider .sliderPopup .popupHeader h2 {
        color: #fff;
        text-align: center;
    }
    div.superSlider .sliderPopup .popupFooter {
        border-top: 1px solid #fff;
    }
    div.superSlider .sliderPopup .popupBody {
        position: relative;
        width: 80%;
        max-width: 100vh;
    }
    div.superSlider .sliderPopup .slideIndicator {
        margin: 0;
    }
}
@media only screen and (max-width: 800px) {
    div.superSlider [data-bg-image],
    div.superSlider .sliderShowcaseItem { height: auto; }
}
/******************************************************************** Layout Section ************************************************/
@media only screen and (min-width: 10px) {
    /***********Circular***********/
    .mpStyle .circleIcon, .mpStyle [class*="_circleIcon"] { width: 40px; height: 40px; min-width: 40px; background-color: var(--color_theme); color: var(--color_theme_alter); margin: 0 var(--dMP) 0 0; }
    .mpStyle .circleIcon_xs, .mpStyle [class*="_circleIcon_xs"] { width: 25px; height: 25px; min-width: 25px; font-size: var(--fs_small); margin: 0 var(--dMP_xs) 0 0; }
    /*****Remove icon******/
    .mpStyle .mp_remove_area { position: relative; }
    .mpStyle .mp_remove_icon { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; cursor: pointer; opacity: 0; font-size: var(--fs); background-color: var(--color_danger); color: var(--color_theme_alter); }
    /**************Default************************/
    .mpStyle .dLayout, .mpStyle [class*="_dLayout"] { padding: var(--dMP); margin-bottom: var(--dMP); background-color: var(--color_white); border: 1px solid var(--color_border); }
    .mpStyle .dLayout_xs, .mpStyle [class*="_dLayout_xs"] { padding: var(--dMP_xs); background-color: var(--color_white); border: 1px solid var(--color_border); margin-bottom: var(--dMP_xs); }
    /***********info***********/
    .mpStyle .infoLayout, .mpStyle [class*="_infoLayout"] { padding: var(--dMP); background-color: var(--color_light); margin-bottom: var(--dMP); }
    .mpStyle .infoLayout_xs, .mpStyle [class*="_infoLayout_xs"] { padding: var(--dMP_xs); margin-bottom: var(--dMP_xs); }
}
/******************************************************************** position Section************************************************/
@media only screen and (min-width: 10px) {
    /********Absolute Content********/
    .mpStyle .pFixed, .mpStyle [class*="_pFixed"] { position: fixed; }
    .mpStyle .pRelative, .mpStyle [class*="_pRelative"] { position: relative; }
    .mpStyle [class*="pRelative"]:hover [class*="hoverAbsolute"] { display: block; }
    .mpStyle .pAbsolute, .mpStyle [class*="_pAbsolute"] { position: absolute; }
    .mpStyle .fullAbsolute, .mpStyle [class*="_fullAbsolute"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 11; width: 100%; height: 100%; }
    .mpStyle [class*="hoverAbsolute"] { position: absolute; right: 0; top: 100%; left: 0; display: none; padding: 7px; border: 1px solid var(--color_border); font-size: 15px; z-index: 111; }
    .mpStyle .abTopRight, .mpStyle [class*="_abTopRight"] { position: absolute; right: 0; top: 0; }
    .mpStyle .abTopRight_xs, .mpStyle [class*="_abTopRight_xs"] { position: absolute; right: var(--dMP_xs); top: var(--dMP_xs); }
    .mpStyle .abTopLeft_xs, .mpStyle [class*="_abTopLeft_xs"] { position: absolute; left: var(--dMP_xs); top: var(--dMP_xs); z-index: 1; }
    .mpStyle .abTopLeft, .mpStyle [class*="_abTopLeft"] { position: absolute; left: var(--dMP); top: var(--dMP); z-index: 1; }
    .mpStyle .abBottomRight, .mpStyle [class*="_abBottomRight"] { position: absolute; right: -1px; bottom: -1px; z-index: 1; padding: 5px; font-size: 20px; font-weight: 500; }
    .mpStyle .abLeftRightBottom, .mpStyle [class*="_abLeftRightBottom"] { position: absolute; left: 0; right: 0; top: 100%; z-index: 111; padding: var(--dMP_xs); }
    .mpStyle .abLeftRightBottom_inside, .mpStyle [class*="_abLeftRightBottom_inside"] { position: absolute; left: 0; right: 0; top: inherit; bottom: 0; z-index: 111; padding: var(--dMP_xs); }
    /****************/
    .mpStyle .ribbon { position: absolute; top: var(--dMP); left: 0; width: auto; height: auto; padding: 5px var(--dMP); background: var(--color_warning); color: #FFF; border-radius: 3px 6px 6px 0; -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4); box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.4); z-index: 1; }
    .mpStyle .ribbon::before { content: ''; position: absolute; left: 0; bottom: -10px; width: 0; height: 0; border: 5px solid var(--color_warning); border-bottom-color: transparent; border-left-color: transparent; z-index: -1; }
    /****************/
    .mpStyle .title_on_border { line-height: 1; height: 40px; position: absolute; top: -20px; left: 30px; color: var(--color_theme); background-color: var(--color_theme_alter); padding: 0 var(--dMP); border-radius: var(--dBR); }
    /********fixed Content********/
    div.mpStyle .mp_sticky_area.mpSticky {
        position: fixed;top: 100px;
    }
    div.mpStyle .mp_sticky_area.mpSticky .mp_sticky_on_scroll {
        overflow: auto;
        z-index: 1111;
    }
    div.mpStyle .mp_sticky_on_scroll {width: 100%;}
    div.mpStyle .mp_sticky_area.stickyFixed {display: flex; flex-direction: column;		justify-content: end;height: 100%;}
}
/******************************************************************** Form section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle input,
    .mpStyle optgroup,
    .mpStyle select,
    .mpStyle textarea,
    .mpStyle button { font-family: inherit; line-height: 1.25; margin: 0; }
    .mpStyle .formControl:-webkit-autofill,
    .mpStyle .formControl:-webkit-autofill:hover,
    .mpStyle .formControl:-webkit-autofill:focus,
    .mpStyle .formControl:-webkit-autofill:active { -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; transition: color 9999s ease-out, background-color 9999s ease-out; -webkit-transition-delay: 9999s; transition-delay: 9999s; }
    div.mpStyle form { margin: 0; padding: 0; line-height: 1.25; }
    .mpStyle label { position: relative; }
    .mpStyle label>span{ white-space: nowrap }
    /***************************/
    .mpStyle .formControl::placeholder { color: #0005; }
    .mpStyle .formControl:disabled { background-color: #DDD5; color: #FFF; }
    /***************************/
    div.mpStyle .formControl { width: 100%; height: auto; min-width: auto; max-width: inherit; min-height: 34px; border: 1px solid var(--color_border); padding: 5px var(--dMP_xs); font-size: var(--fs); color: var(--d_color); background-color: #FFF; }
    .mpStyle .formControl:focus { outline: 0; background-color: #FFF; border-color: #80BDFF; }
    div.mpStyle select.formControl {
        background-image: url('../images/arrow_down.png');background-repeat: no-repeat;background-position: calc(100% - var(--dMP_xs));background-size: auto;
        -webkit-appearance: none; padding: var(--dMP_xs) 35px var(--dMP_xs) var(--dMP_xs);
    }
    div.mpStyle select.formControl:focus { background-color: var(--color_theme_aa); }
    div.mpStyle .formControl.date_type_without_year,
    div.mpStyle .formControl.date_type,
    div.mpStyle .formControl[type='date'] {
        background-image: url('../images/calendar.png');background-repeat: no-repeat; background-position: var(--dMP_xs) center; background-size: auto;
        -webkit-appearance: none;
        font-size: var(--fs_h6); font-weight: var(--fw-medium);
        padding: var(--dMP_xs) var(--dMP_xs) var(--dMP_xs) 50px;
    }
    div.mpStyle textarea.formControl { height: auto; }
    .mpStyle .mpForm label { margin: var(--dMP_xs) 0 0 0; text-transform: capitalize; }
    .mpStyle .mpForm label span { width: 100%; margin: 0 0 var(--dMP_xs) 0; }
    .mpStyle .mpForm label span::before { padding: 0 var(--dMP_xs); }
    /****************/
    .mpStyle .inputList { margin: var(--dMP) 0 0 0; position: relative; }
    .mpStyle .inputList textarea.formControl { height: auto; }
    /******* group form*********/
    .mpStyle .inputGroup { width: 100%; padding: 0 0 var(--dMP_xs) 0; }
    .mpStyle .inputGroup label { width: auto; padding: 0 var(--dMP) 0 0; }
    .mpStyle .inputGroup label input[type="checkbox"] { margin: 0 var(--dMP_xs); }
    /******* input as a select*********/
    div.mpStyle div.mp_input_select .formControl:focus { border-color: var(--color_border); }
    .mpStyle div.mp_input_select { position: relative; }
    .mpStyle ul.mp_input_select_list {
        display: none; z-index: 111; overflow: auto;
        max-height: 250px; height: auto; width: 100%;
        margin: 1px 0 0 0; padding: 10px;
        position: absolute; left: 0; top: 100%; right: 0;
        border: 1px solid var(--color_border); background-color: var(--color_white);
    }
    .mpStyle ul.mp_input_select_list li { padding: 10px; cursor: pointer; border-bottom: 1px solid var(--color_border); margin: 0; list-style-type: none; }
    .mpStyle ul.mp_input_select_list li:last-child { border-bottom: none; }
    .mpStyle ul.mp_input_select_list li:hover { background-color: #777; color: #FFF; }
    .mpStyle ul.mp_input_select_list li span {margin: 0 var(--dMP_xs) 0 0;}
    /*****Form inline*******/
    .mpStyle .inputInline .mpForm {width: 100%;max-width: 100%;}
    .mpStyle .inputInline .inputList { width: 100%; margin: var(--dMP_xs) var(--dMP_xs) 0 0; }
    .mpStyle .inputInline .inputList label{margin:0;}
    .mpStyle .inputInline .inputList:last-child {margin-right: 0;}
    /********Form Horizontal**************/
    .mpStyle .inputHorizontal { max-width: 500px; width: 100%;margin: 0 auto; }
    /**********Checkbox Radio*********/
    div.mpStyle .customRadioLabel { font-size: var(--fs_h6); font-weight: var(--fw-medium); -webkit-flex-wrap: wrap; flex-wrap: wrap; }
    div.mpStyle .customRadioLabel input[type="radio"] ~ .formControl,
    .mpStyle .customRadioLabel input[type="radio"] { display: none; }
    .mpStyle .customRadio { padding: 0 var(--dMP_xs) 0 30px; margin: 0 var(--dMP_xs) var(--dMP_xs) 0; position: relative; cursor: pointer; line-height: 1; white-space: nowrap; min-height: 20px; }
    .mpStyle .customRadio::before { content: ""; position: absolute; left: 0; top: 0; height: 20px; width: 20px; background-color: #FFF; border: 2px rgba(0, 0, 0, 0.5) solid;; border-radius: 50%; }
    .mpStyle .customRadioLabel input[type="radio"]:checked ~ .formControl { display: block; }
    .mpStyle .customRadioLabel input[type="radio"]:checked ~ .customRadio::after,
    .mpStyle .customRadio.active::after { content: ""; position: absolute; left: 5px; top: 5px; height: 10px; width: 10px; background-color: var(--color_theme); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 50%; }
    .mpStyle .customRadio.button_type {
        padding: var(--dMP_xs); margin: 5px; min-width: 120px; text-align: center;
        border: 1px solid var(--color_theme_alter);
        color: var(--color_theme_alter); background-color: var(--color_theme);
    }
    .mpStyle .customRadio.button_type.active { background-color: grey; color: var(--color_theme_alter); }
    .mpStyle .customRadio.button_type::before,
    .mpStyle .customRadio.button_type::after { display: none; }
    /**********Checkbox Custom*********/
    .mpStyle .customCheckbox { padding: 3px 0 0 30px; position: relative; line-height: 1; min-width: auto; white-space: normal !important;}
    .mpStyle .customCheckbox::before {
        content: ""; position: absolute; left: 0; top: 0; height: 20px; width: 20px;
        background-color: var(--color_theme_alter);
        border: 2px solid var(--color_theme); border-radius: 2px; }
    .mpStyle .customCheckboxLabel { padding: 0 0 10px 0; cursor: pointer; font-weight: var(--fw-medium); width: 130px;}
    .mpStyle .customCheckboxLabel input:checked ~ .customCheckbox::before { background: var(--color_theme_cc); }
    /*******************/
    div.mpStyle .selectCheckbox { min-width: 150px; padding: var(--dMP_xs); width: auto; border: 1px solid var(--color_border); cursor: pointer; }
    div.mpStyle .customCheckboxLabel input[type="checkbox"],
    div.mpStyle .selectCheckbox input[type='checkbox'] { display: none; }
    div.mpStyle .selectCheckbox .customCheckbox::before { border: none; background-color: transparent; }
    div.mpStyle .customCheckboxLabel input:focus ~ .customCheckbox::before,
    div.mpStyle .selectCheckbox input:focus ~ .customCheckbox::before { outline: 0; }
    div.mpStyle .customCheckboxLabel input:checked ~ .customCheckbox::after,
    div.mpStyle .selectCheckbox input:checked ~ .customCheckbox::after {
        content: ""; position: absolute; left: 2px; top: 4px; height: 8px; width: 16px;
        border: 2px solid var(--color_theme_alter); border-top: none; border-right: none;
        z-index: 11; background-color: transparent; -ms-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    div.mpStyle .active_select { background-color: var(--color_theme); color: var(--color_theme_alter); }
    div.mpStyle .customCheckboxLabel.only_checkbox {width: 20px;margin: 0;}
    div.mpStyle .customCheckboxLabel.only_checkbox span {padding: 0;}
    /*********Input Switch*******/
    .mpStyle .roundSwitchLabel input[type='checkbox'] { display: none; }
    .mpStyle .roundSwitch {
        width: 52px; height: 25px; min-width: auto;
        position: relative; background-color: #CCC; border-radius: 30px;
        -webkit-transition: .4s; transition: .4s;
    }
    .mpStyle .roundSwitch::before {
        position: absolute; content: "";height: 23px; width: 23px; left: 1px; bottom: 1px;
        background-color: white; border-radius: 50%;
        -webkit-transition: .4s; transition: .4s;
    }
    .mpStyle .roundSwitchLabel input:checked + .roundSwitch { background-color: var(--color_theme); }
    .mpStyle .roundSwitchLabel input:focus + .roundSwitch { box-shadow: 0 0 1px #2276D2; }
    .mpStyle .roundSwitchLabel input:checked + .roundSwitch:before { -ms-transform: translateX(27px); transform: translateX(27px); }
    /*********Group radio check*******/
    .groupRadioCheck [data-radio-check] { cursor: pointer; -webkit-justify-content: flex-start; justify-content: flex-start; }
    .groupRadioCheck button[data-radio-check] { -webkit-justify-content: center; justify-content: center; }
    .groupRadioCheck [data-radio-check]:hover { border-color: var(--color_theme_88); }
    .groupRadioCheck [data-radio-check].mpActive { border-color: var(--color_theme); }
    /*********Group Content*******/
    .mpStyle .groupContent {
        font-size: var(--fs); border: 1px solid var(--color_border);
        background-color: var(--color_light); color: var(--color_theme_alter);
        text-align: center; position: relative;
    }
    div.mpStyle div.groupContent > * { border-left: 1px solid var(--color_border); margin: 0; }
    div.mpStyle div.groupContent > *:first-child { border: none; }
    div.mpStyle div.groupContent .formControl { text-align: center; border: none; background-color: var(--color_white); height: 100%; border-radius: 0; }
    .mpStyle .groupContent textarea.formControl { text-align: left; }
    .mpStyle .groupContent input[type="radio"] { }
    .mpStyle .groupContent input[type="radio"]::after {
        position: absolute; content: ''; width: 20px; height: 20px; left: 0; top: 0;
        border: 1px solid var(--color_border); border-radius: 50%;margin: 10px;
    }
    div.mpStyle .groupContent input[type="radio"]:checked::after { border-color: var(--color_theme); }
    .mpStyle .groupContent input[type="radio"]:checked::before {
        position: absolute; content: ''; width: 14px; height: 14px; left: 3px; top: 3px;
        border: 1px solid var(--color_theme); border-radius: 50%; background-color: var(--color_theme);margin: 10px;
    }
    .mpStyle .addonGroupContent { min-width: 30px; cursor: pointer; background-color: #FFF; color: var(--color_theme_88); }
    .mpStyle .addonGroupContent:hover { background-color: #555; color: #F2F2F2; }
    .mpStyle .groupContent .select2-container--default .select2-selection--single {border: none;border-radius: 0;}
    /*****Form Qty inc dec*******/
    .mpStyle .qtyIncDec { max-width: 100px; }
    /**********Responsive*********/
    @media only screen and (max-width: 1250px) {
        .mpStyle .inputInline .inputList { max-width: calc(25% - 10px); }
    }
    @media only screen and (max-width: 1050px) {
        .mpStyle .inputInline .mpForm {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
        .mpStyle .inputInline .inputList { max-width: calc(33.33% - 10px); -webkit-flex: inherit;flex: inherit;}
    }
    @media only screen and (max-width: 850px) {
        .mpStyle .inputInline .inputList { max-width: calc(50% - 10px); }
    }
    @media only screen and (max-width: 600px) {
        .mpStyle .inputInline .inputList { max-width: 100%; min-width: 100%; }
    }
    @media only screen and (max-width: 450px) {
        .mpStyle .addonGroupContent { min-width: 25px; }
    }
}
/******************************************************************** List section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle ul:not(.mp_wp_editor ul) { list-style-type: none; margin: 0; padding: 0; line-height: 1.25; }
    .mpStyle ul li { margin: 0; padding: 0; line-height: inherit; }
    /******List inline**********/
    .mpStyle ul.listInline li { text-align: center; border-right: 1px solid; }
    .mpStyle ul.listInline li:last-child { border: none; }
    .mpStyle ul.listInline li a { padding: var(--dMP_xs); display: block; }
    .mpStyle ul.listInline li.mage_active { background-color: var(--color_active) }
    .mpStyle ul.listInline li.mage_active a { color: #FFF; }
    /******list Horizontal*****/
    .mpStyle ul.mp_list { margin: var(--dMP_xs) 0 0 0; }
    .mpStyle ul.mp_list li { padding: 5px 0; border-bottom: 1px dotted var(--color_border); width: 100%; }
    .mpStyle ul.mp_list li:last-child { border: none; }
    /******All in one line*****/
    .mpStyle ul.listEqual li { text-align: center; border-right: 1px solid; }
    .mpStyle ul.listEqual li a { padding: var(--dMP_xs); display: block; }
    .mpStyle ul.listEqual li.mage_active { background-color: var(--color_active) }
    .mpStyle ul.listEqual li.mage_active a { color: #FFF; }
    /***list inline two li***/
    .mpStyle ul.list_inline_two li { width: 45%; padding: 5px; border-bottom: 1px solid var(--color_border); }
    .mpStyle ul.list_inline_two li span { margin: 0 var(--dMP_xs) 0 0; }
}
/******************************************************************** Table section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle table { border-collapse: collapse; width: 100%; }
    .mpStyle table.layoutFixed,
    .mpStyle table[class*='_layoutFixed'] { table-layout: fixed; }
    .mpStyle table th,
    .mpStyle table td { border: 1px solid var(--color_border); padding: var(--dMP_xs); }
    .mpStyle table thead th {vertical-align: middle; padding: var(--dMP_xs); font-weight: bold; font-size: var(--fs); white-space: nowrap; background-color: var(--color_light); color: var(--d_color); }
    .mpStyle table th { vertical-align: top; }
    .mpStyle table td { padding: var(--dMP_xs); font-weight: var(--fw); font-size: var(--fs); line-height: 1.25; color: var(--d_color); vertical-align: middle; }
    /**************/
    .mpStyle table tr[data-collapse].mActive { display: table-row; }
    .mpStyle table th[data-collapse].mActive,
    .mpStyle table td[data-collapse].mActive { display: table-cell; }
}
/******************************************************************** Tabs section ************************************************/
@media only screen and (min-width: 10px) {
    .mpStyle .tabLists,
    .mpStyle .leftTabs { display: -webkit-flex; display: flex; }
    .mpStyle .tabLists { font-size: var(--fs_h6); width: 100%; }
    .mpStyle .tabLists span { margin: 0 var(--dMP_xs) 0 0; }
    .leftTabs > .tabLists { -webkit-flex-flow: column; flex-flow: column; min-width: 250px; max-width: 250px; }
    div.mpStyle [data-tabs-target] {
        display: -webkit-flex; display: flex;
        -webkit-align-items: center; align-items: center;
        -webkit-flex-wrap: nowrap; flex-wrap: nowrap;
        position: relative; text-align: left; cursor: pointer;
        padding: var(--dMP_xs); color: var(--d_color);
    }
    .mpStyle [data-tabs-target]:hover { font-weight: var(--fw-medium); border-color: var(--color_theme); color: var(--color_white) }
    .mpStyle [data-tabs-target].active { font-weight: var(--fw-medium); background-color: var(--color_theme); color: var(--color_theme_alter); }
    .topTabs [data-tabs-target] { border-right: 1px solid var(--color_border); -webkit-justify-content: center; justify-content: center; }
    .topTabs [data-tabs-target]:last-child { border-right: none; }
    .leftTabs [data-tabs-target] { border-bottom: 1px solid var(--color_border); }
    .mpStyle .tabsContent { position: relative; overflow: hidden; width: 100%; padding: var(--dMP); }
    .tabsContent [data-tabs] { display: none; }
    /**************/
    .mpTabs.tabBorder { border: 1px solid var(--color_border); }
    .mpTabs.tabBorder > .tabLists { }
    /******Tab next*********/
    .mpStyle .mpTabsNext { }
    .mpTabsNext .tabListsNext { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
    .mpTabsNext .tabListsNext.dNone{display:none;}
    .mpTabsNext .tabItemNext {
        position: relative; min-height: 80px;
        display: -webkit-flex; display: flex;
        -webkit-align-items: center; align-items: center;
        -webkit-flex-direction: column; flex-direction: column;
        -webkit-flex: 1; flex: 1;
    }
    .mpTabsNext .tabItemNext [class*="circleIcon"] { background-color: var(--color_light); color: var(--d_color); margin: 0; z-index: 1; }
    .mpTabsNext .tabItemNext .circleTitle { color: var(--d_color); margin: var(--dMP_xs) 0 0 0; left: 0; top: 40px; width: 100%; position: absolute; text-align: center; }
    .mpTabsNext .tabItemNext.active [class*="circleIcon"] { background-color: var(--color_theme); color: var(--color_theme_alter); }
    .mpTabsNext .tabItemNext.active [class*="circleIcon"].success {background-color: var(--color_success);}
    .mpTabsNext .tabItemNext.active .circleTitle { color: var(--color_theme_aa); }
    .mpTabsNext .tabItemNext.active .circleTitle.success {color: var(--color_success);}
    .mpTabsNext .tabItemNext [class*="circleIcon"]::after { content: ""; right: 0; left: calc(50% + 20px); top: 20px; position: absolute; border-bottom: 1px solid var(--color_border); z-index: -1; width: 100%; }
    .mpTabsNext .tabItemNext.active [class*="circleIcon"]::after { border-color: var(--color_theme); }
    .mpTabsNext .tabItemNext:last-child [class*="circleIcon"]::after { border: none; width: 0; }
    .mpStyle .tabsContentNext { position: relative; width: 100%; padding: var(--dMP); }
    .tabsContentNext [data-tabs-next] { display: none; }
    .tabsContentNext [data-tabs-next].active { display: block; }
    .nextTab_prev_link {cursor: pointer;}
}
/******************************************************************** Panel section ************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle .mpPanel ,
    div.mpStyle .mpPanel_xs{ position: relative; border: 1px solid var(--color_border); border-radius: var(--dBR); }
    div.mpStyle .mpPanelHeader { padding: 10px var(--dMP); background-color: #555; color: #FFF;border-radius: var(--dBR) var(--dBR) 0 0; }

    div.mpStyle .mpPanelHeader .panelTitle,
    div.mpStyle .mpPanelHeader .panelTitle span { color: #FFF; }
    div.mpStyle .mpPanelBody { padding: var(--dMP); background-color: var(--color_3); overflow-x: auto;border-radius: 0 0 var(--dBR) var(--dBR); }

    div.mpStyle .mpPanel_xs .mpPanelHeader,
    div.mpStyle .mpPanel_xs .mpPanelBody{padding: var(--dMP_xs); }
    div.mpStyle .mpPanelBody.mp_zero{margin: 0;padding: 0;}
}
/******************************************************************** Faq section ************************************************/
@media only screen and (min-width: 10px) {
    div.mp_faq_item {margin: 0 0 var(--dMP_xs) 0;}
    div.mp_faq_item .mp_faq_title {background-color: #FFF;border: 1px solid #DDD;border-radius: 5px;font-weight: normal;text-transform: none;}
    div.mp_faq_item .mp_faq_title.active {border-color: var(--color_theme);border-radius: 5px 5px 0 0;background-color: var(--color_theme);color: var(--color_theme_alter); }
    div.mp_faq_item .mp_faq_title span {padding: 10px;}
    div.mp_faq_content {background-color: #FFF;padding: var(--dMP);border: 1px solid var(--color_theme);border-radius: 0 0 5px 5px;overflow: hidden;color: #606B7B;font-size: var(--fs_label);}
    div.mp_faq_item div.superSlider {min-width: 300px;max-width: 50%; margin: 0 var(--dMP_xs) var(--dMP_xs) 0;float: left;}
}
/******************************************************************** Popup section ************************************************/
@media only screen and (min-width: 10px) {
    [data-target-popup] { cursor: pointer; }
    div.mpPopup { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 111111; overflow: hidden; background: #000C; }
    div.mpPopup .popupMainArea {
        min-width: 500px; max-width: 700px; width: auto; min-height: 250px; max-height: 100vh; height: auto;
        background-color: #FFF; border: 20px solid #444; position: relative;
        display: -webkit-flex; display: flex;
        -webkit-justify-content: space-between; justify-content: space-between;
        -webkit-flex-flow: column; flex-flow: column;
    }
    div.mpPopup .popupMainArea.fullWidth { max-width: 100vw; width: 100%; }
    div.mpPopup .popupClose { position: fixed; z-index: 1111; cursor: pointer; top: 50px; right: 50px; width: 50px; height: 50px; background-color: #444; color: #FFF; font-size: 20px; }
    div.mpPopup .popupClose:hover { color: #FFF; background-color: #6B003E; }
    div.mpPopup .popupHeader { border-bottom: 4px double var(--color_border); padding: var(--dMP_xs); }
    div.mpPopup .popupBody { padding: var(--dMP); overflow: auto; }
    div.mpPopup .popupFooter { border-top: 4px double var(--color_border); padding: var(--dMP_xs); }
    div.mpPopup .dLayout, div.mpPopup [class*='_dLayout'] { margin: 0; }
}
/******************************************************************** Pagination section ************************************************/
@media only screen and (min-width: 10px) {
    div.mp_pagination_main_area .mp_pagination_item{position: relative;}
    div.mp_pagination_main_area .ribbon{left:var(--dMP_xs_negative);}
    div.pagination_area { margin: var(--dMP_xs) 0 0 0; }
    div.pagination_area button[class*="dButton_xs"] { min-width: 50px; }
    div.pagination_area button.active_pagination { color: var(--color_theme_alter); background-color: var(--color_active); min-width: 75px; font-size: var(--fs_h4); }
    div.pagination_area button.ellipse_left { display: none; }
    div.pagination_area button.ellipse_left,
    div.pagination_area button.ellipse_right { color: var(--color_theme); background-color: transparent; }
}
/******************************************************************** Grid Section************************************************/
@media only screen and (min-width: 10px) {
    /********Sidebar Content**************/
    .mpStyle .leftSidebar,
    .mpStyle .leftSidebar .mp_sticky_area { width: 100%; max-width: var(--sidebarLeft); }
    .mpStyle .rightSidebar { width: 100%; max-width: var(--sidebarRight); }
    .mpStyle .mainSection { width: 100%; max-width: var(--mainSection); margin: 0 0 0 var(--dMP); }
    /**************************************/
    body.theme-astra div.mpContainer,
    body.theme-twentytwenty div.mpContainer,
    body.theme-twentytwentyone div.mpContainer,
    body.theme-twentytwentytwo div.mpContainer,
    div.mpContainer { max-width: var(--dContainer_Width); width: 100%; margin: 0 auto; }
    div.mpRow { min-height: 1px; }
    /************************/
    div.mpStyle .fullHeight, div.mpStyle [class*="_fullHeight"] { height: 100%; }
    div.mpStyle [class*="_h_100"] { height: 100px; }
    div.mpStyle [class*="_h_200"] { height: 200px; }
    /************************/
    div.mpStyle [class*="_w_50"] { width: 50px; min-width: 50px; }
    div.mpStyle [class*="_w_75"] { width: 75px; min-width: 75px; }
    div.mpStyle [class*="_w_100"] { width: 100px; min-width: 100px; max-width: 100px;}
    div.mpStyle [class*="_w_125"] { width: 125px; min-width: 125px; }
    div.mpStyle [class*="_w_150"] { width: 150px; min-width: 150px; }
    div.mpStyle [class*="_w_200"] { width: 200px; min-width: 200px; }
    div.mpStyle [class*="_w_300"] { width: 300px; min-width: 300px; }
    div.mpStyle [class*="_w_400"] { width: 400px; min-width: 400px; }
    div.mpStyle [class*="_w_500"] { width: 500px; min-width: 500px; }
    div.mpStyle [class*="_w_600"] { width: 600px; min-width: 600px; }
    div.mpStyle [class*='_fullWidth'] { width: 100%; max-width: 100%; }
    /************************/
    div.mpStyle .max_100, div.mpStyle [class*="_max_100"] { max-width: 100px; width: 100%; }
    div.mpStyle .max_150, div.mpStyle [class*="_max_150"] { max-width: 150px; width: 100%; }
    div.mpStyle .max_200, div.mpStyle [class*="_max_200"] { max-width: 200px; width: 100%; }
    div.mpStyle .max_300, div.mpStyle [class*="_max_300"] { max-width: 300px; width: 100%; }
    div.mpStyle .max_400, div.mpStyle [class*="_max_400"] { max-width: 400px; width: 100%; }
    div.mpStyle .max_500, div.mpStyle [class*="_max_500"] { max-width: 500px; width: 100%; }
    div.mpStyle .max_600, div.mpStyle [class*="_max_600"] { max-width: 600px; width: 100%; }
    div.mpStyle .max_700, div.mpStyle [class*="_max_700"] { max-width: 700px; width: 100%; }
    div.mpStyle .max_800, div.mpStyle [class*="_max_800"] { max-width: 800px; width: 100%; }
    div.mpStyle .max_900, div.mpStyle [class*="_max_900"] { max-width: 900px; width: 100%; }
    div.mpStyle .max_1000, div.mpStyle [class*="_max_1000"] { max-width: 1000px; width: 100%; }
    div.mpStyle .max_1100, div.mpStyle [class*="_max_1100"] { max-width: 1100px; width: 100%; }
    div.mpStyle .max_1200, div.mpStyle [class*="_max_1200"] { max-width: 1200px; width: 100%; }
    div.mpStyle .max_full, div.mpStyle [class*="_max_full"] { max-width: 100%; width: 100%; }
    /************************/
    div.mpStyle .min_50, div.mpStyle [class*="_min_50"] { min-width: 50px; }
    div.mpStyle .min_100, div.mpStyle [class*="_min_100"] { min-width: 100px; }
    div.mpStyle .min_125, div.mpStyle [class*="_min_125"] { min-width: 125px; }
    div.mpStyle .min_150, div.mpStyle [class*="_min_150"] { min-width: 150px; }
    div.mpStyle .min_200, div.mpStyle [class*="_min_200"] { min-width: 200px; }
    div.mpStyle .min_250, div.mpStyle [class*="_min_250"] { min-width: 250px; }
    div.mpStyle .min_300, div.mpStyle [class*="_min_300"] { min-width: 300px; }
    div.mpStyle .min_400, div.mpStyle [class*="_min_400"] { min-width: 400px; }
    div.mpStyle .min_500, div.mpStyle [class*="_min_500"] { min-width: 500px; }
    div.mpStyle .min_600, div.mpStyle [class*="_min_600"] { min-width: 600px; }
    div.mpStyle .min_700, div.mpStyle [class*="_min_700"] { min-width: 700px; }
    div.mpStyle .min_800, div.mpStyle [class*="_min_800"] { min-width: 800px; }
    div.mpStyle .min_900, div.mpStyle [class*="_min_900"] { min-width: 900px; }
    div.mpStyle .min_1000, div.mpStyle [class*="_min_1000"] { min-width: 1000px; }
    div.mpStyle .min_auto, div.mpStyle [class*="_min_auto"] { min-width: auto; }
    /**********************/
    div.mpStyle div.grid_1 { width: 100%;padding: var(--dMP_xs); }
    div.mpStyle div.grid_2 { width: calc(50% - var(--dMP));margin: var(--dMP_xs); padding: var(--dMP_xs);}
    div.mpStyle div.grid_3 { width: calc(33.333333% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    div.mpStyle div.grid_4 { width: calc(25% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    div.mpStyle div.grid_5 { width: calc(20% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    div.mpStyle div.grid_6 { width: calc(16.66666667% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    div.mpStyle div.grid_7 { width: calc(14.285715% - var(--dMP));margin: var(--dMP_xs);padding: var(--dMP_xs); }
    div.mpStyle div.grid_8 { width: calc(12.5% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    div.mpStyle div.grid_9 { width: calc(11.1111111111% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    div.mpStyle div.grid_10 { width: calc(10% - var(--dMP)); margin: var(--dMP_xs);padding: var(--dMP_xs);}
    @media only screen and (max-width: 1000px) {
        div.mpStyle div.grid_2 ,
        div.mpStyle div.grid_3 ,
        div.mpStyle div.grid_4 ,
        div.mpStyle div.grid_5 ,
        div.mpStyle div.grid_6 ,
        div.mpStyle div.grid_7 ,
        div.mpStyle div.grid_8 ,
        div.mpStyle div.grid_9 ,
        div.mpStyle div.grid_10 { width: calc(50% - var(--dMP));}
    }
    @media only screen and (max-width: 600px) {
        div.mpStyle div.grid_2 ,
        div.mpStyle div.grid_3 ,
        div.mpStyle div.grid_4 ,
        div.mpStyle div.grid_5 ,
        div.mpStyle div.grid_6 ,
        div.mpStyle div.grid_7 ,
        div.mpStyle div.grid_8 ,
        div.mpStyle div.grid_9 ,
        div.mpStyle div.grid_10 { width: 100%;}
    }
    /**********************/
    .mpStyle .col_1 { width: 8.3333333333%; }
    .mpStyle .col_2 { width: 16.666666667%; }
    .mpStyle .col_3 { width: 25%; }
    .mpStyle .col_4 { width: 33.333333333%; }
    .mpStyle .col_5 { width: 41.666666667%; }
    .mpStyle .col_6 { width: 50%; }
    .mpStyle .col_7 { width: 58.333333333%; }
    .mpStyle .col_8 { width: 66.666666667%; }
    .mpStyle .col_9 { width: 75%; }
    .mpStyle .col_10 { width: 83.33333333%; }
    .mpStyle .col_11 { width: 91.66666667%; }
    div.mpStyle .col_12 { width: 100%; }
    /**********************/
    @media only screen and (max-width: 1200px) {
        .mpStyle .col_1_1200 { width: 8.3333333333%; }
        .mpStyle .col_2_1200 { width: 16.666666667%; }
        .mpStyle .col_3_1200 { width: 25%; }
        .mpStyle .col_4_1200 { width: 33.333333333%; }
        .mpStyle .col_5_1200 { width: 41.666666667%; }
        .mpStyle .col_6_1200 { width: 50%; }
        .mpStyle .col_7_1200 { width: 58.333333333%; }
        .mpStyle .col_8_1200 { width: 66.666666667%; }
        .mpStyle .col_9_1200 { width: 75%; }
        .mpStyle .col_10_1200 { width: 83.33333333%; }
        .mpStyle .col_11_1200 { width: 91.66666667%; }
        .mpStyle .col_12_1200 { width: 100%; }
    }
    /**********************/
    @media only screen and (max-width: 1100px) {
        .mpStyle .col_1_1100 { width: 8.3333333333%; }
        .mpStyle .col_2_1100 { width: 16.666666667%; }
        .mpStyle .col_3_1100 { width: 25%; }
        .mpStyle .col_4_1100 { width: 33.333333333%; }
        .mpStyle .col_5_1100 { width: 41.666666667%; }
        .mpStyle .col_6_1100 { width: 50%; }
        .mpStyle .col_7_1100 { width: 58.333333333%; }
        .mpStyle .col_8_1100 { width: 66.666666667%; }
        .mpStyle .col_9_1100 { width: 75%; }
        .mpStyle .col_10_1100 { width: 83.33333333%; }
        .mpStyle .col_11_1100 { width: 91.66666667%; }
        .mpStyle .col_12_1100 { width: 100%; }
    }
    /**********************/
    @media only screen and (max-width: 1000px) {
        .mpStyle .col_1_1000 { width: 8.3333333333%; }
        .mpStyle .col_2_1000 { width: 16.666666667%; }
        .mpStyle .col_3_1000 { width: 25%; }
        .mpStyle .col_4_1000 { width: 33.333333333%; }
        .mpStyle .col_5_1000 { width: 41.666666667%; }
        .mpStyle .col_6_1000 { width: 50%; }
        .mpStyle .col_7_1000 { width: 58.333333333%; }
        .mpStyle .col_8_1000 { width: 66.666666667%; }
        .mpStyle .col_9_1000 { width: 75%; }
        .mpStyle .col_10_1000 { width: 83.33333333%; }
        .mpStyle .col_11_1000 { width: 91.66666667%; }
        .mpStyle .col_12_1000 { width: 100%; }
    }
    /**********************/
    @media only screen and (max-width: 900px) {
        .mpStyle .col_1_900 { width: 8.3333333333%; }
        .mpStyle .col_2_900 { width: 16.666666667%; }
        .mpStyle .col_3_900 { width: 25%; }
        .mpStyle .col_4_900 { width: 33.333333333%; }
        .mpStyle .col_5_900 { width: 41.666666667%; }
        .mpStyle .col_6_900 { width: 50%; }
        .mpStyle .col_7_900 { width: 58.333333333%; }
        .mpStyle .col_8_900 { width: 66.666666667%; }
        .mpStyle .col_9_900 { width: 75%; }
        .mpStyle .col_10_900 { width: 83.33333333%; }
        .mpStyle .col_11_900 { width: 91.66666667%; }
        .mpStyle .col_12_900 { width: 100%; }
    }
    /**********************/
    @media only screen and (max-width: 800px) {
        .mpStyle .col_1_800 { width: 8.3333333333%; }
        .mpStyle .col_2_800 { width: 16.666666667%; }
        .mpStyle .col_3_800 { width: 25%; }
        .mpStyle .col_4_800 { width: 33.333333333%; }
        .mpStyle .col_5_800 { width: 41.666666667%; }
        .mpStyle .col_6_800 { width: 50%; }
        .mpStyle .col_7_800 { width: 58.333333333%; }
        .mpStyle .col_8_800 { width: 66.666666667%; }
        .mpStyle .col_9_800 { width: 75%; }
        .mpStyle .col_10_800 { width: 83.33333333%; }
        .mpStyle .col_11_800 { width: 91.66666667%; }
        .mpStyle .col_12_800 { width: 100%; }
    }
    /**********************/
    @media only screen and (max-width: 700px) {
        .mpStyle .col_1_700 { width: 8.3333333333%; }
        .mpStyle .col_2_700 { width: 16.666666667%; }
        .mpStyle .col_3_700 { width: 25%; }
        .mpStyle .col_4_700 { width: 33.333333333%; }
        .mpStyle .col_5_700 { width: 41.666666667%; }
        .mpStyle .col_6_700 { width: 50%; }
        .mpStyle .col_7_700 { width: 58.333333333%; }
        .mpStyle .col_8_700 { width: 66.666666667%; }
        .mpStyle .col_9_700 { width: 75%; }
        .mpStyle .col_10_700 { width: 83.33333333%; }
        .mpStyle .col_11_700 { width: 91.66666667%; }
        .mpStyle .col_12_700 { width: 100%; }
    }
    /**********************/
    @media only screen and (max-width: 600px) {
        .mpStyle .col_1_600 {width: 8.3333333333%;}
        .mpStyle .col_2_600 {width: 16.666666667%;}
        .mpStyle .col_3_600 {width: 25%;}
        .mpStyle .col_4_600 {width: 33.333333333%;}
        .mpStyle .col_5_600 {width: 41.666666667%;}
        .mpStyle .col_6_600 {width: 50%;}
        .mpStyle .col_7_600 {width: 58.333333333%;}
        .mpStyle .col_8_600 {width: 66.666666667%;}
        .mpStyle .col_9_600 {width: 75%;}
        .mpStyle .col_10_600 {width: 83.33333333%;}
        .mpStyle .col_11_600 {width: 91.66666667%;}
        .mpStyle .col_12_600 {width: 100%;}
    }
    /**********************/
    @media only screen and (max-width: 500px) {
        .mpStyle .col_1_500 {width: 8.3333333333%;}
        .mpStyle .col_2_500 {width: 16.666666667%;}
        .mpStyle .col_3_500 {width: 25%;}
        .mpStyle .col_4_500 {width: 33.333333333%;}
        .mpStyle .col_5_500 {width: 41.666666667%;}
        .mpStyle .col_6_500 {width: 50%;}
        .mpStyle .col_7_500 {width: 58.333333333%;}
        .mpStyle .col_8_500 {width: 66.666666667%;}
        .mpStyle .col_9_500 {width: 75%;}
        .mpStyle .col_10_500 {width: 83.33333333%;}
        .mpStyle .col_11_500 {width: 91.66666667%;}
        .mpStyle .col_12_500 {width: 100%;}
    }
    /**********************/
    @media only screen and (max-width: 400px) {
        .mpStyle .col_1_400 {width: 8.3333333333%;}
        .mpStyle .col_2_400 {width: 16.666666667%;}
        .mpStyle .col_3_400 {width: 25%;}
        .mpStyle .col_4_400 {width: 33.333333333%;}
        .mpStyle .col_5_400 {width: 41.666666667%;}
        .mpStyle .col_6_400 {width: 50%;}
        .mpStyle .col_7_400 {width: 58.333333333%;}
        .mpStyle .col_8_400 {width: 66.666666667%;}
        .mpStyle .col_9_400 {width: 75%;}
        .mpStyle .col_10_400 {width: 83.33333333%;}
        .mpStyle .col_11_400 {width: 91.66666667%;}
        .mpStyle .col_12_400 {width: 100%;}
    }
}
/******************************************************************** Color section ************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle .error { background-color: red; color: #FFF; }
    div.mpStyle .mDisabled { cursor: not-allowed; opacity: 0.8; background-color: #F2F2F2; color: #777; }
    /*****Theme*********/
    div.mpStyle .textTheme, div.mpStyle [class*='_textTheme'] { color: var(--color_theme); }
    div.mpStyle .bgTheme, div.mpStyle [class*='_bgTheme'] { background-color: var(--color_theme); color: var(--color_theme_alter); }
    div.mpStyle [class*='_bTheme'], .bTheme { border: 1px solid var(--color_theme); }
    /*****default*********/
    div.mpStyle [class*='textDefault'] { color: var(--d_color); }
    div.mpStyle [class*='bgDefault'] { background-color: var(--d_color); }
    /*****Success*********/
    div.mpStyle [class*='textSuccess'] { color: var(--color_success); }
    div.mpStyle [class*='bgSuccess'] { background-color: var(--color_success); }
    /*****Success*********/
    div.mpStyle [class*='textInfo'] { color: var(--color_info); }
    div.mpStyle [class*='bgInfo'] { background-color: var(--color_info); }
    /*****danger*********/
    div.mpStyle .textDanger, div.mpStyle [class*='_textDanger'] { color: var(--color_danger); }
    div.mpStyle .bgDanger, div.mpStyle [class*='_bgDanger'] { background-color: var(--color_danger); }
    /*****warning*********/
    div.mpStyle .textWarning, div.mpStyle [class*='_textWarning'] { color: var(--color_warning); }
    div.mpStyle .bgWarning, div.mpStyle [class*='_bgWarning'] { background-color: var(--color_warning); }
    /*****required*********/
    div.mpStyle .textRequired, div.mpStyle [class*='_textRequired'] { color: var(--color_required); }
    div.mpStyle .bgRequired, div.mpStyle [class*='_bgRequired'] { background-color: var(--color_required); }
    div.mpStyle .mpRequired, div.mpStyle [class*='_mpRequired'] { border-color: var(--color_required); }
    /*****Light*********/
    div.mpStyle .textLight, div.mpStyle [class*='_textLight'] { color: var(--color_light); }
    div.mpStyle .bgLight, div.mpStyle [class*='_bgLight'] { background-color: var(--color_light); }
    div.mpStyle .textLight_1, div.mpStyle [class*='_textLight_1'] { color: var(--color_light_1); }
    div.mpStyle .bgLight_1, div.mpStyle [class*='_bgLight_1'] { background-color: var(--color_light_1); }
    div.mpStyle .textLight_2, div.mpStyle [class*='_textLight_2'] { color: var(--color_light_2); }
    div.mpStyle .bgLight_2, div.mpStyle [class*='_bgLight_2'] { background-color: var(--color_light_2); }
    div.mpStyle .btLight_2, div.mpStyle [class*='_btLight_2'] { background-color: var(--color_light_2); color: var(--color_info);}
    div.mpStyle .textLight_3, div.mpStyle [class*='_textLight_3'] { color: var(--color_light_3); }
    div.mpStyle .bgLight_3, div.mpStyle [class*='_bgLight_3'] { background-color: var(--color_light_3); }
    div.mpStyle .btLight_3, div.mpStyle [class*='_btLight_3'] { background-color: var(--color_light_3); color: var(--color_info);}
    div.mpStyle .textLight_4, div.mpStyle [class*='_textLight_4'] { color: var(--color_light_4); }
    div.mpStyle .bgLight_4, div.mpStyle [class*='_bgLight_4'] { background-color: var(--color_light_4); }
    div.mpStyle .btLight_4, div.mpStyle [class*='_btLight_4'] { background-color: var(--color_light_4); color: var(--color_info);}
    /*****Gray*********/
    div.mpStyle .textGray, div.mpStyle [class*='_textGray'] { color: rgb(128, 128, 128); }
    div.mpStyle .bgGray, div.mpStyle [class*='_bgGray'] { background-color: rgb(128, 128, 128); }
    /*****Black*********/
    div.mpStyle .textBlack,	div.mpStyle a.textBlack, div.mpStyle [class*='_textBlack'], div.mpStyle a[class*='_textBlack'] { color: var(--color_black); }
    div.mpStyle .bgBlack, div.mpStyle [class*='_bgBlack'] { background-color: var(--color_black);}
    /*****yellow*********/
    div.mpStyle .textYellow, div.textYellow, .mpStyle [class*='textYellow'] { color: var(--color_yellow); }
    div.mpStyle [class*='bgYellow'] { background-color: var(--color_yellow); }
    div.mpStyle [class*='bgYellow_99'] { background-color: #FFFF0099; }
    div.mpStyle [class*='bgYellow_77'] { background-color: #FFFF0077; }
    /*****white*********/
    div.mpStyle [class*='textWhite'] { color: #FFF; }
    div.mpStyle [class*='bgWhite'] { background-color: #FFF; }
    /*****blue*********/
    div.mpStyle [class*='textBlue'] { color: var(--color_blue); }
    div.mpStyle .bgBlue, div.mpStyle [class*='_bgBlue'] { background-color: var(--color_blue); }
    div.mpStyle [class*='borderBlue'] { border-color: var(--color_blue); }
    div.mpStyle [class*='textBorderBlue'] { border-color: var(--color_blue); color: var(--color_blue); }
    /*****Navy blue*********/
    div.mpStyle .textNavyBlue, div.mpStyle [class*='_textNavyBlue'] { color: var(--color_navy_blue); }
    div.mpStyle .bgNavyBlue, div.mpStyle [class*='_bgNavyBlue'] { background-color: var(--color_navy_blue); }
    /*****Color_1*********/
    div.mpStyle .textColor_1, div.mpStyle [class*='_textColor_1'] { color: var(--color_1); }
    div.mpStyle .bgColor_1, div.mpStyle [class*='_bgColor_1'] { background-color: var(--color_1); }
    /*****Color_2*********/
    div.mpStyle .textColor_2, div.mpStyle [class*='_textColor_2'] { color: var(--color_2); }
    div.mpStyle .bgColor_2, div.mpStyle [class*='_bgColor_2'] { background-color: var(--color_2); }
    /*****Color_3*********/
    div.mpStyle .textColor_3, div.mpStyle [class*='_textColor_3'] { color: #F2FFC3; }
    div.mpStyle .bgColor_3, div.mpStyle [class*='_bgColor_3'] { background-color: #F2FFC3; }
    /*****Color_4*********/
    div.mpStyle .textColor_4, div.mpStyle [class*='_textColor_4'] { color: #1A1919; }
    div.mpStyle .bgColor_4, div.mpStyle [class*='_bgColor_4'] { background-color: #1A1919; }
}
/******************************************************************** Icon Section************************************************/
@media only screen and (min-width: 10px) {
    /*****Seat icon******/
    [class*='mage_icon'] { display: inline-block; }
    span[class*='mp_chair_icon'] { position: relative; width: 30px; height: 35px; border: 1px solid var(--color_border); text-align: center; padding: 5px 0 0 0; }
    span[class*='mp_chair_icon_xs'] { width: 20px; height: 25px; padding: 3px 0 0 0; }
    span[class*='mp_chair_icon'] ::before,
    span[class*='mp_chair_icon'] ::after,
    span[class*='mp_chair_icon'] { -webkit-border-radius: 2px; border-radius: 2px; }
    span[class*='mp_chair_icon'] ::before,
    span[class*='mp_chair_icon'] ::after { content: ""; position: absolute; width: 7px; height: 20px; border: 1px solid var(--color_border); bottom: -1px; background-color: #FFF; }
    span[class*='mp_chair_icon_xs'] ::before,
    span[class*='mp_chair_icon_xs'] ::after { width: 4px; height: 12px; }
    span[class*='mp_chair_icon'] ::before { left: -4px; }
    span[class*='mp_chair_icon'] ::after { right: -4px; }
    span[class*='mp_chair_icon'] span.seat_handle { position: absolute; width: 25px; height: 6px; bottom: 0; left: 4px; border-top: 1px solid var(--color_border); background-color: #FFF; }
    span[class*='mp_chair_icon_xs'] span.seat_handle { width: 15px; height: 4px; }
}
/******************************************************************** select_2 custom css************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle span.selection,
    div.mpStyle span.select2-container.select2,
    div.mpStyle span.select2-container span.select2-selection { min-width: auto; width: 100% !important; height: 100%; }
    div.mpStyle span.selection { overflow: hidden; max-width: 100%; }
    div.mpStyle span.select2-container span.select2-selection__rendered { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: 100%; }
    div.mpStyle span.select2-container .select2-selection__arrow { top: 2px; height: 37px; }
    div.mpStyle span.select2-container span { font-size: var(--fs); margin: 0; }
}
/******************************************************************** Owl Carousel************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle .owl-nav { display: none; }
}
/******************************************************************** Load More************************************************/
@media only screen and (min-width: 10px) {
    div.mpStyle .mp_load_more_text_area { color: var(--d_color); }
    div.mpStyle [data-read] { color: var(--color_theme); cursor: pointer;}
}
/******************************************************************** Woocommerce cart ************************************************/
@media only screen and (min-width: 10px) {
    .woocommerce-cart table.cart .product-remove { vertical-align: top; padding: var(--dMP_xs); width: 50px; }
    .woocommerce-cart table.cart .product-remove a:hover { color: var(--color_danger); border-color: var(--color_danger); }
    .woocommerce-cart table.cart .product-thumbnail { min-width: 20%; vertical-align: top; padding: var(--dMP_xs); }
    div.woocommerce .dLayout_xs,
    div.woocommerce .dLayout { background-color: transparent; }
    div.woocommerce ul.cart_list { list-style-type: none; line-height: 1.25; font-size: var(--fs); color: var(--d_color); }
    div.woocommerce ul.cart_list li { padding: 3px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
    div.woocommerce ul.cart_list li span { margin: 0 var(--dMP_xs) 0 0; }
    div.woocommerce .cart_product_item { border: 1px solid var(--color_border); margin: var(--dMP_xs) 0 0 0; padding: var(--dMP_xs); border-radius: var(--dBR); }
    div.woocommerce td.product-name { font-size: var(--fs_h5); font-weight: 500; color: var(--color_theme); }
    div.woocommerce td.product-name dl.variation { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; color: var(--d_color); margin: 0;}
    div.woocommerce td.product-name dl.variation dd {margin: var(--dMP_xs) 0 0 0;}
    .woocommerce-order-details ul.wc-item-meta li { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: var(--dMP_xs) 0 0 0; }
    .woocommerce-order-details ul.wc-item-meta li > p { margin: 0; color: var(--d_color); }
}
/******************************************************************** Date picker ************************************************/
@media only screen and (min-width: 10px) {
    #ui-datepicker-div {width: 342px;border-color: var(--color_theme);padding: 0;background-color: #FFF;}
    #ui-datepicker-div .ui-datepicker-header {
        background-color: var(--color_theme);background-image: none;border-color: var(--color_theme);
        padding: var(--dMP_xs);color: var(--color_theme_alter);border-radius: 0;
        display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;
        font-size: var(--fs_h6);
    }
    #ui-datepicker-div .ui-datepicker-header .ui-icon {display: none;}
    #ui-datepicker-div .ui-datepicker-prev {top: var(--dMP_xs);left: 5px;height: 30px;width: 30px;}
    #ui-datepicker-div .ui-datepicker-next {top: var(--dMP_xs);right: 5px;height: 30px;width: 30px;}
    #ui-datepicker-div .ui-datepicker-prev:hover,
    #ui-datepicker-div .ui-datepicker-prev:focus,
    #ui-datepicker-div .ui-datepicker-next:focus,
    #ui-datepicker-div .ui-datepicker-next:hover {box-shadow: 0 0 0 2px #FFF, 0 0 2px 1px #FFF; outline: 1px solid transparent}
    #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev::before,
    #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next::before { position: absolute;content: '>';color: #FFF;left: 10px;font-size: var(--fs_h3);top: 5px;font-weight: bold;line-height: 1;}
    #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev::before {content: '<';}
    #ui-datepicker-div .ui-datepicker-header .ui-state-hover {background-color: var(--color_theme);background-image: none;border-color: var(--color_theme);}
    #ui-datepicker-div .ui-state-default {
        background-color: transparent;background-image: none;border: none;border-radius: 50%;
        width: 35px;height: 35px;color: var(--color_theme);font-weight: bold;padding: 0;
        display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;
    }
    #ui-datepicker-div a.ui-state-default:hover {background-color: darksalmon;}
    #ui-datepicker-div .ui-state-active {background-color: var(--color_theme);color: var(--color_theme_alter);background-image: none;}
    #ui-datepicker-div .ui-datepicker-title {background-color: var(--color_theme);color: var(--color_theme_alter);background-image: none;font-size: var(--fs_h5);display: -webkit-flex;display: flex;margin: 0;}
    #ui-datepicker-div .ui-datepicker-title select {min-width: 100px;height: 30px;font-size: var(--fs);padding: 0 var(--dMP_xs);text-align: left;}
    #ui-datepicker-div.ui-datepicker td {background-color: floralwhite;border: 1px dotted #000;padding: 4px 6px;}
}
/********************************************************************************************************************/
@media only screen and (min-width: 10px) {
}