@font-face {
    font-family: Lilita;
    src: url(../../../Scripts/Theme3/fonts/Luckiest_Guy/LuckiestGuy-Regular.ttf);
}

@font-face {
    font-family: OpenSans;
    src: url(../../../Scripts/Theme3/fonts/Open_Sans/OpenSans-Regular.ttf);
}

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: #06595e;
    font-family: 'OpenSans', sans-serif;
    font-size: 16px;
    font-weight: 500;
}


.PageBody {
    min-height: 460px;
}

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

    nav ul {
        list-style: none;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #2c323d;
    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;
    outline: 0;
}

input, select, button {
    -webkit-appearance:none;
}

img {
    max-width: 100%;
}

.ShrinkContainer {
    display: block;
    margin: 0 auto;
    max-width: 1100px;
    width:100%;
}

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

.GrayBack {
    padding: 20px 0;
    background: #f2f2f2;
}

.TitleContainer {
    text-align: center;
    position: relative;
    display:flex;
    justify-content:center;
}
.TitleContainer.col1x1{
    display:flex;
}
.TitleContainer.col1x1.mobile{
    display:none;
}

    .TitleContainer:before {
        content: "";
        display: block;
        bottom: 50%;
        border-top: 2px solid #f37297;
        width: 100%;
        left: 0;
        position: absolute;
        z-index: -1;
    }

.SectionTitle {
    display: inline-block;
    margin: 10px 0;
    font-size: 24px;
    color: #21ceb5;
}
.SectionSubTitle {
    font-size:20px;
    text-align:center;
    margin-top:10px;
}

    .SectionTitle a {
        display: inline-block;
        margin: 10px 0;
        font-size: 24px;
        color: #21ceb5;
    }

        .SectionTitle a:hover {
            display: inline-block;
            margin: 10px 0;
            font-size: 24px;
            color: #f37297;
        }

.TitleContainer .SectionTitle {
    display: inline-block;
    padding: 0 20px;
    background-color: #FFF;
}

.Gray {
    color: #b2b2b2;
}

.TextAlignLeft {
    text-align: left;
}

.TextAlignRight {
    text-align: right;
}

.FloatRight {
    float: right;
}

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

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

    .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: 0.5%;
    vertical-align: top;
}

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

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

.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: #fff292;
}

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

    .Logo img {
        height: 40px;
    }

.TopHeaderMenu {
    float: right;
}

.topHeaderMobile {
    display: inline-block;
}
li.openSearch.mobile {
    display:none;
}

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

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

.TopHeaderMenu i {
    color: #21ceb5;
    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: #06595e;
    text-align: left;
    padding: 10px;
    width: 280px;
    max-width: 280px;
    display: none;
    font-family: "Lilita", sans-serif;
    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;
    }

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

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

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

.ItemSBDesc {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin-left: 2%;
    font-size: 13px;
    line-height: 20px;
}

    .ItemSBDesc h4 {
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 0px;
        color: #21ceb5;
    }

.ItemSBPrice {
    font-weight: bold;
}

.ItemSBTotal {
    padding: 10px 0;
    border-top: 1px solid #06595e;
    border-bottom: 1px solid #06595e;
    line-height: 1;
    font-weight: bold;
    color: #06595e;
    font-family: OpenSans, sans-serif;
}

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

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

.ItemSBAction {
    text-align: center;
}

    .ItemSBAction a {
        display: inline-block;
        width: 45%;
        margin: 10px 1%;
        border: 3px solid #f37297;
        color: #fff;
        padding: 5px 0;
        border-radius: 5px;
        transition: all 0.5s ease;
        text-transform: uppercase;
        font-weight: bold;
        background: #f37297;
        position: relative;
        text-shadow: 0.5px 1px 0px #000;
        font-family: OpenSans, sans-serif;
        line-height: 1.5;
        letter-spacing: 1px;
    }

        .ItemSBAction a:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 5px;
            border: 2px dashed #fff;
        }

        .ItemSBAction a:hover {
            background: #21ceb5;
            border: 3px solid #21ceb5;
        }
/* TOP HEADER END */
/* BOTTOM HEADER */
.BottomHeader {
    display: block;
    font-size: 0;
    padding: 0;
    background: #f37297;
    /*padding-top: 12px;*/
    position: relative;
    font-weight: bold;
}

    .BottomHeader:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 3px;
        width: 100%;
        left: 0;
        border-bottom: 2px dashed #fff;
    }

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

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

    nav ul li li {
        display: block;
    }

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

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

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

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

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: 16px;
    padding: 20px 15px 20px 0px;
    border-bottom: 3px solid transparent;
    color: #fff;
}

    nav a:hover {
        color: #fff28c;
    }

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

nav ul li ul a {
    display: block;
    font-size: 14px;
    padding: 10px !important;
    color: #20cdb4;
}
/* BOTTOM HEADER END */
/*BalsBackHeader*/
.BalsBackHeader {
    width: 100%;
    height: 12px;
    overflow: visible;
    /*background: url(../../../Scripts/Theme3/img/loptice.svg) repeat-x left bottom;*/
    margin-bottom: -12px;
    z-index: 1;
    position: relative;
}

.BalsBackLeftMenu {
    width: 100%;
    height: 12px;
    overflow: visible;
    background: url(../../../Scripts/Theme3/img/loptice.svg) repeat-x right bottom;
    margin-bottom: -12px;
    z-index: 1;
    position: relative;
}

.ForceExpand .BalsBackLeftMenu {
    display: none;
}
/*BalsBackHeader end*/
/* HEADER END */
/* LAST IN OFFER */
.LastInOfferImgDiv {
    display: block;
    position: relative;
    text-align: center;
    line-height: 0;
}

    .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: 'Lilita', sans-serif;
        font-size: 16px;
        font-weight: 500;
        z-index: 1;
        padding: 10px;
        width: 90%;
        width: calc(100% - 20px);
        transition: all 0.5s ease;
        line-height: 1;
    }

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

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

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

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

.PriceName {
    font-size: 11px;
}

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

.ActualPrice {
    font-size: 14px;
    font-weight: bold;
}

.Ordering {
    text-align: right;
}

.ShowOrderButton {
    display: inline-block;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px 25px;
    cursor: pointer;
    transition: all 0.5s ease;
}

    .ShowOrderButton:hover {
        background: #ffd800;
    }

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

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

    .OrderButton .Decrease {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3px 10px;
        font-size: 14px;
        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%;
        object-fit: cover;
        object-position: center;
        vertical-align: middle;
        position: relative;
        display: inline-block;
    }

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

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

.ImgWithOverlayTitle {
    font-size: 45px;
    margin-bottom: 20px;
    font-family: 'Lilita', sans-serif;
    text-shadow: 0.5px 1px 0px #21ceb5;
    color: #fff292;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ImgWithOverlayBody p {
    font-size: 24px;
    line-height: 1.3;
    text-shadow: 0.5px 1px 0px #000;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ShrinkContainer.ImgWithOverlay {
    padding: 0 !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* IMG WITH OVERLAY END */
/* FOOTER */
.FooterBalsBack {
    width: 100%;
    position: relative;
    display: block;
    height: 12px;
    background: url(../images/lopticeinvert.svg) repeat-x center bottom;
    margin-top: -12px;
}

footer {
    background: #fff292;
    padding: 20px 0;
    text-align: center;
    color: #065959;
    margin-top: 10px;
    position: relative !important;
    bottom: 0px;
}

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

    footer a {
        color: #065959;
    }

    footer i {
        color: #f37297;
    }

    footer a:hover {
        color: #f37297;
    }

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

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

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

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

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

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

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

#finishShoppingButton {
    float: right;
    margin-right: 0px;
}

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

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

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

.CopyRight {
    font-size: 14px;
    line-height: 1.5;
}

.CopyRight {
    padding-top: 14px;
    text-align: center;
    border-top: 1px solid #21ceb5;
    margin-top: 20px;
    font-size:12px;
    line-height:2;
    
}

    .CopyRight .leftCopyRight {
        width: 100%;
        text-align: center;
        display: inline;
        float: left;
    }

    .CopyRight .rightCopyRight {
        width: 49%;
        text-align: right;
        display: inline;
        float: right;
    }

.SocialMenu {
    /*border-bottom: 1px solid #065959;*/
}
/* 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;
    }

    .Slider .ControlNext {
        position: absolute;
        top: calc(50% - 25px);
        right: 3%;
        font-size: 14px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        border: 3px solid #f37297;
        border-radius: 50%;
        color: #fff;
        opacity:.2;
    }

    .Slider .ControlPrev {
        position: absolute;
        top: calc(50% - 25px);
        left: 3%;
        font-size: 14px;
        z-index: 1;
        padding: 0;
        cursor: pointer;
        border: 3px solid #f37297;
        border-radius: 50%;
        color: #fff;
        opacity:.2;
    }
    .Slider .ControlPrev:hover, .Slider .ControlNext:hover{
        opacity:1;
    }

        .Slider .ControlNext:hover i,
        .Slider .ControlPrev:hover i {
            border: 2px dashed #21ceb5;
        }

        .Slider .ControlNext i,
        .Slider .ControlPrev i {
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            background: #f37297;
            border: 2px dashed #fff;
            transition: all 0.5s ease;
        }

.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: #fff28c;
        display: inline-block;
        margin: 5px;
        transition: all 0.5s ease;
        cursor: pointer;
    }

        .SlideDots span.ActiveSlide,
        .SlideDots span:hover {
            background: #21ceb5;
        }
/* SLIDER END */
/* BLOG ITEM */
.BlogItem {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

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

    .BlogItem h3 {
        font-size: 30px;
        text-transform: uppercase;
        margin-bottom: 10px;
        color: #21ceb5;
        /*padding-bottom: 10px;*//*Iskljuceno da bi naslov bloga bio na sredini izmedju slike i donje linije*/
        border-bottom: 1px solid #065959;
    }

    .BlogItem img {
        width: 100%;
    }

.BlogItemBody {
    padding-bottom: 30px;
}

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

.BlogItemLink {
    position: absolute;
    bottom: 13px;
    background: #21ceb5;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1;
    color: #fff;
    border: 3px solid #21ceb5;
}

    .BlogItemLink:hover {
        background: #f37297;
        color: #fff;
        border: 3px solid #f37297;
    }

    .BlogItemLink:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }
