html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    color: #797979;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
}


type="number" */ .no-spinners {
    -moz-appearance: textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


#FrameDiv {
    /*background: #fff;*/
}

#MenuDiv {
    background: #fff;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
        display: inline-block;
    }
        /*nav ul:first-child{
        width:80%;
    }
        nav ul:last-child{
        width:20%;
        float:right;
    }
               nav ul:last-child li{
       
        float:right;
    }

                 nav ul {
        list-style: none;
        display:inline-block;
    }*/

        nav ul:first-child {
            width: 100% !important;
        }

    nav .ulSearch {
        width: 20%;
        float: right;
        position: relative;
    }

    nav .InputSearch {
        float: right;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #7f7f7f;
    transition: all 0.5s ease;
}

    a:hover {
        color: #333;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #e6e6e6;
    margin: 15px 0;
    padding: 0;
    clear: both;
}

input, select {
    vertical-align: middle;
    -webkit-appearance: none;
}

img {
    max-width: 100%;
}

strike {
    text-decoration: none;
    position: relative;
}

    strike:after {
        content: "";
        position: absolute;
        top: 50%;
        top: calc(50% -1px);
        width: 100%;
        border-top: 1px solid;
        left: 0;
    }

.ShrinkContainer {
    display: block;
    margin: 0 auto;
    width: 70%;
    max-width: 1100px;
    margin-top: 0px;
    margin-bottom: 20px;
}

/*#komponenta_0 .ShrinkContainer.FullWeight {
    margin-top: 1.5px;
}*/

#DivID .ShrinkContainer {
    margin-top: 14px;
    margin-bottom: 14px;
}

.BlogPage .ShrinkContainer {
    margin-top: 0;
}

    .BlogPage .ShrinkContainer #headerImage {
        margin-top: 0;
    }

.BlogPage .col3x3 {
    width: 32.78%;
    margin-right: 0;
    margin-left: 0 !important;
}

.BottomHeader .ShrinkContainer {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.MobileActivatorFixed {
    position: fixed;
    bottom: 25px;
    right: 10px;
    font-size: 24px;
    z-index: 999;
    background: #ffd8009c;
    padding: 5px 8px;
    display: none;
    cursor: pointer;
}

h1, h2, h3, h4, h5 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: normal;
}
/* COLUMNS */
.Section {
    font-size: 0;
    line-height: 0;
    display: block;
}

.GrayBack {
    padding: 0px 0;
    background: #f2f2f2;
    margin-top: 1.5px;
    padding-bottom: 1px;
}

.SectionTitle {
    display: inline-block;
    margin: 20px 0 10px 0;
    font-size: 24px;
    color: #343434;
}

.SubTitleContainer .SectionTitle {
    margin: -10px 0 15px;
    font-size: 19px;
}

.SectionTitle a {
    color: #343434;
}

.Section.GrayBack .ShrinkContainer:first-child {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.Section.GrayBack .ShrinkContainer hr {
    margin-top: 0;
}

.Gray {
    color: #b2b2b2;
}

.Subcategory.ShrinkContainer {
    margin-top: 5px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

    .Subcategory.ShrinkContainer hr {
        margin-bottom: 0;
        margin-top: 0;
    }

.TextAlignLeft {
    text-align: left;
}

.TextAlignRight {
    text-align: right;
}

.FloatRight {
    float: right;
}

.col1x1 {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1;
}

.col2x2 {
    display: inline-block;
    width: 49%;
    font-size: 14px;
    line-height: 1;
    margin-right: 2%;
    vertical-align: top;
}

    .col2x2:last-child {
        margin-right: 0;
        right: 0;
    }
/*.col3x3:last-child,
.col4x4:last-child,
.col5x5:last-child,
col6x6:last-child{
    margin-right:0;
    margin-left:1%;
}*/
.ShrinkContainer .Category.col4x4:first-child {
    margin-right: 1%;
    margin-left: 0%;
}

.col3x3:first-child,
.col4x4:first-child,
.col5x5:first-child,
col6x6:first-child {
    margin-right: 1%;
    margin-left: 0%;
}

.col2x2:visible:nth-child(2n) {
    margin-right: 0;
    margin-left: 1%;
}

.col3x3 {
    display: inline-block;
    width: 32.33%;
    font-size: 13px;
    margin: 0.5%;
    vertical-align: top;
    line-height: 1;
}

    .col3x3:nth-child(3n) {
        margin-right: 0;
        margin-left: 1%;
    }

    .col3x3:nth-child(3n+1) {
        margin-left: 0;
        margin-right: 1%;
    }

.col4x4 {
    display: inline-block;
    width: 24%;
    font-size: 13px;
    line-height: 1;
    margin-left: 0%;
    margin-right: 1.3%;
    vertical-align: top;
}

    .col4x4.placeholder {
        display: inline-block;
        width: 24%;
        font-size: 13px;
        line-height: 1;
        margin-left: 0%;
        margin-right: 1.3%;
        vertical-align: top;
    }

    .col4x4:first-child {
        margin-right: 1.5%;
        margin-left: 0%;
    }

.Category.col4x4:nth-child(4n) {
    margin-right: 0%;
    margin-left: 0%;
}

.col4x4:nth-child(4n+1) {
    margin-right: 0%;
    /*margin-left: 1%;*/
}

.LastInOffer.col4x4:nth-child(4n+1) {
    margin-left: 0%;
    margin-right: 1%;
}

.col4x4.placeholder:nth-child(4n+1) {
    margin-right: 0%;
    /*margin-left: 1%;*/
}



.col5x5 {
    display: inline-block;
    width: 19%;
    font-size: 13px;
    line-height: 1;
    margin: 10px 0.5%;
    vertical-align: top;
}

    .col5x5:nth-child(5n) {
        margin-right: 0;
        margin-left: 1%;
    }

    .col5x5:nth-child(5n+1) {
        margin-right: 1%;
        margin-left: 0;
    }

.col6x6 {
    display: inline-block;
    width: 15.66%;
    font-size: 13px;
    line-height: 1;
    margin: 0.5%;
    vertical-align: top;
}

    .col6x6:nth-child(6n) {
        margin-right: 0;
        margin-left: 1%;
    }

    .col6x6:nth-child(6n+1) {
        margin-right: 1%;
        margin-left: 0;
    }

.FulCol2x2 {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.FulCol3x3 {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
}

.FulCol4x4 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.FulCol5x5 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.FulCol6x6 {
    width: 16.666%;
    display: inline-block;
    vertical-align: top;
}
/* COLUMNS END */
/* HEADER */
header.ShowFixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    transition: all 1s ease;
}
/* TOP HEADER */
.TopHeader {
    display: block;
    padding: 12px 0;
    background: #ffd800;
}

.mobileHeader {
    display: inline-block;
}

.Logo {
    display: inline-block;
    vertical-align: middle;
}

    .Logo img {
        height: 60px;
    }

.TopHeaderMenu {
    float: right;
    /*margin-top: 15px;*/
    font-size: 15px;
    color: #333;
}

    .TopHeaderMenu li {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin: 0 0 0 15px;
        position: relative;
        float: right;
    }

        .TopHeaderMenu li:first-child {
            float: left;
        }

        .TopHeaderMenu li:last-child {
            margin-right: 0;
            float: right;
        }

    .TopHeaderMenu i {
        /*color: #333;*/
        padding-right: 5px;
        font-size: 16px;
    }

.FacebookButton {
    display: block;
    color: #fff;
    background: #3b5998;
    padding: 0 10px;
    border-radius: 4px;
}

    .FacebookButton:hover {
        color: #fafafa;
    }

    .FacebookButton i {
        color: #fff;
    }

.SmallBasket {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: 99;
    color: #b2b2b2;
    text-align: left;
    padding: 10px;
    width: 280px;
    max-width: 280px;
    display: none;
    box-shadow: 0 0 3px #999;
}

    .SmallBasket:after {
        content: "";
        position: absolute;
        bottom: 99.8%;
        right: 10px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }

.continueShippingDiv {
    float: left;
}

.continueShipping.desktop {
    float: left;
    margin: 0;
}

.TopHeaderMenu div:hover > .SmallBasket {
    display: block;
}

.ItemSB {
    display: block;
    padding: 10px 0;
    font-size: 0;
    border-top: 1px solid #b2b2b2;
}

.SmallBasket .ItemSB img {
    width: 25%;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

.ItemSBDesc {
    display: inline-block;
    vertical-align: top;
    width: 73%;
    margin-left: 2%;
    font-weight: bold;
    font-size: 13px;
}

    .ItemSBDesc h4 {
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 3px;
        color: #000;
        line-height: 20px;
    }

.ItemSBQuantity {
    line-height: 15px;
}

.ItemSBPrice {
    font-weight: bold;
    line-height: 15px;
}

.ItemSBTotal {
    padding: 10px 0;
    border-top: 1px solid #7f7f7f;
    line-height: 1;
    font-weight: bold;
    color: #b2b2b2;
}

.ItemSBHolder {
    display: inline-block;
    vertical-align: middle;
}

.ItemSBValue {
    color: #000000;
    float: right;
}

.ItemSBAction {
    text-align: center;
}

    .ItemSBAction a {
        display: inline-block;
        width: 95%;
        margin: 10px 1%;
        border: 1px solid #ffd800;
        color: #000;
        padding: 5px 0;
        border-radius: 3px;
        transition: all 0.5s ease;
        text-transform: uppercase;
        font-weight: bold;
    }

        .ItemSBAction a:hover {
            background: #ffd800;
        }

.Section.WhenInserted.EmptyCart {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    display: block;
}


    .Section.WhenInserted.EmptyCart .JIDetails {
        width: 80%;
        padding: 20px;
        text-align: center;
        line-height: 18px;
    }

#EmptyCartAlert {
    display: none;
}
/* TOP HEADER END */
/* BOTTOM HEADER */
.BottomHeader {
    display: block;
    font-size: 0;
    padding: 0;
    box-shadow: 0px 0px 5px #b2b2b2;
}

nav ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    nav ul li li {
        display: block;
        width: max-content;
    }

nav li:hover > a {
    color: #333;
}

nav ul li ul {
    position: absolute;
    top: 100%;
    display: none;
    box-shadow: 0 0 3px #999;
    text-align: center;
    background: #fff;
    min-width: 150px;
    z-index: 9;
    text-align: left;
}

nav ul li:hover > ul {
    display: block;
}

nav ul li ul ul {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    min-width: 100%;
}

nav ul li ul li:hover > ul {
    display: block;
}

nav a {
    display: block;
    font-size: 15px;
    padding: 18px 0px 15px 20px;
    border-bottom: 3px solid transparent;
    color: #333;
}

nav li:first-child a {
    padding-right: 0;
}

nav a:hover {
    border-bottom: 3px solid #000;
}

nav ul li:first-child a {
    padding-left: 0;
}

nav ul li ul a {
    display: block;
    font-size: 15px;
    padding: 10px 10px 5px 10px !important;
}
/* BOTTOM HEADER END */
/* HEADER END */
/* LAST IN OFFER */
.LastInOffer {
    box-shadow: 0px 0px 3px #b2b2b2;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .LastInOffer.col4x4:first-child {
        margin-left: 0;
        margin-right: 1%;
    }

    .LastInOffer.col4x4:nth-child(4n) {
        margin-right: 0;
        margin-left: 0;
    }

    .LastInOffer:hover {
        box-shadow: 0px 0px 3px #000;
    }

    .LastInOffer.col2x2:nth-child(2n) {
        margin-right: 0;
    }

.LastInOfferImgDiv {
    display: block;
    position: relative;
    text-align: center;
    line-height: 0;
    padding: 10px 10px;
}

    .LastInOfferImgDiv:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background: rgba(0,0,0,0.5);*/
        transition: all 0.5s ease;
    }

    .LastInOfferImgDiv h2 {
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        font-family: 'Ubuntu', sans-serif;
        font-size: 18px;
        font-weight: 500;
        z-index: 1;
        /*padding: 10px;*/
        width: 90%;
        width: calc(100% - 30px);
        transition: all 0.5s ease;
        line-height: 1;
    }

.LastInOffer:hover .LastInOfferImgDiv:after {
    opacity: 0;
}

.LastInOffer .LastInOfferImgDiv h2 {
    background: rgba(0,0,0,0.5);
    margin: 0 10px 10px 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
}

.LastInOffer:hover .LastInOfferImgDiv h2 {
    background: rgba(0,0,0,0.5);
}

.Amenities {
    display: block;
    padding: 10px 0;
    font-size: 0;
    padding: 10px;
}

.ProductPrice, .Ordering {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.PriceName {
    font-size: 14px;
    line-height: 18px;
    color: #797979;
    display: block;
}

    .PriceName span {
        text-decoration: line-through;
    }

.ActualPrice {
    font-size: 16px;
    font-weight: 800;
}

.Ordering {
    text-align: right;
}



.ShowOrderButton {
    display: inline-block;
    background: #fff;
    /*border: 1px solid #e6e6e6;*/
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 8px;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid #ddd;
}

.ShowOrderButton2 {
    display: inline-block;
    background: #fff;
    /*border: 1px solid #e6e6e6;*/
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 8px;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid #ddd;
}

    .ShowOrderButton:hover {
        background: #ffd800;
    }

.OrderButton {
    display: none;
    background: #ffd800;
    position: relative;
    max-width: 150px;
    float: right;
}
.OrderButton2 {
    display: none;
    background: #ffd800;
    position: relative;
    max-width: 150px;
    float: right;
}

    .OrderButton input {
        background: transparent;
        border: 0px;
        padding: 13px 0px;
        width: 30%;
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 20%;
        text-align: center;
    }

    .OrderButton button {
        border: 0px;
        background: transparent;
        padding: 5px 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 30px;
        width: 50%;
        text-align: center;
    }

     .OrderButton2 button {
        border: 0px;
        background: transparent;
        padding: 5px 0;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 30px;
        width: 75px;
        text-align: center;
    }

    .OrderButton .Increase {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 10px;
        font-size: 14px;
        z-index: 1;
        cursor: pointer;
    }


    .OrderButton .Decrease {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 5px 10px;
        font-size: 14px;
        z-index: 1;
        cursor: pointer;
        color: #797979;
    }

.OrderButtonCartPreview {
    display: block;
    position: relative;
    max-width: 150px;
}

    .OrderButtonCartPreview .Increase {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0px 10px;
        font-size: 20px;
        z-index: 1;
        cursor: pointer;
    }

    .OrderButtonCartPreview input {
        background: transparent;
        border: 0px;
        padding: 13px 0px;
        width: 30%;
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 20%;
        text-align: center;
    }

    .OrderButtonCartPreview .Decrease {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0px 10px;
        font-size: 20px;
        z-index: 1;
        cursor: pointer;
    }

/* LAST IN OFFER END */
/* BRAND */
.Brand img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
/* BRAND END*/
/* IMG WITH OVERLAY */
.ImgWithOverlay {
    position: relative;
    color: #fff;
}

    .ImgWithOverlay img {
        width: 100%;
        /*min-height: 300px;*/
        object-fit: cover;
        object-position: center;
        vertical-align: middle;
        position: relative;
        display: inline-block;
    }

    .ImgWithOverlay .ShrinkContainer {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.ImgWithOverlayInner {
    line-height: 500px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0);/*0,2*/
    max-width: 1100px;
    margin: auto;
}

.ImgWithOverlayReset {
    line-height: 1;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    margin-left: 10%;
    text-align: center;
}

.ImgWithOverlayTitle {
    font-size: 50px;
    line-height:1.5;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 800;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ImgWithOverlayBody {
    font-size: 20px;
    line-height: 1.3;
}

    .ImgWithOverlayBody p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
/* IMG WITH OVERLAY END */
/* FOOTER */
footer {
    background: #000;
    padding: 1px 0;
    text-align: center;
    color: #606060;
}

    footer hr {
        color: #333;
        border-top: 1px solid;
    }

    footer a {
        color: #fff;
    }

        footer a:hover {
            color: #4d4d4d;
        }

.FooterLogo {
    max-width: 250px;
    display: inline-block;
}

.FooterMenu, .SocialMenu {
    list-style: none;
    margin: 0;
}

    .FooterMenu li {
        display: inline-block;
        margin: 10px 20px;
        font-size: 15px;
        line-height: 1;
    }

    .SocialMenu li {
        display: inline-block;
        margin: 5px 10px;
        font-size: 25px;
        line-height: 1;
    }

        .SocialMenu li p {
            font-size: 16px;
            color: #fff;
        }

footer .Subscribe {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

footer .SubscribeTo {
    color: #ffd800;
    font-size: 14px;
    line-height: 1.5;
}

.FormJoinedInput {
    display: inline-block;
    width: 30%;
    margin: 10px 0 0 0;
    color: #fff;
}

    .FormJoinedInput input {
        width: 69%;
        width: calc(70% - 2px);
        padding: 10px 0;
        padding-right: 30%;
        margin-right: -30%;
        border: 1px solid #4d4d4d;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        background: transparent;
        font: 12px 'Open Sans', sans-serif;
        color: #fff;
    }

    .FormJoinedInput button {
        width: 30%;
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
        border: 0;
        background: #4d4d4d;
        color: #fff;
        padding: 10px 0;
        transition: all 0.5s ease;
        cursor: pointer;
    }

        .FormJoinedInput button:hover {
            background: #ffd800;
            color: #303030;
        }

.CopyRight {
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
}

    .CopyRight a {
        color: #fff;
    }
/* FOOTER END */

/* SLIDER */
.Slider {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-size: 0;
    line-height: 0;
    color: #414141;
}

    .Slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        white-space: nowrap;
        line-height: 0;
        font-size: 0;
    }

        .Slider ul li {
            position: relative;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

    .Slider img {
        width: 100%;
        /*min-height: 300px;*/
        object-fit: cover;
        object-position: center;
        vertical-align: middle;
    }

.Slider_1 .ControlNext {
    position: absolute;
    top: calc(50% - 17px);
    right: 1%;
    font-size: 14px;
    z-index: 1;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.7607843137254902);
    cursor: pointer;
}

.Slider_1 .ControlPrev {
    position: absolute;
    top: calc(50% - 17px);
    left: 1%;
    font-size: 14px;
    z-index: 1;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.7607843137254902);
    cursor: pointer;
}

.Slider_2 .ControlNext {
    position: absolute;
    top: calc(50% - 17px);
    right: 1%;
    font-size: 14px;
    z-index: 1;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.7607843137254902);
    cursor: pointer;
}

.Slider_2 .ControlPrev {
    position: absolute;
    top: calc(50% - 17px);
    left: 1%;
    font-size: 14px;
    z-index: 1;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.7607843137254902);
    cursor: pointer;
}

