/**
 * jfrm-ji.css - v1.5.01 || 
 * 13.04.2012 
 * minimized
 */


button,
textarea,
input,
select,
a,
li,
ul {
    -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: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    hyphens: auto;
}

a, a:hover, a:visited, a:link, a:focus {
    text-decoration: none
}

*:focus, a:focus {
    outline: none !important;
}

:root {
    --d-primary-color: #363637;
    --d-primary-color-rgb: 54, 54, 55;
    --primary-color: #c5532b;
    --primary-color-rgb: 197, 83, 43;
    --h-primary-color: #2b50c5;
    --secondary-color: #182fc4;
    --h-secondary-color: #0073f1;
    --h-secondary-color-rgb: 0, 115, 241;
    --third-color: #0e5478;
    --third-color-rgb: 14, 84, 120;
    --h-third-color: #647899;
    --h-third-color-rgb: 100, 120, 153;
    --main-red: #c4212f;
    --h-main-red: #c52b69;
    /* --main-green: #168b16; */
    --main-green-rgb: 0, 145, 82;
    --h-main-green: #3fc45e;
    --main-silver: #6a6d70;
    --main-silver-rgb: 106, 109, 112;
    --h-main-silver: #3b444b;
    --bg-inputs: #f5f5f5;
    --bg-prodbox: #f4f7f9;
    --bg-prodbox-rgb: 244, 247, 249;
    --border-form: #ccd3e3;
    --border-form-rgb: 204, 211, 227;

    --star-size: 13px;
    --star-color: #ddd;
    --star-background: #fc0;

    --bg-silver:#f3f6fa;
}


.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;
}



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

.jiAnimate03{
    -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

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


.mce-content-body{padding:5px 5px;}

b{font-family: 'ji-SemiBold';}

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';
    line-height: 1.4;
}

h1{font-size:30px;}
h2{font-size:26px;}

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

button, input, select, textarea, ::placeholder {
    /* color:rgba(0,0,0,0.6); */
    color:#333333;
    font-size:0.75rem;line-height: 1rem;
}


.textEditorGlobal{
    padding-right:10px;
    font-family: 'ji-Regular' !important;
    /*padding:5px 5px ;*/
}
    .textEditorGlobal ul, .textEditorGlobal ol{
        list-style: circle;
        margin:00px 0px 0px 20px;
    }
    .textEditorGlobal em{font-style: italic;}
    .textEditorGlobal img{width:auto!important; max-width: 100% !important;}
    .textEditorGlobal strong{font-family: 'ji-SemiBold';}


/********
****
**     GLOBALS
**
*/

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




.jiFullPage {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    background: silver;
}

.jiPageBandBig{ margin-top:50px;}

.jiPageBand {
    margin-top: 30px;
}

.jiPageBandSml {
    margin-top: 20px;
}

.jiSiteWidth{
    width: 90%;
    max-width: 1480px;
}

.jiSiteWidthMedium {
    width: 100%;
    max-width: 900px;
}

.jiSiteWidthHalf {
    width: 100%;
    max-width: 600px;
}

.jiSiteWidthSmall {
    width: 100%;
    max-width: 400px;
}

.jiLeftSide {
    padding-right: 15px;
}

.jiRightSide {
    padding-left: 15px;
}

.jiPageTitle {
    position: relative;
    text-align: left;
    font-size: 1.3rem;
    font-family: ji-SemiBold;
}

.jiPageTitle span {
    display: inline-block;
    line-height: 40px;
    padding: 5px 80px;
    background: var(--primary-color);
    color: white;
    border-radius: 4px;
    letter-spacing: 1px;
}