/* BLOG ITEM END */
/* SEARCH PLU */
.InputWithButton {
    display: inline-block;
    max-width: 100%;
    font-size: 0;
    line-height: 0;
    border: 0;
    border-radius: 2px;
    width: 200px;
    margin: 0px 0;
    border: 1px solid #21ceb5;
    background: #fff;    
    margin-right:10px;
}
.InputSearch{
    margin-right:-10px;
}
.TopHeader #desktopSearch {
    padding:7px;
    border:0;
    background:transparent;
}
.TopHeaderMenu li.InputSearch{
    line-height:0;
    height:auto;
}
.TopHeaderMenuUl{
    display:flex;
    flex-wrap:nowrap;
    align-content:center;
}
    .InputWithButton input,
    .InputWithButton button {
        background: transparent;
        /*display: inline-block;*/
        width: 78%;
        vertical-align: middle;
        border: 0;
        color: #777;
        padding: 7px 0;
        margin-left: 2%;
    }
    .TopHeader li.InputSearch i {
        padding:0;
    }

    .InputWithButton button {
        width: 19%;
        margin-left: 0;
        background: #21ceb5;
        color: #fff;
        padding: 7px;
        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;
    text-align: center;
    display: block;
}

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

.JustInserted {
    position: absolute;
    right: 0;
    background: #fff;
    top: 126px;/*promenjeno da prozor proizvod je dodat u korpu ide ispod pretrage*/
    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: #21ceb5;
    color: #fff;
    line-height: 1;
    font-size: 14px;
    padding: 10px;
}

    .JIHeader i {
        color: #fff;
    }

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

.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: #21ceb5;
    width: 66%;
    margin: 1%;
}

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

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

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

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

.MainImg {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .MainImg img {
        width: 100%;
    }

.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;
    color: #065959;
}

    .ProductRight h1 {
        font-size: 30px;
        margin: 10px 0;
        color: #21ceb5;
        font-family: Lilita;
        display: inline-block;
        max-width:82%;
    }

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

    .ShareThis .FacebookButton {
        padding: 5px;
    }

.RelatedProduct {
    padding: 10px;
    display: block;
    box-shadow: 1px 1px 5px #777;
    border-radius: 5px;
}

.RelatedProductsImgDiv {
    position: relative;
}

.RelatedProduct img {
    width: 100%;
}

.RelatedProducts h2 {
    color: #21ceb5;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
}

.RelatedProduct .ProductPrice,
.RelatedProduct .QuantitySelect {
    display: block;
    width: 100%;
    text-align: center;
    /*margin-bottom: 10px;*/
}

    .RelatedProduct .ProductPrice span {
        font-size: 18px;
        color: #06595e;
        font-family: Lilita;
        line-height: 24px;
    }

    .RelatedProduct .ProductPrice strike {
        color: #f37297;
    }

        .RelatedProduct .ProductPrice strike span {
            font-size: 16px;
            font-family: Lilita;
            color: #777;
        }


.TabChoser {
    display: block;
    position: relative;
    clear: both;
    line-height: 1;
}

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

    .TabChoser .Tabs li {
        display: inline-block;
        cursor: pointer;
        color: #21ceb5;
        transition: all 0.5s ease;
        border-bottom: 3px solid transparent;
        padding: 0 5px;
        font-size: 14px;
        margin-bottom: -2px;
    }

.Tabs {
    margin-bottom: 5px;
    border-bottom: 1px solid #065959;
}

.TabChoser .Tabs li:hover,
.TabChoser .Tabs li.VisibleTabOption {
    color: #065959;
    border-bottom: 3px solid #065959;
}

.PluDescription {
    display: block;
    font-size: 16px;
    margin-top: 20px;
    line-height: 18px;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #065959;
    border-top: 1px solid #065959;
    font-size: 14px;
    margin-bottom: -2px;
    font-weight: 600;
}

.TabChoser .TabsContent li {
    display: none;
    text-align: justify;
}

    .TabChoser .TabsContent li.VisibleTab {
        display: block;
        font-size: 16px;
        /*font-weight: 600;*/
        color: #065959;
        line-height: 1.3;
    }

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

.TabsContent {
    /*border-bottom: 1px solid #065959;*/
    padding-bottom: 10px;
}

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

    .VariantChoose span {
        width: 25%;
        display: inline-block;
        font-size: 14px;
    }

    .VariantChoose select {
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 30%;
        padding: 10px 1%;
        color: #21ceb5;
        margin: 5px 0;
        background: #d6faf0;
        border: 0;
        font-weight: 600;
        padding-right: 20px;
    }

    .VariantChoose label:after {
        content: '\25BC';
        display: inline-block;
        box-sizing: border-box;
        color: #21ceb5;
        background-color: transparent;
        border: 0px solid #999;
        margin-left: -25px; /* remove the damn :after space */
        pointer-events: none; /* let the click pass trough */
        font-size: 15px;
    }

.Tags {
    margin: 10px 0;
    padding: 10px 0;
    /*border-bottom: 1px solid #b2b2b2;*/
    border-top: 1px solid #b2b2b2;
    color: #b2b2b2;
    font-size: 12px;
}
.Tags .col2x2{
    width:48%;
}

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

.ProductOrderPrice {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin-bottom:20px;
}

    .ProductOrderPrice span {
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        font-family: Lilita;
    }

    .ProductOrderPrice strike {
        color: #f37297;
        text-decoration: line-through;
        font-family: Lilita;
    }

        .ProductOrderPrice strike span {
            /*color: #777;*/
            font-size: 16px;
            position: relative;
            display: initial;
            font-family: Lilita;
            color: #777;
        }

#backToShop {
    width: 25%;
    text-align: center;
    line-height: 20px;
    float: right;
    color: #fff;
    margin-top: 50px;
    margin-right: 0;
    font-size: 14px;
}

.QuantitySelect {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-size: 0;
    text-align: left;
}

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

    .QuantitySelect .ChooseQuantity input {
        width: 40px;
        padding: 10px;
        border: 0;
        background: #eee;
        border-radius: 5px;
        padding-left: 5px;
    }

    .QuantitySelect .ChooseQuantity .Decrease, .OrderButtonCartPreview .ChooseQuantity .Decrease {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0px 3px;
    }

    .QuantitySelect .ChooseQuantity .Increase, .OrderButtonCartPreview .ChooseQuantity .Increase {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0px 3px;
    }

    .QuantitySelect .ChooseQuantity button {
        display: inline-block;
        padding-bottom: 10px;
        padding-top: 6px;
        vertical-align: middle;
        margin-left: 5px;
        border: 0px solid #fff28c;
        color: #1b6767;
        cursor: pointer;
        background: #fff28c;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: 5px;
        /*font-family: 'Lilita', sans-serif;*/
    }

        .QuantitySelect .ChooseQuantity button i {
            color: #21ceb5;
        }
/* PLU PARTIAL END */
/* CATEGORY */
.Category {
    position: relative;
    line-height: 0;
    font-size: 0;
    background: #fff;
    overflow: hidden;
    text-align: center;
}

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

    .Category img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .Category h2 {
        position: relative;
        font-size: 24px;
        line-height: 1 !important;
        padding: 30% 0;
        text-transform: uppercase;
        color: #fff;
        transition: all 0.5s ease;
        width: 100%;
        background: #00000040;
        text-shadow: 0.5px 1px 0px #000;
            display: flex;
    align-items: center;
    justify-content: center;

    }

    .Category:hover h2 {
        color: #21ceb5;
        background: transparent;
    }

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

.CategoryArticles img {
    background: #f2f2f2;
}

.CategoryName a {
    line-height: 1.2;
    color: #065959;
    font-weight: bold;
    margin: 10px 0;
}

    .CategoryName a:hover {
        line-height: 1.2;
        color: #777;
        font-weight: bold;
        margin: 10px 0;
    }
/* CATEGORY END */
/* KOLEKCIJE */
.Filter {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 20px;
}

    .Filter button {
        padding: 6px 0;
        border: 1px solid #21ceb5;
        text-transform: uppercase;
        cursor: pointer;
        width: 100%;
        background: #21ceb5;
        border-radius: 5px;
        color: #fff;
        font-family: 'OpenSans', sans-serif;
    }

#DivID {
    margin-bottom: 10px;
    margin-top: 20px;
    min-height: 340px;
}

.Filter .chosen-container {
    color: #fff;
    background: #fff28c;
    border-radius: 5px;
}

.Filter .col6x6 {
    width: 15%;
}

    .Filter .col6x6:last-child {
        margin-right: 0;
        margin-left: 1%;
    }

    .Filter .col6x6:nth-child(6n+7) {
        width: 15%;
        margin-right: 0.5%;
    }
/* KOLEKCIJE END*/
/* KORPA */
.Basket {
    margin: 30px auto;
}

    .Basket table {
        width: 100%;
        font-size: 12px;
        line-height: 1.2;
        text-align: left;
    }

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

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

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

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

