/* Farmina Beslenme Danışmanı */

.farmina-content-top {
    background: #0066b3;
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.farmina-title {
    width: 50%;
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    line-height: 140%;
    padding-right: 12px;
    box-sizing: border-box;
}

.farmina-desc {
    width: 50%;
    font-size: 14px;
    color: #fff;
    line-height: 120%;
    font-weight: 500;
    padding-left: 12px;
    box-sizing: border-box;
}

.farmina-desc i {
    font-style: normal;
    font-weight: 800;
    text-decoration: underline;
}

.farmina-cta {
    width: 60%;
    padding: 0 24px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.farmina-content-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px;
    box-sizing: border-box;
}

.farmina-logo img {
    height: 60px;
}

.farmina-campaing {
    text-align: left;
}

.farmina-logo {
    text-align: right;
    width: 15%;
}

span {
}

.farmina-campaing {
    font-size: 20px;
    color: #b1194a;
    font-weight: 800;
    width: 25%;
}

.farmina-campaing span {
    font-size: 16px;
}

.farmina-campaing span i {
    font-style: normal;
    font-size: 20px;
}

.farmina-cta a {
    background: #b0194a;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 120%;
    cursor: pointer;
    padding: 0 24px;
}

.farmina-cta a span {
    background: #fff;
    min-width: 24px;
    min-height: 24px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.farmina-cta a span svg {
    fill: #0066b3;
}

.farmina-content {
    border: .5px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 24px;
}

@media screen and (max-width: 540px){
    .farmina-content-top {
        padding: 15px;
        flex-wrap: wrap;
    }
    
    .farmina-title {
        width: 100%;
        padding-right: 0;
        text-align: center;
        font-size: 14px;
    }
    
    .farmina-desc {
        width: 100%;
        padding-left: 0;
        text-align: center;
        font-size: 12px;
        font-weight: 300;
        padding-top: 5px;
    }
    
    .farmina-campaing {
        width: 100%;
        text-align: center;
        font-size: 16px;
    }
    
    .farmina-cta {
        width: 100%;
        padding: 0;
        margin: 8px 0;
    }
    
    .farmina-logo {
        width: 100%;
        text-align: center;
    }
    
    .farmina-content-bottom {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px;
    }
    
    .farmina-campaing span {
        font-size: 12px;
    }
    
    .farmina-campaing span i {
        font-size: 16px;
    }
    
    .farmina-cta a {
        height: 40px;
        padding: 0 12px;
        font-size: 14px;
    }
    
    .farmina-cta a span {
        min-width: 20px;
        min-height: 20px;
    }
    
    .farmina-cta a span svg {
        width: 14px;
    }
    
    .farmina-logo img {
        height: 40px;
    }
    
    .farmina-content {
        margin-top: 12px;
    }
}


/* Farmina Beslenme Fanışmanı */

:not(#mainMenu) > .menu, :not(#mainMenu) > .menu div:not(.dynamicMenu)
{
/*
background-color:   inherit;
*/
}
:not(#mainMenu) > .menu
{
position:  relative;
}

.mobile-mwnu-search
{
padding:  0 8px 8px 8px;
box-sizing: border-box;
background:  #29296d;
}

.mobile-mwnu-search #segmentify-search-input #search-btn
{
width:  40px;
height: 40px;
background-size:  20px;
}
#leftColumn #page-login .box.col-4.col-md-6.col-sm-12.p-top.p-left
{
width: 100%;
}
body #cookieTitle
{
font-size:  11px;
font-weight: 600;
}
body #cookieDescription
{
font-size:  10px;
line-height: 132%;
}
body #cookiePopin
{
width: 100%;
right:  0;
border-radius: 0;
background-color:  #29296dd6;
}
body div#cookiePopin > .fw600
{
padding-bottom:  0;
padding-top: 5px;
}
body span#cookieClose
{
font-size:  14px;
font-weight: 200;
}

.catImgWrapper
{
border-radius:  8px;
overflow: hidden;
display:  flex;
}

.subMenu .dynamicMenuBottom > .catImgWrapper img
{
height:  max-content;
width: auto;
}

.grid-item
{
display:  grid;
}

.grid-item a, .grid-item a picture
{
border-radius:  8px;
overflow: hidden;
display:  flex;
}

.box-sizing
{
box-sizing:  border-box;
}

.pl-0
{
padding-left: 0px !important;
}

.pl-10
{
padding-left: 10px !important;
}

.pl-20
{
padding-left: 20px !important;
}

.pl-30
{
padding-left: 30px !important;
}

.pl-40
{
padding-left: 40px !important;
}

.pl-50
{
padding-left: 50px !important;
}

.pl-60
{
padding-left: 60px !important;
}

.pl-70
{
padding-left: 70px !important;
}

.pl-80
{
padding-left: 80px !important;
}

.pl-90
{
padding-left: 90px !important;
}

.pl-100
{
padding-left: 100px !important;
}

.pl-200
{
padding-left: 200px !important;
}

.pr-0
{
padding-right: 0px !important;
}

.pr-10
{
padding-right: 10px !important;
}

.pr-20
{
padding-right: 20px !important;
}

.pr-30
{
padding-right: 30px !important;
}

.pr-40
{
padding-right: 40px !important;
}

.pr-50
{
padding-right: 50px !important;
}

.pr-60
{
padding-right: 60px !important;
}

.pr-70
{
padding-right: 70px !important;
}

.pr-80
{
padding-right: 80px !important;
}

.pr-90
{
padding-right: 90px !important;
}

.pr-100
{
padding-right: 100px !important;
}

.pr-200
{
padding-right: 200px !important;
}

.pt-0
{
padding-top: 0px !important;
}

.pt-10
{
padding-top: 10px !important;
}

.pt-20
{
padding-top: 20px !important;
}

.pt-30
{
padding-top: 30px !important;
}

.pt-40
{
padding-top: 40px !important;
}

.pt-50
{
padding-top: 50px !important;
}

.pt-60
{
padding-top: 60px !important;
}

.pt-70
{
padding-top: 70px !important;
}

.pt-80
{
padding-top: 80px !important;
}

.pt-90
{
padding-top: 90px !important;
}

.pt-100
{
padding-top: 100px !important;
}

.grid-1
{
grid-template-columns: repeat(1, 1fr);
}

.grid-2
{
grid-template-columns: repeat(2, 1fr);
}

.grid-3
{
grid-template-columns: repeat(3, 1fr);
}

.grid-4
{
grid-template-columns: repeat(4, 1fr);
}

.grid-5
{
grid-template-columns: repeat(5, 1fr);
}

.grid-6
{
grid-template-columns: repeat(6, 1fr);
}

.grid-7
{
grid-template-columns: repeat(7, 1fr);
}

.grid-8
{
grid-template-columns: repeat(8, 1fr);
}

.grid-9
{
grid-template-columns: repeat(9, 1fr);
}

.grid-10
{
grid-template-columns: repeat(10, 1fr);
}

.grid-11
{
grid-template-columns: repeat(11, 1fr);
}

.grid-12
{
grid-template-columns: repeat(12, 1fr);
}

.row-0
{
grid-row-gap:  0px;
}

.row-5
{
grid-row-gap:  5px;
}

.row-10
{
grid-row-gap:  10px;
}

.row-20
{
grid-row-gap:  20px;
}

.row-30
{
grid-row-gap:  30px;
}

.row-40
{
grid-row-gap:  40px;
}

.row-50
{
grid-row-gap:  50px;
}

.row-60
{
grid-row-gap:  60px;
}

.row-70
{
grid-row-gap:  70px;
}

.row-80
{
grid-row-gap:  80px;
}

.row-90
{
grid-row-gap:  90px;
}

.row-100
{
grid-row-gap:  100px;
}

.column-0
{
grid-column-gap:  0px;
}

.column-5
{
grid-column-gap:  5px;
}

.column-10
{
grid-column-gap:  10px;
}

.column-20
{
grid-column-gap:  20px;
}

.column-30
{
grid-column-gap:  30px;
}

.column-40
{
grid-column-gap:  40px;
}

.column-50
{
grid-column-gap:  50px;
}

.column-60
{
grid-column-gap:  60px;
}

.column-70
{
grid-column-gap:  70px;
}

.column-80
{
grid-column-gap:  80px;
}

.column-90
{
grid-column-gap:  90px;
}

.column-100
{
grid-column-gap:  100px;
}

.header-top
{
margin-top:  16px;
white-space: nowrap;
overflow:  hidden;
width: 100%;
position:  relative;
background: #fff;
border-radius:  4px;
}

.marquee
{
display:  flex;
flex-wrap: nowrap;
width:  max-content;
animation: scrollMarquee linear infinite;
}

.cart-soft-count
{
width:  20px;
height: 20px;
background:  #6161BE;
display: flex;
align-items:  center;
justify-content: center;
border-radius: 100%;
color:  #fff;
font-size: 12px;
position:  absolute;
right: -6px;
top:  -6px;
}
a#cart-soft-count
{
position:  relative;
}

.header-right-item
{
font-size:  15px;
font-weight: 600;
color:  #333;
margin-left: 40px;
}

.siparis-destek b
{
font-size:  11px;
text-transform: uppercase;
font-weight:  600;
color: #6161BE;
margin-bottom:  4px;
}

.siparis-destek span
{
color:  #6161BE;
font-size: 13px;
}

.siparis-destek
{
display:  flex;
flex-direction: column;
}

.header-right
{
display:  flex;
align-items: center;
min-width:  fit-content;
}
div#search
{
width: 100%;
padding:  0 80px;
box-sizing: border-box;
}

.header-general
{
display:  flex;
align-items: center;
padding:  24px 0;
box-sizing: border-box;
}
div#logo
{
min-width:  fit-content;
}

.header-right-item:first-child
{
margin-left:  0;
}
a#cart-soft-count > img
{
height:  24px;
}
#FormAra input[type="text"]::placeholder
{
font-family: "nexa", sans-serif;
color:  #aaa;
font-weight: 300;
}
nav#mainMenu
{
background:  #29296d;
}
nav#mainMenu .menu
{
display:  flex;
justify-content: center;
}
ul#alterMenu
{
display:  flex;
justify-content: center;
}

.menu-list
{
z-index:  33;
}

.menu li
{
float:  left;
}
[dir="rtl"] .menu li
{
float:  right;
}
[dir="rtl"] .menu a
{
float:  right;
}

.menu li.parentLink > ul
{
position:  absolute;
top: 100%;
left:  0;
width: 200px;
display:  none;
}
[dir="rtl"] .menu li.parentLink > ul
{
right:  0;
left: auto;
}

.menu li.parentLink li a.menu-all > span
{
text-decoration:  underline;
}

.menu li.parentLink li a
{
width: 100%;
}

.dynamicMenuBottom > ul > li > div
{
border-radius:  4px;
}

.dynamicMenuBottom-39 .sublink-wrap a:hover
{
color: #6e4df7 !important;
}

.dynamicMenuBottom-21 .sublink-wrap a:hover
{
color: #dd7163 !important;
}

.dynamicMenuBottom-335 .sublink-wrap a:hover
{
color: #7676c0 !important;
}

.dynamicMenuBottom-340 .sublink-wrap a:hover
{
color: #febd50 !important;
}

.dynamicMenuBottom-39 > ul > li > div:hover
{
background: #6e4df7 !important;
}

.dynamicMenuBottom-21 > ul > li > div:hover
{
background: #dd7163 !important;
}

.dynamicMenuBottom-335 > ul > li > div:hover
{
background: #7676c0 !important;
}

.dynamicMenuBottom-340 > ul > li > div:hover
{
background: #febd50 !important;
}

.dynamicMenuTop-39
{
background: #6E4EF7 !important;
}

.dynamicMenuTop-21
{
background: #DD7163 !important;
}

.dynamicMenuTop-335
{
background: #7676C0 !important;
}

.dynamicMenuTop-340
{
background: #FEBD50 !important;
}
body .dynamicMenuBottom > ul > li > div:hover > a
{
color: #fff !important;
}

.dynamicMenuBottom > ul > li > div:hover a svg
{
fill:  #fff;
}

.menu li.parentLink li.parentLink ul
{
float:  left;
position: relative;
box-sizing:  border-box;
border-left: 10px solid #dedede;
}

.dynamicMenuBottom
{
display:  flex;
justify-content: space-between;
padding:  16px 16px;
box-sizing: border-box;
}

.dynamicMenuTop
{
height:  16px;
}

.dynamicMenuBottom > ul > li > div > a
{
font-size:  14px;
font-weight: 500;
color:  #29296d;
height: 40px;
line-height:  40px;
display: flex;
align-items:  center;
justify-content: space-between;
padding:  0 8px 0 16px;
box-sizing: border-box;
border-radius:  4px;
}
[dir="rtl"] .menu li.parentLink li.parentLink ul
{
float:  right;
border-right: 10px solid #dedede;
border-left:  0;
}
#mobileAppNotify
{
position:  fixed;
z-index: 9999;
}
#appNotify
{
display:  flex;
align-items: center;
}
#appLogo p
{
padding-bottom:  0;
}
#appLogo img
{
max-width: 100%;
width:  auto;
height: auto;
}
#appBtn
{
white-space:  nowrap;
}

.header-wrapper
{
z-index:  10;
}
#headerTop
{
height:  56px;
line-height: 55px;
color:  #5e5e5e;
font-size: 12px;
}

.locationLinkWrap
{
padding:  7px 10px;
box-sizing: border-box;
}
[dir="rtl"] #topMenu, [dir="rtl"] #topMenu li, [dir="rtl"] #topMenu a
{
float:  right;
}
#topMenu a
{
line-height:  30px;
color: #545454;
font-size:  12px;
padding-left: 20px;
padding-right:  20px;
border-right: 1px solid #ddd;
}
[dir="rtl"] #topMenu a
{
border-right:  0;
border-left: 1px solid #ddd;
}
#topMenu ul li:hover > span, #topMenu ul li:hover > a
{
background:  #e2e2e2;
}
#headerTop select
{
height:  30px;
padding: 0 30px 0 10px;
background: url('selectArrow.png') no-repeat right center;
border:  0;
border-left: 1px solid #ddd;
appearance:  none;
-moz-appearance: none;
-webkit-appearance:  none;
color: #545454;
font-size:  12px;
}
[dir="rtl"] #headerTop select
{
padding:  0 10px 0 30px;
background: url('selectArrow.png') no-repeat 10px center;
border-right:  1px solid #ddd;
border-left: 0;
}
#headerPhone
{
color:  #545454;
font-size: 12px;
line-height:  30px;
}
#basketList
{
display:  none;
position: absolute;
top: 100%;
left:  0;
background: #fff;
z-index:  3333;
}
#logo a
{
float:  left;
width: 100%;
height:  24px;
}
#logo p, #logo img
{
-webkit-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function: cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
#logo p
{
float:  left;
width: 100%;
height:  24px;
display: flex;
align-items:  center;
padding-bottom: 0;
}
#logo img
{
display:  inherit;
max-height: 100%;
max-width: 100%;
width:  auto;
}
#searchListWrap
{
position:  relative;
}
#live-search-box
{
top: 100%;
left:  -1px;
z-index: 999;
}
#FormAra
{
background:  #fff;
box-sizing: border-box;
position:  relative;
}
[dir="rtl"] #FormAra
{
left:  0;
right: auto;
}

.forDesktop #FormAra:not(.focus)
{
border-color:  transparent;
}

.forDesktop #FormAra.focus
{
width: 100%;
}

.forDesktop #FormAra.focus:before
{
content: '';
}

.forDesktop #FormAra:not(.focus):before
{
display:  block;
position: absolute;
top:  0;
right: 48px;
line-height:  48px;
font-size: 14px;
color:  #5e5e5e;
font-weight: 700;
text-transform:  uppercase;
cursor: pointer;
}

.forDesktop #FormAra:not(.focus):after
{
content: '\e811';
display:  block;
position: absolute;
top:  0;
right: 0;
width:  48px;
line-height: 48px;
color:  #e35252;
font-size: 13px;
font-family: 'tsoft';
font-size:  20px;
text-align: center;
text-transform:  uppercase;
cursor: pointer;
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):after
{
left:  0;
right: auto;
}

.header-top ul li
{
min-width:  fit-content;
display: flex;
align-items:  center;
white-space: nowrap;
padding:  0 30px;
flex-shrink: 0;
}
@keyframes scrollMarquee
{
0%
{
transform: translateX(0);
}
100%
{
transform: translateX(-50%);
}
}

.marquee:hover
{
animation-play-state:  paused;
}

.header-top ul
{
background:  #ddf4c8;
height: 32px;
display:  flex;
align-items: center;
justify-content:  center;
border-radius: 8px;
overflow:  hidden;
}

.header-top ul li img
{
height:  14px;
margin-left: 60px;
}

.header-top ul li a
{
text-decoration: none !important;
font-size:  14px;
font-weight: 500;
}
#FormAra input[type="text"]
{
height:  48px;
color: #29296d;
box-sizing:  border-box;
border: 1px solid #dadada;
width: 100%;
font-family: "nexa", sans-serif;
padding:  0 48px 0 16px;
font-weight: 700;
border-radius:  4px;
}
#FormAra input[type="text"]:focus
{
box-shadow:  none;
}
#FormAra button[type="submit"]
{
position:  absolute;
width: 48px;
height:  48px;
border: 0;
cursor:  pointer;
background: url(/Data/EditorFiles/Devux/svg/search.svg) no-repeat center;
right:  0;
padding: 0;
background-size:  24px;
}
#FormAra.focus input[type="text"], #mobileWrapper #FormAra input[type="text"], #FormAra.focus button[type="submit"], #mobileWrapper #FormAra.focus button[type="submit"]
{
display:  block;
}
#live-search-box
{
position:  absolute;
top: 100%;
width: calc(100% + 2px);
background:  #fff;
border-bottom: 0;
z-index:  999;
}
#live-search-box ul
{
float:  left;
width: 100%;
border-top:  1px solid #ececec;
}
#live-search-box li
{
float:  left;
width: 100%;
box-sizing:  border-box;
border-right: 1px solid #ececec;
border-bottom:  1px solid #ececec;
border-left: 1px solid #ececec;
}
#live-search-box a
{
float:  left;
width: 100%;
font-weight:  600;
display: flex;
align-items:  center;
}
#live-search-box:not([data-callback]) span, #live-search-box .search-image
{
width: 5%;
height:  0;
padding-bottom: 5%;
margin-top:  5px;
margin-right: 15px;
margin-bottom:  5px;
margin-left: 5px;
overflow:  hidden;
}
#live-search-box[data-callback] span
{
box-sizing:  border-box;
}
#live-search-box img
{
margin:  0 auto;
}
div#headerMain
{
background:  #fff;
}
#mainMenu .menu a.menu-first-title
{
height:  56px;
line-height: 56px;
font-size:  15px;
color: #fff;
overflow:  hidden;
text-overflow: ellipsis;
white-space:  nowrap;
font-weight: 500;
padding:  0 16px;
box-sizing: border-box;
display:  flex;
align-items: center;
}
#mainMenu .menu a.menu-first-title img
{
margin-right:  10px;
}

.subMenu
{
display:  flex;
justify-content: center;
}

.dynamicMenuBottom > ul > li > div > a svg
{
height:  16px;
}

.sublink-wrap > li > a
{
font-size:  14px;
font-weight: 500;
color:  #29296d;
height: 40px;
line-height:  40px;
display: flex;
align-items:  center;
justify-content: space-between;
}

.subMenu .dynamicMenuBottom > ul, .subMenu .dynamicMenuBottom > .catImgWrapper
{
width: 368.66px;
position:  relative;
height: max-content;
}

.sublink-wrap
{
display:  none;
position: absolute;
left: 100%;
top:  0;
padding-left: 24px;
box-sizing:  border-box;
height: 100%;
min-height:  390px;
}

.link-wrap:hover > .sublink-wrap
{
display:  block;
background: #fff;
overflow:  auto;
}
#mainMenu li.parentLink:hover > .subMenu .dynamicMenuBottom > ul > li:first-child > .link-wrap > ul
{
display:  block;
}

.subMenu *:not(.dynamicMenu)
{
background-color:  transparent;
}

.subMenu .dynamicMenu
{
width:  1170px;
border-bottom-left-radius: 8px;
border-bottom-right-radius:  8px;
border-top: 0;
background: #fff !important;
box-sizing:  border-box;
margin: 0;
overflow:  hidden;
}
#headerBottom
{
height:  32px;
overflow: hidden;
background:  #DEDEDE;
}
#alterMenu a
{
font-size:  14px;
color: #29296d;
height:  32px;
line-height: 32px;
font-weight:  500;
padding: 0 16px;
box-sizing:  border-box;
}
[dir="rtl"] #alterMenu a
{
border-right:  0;
border-left: 1px solid #ddd;
}
#alterMenu li:last-child a
{
border-right:  0;
}
[dir="rtl"] #alterMenu li:last-child a
{
border-left:  0;
}
#alterMenu .menu > li:hover a
{
color:  #000;
}
#alterMenu .menu > li:hover .subMenu
{
top:  29px;
z-index: 3333;
}
#alterMenu .menu > li:hover .subMenu a
{
border-right:  0;
}
#alterMenu .menu > li:hover .subMenu a:hover
{
color:  #f37121;
}
#alterMenu .subMenu li, #alterMenu .subMenu a
{
line-height:  30px;
border-color: #e0e0e0;
}

.sticky .col-sticky-12
{
width: 100%;
}

.sticky .col-sticky-11
{
width: 91.66666667%;
}

.sticky .col-sticky-10
{
width: 83.33333333%;
}

.sticky .col-sticky-9
{
width: 75%;
}

.sticky .col-sticky-8
{
width: 66.66666667%;
}

.sticky .col-sticky-7
{
width: 58.33333333%;
}

.sticky .col-sticky-6
{
width: 50%;
}

.sticky .col-sticky-5
{
width: 41.66666667%;
}

.sticky .col-sticky-4
{
width: 33.33333333%;
}

.sticky .col-sticky-3
{
width: 25%;
}

.sticky .col-sticky-2
{
width: 16.66666667%;
}

.sticky .col-sticky-1
{
width: 8.33333333%;
}

.sticky .col-sticky-auto
{
width:  auto;
}
@media screen and (max-width: 1230px)
{
#header-info
{
border-left:  0;
}
#mainMenu .menu > li
{
padding-right:  5px;
}

.menu a
{
padding-right:  5px;
padding-left: 5px;
}
}
@media screen and (max-width: 1000px)
{
.sticky .col-md-sticky-12
{
width:100%;
}

.sticky .col-md-sticky-11
{
width: 91.66666667%;
}

.sticky .col-md-sticky-10
{
width: 83.33333333%;
}

.sticky .col-md-sticky-9
{
width: 75%;
}

.sticky .col-md-sticky-8
{
width: 66.66666667%;
}

.sticky .col-md-sticky-7
{
width: 58.33333333%;
}

.sticky .col-md-sticky-6
{
width: 50%;
}

.sticky .col-md-sticky-5
{
width: 41.66666667%;
}

.sticky .col-md-sticky-4
{
width: 33.33333333%;
}

.sticky .col-md-sticky-3
{
width: 25%;
}

.sticky .col-md-sticky-2
{
width: 16.66666667%;
}

.sticky .col-md-sticky-1
{
width: 8.33333333%;
}

.sticky .col-md-sticky-auto
{
width:  auto;
}

.forDesktop #FormAra:before
{
content: '';
}
#headerTop
{
height:  46px;
line-height: 45px;
}
#mainMenu a
{
font-size:  12px;
}
}
@media screen and (min-width: 769px)
{
.menu li.parentLink:hover > ul
{
display:  block;
}
}
@media screen and (max-width: 768px)
{
span#closeMobileMenu
{
width: 25%;
}

.mobile-menu-title #logo p, .mobile-menu-title #logo a
{
height:  16px;
}
div#mobileMenuMain > ul > li:nth-child(1)
{
background:  #DD7163;
}
div#mobileMenuMain > ul > li:nth-child(2)
{
background:  #7676C0;
}
div#mobileMenuMain > ul > li:nth-child(3)
{
background:  #FEBD50;
}
div#mobileMenuMain > ul > li:nth-child(4)
{
background:  #2699FB;
}
div#mobileMenuMain > ul > li:nth-child(5)
{
background:  #74D25D;
}
div#mobileMenuMain > ul > li:nth-child(6)
{
background:  #EAD040;
}
div#mobileMenuMain > ul > li:nth-child(7)
{
background:  #6E4EF7;
}
div#mobileMenuMain > ul > li:nth-child(8)
{
background:  #7E64BE;
}
div#mobileMenuMain > ul > li:nth-child(9)
{
background:  #3636b5;
}
div#mobileMenuMain > ul > li:nth-child(10)
{
background:  #dd7163;
}
div#mobileMenuMain > ul > li:nth-child(11)
{
background:  #7676c0;
}
div#mobileMenuMain > ul > li:nth-child(12)
{
background:  #febd50;
}
div#mobileMenuMain > ul > li:nth-child(13)
{
background:  #2599fb;
}
div#mobileMenuMain > ul > li:nth-child(14)
{
background:  #74d25d;
}
div#mobileMenuMain > ul > li
{
padding:  0 16px;
box-sizing: border-box;
}
div#mobileMenuMain > ul > li > a, div#mobileMenuMain > ul > li > span
{
height:  56px;
line-height: 56px;
display:  flex;
align-items: center;
font-size:  15px;
font-weight: 500;
color:  #fff;
}

.mobile-menu-img
{
width:  24px;
height: 24px;
display:  flex;
align-items: center;
justify-content:  center;
margin-right: 8px;
}

.mobile-menu-img svg
{
fill:  #fff;
}

.mobile-menu-title
{
background:  #29296D;
display: flex;
align-items:  center;
justify-content: space-between;
padding:  8px;
box-sizing: border-box;
}

.mobile-menu-title a img
{
height:  18px;
}
div#mobileMenuMain > ul > li > span
{
background: url(/Data/EditorFiles/Devux/svg/ad-white.svg) no-repeat right;
background-size:  10px;
}
div#mobileMenuMain > ul > li > span.active
{
background: url(/Data/EditorFiles/Devux/svg/au-white.svg) no-repeat right;
background-size:  10px;
}
div#mobileMenuMain > ul > li > ul > li > span, div#mobileMenuMain > ul > li > ul > li > a
{
font-size:  14px;
font-weight: 500;
color:  #fff;
height: 40px;
line-height:  40px;
}
div#mobileMenuMain > ul > li > ul
{
padding-left:  32px;
box-sizing: border-box;
padding-bottom:  24px;
}
div#mobileMenuMain > ul > li > ul > li > span
{
background: url(/Data/EditorFiles/Devux/svg/ad-white.svg) no-repeat right;
background-size:  10px;
}
div#mobileMenuMain > ul > li > ul > li > span.active
{
background: url(/Data/EditorFiles/Devux/svg/au-white.svg) no-repeat right;
background-size:  10px;
}
div#mobileMenuMain > ul > li > ul > li > ul
{
padding-left:  16px;
box-sizing: border-box;
margin-bottom:  8px;
}
div#mobileMenuMain > ul > li > ul > li > ul > li > a
{
color:  #fff;
height: 32px;
line-height:  32px;
}

.sticky .col-sm-sticky-12
{
width: 100%;
}

.sticky .col-sm-sticky-11
{
width: 91.66666667%;
}

.sticky .col-sm-sticky-10
{
width: 83.33333333%;
}

.sticky .col-sm-sticky-9
{
width: 75%;
}

.sticky .col-sm-sticky-8
{
width: 66.66666667%;
}

.sticky .col-sm-sticky-7
{
width: 58.33333333%;
}

.sticky .col-sm-sticky-6
{
width: 50%;
}

.sticky .col-sm-sticky-5
{
width: 41.66666667%;
}

.sticky .col-sm-sticky-4
{
width: 33.33333333%;
}

.sticky .col-sm-sticky-3
{
width: 25%;
}

.sticky .col-sm-sticky-2
{
width: 16.66666667%;
}

.sticky .col-sm-sticky-1
{
width: 8.33333333%;
}

.sticky .col-sm-sticky-auto
{
width:  auto;
}
#mobileAppNotify
{
background-color:  #e0e0e0;
}
#appNotify
{
position:  relative;
z-index: 9999;
}
#appNotifyClose
{
background-color:  #000;
color: #FFF;
font-size:  14px;
line-height: 18px;
text-align:  center;
width: 18px;
min-width:  18px;
height: 18px;
padding:  0;
margin-right: 10px;
border-radius: 100%;
}
#appLogo
{
background-color:  #FFF;
width: 56px;
min-width:  56px;
height: 56px;
border-radius:  4px;
overflow: hidden;
display:  flex;
align-items: center;
justify-content:  center;
text-align: center;
}
#applogo *
{
margin:  0px;
padding: 0px;
}
#appText
{
color:  #000;
font-size: 13px;
font-weight:  500;
line-height: 18px;
width: calc(100% - 176px);
}

.menu-list, .menu-list li, .menu-list a
{
width: 100%;
}

.menu-list.show, .menu li.parentLink ul.show
{
display:  block;
}

.animate
{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode:  both;
animation-fill-mode: both;
}
[dir="rtl"] #menuBtn
{
background-position:  10px center;
}
@-webkit-keyframes pageOverlayDefault
{
from
{
opacity:  1;
}
to
{
opacity:  0;
}
}
@keyframes pageOverlayDefault
{
from
{
opacity:  1;
}
to
{
opacity:  0;
}
}
#pageOverlay
{
position:  fixed;
top: 0;
right:  0;
bottom: 0;
left:  0;
background: rgba(0,0,0,.7);
z-index:  3333;
opacity: 0;
display:  none;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-name:  pageOverlayDefault;
animation-name: pageOverlayDefault;
}
@-webkit-keyframes pageOverlay
{
from
{
opacity:  0;
}
to
{
opacity:  1;
}
}
@keyframes pageOverlay
{
from
{
opacity:  0;
}
to
{
opacity:  1;
}
}

.menuShow #pageOverlay
{
display:  block;
-webkit-animation-name: pageOverlay;
animation-name:  pageOverlay;
}
@-webkit-keyframes mobileMenuDefault
{
from
{
left:  0;
}
to
{
left: -100%;
}
}
@-webkit-keyframes mobileMenuDefaultRtl
{
from
{
right:  0;
}
to
{
right: -100%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:  0;
}
to
{
left: -100%;
}
}
@keyframes mobileMenuDefaultRtl
{
from
{
right:  0;
}
to
{
right: -100%;
}
}
#mobileMenu
{
position:  fixed;
left: -100%;
top:  0;
bottom: 0;
width: 100%;
background:  #fff;
overflow-y: scroll;
-webkit-overflow-scrolling:  touch;
z-index: 4444;
-webkit-animation-name:  mobileMenuDefault;
animation-name: mobileMenuDefault;
}
[dir="rtl"] #mobileMenu
{
right: -100%;
left:  auto;
-webkit-animation-name: mobileMenuDefaultRtl;
animation-name:  mobileMenuDefaultRtl;
}
@-webkit-keyframes mobileMenu
{
from
{
left: -100%;
}
to
{
left:  0;
}
}
@-webkit-keyframes mobileMenuRtl
{
from
{
right: -100%;
}
to
{
right:  0;
}
}
@keyframes mobileMenu
{
from
{
left: -100%;
}
to
{
left:  0;
}
}
@keyframes mobileMenuRtl
{
from
{
right: -100%;
}
to
{
right:  0;
}
}

.menuShow #mobileMenu
{
-webkit-animation-name:  mobileMenu;
animation-name: mobileMenu;
}
[dir="rtl"] .menuShow #mobileMenu
{
-webkit-animation-name:  mobileMenuRtl;
animation-name: mobileMenuRtl;
}
#mobileMenu li ul
{
display:  none;
}
#logo p
{
height:  18px;
line-height: 18px;
justify-content:  center;
margin-top: -2px;
}
#logo a img
{
width:  auto;
display: inline;
vertical-align:  middle;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
line-height:  25px;
font-size: 15px;
color:  #a8a8a8;
}
#FormAra input[type="text"]::-moz-placeholder
{
line-height:  25px;
font-size: 15px;
color:  #a8a8a8;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
line-height:  25px;
font-size: 15px;
color:  #a8a8a8;
}
#FormAra input[type="text"]:-moz-placeholder
{
line-height:  25px;
font-size: 15px;
color:  #a8a8a8;
}
#FormAra button[type="submit"]
{
height:  40px;
width: 40px;
background-size:  20px;
}
#mobileOptions
{
line-height:  50px;
}
#mobileOptions a, #mobileOptions span, #mobileOptions label, #mobileOptions select
{
color:  #363636;
font-size: 15px;
text-transform:  capitalize;
}
#mobileOptions select
{
height:  50px;
line-height: 50px;
}
}
@media screen and (max-width: 540px)
{
.inner.special-inner
{
padding:  0 8px;
box-sizing: border-box;
}

.header-top
{
margin-top:  8px;
padding: 0 8px;
box-sizing:  border-box;
}
ul#alterMenu
{
overflow-y:  hidden;
overflow-x: scroll;
-webkit-overflow-scrolling:  touch;
justify-content: flex-start;
padding:  0 8px;
box-sizing: border-box;
}
ul#alterMenu li
{
flex:  none;
}
#headerBottom
{
height:  24px;
margin-top: 8px;
}
#alterMenu a
{
line-height:  24px;
font-size: 12px;
padding:  0;
margin-right: 12px;
height:  24px;
}

.sticky #headerBottom
{
display:  none;
}

.sticky #headerMain
{
padding-bottom:  8px;
}

.m-pt-0
{
padding-top: 0px !important;
}

.m-pt-10
{
padding-top: 10px !important;
}

.m-pt-20
{
padding-top: 20px !important;
}

.m-pt-30
{
padding-top: 30px !important;
}

.m-pt-40
{
padding-top: 40px !important;
}

.m-pt-50
{
padding-top: 50px !important;
}

.m-pt-60
{
padding-top: 60px !important;
}

.m-pt-70
{
padding-top: 70px !important;
}

.m-pt-80
{
padding-top: 80px !important;
}

.m-pt-90
{
padding-top: 90px !important;
}

.m-pt-100
{
padding-top: 100px !important;
}

.m-pl-0
{
padding-left: 0px !important;
}

.m-pl-10
{
padding-left: 10px !important;
}

.m-pl-15
{
padding-left: 15px !important;
}

.m-pl-20
{
padding-left: 20px !important;
}

.m-pl-30
{
padding-left: 30px !important;
}

.m-pl-40
{
padding-left: 40px !important;
}

.m-pl-50
{
padding-left: 50px !important;
}

.m-pl-60
{
padding-left: 60px !important;
}

.m-pl-70
{
padding-left: 70px !important;
}

.m-pl-80
{
padding-left: 80px !important;
}

.m-pl-90
{
padding-left: 90px !important;
}

.m-pl-100
{
padding-left: 100px !important;
}

.m-pr-0
{
padding-right: 0px !important;
}

.m-pr-10
{
padding-right: 10px !important;
}

.m-pr-15
{
padding-right: 15px !important;
}

.m-pr-20
{
padding-right: 20px !important;
}

.m-pr-30
{
padding-right: 30px !important;
}

.m-pr-40
{
padding-right: 40px !important;
}

.m-pr-50
{
padding-right: 50px !important;
}

.m-pr-60
{
padding-right: 60px !important;
}

.m-pr-70
{
padding-right: 70px !important;
}

.m-pr-80
{
padding-right: 80px !important;
}

.m-pr-90
{
padding-right: 90px !important;
}

.m-pr-100
{
padding-right: 100px !important;
}

.m-row-0
{
grid-row-gap:  0px;
}

.m-row-5
{
grid-row-gap:  5px;
}

.m-row-10
{
grid-row-gap:  10px;
}

.m-row-20
{
grid-row-gap:  20px;
}

.m-row-30
{
grid-row-gap:  30px;
}

.m-row-40
{
grid-row-gap:  40px;
}

.m-row-50
{
grid-row-gap:  50px;
}

.m-row-60
{
grid-row-gap:  60px;
}

.m-row-70
{
grid-row-gap:  70px;
}

.m-row-80
{
grid-row-gap:  80px;
}

.m-row-90
{
grid-row-gap:  90px;
}

.m-row-100
{
grid-row-gap:  100px;
}

.m-column-0
{
grid-column-gap:  0px;
}

.m-column-5
{
grid-column-gap:  5px;
}

.m-column-10
{
grid-column-gap:  10px;
}

.m-column-20
{
grid-column-gap:  20px;
}

.m-column-30
{
grid-column-gap:  30px;
}

.m-column-40
{
grid-column-gap:  40px;
}

.m-column-50
{
grid-column-gap:  50px;
}

.m-column-60
{
grid-column-gap:  60px;
}

.m-column-70
{
grid-column-gap:  70px;
}

.m-column-80
{
grid-column-gap:  80px;
}

.m-column-90
{
grid-column-gap:  90px;
}

.m-column-100
{
grid-column-gap:  100px;
}

.m-grid-1
{
grid-template-columns: repeat(1, 1fr);
}

.m-grid-2
{
grid-template-columns: repeat(2, 1fr);
}

.m-grid-3
{
grid-template-columns: repeat(3, 1fr);
}

.m-grid-4
{
grid-template-columns: repeat(4, 1fr);
}

.m-grid-5
{
grid-template-columns: repeat(5, 1fr);
}

.m-grid-6
{
grid-template-columns: repeat(6, 1fr);
}

.m-grid-7
{
grid-template-columns: repeat(7, 1fr);
}

.m-grid-8
{
grid-template-columns: repeat(8, 1fr);
}

.m-grid-9
{
grid-template-columns: repeat(9, 1fr);
}

.m-grid-10
{
grid-template-columns: repeat(10, 1fr);
}

.m-grid-11
{
grid-template-columns: repeat(11, 1fr);
}

.m-grid-12
{
grid-template-columns: repeat(12, 1fr);
}

.sticky span#menuBtn svg
{
width:  24px;
}

.sticky .header-right-item svg
{
width:  24px;
}

.sticky .cart-soft-count
{
width:  16px;
height: 16px;
}

.sticky #logo p
{
height:  16px;
line-height: 16px;
margin-top:  -1px;
}
div#header-wrap.sticky
{
position:  fixed;
top: 0;
left:  0;
z-index: 9;
}

.sticky #FormAra input[type="text"]
{
height:  32px;
font-size: 11px;
}

.sticky #FormAra input[type="text"]::placeholder
{
font-size:  11px;
}

.sticky #FormAra button[type="submit"]
{
width:  32px;
height: 32px;
}

.sticky .header-top ul
{
height:  24px;
}

.sticky .header-general
{
padding:  4px 8px;
}

.header-top ul li
{
padding:  0 16px;
}

.header-top ul li img
{
margin-left:  32px;
}

.header-top ul li a
{
font-size:  12px;
}

.mobile-search div#search
{
display:  block;
}
#logo a
{
height:  18px;
}
#FormAra
{
background:  transparent;
}
#FormAra input[type="text"]::placeholder
{
font-size:  12px;
}

.mobile-menu
{
width: 25%;
}

.header-right
{
width: 25%;
justify-content:  end;
}
div#logo
{
width: 50%;
}

.header-general
{
padding:  8px;
}

.header-right-item
{
margin-left:  8px;
}
a#cart-soft-count > img
{
height:  21px;
}

.cart-soft-count
{
font-size:  10px;
width: 18px;
height:  18px;
right: -6px;
background:  #4ec0ae;
}
div#search
{
padding:  0 8px;
display: none;
}

.sticky .mobile-search
{
min-height:  auto;
}

.mobile-search
{
min-height:  40px;
}
#FormAra input[type="text"]
{
height:  40px;
border-color: #fff;
padding:  0 12px;
font-size: 12px;
}

.sticky .col-xs-sticky-12
{
width: 100%;
}

.sticky .col-xs-sticky-11
{
width: 91.66666667%;
}

.sticky .col-xs-sticky-10
{
width: 83.33333333%;
}

.sticky .col-xs-sticky-9
{
width: 75%;
}

.sticky .col-xs-sticky-8
{
width: 66.66666667%;
}

.sticky .col-xs-sticky-7
{
width: 58.33333333%;
}

.sticky .col-xs-sticky-6
{
width: 50%;
}

.sticky .col-xs-sticky-5
{
width: 41.66666667%;
}

.sticky .col-xs-sticky-4
{
width: 33.33333333%;
}

.sticky .col-xs-sticky-3
{
width: 25%;
}

.sticky .col-xs-sticky-2
{
width: 16.66666667%;
}

.sticky .col-xs-sticky-1
{
width: 8.33333333%;
}

.sticky .col-xs-sticky-auto
{
width:  auto;
}
#header
{
}
div#headerMain
{
background:  #29296D;
padding-bottom: 0;
}
#mainMenu
{
border-radius:  0;
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:  13px;
}
#FormAra input[type="text"]::-moz-placeholder
{
font-size:  13px;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
font-size:  13px;
}
#FormAra input[type="text"]:-moz-placeholder
{
font-size:  13px;
}

.menuOverflow
{
position:  relative;
}

.menuPrev, .menuNext
{
position:  absolute;
top: 0;
bottom:  0;
width: 15px;
height: 100%;
background-color: rgba(0,0,0,.3);
z-index:  33;
}

.menuPrev
{
left:  0;
}

.menuNext
{
right:  0;
}

.basketLink .icon-cart:before, .accountMessageLink .icon-email:before
{
margin-right:  0;
}
#headerMain .icon-member-default, #headerMain .icon-cart
{
font-size:  16px;
}
}