html {
    width: 100% !important;
    /*width: 98% !important;*/
}
/* ------------------ To be tested --------------------- */
.row:not(#toggle-filter .row),
.col-xs-12:not(#toggle-filter .col-xs-12) {
    margin-right: 0;
}
/* ------------------ To be tested --------------------- */
body {
    padding: 0 !important;
}

.btn:active {
    transform: none !important;
}

.rowContainer {
    min-height: calc(100vh - 200px);
}

.navbar {
    min-height: unset !important;
}

.navbar-default {
    background-color: #FFFFFF !important;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.rowSignIn a,
.rowSignIn a:hover {
    color: #000000 !important;
}

.rowSignIn a {
    display: inline-block;
    text-decoration: none !important;
    white-space: nowrap;
}

    .rowSignIn a::after {
        content: '';
        width: 0px;
        height: 2px;
        display: block;
        background: #A07936;
        /*background: #B38742;*/
        transition: 300ms;
    }

    .rowSignIn a:hover::after {
        width: 100%;
    }
.rowSignInSpecial a, .rowSignInSpecial a:hover {
    color: #FFFFFF !important;
}
    .rowSignInSpecial a::after {
        background: #FFFFFF;
    }
html, body, #divBody {
    background: #FFFFFF !important;
}

body {
    padding-top: 10px !important;
}

.header-navbar .navbar-fixed-top {
    top: 45px;
    /*top: 55px;*/
    padding-bottom: 15px;
    /*padding-bottom: 43px;*/
}

@media only screen and (max-width: 767px), (max-device-width: 767px) {
    .header-navbar .navbar-fixed-top {
        top: 45px;
        /*top: 49px;*/
        /*top: 54px;*/
    }
}

.navbar-fixed-top {
    background-image: none !important;
    background-color: #FFFFFF;
    background-repeat: no-repeat !important;
}

.header-social-media .navbar-fixed-top {
    padding-top: 35px;
}

.row.navbar.navbar-fixed-top {
    margin-bottom: 0 !important;
    min-height: 45px !important;
    /*min-height: 55px !important;*/
}

.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a {
    color: #000000 !important;
}

.dropdown-submenu > a:after {
    border-left-color: #000000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #EBEBEB !important;
}

.navbar-default ul li {
    transition: 300ms;
}

    .navbar-default ul li:hover {
        background-color: #EBEBEB !important;
    }
.navbar.navbar-default.navbar-fixed-top > .container {
    padding-left: 20%;
}
@media only screen and (min-width:1200px){
.navbar.navbar-default.navbar-fixed-top > .container {
    padding-left: calc(285.5px + (571 - 285.5) * ((100vw - 1200px) / (1900 - 1200))) !important;
}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar.navbar-default.navbar-fixed-top > .container {
        padding-left: 10% !important;
        /*padding-left: 15% !important;*/
    }
}
@media only screen and (min-width:320px) and (max-width:767px) {
    .navbar.navbar-default.navbar-fixed-top > .container {
        padding-left: 40% !important;
    }
}
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    right: 0;
    border-radius: 5px;
    display: none;
    min-width: calc(180px + (340 - 180) * ((100vw - 300px) / (1900 - 300)));
    /*min-width: calc(120px + (340 - 120) * ((100vw - 300px) / (1900 - 300)));*/
    position: absolute;
    background-color: #EBEBEB;
    box-shadow: 12px 12px 12px rgba(0,0,0,0.2);
    z-index: 1;
}
@media ONLY SCREEN AND (MAX-WIDTH: 767px){
    .dropdown-content {
        right: -80px;
    }
    }
    .dropdown-content a {
        color: #000000;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
@media ONLY SCREEN AND (MAX-WIDTH:767px) {
    .dropdown-content a {
        padding: 12px 0 12px 32px !important;
    }
}
        .dropdown-content a:hover {
            color: #000000;
            text-decoration: none;
        }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.navbar.navbar-default.navbar-fixed-top {
    z-index: 4;
    /*z-index: 2;*/
    padding-bottom: 25px;
}

.btnCulture {
    padding: 6px 0 !important;
    background-color: transparent;
    margin-top: -5px;
}

.scrollHoriz {
    height: fit-content !important;
}

.link-terms,
.link-terms:hover,
.link-powered-by,
.link-powered-by:hover,
.link-back-top,
.link-back-top:hover,
.link-back-top:focus {
    text-decoration: none;
    color: #000000;
}

.form-control {
    z-index: 0 !important;
}

#map {
    transition: 300ms;
}

    #map > div {
        min-height: 200px;
    }