.Basket table th {
    padding: 10px;
    color: #fff;
    background: #21ceb5;
}

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

.Basket .RemoveFromCart {
    color: #21ceb5;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.5s ease;
}

    .Basket .RemoveFromCart:hover {
        color: #065959;
    }

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

.Basket .btn-red {
    color: #fff;
    text-decoration: none;
}

.FreeDeliveryMissing {
    color: #21ceb5;
    padding: 10px 5px;
    font-size: 18px;
}

.FreeDeliveryInfo {
    padding: 5px;
    padding-bottom: 10px;
}

.btn-red {
    color: #fff;
    background: #f37297;
    border: 3px solid #f37297;
    border-radius: 5px;
    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%;
    position: relative;
}

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

    .btn-red:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }

.EmptyBasketDiv {
    height: 350px;
    text-align: center;
    line-height: 50px;
    border-top: 1px solid #21ceb5;
    border-bottom: 1px solid #21ceb5;
    margin: 20px 0;
    /*background: url(../../../Scripts/Theme3/img/prazna.png) no-repeat center center;*/
}

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

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

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

.ContinueEmpty {
    color: #fff;
    background: #21ceb5;
    border: 3px solid #21ceb5;
    border-radius: 5px;
    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%;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 1;
}

    .ContinueEmpty:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }

    .ContinueEmpty:hover {
        background: #f37297;
        border-color: #f37297;
        color: #fff;
    }

.TextAlignCenter {
    text-align: center;
}




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

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

    .Registration input,
    .Registration select {
        display: block;
        width: 96%;
        background: #d6faf0;
        border: 0;
        padding: 10px 0;
        color: #777;
        margin: 5px 0;
        border-radius: 5px;
        padding-left: 2%;
        padding-right: 2%;
    }

    /*.Registration select {
        padding: 9px;
    }*/

        .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;
        margin-right: 10px;
    }


label.HasCheckBox {
    /* border-bottom: 1px solid #b2b2b2; */
    padding: 6px 0px;
    vertical-align: bottom;
    background: #d6faf0;
    line-height: 21px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.Registration .Radio {
    border-bottom: 1px solid #21ceb5;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #065959;
}

.Registration label span {
    color: #ff0000;
}

.Registration button {
    float: right;
    margin: 10px 0;
    margin-left: 10px;
    font-family: "PoppinsRegular", sans-serif;
    background: #21ceb5;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1;
    color: #fff;
    border: 3px solid #21ceb5;
    position: relative;
    cursor: pointer;
}

    .Registration button:hover {
        background: #f37297;
        color: #fff;
        border: 3px solid #f37297;
    }

    .Registration button:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }

    .Registration button.FloatLeft {
        float: left;
        background: #f37297;
        color: #fff;
        border: 3px solid #f37297;
        margin-left: 0 !important;
    }

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

.RegistrationTitle {
    font-size: 18px;
    display: block;
    padding: 20px;
    margin: 30px 0;
    background: #21ceb5;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #21ceb5;
    position: relative;
}

    .RegistrationTitle:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }

.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 #21ceb5;
    border: 2px solid transparent;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

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

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

    .Wizard a {
        display: inline-block;
        width: 32%;
        color: #065959;
        font-size: 14px;
        line-height: 1;
        padding: 13px 0;
        position: relative;
        margin-right: 2%;
        text-align: center;
        background: #fff28c;
        border-radius: 5px;
        overflow: hidden;
    }

        .Wizard a.CurrentWizard {
            background: #21ceb5;
            color: #fff;
        }

.last.ReviewWizard {
    margin-right: 0;
}

.Wizard a:first-child:before {
    content: "1";
    position: absolute;
    display: block;
    font-size: 60px;
    z-index: 1;
    left: 10px;
    top: -10px;
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    height: 100%;
    color: #fff;
}
/*.Wizard a:nth-child(2):before{
    content: "2";
    position: absolute;
    display: block;
    font-size: 60px;
    z-index: 1;
    left: 10px;
    top: -10px;
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    height: 100%;
    color: #fff;
}*/
.Wizard .shipmentWizard:before {
    content: "1";
    position: absolute;
    display: block;
    font-size: 60px;
    z-index: 1;
    left: 10px;
    top: -10px;
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    height: 100%;
    color: #fff;
}

.Wizard .paymentWizard:before {
    content: "2";
    position: absolute;
    display: block;
    font-size: 60px;
    z-index: 1;
    left: 10px;
    top: -10px;
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    height: 100%;
    color: #fff;
}
/*.Wizard a:nth-child(3):before{
    content: "3";
    position: absolute;
    display: block;
    font-size: 60px;
    z-index: 1;
    left: 10px;
    top: -10px;
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    height: 100%;
    color: #fff;
}*/
.Wizard .ReviewWizard:before {
    content: "3";
    position: absolute;
    display: block;
    font-size: 60px;
    z-index: 1;
    left: 10px;
    top: -10px;
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    height: 100%;
    color: #fff;
}
/*ISPORUKA END */
/* POTVRDA */
.OrderDetails {
    display: block;
    margin: 20px 0;
    margin-bottom: 30px;
}

.Amenity {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    color: #b2b2b2;
}

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

.ContactPage input,
.ContactPage textarea {
    background: #d6faf0;
    padding: 10px;
    border: 0;
    width: calc(100% - 20px);
    color: #333;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
}

.ContactPage textarea {
    min-height: 60px;
}

.ContactPage button[type='submit'] {
    position: relative;
    float: right;
    background: #f37297;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1;
    color: #fff;
    border: 3px solid #f37297;
}

    .ContactPage button[type='submit']:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }

.ContactPage {
    margin: 20px 0;
}

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

.LeftMenuLogo {
    display: block;
    margin: 0 auto;
    background: #fff28c;
    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;
    margin-top: 12px;
}

    .LeftMenu ul li {
        display: block;
        position: relative;
        padding: 10px 0;
        cursor: pointer;
    }

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

.LeftMenu a {
    color: #ffffff;
}

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

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

.LeftMenu ul li ul {
    display: none;
}

.LeftMenu ul li.ShowThis > a {
    color: #fff28c;
    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 {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 20px auto;
    font-weight: bold;
}

    .Loader img {
        width: 40px;
        display: block;
        margin: 10px 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: -webkit-box;
    position: relative;
    /*margin-bottom: 40px;*/
}

    .HotPlu .ShrinkContainer {
        padding-bottom: 20px;
        /*border-bottom: 1px solid #b2b2b2;*/
    }

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

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

    .HotPluDesc h2 {
        font-size: 28px;
        margin-bottom: 10px;
        color: #21ceb5;
    }

.HotPluDescText {
    font-size: 13px;
    display: block;
    color: #065959;
    border-top: 1px solid #065959;
    border-bottom: 1px solid #065959;
    margin: 5px auto;
    padding: 5px 0;
}

.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: #21cebb;
    }

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

    .HotPluOrder .QuantitySelect {
        text-align: left;
    }

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

    .HotPluPrice strike {
        color: #f37297;
    }

    .HotPluPrice span {
        color: #065959;
        font-size: 24px;
        font-family: 'Lilita', sans-serif;
    }

    .HotPluPrice strike span {
        color: #777;
        font-size: 18px;
        font-family: Lilita;
        /*color: #d6d5d5;*/
    }

.HotPlu img {
    width: 35%;
}

.HotPlu .HotPluDesc {
    width: 63%;
    margin-left: 2%;
}

.SmallHotPlu img {
    width: 25%;
}

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

.BigHotPlu img {
    width: 45%;
}

.BigHotPlu .HotPluDesc {
    width: 52%;
}

.HotPluOrder .OrderButton {
    display: inline-block;
    background: #eee;
    float: none;
    vertical-align: middle;
    border-radius: 5px;
}

    .HotPluOrder .OrderButton button {
        background: #fff292;
        color: #21ceb5;
        font-size: 24px;
        border-radius: 5px;
    }

    .HotPluOrder .OrderButton input {
        padding: 10px 0;
    }

.EnableCookieDiv {
    background-color: #065959;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 25px;
    z-index: 9999990;
    color: #fff;
}

    .EnableCookieDiv p {
        text-align: center;
        padding-top: 5px;
    }

    .EnableCookieDiv input[type=button] {
        color: #065959;
        background-color: #fff292;
        border: 2px solid #fff292;
        padding: 5px 20px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

#ShopenErrorDiv {
    color: #ff0000;
}

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

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

.RelatedProductsImgDiv .markerImgPluPartial {
    width: 25%;
}

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

.MainImg .markerImg {
    width: 25%;
}

#FrameDiv {
}

.CursorPointer {
    cursor: pointer;
}
/*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;
}

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

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

.btn-theme3 {
    position: relative;
    float: right;
    background: #f37297;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1;
    color: #fff;
    border: 3px solid #f37297;
}

    .btn-theme3:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 5px;
        border: 2px dashed #fff;
    }

    .btn-theme3:hover {
        position: relative;
        float: right;
        background: #21ceb5;
        padding: 10px 20px;
        border-radius: 5px;
        z-index: 1;
        color: #fff;
        border: 3px solid #21ceb5;
    }

/*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: OpenSans, sans-serif;
    box-shadow: 0 0 3px #999;
    font-size: 14px;
    font-weight: 600;
}

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

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

.MenuItems {
    display: block;
    padding: 10px 0;
    font-size: 0;
    border-top: 1px solid #21ceb5;
    color: #21ceb5;
    text-align: center;
}

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


/*.ItemSB{
    display: block;
    padding: 10px 0;
    font-size: 0;
    border-top: 1px solid #21ceb5;
}
*/
/*LogInWindow*/
.LogInWin {
    display: none;
    margin-bottom: 0px !important;
}

    .LogInWin .ShrinkContainer {
        position: relative;
        z-index: 9;
        padding-left: 15px;
    }


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

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

