@font-face {
    font-family: 'ji-Bold';
    src: url('opensans/opensans-bold-webfont.eot');
    src: url('opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('opensans/opensans-bold-webfont.woff') format('woff'),
         url('opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('opensans/opensans-bolditalic-webfont.eot');
    src: url('opensans/opensans-bolditalic-webfont.eacot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('opensans/opensans-bolditalic-webfont.svg#open_
         sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('opensans/opensans-extrabold-webfont.eot');
    src: url('opensans/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-extrabold-webfont.woff2') format('woff2'),
         url('opensans/opensans-extrabold-webfont.woff') format('woff'),
         url('opensans/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('opensans/opensans-extrabolditalic-webfont.eot');
    src: url('opensans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('opensans/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('opensans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/



@font-face {
    font-family: 'ji-Italic';
    src: url('opensans/opensans-italic-webfont.eot');
    src: url('opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('opensans/opensans-italic-webfont.woff') format('woff'),
         url('opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('opensans/opensans-light-webfont.eot');
    src: url('opensans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-light-webfont.woff2') format('woff2'),
         url('opensans/opensans-light-webfont.woff') format('woff'),
         url('opensans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight_italic';
    src: url('opensans/opensans-lightitalic-webfont.eot');
    src: url('opensans/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('opensans/opensans-lightitalic-webfont.woff') format('woff'),
         url('opensans/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    /* font-family: 'open_sansregular'; */
    font-family: "ji-Regular";
    src: url('opensans/opensans-regular-webfont.eot');
    src: url('opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('opensans/opensans-regular-webfont.woff') format('woff'),
         url('opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    /* font-family: 'open_sanssemibold'; */
    font-family: "ji-SemiBold";
    src: url('opensans/opensans-semibold-webfont.eot');
    src: url('opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-semibold-webfont.woff2') format('woff2'),
         url('opensans/opensans-semibold-webfont.woff') format('woff'),
         url('opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}





/*
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('opensans/opensans-semibolditalic-webfont.eot');
    src: url('opensans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('opensans/opensans-semibolditalic-webfont.woff') format('woff'),
         url('opensans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
 */

:root{
    --primary-color:#f89539;
    /* --primary-color-rgb:254, 87, 34; */
    --primary-color-rgb:248,149,57;

    --h-primary-color:#23334c;

    --third-color: #23334c;

    --star-size: 13px;
    --star-color: #ddd;
    --star-background: #fc0;
    --border-silver:#f5f5f5;
}

.starsAvg {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.starsAvg::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.starsAvg22 {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.starsAvg22::before {
  content: "\f005";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Font Awesome';
  font-weight: 900;
}

.starsAvgZero {
  --percent: 100;
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.starsAvgZero::before {
  content: "\f005";
  letter-spacing: 3px;
  background: var(--star-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Font Awesome';
  font-weight: 900;
}


/*shows the stars side by side, centered, and in reverse order than the HMTL*/
/* .rating {
max-width: 150px;
display: flex;
flex-direction: row-reverse;
justify-content: center;
} */

/*hides the radio buttons*/
/* .rating > input{ display:none;} */

/*style the empty stars, sets position:relative as base for pseudo-elements*/
/* .rating > label {
  position: relative;
  width: 1.1rem;
  font-size: 1.5rem;
  color: #FFD700;
  cursor: pointer;
} */

/* sets filled star pseudo-elements */
/* .rating > label::before{
  content: "\2605";
  position: absolute;
  opacity: 0;
} */
/*overlays a filled start character to the hovered element and all previous siblings*/
/* .rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
} */

/*overlays a filled start character on the selected element and all previous siblings
.rating > input:checked ~ label:before{
  opacity:1;
}
*/
/*when an element is selected and pointer re-enters the rating container, selected rate and siblings get semi transparent, as reminder of current selection
.rating:hover > input:checked ~ label:before{ opacity: 0.4; }
*/



/*
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}
.rating > span:hover,
.rating > span:hover ~ span {
  color: transparent;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
   left: 0;
   color: gold;
} */


/** Points **/
/* .setProdPointer{}
.setProdPointer:hover{cursor:pointer;-webkit-text-fill-color: transparent: green ;}
.prodPointerForm{}
    .prodPointerForm i{front-size: 14px;}
    .prodPointerForm i:hover,
    .prodPointerForm i.active{color:var(--star-background)  } */


.jiBold{font-family: ji-Bold;}
.jiSemiBold{
    font-family: ji-SemiBold;
}

.jiAnimate02{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.jiAnimate05{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


*, *::before, *::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 /* word-break: break-all; */
 hyphens: auto;
}

form,
 button,
 textarea,
 input,
 select,
 a{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
   user-select: text max-width:100%;
 }

 input:-internal-autofill-selected,
 input:-webkit-autofill:active,
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 textarea:-webkit-autofill:active
 textarea:-webkit-autofill:hover,
 textarea:-webkit-autofill:focus,
 select:-webkit-autofill,
 select:-webkit-autofill:active,
 select:-webkit-autofill:hover,
 select:-webkit-autofill:focus {
   /* border: 0px solid green; */
   -webkit-text-fill-color: #363637;
   -webkit-box-shadow: 0 0 0px 1000px #fff inset;
   transition: background-color 5000s ease-in-out 0s;
   background: silver;
 }

 :focus {
     outline: -webkit-focus-ring-color auto 0px;
 }

html, body {
    margin:0px 0px 0px 0px;
    font-family: 'ji-Regular';
    background-color: #ffffff;
    color: #666666;
    width: 100%;height: 100%;font-size: 12px;line-height: 1.66;
}

h1, h2,h3,h4,h5{
    margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0;
    padding-block-start:0; padding-block-end:0; padding-inline-start:0; padding-inline-end:0;
    font-family: 'ji-SemiBold';
    margin-top:0px;
}

img {margin-bottom: 0px !important ; max-width:100%}

h1{width: auto;color:#6d6e71;font-size: 19px;}
h1.pageSectionTitle{border-bottom:1px solid silver;}

.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover {
    box-shadow: none;
}

.pageTitle{position: relative; padding-bottom:40px; line-height: 1.1;}
.pageTitle.topMargin{margin-top:30px;}
.pageTitle,
.pageTitle h1{
    margin-top:10px;
    font-size: 1.666rem;
    line-height: 1rem;
    color: #444;
    font-family: ji-Bold;
    position: relative;
}
    .pageTitle:before{
        content: "";
        width: 70px;
        height: 3px;
        display: inline-block;
        position: absolute;
        top: 32px;
        left: 0;
        background-color: var(--primary-color);
    }

.pageBarTitle{border-bottom: 1px solid #eee; position: relative;}
    .pageBarTitle h2{
        display: inline-block;
        margin-bottom: -1px;
        color: #222222;
        font-size: 1.33rem;
        font-family: ji-Bold;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--primary-color);
    }
    .contentPageSide .pageBarTitle h2{padding-bottom:5px; color:#444444; font-family: ji-SemiBold;}
.pageBarTitle.topMargin{margin-top:30px;}

.pageSubTitle{background: url(images/bg-subTitle.png) repeat-x left center;margin-bottom: 17px;}
    .pageSubTitle h2{background: #fff;display: inline-block;font-size: 1.83rem;color: #444444;padding: 0 30px 6px 0;font-family: inherit;}

.pageSecondTitle{
    position: relative;
    font-size: 1.33rem;  color:rgb(68,68,68);
    font-family: 'open_sanslight'; padding-bottom:5px;
    margin-bottom:10px; margin-top:15px;
    border-bottom: 1px solid #dddddd;
}
    .pageSecondTitle::before{content:'';
    display: inline-block;
    height: 1px;
    width: 100px;
    position: absolute;
    left: 0;
    bottom: -1px;
background-color: var(--primary-color);}



a,a:active, a:link, a:visited{
    color: rgb(34,34,34);
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a:hover{color:var(--primary-color);}

.btnLinkerParent{margin-top:35px;}
a.btnLinker{
    display: inline-block;
    position: relative;
    background: rgba(91,112,133,1);
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    position: relative;
    padding: 0 20px 0px 20px !important;
    color: #fff !important;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 2px;
}
a.btnLinker::after{
    content:"\f105";
    font-family: 'Font Awesome';
    font-weight: 900;
    position: absolute;
    right:-10px;
    top:11px;
    font-size: 14px;
    line-height: 14px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;
}

a.btnLinker:hover{
    background: var(--primary-color);
}
a.btnLinker:hover::after{
    opacity: 1;
    right:5px;
}

.siteWidth{
    width:98%;
    max-width: 1400px;
}
.siteWidthHalf{
    max-width: 800px !important;
}

.siteWidthSmall{
    max-width: 600px !important;
}

.textEditorGlobal, .mce-content-body {
    padding-right:10px;
    color:#444444;
}
    .textEditorGlobal ul, .textEditorGlobal ol,
    .mce-content-body ul, .mce-content-body ol{
        list-style: circle;
        margin:10px 0px 0px 20px;
    }
    .textEditorGlobal em, .mce-content-body em{font-style: italic;}
    .textEditorGlobal img, .mce-content-body img{width:auto!important;}
    .textEditorGlobal strong, .mce-content-body strong{font-family: 'ji-SemiBold';}

    .textEditorGlobal h1,
    .mce-content-body h1{font-size: 1.6rem !important;}
    .textEditorGlobal h2,
    .mce-content-body h2{font-size: 1.42rem !important;}
    .textEditorGlobal h3,
    .mce-content-body h3{font-size: 1.25rem !important;}
    .textEditorGlobal h4,
    .mce-content-body h4{font-size: 1.15rem !important;}
    .textEditorGlobal h5,
    .mce-content-body h5{font-size: 1.08rem !important;}


/* .bnzColor{color:#3f3f3f !important;} */
/* .bnzColorBg{background-color:#3f3f3f;}  */

/* .colorBox{} */
.prodDepoColors{
    position:absolute;
    display:inline-block;
    /* left:0px; bottom: 0px;  width:20px; height:20px;   */
    right: 10px;
    top:2px;
    width:30px;
    height: 10px;
}
.depoTitle .prodDepoColors{
    left:-35px;
    top:6px;
    right:auto;
}

.furOverlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 54, 55, 0.9);
    z-index: 70;
}

/* background: url(images/bg-selectbox.png) no-repeat right center #fff; */
/*
.w3-select{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color: unset;

    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1rem;
    padding: 5px 10px 4px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
} */

.w3-input:disabled,.w3-input[disabled]{
    background:#cacaca !important;
}

button{
    /* pointer-events: none; */
    outline: none !important;
    border: none !important;
    overflow: visible;
    width: auto;
    margin: 0;
    cursor: pointer;
    white-space: nowrap;
    font-size: 100% !important;
    position: relative;
    text-decoration: none !important;
    border-color:inherit;
    vertical-align: middle;
}

.semantic.success{color:#006400; background: #e5efe5;}
    .sementic.success .icon{color:#006400;}
.semantic.info{background:#fdf0d5;}
    .semantic.info .icon{background: #c07600;}
.semantic.error { background: #fae5e5; color:#e02b27;}
    .semantic.info .icon{color:#b30000;}

.semantic.warning{background: #fdf0d5; color:#6f4400;}
.semantic.warning .icon{ color: #c07600; }

.pageBand{margin-top:35px;}

.contentBoxModel{
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 5px 5px;
}

.bonusEarnColor{color: #2e88c3;}


/**
* tooltip
*/
.furTooltipParent{
position: relative;
/* width:20px; height: 20px; */
display:inline-block;
}
.furTooltipParent:hover{
    color:#a4c1d2;
}
.furTooltipParent:hover .furTooltip{
    visibility: visible;
    opacity: 1;
}
     .furTooltipParent .furTooltip{
        position: absolute;
        text-align: left;
        min-width:150px;
        /* width: 60px; height: 60px;; */
        border-radius: 4px;
        padding:3px 5px;
        font-size: 0.95rem;
        font-family: 'ji-SemiBold';
        background-color: #248ac8;
        color:#ffffff;
        width: 120px;
        left:50%;
        margin-left:-75px;
        bottom:125%;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s;
    }
    .furTooltipParent .furTooltip:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7px;
        border-width: 7px;
        border-style: solid;
        border-color: #248ac8 transparent transparent transparent;
    }


/*
font-synthesis: weight style;
 font-stretch: normal;
 font-size-adjust: none;
 font-language-override: normal;
 font-kerning: auto;

font-feature-settings: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

*/

/***
**********
********************

                        HEADER

********************
**********
**/

i{
    font-synthesis: weight style;
     font-stretch: normal;
     font-size-adjust: none;
     font-language-override: normal;
     font-kerning: auto;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


header{position: relative; width:100%; font-size:12px;}

    .headerTopContent{border-bottom:1px solid rgb(245,245,245);}
        .headerTopContent .headerCurrency{}
            .headerTopContent .headerCurrency .currency{display: inline-block;height: 20px; margin-right:0px; padding-right:8px;border:0px solid red; margin-top:10px; line-height: 16px;color:#316a87}
                .headerTopContent .headerCurrency .currency img{float:left;max-width: 24px; margin-right:4px;}
                .headerTopContent .headerCurrency .currency span.exType{line-height:16px; font-family: ji-Bold;}
                .headerTopContent .headerCurrency .currency span.exPrice{line-height:16px; font-family: ji-SemiBold;}
        .headerTopContent .topLinks{}
            .headerTopContent .topLinks ul{float:right; position: relative;}
                .headerTopContent .topLinks ul li{float:left; position:relative;margin-left:20px; padding-left:20px;position:relative;}
                .headerTopContent .topLinks ul li:not(:first-child):before{content:'';display: block; width: 1px; height: 10px; background: rgb(211,211,211);position: absolute;left:-1px; top:50%;margin-top:-5px;}
                    .headerTopContent .topLinks ul li a{font-size:1.08rem; line-height: 39px;}
                        .headerTopContent .topLinks ul li a i{font-size:1rem; margin-right:3px;}

    .headerContent{position: relative;padding:36px 0px 29px;}
        .headerContent .logoMain{height:51px; flex:0 0 25%}
            .headerContent .logoMain img{max-width:90%;max-height:51px;}
        .headerContent  .headerNavBar{position: relative;float: left;display: flex;align-items: center;}
            .headerContent .headerNavBar ul{border:0px solid silver; padding-top:7px;}
                .headerContent .headerNavBar > ul > li{float:left;
                    /* margin-right:25px; */
                    margin-right:20px;
                    position: static;font-size: 1.167rem;line-height: 32px;font-family: 'ji-SemiBold';}
                    .headerContent .headerNavBar .drop-down > ul >li >a{}
                    .headerContent .headerNavBar .drop-down > ul >li >a:hover{color:var(--primary-color);}
        .headerContent .minicart{padding:5px 10px 3px 12px;border:2px solid rgb(238,238,238); border-radius: 3px; max-width: 160px;}
            .headerContent .minicart .jfrmSvgIconParent{float:left; width:36px;}
                .headerContent .minicart .jfrmSvgIconParent .jfrmSvgIcon{float:left;width:36px; height:36px; fill:var(--primary-color); padding:2px 2px;}
                .headerContent .minicart .infoBox{float:right;width:calc(100% - 44px);height:36px; text-align: left;}
                .headerContent .minicart a:hover{color:#323232;}
                    .headerContent .minicart .infoBox .title{display:inline-block;float:right;width:100%; font-size:1.08rem; font-family: ji-SemiBold; line-height: 1.2;}
                    .headerContent .minicart .infoBox .info{display:inline-block;float:right; width:100%; font-size:1.08rem; font-family: ji-SemiBold;line-height: 24px;color:var(--primary-color);}
                .headerContent .minicart .storeInfo{position: static; overflow: hidden; width:160px; height: 40px; }
                    .headerContent .minicart .storeInfo img{width: auto; max-width: 85%; max-height: 90%;}


.searchBar.fixedBar{top:0px;left:0px; position: fixed;z-index: 48;}
.searchBar{background-color:#2e88c3;padding:8px 0px;position:relative; }
    .searchBar .allCats{padding:0px 15px 0px 0px;position:relative; }
        .searchBar .allCats a.allCatsLink{display: block; line-height: 44px; font-size:1.16rem; padding:0px 12px 0px 20px; color:white; border-radius: 3px;
            background: var(--primary-color);
            background: #52c8ee;
            font-family: ji-Bold;}
            .searchBar .allCats a.allCatsLink:before{width:14px; height: 11px; margin-right: 8px; background-position: -68px -103px;position: relative; top:1px; display: inline-block; content:''; background-image: url('images/icon-image.png') ;}
            .searchBar .allCats a.allCatsLink:after{width:15px; height: 15px; float:right; background-position: -67px -59px;position: relative; top:15px; display: inline-block; content:''; background-image: url('images/icon-image.png') ; vertical-align: middle;}

            .searchBar .allCats .catDropDown{
                display: block;
                position: absolute;
                width: calc(100% - 15px);
                /*left: 0;*/
                border:1px solid #eeeeee;
                top: calc(100% + 30px);
                z-index: 99;
                opacity: 0;
                visibility: hidden;
                background: #fff;
                box-shadow: 0px 0px 30px rgba(var(--third-color-rgb), 0.25);
                transition: ease all 0.2s ease-in-out 0s;
            }

            .catDropDown .dropdown ul, .subLevelUl{
                display: block;
                position: absolute;
                width: calc(100% - 15px);
                height: 100%;
                border:1px solid #eeeeee;
                /*left: 0;*/
                top: calc(100% + 30px);
                z-index: 99;
                opacity: 0;
                visibility: hidden;
                background: #fff;
                box-shadow: 0px 0px 30px rgba(var(--third-color-rgb), 0.25);
                transition: ease all 0.2s ease-in-out 0s;
            }


            .searchBar .allCats:hover .catDropDown{
                opacity: 1;
                top:100%;
                margin-top:-3px;
                visibility: visible;
                z-index: 99;
            }
            .catDropDown{
                border: 1px solid #eee;
                background:white;
                background: white;
            }
            .catDropDown li{
                /* position: relative; */
                min-width: 200px;
                font-size: 1.1rem;
                line-height: 20px;
                padding:10px 10px 10px 20px;
                border-left:2px solid transparent;
            }
            .catDropDown li a{ display: inline-block;}
                .catDropDown li a .ddownIcon{font-size:18px; margin-right:5px;}
            .catDropDown li:hover{
                border-left:2px solid rgb(var(--primary-color-rgb));
                color: rgb(var(--primary-color-rgb));
                background: #f3f4f8;
            }
            .catDropDown li:hover:after{
                fill:rgb(var(--primary-color-rgb));
            }
            .catDropDown li.dropdown:after{
                /* position: relative; */
                float:right;
                margin-right:15px;
                right:0px;
                top:13px;
                content: "\f0da";
                font-family: 'Font Awesome';
                font-weight: 900;
                fill:black;
            }
            .catDropDown .dropdown ul {
                top: 0;
                left: calc(100% - 30px);
                color:#666666 !important;
            }
            .catDropDown li.dropdown:hover > ul {
                opacity: 1;
                top: 0;
                left: 100%;
                visibility: visible;
            }



    .searchBar .srcBar{padding:0px 0px 0px 15px; position:relative; }
        .searchBar .srcBar .catSelect{position: absolute;left: 0;top: 0;background-color: #fafafa;border: none;height: 44px;width: 170px;color: #444;padding-left: 15px;font-size: 108.33%;border-right: 1px solid #e5e5e5;border-radius: 3px 0 0 3px;
            -moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;}
        .searchBar .srcBar .headerSrcInput{width:100%;padding-left: 190px;height: 44px;border: none;color: #444;padding-right: 40px;font-size: 108.33%;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
        .searchBar .srcBar .btnSrc{color:white;height: 40px;opacity: 1;padding: 0 !important;position: absolute !important;right: 2px;text-align: center;top: 2px;width: 40px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: rgb(var(--primary-color-rgb));cursor: default;}
        .searchBar .srcBar .btnSrc:hover{cursor:pointer;}
            .searchBar .srcBar .btnSrc i{font-size:18px;}

    .ui-autocomplete{
        max-height: 300px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
    }
        .ui-autocomplete-category{
            font-family: 'ji-SemiBold';
            font-size: 1.1rem;
            padding:3px 10px;
            border-bottom:1px solid rgba(204, 211, 227,1);
            background: rgba(204, 211, 227,1);
        }
        .ui-autocomplete-category.acProdList{
            border-bottom:1px solid rgba(204, 211, 227,1);
            background: rgba(204, 211, 227,1);
        }

        .ui-state-active,
        .ui-widget-content .ui-state-active,
        .ui-widget-header .ui-state-active,
        a.ui-button:active,
        .ui-button:active,
        .ui-button.ui-state-active:hover {
        	border: 1px solid #2b50c5;
        	background: #2b50c5;
        	font-weight: normal;
        	color: #ffffff;
        }
        .acProdList .ui-state-active{
            background: rgba(204, 211, 227,0.7) !important;
            border:1px solid rgba(204, 211, 227,0.7) !important;
            color:black;
        }
        .ui-autocomplete .ui-autocomplete-row{height: auto; border-bottom:1px solid rgba(204, 211, 227,1);}
        .ui-autocomplete .ui-autocomplete-row.acProdList{
            border-left:4px solid rgba(204, 211, 227,1);
        }
            .ui-autocomplete .ui-autocomplete-row img{max-height: 60px; width:auto; max-width: 60px; margin:3px 10px 3px 0px;}

/***
**********
********************

                        PAGES

********************
**********
**/

.noDataErrorSec{
        text-align:center;margin:100px 0px 50px 0px;border:1px solid #c5532b;padding:20px 20px;font-size:1.2rem;line-height:2rem;font-family:ji-SemiBold;
        background-color: rgba(197,83,43, 0.1);
        margin-left:25%;
    }
        .noDataErrorSec .jfrmSvgIcon{width:80px;height:80px;fill:#c5532b;margin-bottom: 20px;}
        .noDataErrorSec .title{font-size: 1.4rem;color: #c4212f;}
        /* .noDataErrorSec .alertText{font-size: 1.4rem;color: var(--main-red);} */
        .noDataErrorSec .alertText{}
            .noDataErrorSec .alertText a{text-decoration: underline;}

.noDataErrorSecSml{
        text-align:center;margin:10px 0px 10px 0px;
        border:1px solid #c5532b;
        padding:10px 10px;font-size:1.05rem;line-height:1.8rem;font-family:ji-SemiBold;
        background-color: rgba(197,83,43, 0.05);
    }
        .noDataErrorSecSml .jfrmSvgIcon{width:40px;height:40px;fill:#c5532b;margin-bottom: 00px;}
        .noDataErrorSecSml .alertText{}


/* background-color: #fafafa; */
.pageInfoBox{ padding:30px 30px;background:rgba(244, 247, 249,1); border: 1px solid #ddd;}
    .pageInfoBox .title{font-size: 1.5rem; font-family: ji-Bold; line-height: 2rem; color:#444444!important; margin-bottom:10px;}
    .pageInfoBox .info{ padding:3px 0px;}
    .pageInfoBox .info.childInfo{ padding:3px 0px 3px 15px;}
    .pageInfoBox .footBtn{margin-top:20px;}


.pageNoticerIcon{display: inline-block; width:100%; text-align: center;}
    .pageNoticerIcon .jfrmSvgIcon{width: 100px; height: 100px;fill:#278AC8;}
    .pageNoticerIcon i{font-size:5rem;color:#278AC8; padding-bottom: 30px;}
.pageNoticerIcon.error i{color:#f44336}
.pageNoticerIcon.error .jfrmSvgIcon{color:#f44336}
.pageNoticerTitle{display: inline-block; width:100%; font-family: ji-SemiBold; font-size:1.4rem;}
.pageNoticer{display: inline-block; width: 100%; margin-top:20px;}
.pageNoticer.acvFormBox{max-width: 110px; text-align: center;}




.breadcrumbs {
    margin: 0 0 20px;
}

.breadcrumbs {
    /* padding: 30px 0 0; */
    margin-bottom: 0;
    display:block;
    padding-bottom:15px;
}

    /* .breadcrumbs .items {
        font-size: 1.2rem;
        color: #a3a3a3;
        margin: 0;
        padding: 0;
        list-style: none none
    } */


    .breadcrumbs a {
        color: #333;
        text-decoration: none
    }

    .breadcrumbs a:visited {
        color: #333;
        text-decoration: none
    }

    .breadcrumbs a:hover {
        color: #333;
        text-decoration: underline
    }

    .breadcrumbs a:active {
        color: #333;
        text-decoration: none
    }

    .breadcrumbs strong {
        font-weight: 400
    }



    .breadcrumbs .items>li {
        display: inline-block;
        vertical-align: top
    }

    .breadcrumbs .item {
        margin: 0
    }



        .breadcrumbs .items .item {
            width:auto;
            float:left;
            height: 25px;
            line-height: 22px;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            position: relative;
            padding: 0 8px 0 18px;
            margin-left:3px;
        }

        .breadcrumbs .items .item {
            margin-top: 2px;
            margin-bottom: 2px
        }

            .breadcrumbs .items .item a {
                display: block;
                text-decoration: none
            }

            .breadcrumbs .items .item strong {
                font-weight: 500
            }


            .breadcrumbs .item:not(:last-child):after {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 24px;
                line-height: 18px;
                content: '\e608';
                font-family: 'icons-blank-theme';
                margin: 0;
                vertical-align: top;
                display: inline-block;
                font-weight: 400;
                overflow: hidden;
                speak: none;
                text-align: center
            }


            .breadcrumbs .items .item:before,
            .breadcrumbs .items .item:after {
                border-right: 1px solid #ddd;
                border-top: 1px solid #ddd;
                content: "";
                display: inline-block;
                height: 17px;
                position: absolute;
                top: 3px;
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                width: 17px
            }

            .breadcrumbs .items .item:first-child {
                padding-left: 10px;
                border-left: 1px solid #ddd
            }



            .breadcrumbs .items .item:after {
                right: -8px
            }

            .breadcrumbs .items .item:before {
                left: -8px
            }



            .breadcrumbs .items .item:first-child:before {
                display: none
            }

            .breadcrumbs .items .item:last-child {
                border-color: #ddd !important;
                color: #444
            }

            .breadcrumbs .items .item:last-child:before,
            .breadcrumbs .items .item:last-child:after {
                border-color: #ddd !important
            }


            .breadcrumbs .items .item:hover {
              border-color: var(--primary-color);
            }

            .breadcrumbs .items .item:hover:before,
            .breadcrumbs .items .item:hover:after {
              border-color: var(--primary-color);
            }

main{ position: relative; padding:20px 0px 80px 0px;}
    .mainSliderCover{position: relative;width: 100%;  height: auto; overflow: hidden;}
        .mainSliderCover .mainSlider{width: 100%;  height: auto; float:left;}
            .mainSliderCover .mainSlider img{max-width: 100%;}
        .mainSliderCover .nivo-caption.passive{opacity: 0 !important;}
        .mainSliderCover .nivo-caption{top:0px;bottom:0px;width:100%; height: 100%;background-color: transparent;
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1 !important;
        }
            .mainSliderCover .nivo-caption .mainMotto{position:absolute; top:20%;left:50%;width:auto;font-size:1.5em; color:var(--primary-color);font-family: 'ji-SemiBold'; background-color: white;z-index: 2;padding:10px 15px; transform: translateX(-50%);}
            .mainSliderCover .nivo-caption .subMotto{position:absolute; top:60%;left:50%;width:auto;font-size:1.2em; color:var(--primary-color);font-family: 'ji-SemiBold'; background-color: white;z-index: 2;padding:10px 15px; transform: translateX(-50%);}
            .mainSliderCover .nivo-caption .startShopping{
                position:absolute; bottom:10%;left:50%;width:auto;
                font-size:1.2em;
                line-height: 1.2rem;
                font-family: 'ji-SemiBold'; background-color: var(--primary-color);color:white;border-radius:4px;z-index: 2;
                padding:1rem 2rem;
                transform: translateX(-50%); letter-spacing: 1px;
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }
            .mainSliderCover .nivo-caption .startShopping:hover {background-color: var(--h-primary-color) !important;}

        .nivo-directionNav a{width: 30px;height: 50px;display: block;top: 50%;text-align: center;cursor: pointer;position: absolute;z-index: 61;margin-top: -25px;opacity: 0.3;color:white;background: rgba(68,68,68);border-radius: 3px;-webkit-transition: all .2s ease 0s;-o-transition: all .2s ease 0s;-moz-transition: all .2s ease 0s;transition: all .2s ease 0s;}
        .nivo-directionNav a:hover{opacity: 0.8;color:white;background: var(--primary-color);}
        .nivo-directionNav a i{font-size:12px;line-height: 50px;}
        .nivo-directionNav a.nivo-prevNav{left: 15px;}
        .nivo-directionNav a.nivo-nextNav{right: 15px !important;}


    .homeTopBanners{float:right; margin-top:0px; padding-left:15px; text-align: right;}
        .homeTopBanners .bannerRow{margin-top:10px;}
        .homeTopBanners .bannerRow:first-child{margin-top:0px;}
        .homeTopBanners .bannerRow img{max-height:  140px;}

    .mainServices{position:relative; padding: 35px 0px 30px 0px;margin-bottom: 0px;border-top: 1px solid rgb(238, 238, 238);border-bottom: 1px solid rgb(238, 238, 238); margin-top:20px;}
        .mainServices .serviceBox{position:relative;}
            .mainServices .serviceBox .images{float:left;position:relative; width:70px; height: 40px;}
                .mainServices .serviceBox .images img{}
            .mainServices .serviceBox .infoBox{float:left;position:relative; width:calc(100% - 75px);}
                .mainServices .serviceBox .infoBox .title{display: block; width:100%;font-family: ji-SemiBold; font-size:1.166rem; color:#222222;}
                .mainServices .serviceBox .infoBox .info{display: block; width:100%;font-size:1.083rem;}

    .indexPromotion{margin-top:50px; }
        .indexPromotion .promoLoop{padding-left:0px; text-align: center}
            .indexPromotion .promoLoop img{width: 95%;}
        .indexPromotion .promoLoop:first-child{text-align: left}
        .indexPromotion .promoLoop:last-child{text-align: right}
            .indexPromotion .promoLoop .title{display:inline-block; font-size:1.4rem; font-family:ji-SemiBold; margin-top:15px; }


    .catRow{position:relative;margin-top:50px;}
        .catBoxCover{margin-top:20px; position: relative; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between;}
            .catBoxCover .catLoop{border:0px solid red; max-width:170px;}
                .catBoxCover .catLoop .image{
                    width:100%; height: 100px; border:0px solid red; text-align: center;

                }
                    .catBoxCover .catLoop .image .jfrmIcon{font-size:100px;}
                .catBoxCover .catLoop .name{ text-align: center; padding-top:10px; max-width:90%; margin-left:5%; }
                    .catBoxCover .catLoop .name a{border: 1px solid #eee;display: block;padding: 5px 20px;font-family: ji-SemiBold;font-size: 1.16rem;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}

    .blogRow{position:relative;margin-top:50px;}
        .blogBoxCover{margin-top:20px;position: relative; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between;}
            .blogBoxCover .blogLoop{max-width:270px;}
                .blogBoxCover .blogLoop .image{float:left; position:relative;width:100%;border-radius: 3px;}
                    .blogBoxCover .blogLoop .image img{border-radius: 3px;}
                    .blogBoxCover .blogLoop .image:hover img{opacity: .8;}
                .blogBoxCover .blogLoop .title{float:left; position:relative;width:100%;font-size:1.33rem; padding-top:10px; text-align: center;}
                .blogBoxCover .blogLoop .info{float:left; position:relative;width:100%; padding-top:10px; color:#666666;}

/**
*    MAIN 2
*/

    .homeSliderCover{position: relative;width: 100%;  height: auto; min-height: 200px; overflow: hidden;}
        .homeSliderCover .homeSlider{width: 100%;  height: auto; float:left;}
        .homeSliderCover .nivo-caption.passive{opacity: 0 !important;}
        .homeSliderCover .nivo-caption{top:0px;bottom:0px;width:100%; height: 100%;background-color: transparent;
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
            opacity: 1 !important;
        }
            .homeSliderCover .nivo-caption .mainMotto{position:absolute; top:20%;left:50%;width:auto;font-size:1.5em; color:var(--primary-color);font-family: 'ji-SemiBold'; background-color: white;z-index: 2;padding:10px 15px; transform: translateX(-50%);}
            .homeSliderCover .nivo-caption .subMotto{position:absolute; top:60%;left:50%;width:auto;font-size:1.2em; color:var(--primary-color);font-family: 'ji-SemiBold'; background-color: white;z-index: 2;padding:10px 15px; transform: translateX(-50%);}
            .homeSliderCover .nivo-caption .startShopping{
                position:absolute; bottom:10%;left:50%;width:auto;
                font-size:1.2em;
                line-height: 1.2rem;
                font-family: 'ji-SemiBold'; background-color: var(--primary-color);color:white;border-radius:4px;z-index: 2;
                padding:1rem 2rem;
                transform: translateX(-50%); letter-spacing: 1px;
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }
            .homeSliderCover .nivo-caption .startShopping:hover {background-color: var(--h-primary-color) !important;}

    .homePageLeftSideBanner{ position: relative; padding-right:21px; width:270px;}
        .homePageLeftSideBanner img{ max-width:270px;}
        #homeAloneBox{width:100%;}
            #homeAloneBox a{display: inline-block;width:1oo%;}
            #homeAloneBox img{display: inline-block;width:1oo%;}
    .homePageLeftSideBanner .sliderArrow{ position: absolute; z-index:50; bottom:00px; width:20px; height: 40px; background-color: rgba(255,255,255,0.6); display:inline-flex; align-items: center; justify-content:center; }
        .homePageLeftSideBanner .sliderArrow.toNext{right:0px;}

    .dealSynsCover{position: relative; padding:22px 30px; margin-bottom:0px; border-radius: 4px;border: 2px solid rgb(var(--primary-color-rgb));}
        .dealSynsCover .thumbImageCover{float:left; width:80px;}
            .dealSynsCover .thumbImageCover .synsThumb{}
                .dealSynsCover .thumbImageCover .synsThumb a{display: block; border:1px solid rgba(229,229,229,1); padding:4px; margin-bottom:23px; border-radius: 3px;}
                .dealSynsCover .thumbImageCover .synsThumb:last-child a{margin-bottom:0px;}
                .dealSynsCover .thumbImageCover .synsThumb a.active{border:1px solid var(--primary-color);}
                .dealSynsCover .thumbImageCover .synsThumb img{max-width: 100%; max-height:70px;}

        .dealSynsCover .prodScreenCover{float:right; width:calc(100% - 95px); position: relative; min-height: 350px;}
            .synsScreen{position: absolute; visibility: hidden; opacity: 0;}
            .synsScreen.active{visibility: visible; opacity: 1;}
                .dealSynsCover .prodScreenCover .synsScreen .image{ padding:10px 10px; height: 350px;}
                    .dealSynsCover .prodScreenCover .synsScreen .image img{width:auto; max-width:90%; max-height: 350px;}
                .dealSynsCover .prodScreenCover .synsScreen .prodData{padding-left:20px;}
                    .dealSynsCover .prodScreenCover .prodData .title{font-size:1.5rem;color:black; min-height: 80px;}
                    .dealSynsCover .prodScreenCover .prodData .brief{margin-top:12px; font-size:1.08rem; min-height: 100px;}
                    .dealSynsCover .prodScreenCover .prodData .price{margin-top:20px;}
                        .dealSynsCover .prodScreenCover .prodData .price .prodPrice{display:inline-block; font-family: ji-Bold; font-size:1.66rem; color: #e74c3c;}
                        .dealSynsCover .prodScreenCover .prodData .price .prodKdv{display:inline-block;}
                        .dealSynsCover .prodScreenCover .prodData .price .maxPrice{display:inline-block;font-size:1.33rem; color:#999;  margin-left:20px; text-decoration: line-through;}
                    .dealSynsCover .prodScreenCover .prodData .prodAccessibilty{margin-top:20px;}
                        .dealSynsCover .prodScreenCover .prodData .prodAccessibilty .fastLoopProd{float:left; display:inline-block; width:35px; height: 35px; font-size:15px; line-height: 35px; text-align: center;background: white; color:#adadad; border:1px solid #adadad; margin-left:30px;}
                            .dealSynsCover .prodScreenCover .prodData .prodAccessibilty .fastLoopProd:hover{color:#ff5500; cursor:pointer;border:1px solid #ff5500;}
                        .dealSynsCover .prodScreenCover .prodData .prodAccessibilty .officerFavorite{ float:left; width:35px; height: 35px; background: white; fill:#333333; line-height: }
                    .dealSynsCover .prodScreenCover .prodData .buttonCover{margin-top:20px;}
                        .dealSynsCover .prodScreenCover .prodData .buttonCover a.buttonLinker{display: inline-block;height: 40px;line-height: 40px;background: rgb(245, 245, 245);font-weight: 400;transition: all 0.2s ease 0s;border: none !important;color: rgb(51, 51, 51) !important;padding: 0px 30px !important;}
                        .dealSynsCover .prodScreenCover .prodData .buttonCover a.buttonLinker:hover{background: var(--primary-color); color: white!important;}
                .dealSynsCover .prodScreenCover .prodData .buttonCover:hover a.imageLink::before{background: rgba(0,0,0,0.1);}
                .dealSynsCover .prodScreenCover .prodData .buttonCover:hover a.buttonLinker{background: var(--primary-color); color: white!important;}


    /*
        PROD SHOWCASE BOX -
    */
    .prodShowCaseBox{float:left;position: relative; width:201px; margin-right:30px;}
        .prodShowCaseBox .prodBox{position: relative;}
            .prodShowCaseBox .prodBox .discountBalloon{position: absolute; top:14px; left:14px; width: 38px; height: 38px; border-radius: 50%; line-height: 36px; text-align: center; color:white; background: #ff5500; z-index:16;}
            .prodShowCaseBox .prodBox .newBalloon{position: absolute; top:14px; right:14px; width: 38px; height: 38px; border-radius: 50%; line-height: 36px; text-align: center; color:white; background: #00b46a; z-index:16;}
            .prodShowCaseBox .prodBox a.imageLink{position: relative; z-index:15; display: inline-block; width:100%; border:0px solid red;}
            .prodShowCaseBox .prodBox a.imageLink:before{content:'';  z-index:16; position: absolute; top:0px; left:0px; width:100%; height: 100%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
            .prodShowCaseBox .prodBox .image{position:relative;z-index: 10; width:100%; height: 201px; display: flex;align-items: center; justify-content: center;}
                .prodShowCaseBox .prodBox .image img{width:auto; max-width: 90%; max-height: 90%;}
            .prodShowCaseBox .prodBox .title{font-size:1.16rem; text-align: center; height: 3.5rem; overflow: hidden; border:0px solid red; padding:0px 10px;}
            .prodShowCaseBox .prodBox .stars{text-align: center;}
            .prodShowCaseBox .prodBox .price{text-align: center; margin-top:10px; height: 2rem;overflow: hidden; border:0px solid red;}
                    .prodShowCaseBox .prodBox .price .prodPrice{display: inline-block;font-size:1.33rem; line-height: 1.9rem; color: #e74c3c;}
                    .prodShowCaseBox .prodBox .price .kdvPrice{display: inline-block;color:#666666;}
                    .prodShowCaseBox .prodBox .price .maxPrice{display: inline-block;font-size:1rem; color:#999; text-decoration: line-through; margin-left:10px;}
            .prodShowCaseBox .prodBox .buttonCover{text-align: center;padding:10px 0px 0px;}
                .prodShowCaseBox .prodBox .buttonCover a.buttonLinker{display: inline-block;height: 40px;line-height: 40px;background: rgb(245, 245, 245);font-weight: 400;transition: all 0.2s ease 0s;border: none !important;color: rgb(51, 51, 51) !important;padding: 0px 30px !important;}
                .prodShowCaseBox .prodBox .buttonCover a.buttonLinker:hover{background: var(--primary-color); color: white!important;}
        .prodShowCaseBox .prodBox:hover a.imageLink::before{background: rgba(0,0,0,0.1);}
        .prodShowCaseBox .prodBox:hover .buttonCover a.buttonLinker{background: var(--primary-color); color: white!important;}
            .prodShowCaseBox .prodBox:hover .prodAccessibilty{opacity: 1; visibility: visible;}
            .prodShowCaseBox .prodBox .prodAccessibilty{position: absolute; margin-top:-60px;z-index: 30; width:110px; border:0px solid red; left:30%; opacity: 0; visibility: hidden;}
                .prodShowCaseBox .prodBox .prodAccessibilty .fastLoopProd{float:left; display:inline-block; width:35px; height: 35px; font-size:15px; line-height: 35px; text-align: center;background: white; color:#333333; border:none; margin-left:30px;}
                .prodShowCaseBox .prodBox .prodAccessibilty .officerFavorite{display:inline-block; float:left; width:35px; height: 35px; background: white; fill:#333333; border:none; line-height: }
                    .prodShowCaseBox .prodBox .prodAccessibilty .officerFavorite .jfrmSvgIcon{margin-top:8.5px;}
                .prodShowCaseBox .prodBox .prodAccessibilty .fastLoopProd:hover,
                .prodShowCaseBox .prodBox .prodAccessibilty .officerFavorite:hover{background: rgb(var(--primary-color-rgb)); color:white; cursor:pointer;}
                    .prodShowCaseBox .prodBox .prodAccessibilty .officerFavorite:hover .jfrmSvgIcon{fill:white}


    /*
        Kategori ürün kutusu
    */
    .prodCatagoryShowcase{position: relative; float:left;border:2px solid silver;}
        .prodCatagoryShowcase .categoryMenu{position: relative;float:left; width:226px;}
            .prodCatagoryShowcase .categoryMenu .catTitle{height: 75px; font-family: ji-Bold; font-size:1.5rem; display: flex; align-items: center; justify-content: center; background: silver; color:white;}
            .prodCatagoryShowcase ul.catNav{padding-top:15px; }
                .prodCatagoryShowcase ul.catNav li{padding:10px 20px;  font-size:1.16rem;}
                .prodCatagoryShowcase ul.catNav li a:before{display: inline-block;content: "";width: 4px;height: 4px;background-color: rgb(34, 34, 34);margin-right: 5px;vertical-align: middle;border-radius: 50%;}


        .prodCatagoryShowcase .showcaseMenu {position: relative;float:left; width:calc(100% - 230px); border-left:2px solid silver; padding:0px 18px 20px 22px}
            .prodCatagoryShowcase .showcaseMenu .scHeader{height: 75px; border-bottom:1px solid rgba(229,229,229); padding-top:20px;}
                .prodCatagoryShowcase .showcaseMenu .scHeader span.btnAction{ display: inline-block; font-size:1.16rem; padding:0px 10px;height: 36px; line-height: 34px; margin-right:10px; border:1px solid rgba(229,229,229,1); color:#222222; font-family: ji-SemiBold; border-radius: 3px;}
                .prodCatagoryShowcase .showcaseMenu .scHeader span.btnAction:hover,
                .prodCatagoryShowcase .showcaseMenu .scHeader span.btnAction.active{cursor:pointer;}
            .prodCatagoryShowcase .showcaseMenu .scCenter{position: relative;margin-top:30px; height: 360px;}
                .prodCatagoryShowcase .showcaseMenu .scCenter .onSliderProdsCover{position: relative; border:0px solid red; height: 355px;}
                .prodCatagoryShowcase .showcaseMenu .scCenter  .pscOverlay{position: absolute;top:0px; left:0px; width:100%;height: 0px; background: rgba(var(--primary-color-rgb),0.01); display: flex; align-items: center; justify-content: center; overflow: hidden;}
                .prodCatagoryShowcase .showcaseMenu .scCenter  .pscOverlay.active{position: absolute;top:0px; left:0px; width:100%;height: 360px;; background: rgba(var(--primary-color-rgb),0.95); }
                    .prodCatagoryShowcase .showcaseMenu .scCenter  .pscOverlay i{font-size:36px;}
            .prodCatagoryShowcase .showcaseMenu .scBottom{}
            .prodCatagoryShowcase .showcaseMenu .hiddenProds{width:1px; height: 1px;opacity: 0; overflow: hidden;}

        .onSliderProdsCover .sliderArrow{position: absolute; top:-85px;width:28px; height: 36px; border:1px solid rgba(229,229,229,1); border-radius: 3px; text-align: center;line-height: 34px; color:#343434}
        .onSliderProdsCover .sliderArrow:hover{cursor:pointer; background: silver; color:white;}
        .onSliderProdsCover .sliderArrow.toNext{right:0px;}
        .onSliderProdsCover .sliderArrow.toPrev{right:33px;}

        .prodCatagoryShowcase.blueColor{border:2px solid rgb(61, 128, 227);}
            .prodCatagoryShowcase.blueColor .categoryMenu .catTitle{background: rgb(61, 128, 227);}
            .prodCatagoryShowcase.blueColor .showcaseMenu{border-left:2px solid rgb(61, 128, 227);}
            .prodCatagoryShowcase.blueColor .showcaseMenu .scHeader span.btnAction:hover,
            .prodCatagoryShowcase.blueColor .showcaseMenu .scHeader span.btnAction.active{background: rgb(61, 128, 227); color:white;}
            .prodCatagoryShowcase.blueColor .onSliderProdsCover .sliderArrow:hover{cursor:pointer; background: rgb(61, 128, 227); color:white;}
            .prodCatagoryShowcase.blueColor .prodCatagoryShowcase ul.catNav li a:hover,
            .prodCatagoryShowcase.blueColor .prodCatagoryShowcase ul.catNav li a:hover:before{color:rgb(61, 128, 227); }

        .prodCatagoryShowcase.greenColor{border:2px solid #2CB75C;}
            .prodCatagoryShowcase.greenColor .categoryMenu .catTitle{background: #2CB75C;}
            .prodCatagoryShowcase.greenColor .showcaseMenu{border-left:2px solid #2CB75C;}
            .prodCatagoryShowcase.greenColor .showcaseMenu .scHeader span.btnAction:hover,
            .prodCatagoryShowcase.greenColor .showcaseMenu .scHeader span.btnAction.active{background: #2CB75C; color:white;}
            .prodCatagoryShowcase.greenColor .onSliderProdsCover .sliderArrow:hover{cursor:pointer; background: #2CB75C; color:white;}
            .prodCatagoryShowcase.greenColor .prodCatagoryShowcase ul.catNav li a:hover,
            .prodCatagoryShowcase.greenColor .prodCatagoryShowcase ul.catNav li a:hover:before{color:#2CB75C; }


    /**
    * Ürün Özelliklerine Göre Slider -> En Yeniler
    */
    .prodFeatureShowcase{}
        .prodFeatureShowcase .scHeader{max-width: calc(100% - 100px); position: relative; z-index: 11;}
            .prodFeatureShowcase .scHeader .showcaseTitle{display:inline-block; float:left;  font-size:1.5rem; color:#222222; font-family: ji-SemiBold; line-height: 45px;}
            .prodFeatureShowcase .scHeader .btnAction{display:inline-block; float:right; border-bottom:1px solid transparent; color:#666666;line-height: 45px; margin-left:30px;}
            .prodFeatureShowcase .scHeader .btnAction.active{color:var(--primary-color); border-color:var(--primary-color);}
            .prodFeatureShowcase .scHeader .btnAction:hover{cursor:pointer;}
        .prodFeatureShowcase .scBody{border:1px solid #eee; position:relative; margin-top:-1px; z-index: :10;}
            .prodFeatureShowcase .scBody .onSliderProdsCover{padding:10px 10px;}
        .prodFeatureShowcase .hiddenProds{width:1px; height: 1px;opacity: 0; overflow: hidden;}

    .prodFeatureShowcase .prodShowCaseBox{float:left;position: relative; width:270px;  margin-right:20px; }
        .prodFeatureShowcase .prodShowCaseBox .prodBox .image{height: 270px; }
            .prodFeatureShowcase .prodShowCaseBox .prodBox .image img{width:auto; max-width: 90%; max-height: 90%;}

    .prodFeatureShowcase .scBody .onSliderProdsCover{height: 440px;}
        .prodFeatureShowcase .scBody .onSliderProdsCover .pscOverlay{position: absolute;top:0px; left:0px; width:100%;bottom: 100%; background: rgba(var(--primary-color-rgb),0.01); display: flex; align-items: center; justify-content: center; overflow: hidden;}
        .prodFeatureShowcase .scBody .onSliderProdsCover .pscOverlay.active{position: absolute;top:0px; left:0px; width:100%;bottom:0px;; background: rgba(var(--primary-color-rgb),0.95); }
            .prodFeatureShowcase .scBody .onSliderProdsCover .pscOverlay i{font-size:36px;}

    .prodFeatureShowcase .onSliderProdsCover .sliderArrow{position: absolute; top:-50px;width:28px; height: 36px; border:1px solid rgba(229,229,229,1); border-radius: 3px; text-align: center;line-height: 34px; color:#343434}
    .prodFeatureShowcase .onSliderProdsCover .sliderArrow.toNext{right:-10px;}
    .prodFeatureShowcase .onSliderProdsCover .sliderArrow.toPrev{right:20px;}
    .prodFeatureShowcase .onSliderProdsCover .sliderArrow:hover{background: var(--primary-color); color:white;}


    .prodSideBarShowcase{position:relative; margin-top:35px;}
        .prodSideBarShowcase .prodBox{position:relative;margin-top:15px;}
            .prodSideBarShowcase .prodBox .needLogin{font-size: 1.3rem; text-align: center;}
                .prodSideBarShowcase .prodBox .needLogin a{ display: inline-block; padding:10px 10px;}
            .prodSideBarShowcase .prodBox .image{float:left; position:relative; width:83px; height: 83px; border:1px solid rgba(229,229,229,1); display: inline-flex; align-items: center; justify-content: center;}
            .prodSideBarShowcase .prodBox .image:hover{border:1px solid rgba(var(--primary-color-rgb),1);}
                .prodSideBarShowcase .prodBox .image img{width:auto; max-width:85%; max-height: 85%;}
            .prodSideBarShowcase .prodBox .content{ float:right; position:relative; width: calc(100% - 100px);}
                .prodSideBarShowcase .prodBox .content .title{ display:inline-block; width:100%; font-size:14px; color:rgba(34,34,34,1); line-height: 18px;}
                .prodSideBarShowcase .prodBox .content .title:hover{color:var(--primary-color);}
                .prodSideBarShowcase .prodBox .content .stars{display:inline-block; width:100%; margin-top:8px;}
                .prodSideBarShowcase .prodBox .content .price{display:inline-block; width:100%; margin-top:8px;}
                    .prodSideBarShowcase .prodBox .content .price .prodPrice{display:inline-block;font-size:16px; color: #e74c3c}
                    .prodSideBarShowcase .prodBox .content .price .prodKdv{display:inline-block;}
                    .prodSideBarShowcase .prodBox .content .price .maxPrice{display:inline-block;color:#999; text-decoration: line-through; font-size:12px; margin-left:10px;}

/**
*    CONTENTS
*/
.aggrementContent{}
    .aggrementContent p{padding:5px 0px;}

.contactInfo ul.contact{ padding-top:7px; }
    .contactInfo ul.contact li{position: relative;padding-left: 39px;min-height: 30px;line-height: 30px; color:#888888; margin-bottom:10px;}
        .contactInfo ul.contact li a{color:#888888;}
        .contactInfo ul.contact li::before{position: absolute;left: 0;top: 0px;content: '';display: inline-block;width: 30px;height: 30px;background-image: url(images/icon-image.png);background-repeat: no-repeat;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-color: var(--primary-color);font-size:1rem;}
        .contactInfo ul.contact li.address-icon{line-height: 18px;}
        .contactInfo ul.contact li.address-icon::before{background-position: -8px -10px; top:4px;}
        .contactInfo ul.contact li.email-icon::before{background-position: -11px -51px;}
        .contactInfo ul.contact li.phones-icon::before{background-position: -11px -91px;}



.contentData{ padding-right:15px;}
    .contentData .contentDetails{}
        .contentData .contentDetails .contentImage{float: left;width: 270px;padding-top: 6px;}
        .contentData .contentDetails .contentText{float:right; width:calc(100% - 300px); line-height: 18px;}
            .contentData .contentDetails .contentText h5{padding-top:18px;}
        .contentMainImage{}
                .contentMainImage img{max-width: 100%;}
        .contentBrief{position: relative; margin-top:20px; padding:10px; font-size:13px; font-family: ji-Italic}
        .contentDetails{position:relative; margin-top:10px;}
        .contentDetails.blogDetails{
            margin-top:-10px;
            padding-bottom: 20px;
            margin-bottom: 40px;
            padding: 20px;
            border: 1px solid #e9e9e9;
            border-radius: 5px;
        }

.contentPageSide{padding-left:15px;}
.contentPageSide.blogDetails{padding-top:20px;}

.contentSideMenu{}
    .contentSideMenu li{position:relative; padding-left:29px;}
        .contentSideMenu li:before{background-image: url(images/icon-whylist.png);content: "";width: 14px;height: 12px;display: inline-block;position: absolute;left: 0;top: 10px;background-repeat: no-repeat;background-position: top left;}
        .contentSideMenu li a{display: block;
            padding: 5px 0 7px;
            background: url(images/border-bottom-bs.png) repeat-x left bottom;
        }

        .contentSideMenu li.notApprove:before{background-image: none; content:'\f192'; font-family: 'Font Awesome';
        font-weight: 900; color:blue;}


.contentListBoxCover{position:relative;border: 1px solid #e9e9e9; padding:10px 20px 20px 20px; margin-bottom:20px;border-radius:5px;}
    .contentListBoxCover .listTitle{font-size:22px; color: #636363; line-height: 30px; margin-bottom:10px;}
    .contentListBoxCover .listConnector{position:relative;display: flex;}
        .contentListBoxCover .listImage{position:relative;}
        .contentListBoxCover .listInfo{position:relative;padding-left:20px; display:inline-flex; align-items: center;  }
    .contentListBoxCover .readMore{position: absolute; right:30px; bottom:40px;line-height: 10px; font-size:1.1rem;}
        .contentListBoxCover .readMore i{font-size:0.9rem; top:1px;}

.contentWidgetHeader{}
.contentWidgetBox{}
    .contentWidgetBox .contentLoop{margin-top:10px;}
        .contentWidgetBox .contentLoop .image{float:left; width:70px; border: 1px solid #e9e9e9; padding:2px;}
        .contentWidgetBox .contentLoop .title{float:right; width:calc(100% - 75px); color:rgb(34,34,34); line-height: 35px;}
        .contentWidgetBox .contentLoop a:hover .image img{opacity: 0.8;}
        .contentWidgetBox .contentLoop a:hover .title{color:var(--primary-color);}

    .sssLoop{border-bottom:1px solid #ebebeb; padding:15px 10px 15px 40px; position:relative; }
        .sssLoop .title{position:relative; float:left; display: inline-block; width:100%;font-size:1.23rem;  color: #444444; font-family: ji-SemiBold;}
            .sssLoop.active .title,
            .sssLoop .title:hover{color:var(--primary-color); cursor:pointer;}
            .sssLoop .title .sssIcon{position: absolute; left:-25px; top:2px;}
            .sssLoop .title .sssIcon.active{
                transform:rotate(-180deg);
            }

        .sssLoop .info{position:relative;float:left; display: none;width:100%; margin-top:20px;color: #444444;font-size: 1.1rem;line-height: 1.6;}
/***
**********
********************

                        PROD  PAGES

********************
**********
**/


/**
*    Ürün Arama - Sol Menü
*/

.leftProdSrcContainer{
    padding: 0px 15px 0px 0px;
}
    .prodSrcMenuCover {border:1px solid rgba(221,221,221,1); padding:30px 15px; margin-bottom:20px;}
        .prodSrcMenuCover .catListMenu{}
            .prodSrcMenuCover .catListMenu .sectionTitle{display: block; width:100%;  font-size:14px; line-height: 15.4px; color:#666666; padding:10px 0px; }

        .catSrcDropDown{display: inline-block; width:100%; float:left; padding:0px 0px; margin:0px 0px;}
            .catSrcDropDown li{display: inline-block; width:100%; float:left; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px;}
                .catSrcDropDown li .catTopTitle{display: inline-block; width:100%; cursor: pointer;border-bottom:1px solid #eee;font-size:14px; padding:1px 0px; margin-bottom:2px;}
                .catSrcDropDown li .catTopTitle::before{
                    /* position: relative; */
                    float:right;
                    margin-right:15px;
                    right:0px;
                    top:13px;
                    font-size:10px;
                    content: "\f078";
                    font-family: 'Font Awesome';
                    font-weight: 900;
                    fill:black;
                    -webkit-transition: all 0.2s ease;
                    -moz-transition: all 0.2s ease;
                    -o-transition: all 0.2s ease;
                    transition: all 0.2s ease;
                }
                .catSrcDropDown li .catTopTitle.active::before{
                    transform: rotate(180deg);
                    -webkit-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                }
                .catSrcDropDown li .catTopTitle.nodeDegree_2{font-size:13px; margin-bottom:2px;}
                .catSrcDropDown li .checkLabel{font-size:1rem; display: inline-block; width:100%; float:left; padding:2px 0px; margin:0px 0px; color:#222222;margin-bottom:2px;}
                .catSrcDropDown li .w3-check{margin-right:5px;}

                .catSrcDropDown .parentCatTitle{font-size:1.16rem; line-height: 2rem;display: inline-block; width:100%; float:left; padding:0px 0px; margin:0px 0px;}
                .catSrcDropDown .subCatContainer{display: none;   width:100%; float:left; padding:0px 5px 0px 5px; margin:0px 0px;}
                /* .catSrcDropDown .subCatContainer.active{display: inline-block;} */



            .prodSrcMenuCover .prodSrcMenuSubHader {
                font-size: 14px;
                font-family: 'ji-SemiBold';
            }


                    .catnodeheader:hover .catTopTitle, .catnodeheader.active .catTopTitle{
                        border-bottom:1px solid #125076;
                    }
                    .level-1-link {font-size:14px;}
                    .level-2-link {font-size:13px;}
                .catListMenu .subCategory{
                    width:100%;
                    display: none;
                    transition: all .3s linear;
                }
                .catListMenu .subCategory.passiveCategory{display: none;}
                .catListMenu .subCategory.activeCategory{display: inline;}

                .subheaderchech {
                    padding:3px 0px 3px 0px ;
                }
                .subheaderchech:hover, .subheaderchech.active {
                    background-color: rgba(85,86,86,0.8);
                    color:white;
                }
                .subheaderchech label:hover{
                    cursor:pointer;
                }
                .subheaderchech label {display:block;width:100%;padding-left:15px;}
        .prodSrcMenu .w3-input{
            height: 35px;
        }
        .prodSrcMenu .formTitle{
            margin:0px 0px 0px 0px;
        }
        .prodSrcMenu span{font-family: ji-SemiBold}
        .prodSrcMenu .srcProdBtn{
            background-color: #3f3f3f;
        }


/**
*    URUN LİSTE ve URUN ANA SAYFA
*/
    .prodSide{
        border-left:0px solid silver;
        border-bottom:0px solid red;
        padding:0px 0px 0px 0px;
    }

    /*
        PROD LIST BOX -
    */
    .prodListBox{float:left;position: relative;margin-bottom:30px;}
    .prodListBox:nth-child(3n-2){padding-right:20px;}
    .prodListBox:nth-child(3n-1){padding-right:10px;padding-left:10px;}
    .prodListBox:nth-child(3n){padding-left:20px;}

        .prodListBox .prodBox{position: relative; border:0px solid red;padding-bottom:30px;}
            .prodListBox .prodBox .discountBalloon{position: absolute; top:14px; left:14px; width: 38px; height: 38px; border-radius: 50%; line-height: 36px; text-align: center; color:white; background: #ff5500; z-index:16;}
            .prodListBox .prodBox .newBalloon{position: absolute; top:14px; right:14px; width: 38px; height: 38px; border-radius: 50%; line-height: 36px; text-align: center; color:white; background: #00b46a; z-index:16;}
            .prodListBox .prodBox a.imageLink{position: relative; z-index:15; display: inline-block; width:100%; border:0px solid red;}
            .prodListBox .prodBox a.imageLink:before{content:'';  z-index:16; position: absolute; top:0px; left:0px; width:100%; height: 100%;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
            .prodListBox .prodBox .image{position:relative;z-index: 10; width:100%; height: 270px; display: flex;align-items: center; justify-content: center;}
                .prodListBox .prodBox .image img{width:auto; max-width: 90%; max-height: 90%;}
            .prodListBox .prodBox .title{font-size:1.16rem;  line-height: 1.5;text-align: center; height: 3.5rem; overflow: hidden; border:0px solid red; padding:0px 5px; }
            .prodListBox .prodBox .stars{text-align: center;}
            .prodListBox .prodBox .price{position:relative;text-align: center; margin-top:10px; height: 2rem;overflow: hidden; border:0px solid red;}
            .prodListBox .prodBox .subTitle{font-size:1rem; text-align: center; height: 1.6rem; overflow: hidden; border:0px solid red; padding:0px 10px;}
                    .prodListBox .prodBox .price .prodPrice{display: inline-block;font-size:1.33rem; line-height: 1.9rem; color: #e74c3c;}
                    .prodListBox .prodBox .price .kdvPrice{display: inline-block;color:#666666;}
                    .prodListBox .prodBox .price .maxPrice{display: inline-block;font-size:1rem; color:#999; text-decoration: line-through; margin-left:10px;}
            .prodListBox .prodBox .buttonCover{text-align: center;padding:10px 0px 0px;}
                .prodListBox .prodBox .buttonCover a.buttonLinker{display: inline-block;height: 40px;line-height: 40px;background: rgb(245, 245, 245);font-weight: 400;transition: all 0.2s ease 0s;border: none !important;color: rgb(51, 51, 51) !important;padding: 0px 30px !important;}
                .prodListBox .prodBox .buttonCover a.buttonLinker:hover{background: var(--primary-color); color: white!important;}
        .prodListBox .prodBox:hover a.imageLink::before{background: rgba(0,0,0,0.1);}
        .prodListBox .prodBox:hover .buttonCover a.buttonLinker{background: var(--primary-color); color: white!important;}
        .prodListBox .prodBox:hover .prodAccessibilty{opacity: 1; visibility: visible;}
        .prodListBox .prodBox .prodAccessibilty{position: absolute; margin-top:-60px;z-index: 30; width:90px; border:0px solid red; left:85px; opacity: 0; visibility: hidden;}
            .prodListBox .prodBox .prodAccessibilty .fastLoopProd{float:left; display:inline-block; width:35px; height: 35px; font-size:15px; line-height: 35px; text-align: center;background: white; color:#333333; border:none; margin-left:20px;}
            .prodListBox .prodBox .prodAccessibilty .officerFavorite{display:inline-block; float:left; width:35px; height: 35px; background: white; fill:#333333; border:none; line-height: }
                .prodListBox .prodBox .prodAccessibilty .officerFavorite .jfrmSvgIcon{margin-top:8.5px;}
            .prodListBox .prodBox .prodAccessibilty .fastLoopProd:hover,
            .prodListBox .prodBox .prodAccessibilty .officerFavorite:hover{background: rgb(var(--primary-color-rgb)); color:white; cursor:pointer;}
                .prodListBox .prodBox .prodAccessibilty .officerFavorite:hover .jfrmSvgIcon{fill:white}


/**
*URUN DETAY
**/

.productData{position: relative; float:left; width:100%;}
    .productData .imageSide{ position: relative; width:49%; float:left; border:0px solid red; overflow: hidden; margin-top:30px; display: flex; height: 470px;}
        .productData .imageSide .prodPhotoGalery{float:left; width:130px; height: 470px;}
            .productData .imageSide .prodPhotoGalery .prodGalLoop{float:left;width:130px; height: 130px; margin:5px 0px; border:1px solid rgb(221, 221, 221);}
            .productData .imageSide .prodPhotoGalery .prodGalLoop a{display: inline-block; width:100%; height: 100%;display: flex; justify-content: center; align-items: center;}
                .productData .imageSide .prodPhotoGalery .prodGalLoop img{width:70%;}
        .productData .imageSide .prodPhotoGalery .sliderArrow{display:inline-block; width:100%; height: 25px; background: rgb(238,238,238,0.6); text-align: center; line-height: 25px;}
        .productData .imageSide .prodPhotoGalery .sliderArrow:hover{cursor:pointer; background-color: var(--primary-color); color:white;}
        .productData .imageSide .prodMainImg{width:100%;float:right; border:1px solid rgb(221, 221, 221); }
        .productData .imageSide .prodMainImg.hasGallery{width:calc(100% - 150px); margin-left:20px;}
            .productData .imageSide .prodMainImg a{display: inline-block; width:100%; height: 100%;display: flex; justify-content: center; align-items: center;}
            .productData .imageSide .prodMainImg img{width:auto; max-width: 80%; max-height: 80%;}

    .productData .infoSide{ position: relative; width:49%; float:right;margin-top:30px;}
        .productData .infoSide .prodName{position:relative; width:100%;}
            .productData .infoSide .prodName h1{font-size:1.66rem; color: #444; padding:0px 0px; margin:0px 0px; font-family: ji-Bold;}
        .productData .infoSide .prodCode{position:relative; width:100%; margin-top:5px;}
        .productData .infoSide .prodPriceOn{position:relative; width:100%; margin-top:30px;}
            .productData .infoSide .prodPriceOn .prodPrice{font-size:2rem; color:#e74c3c; }
            .productData .infoSide .prodPriceOn .maxPrice{font-size:1.8rem; color:#999999; text-decoration: line-through; margin-left:20px;}
        .productData .infoSide  .prodSubTitle{position:relative; display: inline-block; width:100%; margin-top:6px; text-align: left; font-family: ji-SemiBold;}
        .productData .infoSide .prodPriceDetails{position:relative; width:100%; margin-top:15px; text-align: right;}
        .productData .infoSide .prodBrief{position: relative; width: 100%; margin-top:15px; color:#444444;}
            .productData .infoSide .prodBrief span{font-family: ji-SemiBold; display: inline-block; width:100%;}

            .productData .infoSide .prodPriceDetails .prodPaymentTypes{position:relative; width:100%;}
            .productData .infoSide .prodPriceDetails  .prodSalesPrice{position:relative; width:100%;}
        .productData .infoSide .prodStoreInfo{position:relative; width:100%; margin-top:15px;}

    .productData .infoSide .addToCartForm{margin-top:15px;}
        .productData .infoSide .addToCartForm .criFormLoop{padding:5px 0px;}
            .productData .infoSide .addToCartForm .criFormLoop .criDetCriName{display: inline-block; width: 100%;margin-bottom:5px; }
            .productData .infoSide .addToCartForm textarea.w3-input{height: 50px!important;}
            .productData .infoSide .addToCartForm .formButtonDiv{position:relative; margin-top:10px; height: 40px;}
                .productData .infoSide .addToCartForm .formButtonDiv .buttonCover{position: relative;background: #eeeeee;height: 40px;}

            .countText{position:absolute; line-height: 34px; left:20px;}
            .prodPlusMinusCover     {
                float: left;
                position: relative; z-index: 24;
                border: 1px solid #717171;
                border-radius: 3px;
                background: white;
                width:100px;
                margin-right:30px;
                margin-left:20px;
                margin-top:3px;
            }
                .prodPlusMinusCover .minus {
                    display: inline-block;
                    height: 32px;
                    line-height: 32px;
                    font-size: 1.2rem;
                    width: 27px;
                    float: left;
                    text-align: center;
                }
                .prodPlusMinusCover .inputCover {
                    display: inline-block;
                    width: 40px;
                    height: 32px;
                    float: left;
                }
                    .prodPlusMinusCover .inputCover .w3-input{height: 32px !important; text-align: center; font-size:1.2rem; border:none;}
                .prodPlusMinusCover .plus {
                    display: inline-block;
                    height: 32px;
                    line-height: 32px;
                    font-size: 1.2rem;
                    width: 27px;
                    float: left;
                    text-align: center;
                }
                .prodPlusMinusCover .minus:hover,
                .prodPlusMinusCover .plus:hover{ cursor:pointer;  color:#e74c3c; }

                .addBasketButton{height: 40px!important; line-height: 40px!important; font-family: ji-Bold!important; color:white!important; background-color: var(--primary-color)!important; min-width: 170px; float:right}


.storeInfoWidget{ display:inline; width:100%; height: 40px; padding:4px 10px; font-size:1rem; line-height: 1.1; border:1px solid #eee; border-radius: 3px;}
    .storeInfoWidget .storeMarker{line-height: 26px; overflow: hidden;}
        .storeInfoWidget .storeMarker img{width:auto; max-height: 30px; max-width: 50px; margin-right:5px;}
    .storeInfoWidget .storeLogo{}
        .storeInfoWidget .storeLogo img{width:auto; max-width: 90%; max-height: 30px;}
    .storeInfoWidget .storeName{line-height: 28px;}
    .storeInfoWidget .storePoints{line-height: 28px;}
    .storeInfoWidget .linker{line-height: 28px; display:none;}

.prodReviewCover{position:relative; width:100%;}
    .prodReviewCover .prdRevStars{float:left; width:90px; border:0px solid red; }
    .prodReviewCover .addProdReview{display: inline-block; margin-left:10px; background: #d4d9dd;padding:4px 10px; border-radius: 10px;}

    .prodReviewCover .reviewCount{display: inline-block; padding:0px 10px; border-right:1px solid #ddd; border-left:1px solid #ddd; }
    .prodReviewCover .addReview{display: inline-block; padding:0px 10px; }

    .prodDetails .tabPanel{width:200px; float:left;border-bottom: 1px solid #ddd;}
		.prodDetails .tabPanel li{
			display: block;
			    border: 1px solid #ddd;
			    border-bottom: none;
			    font-size: 16px;
			    color:rgba(68,68,68,1);
			    padding: 15px 30px;
			    margin: 0 -1px 0 0;
			    cursor: pointer;
			    float: none;
			    text-transform: uppercase;
			    font-weight: 700;
				font-family: ji-Bold;
			    position: relative;
		}
		.prodDetails .tabPanel li.active:before {
		    content: "";
		    display: inline-block;
		    width: 4px;
		    position: absolute;
		    left: -1px;
		    top: -1px;
		    bottom: -1px;
			background-color: #ff5500;
		}
	.prodDetails .contentPanel{width: calc(100% - 205px); float:left; border:1px solid rgba(221,221,221); min-height: 250px; padding:30px 30px;}
    .prodTabs{display: none;}
    .prodTabs.active{display: inline;}

    .simpleProdSlider .sliderArrow{position: absolute; top:-55px;width:28px; height: 36px; border:1px solid rgba(229,229,229,1); border-radius: 3px; text-align: center;line-height: 34px; color:#343434}
    .simpleProdSlider .sliderArrow.toNext{right:0px;}
    .simpleProdSlider .sliderArrow.toPrev{right:30px;}
    .simpleProdSlider .sliderArrow:hover{background: var(--primary-color); color:white;}

    .complainBtn{ border:1px solid #e02b27;  background: #fae5e5; color:#e02b27; display: inline-block; padding:5px 15px; border-radius: 3px; font-family: ji-SemiBold;}
    .complainBtn:hover{cursor:pointer;}


    .reviewListCover{position: relative;}
        .reviewListCover .reviewTitle{position: relative;}
            .reviewListCover .reviewTitle .titleStars{display:inline-block; margin-left:10px;}
            .reviewListCover .reviewTitle .titleAvg{ display: inline-block; margin-left:10px; font-size:1.1rem;}
        .reviewListCover .reviewLoop{ position: relative; margin-top:15px; background: rgba(221,221,221,0.4); padding:10px 10px;}
            .reviewListCover .reviewLoop .revUserIcon{float:left; position:relative; width:70px; height: 50px; font-size:0.9rem; text-align: center;}
                .reviewListCover .reviewLoop .revUserIcon i{font-size:35px;}
                .reviewListCover .reviewLoop .revUserIcon .reviewDate{float:left;width:100%; font-size:0.9rem; margin-top:5px;}
            .reviewListCover .reviewLoop .revContents{float:right; width:calc(100% - 80px); min-height: 20px;}
                .reviewListCover .reviewLoop .revContents .reviewStars{ float:left; position:relative; width:100%; height: 20px; }
                .reviewListCover .reviewLoop .revContents .reviewComment{float:left; width:100%;margin-top:5px;}
            .reviewListCover .reviewLoop .revContents .reviewNotes{float:left;width:100%; font-size:0.9rem; margin-top:5px;}
        .reviewListCover .noRecord{}

    .prodPointerForm{margin-top:35px;}
        .starRow{border-bottom:1px solid rgba(91,107,203,0.2);margin-top:5px;padding:4px 0px 4px 0px; }
            .prodRatingStarsParent{margin-top:-4px;}
    .prodReviewFormError{ margin-top:35px;    font-size: 1.2rem; font-family: 'ji-SemiBold';}

    .fastProdName{font-size:1.2rem;color:rgb(102,102,102);}
    .fastProdPrice{font-size:1.2rem;}
        .fastProdPrice .prodPrice{display: inline-block; color:#e74c3c; font-size:1.4rem;}
        .fastProdPrice .prodKdv{display: inline-block; font-size:0.8rem;}
        .fastProdPrice .maxPrice{display: inline-block;text-decoration: line-through; margin-left:20px;}


    .modalAddToCart{
        float:left; position:relative;width:100%; max-width:500px; padding:20px 20px;
    }

/***
**********
********************

                        ACCOUND  PAGES

********************
**********
**/


.accoundContent{
    position: relative;
    padding-left: 15px;
}

.accoundSidebar{
    position: relative;
    padding-right: 15px;
}

    .accoundNavCover{
        position: relative;
        background: #f5f5f5;
        padding: 15px 0;
    }
        .accoundNavCover .accoundNav{
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }
            .accoundNavCover .accoundNav li{width:100%; margin: 3px 0px 0px;}
            .accoundNavCover .accoundNav li:first-child {margin-top: 0px;}
                .accoundNavCover .accoundNav li a{
                    border-left: 3px solid transparent;
                    display: block;
                    padding: 5px 18px 5px 15px;
                    text-decoration: none;
                }

                .accoundNavCover .accoundNav li.active a{border-color: #ff5501;font-family: ji-Bold;}

    .cargoInfo{
        background-color: #fafafa;
        border: 1px solid #ddd;
        padding: 5px 5px;
    }
    .cargoName{font-size: 1.2rem; line-height: 2rem;}
    .cargoCode{font-size:1.1rem; line-height: 2rem;}

    .newSupportBtnParent{position: absolute; right: 0px; top:20px;}
    .supportBoxCover{margin:0px 0px 20px 0px; padding:10px 0px; border: 1px solid #ddd;}
    .supportBoxCover .supportLoop{}
        .supportBoxCover .supportLoop .title{padding:0px 5px;font-size:1rem; font-family: 'ji-SemiBold';border-bottom: 1px solid rgba(238,238,238,1);}
        .supportBoxCover .supportLoop .msg{padding:5px 10px;font-size:1rem; line-height:1.4rem;}
        .supportBoxCover .supportLoop .info{padding:3px 0px;font-size:1rem;line-height: 1.8rem;}
            .supportBoxCover .supportLoop .info .when{text-align: center; border-right:1px solid rgba(238,238,238,1);}
            .supportBoxCover .supportLoop .info .status{text-align: center; border-right:1px solid rgba(238,238,238,1);}
            .supportBoxCover .supportLoop .info .link{text-align: right;}
                .supportBoxCover .supportLoop .info .link .jfrmSvgIcon{float:right; width:1.2rem;height: 1.2rem;margin:4px 5px 0px 5px;}

    .msgBoxForm{
        position: relative;
        float:right;
        width:80%;
        max-width: 400px;
        z-index: 99;
        background-color: #fafafa;
        border: 1px solid #ddd;
        padding: 5px 5px;
    }
        .msgBoxForm .formLoopDiv{
            margin-bottom:0.2rem !important;
        }

    .msgBoxLineTo{float:left;border:1px solid rgba(0,115,241,0.25);margin-bottom:10px;padding:5px 5px;background:rgba(0,115,241,0.05);text-align:right;}
        .msgDate{font-size:0.9rem;line-height:1rem; padding-bottom:5px; border-bottom:1px solid rgba(0,115,241,0.15);font-family: 'ji-SemiBold';}
            .msgDate span{padding-right:10px;}
        .msgBody{font-size:1rem; line-height: 1rem;padding-top:5px;}
    .msgBoxLineTo.secondType{
        border:1px solid rgba(63,196,194,0.3);background:rgba(63,196,194,0.2);margin-left:30px;
    }

    .strDetailCover{
        /* display:inline-flex; flex-wrap: nowrap; justify-content: space-between; */
    }
    .strOrderDetailInfo{float:left; width:45%; position: relative;}
    .detailTitle{font-size:20px; color:rgba(102,102,102); line-height: 24px;padding-bottom:20px;}
    .strOrderDetailUpdate{float:right; width:45%;position: relative; }

.accoundDetailsBox{padding-left:20px;}
.accoundDetailsBox:first-child{padding-left:0px;padding-right:20px;}

    .accoundDetailsBox span{display: inline-block; width:100%;}
    /* .accoundDetailsBox span.title{margin-bottom:10px;} */
    .accoundDetailsBox span.info{margin-top:10px;}


.chooseCargoType{
    padding:10px 10px;
    background-color: #fafafa;
    border: 1px solid #ddd;
}


    /***
    **********
    ********************

                            BASKET /  ORDER / PAYMENT

    ********************
    **********
    **/

    .basketProdsPrice .maxPrice{font-family: 'ji-Regular';display: block; width:100%;text-decoration: line-through;margin-right:10px; text-align: right;}
    .basketProdsPrice .prodPrice{font-size:1.05rem;display: block; width:100%;font-family: 'ji-SemiBold';text-align: right;}


    .listCartProdsBox{max-width: 98%;padding:0px 0px 10px 0px; background: var(--bg-prodbox);margin-top:10px; border-top:1px solid rgba(209,209,209,1); border-bottom:1px solid rgba(209,209,209,1);}
        .listCartHeader{position:relative;padding:10px 10px;border-bottom:3px solid rgba(128,128,128,1);}
            .listCartHeader .title{ font-family:'ji-SemiBold'; font-size: 1.2rem; line-height:  1.2rem;padding:1.15rem 0px;}
            .listCartHeader .linkButton{text-align: right;}
                .listCartHeader .linkButton a{display: inline-block;font-size:1.1rem;  background: rgba(209,209,209,0.3);font-family: 'ji-SemiBold';line-height: 1.1rem; padding:1.1rem 2.2rem;border:1px solid var(--border-form);
                -webkit-transition : all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition:all 0.3s;
                transition:all 0.3s;}
                .listCartHeader .linkButton a:hover{ background: rgba(209,209,209,0.5);}

            .listCartBox{position:relative;padding:15px 0px; border-top:1px solid rgba(209,209,209,1);}
                .listCartBox .listCartLoop{position:relative; min-height: 130px;}
                    .listCartBox .listCartLoop .image{position:relative;text-align: left;}
                        .listCartBox .listCartLoop .image img{}
                    .listCartBox .listCartLoop .info{position:relative;padding-left:10px;}
                        .listCartBox .listCartLoop .info .name{ font-size:1.1rem; }
                        .listCartBox .listCartLoop .info .criteria{line-height: 1.5rem;font-size: 1rem;padding-left:10px;}
                        .listCartBox .listCartLoop .info .criName{font-family: 'ji-SemiBold';}
                        .listCartBox .listCartLoop .info .detName{}
                        .listCartBox .listCartLoop .info .addToFav,
                        .listCartBox .listCartLoop .info .addToGift,
                        .listCartBox .listCartLoop .info .delCart{margin-top:5px;font-size:0.95rem;}
                        .listCartBox .listCartLoop .info .addToGift.active{color:#005cc8;font-family: 'ji-SemiBold';}
                        .listCartBox .listCartLoop .info .delCart{display:inline-block; line-height: 22px; margin-top:20px;}
                            .listCartBox .listCartLoop .info .delCart span:hover{cursor:pointer;color:var(--main-red);}
                            .listCartBox .listCartLoop .info .delCart .jfrmSvgIcon{width:18px;height: 18px; display: inline-block; float:left;fill:var(--main-silver);margin-right:3px;}
                            .listCartBox .listCartLoop .info .delCart span:hover .jfrmSvgIcon{fill:var(--main-red)}
                    .listCartBox .listCartLoop .cost{position:relative;text-align: right;height: 100%;}
                    .listCartBox .listCartLoop .jfrmSvgIcon.campIcon{width:25px;height: 25px;fill:var(--primary-color);position: absolute;right:-27px; transform: rotate(-95deg);}
                        .listCartBox .listCartLoop .cost .prodCount{font-size:1.1rem; font-family: 'ji-SemiBold';}
                    .listCartBox .listCartLoop .price{position:absolute; bottom:20px; right:2px; line-height: 1.4rem; width: 110px; text-align: right;}
                        .listCartBox .listCartLoop  .price .maxPrice{display: block;width:100%;margin-bottom:5px;padding-right:0px;font-size:1.1rem;font-family: 'ji-Regular';display: inline-block; text-decoration: line-through; color:var(--primary-color);}
                        .listCartBox .listCartLoop  .price .prodPrice{display: block;width:100%;font-size:1.3rem;padding-right:0px;border:0px solid red;font-family: 'ji-SemiBold';}
                        .listCartBox .listCartLoop .price .kdv{display: inline-block;position: relative;font-size:0.8rem;line-height: 0.8rem;top:-3px}

    .listCartSummaryBox{max-width: 95%; float:right;padding:0px 0px 10px 0px;background: var(--bg-prodbox);margin-top:10px; border-top:1px solid rgba(209,209,209,1);}
        .listCartSummaryBox .listCartDetail{margin:20px 0px;}
            .listCartSummaryBox .listCartDetail .costLine{padding:10px 10px;line-height: 1rem; }
                .listCartSummaryBox .listCartDetail .costLine .info{}
                .listCartSummaryBox .listCartDetail .costLine .price{ text-align: right; }
            .costLine.campDiscount{color: #268e6c; font-family: 'ji-SemiBold';}
            .costLine .deleteCampMembers{display:inline-block;color:var(--main-silver); font-family: 'ji-SemiBold';}
            .costLine .deleteCampMembers .jfrmSvgIcon{display: inline-block;position: relative; width:15px; height: 15px; top:2px; fill:var(--main-silver); }
            .costLine .deleteCampMembers:hover{
                color:var(--h-main-silver);
            }
            .costLine .deleteCampMembers:hover .jfrmSvgIcon{
                fill:var(--h-main-silver);
            }
        .listCartSubTotalCost{border-top:1px solid rgba(209,209,209,1);font-family: 'ji-SemiBold'; margin-top:10px; padding-top:20px;}
        .listCartTotalCost{border-top:1px solid rgba(209,209,209,1); font-size: 1.1rem; font-family: 'ji-Bold';padding:20px 10px;}
            .listCartTotalCost .info{}
            .listCartTotalCost .price{text-align: right;}
        .listCartApprove{padding:25px 10px;border-bottom:1px solid rgba(209,209,209,1);border-top:1px solid rgba(209,209,209,1); background: #fafafa;}
            .listCartApprove .confirmBasketButton{width:100%;padding:1rem 0px;}

        .listCartSummaryBox .listCartNotApprove{
            text-align: center;
            padding:25px 10px;border-bottom:1px solid rgba(209,209,209,1);background: #fafafa;
        }

    .confirmBasketButton,
    .confirmBasketButtonFast {background-color: var(--primary-color) !important; margin-bottom: 10px; height: 40px !important;}

    .confirmBasketButton:hover,
    .confirmBasketButtonFast:hover{
        background-color: #444 !important;
    }

    .notAddToCartForm{
        font-size:1.2rem;
    }


    .paymentForm{}
        .paymentForm .paymentTypeRadios{}
        .paymentForm .paymentTypeDetails{}
            .paymentForm .paymentTypeDetails .paymentTypeHiddens{display: none; background: rgba(204,211,227,0.2); padding:1rem 1rem}
            .paymentForm .paymentTypeDetails .paymentTypeHiddens .title{font-size: 1rem; font-family: 'ji-Bold';border-bottom:1px solid rgba(var(--d-primary-color-rgb),0.3); }
            .paymentForm .paymentTypeDetails .paymentTypeHiddens .bankRow{border-bottom:1px solid rgba(var(--d-primary-color-rgb),0.15); }
                .paymentForm .paymentTypeDetails .paymentTypeHiddens .bankRow .image{}
                .paymentForm .paymentTypeDetails .paymentTypeHiddens .bankRow .info{padding: 5px 10px;  font-size:0.9rem; line-height: 1.3rem;}

            .paymentForm .paymentTypeDetails .webForm{ border:none; background: transparent; padding:0px 0px;}
        .paymentForm .formAggr{}

.paymentBankList{}
        .bankLoop{border-bottom: 1px solid #dbdbdb; padding:10px 0px 5px 0px;}
            .bankLoop .bankLogo{
                height: 130px;
                display: inline-flex;
                align-items: center;
                justify-content: flex-start;
            }
                .bankLoop .bankLogo img{
                    width:auto;
                    max-width: 85%;
                    max-height:  130px;
                }

            .bankLoop .bankDetail{
                padding:0px 0px 0px 0px;
            }
                .bankLoop .bankDetail .bankName{font-family: ji-SemiBold; font-size: 1.1rem;}
                .bankLoop .bankDetail .detLoop{padding:2px 0px;}
                .bankLoop .bankDetail .detTitle{ display:inline-block; width:120px; font-family: ji-SemiBold;}


.paymentTypeDetails{
    display:inline-block;position:relative;padding:10px 30px 10px 10px;min-height:400px;
}
.paymentTypeHiddens{
    border:0px solid red;
    padding-left:0px;
    margin-top:15px;
    position: absolute;
    width: calc(100% - 40px)!important;
}
.cardIcon{
    display: inline-block;
    width:50px;
    height: 40px;
    position:absolute;
    right:15px;
    top:33px;
    display:none;
}
.cardIcon.active{ display:none;}
    .cardIcon .jiSvgIcon{width:50px;}
.paymentNewForm label{
    margin-bottom:0px !important;
}
.boxToLabel{
    padding-right:20px;
}
.boxToLabel label{
    display: inline-block;
    border:1px solid #ddd;
    padding:10px 25px;
    font-size:1.1rem;
    font-family:ji-SemiBold;
}

.ccFormFillSide{
    padding-right:20px;
}
.ccFormLastMo{
    padding:0px 20px 0px 0px;
}
.ccFormLastYear{
    padding:0px 10px 0px 10px;
}
.ccFormCvc{
    padding:0px 0px 0px 20px;
}


/***
**********
********************

                        FOOTER

********************
**********
**/
.newsletterBar{position: relative; padding: 25px 0;background-color: #2e88c3;}
    .newsletterBar .infoBox{background: url(images/icon-newsletter-20.png) no-repeat center left;padding: 5px 0 5px 70px;}
        .newsletterBar .infoBox .title{display: inline-block;width:100%; font-family: ji-Bold;color: #fff;text-transform: uppercase;font-size: 2rem;margin: 0;line-height: 1;}
        .newsletterBar .infoBox .info{display: inline-block;width:100%;font-size: 1.5rem;font-family: ji-Bold;margin: 0;line-height: 1; color:var(--primary-color)}
    .newsletterBar .formBox{position:relative;}
        .newsletterBar .formBox .w3-input{height: 46px;border: none;padding-right: 55px;padding-left: 20px;border-radius: 3px;}
        .newsletterBar .formBox .w3-btn{position: absolute;font-family: ji-Bold;height: 36px;top: 5px;right: 5px;text-align: center;font-size: 1.166rem;font-weight: 700;line-height: 36px;color: rgb(255, 255, 255);text-transform: uppercase;padding: 0px 20px;border-radius: 3px;background: var(--primary-color);color:white;}


        .marquee {
          height: 50px;
          /* padding:15px 0px 0px 0px; */
          width: 100%;
          background-color: #2e88c3;
          overflow: hidden;
          position: relative;

        }
        .marquee div {
          display: block;
          width: 200%;
          font-size:2rem;
          line-height: 1;
          position: absolute;
          overflow: hidden;

          animation: marquee 15s linear infinite;
        }

        .marquee span {
            float: left;
            font-size: 2.3rem;
            line-height: 50px;
            color: #fe5722;
            width: 50%;
            letter-spacing: 2px;
            text-align: right;
            mix-blend-mode: multiply;
        }

        @keyframes marquee {
            0% { left: 0; }
            25% {left:-33%;}
            50% {left:-33%;}
            75 % {left:-66%;}
            100% { left: -100%; }
        }


footer{position: relative;padding: 65px 0px 50px; }
    .footerTopCover {position: relative; padding:10px 0px 10px 0px;}
        .footerTopCover .footerMenu{}
            .footerTopCover .footerMenuHeader:not(.footerLogo){position: relative; font-size: 1.166rem;font-family: ji-Bold;margin-bottom: 20px;padding-bottom: 15px;position: relative;}
            .footerTopCover .footerMenuHeader:not(.footerLogo)::before{content: "";width: 40px;height: 2px;display: block;position: absolute;bottom: 0px;background-color :var(--primary-color);}
            .footerTopCover .footerMenuHeader.footerLogo {margin-bottom:15px;}
                .footerTopCover .footerMenuHeader.footerLogo img{}

            .footerTopCover .footerMenu ul{padding-right:20px;}
            .footerTopCover .footerMenu ul.contact{ padding-top:7px; }
                .footerTopCover .footerMenu ul.contact li{position: relative;padding-left: 39px;min-height: 30px;line-height: 30px; color:#888888; margin-bottom:10px;}
                    .footerTopCover .footerMenu ul.contact li a{color:#888888;}
                    .footerTopCover .footerMenu ul.contact li::before{position: absolute;left: 0;top: 4px;content: '';display: inline-block;width: 30px;height: 30px;background-image: url(images/icon-image.png);background-repeat: no-repeat;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;background-color: var(--primary-color);font-size:1rem;}
                    .footerTopCover .footerMenu ul.contact li.address-icon{line-height: 18px;}
                    .footerTopCover .footerMenu ul.contact li.address-icon::before{background-position: -8px -10px;}
                    .footerTopCover .footerMenu ul.contact li.email-icon::before{background-position: -11px -51px;}
                    .footerTopCover .footerMenu ul.contact li.phones-icon::before{background-position: -11px -91px;}

                .footerTopCover .footerMenu ul.linker{}
                    .footerTopCover .footerMenu ul.linker li{}
                        .footerTopCover .footerMenu ul.linker li a{display: inline-block;padding: 5px 0px;color: #888888; font-size:1.08rem;}
                        .footerTopCover .footerMenu ul.linker li a:hover{color:var(--primary-color);}


        .footerMiddleCover{position:relative; margin-top: 70px;border-top: 1px solid rgb(238, 238, 238); text-align: center;position: relative;}
            .footerMiddleCover ul.social{position: relative; display:block; margin-top: -20px;margin-bottom: 40px;}
                .footerMiddleCover ul.social li{display: inline-block; margin:0px 2px;}
                    .footerMiddleCover ul.social li a{background-color: white;  display: block;width: 40px;height: 40px;text-align: center;line-height: 38px;font-size: 18px;border: 1px solid rgb(238, 238, 238);border-radius: 3px;color:#888888; border-radius: 3px;}
                        .footerMiddleCover ul.social li a:hover{background-color :var(--primary-color);color:#ffffff;}



        .footerBottomCover{
            text-align:center;
            padding:3px 0px 3px 0px;
        }


.footerFurjivaMarker{
    text-align: right;
    padding:0px 20px 10px 0px;
    opacity: .9;
}
    .footerFurjivaMarker img{max-width: 70px;}
    .footerFurjivaMarker svg{width:80px; height: 30px;}

/***
**********
********************

                        FORM

********************
**********
**/



.accoundContent .webForm.webSearch .formTitle{
    margin: 0 0 25px;
    padding: 0;
    box-sizing: border-box;
    float: left;
    line-height: 1.4;
    font-size: 1.3rem;
    font-family: ji-SemiBold;
    color:rgba(102,102,102,1);
    border:none;
}


.webSearch{
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding:5px 5px;
}



.equalHalfPage{display:flex; flex-wrap:nowrap;flex-direction:row; justify-content:space-between}
    .halfPage{max-width: 48.8%;}
    .formContainer{
        position: relative;
        float:left;
        padding: 30px;
        background-color: #fafafa;
        min-height: 440px;
        border: 1px solid #ddd;
    }
    .formContainer.fContainerSmall{
        min-height: 240px !important;
    }
    .formContainer.halfPage{
        width:48%;
        max-width: 48%;
    }

form{display: inline;}
.webForm{position: relative;float:left;}
    .webForm .formTitle,
    .formBoxTitle{position: relative;font-family: ji-SemiBold;font-size:1.33rem;line-height: 1.8rem;color: #444444;margin-bottom:15px;padding-bottom:8px;}
    .formBoxTitle.topMargin{margin-top:50px;}
        .webForm .formTitle:before,
        .formBoxTitle:before{content: "";display: inline-block;height: 1px;width: 100px;position: absolute;left: 0px;bottom: -1px;background-color: var(--primary-color);}

    .webForm .formBody{position:relative; float:left;}
    .formLoopDiv{position:relative;}

        .webForm .formLoopDiv{position:relative; float:left; margin:15px 0px 00px 0px;width: 100%;}
        .webForm .formLoopDiv:first-child{margin-top:10px;}
            .webForm .formLoopDiv label{display: block; width:100%;margin-bottom:10px;}
        .formLoopDiv.formButtonMain{position:relative; margin-top:15px;}


        .accoundContent .webForm .formTitle::before{display: none;}

    .webSearch {border-bottom:1px solid #dee2e6;}
    .webSearch .formTitle{margin:0px 0px 00px 0px !important; border-bottom:1px solid #dee2e6 !important; border-top:0px solid #dee2e6 !important;   padding:8px !important}
    .webSearch label{margin-bottom:5px!important;}

    .w3-input{height: 36px;font-size: 100%;border: 1px solid #adadad;line-height: 1.66;background-color: #fff;box-shadow: none !important;-webkit-box-shadow: none !important;background: #fff;background-clip: padding-box;border-radius: 1px;font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
        padding: 0 9px;vertical-align: baseline;width: 100%;overflow: visible; color:#000;}

    .w3-check{width:16px; height: 16px;top:4px;}

    .w3-btn{
        display: inline-block;
        background: #444;
        height: 35px;
        line-height: 35px;
        position: relative;
        padding: 0 30px !important;
        color: #fff !important;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .w3-btn:hover{
        background: var(--primary-color);
    }




    .w3-select,
    .w3-input{
        height: 40px;
        font-size: 0.95rem;
        background-color: white;
        padding:0px 3px;
        border:1px solid  rgba(202,202,202,0.6) !important;
    }
    .w3-input{line-height: 40px;}
    textarea.w3-input{
        height: 90px;
        max-width: 100%;
        line-height: 1.6rem;
    }
    .w3-input.smallType{width:100px;}
    .w3-check,
    .w3-radio{
        width: 16px;
        height: 16px;
        position: relative;
        top: 3px;
        margin-right: 4px;
    }
    /* .w3-radio {
        width: 14px;
        height: 14px;
        position: relative;
        top: 2px;
        margin-right: 4px;
    } */


    .jiSelect-dropDown{ background: white;}

    .w3-select{ height: 40px !important;}
    .select2-container{width:100% !important;  z-index: 80;}
    .select2-selection__arrow{
        top:5px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 36px;
    }
    .select2-container--default .select2-results__option--selected{
        background: #d3d3d3!important;
    }
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
        background: #80b5f3!important ;
    }
    .select2-dropdown{
        z-index: 51 !important;
    }



    /* textarea.w3-input{
        height: 100px;
    }

    .w3-select{
        height: 36px;
    } */

    /* .formLinker{color:#222222;} */

    .powerInline.officerOpenClose{display: inline !important;}
    .webForm .officerOpenClose ,
    .webForm .officerOpenClose{ display: none }

    .webSearch .officerOpenClose{display: inline !important;}
        .webForm.officerOpenClose  .formArrows,
        .webSearch .officerOpenClose  .jfrmSvgIcon{
            cursor: pointer;
            padding:3px 3px 3px 3px;
            fill:#555656;
            background: #f2f3f3;
        }
/*
        .hasDatepicker {position: relative;}
        .hasDatepicker:after {}
        .ui-datepicker.ui-widget {
            background: #d4e2ec;
            color: #666;
            border: 1px solid #286e9f;
        }
        .ui-datepicker-calendar .ui-state-default {
            color: #666;
            text-align: center;
        }
        .ui-datepicker-calendar .ui-state-hover {
            background-color: #d6d6d6;
        }
        .ui-datepicker-calendar .ui-state-default.ui-state-active {
            color: #000;
            font-weight: bold;
            background-color: #ccc;
        }
        .formLoopDiv .ui-datepicker-trigger,
        .formLoopDiv .icon-calendar {
            background: none;
            border: none;
            position: absolute;
            right: 0;
            height: 38px;
            color: #333;
            right: 5px;
            bottom: 0;
            line-height: 38px;
            font-size: 16px;
            outline: none;
        }
        .formLoopDiv .ui-datepicker-trigger img {
            max-height: 24px;
            width: auto;
            margin-top: -3px;
        }

        .formBody .ui-tabs{
            margin-top:20px;
            float: left;
        } */


                .ui-tabs{float:left;}
                .hasDatepicker {position: relative;}
                .ui-datepicker.ui-widget {  }
                .ui-datepicker-calendar .ui-state-default {
                    color: #666;
                    text-align: center;
                }
                .ui-datepicker-calendar .ui-state-hover {
                    background-color: #d6d6d6;
                }
                .ui-datepicker-calendar .ui-state-default.ui-state-active {
                    color: #000;
                    font-weight: bold;
                    background-color: #ccc;
                }

                .ui-datepicker-trigger,
                .icon-calendar {
                    background: none;
                    border: none;
                    position: absolute;
                    right: 0;
                    height: 38px;
                    color: #333;
                    right: 5px;
                    bottom: 0;
                    line-height: 38px;
                    font-size: 16px;
                    outline: none;
                }
                .ui-datepicker-trigger img {
                    max-height: 24px;
                    width: auto;
                    margin-top: -10px;
                }


    .webForm .formLoopDiv.formImageExt {border:0px solid #cacaca; margin-bottom:5px; position: relative; float:left; }
        .webForm .formLoopDiv.formImageExt .formImgInputs{border:1px solid  rgba(202,202,202,0.6) !important;background-color: white; padding:0px 5px 0px 5px;}
            .webForm .formLoopDiv.formImageExt .formImgInputs .inputFileCover{  height: 38px;padding:2px 0px 0px 5px;}

            .webForm .formLoopDiv.formImageExt label.forFileInput{
                position: relative; float:left;line-height: 34px;
                padding:0px 0px;
                background: #4A4436;
                color:white; text-align: center;
                border-radius: 4px;
                max-width: 150px !important;
                margin-right:5px;}
            .formImageExt  .inputFile{
                border: 0;
                clip: rect(0, 0, 0, 0);
                height: 1px;
                overflow: hidden;
                padding: 0;
                position: absolute !important;
                white-space: nowrap;
                width: 1px;
            }
            .formImageExt  .inputFile:focus + .formImageExt label.forFileInput,
            .formImageExt  .inputFile + .formImageExt label.forFileInput:hover{}
            .formImageExt  .inputFile:focus + .formImageExt label.forFileInput{}

            .webForm .formLoopDiv.formImageExt .formImgInputs .nowImage {margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;border-top:1px solid  rgba(202,202,202,0.2) !important;}
                .webForm .formLoopDiv.formImageExt .formImgInputs .nowImage img{max-width: 20%;}

    .catSelectCoverInherit{margin-top:5px;}


.listCartCampBox{
    max-width: 95%;
    float: right;
    padding: 0px 0px 10px 0px;
    background: var(--bg-prodbox);
    margin-top: 10px;
    border-top: 0px solid rgba(209,209,209,1);
}
.campUsageInBasket{position:relative; margin-top:20px; background: rgba(46,136,195,0.15);}
    .campUsageInBasket .sectionTitle{position:relative;padding:3px 0px;font-size:1.25rem; line-height: 35px;font-family: 'ji-SemiBold'; background: rgba(14, 84, 120,0.4); color:black; }
        .campUsageInBasket .sectionTitle .jfrmSvgIcon{ display: inline-block; float:left; margin:0px 5px 0px 5px;width:35px; height: 35px; fill:#23334c; }

    .campUsageInBasket .campToBasketBox{position:relative;padding:10px 10px; margin-top:10px;}
        .campUsageInBasket .campToBasketBox .campLoop{position:relative;border:1px solid var(--primary-color);
            padding:5px 15px; font-size:1rem; line-height: 1.45rem;font-family: 'ji-SemiBold';
            background: var(--bg-prodbox);
            min-height: 55px;
        }



            .campUsageInBasket .campToBasketBox .campLoop .name{font-size:1.1rem;}
            .campUsageInBasket .campToBasketBox .campLoop .brief{padding-right:50px; font-size:0.95rem;height: 85px; display: flex; align-items: center; vertical-align: middle;}
            .campUsageInBasket .campToBasketBox .campLoop .discount{position: absolute;top: 50%;
                    margin-top: -15px;
                    right: 10px;
                    padding: 5px 5px;
                    padding:5px 5px; background: var(--primary-color); color:#FFF; font-size:1.2rem; font-family: 'ji-Bold'}
            .campUsageInBasket .campUsageForm .confirmCampaignButton{background: var(--third-color); width:100%;max-width: 220px; border-radius:4px;}
            .campUsageInBasket .campUsageForm .confirmCampaignButton:hover{background: var(--primary-color);}
            .campUsageInBasket .campUsageForm{padding:10px 30px 10px 30px;}
            .campUsageInBasket .campUsageForm.noCoupon{padding-top:50px;}
            .campUsageInBasket .campUsageForm .couponEntry{ float:right;width:100%;max-width: 220px;margin:0px 0px 10px 0px; padding:3px 3px; border:0px solid  var(--third-color); text-align: right;}
                .campUsageInBasket .campUsageForm .couponEntry span{display: inline-block; float:left;width:100px;padding:5px 5px 4px 0px;  font-family: 'ji-SemiBold';}
            .campUsageInBasket .notice{font-size:0.9rem;line-height: 1.4rem;font-family: 'ji-SemiBold';margin-top:0px; padding:5px 10px;}



.fileUploadForm{background: #e5efe5; padding:10px 10px; position:relative;}
    .fileUploadForm .overlay{position: absolute;top:0px; left:0px;width:100%; background-color: rgba(0,0,0,0);z-index: 29;
        display: flex;
        height: 0px;
        align-items: center;
        justify-content: center;
        overflow: hidden;}
        .fileUploadForm .overlay i{color:white;}
    .fileUploadForm .overlay.active{height: 100%; background-color: rgba(0,0,0,0.8);}

    .fileUploadButon{border-radius: 3px; background-color:#006400; padding:20px 0px;}
        .fileUploadButon .jfrmIcon{margin-right:10px;}

        .tempView{display: inline-block; width:0px; height: 0px; overflow: hidden;}
        .tempView.active{display:block; width:100%; height: auto; text-align: center;}
        .secondStep{display: none;}
            .tempView .iconParent{display:inline-block; width:100%; text-align:center; font-size:3.5rem; line-height: 1.2; color: #2e88c3; margin-bottom:5px;}
            .tempView .fileName{display:inline-block; width:100%; text-align:center; font-family:ji-SemiBold; font-size:1.1rem; line-height: 1.2; color: var(--jfrm-error-dark);}
            .touTypeCover{ padding:0px 20px; font-family:ji-SemiBold; font-size:1.1rem; }
/***
**********
********************

                        LISTER

********************
**********
**/

.listMainDiv{margin:5px 0px 0px 0px;}
    .listHeadMainTitle{letter-spacing: 1px;font-size:15px;border-bottom:1px solid  rgba(222,226,240,0.5);padding:5px; font-family: ji-Bold;}
    .listHeadSectionTitles{background-color: rgba(85,86,86,0);border-bottom: 1px solid #e0e0e1; font-family: ji-SemiBold; font-size:1.1rem;}
    .listHeadSectionTitles.moreSpace{padding:10px 0px;}
        .listSectionTitle{padding:0px 2px;line-height: 25px;}
        .listSectionTitle p{padding:0px 2px;}

        .listSectionTitle.orderField{
        cursor:pointer;
        background-image: url(images/orderField.png);
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 10px;
        line-height: 25px;}

    .listBodyBg{}

    .listLoopMain:nth-of-type(2n) {
    /* background-color: rgba(116, 134, 178, 0.2); */
    }

    .listLoopMain{position:relative;border-bottom:1px solid rgb(211 213 214 / 0.3);padding: 10px 5px;
    /* background-color: rgba(161, 167, 179, 0.1); */}

    .listLoopMain.canFlexAll,
    .listLoopMain.canFlexOnly {display: flex;}

    .listLoopMain.bgChanger:hover{background: rgba(211,213,214,0.5);}

    .listLoopMain.canFlexAll .listLoopSection,
    .listLoopSection.canFlexOnly{display: flex; align-items: center;  justify-content: flex-start;;}

    .listLoopMain.canFlexAll .listLoopSection.toRight, .listLoopSection.canFlexOnly.toRight{justify-content: flex-end;}

    .listLoopSection.canFlexOnly.toCenter{justify-content: center;}

        .listLoopSection{position:relative;}
        .listLoopSection a.listFooterIcon{max-width: 150px !important; float:right; display:block;margin-right:20px}
        .listLoopSection.iconParentFlex{display: inline-flex; flex-wrap: nowrap; justify-content: flex-end;}
            .listLoopSection.iconParentFlex .actionIconParent{ margin-right:4px;}

        .listLoopSection img {max-width: 90%; max-height: 70px;}
        .listLoopSection a{position:relative; padding-top:3px;}
        .listLoopSection .listCatName{ display: inline-block; width:100%; margin-top:10px; font-family: ji-SemiBold; font-size:0.9rem;}
        .listLoopSection .listDistName{ display: inline-block; width:100%; margin-top:15px; font-family: ji-SemiBold; font-size:0.9rem;}

        .listLoopSection .actionIconParent,
        .listLoopSection .iconParent{
            position: relative; display: inline-flex; align-items: center; justify-content: center; width:40px; height: 40px; font-size:18px;
            border: 1px solid rgb(238, 238, 238); color: #888888; border-radius: 3px; padding-top:0px;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
            margin-left:3px;
        }
        .listLoopSection .iconParent{transform:rotate(90deg);}
        .listLoopMain.bgChanger:hover .actionIconParent,
        .listLoopMain.bgChanger:hover .iconParent{border: 1px solid rgb(250, 250, 250);}

        .listLoopSection .actionIconParent:hover,
        .listLoopSection .iconParent:hover{background: var(--primary-color);}

        .listLoopSection .actionIcon{
            display: inline-block;
            color:#888888;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }
        .listLoopSection .iconParent .jfrmSvgIcon{
            fill:#888888;
        }
        .listLoopSection .iconParent .jfrmIcon {
            display: inline-block;
            width: 20px;
            height: 20px;
            padding: 1px 1px 1px 1px;
            /*color:white;*/
            color:rgba(61,61,89,0.7) !important; /* 3d3d59 */
            fill:rgba(61,61,89,0.7) !important; /* 3d3d59 */
            -webkit-transition: all 0.2s ease-in;
             -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }
        .listLoopSection .iconParent:hover .jfrmIcon{
            color:rgba(61,61,89,1) !important;
            fill:rgba(61,61,89,1) !important;

        }

    .listLoopSection .actionIconParent:hover .actionIcon{color:white;}
    .speIconParent .actionIcon{font-size: 22px;}

    .speIconParent.speDelete .actionIcon{color:#bf1d26!important;}
    .speIconParent.speConfirm .actionIcon{color:#247f61!important;}


    .speIconParent.speConfirm:hover{background:#b8cccf; }
    .speIconParent.speDelete:hover{background: #b8cccf}

    /* .speIconParent.speConfirm:hover .actionIcon{color:white!important;}
    .speIconParent.speDelete:hover .actionIcon{color:white!important;} */


    .listLoopSection .actionIcon:hover{ }
    .listLoopSection .actionJaxBoxSml{

    position: relative; display: inline-flex; align-items: center; justify-content: center; width:40px; height: 40px; font-size:18px;
    border: 1px solid rgb(238, 238, 238); color: #888888; border-radius: 3px; padding-top:0px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }
    .listLoopSection .actionJaxBoxSml:hover{

    border:2px solid #c42003;
    color: #c42003;
    }
    .listOrderMain{border-bottom: 1px solid #e0e0e1;padding:5px;}

    .webPager{
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    padding:10px 3px;
    }
    .webPager .pagerParent{text-align: right}
    .webPager a{width:30px; height: 30px; border:1px solid #dddddd; display: inline-block; text-align: center; line-height: 28px; color:#222222; margin-left:2px;}
    .webPager a:hover,
    .webPager a.active{background-color: var(--primary-color); color:white;border-color: rgb(var(--primary-color-rgb));}

    /* .webPager a.goToFirstPage, .webPager a.goToLastPage{color:black;padding:0px 5px 0px 5px;}
    .webPager a.active{background-color: rgba(219,218,218,0.75);;color:white;} */
    .listCounter{background-color: rgba(219,218,218,0.70);;border-bottom: 1px solid #248AC8;padding:3px;font-size:11px;}

    .listForm{display:none;}

    .listLoopSection a.downloadExcel{ float:right; display:inline-block!important; border:1px solid rgb(146 146 146 / 1); padding:5px 5px;}
    .listLoopSection a.downloadExcel:hover{border:1px solid rgb(var(--primary-color-rgb));}
    .listLoopSection a.downloadExcel:hover i{color:var(--primary-color);}

/****
***

*/




    .pageSectionSide{
        background-color: rgba(255,255,255,0.7);
        padding-bottom:20px;
    }
    .pageContSide{
        border-left:0px solid silver;
        border-bottom:0px solid red;
        background-color: rgba(255,255,255,0.7);
        padding:20px 20px 20px 20px;

    }

    .pageContSidePadding{

    }

    .catTree{
        color:#555656;

    }
        .basketLoopEarnPoint{
            position:relative;
            padding:3px 10px;text-align:left;font-size:1rem;
        }
            .k6BonusIcon{position: absolute;}
                .k6BonusIcon svg{width: 30px; height: 30px; fill: #f8393c}
        .basketLoopBcPoint{
            padding:5px 10px;
        }

                .basketLoop .criName, .basketLoop .detNaerme{
                    font-size:11px;
                }
                .w3-input.basketCount{width:40px;text-align: right}
                .basketLoopFooter{
                    font-family: "ji-Bold";
                    font-size:16px;
                    margin-top:10px;
                    padding:0px 0px 3px 0px;
                    color:#535154;
                }
                .basketLoopFooter .kdvYaz{
                    font-family: 'ji-Regular';
                    font-size:12px;
                    padding:0px 0px 3px 0px;
                    color:#535154;
                }
                .basketLoopButtons{
                    margin:20px 0px 0px 0px;
                }


    .refundRequestRowBox{padding:10px 10px;}
    .refundRequestTypeBox{font-size:1.2rem;padding:5px 10px;}
    .refundOrderProdsList{margin-top:10px;}
        .refundOrderProdsList .prodAddrInfo{display: inline-block; width:100%;font-family: ji-SemiBold;color:#2680eb; display: none;}
    .listLoopMain.refundedOrderProd{background: rgba(209, 26, 42,0.1);}
    .refundedOrderProd .prodAddrInfo{display: inline-block;}
    .refundButtonCover{margin-top:40px;}
    .basketLoopFooter.refundReqList{font-size:14px; font-family: ji-SemiBold;}

    .refundRequestLoop{margin:20px 0px 20px 0px; border:1px solid rgba(209, 26, 42,0.7); padding:10px 10px; font-family: ji-SemiBold;}
    .actionIcon.refundRequested{color:rgba(209, 26, 42,0.4);s}

    .returnShipmentCodeBox{padding:10px 10px;}
        .returnShipmentCodeBox .returnShipmentCodeInBox{ border:1px solid #b8cccf; padding:20px 20px;}
            .returnShipmentCodeBox span{display:inline-block; width:100%;}
            .returnShipmentCodeBox .info{}
            .returnShipmentCodeBox .code{margin-top:10px; font-size:1.1rem; font-family:ji-SemiBold; letter-spacing: 1.2px; color:#ae1b22;}
            .returnShipmentCodeBox .payBy{margin-top:10px;}
            .returnShipmentCodeBox .prodAddrInfo{margin-top:10px; text-align: center;}
/***
**********
********************

                        MOBILE MENU

********************
**********
**/

.mobileBottomNav{
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height: 50px;
    border-top:0px solid black;
    z-index: 99;
    background-color: #4AC0EF;
    text-align: center;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.1);
}
    .mobileBottomNav .navBottomLoop{float:left; width:20%; display: inline-block; color:#222222; padding:6px 0px 0px;}
    .mobileBottomNav .navBottomLoop.active,
    .mobileBottomNav .navBottomLoop a.active{
        /* color:rgb(var(--primary-color-rgb)); */
        color:white;
    }
        .mobileBottomNav .navBottomLoop .centerIcon{display: inline-block; font-size:18px;}
        .mobileBottomNav .navBottomLoop .title{ display: inline-block; width:100%; font-size:1rem;}
        .mobileBottomNav .navBottomLoop a.active .title{
            /* color:rgb(var(--primary-color-rgb)); */
            color:white;
        }


.myAccountBottomNav{
    /* display: none; */
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    background: white;
    /* height: 300px; */
    overflow: hidden;
    z-index: 98;
    padding:0px 0px 60px 0px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.1);

    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);

    -webkit-transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
     -o-transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
     -moz-transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
    transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
}
    .myAccountBottomNav .navTitle{width:100%; display: block; float:left; width:100%; font-size:1.16rem;  line-height: 45px; color: #444444; font-family: ji-Bold; background: rgb(250,250,250); border-bottom:1px solid rgb(221,221,221); padding:0px 15px}
    .myAccountBottomNav .navTitle .closeIcon{ float:right; color:#666666; font-size:18px;}
     .myAccountBottomNav a{display: inline-block; width:100%; padding:4px 20px;  font-size:1rem; font-family: ji-SemiBold;}

.myAccountBottomNav.open{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.mobileMenu {
    position: fixed;
    z-index: 91;
    padding-top:50px;
    padding-bottom:80px;
    top: 0;
    left: 0px;
    width: 70%;
    max-width: 270px;
    bottom: 0;
    height: 100%;
    background-color: white;
    /* -webkit-transition: -webkit-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: transform .2s ease; */
    -webkit-transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
     -o-transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
     -moz-transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
    transition: all 0.15s cubic-bezier(.51,.92,.24,1.15);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 91;
    border-right:0px solid #e6ab3c;
    overflow: auto;
}
.mobileMenu.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

    button.hamburger {
        z-index: 90;
        /* position: fixed;
        right: 0; */
        opacity: 1 !important;
        height: 21px;
        width: 18px;
        /* font-size: 32px; */
        color:#818181;
        transition: left .3s linear;
        padding:0px 0px 0px 0px!important;
    }

    .mobileMenu .closeIcon{position: absolute; top:20px; right:10px; font-size:17px;}
    .mobileMenu .closeIcon:hover{cursor:pointer; color: red;}

    .mobileMenuBlock{ border-bottom:1px solid rgba(var(--primary-color-rgb),0); padding:0px 0px 10px 0px; margin:0px 0px 0px 0px}
    .mobileMenuBlock ul.levelOne{
        float:left;
        width:100%;
        padding:0px 10px 0px 10px;
        margin:0px 0px 0px 0px;
    }
        .mobileMenuBlock ul.levelOne li.levelOneLi{
            float:left;
            width: 100%;
            padding:0px 0px 0px 0px;
            border-bottom:1px solid #dddddd;
        }
        .mobileMenuBlock ul.levelOne li.levelOneLi a {
            color: #343434;
            font-size: 1.16rem;
            font-family: ji-Bold;
            position: relative;
            display: block;
            width:100%;
            text-align: left;
            padding: 5px 10px;
        }
        .mobileMenuBlock ul.levelOne li.levelOneLi a.blockTitle{
            text-align: center;
            color:#248AC8;
        }
        .mobileMenuBlock ul.levelOne li.levelOneLi a.mobileSubMenuAct i{
            float:right;
            position: relative;
            top:4px;
            right: 0px;
        }
        .mobileMenuBlock ul.levelOne li.levelOneLi a.active i{
            transform: rotate(180deg);
        }
        .mobileMenuBlock ul.levelOne li.levelOneLi a:hover {
            color:var(--primary-color);
        }

        .mobileMenu ul.subLevel{
            float:right;
            display: none;
            width:95%;
        }
            .mobileMenu ul.subLevel li.subLevelLi{}
                .mobileMenu ul.subLevel li.subLevelLi a{font-size:1.1rem; font-family: ji-SemiBold; line-height: 1.4rem;}
                .mobileMenu ul.subLevel li.subLevelLi a .mmCatIcon{ display: inline-block; margin-right:3px;font-size:1.4rem; margin-right: 3px;}
    /* .nav-header button.close-nav {
        background: none;
        border: none;
        color: #FFF;
        font-weight: bold;
        width: 34px;
        height: 34px;
        font-size: 40px;
        color:white;
        cursor: pointer;
        outline: none;
        line-height: 49px;
    } */



    /* .mobileMenuHeader{text-align: center; font-family:'ji-SemiBold';}


    .mobileMenuInside{} */



        .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent;outline:none;}
        .hamburger:hover{opacity:.7}
        .hamburger-box{position:relative;display:inline-block;width:18px;height:21px}
        .hamburger-inner{top:50%;display:block;margin-top:-2px}
        .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:18px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:0px;background-color:rgba(102,102,102,1);}
            .hamburger:hover .hamburger-inner,
            .hamburger:hover .hamburger-inner:after,
            .hamburger:hover .hamburger-inner:before{background-color:black;}
        .hamburger-inner:after,.hamburger-inner:before{display:block;content:""}
        .hamburger-inner:before{top:-7px}
        .hamburger-inner:after{top:-14px!important}

        .hamburger--3dx .hamburger-box{perspective:80px}
        .hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}
        .hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
        .hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}
        .hamburger--3dx-r .hamburger-box{perspective:80px}
        .hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}
        .hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
        .hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}
        .hamburger--3dy .hamburger-box{perspective:80px}
        .hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}
        .hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
        .hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}
        .hamburger--3dy-r .hamburger-box{perspective:80px}
        .hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}
        .hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}
        .hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}
        .hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}
        .hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}
        .hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}
        .hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}
        .hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}
        .hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}
        .hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}
        .hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}
        .hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}
        .hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}
        .hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}
        .hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}
        .hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}
        .hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}
        .hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}
        .hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}
        .hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
        .hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}
        .hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
        .hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
        .hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}
        .hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}
        .hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}
        .hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}
        .hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}
        .hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}
        .hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}
        .hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}
        .hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}
        .hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}
        .hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}
        .hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}
        .hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}
        .hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}
        .hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}
        .hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}
        .hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}
        .hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}
        .hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}
        .hamburger--emphatic{overflow:hidden}
        .hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}
        .hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}
        .hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}
        .hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}
        .hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}
        .hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}
        .hamburger--emphatic-r{overflow:hidden}
        .hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}
        .hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}
        .hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}
        .hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}
        .hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}
        .hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}
        .hamburger--slider .hamburger-inner{top:2px}
        .hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}
        .hamburger--slider .hamburger-inner:after{top:20px}
        .hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}
        .hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
        .hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}
        .hamburger--slider-r .hamburger-inner{top:2px}
        .hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}
        .hamburger--slider-r .hamburger-inner:after{top:20px}
        .hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}
        .hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}
        .hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}
        .hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}
        .hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}
        .hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}
        .hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}
        .hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}
        .hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}
        .hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}
        .hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}
        .hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}
        .hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}
        .hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}
        .hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}
        .hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}
        .hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}
        .hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}
        .hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}
        .hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}
        .hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}
        .hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}
        .hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}
        .hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}
        .hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}
        .hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}
        .hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}
        .hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}
        .hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}
        .hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}
        .hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}
        .hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}
        .hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
        .hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}
        .hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}
        .hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}
        .hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}
        .hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}
        .hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}
        .hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}
        .hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}
        .hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}
        .hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}
        .hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}
        .hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}
        .hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}
        .hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}
        .hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}
        .hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}
        .hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}
        .hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}
        .hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}
        .hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}
        .hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}
        .hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}
        .hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}
        .hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
        /* .hamburger .hamburger-inner,.hamburger .hamburger-inner:after,.hamburger .hamburger-inner:before{background-color:black} */
        .hamburger--header{margin-right:-5px;padding-right:0;padding-left:5px;cursor:default;vertical-align:middle}
        .hamburger--header .hamburger-inner,.hamburger--header .hamburger-inner:after,.hamburger--header .hamburger-inner:before{background-color:#222}
        .hamburger--header.hamburger--elastic .hamburger-inner,.hamburger--header.hamburger--slider .hamburger-inner{top:2px}
        .hamburger--header:hover{opacity:1}
        .hamburger-wrap{text-align:center}
        .hamburger--accessible{display:inline-block}
        .hamburger--accessible .hamburger-box{display:inline-block;vertical-align:middle}
        .hamburger--accessible .hamburger-inner,.hamburger--accessible .hamburger-inner:after,.hamburger--accessible .hamburger-inner:before{background-color:#222}
        .hamburger-label{font-weight:600;display:inline-block;margin-left:5px;vertical-align:middle;text-transform:uppercase}
        .hamburger-label-hidden{display:none}
        .hamburger--example{outline:1px dashed cyan}
        .hamburger--example .hamburger-box{outline:1px dashed green}
        .hamburger--example .hamburger-inner,.hamburger--example .hamburger-inner:after,.hamburger--example .hamburger-inner:before{background-color:#222}

        /* .name{font-size:.8em;font-weight:600;position:absolute;top:0;left:0;width:100%;padding-top:1.25em;padding-top:2em;color:#fff}
        .information-directions{font-size:14px;width:100%}
        .browsers,.types{padding-left:0;list-style:none}
        .browsers li,.types li{margin-bottom:.25em}
        .browsers{padding-left:1em;-moz-column-count:2;column-count:2}
        .hint{display:none;margin-bottom:1em}
        .hint.is-visible{display:block}@media only screen and (min-width:320px){.browsers{-moz-column-count:2;column-count:2}}@media only screen and (min-width:480px){.types{-moz-column-count:2;column-count:2}
        .browsers{-moz-column-count:3;column-count:3}}@media only screen and (min-width:640px){.information-directions{font-size:15px}}#carbonads{padding-top:20px;padding-bottom:40px}#carbonads a{text-decoration:none}#carbonads>span{position:relative;display:block;width:100%;max-width:300px;margin-right:auto;margin-left:auto}
        .carbon-wrap{position:relative;display:table;width:100%}
        .carbon-img,.carbon-text{display:table-cell;text-align:left;vertical-align:middle}
        .carbon-img{background-color:#fff}
        .carbon-img img{display:block}
        .carbon-text{font-size:12px;line-height:1.2;padding-left:15px}.carbon-poweredby{font-size:11px;position:absolute;bottom:-20px;left:0;width:130px;text-align:center;color:#999}@media only screen and (min-width:1200px){#carbonads{position:absolute;top:730px;right:30px;padding-top:0;padding-bottom:0}#carbonads>span{position:static;max-width:130px}.carbon-img,.carbon-text{display:block}.carbon-text{padding-top:7px;padding-left:0}} */




        .colorWaiting{background-color: #da7b11;color:white;}
        .colorWaiting2{background-color: #547473;color:white;}
        .colorActive{background-color: #2680eb; color:white;}
        .colorApprove2{background-color: #318a9b;color:white;}  /**/

        	.itemBoxCover{position: relative}
        	.itemBoxCover:nth-of-type(3n-2){padding-right:10px;}
        	.itemBoxCover:nth-of-type(3n-1){padding:0px 5px;}
        	.itemBoxCover:nth-of-type(3n){padding-left:10px;}
        		.itemBoxCover .itemBox{color:white; position: relative}
        			.itemBoxCover .itemBox .title{display: block;
        			    width: 80%;
        			    margin-left: 10%;
        			    font-size: 1.4rem;
        			    line-height: 1.4rem;
        			    letter-spacing: 1px;
        			    font-family: 'ji-SemiBold';
        			    padding: 9px 0px 9px 0px;
        			    border-bottom: 1px solid rgba(255,255,255,0.5);
        			}
        			.itemBoxCover .itemBox .content{
        				display: block;
        			    width: 100%;
        			    text-align: center;
        			    font-size: 1.8rem;
        			    line-height: 1.8rem;
        			    padding: 15px 0px 15px 0px;
        			}


/*;*/
.pageStaticInfo{ position:relative; background: rgba(82,200,238,.1); padding:20px 20px; border-radius:10px;}
    .pageStaticInfo .title{display: inline-block;width:100%; color: #414142; font-family: ji-SemiBold;}
    .pageStaticInfo ul,
    .batchMenu{display: inline-block; width: 100%; padding-left:10px;}
        .pageStaticInfo ul li,
        .batchMenu li{display: inline-block; width:100%; margin-top:4px}
        .pageStaticInfo ul li::before,
        .batchMenu li::before{
            content:"\f061";
            font-family: 'Font Awesome';
            font-weight: 900;
            display:inline-block;
            color:#414142;
            width:12px;
            height: 12px;
            font-size: 10px;
        }

        .batchMenu li a{
            font-size:1.1rem;

        }

/* .orderPayIcon{width:30px; height: 30px;}
    .orderPayIcon .colorOne{fill:#292d32}
    .orderPayIcon .colorTwo{fill:#292d32; opacity:0.4;} */

.orderPayIcon{display: inline-block; font-size:12px; margin-right:3px; display:inline-block; margin-left:3px; }


.puanBoxEarn,
.puanBoxSpend{position: absolute; width:45px; height: auto; z-index: 20; text-align: center; line-height: 1.2; font-size:1rem; border-radius: 3px; padding:4px 0px; font-family: ji-SemiBold; }
.puanBoxEarn{bottom:45%; left :5px; height: 45px; border-radius: 50%; background: #2e88c3; color: white; padding-top:7px; }
.puanBoxSpend{bottom:130px; right :5px; width:auto; padding: 2px 4px 3px 4px; background: #237d88;  color: white;  font-size:0.9rem;}

/* .prodShowCaseBox .puanBoxEarn{bottom:30%;} */
.prodShowCaseBox .puanBoxSpend{bottom:70px;}

.infoSide .puanBoxEarn{bottom:70%; left:auto; right:10px; width:60px; height: 60px; padding:8px 5px; display: inline-flex; align-items: center;}
.infoSide .puanBoxSpend{bottom:210px; right:10px; }

.cartPuanBox{margin-top:10px;}
    .cartPuanBox span{ display:inline-block;  width:90px; border:0px solid red; font-family:ji-SemiBold; text-align:center;}
    .cartPuanBox .bonusTextSpnd{color: #237d88;}
    .cartPuanBox .bonusTextEarn{color: #2e88c3;}

.accoundPuanInfo{position: absolute; font-size:1.3rem; line-height: 1; top:20px; right:20px; font-family: ji-SemiBold; color: #2e88c3;
    letter-spacing:1.4px; text-align:right;
}
    .accoundPuanInfo span.pointer{font-family:ji-Bold; letter-spacing:1px; font-size:1.8rem;}
    .accoundPuanInfo span.iconx{position:absolute; top:10px; right:-27px;}
        .accoundPuanInfo span.iconx svg{width: 30px; height:30px; fill: #f8393c}



    .myAddressesList{}
                .myAddressesList .listLoop{border:1px solid var(--border-silver); border-radius: 10px; margin-top:10px; padding:10px 10px; line-height:1rem; }
                    .myAddressesList .listLoop .title{display: inline-block; width:100%; font-size: 1.50rem; line-height: 1.50rem;}
                    .myAddressesList .listLoop .titleInfo{display: inline-block; width:100%; color:#898989; font-size:0.81rem; line-height: 0.81rem; margin-bottom:10px; }
                    .myAddressesList .listLoop .info{display: inline-block;width:100%;color:#898989;font-size:0.81rem; line-height: 0.81rem; }


    a.preventAction.smallType {
        width: auto;
        padding: 12px 12px;
        min-width: 80px;
        font-family: ji-Regular!important;
    }

    a.preventAction {
        display: inline-block;
        background: #adadad;
        color: white;
        text-align: center;
        font-family: ji-SemiBold;
        font-size: 1rem;
        line-height: 1;
        padding: 16px 00px;
        width: 240px;
        border-radius: 6px;
        -webkit-transition: all 0.15s linear;
         -o-transition: all 0.15s linear;
         -moz-transition: all 0.15s linear;
    }
    a.preventAction:hover{
        background: rgba(117,145,169,1);
    }

    .deleteMyAdress{margin-right:10px; color: black !important; background:#d9c9d1 !important;}
    .deleteMyAdress:hover {
        background: #cb7d6b!important;
    }

    .cargoAdrName{ display: inline-block; width:100%; font-family:ji-SemiBold; font-size:1.1rem; padding:3px 0px; color: #23334c}
    .cargoAdrSelect{ display: inline-block; width:100%; margin:5px 0px 15px 0px;}

.myOrderAdr{ max-width:400px;}
    .myOrderAdr .blockTitle{ font-size:1.2rem;  font-family: ji-SemiBold; padding:5px 0px; position: relative;}
        .myOrderAdr .blockTitle::before{
            content:'';
            position: absolute;
            width:100px;
            height: 1px;
            background: var(--primary-color);
            left:0px;
            bottom:0px;
        }
    .myOrderAdr .title{display: inline-block; margin-top:5px; font-family: ji-SemiBold;}
    .myOrderAdr .namer{display: inline-block; padding-left:20px;}
    .myOrderAdr .adress{display: inline-block; padding-left:20px;}
    .myOrderAdr .city{display: inline-block; padding-left:20px;}



    .listPuanBox{font-family: ji-SemiBold;text-align:center}
    .puanEarn{color:#2e88c3;}
    .puanSpend{color: #ba1e68;}


.headerSrcFormMobile{
        position:fixed;
        left:0px; top:0px;
        height: auto;
        transform: scale(1,0); -webkit-transform: scale(1,0); -moz-transform: scale(1,0);-o-transform: scale(1,0);
        transform-origin: 0 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;-o-transform-origin: 0 0;
        background:#4AC0EF;
        padding:50px 30px;
    }
    .headerSrcFormMobile.active{
        transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1);-o-transform: scale(1);
    }
    .headerSrcFormMobile .srcMobileCloser{position: absolute; width:40px; height: 40px; top:20px; right:30px; text-align: center; font-size:25px;}
    .headerSrcFormMobile .srcMobileTitle{position: absolute; width:120px; height: 25px; top:35px; left:30px; text-align: left; line-height: 25px; font-size:20px; color:var(--primary-color-d); font-family: ji-SemiBold;}
    .headerSrcFormMobile .formLoop{
       display:inline-block;width:100%;
       margin-top:30px;
    }
    .headerSrcFormMobile .w3-input{
       width:100%;
       border-radius: 20px !important;
       background: rgba(255,255,255,0.8);
       padding:0px 15px;
       color: var(--main-silver);
    }

    .headerSrcFormMobile .btnSrc{width:100%;}