.SlideDots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}

    .SlideDots span {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        margin: 5px;
        transition: all 0.5s ease;
        cursor: pointer;
    }

        .SlideDots span.ActiveSlide,
        .SlideDots span:hover {
            background: #ffd800;
        }
/* SLIDER END */
/* BLOG ITEM */
.BlogItem {
    display: block;
    margin: 20px auto;
    position: relative;
}

    .BlogItem .ShrinkContainer {
        border-bottom: 1px solid #b2b2b2;
    }

    .BlogItem h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .BlogItem img {
        width: 100%;
    }

.BlogItemBody {
    padding-bottom: 30px;
    color: #797979;
    font-size: 14px;
    line-height: 18px;
}

    .BlogItemBody p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }


.BlogItemLink {
    position: absolute;
    bottom: 12px;
    background: #ffd800;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1;
    color: #000;
    font-weight: 800;
}

    .BlogItemLink.placeholder {
        bottom: 20px;
    }

    .BlogItemLink:hover {
        background: #000;
        color: #ffd800;
    }
/* BLOG ITEM END */
/* SEARCH PLU */
.InputWithButton {
    display: inline-block;
    max-width: 95%;
    font-size: 0;
    line-height: 0;
    border: 0;
    border-radius: 2px;
    /*width: 200px;*/
    background: #f2f2f2;
    margin: 0px 0;
    float: right;
}

    .InputWithButton input,
    .InputWithButton button {
        background: transparent;
        display: inline-block;
        width: 78%;
        vertical-align: middle;
        border: 0;
        color: #333;
        padding: 7px 0;
        padding-left: 2%;
        font-size: 14px;
    }

    .InputWithButton button {
        width: 20%;
        margin-left: 0;
        background: #ffd800;
        color: #000;
        float: right;
    }
/* SEARCH PLU END */
/* VIDEO */
iframe {
    max-width: 100%;
    width: 100%;
    min-height: 200px;
    display: block;
    margin: 0 auto;
}
/* VIDEO END */
/* PRIVACY */
.Privacy h2 {
    text-align: center;
    display: block;
}

.Privacy h3 {
    font-size: 24px;
    margin: 10px auto;
}

.Privacy h4 {
    font-size: 20px;
    margin: 10px auto;
}

.Privacy p {
    margin: 10px 0;
}
/*PRIVACY END*/
/* JUST INSERTED PRODUCT */
.WhenInserted .ShrinkContainer {
    position: relative;
    z-index: 9;
    display: none;
}

.WhenNotInserted .ShrinkContainer {
    position: relative;
    z-index: 9;
    display: none;
}

.LastInOffer .ShrinkContainer {
    min-width: 100px;
    width: 95%;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.col6x6.LastInOffer .ShrinkContainer .JIDetails {
    font-size: 13px;
    width: 100%;
    text-align: center;
    padding: 2px;
}

.col6x6.LastInOffer .ShrinkContainer img {
    display: none;
}

.JustInserted {
    position: absolute;
    right: 0;
    background: #fff;
    top: 190px;
    max-width: 100%;
    width: 300px;
    box-shadow: 0px 0px 5px #b2b2b2;
}

.CheckBoxInfo {
    left: 0;
    background: #fff;
    max-width: 100%;
    width: 300px;
    box-shadow: 0px 0px 5px #b2b2b2;
    position: absolute;
    top: -50px;
    display: none;
}

.JIHeader {
    background: #ffd800;
    color: #000;
    line-height: 1;
    font-size: 14px;
    padding: 10px;
}

    .JIHeader i {
        color: #fff;
    }

    .JIHeader .BlackI {
        float: right;
        font-size: 16px;
        color: #000;
    }

.JustInserted img {
    width: 30%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
}

.JIDetails {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 1;
    color: #000;
    width: 66%;
}

    .JIDetails h4 {
        font-size: 16px;
        text-transform: uppercase;
    }

.JIPrice {
    color: #b2b2b2;
    font-weight: bold;
}
/* JUST INSERTED PRODUCT END */
/* PLU PARTIAL */
.Product {
    margin: 20px auto;
    margin-bottom: 0;
}

    .Product .ShrinkContainer {
        margin-bottom: 0;
    }

.ProductLeft {
    display: inline-block;
    vertical-align: top;
    width: 38%;
    margin-right: 2%;
}

    .ProductLeft .OtherImages img {
        width: 100%;
    }

.SimilarPlus .SectionTitle {
    margin-top: 10px;
}

.OtherImages {
    margin-top: 20px;
}

.ProductLeft .gallerySlider .OtherImages {
    margin-top: 5px;
}

.MainImg {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 3px #b2b2b2;
}

    .MainImg img {
        width: 100%;
    }

    .MainImg .markerImg {
        width: 25%;
        display: block;
        position: absolute;
        right: 0%;
        top: 0%;
        height: 25%;
        width: 25%;
    }

.HotDeal {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #ff0000;
    font-size: 13px;
    line-height: 1;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

.ProductRight {
    display: inline-block;
    vertical-align: top;
    width: 58%;
    margin-left: 2%;
    font-size: 14px;
    line-height: 1.2;
}

    .ProductRight h1 {
        max-width:82%;
        font-size: 30px;
        margin: 10px 0;
        font-weight: 900;
        display: inline-block;
    }

.ShareThis {
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 1;
    margin: 10px 0;
}

    .ShareThis .FacebookButton {
        padding: 5px;
    }

.RelatedProducts h2 {
    color: #000;
}

.TabChoser {
    display: block;
    position: relative;
    clear: both;
    /*min-height: 185px;*/
    /*border-bottom: 1px solid #b2b2b2;*/
}

    .TabChoser ul {
        list-style: none;
        margin: 10px 0;
        display: block;
        position: relative;
        font-size: 0;
    }

    .TabChoser .Tabs li {
        display: inline-block;
        cursor: pointer;
        color: #b2b2b2;
        transition: all 0.5s ease;
        border-bottom: 1px solid;
        padding: 0 5px;
        font-size: 14px;
    }

.Tabs {
    padding-bottom: 5px;
}

.TabChoser .Tabs li:hover,
.TabChoser .Tabs li.VisibleTabOption {
    color: #333;
}

.TabChoser .TabsContent li {
    display: none;
}

    .TabChoser .TabsContent li.VisibleTab {
        display: block;
        font-size: 15px;
        line-height: 18px;
        color: #797979;
    }

.TabChoser table {
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate;
}

    .TabChoser table td,
    .TabChoser table th {
        padding: 5px;
    }

    .TabChoser table th {
        color: #b2b2b2;
    }

    .TabChoser table td {
        background: #f2f2f2;
    }

    .TabChoser table tr:last-child td {
        border-bottom: 0;
    }

.VariantChoose {
    font-size: 0;
    min-height: 77px;
}

    .VariantChoose span {
        display: block;
    }

    .VariantChoose select {
        width: 100%;
        padding: 5%;
        color: #333;
    }

.Tags {
    margin: 0px 0;
    /*margin: 20px 0;*/
    padding: 7px 10px;
    /*border-bottom: 1px solid #b2b2b2;*/
    border-top: 1px solid #b2b2b2;
    color: #b2b2b2;
    font-size: 15px;
    margin-bottom: 0;
}

.noTags {
    min-height: 25px;
}

.Tags span {
    color: #000;
    margin-right: 10px;
}

.Tags .col3x3 {
    width: 31.33%;
}

.ProductOrderPrice {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    font-size: 14px;
    color: #797979;
    line-height: 18px;
}


    .ProductOrderPrice span {
        display: block;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 20px;
    }

.QuantitySelect {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    font-size: 0;
    text-align: right;
    border-left: 1px solid #b2b2b2;
    float: right;
}

    .QuantitySelect .ProductOrderQuantity {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        position: relative;
    }

    .QuantitySelect .ChooseQuantity input {
        width: 50px;
        padding: 10px;
        border: 0;
        font-size: 16px;
        text-align: right;
    }

    .QuantitySelect .ChooseQuantity .Decrease {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3px 10px;
        color: #797979;
        font-size: 16px;
    }

    .QuantitySelect .ChooseQuantity .Increase {
        position: absolute;
        top: 0;
        left: 0;
        padding: 3px 10px;
        color: #797979;
        font-size: 16px;
    }

    .QuantitySelect .ChooseQuantity button {
        display: inline-block;
        padding: 8px;
        vertical-align: middle;
        margin-left: 5px;
        border: 2px solid #ffd800;
        color: #000;
        cursor: pointer;
        background: #ffd800;
        text-transform: uppercase;
        font-weight: bold;
    }
/* PLU PARTIAL END */
/* CATEGORY */
.Category {
    position: relative;
    line-height: 0;
    font-size: 0;
    box-shadow: 0px 0px 3px #b2b2b2;
}

    .Category:hover {
        box-shadow: 0px 0px 3px #000;
    }

    .Category img {
        width: 90%;
        margin: 5%;
    }

    .Category h2 {
        position: relative;
        font-size: 20px;
        line-height: 1;
        padding: 10px 5%;
        text-transform: uppercase;
        color: #b2b2b2;
        border-top: 1px solid #f2f2f2;
        transition: all 0.5s ease;
            display: flex;
    align-items: center;
    }

    .Category.col4x4 h2 {
        line-height: 2;
    }

    .Category.col6x6 h2 {
        font-size: 16px;
    }

    .Category:hover h2 {
        color: #000;
    }

.CategoryArticles h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}

.CategoryArticles img {
    background: #f2f2f2;
}
/* CATEGORY END */
/* KOLEKCIJE */
.Filter {
    float: right;
    width: 100%;
}

    .Filter .col5x5 {
        width: 18%;
    }

.FilterDiv .col4x4 {
    float: right;
    margin-bottom: 10px;
    width: 15%;
}

    .FilterDiv .col4x4:first-child {
        margin-right: 10px;
    }

    .FilterDiv .col4x4:nth-child(3n+1) {
        margin-right: 10px;
    }

    .FilterDiv .col4x4:nth-child(4n+1) {
        margin-left: 0;
    }

.FilterDiv .chosen-select {
    width: 100%;
    font-size: 16px;
}

.FilterDiv {
    display: inline-block;
    width: 100%;
    float: right;
}

.col4x4:nth-child(4n+1) {
    margin-right: 1.3%;
    margin-left: 1%;
}

#DivID {
    min-height: 282px;
}

.searchBtnDiv {
    /*width:20%;*/
    display: inline;
    float: right;
}