div.H_btn.H_el, div.H_ctl.H_el.H_scalebar {
    display: none;
}

@media only screen and (min-width:1200px), (min-device-width:1200px) {
    .cell-main-footer {
        border-right: 1px solid #EBEBEB;
    }

    .column-secondary-footer-second {
        text-align: right;
    }
}

@media only screen and (max-width:1199px), (max-device-width:1199px) {
    .row-main-footer,
    .cell-main-footer {
        display: block !important;
    }

    .cell-main-footer {
        border-right: none !important;
    }

    .column-form-start {
        margin-bottom: 15px;
    }

    .column-secondary-footer-first,
    .column-secondary-footer-second {
        text-align: center;
    }

    .column-secondary-footer-first {
        border-bottom: 1px solid #EBEBEB;
    }
}

.image-logo {
    transition: 300ms;
    position: sticky;
    top: 3px;
    left: 3px;
    width: 105px;
    /*width: 145px;*/
    z-index: 9999;
}

.link-goto-merchant,
.link-goto-merchant:hover,
.link-goto-merchant:focus {
    text-decoration: none;
    color: #000000;
}

.fb-page {
    transition: 300ms;
}
nav.navbar-nav.navbar-right {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .navbar-right {
        margin-right: 10px !important;
    }
}

.nav.navbar-nav.navbar-right li:hover {
    background-color: transparent !important;
}

.navbar-default .navbar-toggle {
    right: 20px;
}

.pageNumberControl {
    background-color: #B3B3B3 !important;
}
.myAccount {
    cursor: pointer;
}
    .myAccount > span {
        display: inline-block;
    }
        .myAccount > span > img {
            width: 32px;
            height: 32px;
            vertical-align: bottom;
        }
        .myAccount > span > i {
            color: #A07936;
            /*color: #B38742;*/
            font-size: 34px !important;
            /*font-size: 24px;*/
        }
    .columnMyAccount {
        height: calc(100% - 100px);
        background-color: #FFFFFF;
        position: fixed !important;
        right: 2px;
        top: 100px;
        bottom: 0;
        position: fixed;
        display: none;
        border-radius: 15px;
        padding: 0;
        z-index: 9999;
        overflow: auto;
    }

@media only screen and (max-width:767px), (max-device-width:767px) {
    .columnMyAccount {
        top: 140px !important;
        /*top: 155px !important;*/
        height: calc(100% - 140px) !important;
        /*height: calc(100% - 155px) !important;*/
    }
}
.column-header-my-account {
    background-color: #A07936;
    /*background-color: #B38742;*/
    color: #FFFFFF;
    border: 1px solid #A07936;
    /*border: 1px solid #B38742;*/
    border-radius: 15px 15px 0 0;
}
.headerMyAccount {
    font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1900 - 300)));
    margin: 10px 0;
}

.half-opacity {
    opacity: 0.5;
}
.spanSelectedLocalization {
    cursor: pointer;
}
.glyphicon-globe{
    color: #000000;
    font-size: 28px;
}
.image-selected-localization {
    width: 32px;
    height: 32px
    /*width: 25px;
    height: 25px*/
}
.dropdown-content img.image-localization {
    width: calc(20px + (40 - 20) * ((100vw - 320px) / (1900 - 320)));
    /*width: 40px;*/
    height: calc(20px + (40 - 20) * ((100vw - 320px) / (1900 - 320)));
    /*height: 40px*/
}
#BtnSubmitOrder:hover,
#BtnSubmitOrder:active,
#BtnSubmitOrder:focus {
    background: #a07936 !important;
    outline: none !important;
}