#loginButton {
    display: inline-block;
    float: right;
    margin-right: 0;
}

#loginForgotButton {
    display: none;
    float: left;
    width: 45%;
    background-color: #21ceb5;
    border: 3px solid #21ceb5;
}

    #loginForgotButton:hover {
        background-color: #f37297;
        border: 3px solid #f37297;
    }

#cancelForgotButton {
    display: none;
    float: right;
    width: 45%;
    margin-right: 0;
}

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

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

.WhenLogin {
    display: none;
}

.headerBasket {
    background-color: #21ceb5;
    color: #fff;
    font-weight: bold;
}

    .headerBasket .bodyBAsketDetails {
        margin-left: 17.5%;
        width: 82.66%;
        display: inline-block;
    }

    .headerBasket .col6x6 {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
    }

.bodyBasket {
    color: #065959;
    box-shadow: -0.5px -0.5px 2px 2px rgba(119, 119, 119, 0.2196078431372549);
    vertical-align: middle;
    width: 99%;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0.5%;
    margin: 0.1%;
    margin-bottom: 1%;
}



    .bodyBasket .bodyBAsketDetails {
        width: 82.66%;
        display: inline-block;
    }

        .bodyBasket .bodyBAsketDetails .col6x6 {
            vertical-align: middle;
            display: inline-block;
            padding-top: 2%;
        }
/*.bodyBasket .bodyBAsketImg {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 45%;
        display:inline-block;
       
    }*/
.Basket .rightText {
    text-align: right;
}

.Basket .centerText {
    text-align: center;
}

.bodyBasket img {
    width: 50%;
    height: 50%;
    border: none;
}

.bodySumBasket {
    color: #065959;
    vertical-align: middle;
    width: 98%;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0.5%;
    margin: 0.5%;
}

    .bodySumBasket .col6x6 {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        text-align: right;
    }

    .bodySumBasket .col4x4 {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        margin-left: 59.2%;
        width: 18%;
    }

.bodyTotalBasket .col6x6 {
    line-height: 1.5;
    vertical-align: middle;
    margin: 0%;
    text-align: right;
}

.bodyTotalBasket .col4x4 {
    line-height: 1.5;
    vertical-align: middle;
    margin: 0.3%;
    margin-left: 59.2%;
    width: 18%;
}

.bodyBasket h2 {
    line-height: 1;
    font-family: 'Lilita', sans-serif;
    font-size: 16px;
    /*color: #21ceb5;*/
}

.BasketTotal {
    display: block;
    font-size: 0;
    padding: 0;
    background: #f37297;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

    .BasketTotal:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 3px;
        width: 100%;
        left: 0;
        border-bottom: 2px dashed #fff;
        border-top: 2px dashed #fff;
        top: 3px;
    }

.BasketBtn .col2x2 {
    width: 50%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
}

.BalsBackCart {
    width: 100%;
    height: 12px;
    overflow: visible;
    background: url(../../../Scripts/Theme3/img/lopticekorpa.svg) repeat-x left bottom;
    margin-bottom: -12px;
    z-index: 1;
    position: relative;
    margin-bottom: 2%;
}


/* HOT PLU END */
/* OPTIMIZE */
.MobileActivator, .MobileActivatorLeft {
    font-size: 0;
    display: none;
}

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


.Proba {
    text-align: center !important;
    font-size: 100% !important;
    line-height: 10px;
}

    .Proba a {
        display: inline-block;
        width: 45%;
        margin: 10px 1%;
        border: 3px solid #f37297;
        color: #fff;
        padding: 15px 0;
        border-radius: 5px;
        transition: all 0.5s ease;
        text-transform: uppercase;
        background: #f37297;
        position: relative;
    }

        .Proba a:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border-radius: 5px;
            border: 2px dashed #fff;
        }

        .Proba a:hover {
            background: #21ceb5;
            border: 3px solid #21ceb5;
        }

/*.Proba .btn-green {
        display: inline-block ;
        width: 45% ;
        margin: 10px 1%;
        border: 3px solid #21ceb5 ;
        color: #fff ;
        padding: 15px 0;
        border-radius: 5px;
        transition: all 0.5s ease;
        text-transform: uppercase ;
        
        background: #21ceb5;
        position: relative;
    }
     .Proba .btn-green:hover {
         background: #fff28c;
         border: 3px solid #fff28c;
     }*/
.Basket input {
    border: none;
    width: 40%;
}

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

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

.ArrowsSlider .col3x3 {
    position: relative;
}

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

.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: 10%;
    margin-bottom: 9.5%;
}

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

.gallerySlider .ControlNext {
    display: none;
    margin-top: 1%;
    color: #21ceb5;
}

.gallerySlider .ControlPrev {
    display: none;
    margin-top: 1%;
    color: #21ceb5;
}

.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: 100px;
    border-radius: 0;
    line-height: 130px;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
}

#imgDiv_0 {
    margin-left: 0;
    margin-right: 1% !important;
}

.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: 100px;
    border-radius: 0%;
    line-height: 130px;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
}

.BlogPage h3 {
    font-family: 'Ubuntu', sans-serif;
    color: #f37297 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-style: italic;
    font-weight: 500 !important;
    text-align: justify !important;
}

.BlogPage {
    text-align: justify;
}

    .BlogPage p {
        font-family: 'OpenSans', sans-serif !important;
        font-size: 13px !important;
        color: #065959;
        line-height: 22px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: justify !important;
    }

    .BlogPage h1 {
        text-align: center;
        font-size: 36px;
        margin: 30px 0;
        color: #21ceb5;
        font-family: Lilita;
        line-height:1.2;
    }

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

[id^=komponenta] .ShrinkContainer {
    padding-top: 10px;
    padding-bottom: 10px;
}
[id^=komponenta] [id^=insertModal].ShrinkContainer {
    padding:0;
}

#komponenta_0 .ShrinkContainer:first-child {
    margin-top: 0;
    padding-top: 0;
}

#komponenta_0 .HotPlu .ShrinkContainer:first-child {
    margin-top: 20px;
    padding-top: 0;
}

body [id^=komponenta]:last-child {
    margin-bottom: 20px;
}

#komponenta_0 .ShrinkContainer.RelatedProduct:first-child {
    margin-top: 10px;
    padding-top: 10px;
}


/*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%;
}

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



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

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



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

.Category.col5x5 {
    width: 19.2%;
    margin-left: 0;
    margin-right: 1%;
}
.Category.col5x5:nth-child(5n){
    margin-right:0;
}
.Category.col6x6 {
    width: 15.83333%;
    margin-left: 0;
    margin-right: 1%;
}

.ShrinkContainer .Category.col6x6:nth-child(6n) {
    margin-right: 0%;
}
.subcategories .Category.col6x6{
    min-width:15.83333%;
}
.ShrinkContainer.subcategories{
    display:flex;
    overflow:auto;
    margin-bottom:15px;
}
.ShrinkContainer.subcategories .Category.col6x6:nth-child(6n){
    margin-right:1%;
}
.ShrinkContainer.subcategories .Category.col6x6:last-child{
    margin-right:0%;
}
.subcategoryContainer ::-webkit-scrollbar {
    height: 5px;
}
 
.subcategoryContainer ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey;
  border-radius: 0px;
  cursor:pointer;
}

/* Handle */
.subcategoryContainer ::-webkit-scrollbar-thumb {
  background: red;
  border-radius: 0px;
}
/*galerija*/
.Gallery.FulCol2x2 {
    width: 49.5%;
    margin-left: 0;
    margin-right: 1%;
}

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

.Gallery.FulCol3x3 {
    width: 32.667%;
    margin-left: 0;
    margin-right: 1%;
}

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

.Gallery.FulCol4x4 {
    width: 24.25%;
    margin-left: 0;
    margin-right: 1%;
}

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

.Gallery.FulCol5x5 {
    width: 19.2%;
    margin-left: 0;
    margin-right: 1%;
}

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

.Gallery.FulCol6x6 {
    width: 15.83333%;
    margin-left: 0;
    margin-right: 1%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.RelatedProducts.col2x2 .bigPluPartial {
    display: inline-block;
}

.RelatedProducts.col2x2 .smallPluPartial {
    display: none;
}

.RelatedProducts.col3x3 .bigPluPartial {
    display: inline-block;
}

.RelatedProducts.col3x3 .smallPluPartial {
    display: none;
}

.RelatedProducts.col4x4 .bigPluPartial {
    display: inline-block;
}

.RelatedProducts.col4x4 .smallPluPartial {
    display: none;
}

.RelatedProducts.col5x5 .bigPluPartial {
    display: none;
}

.RelatedProducts.col5x5 .smallPluPartial {
    display: inline-block;
}

.RelatedProducts.col6x6 .bigPluPartial {
    display: none;
}

.RelatedProducts.col6x6 .smallPluPartial {
    display: inline-block;
}

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

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

       

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

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

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

      

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

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

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

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

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

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



/*zoom img*/
.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);
}

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

.Gallery {
    overflow: hidden;
}