.Filter button {
    padding: 8px;
    background: #ffd800;
    border: 1px solid #ffd800;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

/* KOLEKCIJE END*/
/* KORPA */
.Basket {
    margin: 20px auto;
}

    .Basket table {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        text-align: left;
        color: #333;
    }

.OverflowX {
    overflow: hidden;
    overflow-x: auto;
}

.Basket table td {
    padding: 10px;
    vertical-align: middle;
}

.Basket table .BasketSum td {
    border-top: 1px solid #7f7f7f;
}

.Basket img {
    width: 133px;
    /*height: 10px;*/
    object-fit: cover;
    max-width: 150px;
    border: 1px solid #f2f2f2;
}

.Basket .BasketSum img {
    width: 22px;
    height: 22px;
    object-fit: cover;
    max-width: 150px;
    border: 1px solid #f2f2f2;
}

.Basket table th {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px;
    color: #b2b2b2;
}

.Basket table tr:last-child td {
    background: #f2f2f2;
    color: #000;
    text-transform: uppercase;
    border: 0;
    padding: 20px 10px;
    font-weight: 900;
}

.Basket table .RemoveFromCart {
    color: #000;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5s ease;
}

    .Basket table .RemoveFromCart:hover {
        color: #7f7f7f;
    }

.Basket input {
    background: transparent;
    border: 0;
    text-align: center;
}

.FreeDeliveryMissing {
    color: #000;
    padding: 10px 15px;
    border-left: 3px solid #ffd800;
}

.EmptyBasketDiv {
    height: 100px;
    text-align: center;
    line-height: 300px;
    margin: 100px 0;
    background: url(../../../Scripts/Theme2/img/prazna.svg) no-repeat center center;
}

.SmallBasket .EmptyBasketDiv {
    height: 50px;
    text-align: center;
    line-height: 100px;
    margin: 10px 0;
    background: url(../../../Scripts/Theme2/img/prazna.svg) no-repeat center center;
}

.EmptyBasketInner {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.EmptyBasket {
    width: 150px;
    display: block;
    vertical-align: middle;
    margin: 25px auto;
}

.EmptyTitle {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 28px;
    color: #e6e6e6;
}

.FreeDeliveryInfo {
    padding: 10px 15px;
    padding-bottom: 10px;
    border-left: 3px solid #ffd800;
    margin-bottom: 20px;
}

.btn-red {
    color: #333;
    background: transparent;
    border: 1px solid #333;
    border-radius: 1px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "PoppinsRegular", sans-serif;
    transition: all 0.5s ease;
    cursor: pointer;
    display: inline-block;
    width: 48%;
    margin: 1%;
}

    .btn-red.btn-submit {
        float: right;
        width: 40%;
        border-radius: 1px;
        border: 0;
        border: 1px solid #ffd800;
        color: #333;
        background: #ffd800;
        margin-right: 10px;
    }

        .btn-red.btn-submit:hover {
            float: right;
            width: 40%;
            border-radius: 1px;
            border: 0;
            border: 1px solid #ffd800;
            color: #333;
            background: #fff;
            margin-right: 10px;
        }

    .btn-red:hover {
        background: #ffd800;
        border-color: #ffd800;
    }

    .btn-red.btn-ContinueEmpty {
        float: right;
        width: 100%;
        border: 1px solid #ffd800;
        color: #333;
        background: #ffd800;
        width: 40%;
    }

        .btn-red.btn-ContinueEmpty:hover {
            float: right;
            border: 0;
            border: 1px solid #ffd800;
            color: #333;
            background: #fff;
        }

#cartContinueShopBtn.btn-red.btn-ContinueEmpty {
    float: left;
}

/* KORPA END */
/* REGISTRATION */
.Registration {
    display: block;
    margin: 20px auto;
}

    .Registration input, .Registration select {
        display: block;
        width: 70%;
        background: transparent;
        border: 0;
        padding: 10px 5%;
        color: #333;
        vertical-align: middle;
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
    }

        .Registration input:focus, .Registration select:focus {
            text-align: center !important;
        }


    .Registration select {
        padding: 9px 0;
    }

        .Registration select option {
            color: #000;
        }

    .Registration .Radio input {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }


    .Registration input[type='checkbox'] {
        display: inline-block;
        width: auto;
        float: right;
    }

    .Registration button {
        margin: 0 !important;
    }

label.HasCheckBox {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 29px;
}

.Registration .Radio {
    border-bottom: 1px solid #b2b2b2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.Registration label span {
    color: #ff0000;
}

.Registration button {
    float: right;
    margin: 10px 0;
    /*margin-left: 10px;*/
    padding: 10px 20px;
    border-radius: 1px;
    border: 0;
    background: #ffd800;
    font-family: "PoppinsRegular", sans-serif;
    color: #000;
    cursor: pointer;
    transition: all 0.5s ease;
    text-transform: uppercase;
    border: 1px solid #ffd800;
}

    .Registration button:hover {
        border: 1px solid #ffd800;
        background: #fff;
    }

    .Registration button.FloatLeft {
        float: left;
        background: #fff;
    }

        .Registration button.FloatLeft:hover {
            border: 1px solid #ffd800;
            background: #ffd800;
        }

.Registration .col1x1 {
    margin-bottom: 10px;
}

.Registration textarea {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    resize: none;
    border: none;
    border-bottom: 1px solid #b2b2b2;
}

.Registration:after {
    clear: both;
    position: relative;
    display: block;
    content: "";
}
/* REGISTRATION END */
/* ISPORUKA */
.RegistrationHidden {
    clear: both;
    display: none;
    width: 100%;
}

.RegistrationTitle {
    font-size: 14px;
    display: block;
    padding: 20px;
    margin: 30px 0;
    background: #f2f2f2;
    color: #000;
}

.Registration label.AddBorder {
    margin: 10px 0;
    position: relative;
    padding: 11px;
    display: block;
}

.display-hide {
    display: none;
}

.Registration .Radio input {
    display: none;
}

.Radio .FalseRadio {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    box-shadow: 0 0 0 2px #333;
    border: 2px solid transparent;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

.Radio input:checked + .FalseRadio {
    background: #333;
    box-shadow: 0 0 0 2px #333;
    border: 2px solid #fff;
}

.Wizard {
    display: block;
    text-align: left;
    font-size: 0;
}

    .Wizard a {
        display: inline-block;
        width: 31.33%;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 13px 0;
        position: relative;
        margin-right: 2%;
        text-align: center;
        background: #f2f2f2;
        z-index: 0;
    }

        .Wizard a.CurrentWizard {
            background: #ffd800;
        }

        .Wizard a:first-child {
            border-radius: 1px 0 0 1px;
        }

        .Wizard a:last-child {
            border-radius: 0 1px 1px 0;
            margin-right: 0;
            width: 33.33%;
        }

        .Wizard a:before {
            width: 0;
            height: 0;
            border-top: 20px inset transparent;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #fff;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
        }

        .Wizard a:after {
            width: 0;
            height: 0;
            border-top: 20px inset transparent;
            border-bottom: 20px inset transparent;
            border-left: 20px solid #f2f2f2;
            position: absolute;
            content: "";
            top: 0;
            right: -20px;
            z-index: 2;
        }

        .Wizard a.CurrentWizard:after {
            border-left-color: #ffd800;
        }

        .Wizard a.CurrentWizard:aftebefore {
            border-left-color: #ffd800;
        }

        .Wizard a:first-child:before,
        .Wizard a:last-child:after {
            border: none;
        }

    .Wizard .last {
        border-radius: 0 1px 1px 0;
        margin-right: 0;
        width: 33.33%;
    }

    .Wizard a.last:after {
        border: none;
    }
/*ISPORUKA END */
/* POTVRDA */
.OrderDetails {
    display: block;
    margin: 20px 0;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
}

.Amenity {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    color: #b2b2b2;
    font-size: 14px;
    line-height: 18px;
}

.AmenityValue {
    display: inline-block;
    width: 68%;
    vertical-align: top;
    font-size: 14px;
    line-height: 18px;
}
/* POTVRDA END */
/* KONTAKT */
.ContactPage a,
.ContactPage i {
    color: #333;
    padding: 5px 0;
    display: inline-block;
}

.ContactPage label {
    position: relative;
}

.ContactPage input,
.ContactPage textarea {
    background: transparent;
    padding: 10px;
    border: 0;
    border-bottom: 1px solid #b2b2b2;
    width: calc(100% - 30px);
    color: #fff;
}

.ContactPage textarea {
    min-height: 60px;
    width: calc(100% - 40px);
}

.ContactPage button[type='submit'] {
    float: right;
    padding: 10px 30px;
    border-radius: 1px;
    border: 0;
    color: #333;
    background: #ffd800;
    margin-right: 10px;
}

.ContactPage {
    margin: 20px 0;
}

    .ContactPage:after {
        content: '';
        display: block;
        clear: both;
    }
/* CONTACT END*/
/* LEFT MENU */
.LeftMenu {
    width: 20%;
    background: #f2f2f2;
    height: 100%;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
}

.LeftMenuLogo {
    display: block;
    margin: 0 auto;
    background: #ffd800;
    width: 100%;
}

    .LeftMenuLogo img {
        padding: 20px 0;
        margin: 0 auto;
        display: block;
        max-height: 50%;
        object-fit: contain;
    }

.LeftMenu ul {
    padding: 0 10px;
    color: #000;
    list-style: none;
    padding-left: 10%;
}

    .LeftMenu ul li {
        display: block;
        position: relative;
        padding: 10px 0;
        cursor: pointer;
        width: 70%;
        font-size: 16px;
        padding-top: 25px;
        padding-bottom: 25px;
        font-weight: 600;
    }

        .LeftMenu ul li i {
            font-size: 20px;
        }

        .LeftMenu ul li ul li {
            display: block;
            position: relative;
            padding: 10px 0;
            cursor: pointer;
            width: 70%;
            font-size: 14px;
            padding-top: 20px;
            padding-bottom: 10px;
        }

.LeftMenu > ul > li {
    border-bottom: 1px solid #797979;
}

.LeftMenu a {
    color: #797979;
}

    .LeftMenu a:hover {
        color: #333;
    }

.LeftMenu li i {
    padding-right: 5px;
    color: #797979;
    float: right;
}

.LeftMenu ul li ul {
    display: none;
}

.LeftMenu ul li.ShowThis > a {
    color: #333;
    font-weight: bold;
}

.LeftMenu ul li.ShowThis ul {
    display: block;
}

.MainContent {
    width: 80%;
    right: 0;
    top: 0;
    position: fixed;
    height: 100%;
    overflow: hidden;
    overflow: auto;
}

    .MainContent .Logo {
        opacity: 0;
        z-index: -1;
    }

    .MainContent .ShrinkContainer {
        width: 98%;
    }

.CloseLeftMenu {
    font-size: 0;
}

.YellowLeft {
    background: #ffd800;
}
/* LEFT MENU END */
/* MARKER */
.ImgContainer {
    position: relative;
    display: block;
}

.Marker {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.Hit {
    background: #29aae3;
}

.Sold {
    background: #ed1b24;
    text-decoration: line-through;
}

.New {
    background: #23b574;
}

.Action {
    background: #fdd901;
}
/*MARKER END */
/* LOADER */
.Loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0, 0.3);
    background-position: center;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

#Loader {
    display: none;
}

.Loader img {
    width: 40px;
    display: block;
    margin: 200px auto 20px auto;
    -moz-animation: spin infinite linear 1.5s;
    -webkit-animation: spin infinite linear 1.5s;
    animation: spin infinite linear 1.5s;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* LOADER END*/
/* HOT PLU */
.HotPlu {
    display: block;
    position: relative;
    /*margin-bottom: 40px;*/
}

    .HotPlu .ShrinkContainer {
        padding-bottom: 20px;
        padding-top: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #b2b2b2;
    }

    .HotPlu .MarkerDivHPlu img {
        display: inline-block;
        vertical-align: top;
    }

    .HotPlu .MarkerDivHPlu .markerImgHotPlu {
        width: 25%;
        right: 0;
        position: absolute;
    }

.MarkerDivHPlu {
    display: inline-block;
    width: 35%;
    position: relative;
    overflow: hidden;
}

.SmallHotPlu .MarkerDivHPlu {
    width: 24%;
}

.BigHotPlu .MarkerDivHPlu {
    width: 50%;
}

.HotPluDesc {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 1;
}

    .HotPluDesc h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

.HotPluDescText {
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #797979;
}

    .HotPluDescText p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 16;
        -webkit-box-orient: vertical;
    }
    .BigHotPlu .HotPluDescText p{
     -webkit-line-clamp: 23; 
}
.SmallHotPlu .HotPluDescText p {
    -webkit-line-clamp: 9;
}

.HotPluAmenities {
    display: block;
    margin-top: 10px;
    padding-bottom: 5px;
}

.HotPluAmenity {
    display: inline-block;
    font-size: 12px;
    margin-right: 15px;
    padding-right: 15px;
    color: #b2b2b2;
}

    .HotPluAmenity:last-child {
        border-right: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .HotPluAmenity span {
        color: #333;
    }

.HotPluOrder {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.HotPluPrice {
    color: #797979;
    font-size: 14px;
    display: inline-block;
}

    .HotPluPrice span {
        color: #000;
        font-size: 24px;
        display: block;
    }

.HotPlu img {
    width: 100%;
}

.HotPlu .HotPluDesc {
    width: 63%;
    margin-left: 2%;
    min-height: 200px;
}

.SmallHotPlu .HotPluDesc {
    width: 74%;
    margin-left: 2%;
}



.BigHotPlu .HotPluDesc {
    width: 48%;
    margin-left: 2%;
}
/*.BigHotPlu .HotPluDescContainer,
.BigHotPlu .HotPluOrder{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.BigHotPlu .HotPluOrder{
    width: 100%;
    text-align: right;
    position: relative;
}
.BigHotPlu .HotPluPrice{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}*/
.HotPluOrder .OrderButton {
    display: inline-block;
    background: transparent;
    border-left: 1px solid #b2b2b2;
}

.HotPluOrder .OrderButton2 {
    display: inline-block;
    background: transparent;
    border-left: 1px solid #b2b2b2;
}

    .HotPluOrder .OrderButton button {
        background: #ffd800;
    }
/* HOT PLU END */
/* OPTIMIZE */
.MobileActivator, .MobileActivatorLeft {
    font-size: 0;
    display: none;
}

.WhenInserted.PluDetails {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.WhenNotInserted.PluDetails {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.CursorPointer {
    cursor: pointer;
}
/* OPTIMIZE END */
.gallerySlider .ControlNext {
    display: none;
    margin-top: 13%;
    color: #fff;
}

.gallerySlider .ControlPrev {
    display: none;
    margin-top: 13%;
    color: #fff;
}

.gallerySlider:hover .ControlNext {
    position: absolute;
    right: 0;
    font-size: 20px;
    z-index: 1;
    background: rgba(0,0,0,0.2);
    cursor: pointer;
    width: 20px;
    height: 93px;
    border-radius: 0;
    line-height: 93px;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
}

.gallerySlider:hover .ControlPrev {
    position: absolute;
    font-size: 20px;
    z-index: 1;
    padding: 0;
    background: rgba(0,0,0,0.2);
    cursor: pointer;
    width: 20px;
    height: 93px;
    border-radius: 0%;
    line-height: 93px;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
}

.EnableCookieDiv {
    background-color: #ffd800;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 25px;
    z-index: 9999990;
    color: #000;
    font-weight: bold;
}

    .EnableCookieDiv input[type=button] {
        background-color: #000;
        border: 3px solid #000;
        color: #fff;
        margin-bottom: 5px;
        padding: 6px 10px;
        width: 150px;
        margin-top: 5px;
    }

#ShopenErrorDiv {
    color: #ff0000;
    position: absolute;
    bottom: -18px;
}

.ShopenErrorText {
    color: #ff0000 !important;
}

.markerImg {
    display: block;
    position: absolute;
    right: 0%;
    top: 0%;
    height: 25%;
}

.markerImgPluPartial {
    display: block;
    position: absolute;
    right: 0%;
    top: 0%;
    height: 25%;
    width: 25%;
}

/*.HotPlu .ShrinkContainer .markerImgHotPlu {
    display: block;
    position: absolute;
    top: 0%;
    height: 25%;
}*/
.LastInOfferImgDiv .markerImgPluPartial {
    width: 25%;
}

.HotPlu .ShrinkContainer .markerImgHotPlu {
    display: block;
    position: absolute;
    top: 0%;
    height: 25%;
}

.MainImg .markerImg {
    width: 25%;
}

.WhenLogin {
    display: none;
}
/*UserMenu*/
.UserMenu {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: 99;
    color: #06595e;
    text-align: left;
    padding: 10px;
    width: 150px;
    max-width: 280px;
    display: none;
    font-family: "Lilita", sans-serif;
    box-shadow: 0 0 3px #999;
}

    .UserMenu:after {
        content: "";
        position: absolute;
        bottom: 99.8%;
        right: 10px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }

    .UserMenu .MenuItems {
        border: 1px solid #ffd800;
        padding: 10px 0;
        text-align: center;
        margin-bottom: 5px;
        font-weight: bold;
    }

        .UserMenu .MenuItems:hover {
            background: #ffd800;
            color: #fff;
            opacity: 0.7;
        }

.TopHeaderMenu .HeaderUserMenu:hover > .UserMenu {
    display: block;
}

.TopHeader .ShrinkContainer {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
/*LogInWindow*/
.LogInWin {
    display: none;
    margin-bottom: 0px !important;
}

    .LogInWin input {
        color: #000;
    }

    .LogInWin .ShrinkContainer {
        position: relative;
        z-index: 9;
    }

        .LogInWin .ShrinkContainer .JIDetails {
            width: 100%;
        }

        .LogInWin .ShrinkContainer .JustInserted {
            top: 0px;
        }

#loginButton {
    display: inline-block;
}

#loginForgotButton {
    display: none;
}

#cancelForgotButton {
    display: none;
}

.forgotPassDiv {
    color: #f37297 !important;
    text-decoration: underline;
}

    .forgotPassDiv:hover {
        color: #06595e;
    }

.WhenLogin {
    display: none;
}

#logInErrorDiv {
    color: red;
    text-align: center;
}

.btn-th2 {
    display: block;
    width: 95%;
    margin: 5px 1%;
    border: 1px solid #ffd800;
    color: #000;
    padding: 10px 0;
    border-radius: 3px;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #fff;
}

    .btn-th2:hover {
        color: #fff;
        transition: all 0.5s ease;
        background-color: #ffd800;
    }



.mobileCart {
    display: none;
}

    .mobileCart .col2x2 img {
        margin-left: 2%;
    }

    .mobileCart .col2x2.img {
        width: 40%;
    }

    .mobileCart .col2x2 h1 {
        font-size: 16px;
        font-weight: bold;
        display: inline;
        width: 100%;
    }

    .mobileCart .col2x2 p.price {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 16px;
        color: #ff0000;
    }

    .mobileCart a {
        color: #000;
        float: right;
        cursor: pointer;
        display: inline-block;
        width: 20%;
    }

    .mobileCart .col2x2.cartLabel {
        width: 60%;
    }

    .mobileCart .col2x2.cartSum {
        width: 31%;
        text-align: right;
    }

        .mobileCart .col2x2.cartSum.totalSum {
            font-size: 16px;
            color: #ff0000;
        }

    .mobileCart .shipmentDiv {
        text-align: center;
    }

    .mobileCart .remove {
        width: 30%;
        text-align: right;
    }



.desktopCart {
    display: block;
}

/*.desktopCart .btn-red {
        margin-bottom: 100px;
    }*/


.TextPreview {
    padding-top: 0px;
    padding-bottom: 00px;
    text-align: justify;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cartImg {
    max-width: 22px !important;
    vertical-align: middle;
    margin-right: 6px;
    cursor: pointer;
    width: 100%;
}

Basket .cartImg {
    max-width: 22px !important;
    vertical-align: middle;
    margin-right: 6px;
    cursor: pointer;
    width: 100%;
}

.rT {
    text-align: right;
    padding-right: 50px !important;
}

.rC {
    text-align: center;
}

.ratio-16-9,
.ratio-square {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
}

.ratio-square {
    /*padding-top: 74.5%;*/ /* This is your aspect-ratio */
    padding-top: 55%;
    margin-top: 23%;
    margin-bottom: 22.5%;
}

.ratio-16-9 {
    padding-top: 56.25%; /* This is your aspect-ratio */
}

.ratio-16-9 {
    padding-top: 56.25%; /* This is your aspect-ratio */
}

.ratio-inner {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: unset;
    width: 100%;
    height: 100%;
}

.ArrowsSlider .col3x3 {
    position: relative;
}

.OtherImages .col3x3 {
    display: inline-block;
    width: 29.95%;
    font-size: 13px;
    box-shadow: 0px 0px 3px #b2b2b2;
    margin: 2.5% 2.5% 0;
    vertical-align: top;
    line-height: 1;
}

.ShipmentInfo {
    margin-top: 70px;
}

.QuantitySelect {
    margin-top: 20px;
}

.ProductOrderPrice {
    margin-top: 20px;
}

.Section.BlogPage h3 {
    font-family: 'Ubuntu', sans-serif;
    color: #333;
    margin-bottom: 10px;
}

.BlogPage p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px !important;
}

.BlogPage h1 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 20px auto;
    font-family: 'Ubuntu', sans-serif;
}