.nivo-directionNav a,
.slick-arrow{
    display: inline-flex; align-items: center; justify-content: center;
    width:40px;height: 40px;top:50%;margin-top:-20px;
    text-align: center;
    position: absolute;
    z-index: 61;
    opacity: .4;
    color: white;
    /* background: var(--primary-color); */
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nivo-directionNav a.nivo-prevNav,
.slick-arrow.slick-prev{left:10px;}

.nivo-directionNav a.nivo-nextNav,
.slick-arrow.slick-next{right:10px;}

.prodPhotoGalery .slick-arrow.slick-next{width:30px; right:-0px;}
.prodPhotoGalery .slick-arrow.slick-prev{width:30px; left:-0px;}
.nivo-directionNav a:hover,
.slick-arrow:hover {
    opacity: 0.8;
    color: white;
    /* background: var(--primary-color); */
    cursor: pointer;
}

.centerMode .slick-prev{left:-25px;}
.centerMode .slick-next{right:-25px;}

.nivo-directionNav a i,
.slick-arrow i {
    font-size: 20px;
    line-height: 50px;
}

.nivo-directionNav a.nivo-prevNav {
    left: 15px;
}

.nivo-directionNav a.nivo-nextNav {
    right: 15px !important;
}

.toCatLister{ text-align: left;}
    .toCatLister .allProdLinker{display: inline-block; width:40px;line-height: 40px; text-align: center; font-size: 24px;}
.breadCrumb{text-align: right;}

.slick-dots{ border:0px solid red; }
    .slick-dots li{widh:10px; height: 10px; border-radius: 50%; background-color: var(--main-silver); display: none;}
    .slick-dots li.slick-active{background-color: var(--secondary-color);}


.preventActionParent{float:right; width:auto;}
a.preventAction{display: inline-block; background: var(--primary-color-d);color:white; text-align: center;  font-family: 'ji-SemiBold'; font-size: 0.75rem; line-height:1;  padding:16px 00px; width: 169px; border-radius: 6px;
    -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a.preventAction.mediumType{font-size: 0.88rem;line-height: 1; border-radius: 4px; padding:13px 20px; width:auto;}
a.preventAction.smallType{width:auto; padding:16px 19.5px;}
a.preventAction.passiveMode{ background: transparent; border:1px solid #eaebed; color: #888888;}
a.preventAction.reverseMode{background: #CCF1E5; color:#38B97D;}
a.preventAction.secondMode{background: black; color:white;}
a.preventAction.w3-right.secondButton{margin-right:15px;}
a.preventAction.w3-left.secondButton{margin-left:15px;}
/* a.preventAction.mediumType.borderRadius{border-radius: 35px;padding:13px 25px;} */

a.preventAction:hover{background-color: var(--primary-color);}
a.preventAction.iconPlus::after{
    content:"\f101";
    font-family: 'Font Awesome';
    font-weight: 900;
    position: relative;
    top:1px;
    margin-left:3px;
    -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a.preventAction.iconPlus:hover::after{
    transform:rotate(180deg);
    content:"\f101";    
}

/********
****
**     FORMS
**
*/
.formContainter {}

.w3-btn,
.w3-button {
    position: relative;
    letter-spacing: 1px;
    font-size: 1.1rem;
    line-height: 40px;
    padding: 0px 40px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 4px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.w3-btn:hover, .w3-btn-block:hover, .w3-btn-floating:hover, .w3-btn-floating-large:hover {
    box-shadow: none;
    background-color: var(--primary-color-d);
}

.webForm {
    position: relative;
    /* border: 1px solid var(--border-form);
    background-color: var(--bg-prodbox); */
    padding: 10px 10px;
    border-radius: 10px;
}

.webForm .formTitle {
    font-family: ji-Medium;
    font-size: 1.33rem;
    margin-bottom: 30px;
}

.webForm .officerOpenClose {
    display: none;
}

.webForm .formBody {}

.webForm .formLoopDiv {
    margin-top: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.webForm .formLoopDiv:first-child {
    margin-top: 0px;
}

.webForm .formInputLabel,
.webForm .formLoopDiv label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    /* font-family: ji-Medium; */
}

.webForm .w3-input {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0.95rem;
    background-color: white;
    padding: 0px 5px;
    border: 1px solid var(--border-silver) !important;
    border-radius: 4px;
}

.webFormBlocker {
    position: relative;
    border: 1px solid var(--border-silver);
    padding: 0px 10px 20px 10px;
    border-radius: 10px;
    margin-top: 20px;
}

.webFormBlocker .blockTitle {
    display: inline-block;
    position: relative;
    background: var(--border-silver);
    padding: 5px 10px;
    top: -16px;
    font-family: ji-SemiBold;
    font-size: 1.05;
    border-radius: 5px;
}

.webFormBlocker .blockTitle+.formLoopDiv {
    margin-top: 0px !important;
}

.w3-select,
.w3-input {
    height: 40px;
    font-size: 0.95rem;
    background-color: white;
    padding: 0px 3px;
    border: 1px solid #e2e3e6 !important;
}

.w3-check,
.inputRadio {
    width: 18px;
    height: 18px;
    top: 4px;
    /* -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none; */
    /* outline: 1px solid var(--main-silver); */
}


textarea.w3-input {
    height: 90px !important;
}

.w3-select {
    height: 40px !important;
}

.select2-container {
    width: 100% !important;
    font-family: ji-Regular;
    z-index: 99;
    background: white;
}

.select2-selection__arrow {
    top: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.select2-container--default .select2-results__option--selected {
    background: #d3d3d3 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #ffc600 !important;
}

.select2-dropdown {
    z-index: 51 !important;
}

.select2-container--default .select2-selection--single {
    background-color: white;
    border: 0px solid #aaa;
    border-radius: 4px;
}

.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;
}

.jiSelect-dropDown {
    background: white;
}


.formStaticInfo{display:inline-block; width:100%; float:left; margin-top:20px;padding:0px 20px;}

.formStaticInfo.colorError{color:var(--jfrm-error-dark)}
.formStaticInfo.smallType{margin-top:10px; padding:0px 10px;}


.criteriaTitle{ display:inline-block; width:100%; font-family:'ji-Medium';}
.cartFormRadioBox{
    position:relative;
    display:inline-block;
    margin:10px 0px 0px 20px;
    min-width:100px;
    line-height: 30px;
}

.cartFormRadioBox:first-child{
    margin:10px 0px 0px 0px;
}
    .cartFormRadioBox label{ display:inline-block; position: relative; width:100%; height:100%; text-align:center;border:1px solid rgb(221,221,221);border-radius:5px;
    -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
    .cartFormRadioBox.notAvaibleStock label{
        opacity:0.5;
    }
    .cartFormRadioBox.notAvaibleStock label::after{
        width:calc(100% + 2px);
        height: 1px;
        content:'';
        position: absolute;
        top:1px; left:1px;
        background: rgb(221,221,221);
        transform-origin:0 0;
        transform:rotate(16deg);
    }
        .cartFormRadioBox label:hover{cursor:pointer; background: var(--border-silver);}
        .cartFormRadioBox label.selected{
            border:1px solid var(--primary-color);
            background:var(--bg-silver);
        }
    .cartFormRadioBox .inputRadio{opacity:0;width:0px; height: 0px;}
.cartDoActionCover{
    margin-top:20px;
}
/***
**********
********************

                        LISTER

********************
**********
**/
.listerZoneMain {
    position: relative;
}

.listMainDiv {
    margin: 5px 0px 0px 0px;
    position:relative;
}

.listHeadMainTitle {
    letter-spacing: 1px;
    font-size: 15px;
    border-bottom: 0px solid rgba(var(--border-silver-rgb), 0.7);
    padding: 5px;
    font-family: ji-Bold;
}

.listHeadSectionTitles {
    border-bottom: 1px solid rgba(var(--border-silver-rgb), 0.6);
    font-family: ji-SemiBold;
    font-size: 1.05rem;
}

.listHeadSectionTitles.moreSpace {
    padding: 10px 0px;
}

.listSectionTitle {
    padding: 3px 2px;
    line-height: 25px;
}

.listSectionTitle.iconRowTitle{
    text-align: center;
}
.listSectionTitle p {
    padding: 0px 2px;
}

.listSectionTitle.orderField {
    cursor: pointer;
    background-image: url(images/orderField.html);
    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 rgba(var(--border-silver-rgb), 0.4);
    padding: 10px 5px;
    /* background-color: rgba(161, 167, 179, 0.1); */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.listLoopMain:hover {
    background: #F6F6F7;
}

.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;
    min-height: 40px;
}

.listLoopSection a.list358Icon {
    max-width: 150px !important;
    float: right;
    display: block;
    margin-right: 20px
}

.listLoopSection.iconParentFlex {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-right:5px;
}

.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 #ea7f7e;
    color: #ea7f7e;
    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: 5px;
}

.listLoopSection .iconParent {}

.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;
}

.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;
}

.basketLoopFooter{
    padding:3px 0px;
}

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

.webPager {
    border-bottom: 1px solid rgba(var(--border-silver-rgb), 0.6);
    padding: 10px 3px;
    margin-top: 15px;
}

.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);
}

.listerMainOverlay {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 3;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

/****
***

*/


.jiScroller{
    position:relative;
    background:#eeecf1;
    /* height: 100%;
     min-height:600px; */
     overflow-x: hidden;
}


.jiScroller::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    /* background-color: rgba(0,0,0,1); */
    background-color: rgba(54, 54, 55,0.2);
}

.jiScroller::-webkit-scrollbar{
    width: 6px;
    /* background-color: rgba(0,0,0,1); */
    background-color: rgba(54, 54, 55,0.1);
}

.jiScroller::-webkit-scrollbar-thumb{
    /* background-color: rgba(43,43,44,0.5); */
    background-color: rgba(5,153,171,0.8);
}



   .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;}



@media (min-width: 1651px) {
    /* .jiSiteWidth {max-width: 1600px!important;} */
    .jiSiteWidthMedium {width: 100%;max-width: 900px;}
    .jiSiteWidthHalf {width: 100%;max-width: 600px;}
    .jiSiteWidthSmall {width: 100%;max-width: 400px;}

    /* .w3-btn, .w3-button{line-height: 50px;} */

} /* @media (min-width: 1651px) */

@media  only screen and (min-width: 1201px) and (max-width: 1650px) {
} /* @media  only screen and (min-width: 1201px) and (max-width: 1650px) */

@media  only screen and (min-width: 993px) and (max-width: 1200px) {

} /* @media  only screen and (min-width: 993px) and (max-width: 1200px) */
@media (min-width: 602px) and (max-width: 992px) {

}/* @media (min-width: 602px ) and (max-width: 992px) */

@media (max-width: 601px) {
    .w3-btn{line-height: 45px; padding:0px 50px; text-align: center;  max-width: 100%;}
    .jiLeftSide{padding-right: 0px;}
    .jiRightSide{padding-left:0px;}
    .slick-arrow{
        width:40px;height: 40px;top: auto; top:50%; margin-top:-20px;
        text-align: center;
        position: absolute;
        z-index: 61;
        opacity: .4;
        color: white;
        /* background: var(--primary-color); */
        border-radius: 3px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .nivo-directionNav a.nivo-prevNav,
    .slick-arrow.slick-prev{left:0px;}

    .nivo-directionNav a.nivo-nextNav,
    .slick-arrow.slick-next{right:00px;}

    .slick-dots{
        bottom:-15px
    }
    .slick-dots li {display: inline-block;}

}/* @media (max-width: 601px) */


.footerMarkers{
    margin-top:50px;
    border:0px solid red;
    padding:0px 20px 20px 20px;
}
.footerIyzicoMarker{

     text-align: left;
     opacity: .9;
 }
     .footerIyzicoMarker img{max-height: 27px;}
     .footerIyzicoMarker .furjivaSvg{width:80px;}

.footerFurjivaMarker{
     text-align: right;
     opacity: 1;
 }
     .footerFurjivaMarker img{max-width: 80px;}
     .footerFurjivaMarker .furjivaSvg{width:80px;}