p {
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.BlogItemBody {
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
}

.HotPlu .HotPluDesc {
    margin-left: 15px;
}

.SmallHotPlu .HotPluDesc {
    margin-left: 10px;
}

.BigHotPlu .HotPluDesc {
    margin-left: 20px;
}

.ShrinkContainer.RelatedProduct {
    padding: 10px;
}

.HotPluDescText {
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    margin-top: 10px;
}

.QuantitySelect .fa {
    font-size: 20px;
    margin-right: 5px;
}

.RelatedProduct {
    overflow: hidden;
}

.Tags .col3x3 {
    width: 32%;
}

.HotPluDescText p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
}
.BigHotPlu .HotPluDescText p{
     -webkit-line-clamp: 17; 
}
.SmallHotPlu .HotPluDescText p {
    -webkit-line-clamp: 7;
}

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

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

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

.FilterSearchBox {
    width: 81.5%;
    display: inline-block;
    margin-left: 0;
    float: left;
}

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

.FilterSearchBox .col5x5 {
    width: 19%;
    margin-right: 1%;
    float: right;
    margin-top: 0;
    margin-left: 0;
}

.filterBtn {
    width: 18%;
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
}

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

#hideAllAttDiv {
    display: none;
}

.ShrinkContainer.categoryList {
    padding-top: 0;
}

.hotCategory .RelatedProducts {
    margin-top: 10px;
}

/*.ShrinkContainer.HotCategory .SectionTitle {
    margin-top: 0px;
    margin-bottom: 0px;
}*/

.ShrinkContainer.HotCategory {
    padding-top: 0;
}

.categoryList a {
    margin-bottom: 0;
}

.BlogPage {
    color: #065959;
}

    .BlogPage .col1x1 {
        font-size: 14px !important;
        line-height: 18px !important;
        font-family: 'OpenSans', sans-serif !important;
        text-align: justify !important;
    }

    .BlogPage iframe {
        width: 1100px;
        min-height:500px;
    }

.PluSearchResultDiv {
    min-height: 500px;    
    text-align: center;
}

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

.Payment {
    min-height: 300px;
}

#FooterDiv .FormJoinedInput button {
    line-height: normal;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 400;
    font-stretch: 100%;
}

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

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

#formNewsletter .LogInDiv {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    float: left;
    z-index: 9;
    min-height: 300px;
}

.newletterBtn {
    margin-right: 25% !important;
    width: 20% !important;
    display: inline-block;
}

.newletterBtnBack {
    width: 40% !important;
    z-index: 9;
    display: inline-block;
}

.newletterBtns {
    width: 50%;
    margin-left: 25%;
    margin-bottom: 20px;
    z-index: 9;
}
/*#newslettermessage3 {
    color: #ff0000;
    font-size: 14px;
    padding-top: 100px;
    line-height:1.5;
}*/

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

.LastInOffer.col4x4 .smallPluPartial {
    display: none;
}

.Section.TermsOfUse {
    font-size: 14px;
    line-height: 18px;
    text-align: justify;
    color: #065959;
}

.newsletterBtn {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-family: 'OpenSans', sans-serif;
    border: 0;
    background: #21ceb5;
    color: #fff;
    padding: 10px 0;
    transition: all 0.5s ease;
    cursor: pointer;
    border-radius: 4px;
    line-height: 17px;
    /*font-weight:600;
letter-spacing:0.8px*/
}

    .newsletterBtn button:hover {
        background: #f37297;
        color: #303030;
    }

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

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

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: #777;
    -webkit-box-shadow: 0 0 0px 1000px #d6faf0 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.privaciPolicyAndTermsOfUse {
    padding-top: 5px;
    color: #065959;
}

    .privaciPolicyAndTermsOfUse a {
        text-decoration: underline;
    }

#EmptyCartAlert {
    display: none;
}

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

    .Section.WhenInserted.EmptyCart .JIDetails {
        width: 90%;
        margin-left: 5%;
        padding-top: 10px;
    }

        .Section.WhenInserted.EmptyCart .JIDetails p {
            text-align: center;
        }

        .Section.WhenInserted.EmptyCart .JIDetails input[type=button] {
            width: 47%;
            margin-top: 10px;
        }

.bodyBAsketDetails h2 a {
    color: #21ceb5;
}

.newtabLink {
    color: #21ceb5 !important;
}

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

.Section.Registration.Buttons {
    margin-top: -55px !important;
    margin-bottom: 20px !important;
}

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

.chosen-single {
    width: 95% !important;
    padding-left: 2% !important;
    padding-right: 0% !important;
}

.DayOfBirth .chosen-single {
    width: 95% !important;
    padding-left: 5% !important;
    padding-right: 0% !important;
}

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

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

.active-result.highlighted {
    background-color: #065959 !important;
    color: #fff;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin-top: 5px !important;
    background-color: #065959 !important;
    color: #fff !important;
}

.ContactPage .col4x4 {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    color: #065959;
}

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

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

    .ContactPage .col5x5 {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
}
     .ContactPage .col5x5 div {
        font-weight: bold;
    }

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

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

.RelatedProductsImgDiv h2 {
    color: #21ceb5;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
        display: flex;
    justify-content: center;
    align-items: center;
}

.LogInPage .col1x1 {
    width: 93%;
}

.JIPrice {
    display: none;
}

.col2x2.CategoryMasterPlaceholder:last-child {
    margin-right: 0;
    margin-left: 0;
}

.ShrinkContainer .col2x2.CategoryMasterPlaceholder:first-child {
    margin-right: 1% !important;
    margin-left: 0;
}

.FormJoinedInput {
    margin-top: 10px;
    margin-bottom: 0px;
}

.Subscribe {
    margin-top: 10px;
}

.SocialMenu {
    margin-top: 10px;
}

.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: 'Lilita', sans-serif;
    position: absolute;
    top: 0px;
    right: -1px;
    z-index: 2;
    border-radius: 5px;
}


.RelatedProducts .product-state {
    top: 130px;
    right: 0;
    bottom: unset;
}

.RelatedProducts .product-state.hot {
    top:unset;
    /*bottom:unset !important;*/
}

.LastInOffer .product-state {
    bottom: unset
    right: 0;
}

.HotPlu.SmallHotPlu .product-state {
    right: 74.8%;
}

.HotPlu .product-state {
    right: 64.9%;
}

.HotPlu.BigHotPlu .product-state {
    right: 55%;
}
.HotPlu.SmallHotPlu .product-state, .HotPlu .product-state, .HotPlu.BigHotPlu .product-state{
    top:5px;
}
.col6x6 .product-state {
    white-space: nowrap;
    max-width: 81.5%;
    overflow: hidden;
    text-overflow: clip;
}

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

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

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

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

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

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

#nlBackButton {
    float: left !important;
    margin-left: 40% !important;
    width: 220px;
    display: none;
}

#nlBackButtonPlu {
    float: left !important;
    margin-left: 40% !important;
    width: 220px;
}

#newslettermessage {
    color: #065959;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    /*margin-top: 150px;
    margin-bottom: 150px;*/
}

#newslettermessage3 {
    color: #065959;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    padding-top: 100px;
}

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

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

.NewsLetterPluLabel {
    color: #7de714;
    font-size: 15px;
    line-height: 22px;
}

.noStock p {
    color: #ff0000;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

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

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

.ErrorPage {
    text-align: center;
    height: 50px;
    margin-top: 50px;
}

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

    .ErrorPage h2 {
        font-size: 48px;
    }

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

    .ErrorPage .InputWithButton {
        width: 300px;
    }

        .ErrorPage .InputWithButton button {
            border: 2px solid #31ceb5;
        }

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

    .addToWishListBtn:hover {
        color: #21ceb5;
    }

.QuantitySelect .fa-heart {
    font-size: 14px;
    color: #21ceb5;
}

.socialMenuPartDiv {
    width: 50%;
    margin-left: 50%;
}

.subscribeMenuPartDiv {
    width: 50%;
}

.SubscribeNL {
    border-top: 1px solid #21ceb5;
    padding-top: 10px;
}

.noActiveShopDiv {
    background-color: #ff0000;
    width: 100%;
    text-align: center;
    z-index: 9999990;
}

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

.Section.TermsOfUse.Reclamation {
    min-height: 300px;
}

    .Section.TermsOfUse.Reclamation p,
    .ReclamationPage p {
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #065959;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .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: #f37297;
}

    .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 .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: #f37297;
        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: 30px;
    }

    .viberCol svg {
        position: absolute;
    }

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

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

.SBSVG p {
    display: inline;
    margin-left: 5px;
    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;
}

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






#numOfPluInCart {
    display: inline;
}

.searchErorDiv {
    position: absolute;
    max-width: 170px;
    font-size: 12px;
    color: #06595e;
    background-color: #fdf8c9;
    border-radius: 5px;
    padding: 10px;
    bottom: -50px;
    display: none;
    z-index: 9;
}

.LogInDiv {
    width: 64%;
    float: right;
    margin-top: -2px;
    display: none;
}

#logInBtn {
    display: none;
}

#LogInHide {
    display: none;
    width: 25%;
}

#ShopenLogIn {
    width: 30%;
    margin-left: 15%;
    float: left;
}

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

.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 a {
        color: #06595e;
        text-decoration: underline;
    }

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

.SuccesfulRegistration {
    text-align: center;
    min-height: 430px;
}

    .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;
        text-align: center;
    }

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

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

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

.newRow {
    display: block;
}

.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;
}
.mobile, .QuantitySelect .ProductOrderQuantity.mobile {
    display: none;
}

#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-family: 'Ubuntu', sans-serif;    
    font-size: 16px;
    line-height: 20px ;
    font-style: italic;
    font-weight: 500;
    text-align:center;
    padding-bottom:10px;
}
.adressList .col3x3 a{
    padding:0;
}
.adressList .col3x3 p{
    line-height:1.5;
}

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

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

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

    .SmallHotPlu img {
        width: 30%;
    }

    .SmallHotPlu .HotPluDesc {
        width: 68%;
    }
}