.BlogPage img {
    margin-top: 20px;
}

.imgCartHeader {
    width: 16px;
    padding-right: 5px;
}

.CategoryDescription {
    font-size: 14px;
    line-height: 18px;
    color: #797979;
}

.zoom:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
    transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.LastInOfferImgDiv:hover img {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
    transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.LastInOfferImgDiv:hover h2 {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05);
    transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.zoom {
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 3-8 */
    transform: scale(1);
    transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.PriceDiv {
    border-top: 1px solid #b2b2b2;
}

.CategoryName {
    font-weight: 600;
    color: #797979;
    font-size: 16px;
}

.shipmentInfo {
    font-size: 12px;
    padding-top: 5px;
}

.VariantChoose .col3x3:nth-child(3n) {
    margin-right: 0%;
}

    .VariantChoose .col3x3:nth-child(3n) select {
        float: right;
    }

.SubcatPagePreview {
    min-height: 500px;
}

.Registration .col2x2 {
    width: 48%;
}

/*.Registration .col2x2:nth-child(2n) {
        width: 50%;
        margin-right: 0;
    }

    .Registration .col2x2.right {
        width: 50%;
        margin-right: 0;
    }

    .Registration .col2x2.left {
        width: 48%;
        margin-right: 2%;
    }*/

.ContactPage label.col2x2 {
    margin-bottom: 0;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.ShowOrderButton {
    width: 50px;
}


/*pluPartial sa 5i6*/

.LastInOffer.col6x6 .Ordering {
    width: 30%;
    float: right;
}

.LastInOffer.col6x6 .ProductPrice {
    width: 70%;
}

.LastInOffer.col5x5 .Ordering {
    width: 30%;
    float: right;
    padding-bottom: 10px;
}

.LastInOffer.col5x5 .ProductPrice {
    width: 70%;
}

.LastInOffer.col6x6 .OrderButton .Increase,
.LastInOffer.col6x6 .OrderButton .Decrease,
.LastInOffer.col5x5 .OrderButton .Decrease,
.LastInOffer.col5x5 .OrderButton .Increase {
    padding-left: 3px;
    padding-top: 0;
    padding-bottom: 0;
    color: #333;
}

.LastInOffer.col6x6 .cartImg {
    width: 18px;
}

.LastInOffer.col6x6 .PriceName,
.LastInOffer.col6x6 .PriceName span {
    display: block;
}

.LastInOffer.col6x6 .ActualPrice.noPromoion {
    padding-bottom: 18px;
}

.LastInOffer.col6x6 .ActualPrice {
    font-size: 14px;
}

.LastInOffer.col6x6 .OrderButton input,
.LastInOffer.col5x5 .OrderButton input {
    background: transparent;
    border: 0px;
    padding: 0px 0px;
    width: 50%;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    text-align: center;
}

.LastInOffer.col6x6 .OrderButton .fa,
.LastInOffer.col5x5 .OrderButton .fa {
    margin-left: 50%;
}

.col2x2 .LastInOfferImgDiv {
    padding: 5%;
}

    .col2x2 .LastInOfferImgDiv img {
        width: 100%;
    }

    .col2x2 .LastInOfferImgDiv h2 {
        background: rgba(0,0,0,0.5);
        margin: 0 5% 5% 5%;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .col2x2 .LastInOfferImgDiv h2 {
        width: 88%;
    }

.col2x2 .Amenities {
    padding-left: 5%;
    padding-right: 5%;
}

.LoginContainer {
    padding-left: 15px;
    padding-right: 15px;
}

.Registration .col2x2 {
    /*border-bottom: 1px solid #b2b2b2;*/
    /*margin-bottom: 30px;*/
}

.chosen-container-single .chosen-single {
    border: none;
    font-size: 14px;
    color: #797979;
    line-height: 14px;
    padding-top: 0px;
}

.chosen-container-single .chosen-single {
    padding-top: 0;
    padding-bottom: 10px;
    color: #797979;
    line-height: 16px;
}

    .chosen-container-single .chosen-single span {
        color: #797979;
    }

.ContactPage input,
.ContactPage textarea {
    color: #797979;
}

.ContactPage .btn-red.btn-submit {
    float: right;
}

.ContactPage h2 {
    font-size: 24px;
    font-weight: 800;
}

.Section.BlogPage div, .Section.TextPreview div {
    font-size: 14px;
    line-height: 18px;
    color: #797979;
    text-align: justify;
}

    .Section.BlogPage div p {
        font-size: 14px !important;
        line-height: 18px !important;
        color: #797979 !important;
        text-align: justify !important;
    }

.Section.BlogPage span {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #797979 !important;
    text-align: justify !important;
}

.Section.BlogPage h3 {
    font-size: 14px;
    line-height: 18px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
}

.Section.BlogPage h1 {
    font-size: 30px;
    font-weight: 900;
    color: #797979;
    line-height: 1.2; /*dodato da bi se razdvojio naslov kada je u dva reda*/
    text-align:left;

}

.continueShipping {
    float: right;
}

.full-height-content.th-2 {
    border: 1px solid #ddd;
}


.searchAdmin::-moz-placeholder {
    color: #333;
    opacity: 1; /* Firefox */
}

.searchAdmin:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
}

.searchAdmin:-moz-placeholder { /* Microsoft Edge */
    color: #333;
}

.OrderButton button {
    color: #000;
}

.masterCategory1 {
    margin-left: 33.33% !important;
}

.ShrinkContainer .Category.col3x3.masterCategory2:first-child {
    margin-left: 4%;
}

.ShrinkContainer .Category.col3x3.masterCategory2 {
    margin-left: 22%;
    margin-right: 4%;
}

.BlogPage iframe {
    
    min-height: 400px;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
}

.showAllFilters {
    text-align: right;
    float: right;
    margin-right: 40px;
    width: 100%;
    padding-bottom: 5px;
    text-decoration: underline;
    color: #797979;
}

.filterHr {
    border-top: 2px solid #f2f2f2;
    margin: 0.5px 0;
}

#hideAllAttDiv {
    display: none;
}

.Gallery {
    overflow: hidden;
}

.Ordering.Mobile {
    display: none;
}

/*.ImgWithOverlayReset {
    line-height: 1;
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin-left: 5%;
    text-align: center;
}
  .ImgWithOverlayTitle {
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 800;
}
  .ImgWithOverlayBody {
    font-size: 11px;
    line-height: 1.3;
}*/
/*nav ul{
      width:100% !important;
  }
  nav ul:first-child {
    width: 100% !important;
}*/






/*.FilterDiv{
    float:right;
}
.filterBtn{
    width:10%;
    float:right;
}
.filterBtn{
    width:3%;
   
}
.filterBtn .col6x6{
     float:right;
     width:100%;
}
.filterInputs{
    width:87%;
    float:right;
}
.filterInputs .col5x5{
   
    float:right;
    margin-top:0;
}*/

.ActualPrice .rsd {
    display: inline;
}

#newslettermessage {
    color: #ff0000;
    font-size: 14px;
    padding-top: 10px;
    line-height: 1.5;
}

#newslettermessage3 {
    color: #ff0000;
    padding-top: 100px;
    line-height: 1.5;
    font-size: 24px;
    text-align: center;
}

.NewsletterType3 a {
    margin-top: 100px;
}

.NewsletterType3 {
    min-height: 500px;
    line-height: 500px;
}

#newsletterLogIn {
    width: 100%;
    z-index: 9;
    height: 30px;
    margin-left: 35%;
}

.cancelLogIn {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 20px;
    z-index: 9;
}

.tiles {
    top: 0;
    left: 0;
    width: 100%;
}

.tile {
    position: relative;
    float: left;
    width: 100%;
    height: 418px;
    overflow: hidden;
}

.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .2s ease-out;
}

.OtherImages .col3x3:nth-child(3n) {
    margin-left: 4.7%;
    margin-right: 4.7%;
}

.SimilarPlus h2 {
    margin-bottom: 0;
}

.privaciPolicyAndTermsOfUse {
    color: #797979;
    font-size: 14px;
    padding-top: 20px;
}

    .privaciPolicyAndTermsOfUse a {
        text-decoration: underline;
    }

/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff!important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.Section.Registration.NewsLetter {
    min-height: 400px;
}

.BlogPage .col2x2 {
    width: 49.8%;
    margin: 0;
    margin-bottom: 10px;
}

.ProductRight {
    /*min-height: 425px;*/
    position: relative;
}

.ProductBottom {
    width: 100%;
}

.SimilarPlus .ShrinkContainer {
    margin-top: 0;
}

#finishShopping {
    margin-right: 0;
}

.NoMargin .SectionTitle {
    margin-top: 0;
    margin-bottom: 0;
}

.AddBorder {
    border-bottom: 1px solid #b2b2b2;
    border-radius: 3px;
}

.rightInput {
    margin-right: 0;
    width: 50% !important;
}

.ContactPage .col4x4 {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #065959;
    margin-left: 0;
    margin-right: 1%;
}

    .ContactPage .col4x4 a {
        color: #333;
    }

    .ContactPage .col4x4 div {
        color: #333;
        font-weight: bold;
    }
     .ContactPage .col5x5 div {
        font-weight: bold;
    }

.ContactPage .rightInput {
    margin-right: 0;
    width: 50%;
}

.ContactPage.GrayBack {
    margin-top: 1.5px;
    padding-bottom: 20px;
}

.chosen-container {
    background: transparent;
}

.Registration .chosen-container {
    font-size: 13.33333px;
    line-height: 15px;
    border-radius: 5px;
}

.Select {
    padding-bottom: 0 !important;
}

.RegistrationHidden {
    margin-top: 20px;
}

.Registration .col3x3 {
    width: 32.2%;
    margin-left: 0;
    margin-right: 1%;
}

    .Registration .col3x3:last-child {
        margin-right: 0;
    }

.col4x4.Category.placeholder:nth-child(4n+1) {
    margin-right: 0%;
    margin-left: 0%;
}

.TextPages .col1x1 p {
    font-size: 14px;
    line-height: 1.6;
    color: #797979;
    text-align: justify;
    font-family: 'Ubuntu', sans-serif;
}

.SubscribeForm input[type=button] {
    background: #ffd800;
    color: #000;
    width: 30%;
    display: inline-block;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border: 0;
    margin-right: 0px;
    padding: 10px 0;
    transition: all 0.5s ease;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #ffd800;
}

    .SubscribeForm input[type=button]:hover {
        background: #fff;
        color: #000;
        border: 1px solid #ffd800;
        padding: 10px 0;
    }

.SectionTitle.Cat {
    margin-top: 0;
    margin-bottom: 0;
}


#FrameDiv .LastInOfferImgDiv h2 {
    width: calc(100% - 20px);
    margin: 0 0px 10px 10px;
}

#FrameDiv .col2x2 .LastInOfferImgDiv h2 {
    width: 90%;
    margin: 0 5% 5% 5%;
}


/*lista proizvoda*/
.ShrinkContainer .LastInOffer {
    margin: 0.5%;
}

.LastInOffer.col2x2 {
    width: 49.5%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .LastInOffer.col2x2:nth-child(2n) {
    margin-right: 0%;
}

.LastInOffer.col3x3 {
    width: 32.667%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .LastInOffer.col3x3:nth-child(3n) {
    margin-right: 0%;
}

.LastInOffer.col4x4 {
    width: 24.25%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .LastInOffer.col4x4:nth-child(4n) {
    margin-right: 0%;
}

.LastInOffer.col5x5 {
    width: 19.2%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .LastInOffer.col5x5:nth-child(5n) {
    margin-right: 0%;
}

.LastInOffer.col6x6 {
    width: 15.83333%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .LastInOffer.col6x6:nth-child(6n) {
    margin-right: 0%;
}


/*lista proizvoda*/
.HotCategory .LastInOffer {
    margin: 0.5%;
}

    .HotCategory .LastInOffer.col2x2 {
        width: 49.5%;
        margin-left: 0;
        margin-right: 1%;
    }

        .HotCategory .LastInOffer.col2x2:nth-child(2n+1) {
            margin-right: 0%;
        }

        .HotCategory .LastInOffer.col2x2:nth-child(2n) {
            margin-right: 1%;
        }

    .HotCategory .LastInOffer.col3x3 {
        width: 32.667%;
        margin-left: 0;
        margin-right: 1%;
    }

        .HotCategory .LastInOffer.col3x3:nth-child(3n+1) {
            margin-right: 0%;
        }

        .HotCategory .LastInOffer.col3x3:nth-child(3n) {
            margin-right: 1%;
        }

    .HotCategory .LastInOffer.col4x4 {
        width: 24.25%;
        margin-left: 0;
        margin-right: 1%;
    }

        .HotCategory .LastInOffer.col4x4:nth-child(4n+1) {
            margin-right: 0%;
        }

        .HotCategory .LastInOffer.col4x4:nth-child(4n) {
            margin-right: 1%;
        }

    .HotCategory .LastInOffer.col5x5 {
        width: 19.2%;
        margin-left: 0;
        margin-right: 1%;
    }

        .HotCategory .LastInOffer.col5x5:nth-child(5n+1) {
            margin-right: 0%;
        }

        .HotCategory .LastInOffer.col5x5:nth-child(5n) {
            margin-right: 1%;
        }

    .HotCategory .LastInOffer.col6x6 {
        width: 15.83333%;
        margin-left: 0;
        margin-right: 1%;
    }

        .HotCategory .LastInOffer.col6x6:nth-child(6n+1) {
            margin-right: 0%;
        }

        .HotCategory .LastInOffer.col6x6:nth-child(6n) {
            margin-right: 1%;
        }

#FrameDiv .col6x6 .ShowOrderButton {
    width: 30px;
    display: none;
    background: #fff;
    /* border: 1px solid #e6e6e6; */
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 8px;
    cursor: pointer;
    transition: all 0.5s ease;
    border: 1px solid #ddd;
}

#FrameDiv .col6x6 .OrderButton {
    display: block;
}

#FrameDiv .ShowOrderButton {
    display: none;
}

#FrameDiv .OrderButton {
    display: block;
}

    #FrameDiv .OrderButton input {
        color: #000;
    }