.modal-place-order-content {
    height: fit-content !important;
}
.img-user {
    width: calc(100px + (200 - 100) * ((100vw - 300px) / (1900 - 300)));
    height: calc(100px + (200 - 100) * ((100vw - 300px) / (1900 - 300)));
    cursor: pointer;
    box-shadow: 24px 24px 24px #DDDDDD;
}
.row-login-privilege{
    height: 100%;
}
.paragraph-login-privilege {
    margin-top: 50px;
}
.column-row-sign-in {
    margin-top: 50px;
}
.lnk-column-my-account,
.lnk-favourite-items,
.lnk-favourite-stores,
.lnk-change-password {
    text-decoration: none;
    text-transform: none;
}
.inline-block{
    display: inline-block;
}
.column-logout {
    margin-top: 50px;
}
.main-footer {
    border-top: 1px solid #EBEBEB;
    padding-top: 10px;
    /*margin-top: 100px;*/
    background-color: rgb(247,247,247);
}
.row.row-main-footer {
    padding: 0 20px;
    display: table;
}
.cell-main-footer {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.paragraph-footer-main-about-jm {
    text-align: center;
}
.footer-contact-us > span > i.fa.fa-refresh.fa-spin {
    font-size: 48px;
}
.row-social-media{
    margin-top:20px;
}
    .row-social-media div.col-xs-1 > span {
        cursor: pointer;
    }
        .row-social-media div.col-xs-1 > span > i {
            color: dimgray;
            font-size: 24px;
        }
#map {
    min-height: 200px;
}
.paragraph-find-us-on-fb {
    white-space: nowrap;
}
.copyright-footer {
    border-top: 1px solid #EBEBEB;
    background-color: #dddddd;
}
.row-copyright-footer {
    padding: 0 20px 5px 20px;
}
.column-secondary-footer-first {
    padding-top: 22px;
    font-size: 12px;
}
.paragraph-copyright-footer-title {
    display: inline-block;
    font-size: 12px;
}
.column-secondary-footer-second .rowSignIn {
    display: inline-block;
}
    .column-secondary-footer-second .rowSignIn > a.link-terms,
    .link-powered-by {
        font-size: 12px;
    }
.ss-logo {
    width: 150px;
    height: 60px;
}
.row-back-to-top {
    background-color: transparent;
    position: fixed;
    bottom: 0;
    left: 45%;
}
.chevron-back-to-top {
    font-size: 48px;
}
#ModalLoginRequired .modal-content{
    height: fit-content;
}
#modalGeneralMessage,
#ModalLoginRequired {
    z-index: 99992 !important;
}
.btn-hover-change-colour{
    background-color: #000000;
    color: #FFFFFF;
    transition: 300ms;
}
    .btn-hover-change-colour:hover,
    .btn-hover-change-colour:focus,
    .btn-hover-change-colour:active {
        background-color: #a07936 !important;
    }
#ModalAboutUsCMS .modal-content,
#ModalContactUsCMS .modal-content{
    height: auto;
}
#ModalTermsAndConditionsCMS .modal-content{
    border-bottom-right-radius: 5px;
}
.column-terms {
    height: 315px;
    overflow-y: auto;
}
#UL-Localization.dropdown-menu{
    top:20px;
}
#UL-Localization li {
    height: 50px;
}
    #UL-Localization li a{
        height: 100%;
        line-height: 50px;
    }
    .no-border {
        border: none;
    }
.font-medium-less {
    font-size: calc(11px + (22 - 11) * ((100vw - 300px) / (1900 - 300))) !important;
}
.font-medium {
    font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1900 - 300))) !important;
}
.font-large {
    font-size: calc(14px + (28 - 14) * ((100vw - 300px) / (1900 - 300))) !important;
}
.font-larger {
    font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1900 - 300))) !important;
    /*font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1900 - 300))) !important;*/
}
.link-powered-by-u{
    vertical-align: text-top;
}
.carousel-indicators{
    z-index: 1;
}
.menu-link-goto-merchant-website {
    /*font-style: italic;*/
}
    .menu-link-goto-merchant-website > b {
        /*color: #A07936;*/
    }
#ModalQuickViewBody{
    min-height: 460px;
}
.navbar-nav > li > a{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Extension for Croppie.css*/
.croppie-container .cr-slider-wrap {
    margin: 0 auto !important;
}

label.cabinet {
    display: block;
    cursor: pointer;
}

    label.cabinet input.file {
        position: relative;
        height: 100%;
        width: auto;
        opacity: 0;
        -moz-opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        margin-top: -30px;
    }

#upload-demo {
    width: 250px;
    height: 250px;
    padding-bottom: 25px;
}

.croppr-container {
    text-align: center;
}

.modal-content {
    height: 408px;
}

#cropImagePop .modal-footer {
    padding: 7px 25px 0px 15px !important;
}

.span-close-modal {
    font-size: 24px;
}

input.cr-slider {
    border-bottom: 1px solid transparent !important;
}

#cropImageBtn {
    background-color: #000000 !important;
    transition: 300ms;
    border: none;
    width: 80px;
}

    #cropImageBtn:hover {
        background-color: #B38742 !important;
    }

#closeModalBtn {
    background-color: #FFFFFF;
    transition: 300ms;
    width: 80px;
}

    #closeModalBtn:hover {
        background-color: #E6E6E6 !important;
    }

.modal-title {
    font-size: calc(18px + (36 - 18) * ((80vw - 300px) / (1900 - 300))) !important;
}
.lblGoldKtType{
    white-space: nowrap;
}
.verticalFlexbox {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.no-side-padding{
    padding-left: 0 !important;
    padding-right: 0 !important;
}