@media all and (max-width: 900px) {
    .SmallHotPlu img {
        width: 35%;
    }

    .SmallHotPlu .HotPluDesc {
        width: 63%;
    }

    .RelatedProducts.col6x6 button {
        margin-top: 0;
    }

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

    .TopHeaderMenu, .BottomHeader {
        display: none;
    }

    .TopHeader {
        text-align: left;
    }

    .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-right: 10px;
        z-index: 1;
        cursor: pointer;
        float: right;
    }
    li.openSearch.mobile{
        display:inline-block;
    }

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

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

    .MainContent {
        width: 100%;
    }

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

    nav a {
        padding: 20px 0;
    }

    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 li ul li {
            display: block;
        }

    .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: 1%;
        vertical-align: top;
    }
   .ShrinkContainer .mastCat.Category.col4x4{
        width:49%;
        min-width:49%;
        margin-right:2% !important;
        margin-left:0%;
    }
        .col4x4:nth-child(2n) {
            margin-right: 0;
            margin-left: 1%;
        }

    .FulCol6x6 {
        width: 33.333%;
    }

    .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: 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;
        box-shadow: 0 0 3px #999;
    }

        .SmallBasket:after {
            right: initial;
            left: 10px;
            box-shadow: 0 0 3px #999;
        }

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

    .Filter {
        float: none;
        width: 100%;
        font-size: 0;
        text-align: left;
    }

    .headerBasket {
        display: none;
    }

    .bodyBasket .col6x6 {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 45%;
        display: block;
    }

    .bodyBasket .bodyBAsketImg {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 40%;
        display: inline-block;
    }

    .bodyBasket .bodyBAsketDetails {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 30%;
        display: inline-block;
    }

        .bodyBasket .bodyBAsketDetails .col6x6 {
            width: 100%;
        }

    .bodyBasket .col6x6 img {
        width: 100%;
        height: 100%;
        border: none;
        display: inline-block;
    }

    .bodyBasket .bodyBAsketDetails .col6x6 {
        width: 90%;
        margin: 0px 0 !important;
    }

        .bodyBasket .bodyBAsketDetails .col6x6:last-child {
            width: 5%;
            margin: 0px 0 !important;
            display: inline-block;
            top: 0;
        }

    .mobile {
        display: inline-block;
    }
}


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

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

    .HotPlu .HotPluOrder {
        position: relative;
    }

    .headerBasket {
        display: none;
    }
}

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

    .BlogItemLink {
        position: relative;
    }
}

@media all and (max-width: 820px) {
    .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%;
    }

    .OtherImages .col6x6 {
        display: inline-block;
        width: 15.66%;
        margin: 0.5% !important;
    }

        .OtherImages .col6x6:first-child {
            margin-left: 0% !important;
        }

        .OtherImages .col6x6:last-child {
            margin-right: 0% !important;
        }
}

@media all and (max-width: 600px) {
    .subcategories .Category.col6x6{
        min-width:49%;
    }
    .subcategoryContainer ::-webkit-scrollbar {
    display:none;
}

    .TopHeaderMenuUl{
        display:block
    }
    .PluSearchResultDiv.ShrinkContainer{
        min-height:unset;
        line-height:unset;
        margin: 0 2.5%;
        width:95%;
    }
    .Tags .col2x2{
    width:100%;
    margin:0 !important;
    line-height: 1.2!important;
}
    .PluSearchResultDiv .RelatedProducts.col4x4:nth-child(2n){
        margin: 1.25% 2% 1.25% 0;
    }
    .PluSearchResultDiv .RelatedProducts.col4x4:nth-child(2n+1){
        margin: 1.25% 0% 1.25% 0;
    }
    .BlogPage iframe {
        min-height:200px;
    }
    .QuantitySelect .ProductOrderQuantity.mobile{
        display:block;
    }
    .TopHeaderMenu li:last-child{
        margin-right:unset;
    }
    .TitleContainer .SectionTitle{
        padding: 0 10px;
    }
    .col2x2, .col2x2:nth-child(2n),
    .col3x3, .col3x3:nth-child(3n), .col3x3:nth-child(3n+1),
    .col3x3:nth-child(2n) {
        display: block;
        width: 100%;
        font-size: 13px;
        line-height: 1;
        margin: 10px 0 !important;
    }
    .BlogItem{
        margin-top:0;
    }
    .BalsBackHeader{
        display:none;
    }

    .Wizard {
        text-align: left;
    }
    .WhenInserted .ShrinkContainer{
        position:fixed;
      left:0;
    }
    [id^=insertModal_]{
        width:100vw;
        height: 100vh;
        background:  var(--main-bg-color);
}

    .JIDetails .ShrinkContainer{
        width:95%;
    }
    .noStock{
        padding-bottom:15px;
    }
    .ContactPage a, .ContactPage i{
        padding: 0;
    }
    #loginButton{
    width: 100%;
    padding: 8px 10px;
    margin-top:15px;
    }
    #loginForgotButton, #cancelForgotButton{
        padding: 8px 10px;
        width:48%;
         margin-top:15px;
    }
    .ContactPage input, .ContactPage textarea{
        margin-bottom:5px;
    }
    .LogInWin .ShrinkContainer .JustInserted{
        top: 100px;
        width:90%;
    }
    .JustInserted{
        position:fixed;
          top: 100px;
          width:90%;
          left:2.5%;
    }
    .JIDetails{
        margin:0;
        padding:20px 0;
    }
    #logInInserted{
        background: var(--main-bg-color);
        position:fixed;
        width:100vw;
        height:100vh;
        top:52px;

}
    

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

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

    .FormJoinedInput {
        text-align: center;
        width: 95%;
        margin-bottom:10px;
    }

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

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

    .OtherImages .col6x6 {
        display: inline-block;
        width: 15.66%;
        margin: 0.5% !important;
    }

        .OtherImages .col6x6:first-child {
            margin-left: 0% !important;
        }

        .OtherImages .col6x6:last-child {
            margin-right: 0% !important;
        }

    .bodyBasket .bodyBAsketDetails .col6x6 {
        width: 90%;
        margin: 0px 0 !important;
    }

        .bodyBasket .bodyBAsketDetails .col6x6:last-child {
            width: 5%;
            margin: 0px 0 !important;
            display: inline-block;
            top: 0;
        }
}

@media all and (max-width: 600px) {
    .mobile {
        display: inline;
    }
     .bodyBasket{
        box-shadow:none !important;
        margin-right:0;
    }
    .shopingCart {
        font-size: 20px;
        color: #06595e;
        padding-right: 15px;
    }

    .no-mobile {
        display: none !important;
    }
    .ShrinkContainer.subcategories{
        margin-bottom:0;
    }
    .subcategories .col6x6, .subcategories .col6x6:nth-child(2n){
        margin-right:2% !important;
        margin-left:0% !important;
        
    }

    #numOfPluInCart1 {
        font-size: 15px;
        display: inline;
    }

    .TopHeader {
        padding: 5px 0;
    }

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

    .TopHeaderMenu {
        padding-top: 0;
        width: 100%;
        margin-top: 5px;
        height:50px;
    }

    #searchMobile {
        margin: 0 !important;
            display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    }

        #searchMobile li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0;
            /*margin-top: 15px;
        border-top: 1px solid #7f7f7f;*/
        }

            #searchMobile li .InputWithButton {
                width: 90%;
                margin-bottom: 0;
            }

                #searchMobile li .InputWithButton input {
                    width: 83%;
                }

        #searchMobile i {
            font-size: 20px;
            color: #06595e;
        }
        #searchMobile .InputWithButton{
            height:30px;
            width: 90%;
            position:relative;
        }

        #searchMobile .InputWithButton button {
            width: 16%;
            padding: 7px 9px;
            right: 0;
            top: 0;
            position:absolute;
            float:none;
        }
       

            #searchMobile .InputWithButton button i {
                font-size: 15px;
                color: #FFF;
                
            }

        #searchMobile .InputWithButton input{
            font-size:16px;
            padding: 6px 0;
        }

    nav {
        width: 100% !important;
        overflow-x: scroll;
        max-height: calc(100vh - 112px);
    }

    nav a {
        padding: 8px 0;
        font-size: 15px;
    }

    nav ul li ul{
        box-shadow: 0 0 0px #999;
    }

    nav ul li ul a {
        font-size: 15px;
        padding: 7px !important;
    }

    .ContactPage{
        margin: 5px 0;
    }

    .ContactPage .col4x4{
        display: block;
        width: 100%;
        font-size: 15px;
    }

      .ContactPage .col5x5{
        display: block;
        width: 100%;
        font-size: 15px;
    }

    .ContactPage .col2x2{
        display: block;
        width: 100%;
        font-size: 15px;
    }

    .ContactPage .col2x2:nth-child(2n){
        display: block;
        width: 100%;
        font-size: 15px;
    }

    .ContactPage input, .ContactPage textarea{
        font-size:16px;
    }

    .ContactBtn .btn-theme3{
        width:100%;
    }

    .ContactPage .col2x2, .ContactPage .col2x2:nth-child(2n){
        margin: 0px 0 !important;
    }

    .Registration{
            margin: 0px auto;
    }

    .Registration .col2x2{
        display:block;
        width: 100%;
    }

     .Registration .col2x2 input{
        font-size:16px;
    }

    .Registration .col2x2:nth-child(2n){
        display:block;
        width: 100%;
    }

    .Registration select{
        width:100%;
    }

    .Registration .col3x3{
        display:block;
    }

    .Registration .col3x3:nth-child(3n+1){
        display:block;
        width: 100%;
    }

    .Registration .col3x3:nth-child(2n){
        display:block;
        width: 100%;
    }

    .Registration .col3x3:nth-child(3n){
        display:block;
        width:100%;
    }

    .Registration button {
        width:100%;
        margin: 0px 0;
    }

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

    /*.mobileCart .mobileOrderDetails .cartSum .col2x2:nth-child(2n){
        margin-top:10px !important;
    }*/
   
     .BlogItemLink{
     padding: 8px 0 8px 125px;
    float: none;
    display: block;
}
    body {
        margin-top: 52px;
    }
    select,  textarea, input{
        font-size:16px;
    }
    .VariantChoose span{
        width:unset;
        display:block;
    }
    .VariantChoose select{
        display: block;
    width:100%;
    position: relative;
}
    .VariantChoose > label.col1x1{
        position:relative;
    }
    .VariantChoose label:after{
            margin-right: 8px;
    pointer-events: none;
    font-size: 15px;
    top: 32px;
    right: 0;
    position: absolute;
    margin-left:0;
    }
    .mobileHeaderButtons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    header {
        position: fixed;
        width: 100%;
        z-index: 9999;
        top: 0;
    }
        body.freeShipping{
    margin-top:77px;
}
.freeShipping header{
    top:25px;
}
.freeShippingBar{
    position:fixed;
    top:0;
    z-index:999;
}
.freeShipping nav {   
    height: calc(100vh - 137px);
    padding-bottom:30px;
}