/*lista kategorija*/
.Category.col2x2 {
    width: 49.5%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .Category.col2x2:nth-child(2n) {
    margin-right: 0%;
}

.Category.col3x3 {
    width: 32.667%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .Category.col3x3:nth-child(3n) {
    margin-right: 0%;
}

.Category.col4x4 {
    width: 24.25%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .Category.col4x4:nth-child(4n) {
    margin-right: 0%;
}

.Category.col5x5 {
    width: 19.2%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .Category.col5x5:nth-child(5n) {
    margin-right: 0%;
}

.Category.col6x6 {
    width: 15.83333%;
    margin-left: 0;
    margin-right: 1%;

}
.masterCatOverflow{
    display:flex;
    overflow:auto;
    margin-right:1px;
}


.MobileSubCategory .Category.col5x5{
        margin-left: 1px;
    margin-right: .9%;
    min-width: 19.1%;
}
 .MobileSubCategory .Category.col5x5:nth-child(5n){
        margin-right:.9%;
    }
/* width */
.MobileSubCategory ::-webkit-scrollbar {
  height: 5px;
  
}

/* Track */
.MobileSubCategory ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey;
  border-radius: 0px;
  cursor:pointer;
}

/* Handle */
.MobileSubCategory ::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 0px;
}
.ShrinkContainer .Category.col6x6:nth-child(6n) {
    margin-right: 0%;
}

.product-state {
    display: inline-block;
    padding: 0 15px;
    vertical-align: middle;
    border: 0px solid #ffd800;
    color: #fff;
    font-size: 15px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    position: absolute;
    top: 18px;
    left: -1px;
    z-index: 2;
}

.LastInOffer .product-state {
    top: 10px;
}

.LastInOffer.col2x2 .product-state {
    top: 6.5%;
}

.col6x6 .product-state {
    white-space: nowrap;
    max-width: 78%;
    overflow: hidden;
    text-overflow: clip;
}

.col5x5 .product-state {
    white-space: nowrap;
    max-width: 81%;
    overflow: hidden;
    text-overflow: clip;
}

.col4x4 .product-state {
    white-space: nowrap;
    max-width: 85%;
    overflow: hidden;
    text-overflow: clip;
}

.SmallHotPlu .product-state {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: clip;
}

#FrameDiv .col6x6 .product-state {
    white-space: nowrap;
    max-width: 95%;
    overflow: hidden;
    text-overflow: clip;
}

#FrameDiv .col5x5 .product-state {
    white-space: nowrap;
    max-width: 95%;
    overflow: hidden;
    text-overflow: clip;
}

#FrameDiv .col4x4 .product-state {
    white-space: nowrap;
    max-width: 96%;
    overflow: hidden;
    text-overflow: clip;
}

#FrameDiv .SmallHotPlu .product-state {
    white-space: nowrap;
    max-width: 70%;
    overflow: hidden;
    text-overflow: clip;
}

#nlButton,
#nlBackButton {
    position: relative;
    text-align: center;
}

#nlBackButton {
    width: 220px;
    float: left;
    color: #333;
    font-size: 14px;
    margin-left: 40%;
    line-height: 20px;
    display: none;
}

    #nlBackButton:hover {
        width: 220px;
        float: left;
        margin-left: 40%;
    }

#newslettermessage {
    font-size: 24px;
    text-align: center;
}

.VariantChoose label {
    font-size: 17px;
    line-height: 22px;
}

.VariantChoose select {
    color: #797979;
}

.NewsLetterPlu {
    border-bottom: 1px solid #7f7f7f;
}

.NewsLetterPluLabel {
    color: #797979;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
}

.noStock p {
    color: #ff0000;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
}

.MinTextForSearch {
    text-align: center;
    height: 30px;
    display: none;
}

    .MinTextForSearch p {
        text-align: center;
        font-size: 14px;
        color: #ff0000;
    }

.ErrorPage {
    text-align: center;
    height: 100px;
}

    .ErrorPage p {
        text-align: center;
        margin-bottom: 24px;
        font-size: 22px;
    }

    .ErrorPage h2 {
        text-align: center;
        font-size: 36px;
    }

    .ErrorPage a {
        color: #797979;
        font-weight: 600;
    }

    .ErrorPage .InputWithButton input {
        outline: 0;
        padding-left: 5px;
    }

    .ErrorPage .InputWithButton {
        float: none;
        width: 300px;
    }

.addToWishListBtn {
    display: inline-block;
    padding: 8px;
    vertical-align: middle;
    margin-left: 5px;
    border: 2px solid #ffd800;
    color: #000;
    cursor: pointer;
    background: transparent;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13.33333px;
}

    .addToWishListBtn:hover {
        color: #fff;
    }

.QuantitySelect .fa-heart {
    font-size: 14px;
}

.noActiveShopDiv {
    background-color: #ff0000;
    width: 100%;
}

    .noActiveShopDiv p {
        line-height: 40px;
        text-align: center;
        color: #fff;
        font-weight: bold;
    }

.noActiveShopDivCart {
    background-color: #ffd800;
    width: 100%;
}

    .noActiveShopDivCart p {
        line-height: 40px;
        text-align: center;
        color: #333;
        font-weight: bold;
        font-size: 14px;
    }

.Reclamation.TextPages {
    font-size: 15px;
}

.freeShippingBar {
    width: 100%;
    height: 25px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*share btns*/
.show-share-btn {
    display: none;
}


.ShareButtonsHome {
    position: fixed;
    left: 0;
    bottom: 20%;
    height: 50px;
    width: 20px;
    z-index: 9;
}

    .ShareButtonsHome .shareDiv {
        position: relative;
    }

.ShareBtnFrame {
    width: 40px;
    height: 40px;
}

.drop-down-share-btns-layout .fa {
    margin-right: 5px;
}

.ShareBtnFrame-Facebook {
    background-color: rgb(59, 89, 152);
}

    .ShareBtnFrame-Facebook .fa-facebook {
        color: #fff;
        font-size: 25px;
        padding: 7px 12px;
    }

.ShareBtnFrame-Gplus {
    background-color: rgb(220, 78, 65);
}

    .ShareBtnFrame-Gplus .fa-google-plus {
        color: #fff;
        font-size: 22px;
        padding: 8px 7px;
    }

.ShareBtnFrame-Twitter {
    background-color: rgb(85, 172, 238);
}

    .ShareBtnFrame-Twitter .fa-twitter {
        color: #fff;
        font-size: 25px;
        padding: 7px 10px;
    }

.ShareBtnFrame-Pinterest {
    background-color: rgb(203, 32, 39);
}

    .ShareBtnFrame-Pinterest .fa-pinterest-p {
        color: #fff;
        font-size: 25px;
        padding: 7px 10px;
    }

.ShareBtnFrame-Linkedin {
    background-color: rgb(0, 119, 181);
}

    .ShareBtnFrame-Linkedin .fa-linkedin {
        color: #fff;
        font-size: 25px;
        padding: 7px 10px;
    }

.ShareBtnFrame-Share {
    background-color: #ffd800;
}

    .ShareBtnFrame-Share .fa-share-alt {
        color: #fff;
        font-size: 25px;
        padding: 7px 10px;
    }

.ShareBtnFrame-Email {
    background-color: #797979;
}

    .ShareBtnFrame-Email .fa-envelope-o {
        color: #fff;
        font-size: 25px;
        padding: 7px 7px;
    }

.ShareButtonsHome .fa-facebook-square {
    color: rgb(59, 89, 152);
    background-color: #fff;
    border-radius: 0;
}

.ShareButtons {
    width: 17%;
    float: right;
    margin-top: 15px;
    text-align: right;
    position: relative;
}

    .ShareButtons .fa {
        font-size: 24px;
    }

    .ShareButtons a svg {
        width: 20px;
        margin-bottom: -3px;
    }

    .ShareButtons .fa-facebook-square {
        color: rgb(59, 89, 152);
        /*background-color: #fff;*/
    }

    .ShareButtons .fa-twitter-square {
        color: rgb(85, 172, 238);
        /*background-color: #fff;*/
    }

    .ShareButtons .fa-pinterest-square {
        color: rgb(203, 32, 39);
        /*background-color: #fff;*/
    }

    .ShareButtons .fa-share-alt-square {
        color: #ffd800;
        /*background-color: #fff;*/
    }

    .ShareButtons .fa-google-plus-square {
        color: rgb(220, 78, 65);
        background-color: #fff;
    }

    .ShareButtons .fa-linkedin {
        background-color: rgb(0, 119, 181);
        color: #fff;
        padding: 3px;
        font-size: 18px;
        border-radius: 5px;
    }

    .ShareButtons .fa-whatsapp {
        background-color: rgb(99, 194, 32);
        color: #fff;
        padding: 2px 3px;
        border-radius: 5px;
        font-size: 18px;
    }

.drop-down-share-btns-layout .fa {
    font-size: 24px;
}

.drop-down-share-btns-layout .fa-facebook-square {
    color: rgb(59, 89, 152);
    background-color: #fff;
}

.drop-down-share-btns-layout .fa-twitter-square {
    color: rgb(85, 172, 238);
    background-color: #fff;
}

.drop-down-share-btns-layout .fa-pinterest-square {
    color: rgb(203, 32, 39);
    background-color: #fff;
}

.drop-down-share-btns-layout .fa-share-alt-square {
    color: rgb(99, 194, 32);
    background-color: #fff;
}

.drop-down-share-btns-layout .fa-google-plus-square {
    color: rgb(220, 78, 65);
    background-color: #fff;
}

.drop-down-share-btns-layout .fa-linkedin {
    background-color: rgb(0, 119, 181);
    color: #fff;
    padding: 3px;
    font-size: 16px;
    border-radius: 5px;
}

.drop-down-share-btns-layout .fa-whatsapp {
    background-color: rgb(99, 194, 32);
    color: #fff;
    padding: 2px 3px;
    border-radius: 5px;
    font-size: 18px;
}

.drop-down-share-btns-layout svg {
    width: 17px;
    margin-right: 5px;
    background-color: #665cac;
    color: #fff;
    padding: 3px 2px;
    border-radius: 5px;
}

.drop-down-share-btns {
    position: absolute;
    right: 0;
    width: 300px;
    background-color: #fff;
    z-index: 1;
    border: 2px solid #ddd;
    text-align: left;
    padding: 10px;
    font-size: 14px;
    color: #017eff;
}

    .drop-down-share-btns .col2 a {
        font-size: 14px;
        color: #017eff;
    }

    .drop-down-share-btns .col2 {
        width: 49%;
        display: inline-block;
        margin-bottom: 10px;
    }

.drop-down-share-btns-layout {
    position: absolute;
    left: 40px;
    width: 300px;
    background-color: #fff;
    border: 2px solid #ddd;
    text-align: left;
    padding: 10px;
    font-size: 18px;
    color: #017eff;
    bottom: 0px;
}

    .drop-down-share-btns-layout a {
        color: #017eff;
        font-size: 14px;
    }

    .drop-down-share-btns-layout .col2 {
        width: 49%;
        display: inline-block;
        margin-bottom: 10px;
    }

.viberCol {
    position: relative;
}

    .viberCol p {
        margin-left: 6px;
    }

    .viberCol svg {
        position: absolute;
    }

.drop-down-share-btns svg {
    margin-top:-5px;
    width: 17px;
    margin-right: 5px;   
    color: #fff;
    padding: 0px 0px;
    border-radius: 5px;
}

.drop-down-share-btns .fa {
    margin-right: 5px;
}

.SBSVG p {
    display: inline;
   
    line-height: 1.1;
}

.SBSVG img {
    max-width: 21px;
    border-radius: 5px;
    display: inline;
    margin-bottom: -2px;
}

.mobile {
    display: none;
}

.mobileShareBtn {
    display: none;
}

.drop-down-share-btns-layout .col2.mobile {
    display: none;
}

#numOfPluInCart {
    display: inline;
}

.searchErorDiv {
    position: absolute;
    max-width: 200px;
    font-size: 12px;
    color: #000;
    background-color: #ffd800;
    border-radius: 5px;
    padding: 10px;
    bottom: -70px;
    display: none;
    z-index: 9;
}

.LogInDiv {
    width: 55%;
    float: right;
    margin-top: 5px;
    display: none;
    margin-right: 20px;
}

#formNewsletter .LogInDiv {
    width: 55%;
    float: right;
    margin-top: 5px;
    display: none;
    margin-right: 20px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    float: left;
    z-index: 9;
}

#logInBtn {
    margin-right: 25% !important;
    width: 20%;
}

#logInBtn {
    display: none;
    margin-top: 10px !important;
}

#logInBtn1 {
    display: none;
    margin-top: 10px !important;
}

#LogInHide {
    display: none;
    width: 30%;
    margin-top: 10px !important;
}

#ShopenLogIn {
    width: 30%;
    margin-top: 20px;
}

.LogInErrorDiv {
    width: 100%;
    color: #ff0000;
    font-size: 13px;
    display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.nlDiv .col1x1 {
    width: 60%;
    margin-left: 20%;
    margin-bottom: 20px;
}

    .nlDiv .col1x1.title {
        text-align: center;
        margin-bottom: 40px;
        margin-top: 40px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .nlDiv .col1x1.textLInk a {
        color: #333;
        text-decoration: underline;
    }

.g-recaptcha {
    display: inline-block;
}

#nlButton {
    margin-top: 25px;
}

.recaptchaSection {
    margin-bottom: 40px;
}

.LogInDiv .AddBorder {
    margin-top: 5px !important;
}

.SuccesfulRegistration {
    text-align: center;
}

    .SuccesfulRegistration h2 {
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 50px;
        line-height: 1.2;
    }

    .SuccesfulRegistration p {
        font-size: 18px;
        margin-top: 20px;
        line-height: 1.2;
        padding-left: 30px;
        padding-right: 30px;
    }

.g-recaptcha {
    transform: scale(0.7);
    transform-origin: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    padding-top: 20px;
}

.ShopenLoginBtnNewsletter {
    display: block !important;
    width: 95%;
    border: 1px solid #ffd800 !important;
    color: #000;
    padding: 5px 0;
    border-radius: 3px;
    transition: all 0.5s ease;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent !important;
    margin-left: 10%;
}

    .ShopenLoginBtnNewsletter:hover {
        background: #ffd800 !important;
    }

.nlBtns {
    width: 20% !important;
    text-align: center;
    float: left !important;
    margin-left: 40% !important;
}

.TermsOfUseDiv {
    text-align: center;
    margin-top: -15px;
    display: none;
}

.fb-comments iframe {
    width: 1100px !important;
    height: inherit !important;
}

.DeactiveShop {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    height: 60%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.deactiveHight {
    height: 100vh;
}

.DeactiveShop > h2 {
    font-size: 22px;
    padding: 20px 0;
}

.headrToolBox {
    display: none;
}

.searchMenu {
    display: none;
}

.mobileUser {
    display: none;
}

.TopHeaderMenu li.mobile {
    display: none;
}

header {
    margin-bottom: 3px;
}

.TopHeaderMenu li button.openSearch {
    border: none;
    background: none;
}

#inputSearch, #desktopSearch {
    margin-right: -10px;
}

.mobile {
    display: none;
}
/*.MobileActivatorFixed{
    display:none;
}*/
.mobileLabel {
    display: none;
}

.LastInOffer {
    margin-bottom: 10px;
}
#shipmentTable{
    width: 100%;
    text-align:center;
    border: 1px solid #7f7f7f;
    margin-bottom:20px;
}
#shipmentTable th{
    width:calc(100%/7)
}
#shipmentTable td, #shipmentTable th{
    border-left: 1px solid #7f7f7f;
    padding:5px;
}
.SectionSubTitle h2{
        font-size: 15px;
    line-height: 22px;
    font-family: 'Roboto', sans-serif !important;
        padding: 10px 0;
    font-weight: 800;
    text-align:center;
}
  .adressList .col3x3 p, .adressList .col3x3 a {
        font-size:16px;
        line-height:1.5;
        padding:0;
    }
.selectPostalCode .chosen-container-single .chosen-single {
    padding-left: 50%;
    position: absolute;
    top: -16px;
}

@media all and (max-width: 1500px) {
    nav a {
        padding: 18px 0px 15px 20px;
    }
}

@media all and (max-width: 1500px) {
    .full-height-content.th-2 .ShrinkContainer {
        width: 97%;
        min-width: 0;
    }
}

@media all and (max-width: 1200px) {
    .rT {
        padding-right: 70px !important;
    }
}

@media all and (min-width: 1200px) {
    .ShrinkContainer {
        min-width: 1100px;
    }
}

@media all and (max-width: 1200px) {
    .ShrinkContainer {
        width: 98%;
    }

    nav ul li ul {
        width: inherit;
        padding: 0 2%;
    }
}

@media all and (max-width: 900px) {

    .ShrinkContainer {
        width: 98%;
    }

    .TopHeaderMenu {
        display: block;
        position: relative;
        float: none;
        text-align: center;
        padding-top: 5px;
        border-top: 1px solid #7f7f7f;
        margin-top: 15px;
        padding-bottom: 20px;
    }

    .TopHeaderMenu, .BottomHeader {
        display: none;
    }

    .TopHeader {
        text-align: left;
    }

        .TopHeader .ShrinkContainer {
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 0;
            margin-bottom: 0;
        }

    .MainContent .TopHeader {
        text-align: center;
    }

    .MainContent .Logo {
        opacity: 1;
        z-index: 1;
    }

    .TopHeaderMenu li {
        display: inline-block;
    }

    .MobileActivator {
        display: inline-block;
        font-size: 30px;
        text-align: right;
        position: relative;
        margin-left: 10px;
        z-index: 1;
        cursor: pointer;
        float: right;
        margin-top: 15px;
    }

    .MainContent .MobileActivatorLeft {
        display: inline-block;
        font-size: 30px;
        text-align: right;
        position: relative;
        margin-right: 10px;
        z-index: 1;
        cursor: pointer;
        float: left;
    }

    .LeftMenu {
        display: none;
        width: 300px;
        max-width: 100%;
    }

        .LeftMenu.ForceExpand {
            display: block;
        }

    .LeftMenuLogo {
        opacity: 0;
    }

    .TextPages .ShrinkContainer {
        width: 100%;
        margin: 0;
    }

    .CloseLeftMenu {
        position: absolute;
        top: 0;
        right: 0;
        padding: 5px;
        color: #333;
        font-size: 16px;
        margin: 10px;
        cursor: pointer;
        z-index: 1;
    }

    .MainContent {
        width: 100%;
    }

    nav ul li {
        display: block;
        text-align: left;
        margin: 0 auto !important;
        padding-left: 20px;
    }

    nav a {
        padding: 10px 0;
    }

    nav li:first-child a {
        padding-top: 20px;
    }

    nav ul li ul, nav ul li ul ul {
        display: block;
        position: relative;
        width: 100%;
        padding: 0;
        min-width: 100%;
        top: initial;
        left: initial;
    }

    nav ul {
        width: 100% !important;
    }

        nav ul li ul li {
            display: block;
        }

        nav ul li ul {
            box-shadow: none;
        }

    .col4x4, .col4x4:nth-child(4n+1), .col4x4:nth-child(4n) {
        display: inline-block;
        margin: 10px 0;
        width: 49%;
        font-size: 13px;
        line-height: 1;
        margin-right: 0%;
        vertical-align: top;
        /*margin-left:1%*/
    }

    /*.col4x4:nth-child(2n) {
            margin-right: 0;
            margin-left: 1%;
        }*/
    .Category.col4x4 {
        width: 47%;
        margin-left: 2%;
        margin-top: 0;
    }

    .ShrinkContainer .Category.col4x4:first-child,
    .ShrinkContainer .Category.col4x4:nth-child(2n) {
        margin-right: 0%;
        margin-left: 2%;
    }

    .SectionTitle {
        margin-left: 2%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .FulCol6x6 {
        width: 33.333%;
    }

    .col6x6 {
        display: inline-block;
        width: 32.33%;
        font-size: 13px;
        margin: 10px 0.5%;
        vertical-align: top;
        line-height: 1;
    }

        .col6x6:nth-child(3n) {
            margin-right: 0;
            margin-left: 1%;
        }

        .col6x6:nth-child(3n+1) {
            margin-left: 0;
            margin-right: 1%;
        }

    .SmallBasket {
        right: initial;
        left: 0;
    }

        .SmallBasket:after {
            right: initial;
            left: 10px;
        }

    .WhenInserted {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9;
    }

    .Filter {
        float: none;
        width: 80%;
        font-size: 0;
    }

    .BottomHeader {
        width: 60%;
        float: right;
        position: absolute;
        background: #fff;
        text-align: left;
        z-index: 99;
        right: 0;
    }

        .BottomHeader .ShrinkContainer {
            background: #fff;
            z-index: 99;
        }

    .MobileBasket {
        width: 10%;
        display: inline;
        font-size: 30px;
    }
}

@media all and (max-width: 900px) {
    .HotPlu .ShrinkContainer {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .ShrinkContainer {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .OtherImages .col3x3 {
        width: 28.3%;
    }

    .OtherImages {
        margin-top: 5px;
    }

    .gallerySlider .ControlNext {
        position: absolute;
        font-size: 20px;
        z-index: 1;
        padding: 0;
        background: rgba(0,0,0,0.2);
        cursor: pointer;
        width: 20px;
        height: 160px;
        border-radius: 0%;
        line-height: 160px;
        text-align: center;
        transition: all 0.3s ease;
        display: block;
        right: 0px;
        margin-top: 10px;
    }

    .gallerySlider .ControlPrev {
        position: absolute;
        font-size: 20px;
        z-index: 1;
        padding: 0;
        background: rgba(0,0,0,0.2);
        cursor: pointer;
        width: 20px;
        height: 160px;
        border-radius: 0%;
        line-height: 160px;
        text-align: center;
        transition: all 0.3s ease;
        display: block;
        margin-top: 10px;
    }

    .VariantChoose .col3x3 {
        width: 33.333%;
        display: inline-block;
    }



    .Section.GrayBack .ShrinkContainer:first-child {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .col1x1 {
        width: 95%;
    }

    .Gallery.FulCol2x2 {
        width: 49.5%;
        margin-left: 0.5%;
        margin-right: 0;
    }

    .Gallery.FulCol4x4 {
        width: 24.5%;
        margin-left: 0.5%;
        margin-right: 0;
    }

        .Gallery.FulCol4x4:first-child,
        .Gallery.FulCol6x6:first-child {
            margin-bottom: 4px;
        }

    .Gallery.FulCol5x5 {
        width: 19.5%;
        margin-left: 0.5%;
        margin-right: 0;
    }

    .Gallery.FulCol3x3,
    .Gallery.FulCol6x6 {
        width: 32.8%;
        margin-left: 0.5%;
        margin-right: 0;
    }
}

@media all and (max-width: 820px) {
    .HotPlu img {
        width: 100%;
    }

    .HotPlu .HotPluDesc {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .HotPlu .HotPluOrder {
        position: relative;
    }
}

@media all and (max-width: 800px) {
    .ProductLeft, .ProductRight {
        width: 100%;
        margin: 0;
    }

    .BlogItemLink {
        position: relative;
    }
}

@media all and (max-width: 700px) {
    /*.col3x3, .col6x6,
    .col6x6:nth-child(3n), .col6x6:nth-child(3n+1),
    .col3x3:nth-child(3n), .col3x3:nth-child(3n+1) {
        display: inline-block;
        margin: 10px 0;
        width: 49%;
        font-size: 13px;
        line-height: 1;
        margin-right: 1%;
        vertical-align: top;
    }*/

    /*.col3x3:nth-child(2n), .col6x6:nth-child(2n) {
            margin-right: 0 !important;
            margin-left: 1% !important;
        }*/

    .FulCol3x3, .FulCol6x6, .FulCol4x4 {
        width: 50%;
    }
}

@media all and (max-width: 700px) {
    .desktop {
        display: none;
    }

    .mobile.WhenLogin li,
    .mobile.WhenNotLogin li {
        display: inline-block;
    }

    .mobileCart {
        display: block;
    }

    .desktopCart {
        display: none;
    }

    .mobileCart .col2x2 {
        width: 58%;
        display: inline-block;
    }

        .mobileCart .col2x2.img {
            width: 34%;
            display: inline-block;
            padding-left: 2%;
        }

    .pluName {
        width: 100%;
        display: block;
    }

        .pluName a {
            text-align: right;
            padding-right: 10px;
        }
        .pluName a.RemoveFromCart{
            padding-right:0;
        }

    .variantMobile {
        word-wrap: break-word;
        width: 100%;
        margin-right: 0 !important;
        display: inline-block;
        margin-top: 10px;
        border-right: none;
        padding-bottom: 5px;
        line-height: 1.2;
    }

    .orderDiv {
        margin-top: 10px;
        width: 38%;
        margin-right: 0;
        display: inline;
        float: right;
    }

        .orderDiv .Ordering {
            float: right;
            margin-right: 10px;
        }

        .orderDiv .price {
            float: right;
            margin-right: 10px;
        }

    .cartLabel {
        padding-left: 4%;
    }

    .mobileCart hr {
        margin-top: 0px;
    }

    .mobileCart .btn-submit {
        width: 44%;
        margin-right: 3.5%;
        border: 1px solid #333;
    }

    .mobileCart .col2x2.cartLabel {
        width: 56%;
    }

    .mobileCart .col2x2.cartSum {
        width: 31%;
        text-align: right;
    }

        .mobileCart .col2x2.cartSum.totalSum {
            font-size: 16px;
            color: #ff0000;
        }

    .Registration .col2x2 {
        width: 98%;
    }

        .Registration .col2x2:nth-child(2n) {
            width: 98%;
            margin-right: 0;
        }

        .Registration .col2x2.right {
            width: 98%;
            margin-right: 0;
        }

    .Registration button.FloatLeft {
        width: 49%;
    }

    .Registration button {
        width: 49%;
    }

    .Wizard a {
        display: inline-block;
        width: 29.33%;
        color: #333;
        font-size: 14px;
        line-height: 1;
        padding: 13px 0;
        position: relative;
        margin-right: 3%;
        text-align: center;
        background: #f2f2f2;
        z-index: 0;
    }

    .headrToolBox {
        width: 69%;
        background: none;
        text-align: right;
        font-size: 18px;
    }

    .ulSearch {
        display: none;
    }

    .InputWithButton.mobile {
        display: block;
        margin: 0;
        width: 350px;
    }

    .searchMenu {
        position: relative;
        float: none;
        text-align: center;
        padding-top: 5px;
        border-top: 1px solid #7f7f7f;
        margin-top: 15px;
        padding-bottom: 35px;
    }

    .TopHeaderMenu li:first-child {
        display: none;
    }

    .MobileActivatorFixed {
        position: fixed;
        bottom: 25px;
        right: 10px;
        font-size: 24px;
        z-index: 999;
        background: #ffd8009c;
        padding: 5px 8px;
    }

    .mobileUser {
        display: block;
        border-top: 1px solid #797979;
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: none !important;
    }

    footer {
        padding-top: 10px;
        padding-bottom: 0px;
    }

        footer hr {
            display: none;
        }

        footer .FormJoinedInput {
            margin-top: 0;
            margin-bottom: 0;
        }

    .Product {
        margin-bottom: 20px;
    }

        .Product .QuantitySelect {
            width: 45%;
        }

    .Category {
        min-height: 193px;
    }

    .ShrinkContainer.FullWeight {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .BlogItemLink.placeholder {
        bottom: 12px;
    }

    .HotPlu .ShrinkContainer,
    .Product .ShrinkContainer {
        width: 95%;
    }

    .VariantChoose .col3x3 {
        width: 32.333%;
        display: inline-block;
    }

    .OtherImages .col3x3 {
        margin-top: 0;
        display: inline-block;
        width: 29.95%;
        padding: 0;
        font-size: 13px;
        /*margin: 2.5% !important;*/
        box-shadow: 0px 0px 3px #b2b2b2;
    }

    .FilterDiv .col4x4, .FilterDiv .col4x4:nth-child(4n+1), .FilterDiv .col4x4:nth-child(4n) {
        display: inline-block;
        margin: 0 !important;
        width: 30%;
        font-size: 13px;
        line-height: 1;
        margin-right: 0%;
        vertical-align: top;
        /* margin-left: 1%; */
    }

    .chosen-select {
        width: 100%;
    }

    .mobileLabel {
        display: block;
    }

    .Section.GrayBack .ShrinkContainer:first-child {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0;
        padding-right: 0;
    }

    .EnableCookieDiv input[type=button] {
        padding: 5px 30px;
        background: #ffd800;
        border: 1px solid #ffd800;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        margin-bottom: 5px;
    }

    .TabChoser {
        min-height: 10px;
    }

    .btn-red.continueShipping {
        width: 100%;
    }
}

@media all and (max-width: 700px) {
    .HotPlu .ShrinkContainer {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .ShrinkContainer {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .HotPlu .MarkerDivHPlu {
        width: 40%;
        margin-right: 2%;
        display: inline-block;
    }

    .HotPlu .HotPluDesc {
        width: 54%;
    }

    .ImgWithOverlayReset {
        line-height: 1;
        font-size: 8px;
        display: inline-block;
        vertical-align: middle;
        width: 90%;
        margin-left: 5%;
        text-align: center;
    }

    .ImgWithOverlayTitle {
        font-size: 20px;
        margin-bottom: 10px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 800;
    }

    .ImgWithOverlayBody {
        font-size: 14px;
        line-height: 1.3;
    }

    .col4x4 .Category {
        width: 50%;
    }

    .LastInOffer.col4x4 .Ordering.Desktop,
    .LastInOffer.col6x6 .Ordering.Desktop {
        display: none;
    }

    .LastInOffer.col4x4 .Ordering.Mobile {
        display: inline;
        width: 25%;
        float: right;
    }

        .LastInOffer.col4x4 .Ordering.Mobile a,
        .LastInOffer.col6x6 .Ordering.Mobile a {
            display: inline-block;
            background: #ffd800;
            /* border: 1px solid #e6e6e6; */
            border: none;
            padding: 8px;
            cursor: pointer;
            transition: all 0.5s ease;
            border: 1px solid #ddd;
        }



    .ProductPrice {
        width: 75%;
    }

    .LastInOffer.col4x4,
    .LastInOffer.col6x6 {
        width: 47%;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 7px;
    }

        .LastInOffer.col4x4:first-child,
        .LastInOffer.col4x4:last-child,
        .LastInOffer.col6x6:first-child,
        .LastInOffer.col6x6:last-child {
            margin-left: 2%;
            margin-right: 0;
        }

        .LastInOffer.col4x4:nth-child(4n),
        .LastInOffer.col4x4:nth-child(4n+1),
        .LastInOffer.col6x6:nth-child(4n),
        .LastInOffer.col6x6:nth-child(4n+1) {
            margin-right: 0;
            margin-left: 2%;
        }

    .HotPlu .HotPluDesc {
        padding-right: 10px;
    }

    .BlogItem {
        margin-left: 0%;
    }

        .BlogItem .col2x2 h3 {
            margin-bottom: 5px;
        }

    .BlogItemBody p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .LastInOffer.col4x4.SimilarPlus {
        width: 96%;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 7px;
    }

    .Tags .col2x2 {
        display: inline-block;
        width: 48%;
    }

    .BlogPage .col1x1 {
        width: 100%;
        text-align: justify;
    }

    .BlogPage img {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}


@media all and (max-width: 600px) {
    .Logo {
        margin-top:5px;
    }
    .ImgWithOverlay .ShrinkContainer{
        margin-bottom:0;
    }
    .ShrinkContainer.FullWeight{
        margin-top:0;
        margin-bottom:0;
        /*padding-bottom:0;*/
        padding-top:0;
    }
    label.col2x2,
    .Registration .col1x1 {
        margin-bottom: 10px;
        PADDING: 10px 0;
        width: calc(100%);
        border: none;
    }

    .ContactPage a, .ContactPage i {
        padding: 0;
    }

    .Registration input:focus, .Registration select:focus {
        background: unset;
    }

    .HotPluPrice span {
        font-size: 18px;
    }

    .Registration input, .Registration select {
        text-align: left;
        width: 60%;
    }

    .registationForm .Registration select {
        width: 100%;
    }

    .Registration label.AddBorder {
        padding: 10px 0px;
    }

    .DayOfBirth .col3x3 {
        width: 32.5%;
        margin-right: unset;
    }

    .Registration select {
        padding: 6px 10px;
    }

        .Registration select#addressSelect {
            width: 69%;
        }

    .Registration .DayOfBirth .col3x3 input {
        box-sizing: content-box;
        padding: 6px 10px;
    }

    #newsletterLogIn {
        width: 100%;
        margin: 0;
        margin-top: 9px;
    }

    #nlButton {
        float: left;
        width: 100%;
        margin-top: 0px;
    }

    .nlDiv .col1x1 {
        margin: 0;
        width: 100%;
    }

    .registationForm {
        width: 95%;
        margin-left: 2.5%;
    }

        .registationForm .ShrinkContainer {
            width: 100%;
        }

    .nlDiv .textLInk {
        line-height: 1.5;
    }

    .TopHeaderMenu li {
        float: none;
    }

    .TopHeader > .ShrinkContainer {
        min-height: 50px;
    }

    .mobileHeader {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }

    .SubTitleContainer .SectionTitle {
        font-size: 16px;
        line-height: 1.1;
    }

    .TopHeaderMenu {
        margin-top: 0px;
        margin-bottom:5px;
    }
    .TopHeader li{
        margin-top:0!important;
    }

    .MobileActivator {
        margin-top: 0px;
    }

    .no-mobile {
        display: none !important;
    }

    .SlideDots {
        position: relative;
        bottom: 0;
        padding-top: 5px;
    }
    .BlogPage iframe{
        min-height:200px;
    }
        .SlideDots span {
            width: 6px;
            height: 6px;
            margin: 3px;
            background: #797979;
        }

    .Category.col2x2 {
        width: 48.5%;
        margin-left: 0;
        margin-right: 1%;
    }

    .Category h2 {
        font-size: 16px;
        text-align: center;
        white-space: initial;
    }

    .LastInOfferDescription h2 {
        text-align: center;
        font-size: 15px;
    }

    .ProductPrice .ActualPrice strike {
        position: absolute;
        bottom: 15%;
        left: 3%;
        color: #797979;
    }

    .ProductPrice span.OldPrice {
        font-size: 12px;
    }

    .ShrinkContainer .Category {
        margin: 0.75%;
    }

    .Category {
        box-shadow: 0px 0px 3px #b2b2b2;
    }


    .BottomHeader {
        width: 100%;
        overflow: scroll;
        max-height: calc(100vh - 110px);
    }

    .headrToolBox {
        width: unset;
        display: flex;
        padding-top: 0px;
        align-items: center;
    }

    nav ul li li {
        width: unset;
    }

    .col2x2 .LastInOfferImgDiv h2 {
        font-size: 14px;
        width: 84%;
    }

    .LastInOffer.col4x4.SimilarPlus {
        width: 48%;
        margin: 0.75%;
    }

        .LastInOffer.col4x4.SimilarPlus:nth-child(2n+1) {
            margin-right: 1.5%;
        }

    .col2x2 {
        width: 100%;
    }

    .ShareButtons {
        display: none;
    }

    .ShareButtonsHome {
        display: none !important;
    }

    .TabChoser ul {
        margin-bottom: 20px;
    }

    .Slider .ControlNext, .Slider .ControlPrev {
        display: none;
    }

    .Slider img {
        /*height: 115px;*/
    }

    .Wizard {
        text-align: left;
    }

    header {
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        width: 100%;
        margin-bottom:0;
    }
    body.freeShipping{
    margin-top:85px;
}
.freeShipping header{
    top:25px;
}
.freeShippingBar{
    position:fixed;
    top:0;
    z-index:999;
}
.freeShipping .BottomHeader{   
    height: calc(100vh - 115px);
}

    body {
        margin-top: 60px;
    }

    .ContactPage .col4x4 {
        width: 98%;
    }


    #contactUs .col3x3 {
        width: 100%;
    }

    .EmptyBasketDiv {
        height: 55px;
        line-height: 175px;
    }

    .EmptyTitle {
        font-size: 19px;
    }

    .Wizard a, .Wizard a:last-child {
        width: 90%;
        width: calc(100% - 20px);
        margin: 0px auto;
        display: inline-block;
    }

    .OrderDetails {
        margin: 0;
    }

    .Wizard a:last-child {
        width: 100%;
    }

    .FormJoinedInput {
        text-align: center;
        width: 95%;
    }

    .WhenInserted .ShrinkContainer {
        position: fixed;
        top: 19%;
        /* right: 7.75%;*/
    }

    [id^=insertModal_], #logInInserted {
        width: 100vw !important;
        height: 100vh;
        top: 0 !important;
        background: var(--main-bg-color);
    }

    #logInInserted {
        position: fixed;
        left: 0;
    }

    .JustInserted {
        top: 190px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        right: unset;
    }

    .FormJoinedInput input,
    .FormJoinedInput button {
        display: inline-block;
        width: 100%;
        margin: 10px 0;
        padding: 10px 0;
    }

    .CopyRight {
        display: block;
        width: 100%;
        text-align: center;
    }

    .Amenity {
        width: 100%;
    }

    .AmenityValue {
        width: 100%;
        /*border-bottom: 1px solid #7f7f7f;*/
        line-height: 1.5;
    }

    .OrderDetails .col1x1 {
        margin-bottom: 10px;
    }

    .FulCol3x3, .FulCol2x2 {
        width: 100%;
    }

    .OtherImages .col3x3 {
        display: inline-block;
        width: 29.95%;
        padding: 0;
        font-size: 13px;
        margin: 0 2.5% !important;
        margin-top: 2.5% !important;
        box-shadow: 0px 0px 3px #b2b2b2;
    }

    .gallerySlider:hover .ControlPrev {
        line-height: 0;
    }

    .OtherImages .col3x3 {
        display: inline-block;
        width: 29.5%;
        padding: 0;
        font-size: 13px;
        /*margin: 2.5% !important;*/
        box-shadow: 0px 0px 3px #b2b2b2;
    }
    .HotPluDescText p, .SmallHotPlu .HotPluDescText p, .BigHotPlu .HotPluDescText p  {
        -webkit-line-clamp: 3;
    }

}

@media all and (max-width: 599px) {
    /*.Wizard a:last-child {
        width: 33.33%;
    }

    .Wizard .last {
        width: 33.33%;
    }

    .Wizard a:before {
        border-left: 20px solid rgba(0,0,0,0.5);
    }*/
}

@media all and (max-width: 500px) {
    .Section.GrayBack .ShrinkContainer hr {
    margin-top: inherit;
}
    .TopHeaderMenu{
        padding-bottom:unset;
    }
    .Ordering.Mobile {
        display: inline;
    }

    .TopHeader {
        padding: 5px 0;
    }

    .nlDiv .col1x1.title {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .Registration {
        margin-bottom: 0px;
    }



    .InputWithButton input {
        width: 87%;
        padding-left: 1%;
        padding: 7px 0;
    }
    .ErrorPage .InputWithButton input{
        width:80%;
    }

    .InputWithButton button {
        width: 12%;
        padding: 7px 0;
        padding-left: 1%;
    }

    .btn-red.btn-ContinueEmpty {
        width: 99%;
    }

    .btn-red.btn-submit:hover {
        width: 46%;
        margin-right: 1%;
    }


    footer {
        padding-top: 0px;
    }

        footer a {
            font-size: 15px;
            margin-top: 2px;
        }

    .col1x1 {
        width: 100%;
    }

    .mobileCart {
        display: block;
    }

    .TopHeaderMenu li.mobile {
        display: inline-block;
    }

    .desktopCart {
        display: none;
    }

    .mobileCart .col2x2 {
        width: 58%;
        display: inline-block;
    }

    .SectionTitle {
        font-size: 18px;
        line-height: 1.3;
        margin-left: 0%;
    }

    .BlogItemBody {
        padding-bottom: 42px;
    }

    .ContactPage {
        margin-top: 70px;
    }

    .Section.BlogPage h1 {
        font-size: 18px;
    }

    .ContactPage input, .ContactPage textarea {
        width: calc(100% - 22px);
    }

    .ContactPage textarea {
        min-height: unset;
        height: 40px;
        width: calc(100% - 22px);
    }

    .ContactPage {
        margin-top: 20px;
    }

        .ContactPage .btn-submit {
            margin: 0;
            width: 100%;
            font-size: 14px;
        }

    .col3x3.Category.masterCategory2 {
        width: 48%;
        min-width: calc(90vw / 2);
        display: inline-block;
    }

   
    .masterCatOverflow {
        display: flex;
        overflow-x: scroll;
       
    }
    .MobileSubCategory ::-webkit-scrollbar{
        display:none;
    }
   
    .MobileSubCategory .Category.col5x5{
        margin:0px;
        margin-left:2%;
        width:48.3%;
        min-width: 48.3%;
         margin-top: 2px;
    margin-bottom: 5px;
    }
    
    .ShrinkContainer.MobileSubCategory .Category.col5x5:first-child{
        margin-top: 2px;
        margin-left:2px;
    }
    .ShrinkContainer .Category.col3x3.masterCategory2:first-child {
        margin-left: 2px;
        margin-right: 3%;
    }

    .ShrinkContainer .Category.col3x3.masterCategory2 {
        margin-left: 0;
        margin-right: 3%;
    }

        .ShrinkContainer .Category.col3x3.masterCategory2:last-child {
            margin-right: 2px;
        }

    .BlogPage, .TextPages, .ContactPage {
        width: 95%;
        margin-left: 2.5%;
    }

    nav a, nav li:first-child a {
        padding: 0;
    }
   
    nav ul li {
        padding: 0px 0px;
    }
    nav ul li ul a{
        padding:0 0 0 10px !important ;
    } 
     nav ul li ul li:first-child{
         padding-top:0px !important;
     }
     nav ul a{
         padding-top:10px!important;
         padding-bottom:10px!important;        
     }
      nav ul li ul a{
          padding-top:10px!important;
         padding-bottom:10px!important;
     }
    nav ul:first-child {
        padding: 20px;
        padding-bottom:40px;
        width: calc(100% - 60px) !important;
    }

    .ContactPage {
        margin: 0px 0;
        margin-left: 2.5%;
    }

        .ContactPage .col4x4 {
            margin-top: 2px;
            margin-bottom: 2px;
        }

        .ContactPage.GrayBack {
            padding-bottom: 0px;
        }

        .ContactPage .col4x4 {
            font-size: 14px;
            margin-top: 2px;
            margin-bottom: 2px;
            line-height: 1.2;
        }

         .ContactPage .col5x5 {
            font-size: 14px;
            margin-top: 2px;
            margin-bottom: 2px;
            line-height: 1.2;
        }

    #FilterMobile button {
        padding: 8px;
        background: #ffd800;
        border: 1px solid #ffd800;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .Filter {
        position: fixed;
        z-index: 9;
        background: #f2f2f2;
        width: 95%;
        left: 0;
        top: 60px;
        height: calc( 100vh - 60px);
        padding: 2.5%;
    }
    .freeShipping .Filter{
        top:84px;
        height:calc( 100vh - 84px);
    }

    .searchBtnDiv .col6x6:nth-child(3n+1) {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .Filter button {
        width: 30%;
    }

    .Filter .FilterDiv .col4x4, .FilterDiv .col4x4:nth-child(4n+1), .FilterDiv .col4x4:nth-child(4n) {
        width: 100%;
        margin: 10px 0 !important;
    }

    .Filter .mobileLabel {
        margin-bottom: 5px;
    }

    .FilterDiv {
        float: none;
    }

    .searchBtnDiv {
        float: none;
        width: 100%;
    }

    .Section.BlogPage h3 {
        font-size: 14px;
    }

    .categoryDetails .LastInOffer.col4x4:nth-child(4n), .LastInOffer.col4x4:nth-child(4n+1), .LastInOffer.col6x6:nth-child(4n), .LastInOffer.col6x6:nth-child(4n+1), .LastInOffer.col4x4:last-child {
        margin: .75%;
    }

    .categoryDetails .LastInOffer.col4x4:nth-child(2n) {
        margin-left: .75%;
    }

    hr {
        margin: 7px 0;
    }

    .Wizard a {
        width: 30%;
        margin-right: 5%;
        padding: 10px 0;
    }

    .Wizard .last {
        width: 30%;
        margin-right: 0;
    }

    .Wizard .last, .Wizard a, .Wizard a:last-child {
        width: 30%;
    }

        .Wizard a:after {
            width: 0;
            height: 0;
            border-top: 17px inset transparent;
            border-bottom: 17px inset transparent;
            border-left: 16px solid #f2f2f2;
            position: absolute;
            content: "";
            top: 0;
            right: -16px;
            z-index: 2;
        }

        .Wizard a:before {
            width: 0;
            height: 0;
            border-top: 17px inset transparent;
            border-bottom: 17px inset transparent;
            border-left: 17px solid #fff;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
        }

    .LogInDiv {
        width: 100%;
        float: none;
    }

    #logInBtn {
        margin: 0 !important;
    }

    #logInBtn1 {
        margin: 0 !important;
    }

    #formNewsletter .LogInDiv {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    #newslettermessage {
        font-size: 20px;
        line-height: 1.4;
    }

    .cancelLogIn {
        margin: 0;
    }

    .rightInput {
        width: 98% !important;
    }

    .pluName {
        width: 90%;
        display: block;
    }
    .reviewCart .pluName{
        width:100%;
    }

    .Select {
        height: 25px;
    }

    #ShopenLogIn {
        width: 100%;
    }

    .Registration button.FloatLeft {
        float: unset;
    }

    .Registration button {
        width: 100% !important;
        float: none;
        margin-bottom: 10px !important;
    }

    .pluName a {
        text-align: right;
        padding-right: 10px;
    }

    .mobileCart .pluName a {
        position: absolute;
        top: 2px;
        right: 0;
    }

    .variantMobile {
        word-wrap: break-word;
        width: 100%;
        margin-right: 0 !important;
        display: inline-block;
        margin-top: 5px;
        border-right: none;
        padding-bottom: 0px;
        line-height: 1.2;
    }

    .orderDiv {
        margin-top: 0px;
        width: 100%;
        margin-right: 0;
        display: inline;
        float: right;
    }

    .OrderButtonCartPreview {
        text-align: left;
    }

        .OrderButtonCartPreview input {
            padding: 5px 0;
        }

    .totalCart {
        font-weight: 600;
        margin: 10px 0;
    }

    .OrderButtonCartPreview input {
        margin-left: 0;
    }

    .orderDiv .Ordering {
        float: none;
        margin-right: 10px;
    }

    .orderDiv .price {
        float: none;
        margin-right: 10px;
    }

        .orderDiv .price.total-price {
            margin: 5px 0;
        }

    .mobileCart .pluDesc {
        position: relative;
    }

    .mobileCart .col2x2 p.price {
        padding: 0px 0;
        font-size: 14px;
    }

        .mobileCart .col2x2 p.price.total-price {
            font-size: 16px;
        }

    .mobileCart .totalCart {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        padding-right: 2.5%;
    }

        .mobileCart .totalCart .col2x2.cartLabel {
            width: unset;
        }

        .mobileCart .totalCart .col2x2.cartSum {
            width: unset;
        }

    .cartLabel {
        padding-left: 2%;
    }

    .mobileCart hr {
        margin-top: 0px;
    }

    .mobileCart .btn-submit {
        width: 46%;
        margin-right: 1%;
        font-size: 14px;
    }

    .mobileCart .Section input.btn-red {
        font-size: 14px;
    }

    .mobileCart .col2x2.cartLabel {
        width: 60%;
    }

    .mobileCart .col2x2.cartSum {
        width: 31%;
        text-align: right;
    }

        .mobileCart .col2x2.cartSum.totalSum {
            font-size: 16px;
            color: #ff0000;
        }

    .Registration .col2x2 {
        width: 98%;
    }

        .Registration .col2x2:nth-child(2n) {
            width: 98%;
            margin-right: 0;
        }

        .Registration .col2x2.right {
            width: 98%;
            margin-right: 0;
        }

    .Registration button.FloatLeft {
        width: 49%;
    }

    .Registration button {
        width: 49%;
    }

    /*.Wizard a {
        width: 100%;
        margin-top: 0;
    }

        .Wizard a:before {
            width: 0;
            height: 0;
            border-top: none;
            border-bottom: none;
            border-left: none;
            position: absolute;
            content: "";
            top: 0;
            left: 0;
        }

    .Wizard .last {
        width: 100%;
        margin-top: 0;
    }

    .Wizard a:last-child {
        width: 100%;
        margin-top: 0;
    }*/

    .Registration {
        margin-top: 10px;
    }

    .rsd {
        font-size: 12px;
        display: inline;
    }

    .HotPlu {
        margin: 0 2.5%;
    }

        .HotPlu .ShrinkContainer {
            width: 100%;
            padding-left: 0;
            margin: 0;
            padding: 0;
        }

    .ShrinkContainer {
        width: 100%;
        margin-left: inherit;
        margin-right: inherit;
    }

    .ErrorPage h2 {
        font-size: 26px;
    }

    .ErrorPage {
        height: inherit;
    }

    .ErrorPage-error {
        padding-top: 20px;
    }

    .ErrorPage p {
        font-size: 16px;
    }

    .col3x3.Category.masterCategory2 {
        display: inline-block;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .OtherImages .col3x3 {
        margin-top: 0;
        display: inline-block;
        width: 28.3%;
        padding: 0;
        font-size: 13px;
        margin: 0;
        /*margin: 2.5% !important;*/
        box-shadow: 0px 0px 3px #b2b2b2;
    }

    /*.FilterDiv .col4x4, .FilterDiv .col4x4:nth-child(4n+1), .FilterDiv .col4x4:nth-child(4n) {
        display: inline-block;
        width: 30%;
        font-size: 13px;
        line-height: 1;
        margin-right: 0%;
        vertical-align: top;
        margin-top: 10px;
        
    }*/

    .chosen-select {
        width: 95%;
        height: 32px;
        background-color: #fff;
    }

    .FilterDiv {
        margin-top: 0px;
    }

    .LogInWin .JustInserted {
        width: 90%;
        position: fixed;
        left: 5%;
        top: 80px !important;
    }

    .LogInWin .LoginContainer {
        width: calc(100% - 30px);
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .FreeDeliveryMissing {
        border-left: none;
    }
}

@media all and (max-width: 500px) {
    select, input, textarea {
        font-size: 16px !important;
    }

    .ShrinkContainer {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .HotPlu .MarkerDivHPlu {
        width: 100%;
    }

    .ImgWithOverlayReset {
        line-height: 1;
        font-size: 8px;
        display: inline-block;
        vertical-align: middle;
        width: 90%;
        margin-left: 5%;
        text-align: center;
    }

    .ImgWithOverlayTitle {
        font-size: 20px;
        margin-bottom: 10px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 800;
    }

    .ImgWithOverlayBody {
        font-size: 14px;
        line-height: 1.3;
    }

    .col4x4 .Category {
        width: 50%;
        min-height: 193px;
    }

    .LastInOffer.col4x4 .Ordering.Desktop,
    .LastInOffer.col6x6 .Ordering.Desktop {
        display: none;
    }

    .LastInOffer.col4x4 .Ordering.Mobile {
        display: inline;
        width: 25%;
        float: right;
    }

        .LastInOffer.col4x4 .Ordering.Mobile a,
        .LastInOffer.col6x6 .Ordering.Mobile a {
            display: inline-block;
            background: #ffd800;
            /* border: 1px solid #e6e6e6; */
            border: none;
            padding: 8px;
            cursor: pointer;
            transition: all 0.5s ease;
            border: 1px solid #ddd;
        }

    .ProductPrice {
        width: 75%;
    }

    .LastInOfferImgDiv h2 {
        font-size: 15px;
        text-align: center;
    }

    .ProductLeft .Slider img {
        height: unset;
        vertical-align: unset;
    }

    .LastInOffer.col4x4,
    .LastInOffer.col6x6 {
        width: 48%;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 7px;
    }

    .LastInOffer .LastInOfferImgDiv h2 {
        padding: 5px;
        white-space: initial;
    }

    .ShrinkContainer .LastInOffer.col4x4:nth-child(4n) {
        margin-left: 0.75%;
        margin-right: 0.75%;
    }

    .LastInOffer.col4x4.SimilarPlus {
        margin-left: .75%;
        margin-right: .75%;
    }

    .LastInOffer.col6x6:first-child,
    .LastInOffer.col6x6:last-child {
        margin-left: 2%;
        margin-right: 0;
    }


    .LastInOffer.col6x6:nth-child(4n),
    .LastInOffer.col6x6:nth-child(4n+1) {
        margin-right: 0;
        margin-left: 2%;
    }

    .HotPlu .HotPluDesc {
        min-height: 10px;
        width: 100%;
    }

    .HotPlu .HotPluDesc {
        padding-right: 0px;
        height: unset !important;
        padding-bottom: 10px;
    }

    .HotPluDesc h2 {
        font-size: 18px;
        line-height: 1.3;
        margin-bottom: 5px;
    }

    .BlogItemLink {
        float: right;
        width: calc(100% - 40px);
        text-align: center;
    }

    .OrderButton .Increase {
        display: none;
    }

    .OrderButton .Decrease {
        display: none;
    }

    .Slider.mobile {
        display: block;
    }

    .ProductRight {
        padding: 0;
    }

    .col3x3.Category,
    .col5x5.Category {
        width: 47%;
        display: inline-block;
        margin-left: 2%;
        margin-right: 0;
        min-height: 193px;
    }

    .ShrinkContainer .col3x3.Category:first-child,
    .ShrinkContainer .col5x5.Category:first-child {
        display: inline-block;
        margin-left: 2%;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .Section.Product {
        margin-top: 5px;
        margin-bottom: 0;
    }

    .VariantChoose select {
        padding: 8px;
    }

    .OtherImages {
        margin-top: 0;
    }

    .TabChoser .TabsContent li.VisibleTab {
        font-size: 13px;
    }

    .Product .QuantitySelect {
        width: 100%;
        display: block;
        float: none;
        margin-bottom: 0px;
    }

    .QuantitySelect .ChooseQuantity select {
        border: 2px solid #ffd800;
        text-align: center;
        padding: 8px;
        width: calc(95vw);
        font-size: 16 px;
        margin: 0 0 10px;
    }

    .ProductLeft .CategoryName {
        line-height: 1;
        font-size: 15px;
    }

    .Product .QuantitySelect, .QuantitySelect .ChooseQuantity {
        border: none;
        display: block;
        width: 100%;
    }

    .ProductRight {
        min-height: unset;
    }

    .ProductBottom {
        position: relative !important;
    }

    .addToWishListBtn {
        font-size: 12px;
        padding: 8px 0px;
        margin: 0 0 10px;
        width: calc(100% - 4px);
        text-align: center;
    }

    .QuantitySelect .ChooseQuantity button {
        font-size: 12px;
        width: 95vw;
        margin: 0 0 10px;
    }

    .ProductLeft .product-state {
        top: 25%;
    }

    .Tags .col3x3 {
        width: 100%;
    }

    .ProductBottom .VariantChoose label.col3x3 {
        font-size: 12px;
        line-height: 22px;
        margin-top: 3px;
    }

    .VariantChoose {
        margin: 10px 0 20px;
    }

        .VariantChoose select {
            background: transparent;
        }

    .ProductLeft h1 {
        font-size: 25px;
        margin: 10px 0;
        font-weight: 900;
        display: block;
        line-height: 1;
    }

    .ProductLeft {
        margin-bottom: 0px;
    }

    .zoom:hover {
        transform: none;
    }

    .ProductOrderPrice {
        width: 42%;
    }

    .QuantitySelect {
        margin-top: 10px;
        width: 59%;
    }

    .ProductOrderPrice {
        margin-top: 10px;
    }

    .Gallery.FulCol2x2,
    .Gallery.FulCol4x4 {
        width: 47%;
        margin-left: 2%;
        margin-right: 0;
    }

        .Gallery.FulCol4x4:first-child,
        .Gallery.FulCol6x6:first-child {
            margin-bottom: 8px;
        }

    .Gallery.FulCol3x3,
    .Gallery.FulCol6x6,
    .Gallery.FulCol5x5 {
        width: 30.5%;
        margin-left: 2%;
        margin-right: 0;
    }

        .Gallery.FulCol5x5:first-child,
        .Gallery.FulCol5x5:nth-child(2) {
            width: 47%;
            margin-left: 2%;
            margin-right: 0;
            margin-bottom: 8px;
        }

    .BlogItem .col2x2 {
        width: 95%;
        margin-left: 2.5%;
    }

        .BlogItem .col2x2 h3 {
            margin-top: 10px;
            margin-bottom: 5px;
            font-size: 16px;
            margin-left: 0;
            line-height: 1.2;
        }

    .AllBlogs .TitleContainer {
        padding-top: 10px;
    }

    .AllBlogs > .ShrinkContainer:first-child {
        margin-bottom: 0;
    }

    .BlogItem {
        margin: 5px auto;
    }

    .Section.BlogPage div, .Section.TextPreview div {
        -webkit-line-clamp: 3;
        font-size: 13px;
        line-height: 16px;
    }

        .Section.TextPreview div.col1x1 {
            width: 100%;
        }

    .ShrinkContainer.mobile-width {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

    .ShrinkContainer.MobileSubCategory .Category.col4x4 {
        margin-left: .5%;
        margin-right: 1.5%;
    }

   

    .MobileSubCategory.all-categories {
        flex-wrap: wrap;
    }

    .all-categories.MobileSubCategory .col3x3.Category {
        margin-top: .5%;
        margin-bottom: 2%;
    }

    .ShrinkContainer.mobile {
        display: block;
    }

    .LastInOffer.col2x2 {
        width: 48.5%;
    }

    .ShrinkContainer .LastInOffer, .LastInOffer.col2x2 {
        margin: .75%;
    }

    .Desktop {
        display: none;
    }

    .product-state {
        font-size: 12px;
        padding: 0 13px;
        line-height: 23px;
    }

    .HotPluDescText, .BlogItemBody, .Section.BlogPage div {
        font-size: 13px;
        line-height: 16px;
        margin: 0;
    }

    .BlogPage .col2x2 {
        width: 100%;
    }

    .Category {
        min-height: 175px;
    }

    .FooterMenu li {
        display: block;
        margin: 12px 20px;
        line-height: 1;
    }

    footer .SubscribeTo {
        font-size: 16px;
    }

    .SocialMenu li:first-child {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

        .SocialMenu li:first-child p {
            font-size: 15px;
        }

    .SocialMenu li p {
        font-size: 13px;
    }

    .SocialMenu li {
        margin: 5px 5px;
        font-size: 20px;
    }

    .SocialMenu i {
        font-size: 25px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .CopyRight {
        font-size: 13px;
    }

        .CopyRight a {
            font-size: 13px;
        }

    .InputWithButton {
        max-width: 100%;
    }

    #wishlistContinueShopingBtn {
        width: 63% !important;
        margin-left: 18% !important;
        margin-top: 40px;
    }

    .ProductBottom .col3x3 {
        width: 100%;
        margin-left: 0;
        margin-right: 0%;
        margin-top: 3%;
    }
}


@media all and (max-width: 480px) {

    .mobile {
        display: inline;
    }

    .mobileShareBtn {
        display: inline;
    }

    .drop-down-share-btns-layout .col2.mobile {
        display: inline-block !important;
    }
}

@media all and (max-width: 480px) {

    .FulCol6x6 {
        width: 15.666%;
    }

    .FulCol5x5 {
        width: 20%;
    }

    .FulCol4x4 {
        width: 25%;
    }

    /*.col6x6,
    .col6x6:nth-child(3n), .col6x6:nth-child(3n+1),
    .col6x6:nth-child(2n),
    .col4x4, .col4x4:nth-child(4n+1), .col4x4:nth-child(4n) {
        display: block;
        width: 100%;
        font-size: 13px;
        line-height: 1;
        margin: 10px 0 !important;
    }*/
    .col5x5 {
        width: 100%;
    }

    .Slider .ControlNext,
    .Slider .ControlPrev {
        top: 25%;
        padding: 10px 10px;
    }

    .mobile {
        display: inline;
    }

    .mobileShareBtn {
        display: inline;
    }

    .drop-down-share-btns-layout .col2.mobile {
        display: inline-block !important;
    }

    #shipmentTable tr {
        display: inline-grid;
        width: 50%;
    }

    #shipmentTable td, #shipmentTable th {
        border-bottom: 1px solid #7f7f7f;
    }

    #shipmentTable th {
        width: 100%;
        border-left: none;
    }

        #shipmentTable th:last-child, #shipmentTable td:last-child {
            border-bottom: none;
        }

    .adressList .col3x3 {
        width: 90%;
        padding-bottom: 20px;
    }

        .adressList .col3x3 p, .adressList .col3x3 a{
            font-size:14px;
        }
          .chipcard-banner{
        flex-direction:column-reverse;
        padding: 5px 0 0 ;
    }
          .g-recaptcha>div{
          width:unset!important;
          height:unset!important;
      }
    .selectPostalCode .chosen-container-single .chosen-single-with-deselect span{
        margin-right:0;
        text-align:right
    }
}

.extras_table .extras_input{
    -webkit-appearance:checkbox;
}