nav ul:first-child{
    padding-bottom:50px;
}


    .openSearch div {
        padding: 0 10px;
    }

    .TopHeaderMenu i {
        font-size: 20px;
    }

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

    .Slider img {
        min-height: 120px;
    }

    .ShareButtonsHome {
        display: none;
    }

    .Section.TermsOfUse.Reclamation p, .ReclamationPage p {
        font-size: 13px;
    }

    .SectionTitle {
        font-size: 20px;
    }
    .SectionSubTitle{
        font-size:16px;
    }
    .ErrorPage p {
        padding-top: 18px;
        font-size: 18px;
        line-height: 1.5;
    }

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

    .ErrorPage h2 {
        font-size: 25px;
    }

    .ErrorPage {
        height: unset;
    }

    .CopyRight .rightCopyRight, .CopyRight .leftCopyRight {
        float: none;
        display: inline-block;
        font-size: 12px;
        width: 100%;
        margin:0 !important;
        float:unset; 
        text-align:center;
    }

     
   

   

    .CopyRight {
        margin-top:0;
        line-height:1.5;
    }
    .CopyRight span{
        font-size:14px !important;
    }

    footer {
        padding-bottom: 5px;
    }

    .FooterMenu li {
        display: block;
        font-size: 14px;
    }

    footer .Subscribe {
        font-size: 15px;
    }

    .SocialMenu li {
        font-size: 28px;
    }

    .Subscribe{
        margin-top:2px;
    }

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

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

    #ShopenLogIn {
        width: 100%;
        margin: 0;
        float: unset;
        margin-top:10px;
    }

    .LogInDiv {
        width:100%;
    }

    #LogInHide{
        width:100%;
    }

    .TermsOfUseDiv{
        margin-top: 13px;
    }

    .Basket {
        margin: 0px auto;
    }

    .AmenityValue{
        border-bottom: none;
    }
    .privaciPolicyAndTermsOfUse{
        margin-bottom: 10px;
    }

    .OrderDetails{
        margin: 5px 0;
        margin-bottom:0px;
    }

    .BasketTotal{
        max-width:97.5vw;
    }

  


    #formNewsletter .LogInDiv {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        float: unset;
        z-index: 9;
        min-height: 300px;
    }

    .newletterBtnBack {
        width: 45% !important;
        margin: 0 !important;
    }

    .Section.Registration.NewsLetter, #formNewsletter .LogInDiv {
        min-height: unset;
    }

    .Registration button.FloatLeft {
        float: unset;
    }

    .newletterBtns {
        width: 100%;
        margin: 20px 0;
    }

    .newletterBtn {
        width: 45% !important;
        margin: 15px 0 !important;
    }

    #nlBackButton {
        margin-left: 0px !important;
        width: 100%;
    }

    .PageBody {
        min-height: calc(100vh - 373px);
    }

    .ImgWithOverlay img {
        min-height: 120px;
    }

    .ImgWithOverlayTitle {
        font-size: 24px;
        margin-bottom: 10px;
        -webkit-line-clamp:unset;
    }

    .ImgWithOverlayBody p {
        font-size: 15px;
    }

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

    .Gallery.FulCol2x2, .Gallery.FulCol4x4, .Gallery.FulCol5x5:nth-child(4), .Gallery.FulCol5x5:nth-child(5) {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .Gallery.FulCol4x4:nth-child(2n), .Gallery.FulCol6x6:nth-child(3n), .Gallery.FulCol5x5:nth-child(3n), .Gallery.FulCol5x5:nth-child(5) {
            margin-right: 0;
        }

    .Gallery.FulCol3x3, .Gallery.FulCol6x6, .Gallery.FulCol5x5 {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .BlogItem h3 {
        font-size: 20px;
        margin-top:5px;
        line-height:1.2;

    }

    .BlogPage h1 {
        font-size: 25px;
        margin: 15px 0;
        line-height:1.2;
        
    }

    .bodyBasket .col2x2 {
        width: 49%;
        display: inline-block;
    }

    .pluName {
        color: #21ceb5;
        position:relative;
    }

    .bodyBAsketDetails a {
        color: #065959;
        float: right;
        padding-right: 0px;
        margin-top: 0px;
        position: absolute;
    right: 0;
    top: 0;
    }
    .bodyBasket h2{
        width:100%;
    }
    .mobileCart .bodyBasket h2{
        width:90%;
    }
    .bodyBasket{
        padding:0;
    }
    .FreeDeliveryMissing {
        line-height: 1.2;
        font-size:14px;
    }

    .bodyBasket {
        width: 100%;
    }

        .bodyBasket img {
            width: 95%;
            height: 95%;
        }

    .Increase, .Decrease {
        display: none;
    }

    .bodyBasket input {
        border: none;
        /*color: #21ceb5;*/
        font-size: 16px;
        background: transparent;
        width:50%;
    }
    .mobileCart .OrderButtonCartPreview{
        text-align:left;
    }
       .col2x2.TextAlignRight{
           width:99%;
       }

    .col2x2.TextAlignRight .ContinueEmpty{
        width:100%;
        margin:0;
    }
    #nlBackButtonPlu{
        width:100% !important;
        margin-left:unset!important;
        float:none!important;
    }
    #newslettermessage{
        font-size:16px; 
        margin-bottom:30px;
    }

        .bodyBasket .variantMobile {
            padding: 10px 0;
        }

        .bodyBasket .price {
            font-size: 12px;
            padding: 3px 0;
            text-align: left;
        }
        .bodyBasket .price.total-price{
            font-size:14px;
            padding:7px 0;
        }
        .EmptyBasketDiv{
            height:100px;
        }
    .Proba {
        display: flex;
        justify-content: space-between;
    }

    .BasketTotal {
        margin: 0 -2.5%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }

    .col2x2, .col2x2:nth-child(2n), .col3x3, .col3x3:nth-child(3n), .col3x3:nth-child(3n+1), .col3x3:nth-child(2n) {
        width: 49%;
        display: inline-block;
    }

    .mobileCart .mobileOrderDetails .col2x2:nth-child(2n) {
        width: 35%;
    }

    .mobileCart .mobileOrderDetails .col2x2:nth-child(2n+1) {
        width: 65%;
    }

    .deliveryTime {
        margin: 10px 0;
    }

    .cartSum {
        font-weight: 600;
        text-align: right;
    }

    .bodyTotalBasket .col4x4:nth-child(4n+1), .bodyTotalBasket .col6x6 {
        width: unset !important;
    }

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

    .EmptyTitle {
        font-size: 22px;
    }

    #finishShoppingButton {
        float: none;
        margin-right: 0px;
    }

    .BasketBtn .col2x2 {
        width: 100%;
    }


}

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

    .Section.BasketTotal.mobile {
        width: 100%;
    }

    .JustInserted {
        margin-left: 3%;
        right: unset;
    }

    .Proba a {
        margin: 0px 1%;
    }

    .mobile {
        display: inline;
    }

    .mobileShareBtn {
        display: inline;
    }

    .drop-down-share-btns .col2.mobile {
        display: inline-block;
    }

    .drop-down-share-btns-layout .col2.mobile {
        display: inline-block !important;
    }

    .FulCol4x4 {
        width: 50%;
    }

    .FulCol6x6 {
        width: 15.666%;
    }

    .FulCol3x3 {
        width: 32.33%;
    }



    .OtherImages .col6x6 {
        display: inline-block;
        width: 15.66%;
        margin: 0.5% !important;
    }

        .OtherImages .col6x6:first-child {
            margin-left: 0% !important;
        }

        .OtherImages .col6x6:last-child {
            margin-right: 0% !important;
        }

    .bodyBasket .col6x6 {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 45%;
        display: block;
    }

    .bodyBasket .bodyBAsketImg {
        line-height: 1.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 40%;
        display: inline-block;
    }

    .bodyBasket .bodyBAsketDetails {
        line-height: 0.5;
        vertical-align: middle;
        margin: 0.3%;
        width: 50%;
        display: inline-block;
    }

        .bodyBasket .bodyBAsketDetails .col6x6 {
            width: 90%;
            margin: 0px 0 !important;
            padding-left: 2%;
            text-align: left;
        }

            .bodyBasket .bodyBAsketDetails .col6x6:last-child {
                width: 5%;
                margin: 0px 0 !important;
                display: inline-block;
            }

    .bodyBasket .col6x6 img {
        width: 100%;
        height: 100%;
        border: none;
        display: inline-block;
    }

    .centerText {
        text-align: center;
    }

    .LogInWin {
        top: -100px;
    }

    .Wizard a {
        width: 25.5%;
        font-size: 13px;
        margin-right: 1%;
        padding: 7px 0;
        padding-right: 1.5%;
        text-align: right;
    }

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

        .Wizard .paymentWizard:before, .Wizard a:first-child:before, .Wizard .ReviewWizard:before {
            left: 7px;
            font-size: 45px;
        }

    .ShipmentChoose .col2x2, .ShipmentChoose .col2x2:nth-child(2n) {
        width: 100%;
    }

    .AmenityValue, .Amenity {
        width: 49%;
        margin: 10px 0;
    }

        .AmenityValue.note, .Amenity.note {
            width: 100%;
        }

    .Ordering {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .bodySumBasket {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
    }

    .reviewCart .BasketTotal {
        margin: 0;
    }

    .bodySumBasket .col4x4, .bodySumBasket .col6x6 {
        margin: 10px 0px;
    }

    .bodySumBasket .col4x4 {
        width: 60%;
    }

    .bodySumBasket .col6x6 {
        width: 39% !important;
    }

    .Section.Registration.Buttons {
        margin-top: 0px !important;
    }

    #backToShop {
        width: 100%;
        float: right;
    }

    .RelatedProducts.col4x4 {
        width: 49%;
        margin: 5px 2% 5px 0;
    }

        .RelatedProducts.col4x4:nth-child(2n) {
            margin: 5px 0%;
        }

    .Amenities {
        position: relative;
    }

    .RelatedProduct .ProductPrice strike {
        position: absolute;
        display: block;
        top: -15px;
        text-align: right;
        width: 100%;
        padding-right: 2%;
    }

    .RelatedProduct .ProductPrice span {
        text-align: right;
        width: 98%;
        display: block;
        padding-right: 2%;
    }

    .QuantitySelect .ProductOrderQuantity {
        display: none;
    }

    .ProductRight .QuantitySelect .ProductOrderQuantity {
        display: inline-block;
        width: 100%;
    }

    .QuantitySelect .ChooseQuantity button {
        margin-left: 0px;
        width: 100%;
    }

    .addToWishListBtn {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }

    .nlDiv .col1x1 {
        margin-bottom: 0px;
    }

    .RelatedProductsImgDiv .newtabLink h2 {
        min-height: 45px;
        font-size: 16px;
        line-height: 17px;
        white-space: normal;
    }

    .RelatedProduct .ProductPrice strike span {
        font-size: 13px;
    }

    .product-state {
        font-size: 11px;
        line-height: 28px;
    }

    .ShareButtons {
        display: none;
    }

    .RelatedProducts .QuantitySelect .ChooseQuantity button {
        width: 100%;
        margin: 5px 0% 0;
    }

    .RelatedProducts .product-state {
        bottom: 39%;
    }

    .QuantitySelect .ChooseQuantity button, .addToWishListBtn {
        font-size: 12px;
    }

    .QuantitySelect .fa {
        font-size: 17px;
        margin-right: 3px;
    }

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

    .QuantitySelect .ChooseQuantity select {
        width: 100%;
        min-width: 100%;
        padding: 10px;
        border: 0;
        background: #eee;
        border-radius: 5px;
        font-size: 16px;
    }


    .ChooseQuantity {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

        .ChooseQuantity > * {
            margin-bottom: 10px;
        }

    .CategoryName {
        margin-top: 20px;
    }

        .CategoryName a {
            font-size: 14px;
        }

    #imgDiv_0 {
        margin: 0 !important;
    }

    .videoOverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

    .ProductLeft h1.ProductName {
        font-size: 20px;
        margin: 10px 0;
        color: #21ceb5;
        font-family: Lilita;
        display: inline-block;
        line-height: 1;
    }

    .SlideDots span {
        width: 5px;
        height: 5px;
        margin: 5px 3px;
    }

    .SlideDots {
        position: relative;
        bottom: 0;
        margin-top: 5px;
    }

    .VariantChoose {
        min-height: unset;
    }

    .TabChoser .TabsContent li.VisibleTab {
        font-size: 13px;
        font-weight: normal;
        line-height: 1.3;
    }

    .ProductRight .Section {
        width: 100%;
    }

    .ProductRight .ProductOrderPrice {
        width: 100%;
        text-align: right;
        margin-bottom: 0;
    }

    .mobileFilter button {
        padding: 8px 0;
        border: 1px solid #21ceb5;
        text-transform: uppercase;
        cursor: pointer;
        width: 100%;
        background: #21ceb5;
        border-radius: 5px;
        color: #fff;
        font-family: 'OpenSans', sans-serif;
        margin-top: 10px;
    }

    .Filter {
        position: fixed;
        z-index: 9;
        background: #FFF;
        left: 0;
        top: 52px;
        margin-top: 0;
        padding: 10px 2.5%;
        height: calc(100vh - 52px);
    }
    .freeShipping .Filter{
        top:77px
    }

    .FilterSearchBox {
        overflow-y: scroll;
        width: 95%;
    }

        .FilterSearchBox .col5x5 {
            display: block;
            float: none;
            width: 100%;
        }

            .FilterSearchBox .col5x5 select {
                width: 100%;
            }

    .filterBtn {
        width: 95%;
        margin-bottom: 10px;
    }

        .filterBtn div {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .filterBtn div button {
                width: 32%;
            }

    .subcategories {
        overflow-x: scroll;
        display: flex;
    }

        .subcategories.all-categories {
            flex-wrap: wrap;
        }

    .all-categories .col3x3.Category.mastCat:nth-child(2n), .ShrinkContainer.all-categories .Category.col3x3.mastCat:nth-child(2n) {
        margin-right: 0 !important;
    }

    .subcategories a.col3x3 {
        min-width: 49%;
    }

    .ShrinkContainer .Category.col3x3.mastCat, .ShrinkContainer .Category.col3x3.mastCat:nth-child(3n+1), .ShrinkContainer .Category.col3x3.mastCat:nth-child(3n) {
        margin-right: 2% !important;
        margin-top: 0 !important;
        margin-bottom: 2% !important;
    }

        .ShrinkContainer .Category.col3x3.mastCat:last-child {
            margin-right: 0 !important;
        }

    .Category h2 {
        font-size: 18px;
        white-space: initial;
        padding: 0;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Category.col2x2 {
        width: 49%;
    }

        .Category.col2x2:nth-child(2n) {
            margin-left: 2% !important;
        }

    .RelatedProducts.col2x2 {
        width: 48%;
        margin: .5% !important;
    }

        .RelatedProducts.col2x2:nth-child(2n) {
            margin-left: 2% !important;
        }

    .Slider ul li {
        width: 100%;
    }

    .HotCategory .RelatedProducts.col2x2 {
        width: 48%;
        margin: .5% !important;
    }

        .HotCategory .RelatedProducts.col2x2:nth-child(2n) {
            margin-left: 2% !important;
        }

    .BlogItem .col2x2 {
        width: 100%;
        margin: 0 !important;
    }

    [id^=komponenta] .ShrinkContainer {
        padding: 0;
    }

    body [id^=komponenta]:last-child {
        margin-bottom: 10px;
    }

    .SectionTitle a {
        font-size: 18px;
    }

    .LastInOffer .product-state, .HotPlu.SmallHotPlu .product-state, .HotPlu.BigHotPlu .product-state, .HotPlu.product-state, .HotPlu .product-state, .RelatedProducts .product-state, .RelatedProducts .product-state.hot {
        right: 0;
        bottom: unset !important;
        top: 0;
    }

    .HotPlu {
        margin-bottom: 5px;
    }

        .HotPlu.SmallHotPlu .product-state, .HotPlu .product-state, .HotPlu.BigHotPlu .product-state {
            top: 5px;
            right: 5px;
        }

    .gallerySlider {
        position: relative;
    }

    .HotPluDesc h2 {
        font-size: 20px;
    }

    .HotPluDesc {
        height: unset !important;
    }

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

    .HotPluPrice strike span {
        font-size: 16px;
    }

    .HotPluDescText p, .SmallHotPlu .HotPluDescText p, .BigHotPlu .HotPluDescText p  {
        -webkit-line-clamp: 3;
    }

    p {
        font-size: 12px;
        line-height: 1.2;
    }

    .HotPluOrder .QuantitySelect .ChooseQuantity button {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }

    .HotPlu img {
        height: 150px;
        object-fit: cover;
    }

    /*ovde dodati
        .componentBlogBtn{
        display: flex;
    justify-content: center;
        }
    */
    #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:100%;
         
     }
     .adressList .col3x3 p{
         text-align:center;
         font-size:15px;
     }
      .chipcard-banner{
        flex-direction:column-reverse;
        padding: 5px 0 0 ;
    }
}


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

    .mobile {
        display: inline-block !important;
    }

    .mobileShareBtn {
        display: inline-block !important;
    }

    .drop-down-share-btns-layout .col2.mobile {
        display: inline-block !important;
    }

    .g-recaptcha>div{
          width:unset!important;
          height:unset!important;
      }
   
}
/* OPTIMIZE END */

input[id^=extrasSelect_]{
    -webkit-appearance:checkbox;
}