@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500");
@import url("https://fonts.googleapis.com/css?family=Ropa+Sans");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
html body {
    background: #f4f4f4;
    font-family: "Open Sans", sans-serif;
    background-image: url("../images/Background.jpg");
    background-position: top center;
    background-size: 100% auto;
    font-size: 14px;
}

html body button:focus,
html body a:focus {
    outline: none;
}

@media screen and (min-width: 1200px) {
    html body .container,
    html body.cms-home .block-new-products {
        max-width: 1190px;
    }
}

@media screen and (max-width: 991px) {
    html body .container,
    html body.cms-home .block-new-products {
        max-width: 740px;
    }
}

.page-header {
    font-size: 10px;
    font-weight: normal;
}

.cms-presse .cms-home-banner::after {
    background-color: rgba(0, 0, 0, 0.4);
}

.cms-home-banner {
    position: relative;
}

.cms-home-banner::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 30, 49, 0.3);
    position: absolute;
}

.cms-home-banner>div {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .cms-home-banner {
        height: 260px !important;
    }
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #ffffff;
}

.preloader #container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

ul.form-list {
    list-style: none;
}

@media screen and (max-width: 767px) {
    .app-avail-section {
        text-align: center;
    }
}

.app-avail-section .container {
    background: transparent !important;
}

.app-avail-section .container>.row {
    background: #ffffff;
}

@media screen and (min-width: 992px) {
    .app-avail-section .container>.row {
        padding: 70px 0 40px;
    }
}

@media screen and (max-width: 991px) {
    .app-avail-section .container>.row {
        padding: 30px 0;
    }
}

.app-avail-section .app-avail-img {
    text-align: center;
}

@media screen and (min-width: 992px) {
    .app-avail-section .app-avail-img {
        padding-left: 60px;
    }
}

.app-avail-section .app-avail-details {
    font-size: 15px;
}

.app-avail-section .app-avail-details ul {
    margin: 30px 0px 0;
}

.app-avail-section .app-avail-details ul li {
    margin-right: 15px;
}

.app-avail-section .app-avail-details img {
    max-width: 140px;
}

.app-avail-section .app-avail-details p {
    margin-bottom: 0;
    color: #787878;
    font-size: 18px;
}

.app-avail-section .app-avail-details h4 {
    font-family: "Ubuntu", sans-serif;
    font-size: 34px;
    font-weight: normal;
}

.app-avail-section .app-avail-details h4 strong {
    font-weight: 600;
}

.app-avail-section .app-avail-details h4 span {
    font-size: 32px;
}

.app-avail-section .app-avail-details h4 span:first-child {
    font-weight: 300;
}

.app-avail-section .app-avail-details p {
    color: #787878;
}

.page-main .link a:not(.border-link) {
    display: inline-block;
    background: #c1cc00;
    padding: 5px 20px;
    border-radius: 28px;
    color: #5a7423;
    border: 1px solid #c1cc00;
    font-size: 15px;
    color: #555555;
    text-decoration: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.page-main .link a:not(.border-link).ask_que {
    background-color: transparent;
    border-color: #cccccc;
}

.page-main .link a:not(.border-link):hover,
.page-main .link a:not(.border-link):focus {
    color: #ffffff;
    border-color: #c1cc00;
    background: #c1cc00;
    text-decoration: none;
}

.page-main .link a.border-link {
    color: #555555;
    display: inline-block;
    font-size: 15px;
    text-decoration: none;
    padding: 5px 20px;
}

.page-main .profile-links.link {
    display: inline-block;
}

.page-main .profile-links.link a {
    display: block;
}

.payment-delivery-link input.addCart.green-bg {
    margin-top: 15px;
    font-size: 20px;
}

/* header */

.nav-before-open,
.nav-before-open .page-wrapper,
.nav-before-open body {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.sections.nav-sections {
    height: auto;
    left: 0;
    right: 0;
    width: auto !important;
}

@media screen and (max-width: 991px) {
    body .header .nav-link {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

body .header .nav-link.notification {
    cursor: pointer;
}

body .page-header {
    position: relative;
    background-color: #ffffff;
}

@media screen and (max-width: 649px) {
    body .page-header {
        padding-top: 50px;
    }
}

body.cms-home .page-header {
    position: absolute;
    background-position: transparent;
}

body.sub-menu-show,
body.sub-menu-open {
    position: fixed;
    width: 100%;
    height: 100%;
    -webkit-overflow-y: scroll;
    overflow-y: scroll;
}

.top-title {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    position: relative;
}

.top-title span {
    font-weight: 500;
    color: #787878;
    line-height: 1;
}

.top-title .fourteen {
    color: #c1cc00;
}

.top-title .sm-ctxt {
    position: absolute;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 15px;
}

.coach-tips {
    padding: 40px 0px;
}

@media screen and (min-width: 1024px) {
    .cms-home.customer-logged-out .page-header .header.content .navigation>ul>li>a {
        color: #ffffff;
    }
}

@media screen and (min-width: 768px) {
    .cms-home.customer-logged-out .page-header .header.content .block-search .block-content form.form .actions button.action::before {
        color: #ffffff;
    }
}

.cms-home.customer-logged-out .page-header .header.content .block-search .block-content form.form.active .actions button.action::before {
    color: #555555;
}

@media screen and (min-width: 768px) {
    .cms-home.customer-logged-out .page-header .header.content .logo {
        display: none;
    }
}

.cms-home.customer-logged-out .page-header .header.content .logo-white {
    display: none;
}

@media screen and (min-width: 768px) {
    .cms-home.customer-logged-out .page-header .header.content .logo-white {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .cms-home.customer-logged-out .page-header .header.content .nav-toggle::before {
        color: #ffffff;
    }
}

@media screen and (min-width: 768px) {
    .nav-open .cms-home.customer-logged-out .page-header .header.content .nav-toggle::before {
        color: #757575;
    }
    .nav-open .cms-home.customer-logged-out .page-header .header.content .nav-toggle::before:hover {
        color: #333;
    }
}

.page-header .header.content {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    max-width: 1200px;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 900;
}

@media screen and (min-width: 992px) {
    .page-header .header.content {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .page-header .header.content {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.page-header .header.content .logo,
.page-header .header.content .logo-white {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    max-width: 100%;
}

.page-header .header.content .logo img,
.page-header .header.content .logo-white img {
    max-width: 185px;
    height: auto;
}

@media screen and (min-width: 1024px) {
    .page-header .header.content .logo img,
    .page-header .header.content .logo-white img {
        max-width: 150px;
    }
}

@media screen and (min-width: 1101px) {
    .page-header .header.content .logo img,
    .page-header .header.content .logo-white img {
        max-width: 185px;
    }
}

.page-header .header.content .logo-white {
    display: none;
    margin-right: auto;
}

.page-header .header.content div.authorization-link {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.page-header .header.content div.authorization-link>ul {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    margin-bottom: 0;
}

.page-header .header.content div.authorization-link>ul>li {
    padding-left: 8px;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .page-header .header.content div.authorization-link>ul>li:first-child {
        padding-left: 0;
    }
}

@media screen and (min-width: 1200px) {
    .page-header .header.content div.authorization-link>ul>li {
        padding-left: 15px;
    }
}

.page-header .header.content div.authorization-link>ul>li a {
    padding: 6px 10px;
    border-radius: 40px;
    border: 1px solid #c1cc00;
    color: #555555;
    background: #c1cc00;
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-family: "Ubuntu", sans-serif;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 355px) {
    .page-header .header.content div.authorization-link>ul>li a {
        padding: 6px 14px;
        font-size: 13px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .page-header .header.content div.authorization-link>ul>li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 12px;
    }
}

@media screen and (min-width: 1200px) {
    .page-header .header.content div.authorization-link>ul>li a {
        font-size: 14px;
    }
}

.page-header .header.content div.authorization-link>ul>li a:hover {
    color: #ffffff;
}

.page-header .header.content div.authorization-link>ul>li:last-child>a {
    border-color: #c1cc00;
    background: #c1cc00;
}

.page-header .header.content div.authorization-link>ul>li:last-child>a:hover {
    color: #ffffff;
}

.page-header .header.content div.authorization-link>ul ul.profile-items {
    margin-top: 0;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.page-header .header.content div.authorization-link>ul ul.profile-items>li>a {
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.page-header .header.content div.authorization-link>ul ul.profile-items>li:hover>a {
    color: #c1cc00;
}

.page-header .header.content div.authorization-link>ul ul.profile-items li {
    margin-bottom: 0;
    position: relative;
}

.page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content {
    padding: 15px 15px;
    border-radius: 10px;
}

@media screen and (min-width: 650px) {
    .page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content {
        right: 10px;
    }
}

@media screen and (max-width: 649px) {
    .page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content {
        left: -10px;
    }
}

.page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content a {
    color: #555555;
    text-decoration: none;
}

.page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content a:hover,
.page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content a:focus {
    color: #c1cc00;
}

.page-header .header.content div.authorization-link>ul ul.profile-items .custom-drdwn-content a:last-child {
    font-family: "Open Sans", sans-serif;
    font-style: italic;
    font-weight: 300;
}

.page-header .header.content div.authorization-link>ul .avtaar {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.page-header .header.content div.authorization-link>ul .avtaar span {
    margin-left: 4px;
}

@media screen and (max-width: 649px) {
    .page-header .header.content div.authorization-link>ul {
        margin-left: auto;
        padding: 0 20px;
    }
}

@media screen and (max-width: 339px) {
    .page-header .header.content div.authorization-link>ul {
        padding-left: 5px;
        padding-right: 12px;
    }
}

@media screen and (max-width: 649px) {
    .page-header .header.content div.authorization-link {
        position: absolute;
        border-bottom: 1px solid #cccccc;
        left: 0;
        height: 50px;
        bottom: 100%;
        right: 0;
        width: 100%;
        z-index: 14;
    }
    .page-header .header.content div.authorization-link .avtr-img {
        height: 36px;
        width: 36px;
        -webkit-object-fit: cover;
        object-fit: cover;
    }
    .page-header .header.content div.authorization-link .nav-link {
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .page-header .header.content div.authorization-link .avtr-img {
        height: 36px;
        width: 36px;
    }
}

.page-header .header.content .navigation {
    width: auto;
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .page-header .header.content .navigation {
        padding-left: 0;
        padding-right: 0;
    }
}

.page-header .header.content .navigation>ul>li {
    margin-left: 4px;
    margin-right: 4px;
}

.page-header .header.content .navigation ul li.nav-2 {
    display: none !important;
}
.page-header .header.content .navigation>ul>li>a {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    color: #555555;
    border-width: 0 !important;
    font-family: "Ubuntu", sans-serif;
}

@media screen and (min-width: 992px) {
    .page-header .header.content .navigation>ul>li>a {
        font-size: 14px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 1200px) {
    .page-header .header.content .navigation>ul>li>a {
        font-size: 15px;
        padding: 0 5px;
    }
}

@media screen and (min-width: 1024px) {
    .page-header .header.content .navigation>ul>li.category-item>a::after {
        content: "\f078";
        font-family: "FontAwesome";
        font-size: .7em;
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px;
        margin-right: 3px;
    }
}

@media screen and (min-width: 1200px) {
    .page-header .header.content .navigation>ul>li.category-item>a::after {
        margin-right: 0px;
        margin-left: 9px;
    }
}

/*.page-header .header.content .navigation>ul>li.active>a {
    font-weight: 700;
}
*/
.page-header .header.content .navigation>ul>li .mobile-sports-menu {
    line-height: 50px;
    width: 30px;
    margin-left: 6px;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
}

.page-header .header.content .block-search {
    width: auto;
    z-index: 11;
    padding-left: 0px;
    margin-top: 0;
    position: static;
}

.page-header .header.content .block-search input {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    left: 0;
}

.page-header .header.content .block-search .control {
    border: none;
}

@media screen and (min-width: 1200px) {
    .page-header .header.content .block-search {
        padding-left: 0px;
    }
}

.page-header .header.content .block-search .block-content {
    width: 32px;
    height: 32px;
}

@media screen and (min-width: 992px) {
    .page-header .header.content .block-search .block-content {
        position: relative;
    }
}

.page-header .header.content .block-search .block-content form.form {
    right: 0;
    top: 0;
    position: absolute;
}

@media screen and (max-width: 991px) {
    .page-header .header.content .block-search .block-content form.form {
        height: 100%;
        width: 100%;
        left: 0;
        right: 0;
        padding: 15px 10%;
        position: relative;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
        overflow: hidden;
    }
    .page-header .header.content .block-search .block-content form.form .field.search {
        width: 100%;
    }
    .page-header .header.content .block-search .block-content form.form .field.search label.label {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
        margin: 0;
        padding: 0;
        clip: unset;
        top: 0;
        left: 0;
        z-index: 9;
        cursor: pointer;
    }
    .page-header .header.content .block-search .block-content form.form .field.search input {
        width: 100%;
    }
    .page-header .header.content .block-search .block-content form.form .actions {
        height: 32px;
        width: 32px;
        margin-left: -32px;
        position: relative;
    }
}

@media screen and (max-width: 639px) {
    .page-header .header.content .block-search .block-content form.form {
        padding-left: 40px;
        padding-right: 60px;
    }
}

.page-header .header.content .block-search .block-content form.form .control {
    opacity: 0;
    -ms-transition: all 0.32s ease-in-out;
    -o-transition: all 0.32s ease-in-out;
    -moz-transition: all 0.32s ease-in-out;
    -webkit-transition: all 0.32s ease-in-out;
    transition: all 0.32s ease-in-out;
}

.page-header .header.content .block-search .block-content form.form .control input {
    padding-right: 30px;
    padding-left: 15px;
    border-radius: 15px;
    border: 1px solid #555555;
    color: #555555;
    float: right;
    -ms-transition: all 0.52s ease-in-out;
    -o-transition: all 0.52s ease-in-out;
    -moz-transition: all 0.52s ease-in-out;
    -webkit-transition: all 0.52s ease-in-out;
    transition: all 0.52s ease-in-out;
}

.page-header .header.content .block-search .block-content form.form .actions button.action {
    right: 0;
    width: 32px;
    text-align: center;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0;
    border: none !important;
    box-shadow: none;
    background-color: transparent;
}

.page-header .header.content .block-search .block-content form.form .actions button.action>span {
    display: none;
}

.page-header .header.content .block-search .block-content form.form .actions button.action::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 32px;
    content: '\e615';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    overflow: hidden;
    speak: none;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    display: block;
    color: #555555;
}

.page-header .header.content .block-search .block-content form.form .actions button.action:hover::before,
.page-header .header.content .block-search .block-content form.form .actions button.action:focus::before {
    color: #c1cc00;
}

.page-header .header.content .block-search .block-content form.form.active {
    position: absolute;
}

@media screen and (min-width: 992px) {
    .page-header .header.content .block-search .block-content form.form.active::before {
        content: "";
        background: transparent;
        height: 60px;
        position: absolute;
        width: 100%;
        top: -15px;
    }
}

@media screen and (max-width: 991px) {
    .page-header .header.content .block-search .block-content form.form.active {
        background-color: #ffffff;
    }
}

@media screen and (max-width: 991px) {
    .page-header .header.content .block-search .block-content form.form.active .field.search label.label {
        display: none;
    }
}

.page-header .header.content .block-search .block-content form.form.active .control {
    opacity: 1;
}

.page-header .header.content .block-search .block-content form.form.active .control input {
    opacity: 1;
    padding-left: 15px;
    box-shadow: none;
}

@media screen and (min-width: 992px) {
    .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 615px);
    }
}

@media screen and (min-width: 1024px) {
    .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 485px);
    }
}

@media screen and (min-width: 1101px) {
    .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 560px);
    }
}

@media screen and (min-width: 1130px) {
    .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 575px);
    }
}

@media screen and (min-width: 1170px) {
    .page-header .header.content .block-search .block-content form.form.active .control input {
        width: 605px;
    }
}

.page-header .header.content .search-to {
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin-left: -42px;
    color: transparent;
    position: relative;
    z-index: 12;
    margin-right: 10px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .page-header .header.content .search-to {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .page-header .header.content .block-search .block-content form.form .field.search input {
        display: block !important;
    }
}

.custom-drdwn-content::before {
    width: 0;
    height: 0;
}

@media screen and (max-width: 649px) {
    .custom-drdwn-content::before {
        left: 19px;
        right: auto;
    }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {
    .customer-logged-out .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 615px);
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .customer-logged-out .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 500px);
    }
}

@media screen and (min-width: 1101px) and (max-width: 1170px) {
    .customer-logged-out .page-header .header.content .block-search .block-content form.form.active .control input {
        width: calc(100vw - 570px);
    }
}

.header #notification {
    cursor: pointer;
}

span.notification-count {
    background: #c1cc00;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    text-align: center;
    display: block;
    fon-s: 11px;
    font-size: 11px;
    font-weight: 600;
    line-height: 22px;
    position: absolute;
    top: 2px;
    right: -9px;
}

@media screen and (min-width: 650px) {
    span.notification-count {
        top: 6px;
    }
}

@media screen and (min-width: 992px) {
    span.notification-count {
        top: -10px;
    }
}

/* scrollbar -styling */

/* footer */

.block.newsletter .field .control::before {
    font-size: 24px;
    line-height: 40px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .top-footer .col-md-2.col-item-2 {
        -ms-flex: 0 0 20.666667%;
        flex: 0 0 20.666667%;
        max-width: 20.666667%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .top-footer .col-md-3.col-item-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
        flex: 0 0 21%;
        max-width: 21%;
    }
}

/* footer-end */

/************** SCROLLBAR BASE CSS **************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
    max-height: 510px;
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/************** SIMPLE INNER SCROLLBAR **************/

.scrollbar-inner>.scroll-element,
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right: 0px;
    top: 0;
    width: 8px;
}

.scrollbar-inner>.scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner>.scroll-element .scroll-element_track,
.scrollbar-inner>.scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.scrollbar-inner>.scroll-element .scroll-element_track {
    background-color: #e0e0e0;
}

.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #999999;
}

.scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #919191;
}

.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* 
/ update scrollbar offset if both scrolls are visible / */

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/* scrollbar -styling  end*/

.drp-dwn-cntr {
    position: absolute;
    background: #fff;
    top: 95%;
    border-radius: 16px;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
    width: 300px;
    left: -30px;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 370px) {
    .drp-dwn-cntr {
        width: 320px;
        left: -60px;
    }
}

@media screen and (min-width: 480px) {
    .drp-dwn-cntr {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 768px) {
    .drp-dwn-cntr {
        width: 400px;
    }
}

.drp-dwn-cntr .arrow-up {
    position: absolute;
    left: 45px;
    top: -15px;
    height: 15px;
    margin-left: -13px;
    overflow: hidden;
    padding: 7px 4px;
}

@media screen and (min-width: 370px) {
    .drp-dwn-cntr .arrow-up {
        left: 76px;
    }
}

@media screen and (min-width: 480px) {
    .drp-dwn-cntr .arrow-up {
        left: 50%;
    }
}

.drp-dwn-cntr .arrow-up::before {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    bottom: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.drp-dwn-cntr .drp-dwn-cntr-wrapper {
    border-radius: 16px;
    overflow: hidden;
}

.drp-dwn-cntr .notification-empty-msg {
    padding: 15px;
    text-align: center;
    font-size: 15px;
    color: #787878;
}

.drp-dwn-cntr .notification-msg {
    width: 100%;
}

.drp-dwn-cntr .notification-msg .notification-inner {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding: 12px 30px 12px 25px;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

.drp-dwn-cntr .notification-msg .notification-inner:hover {
    background-color: #f7f7f7 !important;
}

.drp-dwn-cntr .notification-msg .notification-inner a {
    text-decoration: none;
    color: #787878;
}

.drp-dwn-cntr .notification-msg .notification-inner .seller_img a {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    position: relative;
}

.drp-dwn-cntr .notification-msg .notification-inner .seller_img a img {
    width: auto;
    max-width: unset;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.drp-dwn-cntr .notification-msg .notification-inner .message {
    font-size: 15px;
    padding-left: 15px;
    background-color: transparent;
}

.drp-dwn-cntr .notification-msg .notification-inner .message p {
    margin-bottom: 2px;
    line-height: 1.2;
}

.drp-dwn-cntr .notification-msg .notification-inner .message p b {
    color: #555555;
}

.drp-dwn-cntr .notification-msg .notification-inner .link-msg {
    display: block;
    width: 100%;
    color: #c1cc00;
    font-weight: 600;
}

.drp-dwn-cntr .notification-msg .notification-inner .ntf-close {
    margin: auto 0 auto auto;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    padding: 6px 4px;
    line-height: 1;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.drp-dwn-cntr .notification-msg .notification-inner .ntf-close:focus,
.drp-dwn-cntr .notification-msg .notification-inner .ntf-close:hover {
    color: #c1cc00;
}

.drp-dwn-cntr .notification-msg:first-child .notification-inner {
    padding-top: 20px;
}

.drp-dwn-cntr .notification-msg:not(.first-child) .notification-inner {
    border-bottom: 2px solid #f4f4f4;
}

.drp-dwn-cntr .notification-msg.unread .notification-inner {
    background: #f7f7f7;
    position: relative;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.drp-dwn-cntr .notification-msg.unread .notification-inner:hover {
    background: #ffffff !important;
}

.drp-dwn-cntr .notification-msg.unread .notification-inner::before {
    content: "";
    height: 100%;
    width: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c1cc00;
}

@media screen and (min-width: 1024px) {
    .profile-items .nav-item:hover .drp-dwn-cntr,
    .profile-items .nav-item:focus .drp-dwn-cntr {
        display: block !important;
        top: calc(100% + 10px);
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 1023px) {
    html.show-notification .profile-items .nav-item .drp-dwn-cntr {
        display: block !important;
        top: calc(100% + 10px);
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (max-width: 1023px) {
    html .custom-drdwn .custom-drdwn-content {
        display: none !important;
    }
}

@media screen and (max-width: 1023px) {
    html.show-dropdown .custom-drdwn .custom-drdwn-content {
        display: block !important;
    }
}

.alpha-series ul li {
    margin-bottom: 0px;
}

.alpha-series ul li:last-child {
    display: none;
}

.alpha-series ul li a {
    font-size: 14px;
}

.page-header ul.alpha-search {
    max-height: 420px;
    height: calc(100vh - 200px);
}

.mega-search-inner .col.col-md-8.col-12.p-0>.row {
    max-height: calc(100vh - 120px);
    overflow: auto;
    margin-right: 0;
}

.cms-home.customer-loggedin .widget.block.block-static-block {
    margin-bottom: 0;
}

.cms-home.customer-loggedin .widget.block.block-static-block .banner-image {
    height: 0;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
}

.cms-home.customer-loggedin .forcefullwidth_wrapper_tp_banner {
    visibility: hidden;
    height: 0;
    max-height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
}

.cms-home.customer-loggedin .page-header {
    position: relative;
}

.home-product-special {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.home-product-special::before {
    content: "";
    width: 1px;
    margin-right: -1px;
}

@media screen and (min-width: 992px) {
    .home-product-special::before {
        height: 308px;
    }
}

@media screen and (min-width: 1200px) {
    .home-product-special::before {
        height: 353px;
    }
}

.home-product-special .home-product-add-details {
    width: 100%;
    text-align: center;
}

.home-product-special .home-product-add-details h4 {
    color: #ffffff !important;
}

.home-product-special .home-product-add-details .seller-name {
    display: block;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 13px;
}

.home-product-special .home-product-add-details .seller-name p {
    display: inline-block;
    padding-right: 5px;
}

.home-product-special .home-product-add-details .new-price {
    color: #c1cc00;
    font-size: 2.5rem;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
}

.account .page-header .header.content .navigation>.ui-menu>li>a {
    padding-left: 2px;
    padding-right: 2px;
}

body .page-footer {
    padding-bottom: 0;
}

body .sections.nav-sections {
    display: none;
}

.full-bg .user-reviews-section {
    background-size: cover;
}

.row.row-0 {
    margin-left: auto;
    margin-right: auto;
}

.inner-page-section.pad-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-title {
    font-family: "Ubuntu", sans-serif;
}

.section-title h2 {
    position: relative;
    color: #57576a;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.section-title h2:after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    position: absolute;
    left: 0;
    bottom: 0;
}

.item-box {
    background: #fff;
    text-align: center;
    height: 100%;
    padding: 50px 20px;
}

@media screen and (min-width: 992px) {
    .item-box {
        padding: 50px 70px;
    }
}

.item-box h3,
.item-box h4 {
    color: #5d5555;
    font-size: 18px;
    margin: 15px 0px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}

.item-box .box-info {
    font-size: 16px;
    color: #c1c1c1;
}

.sporting-goods {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .sporting-goods .col-md-6 {
        margin-bottom: 20px;
    }
}

.human-scale-team {
    padding: 50px 0;
}

.overlay-item-box {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.overlay-item-box .box-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ffffff;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border-radius: 30px;
}

.overlay-item-box .box-detail a {
    color: #ffffff;
    text-decoration: none;
}

.overlay-item-box .box-detail .box-detail-innner {
    width: 100%;
}

.overlay-item-box .box-detail .work-type {
    font-size: 16px;
}

.overlay-item-box .box-detail .name h4 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}

.overlay-item-box .box-detail .social-link {
    text-align: center;
}

.overlay-item-box .box-detail .social-link ul {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    -webkit-justify-content: center;
}

.overlay-item-box .box-detail .social-link ul li {
    margin: 4px;
}

.overlay-item-box .box-detail .social-link ul li a {
    padding: 2px 4px;
    font-size: 18px;
    color: #ffffff;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.overlay-item-box .box-detail .social-link ul li a:hover {
    color: #c1cc00;
}

.overlay-item-box .box-detail .social-link ul li .fab {
    font-size: 0;
    line-height: 18px;
}

.overlay-item-box .box-detail .social-link ul li .fab::before {
    font-size: 18px;
}

.overlay-item-box:hover .box-detail {
    opacity: 1;
    visibility: visible;
}

.mini-container {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    max-width: 800px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .mini-container .col-md-6 {
        margin-bottom: 30px;
    }
}

.overlay-details {
    margin-top: 30px;
}

.overlay-details .title {
    font-family: 'Amatic SC';
    font-size: 40px;
    padding-bottom: 30px;
}

.overlay-details .title h2 {
    font-size: 1em;
}

.overlay-details .info-text {
    font-size: 16px;
    max-width: 480px;
    margin: auto;
    padding-bottom: 20px;
}

.image-video-section {
    padding: 30px 15px;
    background-color: #ffffff;
}

@media screen and (min-width: 600px) {
    .image-video-section {
        padding: 30px 30px;
    }
}

.image-video-section .row {
    margin: 0;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.image-video-section .text-image {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}

.image-video-section .title h3 {
    font-size: 24px;
    color: #c1cc00;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
}

.image-video-section .title h3 strong {
    display: block;
    font-weight: 500;
}

.image-video-section .image-text,
.image-video-section .text-image {
    padding: 20px 0;
}

@media screen and (max-width: 768px) {
    .image-video-section .image-text .info-text,
    .image-video-section .text-image .info-text {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.image-video-section .image-text.video-right,
.image-video-section .text-image.video-right {
    padding-left: 0;
}

.image-video-section .image-text .video-frame-outer,
.image-video-section .text-image .video-frame-outer {
    margin-right: -30px;
    overflow: hidden;
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (min-width: 600px) {
    .image-video-section .image-text .video-frame-outer,
    .image-video-section .text-image .video-frame-outer {
        margin-right: -45px;
    }
}

.image-video-section .image-text .video-frame-wrapper,
.image-video-section .text-image .video-frame-wrapper {
    background-image: url("../image/video-frame.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    padding: 11% 2% 2%;
    overflow: hidden;
    box-shadow: -5px 5px 8px 0 rgba(0, 0, 0, 0.1);
    margin-right: -20px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -ms-border-radius: 14px;
}

.image-video-section .image-text .video-frame,
.image-video-section .text-image .video-frame {
    position: relative;
    display: block;
    padding: 0 0 56%;
    overflow: hidden;
}

.image-video-section .image-text .video-frame iframe,
.image-video-section .text-image .video-frame iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    height: 100%;
}

.image-video-section .disc-text {
    font-size: 16px;
    color: #c1c1c1;
}

@media screen and (min-width: 768px) {
    .image-video-section .disc-text {
        max-width: 380px;
    }
}

.image-text .row {
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.image-text.video-frame-mobile-outer {
    padding: 20px;
    margin-bottom: 50px;
    background-color: #fff;
}

.image-text.video-frame-mobile-outer .image-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

.image-text.video-frame-mobile-outer .info-text,
.image-text.press-image-text .info-text {
    padding-top: 15px;
    padding-bottom: 15px;
}

.image-text.video-frame-mobile-outer .info-text ul,
.image-text.press-image-text .info-text ul {
    list-style: none;
    padding-left: 25px;
}

.image-text.video-frame-mobile-outer .info-text ul li,
.image-text.press-image-text .info-text ul li {
    font-size: 15px;
    padding-bottom: 25px;
    max-width: 450px;
    color: #787878;
}

.image-text.video-frame-mobile-outer .info-text ul li:last-child,
.image-text.press-image-text .info-text ul li:last-child {
    padding-bottom: 0;
}

.image-text.video-frame-mobile-outer .info-text ul li strong,
.image-text.video-frame-mobile-outer .info-text ul li h3,
.image-text.press-image-text .info-text ul li strong,
.image-text.press-image-text .info-text ul li h3 {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    display: block;
    color: #555555;
    margin: 0;
    font-family: "Ubuntu", sans-serif;
}

.image-text.video-frame-mobile-outer .info-text ul li strong::before,
.image-text.video-frame-mobile-outer .info-text ul li h3::before,
.image-text.press-image-text .info-text ul li strong::before,
.image-text.press-image-text .info-text ul li h3::before {
    content: '';
    height: 14px;
    width: 7px;
    display: inline-block;
    border: 2px solid #c1cc52;
    position: absolute;
    border-width: 0px 2px 2px 0px;
    left: -25px;
    transform: rotate(45deg);
    top: 4px;
}

.video-frame-mobile {
    max-width: 210px;
    margin: auto;
}

.video-frame-mobile .frame {
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    background-color: rgb(0 0 0 / 5%);
}

.video-frame-mobile .frame video {
    border-radius: 20px;
}


.rates-transparency {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .rates-transparency .col-md-4 {
        margin-bottom: 20px;
    }
}

.rates-transparency .col-md-4 .overlay-item-box-text {
    background-image: url("../images/Background-price2.png");
    background-size: cover;
    background-position: center;
}

.rates-transparency .col-md-4:first-child .overlay-item-box-text {
    background-image: url("../images/Background-price1.png");
}

.rates-transparency .col-md-4:last-child .overlay-item-box-text {
    background-image: url("../images/Background-price3.png");
}

.overlay-item-box-text {
    position: relative;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    background-color: #ffffff;
    border-radius: 30px;
    text-align: center;
    overflow: hidden;
}

.overlay-item-box-text::after {
    content: "";
    width: 100%;
    padding: 0 0 80%;
    display: block;
    min-height: 220px;
}

.overlay-item-box-text .box-main-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    font-size: 16px;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 20px;
}

.overlay-item-box-text .box-main-text .rate {
    font-size: 2em;
    font-weight: 600;
    color: #c1cc52;
}

.overlay-item-box-text .box-detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.overlay-item-box-text .box-detail .box-detail-innner {
    padding: 20px;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
}

@media screen and (min-width: 992px) {
    .overlay-item-box-text .box-detail .box-detail-innner {
        font-size: 16px;
    }
}

.overlay-item-box-text .box-detail .box-detail-innner h4 {
    color: #ffffff;
    margin: 15px 0px;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
    margin: 0 0 5px;
    font-size: 16px;
}

@media screen and (min-width: 992px) {
    .overlay-item-box-text .box-detail .box-detail-innner h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }
}

.overlay-item-box-text .box-detail .box-detail-innner p {
    max-width: 200px;
    line-height: 1;
    margin: 0 auto 10px;
}

@media screen and (min-width: 992px) {
    .overlay-item-box-text .box-detail .box-detail-innner p {
        margin: 0 auto 15px;
    }
}

.overlay-item-box-text .box-detail .box-detail-innner ul {
    list-style: none;
    padding-left: 25px;
    display: inline-block;
    text-align: left;
    margin-bottom: 15px;
}

.overlay-item-box-text .box-detail .box-detail-innner ul li {
    position: relative;
    margin-bottom: 0;
    font-size: 14px;
}

@media screen and (min-width: 992px) {
    .overlay-item-box-text .box-detail .box-detail-innner ul li {
        font-size: 15px;
    }
}

.overlay-item-box-text .box-detail .box-detail-innner ul li::before {
    content: '';
    height: 14px;
    width: 7px;
    display: inline-block;
    border: 2px solid #c1cc52;
    position: absolute;
    border-width: 0px 2px 2px 0px;
    left: -25px;
    transform: rotate(45deg);
    top: 4px;
}

.overlay-item-box-text .box-detail .box-detail-innner .link a {
    padding: 2px 20px;
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .overlay-item-box-text .box-detail .box-detail-innner .link a {
        padding: 5px 20px;
        font-size: 16px;
    }
}

.overlay-item-box-text:hover .box-main-text {
    visibility: hidden;
    opacity: 0;
}

.overlay-item-box-text:hover .box-detail {
    opacity: 1;
    visibility: visible;
}

.services-items.white-bg {
    background-color: #ffffff;
    margin-left: 0;
    margin-right: 0;
}

.services-items.white-bg .item-box {
    padding: 30px 0;
}

.services-items.white-bg .item-box .box-img {
    margin-bottom: 45px;
    min-height: 88px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.services-items.white-bg .item-box .box-img img {
    margin: auto;
}

.services-items.white-bg .item-box h3 {
    color: #57576a;
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
}

.services-items.white-bg .item-box .box-detail .box-info {
    max-width: 265px;
    margin: auto;
}

.press-text-block .text-box {
    background-color: #fff;
    padding: 30px 15px;
    font-size: 16px;
}

@media screen and (min-width: 550px) {
    .press-text-block .text-box {
        padding: 40px;
    }
}

.press-image-text {
    margin-top: 50px;
    background-color: #fff;
    padding: 10px 6px;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

@media screen and (min-width: 550px) {
    .press-image-text {
        padding: 30px 25px;
    }
}

.press-image-text .image-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}

.press-image-text .image-wrapper img {
    display: block;
    width: 100%;
}

.press-image-text .info-text {
    padding-top: 10px;
    padding-bottom: 10px;
}

.press-image-text .info-text .link {
    padding-top: 20px;
}

.title-text.press-title-text {
    background-color: #fff;
    padding: 10px 0px;
}

@media screen and (min-width: 550px) {
    .title-text.press-title-text {
        padding: 30px 25px;
    }
}

.title-text.press-title-text .title-wrapper {
    padding-right: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.title-text.press-title-text .title-wrapper h2 {
    color: #c1cc00;
    max-width: 10em;
    font-size: 2.5rem;
}

@media screen and (min-width: 768px) {
    .title-text.press-title-text .title-wrapper h2 {
        text-align: right;
        margin-left: auto;
    }
}

.title-text.press-title-text .title-wrapper h2 strong {
    display: block;
}

.title-text.press-title-text .info-text {
    padding-top: 10px;
    padding-bottom: 10px;
}

.title-text.press-title-text .info-text .disc-text {
    font-size: 16px;
}

.title-text.press-title-text .info-text .disc-text p {
    margin-bottom: 20px;
}

.title-text.press-title-text .info-text .disc-text strong {
    display: block;
    font-weight: 600;
}

.title-text.press-title-text .info-text .disc-text a {
    color: #575757;
    text-decoration: none;
}

.title-text.press-title-text .info-text .disc-text a:hover,
.title-text.press-title-text .info-text .disc-text a:focus {
    color: #c1cc00;
    text-decoration: none;
}

.image-text.paiements-image-text {
    padding: 40px 10px;
    margin-top: 50px;
    background-color: #fff;
}

@media screen and (min-width: 768px) {
    .image-text.paiements-image-text {
        padding: 60px 25px;
    }
}

.image-text.paiements-image-text .info-text {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .image-text.paiements-image-text .info-text {
        text-align: center;
    }
}

.image-text.paiements-image-text .info-text .title h3,
.image-text.paiements-image-text .info-text .title h2 {
    font-size: 32px;
    color: #c1cc00;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: "Ubuntu", sans-serif;
}

.image-text.paiements-image-text .info-text .title h3 strong,
.image-text.paiements-image-text .info-text .title h2 strong {
    font-weight: 500;
    display: block;
}

.image-text.paiements-image-text .info-text .disc-text {
    font-size: 16px;
    color: #787878;
}

.rates-transparency.paiements-rates {
    margin-top: 50px;
}

.text-block-with-title {
    background-color: #fff;
    padding: 40px 20px 30px;
}

@media screen and (min-width: 768px) {
    .text-block-with-title {
        padding: 80px 50px 60px;
    }
}

.text-block-with-title .section-title h2 {
    margin-bottom: 0px;
    margin-top: 2rem;
    font-size: 2.2rem;
    color: #555555;
    font-weight: 500;
}

.text-block-with-title .text-box {
    font-size: 16px;
    color: #787878;
}

.text-block-with-title .text-box h4 {
    font-size: 1.7rem;
    font-weight: 600;
    margin-top: 20px;
    color: #555555;
}

.text-block-with-title .text-box h5 {
    font-weight: 500;
    font-size: 1em;
    color: #555555;
}

/*-----Footer------*/

.main-footer .top-footer {
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .main-footer .top-footer {
        font-size: 12px;
    }
}

@media screen and (min-width: 992px) {
    .main-footer .top-footer {
        font-size: 13px;
    }
}

@media screen and (min-width: 1200px) {
    .main-footer .top-footer {
        font-size: 14px;
    }
}

.main-footer .top-footer p {
    color: #ffffff;
}

.main-footer .top-footer .tpf-inr h3 {
    font-size: 17px !important;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.main-footer .top-footer .tpf-inr ul li {
    margin-bottom: .6rem;
}

.main-footer .top-footer .tpf-inr ul li a {
    color: #FFFFFF;
    text-decoration: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

.main-footer .top-footer .tpf-inr ul li a:hover {
    color: #c1cc00;
}

.main-footer .top-footer .newsletter {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    max-width: 320px;
}

.main-footer .top-footer .newsletter input#newsletter {
    height: 40px;
    border-radius: 20px;
    font-size: 14px;
}

.main-footer .top-footer .newsletter input#newsletter::-moz-placeholder {
    color: #787878;
    opacity: 1;
}

.main-footer .top-footer .newsletter input#newsletter::-webkit-input-placeholder {
    opacity: 1;
    color: #787878;
}

.main-footer .top-footer .newsletter input#newsletter:-ms-input-placeholder {
    opacity: 1;
    color: #787878;
}

.main-footer .top-footer .newsletter input#newsletter::-ms-input-placeholder {
    opacity: 1;
    color: #787878;
}

.main-footer .top-footer .newsletter input#newsletter:focus::-moz-placeholder {
    opacity: 1;
}

.main-footer .top-footer .newsletter input#newsletter:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1;
}

.main-footer .top-footer .newsletter input#newsletter:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1;
}

.main-footer .top-footer .newsletter input#newsletter:focus::-ms-input-placeholder {
    opacity: 1;
}

.main-footer .top-footer .newsletter #newsletter-error {
    color: #ffffff;
}

.main-footer .top-footer .newsletter .actions .action {
    font-size: 14px !important;
    height: 40px !important;
}

.main-footer .top-footer .footer-social-link {
    list-style: none;
}

.main-footer .top-footer .footer-social-link li {
    display: inline-block;
    margin-right: 10px;
}

.main-footer .top-footer .footer-social-link li a {
    display: block;
    text-decoration: none;
    font-size: 20px;
}

.main-footer .bottom-footer {
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.main-footer .bottom-footer a {
    color: #ffffff;
}

.main-footer .bottom-footer a:hover {
    color: #c1cc00;
}

.add-product-left {
    width: 100%;
}

.page-layout-1column .special-product-logout .product-items.widget-new-grid .add-product-inner {
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .page-layout-1column .special-product-logout .product-items.widget-new-grid .add-product-inner {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
    .page-layout-1column .special-product-logout .product-items.widget-new-grid .add-product-inner .home-product-add {
        width: 100%;
    }
}

body .page-wrapper .page-main .special-product-logout .products-grid.grid .product-items {
    margin: 0 -15px;
}

.page-layout-1column .special-product-login .home-product-add {
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .page-layout-1column .special-product-login .product-items.widget-new-grid .add-product-inner {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 992px) {
    .page-layout-1column .special-product-login .product-items.widget-new-grid .add-product-inner .home-product-add {
        min-height: 0;
        width: 100%;
        margin-bottom: 0;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
    .page-layout-1column .special-product-login .product-items.widget-new-grid .add-product-inner .home-product-add .home-product-special {
        width: 100%;
        height: unset;
    }
}

body .page-wrapper .page-main .special-product-login .products-grid.grid .product-items {
    margin: 0 -15px;
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .special-product-login.product-col-4 .products-grid.grid .product-items .product-item:nth-child(5) {
        margin-left: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .special-product-logout.product-col-4 .products-grid.grid .product-items .product-item:nth-child(1) {
        margin-left: 50% !important;
    }
}

.special-product-login .home-product-special {
    height: 300px;
}

@media screen and (min-width: 992px) {
    .special-product-login .home-product-special {
        height: 307px;
    }
}

@media screen and (min-width: 1200px) {
    .special-product-login .home-product-special {
        height: 364px;
    }
}

.page-layout-1column .home-product-add {
    background: #ffffff;
    height: auto !important;
    padding-top: 15px;
    padding-bottom: 15px;
}

.page-layout-1column .home-product-add .row {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

@media screen and (max-width: 767px) {
    .page-layout-1column .home-product-add {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .page-layout-1column .home-product-add {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .page-layout-1column .home-product-add .row {
        height: 309px;
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .page-layout-1column .home-product-add .row {
        height: 366px;
    }
}

.page-layout-1column .home-product-add .col-md-6 {
    margin-bottom: 0;
}

.page-layout-1column .home-product-add .home-product-add-details h4 {
    font-size: 2rem;
    color: #c1cc00;
}

@media screen and (min-width: 1200px) {
    .page-layout-1column .home-product-add .home-product-add-details h4 {
        font-size: 2.5rem;
    }
}

.page-layout-1column .home-product-add .home-product-add-details h4 span:first-child {
    font-weight: 300;
}

.page-layout-1column .home-product-add .home-product-add-details p {
    font-size: 13px;
}

@media screen and (min-width: 1200px) {
    .page-layout-1column .home-product-add .home-product-add-details p {
        font-size: 14px;
    }
}

.page-layout-1column .home-product-add .home-product-add-details .green-btn {
    font-size: 14px;
    text-decoration: none;
}

.page-layout-1column .home-product-add .home-product-add-details .green-btn:hover {
    color: #ffffff;
}

a.green-bg,
button.green-bg,
input.green-bg {
    text-decoration: none !important;
}

a.green-bg:visited,
button.green-bg:visited,
input.green-bg:visited {
    color: #555555;
    text-decoration: none;
}

a.green-bg:hover,
a.green-bg:focus,
button.green-bg:hover,
button.green-bg:focus,
input.green-bg:hover,
input.green-bg:focus {
    color: #ffffff !important;
    text-decoration: none;
}

.user-reviews-section.targeted-section::after {
    background-color: rgba(0, 30, 49, 0.3);
}

.user-reviews-section {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.user-reviews-section::after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 30, 49, 0.5);
    position: absolute;
}

.user-reviews-section>div {
    position: relative;
    z-index: 1;
}

.user-reviews-section .green-btn {
    font-size: 14px;
    color: #555555;
}

.no-order {
    text-align: center;
}

section.testimonial {
    padding: 35px 0px 30px 0px;
}

section.testimonial .testimonial-content {
    padding: 0 30px;
}

section.testimonial .testimonial-content p {
    font-weight: 500 !important;
    font-family: "Ubuntu", sans-serif;
    display: inline-block;
    background: url("../images/top-arrow-left.png") left top 7px no-repeat, url("../images/top-arrow-right.png") right top 7px no-repeat;
    background-size: 8px 8px;
    padding: 0 15px;
    color: #ffffff;
}

section.testimonial .testimonial-content .user-name {
    font-family: "Ubuntu", sans-serif;
    font-size: 15px !important;
}

section.testimonial .slick-prev,
section.testimonial .slick-next {
    box-shadow: none;
    display: none !important;
}

section.testimonial .slick-prev:hover,
section.testimonial .slick-prev:focus,
section.testimonial .slick-next:hover,
section.testimonial .slick-next:focus {
    border: none;
}

section.testimonial .slick-prev {
    left: 15px;
}

section.testimonial .slick-next {
    right: 15px;
}

.home-page-product-section {
    background: transparent !important;
}

.home-page-product-section .home-section-title {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
}

.home-section-title h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #787878;
}

.home-section-title h2 span {
    font-size: 24px;
    color: #555555;
    vertical-align: baseline;
}

.cms-comment-ca-marche .home-section-title h2 {
    font-size: 20px;
}

.home-page-product-section .section-title h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #787878;
}

.home-page-product-section .section-title h2 span {
    font-size: 24px;
    color: #555555;
}

.home-product-add-details h4 {
    font-family: "Ubuntu", sans-serif;
}

.home-product-add-details .green-btn {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    color: #555555;
}

body .columns .column.main {
    -webkit-flex-basis: unset;
    flex-basis: unset;
}

.megaSearch.dropdown-menu {
    z-index: 99999 !important;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1200px) {
    .megaSearch.dropdown-menu {
        left: 230px;
        top: 20px;
        max-width: 930px;
    }
}

.megaSearch.dropdown-menu .mg-title h4 {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    color: #555555;
    font-weight: 400;
}

@media screen and (max-width: 1023px) {
    .megaSearch.dropdown-menu .mega-search-inner::before {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .megaSearch.dropdown-menu .mega-search-inner::before {
        left: 230px;
    }
}

@media screen and (min-width: 1200px) {
    .megaSearch.dropdown-menu .mega-search-inner::before {
        left: 40px;
    }
}

form.alphabetic-select input.sub-menu {
    background-image: url("../images/search.png");
}

.mega-search-inner ul.nav {
    margin: 0 -5px;
}

.mega-search-inner ul.nav .ps-rel {
    width: 33.333%;
    padding: 5px;
    margin: 0;
}

.mega-search-inner ul.nav .ps-rel>.mg-img {
    padding: 0 0 100%;
    position: relative;
    overflow: hidden;
}

.mega-search-inner ul.nav .ps-rel>.mg-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto;
    max-width: unset;
    object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
}

.mega-search-inner .mg-onimg-title {
    font-family: "Amatic SC";
    font-size: 24px;
}

/* login */

body #social-login-popup {
    padding: 40px 15px 40px;
    max-width: 380px;
    width: 100%;
    margin-left: auto;
    background-color: transparent;
    margin-right: auto;
}

@media screen and (min-width: 992px) {
    body #social-login-popup {
        max-width: 430px;
        padding: 100px 15px 80px;
    }
}

.social-login {
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 23px;
}

@media screen and (min-width: 360px) {
    .social-login {
        padding: 30px;
    }
}

.social-login .block-title {
    text-align: center;
    margin-bottom: 15px;
}

.social-login .social-login-title h2 {
    color: #c1cc00;
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    line-height: 1;
}

@media screen and (min-width: 992px) {
    .social-login .social-login-title h2 {
        font-size: 33px;
    }
}

#social-login-authentication,
#social-form-create,
#form-validate.password.reset,
#social-form-password-forget,
#form-validate.password.forget {
    font-size: 14px;
}

#social-login-authentication .fieldset .field.note,
#social-form-create .fieldset .field.note,
#form-validate.password.reset .fieldset .field.note,
#social-form-password-forget .fieldset .field.note,
#form-validate.password.forget .fieldset .field.note {
    text-align: center;
}

#social-login-authentication .fieldset .field.choice input.checkbox:checked+label::after,
#social-form-create .fieldset .field.choice input.checkbox:checked+label::after,
#form-validate.password.reset .fieldset .field.choice input.checkbox:checked+label::after,
#social-form-password-forget .fieldset .field.choice input.checkbox:checked+label::after,
#form-validate.password.forget .fieldset .field.choice input.checkbox:checked+label::after {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85% 85%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 26 26'%3E%3Cpath fill='%23c1cc00' d='m.3,14c-0.2-0.2-0.3-0.5-0.3-0.7s0.1-0.5 0.3-0.7l1.4-1.4c0.4-0.4 1-0.4 1.4,0l.1,.1 5.5,5.9c0.2,0.2 0.5,0.2 0.7,0l13.4-13.9h0.1v-8.88178e-16c0.4-0.4 1-0.4 1.4,0l1.4,1.4c0.4,0.4 0.4,1 0,1.4l0,0-16,16.6c-0.2,0.2-0.4,0.3-0.7,0.3-0.3,0-0.5-0.1-0.7-0.3l-7.8-8.4-.2-.3z'/%3E%3C/svg%3E%0A");
}

#social-login-authentication .fieldset .field.choice input,
#social-form-create .fieldset .field.choice input,
#form-validate.password.reset .fieldset .field.choice input,
#social-form-password-forget .fieldset .field.choice input,
#form-validate.password.forget .fieldset .field.choice input {
    position: relative;
    visibility: hidden;
    margin-right: -20px;
}

#social-login-authentication .fieldset .field.choice label,
#social-form-create .fieldset .field.choice label,
#form-validate.password.reset .fieldset .field.choice label,
#social-form-password-forget .fieldset .field.choice label,
#form-validate.password.forget .fieldset .field.choice label {
    font-size: 16px;
    font-weight: 300;
    color: #c1cc00;
    padding-left: 25px;
    position: relative;
    cursor: pointer;
}

#social-login-authentication .fieldset .field.choice label::after,
#social-form-create .fieldset .field.choice label::after,
#form-validate.password.reset .fieldset .field.choice label::after,
#social-form-password-forget .fieldset .field.choice label::after,
#form-validate.password.forget .fieldset .field.choice label::after {
    content: "";
    cursor: pointer;
    display: block;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    border: 1px solid #c1cc00;
    position: absolute;
    top: 4px;
    left: 1px;
}

#social-login-authentication .fieldset .field input[type="text"],
#social-login-authentication .fieldset .field input[type="password"],
#social-login-authentication .fieldset .field input[type="url"],
#social-login-authentication .fieldset .field input[type="tel"],
#social-login-authentication .fieldset .field input[type="search"],
#social-login-authentication .fieldset .field input[type="number"],
#social-login-authentication .fieldset .field input[type="datetime"],
#social-login-authentication .fieldset .field input[type="email"],
#social-form-create .fieldset .field input[type="text"],
#social-form-create .fieldset .field input[type="password"],
#social-form-create .fieldset .field input[type="url"],
#social-form-create .fieldset .field input[type="tel"],
#social-form-create .fieldset .field input[type="search"],
#social-form-create .fieldset .field input[type="number"],
#social-form-create .fieldset .field input[type="datetime"],
#social-form-create .fieldset .field input[type="email"],
#form-validate.password.reset .fieldset .field input[type="text"],
#form-validate.password.reset .fieldset .field input[type="password"],
#form-validate.password.reset .fieldset .field input[type="url"],
#form-validate.password.reset .fieldset .field input[type="tel"],
#form-validate.password.reset .fieldset .field input[type="search"],
#form-validate.password.reset .fieldset .field input[type="number"],
#form-validate.password.reset .fieldset .field input[type="datetime"],
#form-validate.password.reset .fieldset .field input[type="email"],
#social-form-password-forget .fieldset .field input[type="text"],
#social-form-password-forget .fieldset .field input[type="password"],
#social-form-password-forget .fieldset .field input[type="url"],
#social-form-password-forget .fieldset .field input[type="tel"],
#social-form-password-forget .fieldset .field input[type="search"],
#social-form-password-forget .fieldset .field input[type="number"],
#social-form-password-forget .fieldset .field input[type="datetime"],
#social-form-password-forget .fieldset .field input[type="email"],
#form-validate.password.forget .fieldset .field input[type="text"],
#form-validate.password.forget .fieldset .field input[type="password"],
#form-validate.password.forget .fieldset .field input[type="url"],
#form-validate.password.forget .fieldset .field input[type="tel"],
#form-validate.password.forget .fieldset .field input[type="search"],
#form-validate.password.forget .fieldset .field input[type="number"],
#form-validate.password.forget .fieldset .field input[type="datetime"],
#form-validate.password.forget .fieldset .field input[type="email"] {
    border-radius: 20px;
    padding: 6px 20px;
    font-weight: 300;
    color: #787878;
    height: 40px;
}

#social-login-authentication .fieldset .field input[type="text"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="password"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="url"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="search"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="number"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="email"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="text"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="password"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="url"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="tel"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="search"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="number"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="datetime"]::-moz-placeholder,
#social-form-create .fieldset .field input[type="email"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]::-moz-placeholder {
    color: #787878;
    opacity: 1;
}

#social-login-authentication .fieldset .field input[type="text"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="password"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="url"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="search"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="number"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="email"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="text"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="password"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="url"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="tel"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="search"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="number"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="datetime"]::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="email"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]::-webkit-input-placeholder {
    opacity: 1;
    color: #787878;
}

#social-login-authentication .fieldset .field input[type="text"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="password"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="url"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="search"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="number"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="email"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="text"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="password"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="url"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="tel"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="search"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="number"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="datetime"]:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="email"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]:-ms-input-placeholder {
    opacity: 1;
    color: #787878;
}

#social-login-authentication .fieldset .field input[type="text"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="password"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="url"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="search"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="number"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="email"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="text"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="password"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="url"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="tel"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="search"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="number"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="datetime"]::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="email"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]::-ms-input-placeholder {
    opacity: 1;
    color: #787878;
}

#social-login-authentication .fieldset .field input[type="text"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="password"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="url"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="search"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="number"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]:focus::-moz-placeholder,
#social-login-authentication .fieldset .field input[type="email"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="text"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="password"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="url"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="tel"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="search"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="number"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="datetime"]:focus::-moz-placeholder,
#social-form-create .fieldset .field input[type="email"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]:focus::-moz-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]:focus::-moz-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]:focus::-moz-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]:focus::-moz-placeholder {
    opacity: 1;
}

#social-login-authentication .fieldset .field input[type="text"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="password"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="url"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="search"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="number"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-login-authentication .fieldset .field input[type="email"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="text"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="password"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="url"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="tel"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="search"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="number"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="datetime"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-create .fieldset .field input[type="email"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]:focus::-moz-placeholder::-webkit-input-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]:focus::-moz-placeholder::-webkit-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1;
}

#social-login-authentication .fieldset .field input[type="text"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="password"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="url"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="search"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="number"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="email"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="text"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="password"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="url"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="tel"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="search"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="number"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="datetime"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-create .fieldset .field input[type="email"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]:focus::-moz-placeholder:-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]:focus::-moz-placeholder:-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1;
}

#social-login-authentication .fieldset .field input[type="text"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="password"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="url"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="tel"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="search"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="number"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="datetime"]:focus::-ms-input-placeholder,
#social-login-authentication .fieldset .field input[type="email"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="text"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="password"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="url"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="tel"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="search"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="number"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="datetime"]:focus::-ms-input-placeholder,
#social-form-create .fieldset .field input[type="email"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="text"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="password"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="url"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="tel"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="search"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="number"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="datetime"]:focus::-ms-input-placeholder,
#form-validate.password.reset .fieldset .field input[type="email"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="text"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="password"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="url"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="tel"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="search"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="number"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="datetime"]:focus::-ms-input-placeholder,
#social-form-password-forget .fieldset .field input[type="email"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="text"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="password"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="url"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="tel"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="search"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="number"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="datetime"]:focus::-ms-input-placeholder,
#form-validate.password.forget .fieldset .field input[type="email"]:focus::-ms-input-placeholder {
    opacity: 1;
}

#social-login-authentication .actions-toolbar>.primary>.secondary,
#social-form-create .actions-toolbar>.primary>.secondary,
#form-validate.password.reset .actions-toolbar>.primary>.secondary,
#social-form-password-forget .actions-toolbar>.primary>.secondary,
#form-validate.password.forget .actions-toolbar>.primary>.secondary {
    width: 100%;
    text-align: center;
    display: block;
}

#social-login-authentication .actions-toolbar>.primary,
#social-login-authentication .actions-toolbar>.secondary,
#social-form-create .actions-toolbar>.primary,
#social-form-create .actions-toolbar>.secondary,
#form-validate.password.reset .actions-toolbar>.primary,
#form-validate.password.reset .actions-toolbar>.secondary,
#social-form-password-forget .actions-toolbar>.primary,
#social-form-password-forget .actions-toolbar>.secondary,
#form-validate.password.forget .actions-toolbar>.primary,
#form-validate.password.forget .actions-toolbar>.secondary {
    width: 100%;
    text-align: center;
    display: block;
}

#social-login-authentication .actions-toolbar>.primary a.action,
#social-login-authentication .actions-toolbar>.secondary a.action,
#social-form-create .actions-toolbar>.primary a.action,
#social-form-create .actions-toolbar>.secondary a.action,
#form-validate.password.reset .actions-toolbar>.primary a.action,
#form-validate.password.reset .actions-toolbar>.secondary a.action,
#social-form-password-forget .actions-toolbar>.primary a.action,
#social-form-password-forget .actions-toolbar>.secondary a.action,
#form-validate.password.forget .actions-toolbar>.primary a.action,
#form-validate.password.forget .actions-toolbar>.secondary a.action {
    color: #787878;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

#social-login-authentication .actions-toolbar>.primary a.action:hover,
#social-login-authentication .actions-toolbar>.secondary a.action:hover,
#social-form-create .actions-toolbar>.primary a.action:hover,
#social-form-create .actions-toolbar>.secondary a.action:hover,
#form-validate.password.reset .actions-toolbar>.primary a.action:hover,
#form-validate.password.reset .actions-toolbar>.secondary a.action:hover,
#social-form-password-forget .actions-toolbar>.primary a.action:hover,
#social-form-password-forget .actions-toolbar>.secondary a.action:hover,
#form-validate.password.forget .actions-toolbar>.primary a.action:hover,
#form-validate.password.forget .actions-toolbar>.secondary a.action:hover {
    color: #c1cc00;
}

#social-login-authentication button,
#social-form-create button,
#form-validate.password.reset button,
#social-form-password-forget button,
#form-validate.password.forget button {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#social-login-authentication button span,
#social-form-create button span,
#form-validate.password.reset button span,
#social-form-password-forget button span,
#form-validate.password.forget button span {
    font-size: 1em;
}

#social-login-authentication button:hover,
#social-form-create button:hover,
#form-validate.password.reset button:hover,
#social-form-password-forget button:hover,
#form-validate.password.forget button:hover {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}

#social-login-authentication .actions-toolbar.flex-box {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}

#social-login-authentication .actions-toolbar.flex-box .primary {
    padding-right: 10px;
    border-right: 1px solid #909090;
}

#social-login-authentication .actions-toolbar.flex-box .secondary {
    padding-left: 10px;
}

#social-login-authentication .actions-toolbar.flex-box .primary,
#social-login-authentication .actions-toolbar.flex-box .secondary {
    display: inline-block;
    width: auto;
    font-family: "Open Sans", sans-serif;
    line-height: 18px;
}

#social-login-authentication .actions-toolbar.flex-box .primary a,
#social-login-authentication .actions-toolbar.flex-box .secondary a {
    margin: 0;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
}

#social-login-authentication .actions-toolbar.flex-box .primary a span,
#social-login-authentication .actions-toolbar.flex-box .secondary a span {
    display: block;
}

#social-login-authentication button {
    margin-top: 15px;
}

#form-validate.password.forget,
#form-validate.password.reset {
    margin: auto;
    max-width: calc(100% - 30px);
    min-width: 0;
    width: 380px;
    padding: 50px 30px 50px;
    background: #fff;
    border-radius: 25px;
    margin: 80px auto 20px;
}

.account-social-login {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 15px !important;
}

.account-social-login .social-btn {
    margin-bottom: 10px;
}

.account-social-login .social-btn .btn-social {
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-size: 13px;
    line-height: 20px;
    min-width: 230px;
    display: inline-block;
    width: auto;
    padding: 8px 10px;
    border-radius: 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.account-social-login .social-btn .btn-social:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.75);
}

.account-social-login .social-btn .btn-social.btn-facebook {
    background: #395692;
    color: #ffffff;
}

.account-social-login .social-btn .btn-social.btn-facebook .fab.fa-facebook {
    font-size: 18px;
    line-height: 14px;
    vertical-align: middle;
    margin-right: 10px;
}

.account-social-login .fab.fa-google {
    font-family: "Font Awesome 5 Brands";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23FBBB00;' d='M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256 c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456 C103.821,274.792,107.225,292.797,113.47,309.408z'/%3E%3Cpath style='fill:%23518EF8;' d='M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451 c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535 c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z'/%3E%3Cpath style='fill:%2328B446;' d='M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512 c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771 c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z'/%3E%3Cpath style='fill:%23F14336;' d='M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012 c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0 C318.115,0,375.068,22.126,419.404,58.936z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    color: transparent;
    line-height: 1;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 20px;
}

.form-customer-create .fieldset.create.info {
    margin-bottom: 20px;
}

.form-customer-create .actions-toolbar .secondary a.blog-external {
    display: block;
    text-align: center;
    color: #787878;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}

.form-customer-create .actions-toolbar .secondary a.blog-external:hover {
    color: #c1cc00;
}

.blog.blog-category-index .breadcrumbs {
    display: none;
}

.blog.blog-category-index .top-title {
    margin-top: 30px;
}

.blog.blog-category-index .page-title-wrapper {
    display: none;
}

.blog.blog-category-index .blog-banner-image {
    background-image: url("../images/banner-bg.jpg");
    background-size: cover;
    background-position: center bottom;
    text-align: center;
    max-width: 100%;
}

.blog.blog-category-index .blog-banner-image .page-blog-banner {
    padding: 70px 0 60px 0;
    background-color: rgba(0, 30, 49, 0.5);
}

.blog.blog-category-index .blog-banner-image .page-title {
    font-family: 'Amatic SC';
    font-size: 40px;
    color: #ffffff;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .blog.blog-category-index .blog-banner-image .page-title {
        font-size: 60px;
    }
}

.blog.blog-category-index .blog-banner-image .page-title:before {
    content: "";
    display: block;
    background: url("../images/graphic-element1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-right: 15px;
}

.blog.blog-category-index .blog-banner-image .page-title:after {
    content: "";
    display: block;
    background: url("../images/graphic-element2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-left: 15px;
    margin-top: auto;
}

.blog.blog-category-index .blog-banner-image .page-blog-banner {
    color: #ffffff;
    font-size: 16px;
}

.blog.blog-category-index .blog-banner-image .page-blog-banner p {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* header-styling */

.hide-category {
    font-size: 15px;
    padding: 15px 30px;
}

.hide-category .category-back {
    cursor: pointer;
    display: inline-block;
}

@media screen and (min-width: 1024px) {
    .hide-category {
        display: none;
    }
}

.hide-category i {
    margin-right: 6px;
}

@media screen and (max-width: 1023px) {
    .megaSearch.dropdown-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        position: fixed;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background: #ffffff;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }
    .megaSearch.dropdown-menu .mega-search-inner {
        background-color: #ffffff;
        box-shadow: none;
        border-radius: 0;
    }
    .megaSearch.dropdown-menu .mega-search-inner .mobile-submenu-full {
        width: 100%;
    }
    .megaSearch.dropdown-menu .mega-search-inner .mobile-submenu-full .alpha-search-sel {
        margin: 0;
        padding: 0;
        border: none;
    }
    .sub-menu-show .megaSearch.dropdown-menu,
    .mobile-sub-menu-show .megaSearch.dropdown-menu {
        visibility: visible;
        opacity: 1;
    }
    body .page-header .header.content {
        padding-right: 65px;
    }
    body .page-header .header.content .navigation {
        position: fixed;
        width: 100%;
        height: 100vh;
        right: 0;
        left: auto;
        top: 0;
        text-align: center;
        background-color: #ffffff !important;
        z-index: 9;
        padding-top: 120px;
        max-width: 320px;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -ms-transition: all 0.32s ease-in-out;
        -o-transition: all 0.32s ease-in-out;
        -moz-transition: all 0.32s ease-in-out;
        -webkit-transition: all 0.32s ease-in-out;
        transition: all 0.32s ease-in-out;
        z-index: 15;
        overflow: auto;
    }
    body .page-header .header.content .navigation>ul.ui-menu {
        padding-bottom: 15px;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;
    }
    body .page-header .header.content .navigation>ul.ui-menu>li {
        float: none;
        display: block;
        border: none !important;
    }
    body .page-header .header.content .navigation>ul.ui-menu>li:first-child {
        margin-left: auto;
    }
    body .page-header .header.content .navigation>ul.ui-menu>li:not(:first-child) {
        width: 100%;
    }
    body .page-header .header.content .navigation>ul.ui-menu>li>a {
        font-size: 16px;
        padding: 0;
        line-height: 50px;
        text-transform: unset;
        font-weight: normal;
    }
    body .page-header .header.content .navigation>ul.ui-menu>li>a span {
        line-height: 1.2;
    }
    body .page-header .header.content .navigation>ul.ui-menu>span.ui-menu-divider {
        line-height: 50px;
        width: 30px;
        text-align: center;
        font-size: 12px;
        margin-right: auto;
    }
    body .page-header .header.content .nav-toggle {
        display: block;
        right: 20px;
        left: auto;
        top: 50%;
        margin-top: -21px;
    }
    body .page-header .header.content .nav-toggle::after {
        display: none !important;
    }
    .nav-before-open.nav-open .page-header .header.content .navigation {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        right: 0;
    }
    .nav-open .page-wrapper {
        left: 0;
    }
    .page-header {
        margin-bottom: 0;
    }
    .nav-open body .page-header .header.content .nav-toggle {
        z-index: 16;
    }
    .sub-menu-show .megaSearch.dropdown-menu {
        display: none !important;
    }
    .mobile-sub-menu-show .megaSearch.dropdown-menu,
    .mobile-sub-menu-show.sub-menu-show .megaSearch.dropdown-menu {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) {
    body .page-header .header.content .navigation>ul.ui-menu>span.ui-menu-divider {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .megaSearch.dropdown-menu .mega-search-inner .mobile-hide {
        display: none !important;
    }
}

.detail-tag h3 {
    font-weight: 500;
    font-family: "Ubuntu", sans-serif;
}

.how-work-2 .how-work-2-single .detail-tag h3 {
    font-weight: normal;
}

.how-work-2 .how-work-2-single .detail-tag h3 strong {
    font-weight: 500;
}

body .how-work-4 {
    padding: 0;
}

body .how-work-4 .title {
    padding-left: 25px;
    padding-bottom: 30px;
}

body .how-work-4 .title h2 {
    font-size: 24px;
    color: #c1cc00;
    margin-top: 0;
    margin-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
}

@media screen and (min-width: 1024px) {
    body .how-work-4 .title h2 {
        font-size: 30px;
    }
}

body .how-work-4 .title h2 strong {
    display: block;
    font-weight: 500;
}

.item-box h3 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}

body.catalog-product-view .page-main .column.main {
    width: 100%;
}

body.catalog-product-view .page-main .column.main .product-info-main {
    width: 100%;
}

.forcefullwidth_wrapper_tp_banner {
    position: relative;
}

.forcefullwidth_wrapper_tp_banner::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}

/* mobile banner */

.widget.block.block-static-block {
    padding: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
}

@media screen and (max-width: 649px) {
    .widget.block.block-static-block {
        padding-top: 50px;
    }
}

.widget.block.block-static-block .banner-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.widget.block.block-static-block .banner-caption-outer {
    padding: 12% 0 8.5%;
}

@media screen and (min-width: 768px) {
    .widget.block.block-static-block .banner-caption-outer {
        padding: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        width: 100%;
    }
}

.widget.block.block-static-block .banner-caption {
    max-width: 490px;
    text-align: center;
    margin-top: 100px;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .widget.block.block-static-block .banner-caption {
        margin-right: 0;
        margin-top: 0px;
        padding-bottom: 50px;
    }
}

@media screen and (min-width: 992px) {
    .widget.block.block-static-block .banner-caption {
        margin-top: 0px;
        padding-bottom: 60px;
    }
}

@media screen and (min-width: 1200px) {
    .widget.block.block-static-block .banner-caption {
        margin-top: 0px;
        padding-bottom: 75px;
    }
}

@media screen and (min-width: 1400px) {
    .widget.block.block-static-block .banner-caption {
        margin-top: 0px;
        padding-bottom: 100px;
    }
}

.widget.block.block-static-block .banner-caption h1 {
    font-size: 40px;
    line-height: 1.1;
    font-family: "Amatic SC";
    margin-bottom: 25px;
    position: relative;
    text-transform: uppercase;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.widget.block.block-static-block .banner-caption h1:before {
    content: "";
    display: block;
    background: url("../images/graphic-element1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-right: 0px;
}

.widget.block.block-static-block .banner-caption h1:after {
    content: "";
    display: block;
    background: url("../images/graphic-element2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-left: 15px;
    margin-top: auto;
}

@media screen and (min-width: 768px) {
    .widget.block.block-static-block .banner-caption h1 {
        font-size: 60px;
    }
}

@media screen and (min-width: 470px) {
    .widget.block.block-static-block .banner-caption h1 {
        font-size: 48px;
    }
}

@media screen and (min-width: 768px) {
    .widget.block.block-static-block .banner-caption h1 {
        font-size: 40px;
        margin-bottom: 25px;
    }
}

@media screen and (min-width: 992px) {
    .widget.block.block-static-block .banner-caption h1 {
        font-size: 50px;
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 1200px) {
    .widget.block.block-static-block .banner-caption h1 {
        font-size: 60px;
    }
}

.widget.block.block-static-block .banner-caption a {
    font-family: "Ubuntu", sans-serif;
    display: inline-block;
    background: #c1cc00;
    padding: 7px 30px;
    border-radius: 28px;
    border: 1px solid #c1cc00;
    color: #555555;
    text-decoration: none;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .widget.block.block-static-block .banner-caption a {
        padding: 8px 30px;
        font-size: 16px;
    }
}

@media screen and (max-width: 469px) {
    .widget.block.block-static-block .banner-caption .banner-caption-inner {
        display: none;
    }
}

@media screen and (min-width: 470px) {
    .widget.block.block-static-block .banner-caption .banner-caption-inner {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
}

.widget.block.block-static-block .banner-caption .left-wrapper-text {
    width: 50%;
}

.widget.block.block-static-block .banner-caption .right-wrapper-text {
    width: 50%;
}

.widget.block.block-static-block .banner-caption .left-wrapper-text,
.widget.block.block-static-block .banner-caption .right-wrapper-text {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 768px) {
    .widget.block.block-static-block .banner-caption .left-wrapper-text,
    .widget.block.block-static-block .banner-caption .right-wrapper-text {
        padding-top: 20px;
    }
}

@media screen and (min-width: 992px) {
    .widget.block.block-static-block .banner-caption .left-wrapper-text,
    .widget.block.block-static-block .banner-caption .right-wrapper-text {
        padding-top: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .widget.block.block-static-block .banner-caption .left-wrapper-text,
    .widget.block.block-static-block .banner-caption .right-wrapper-text {
        font-size: 15px;
        padding-top: 40px;
    }
}

.widget.block.block-static-block .banner-caption .left-wrapper-text h3,
.widget.block.block-static-block .banner-caption .right-wrapper-text h3 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

@media screen and (min-width: 1200px) {
    .widget.block.block-static-block .banner-caption .left-wrapper-text h3,
    .widget.block.block-static-block .banner-caption .right-wrapper-text h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .forcefullwidth_wrapper_tp_banner {
        display: none;
    }
}

.tp-parallax-wrap p,
.rev-btn {
    opacity: 0 !important;
}

@media screen and (max-width: 767px) {
    body .nav-sections-item-content {
        padding: 0;
    }
}

body .custom-col-row {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
}

.add-article-widget-title h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    padding-bottom: 15px;
}

.add-article-widget-title h2::after {
    content: "";
    height: 3px;
    width: 46px;
    display: block;
    margin-top: 6px;
    background-color: #c1cc00;
}

.white-bg.add-article-section {
    padding: 20px;
    margin: 0 0 40px;
    font-size: 14px;
    color: #767676;
}

.white-bg.add-article-section .field {
    padding-bottom: 6px;
    padding-top: 10px;
}

.white-bg.add-article-section .field label {
    font-weight: 700;
    color: #767676;
}

.white-bg.add-article-section .field label b {
    font-weight: 500;
    color: #767676;
}

body .wk-mp-design .wk-mp-fieldset .control {
    overflow: unset;
}

body .image.base-image .image-label {
    background-image: url("../images/gallery-image-base-label.png");
    height: 60px;
    width: 60px;
}

.white-bg.product-enable {
    padding: 30px 15px;
}

@media screen and (min-width: 768px) {
    .white-bg.product-enable {
        padding: 35px 45px 25px 45px;
    }
}

.white-bg.product-enable .control-status {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.white-bg.product-enable .control-status input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    cursor: pointer;
}

.white-bg.product-enable .control-status label {
    background-color: #555555;
    color: #ffffff;
    padding: 6px 30px;
    border-radius: 30px;
}

.white-bg.product-enable .control-status input:checked+label {
    background-color: #c1cc00;
    color: #555555;
}

.state-attribute-item {
    padding: 10px 15px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.state-attribute-item-inner {
    background-color: #ffffff;
    cursor: pointer;
    text-align: center;
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #767676;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.state-attribute-item-inner .fas {
    color: #aaaaaa;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.state-attribute-item-inner .state-attribute-title h4 {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.state-attribute-item-inner:hover,
.state-attribute-item-inner:focus {
    background-color: #c1cc00;
    color: #ffffff;
}

.state-attribute-item-inner:hover .fas,
.state-attribute-item-inner:focus .fas {
    color: #ffffff;
}

.state-attribute-item.active .state-attribute-item-inner {
    background-color: #c1cc00;
    color: #ffffff;
}

.state-attribute-item.active .state-attribute-item-inner .fas {
    color: #ffffff;
}

.add-article-section #media_gallery_content {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 5px 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#fileupload-error {
    width: 100%;
}

.add-article-section #image-container .image,
.add-article-section #media_gallery_content .image {
    margin-left: 0;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.add-article-section #image-container .image.image-placeholder,
.add-article-section #media_gallery_content .image.image-placeholder {
    border-radius: 15px;
    border: 2px solid #c1cc00;
}

.add-article-section #image-container .image.image-placeholder::before,
.add-article-section #media_gallery_content .image.image-placeholder::before {
    content: "+";
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 30px;
    color: #c1cc00;
    width: 36px;
    height: 36px;
    margin: auto;
    right: 0;
    line-height: 28px;
    padding: 0;
    border: 2px solid #c1cc00;
    border-radius: 50px;
}

.add-article-section #image-container .image .image-placeholder-text,
.add-article-section #media_gallery_content .image .image-placeholder-text {
    color: #787878;
    margin-bottom: 6px;
}

.image.image-placeholder input[type="file"] {
    border-width: 1px !important;
    cursor: pointer;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.wk-mp-page-title.legend {
    text-align: center;
    border: none;
}

.wk-mp-page-title.legend .button.wk-mp-btn {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px !important;
    color: #555555;
    border: 1px solid #c1cc00;
    outline: none;
    font-weight: normal;
    float: none;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    line-height: 1.5;
}

.wk-mp-page-title.legend .button.wk-mp-btn:hover,
.wk-mp-page-title.legend .button.wk-mp-btn:focus {
    color: #ffffff !important;
    background: #c1cc00 !important;
}

.genre-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 15px;
}

@media screen and (min-width: 576px) {
    .genre-outer {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.genre-outer .radio-outer {
    padding: 7px 10px;
    width: 100%;
}

@media screen and (min-width: 370px) {
    .genre-outer .radio-outer {
        width: 50%;
    }
}

@media screen and (min-width: 576px) {
    .genre-outer .radio-outer {
        padding: 7px 15px;
        width: 33.3333%;
    }
}

@media screen and (min-width: 768px) {
    .genre-outer .radio-outer {
        width: 25%;
    }
}

.genre-outer .radio-outer .radio-inner {
    border: 1px solid #cccccc;
    padding: 6px 10px;
    position: relative;
}

.genre-outer .radio-outer .radio-inner input[type="radio"] {
    position: absolute;
    height: 100%;
    width: 100% !important;
    opacity: 0;
    left: 0;
    right: 0;
}

.genre-outer .radio-outer .radio-inner span {
    width: 12px;
    height: 12px;
    border: 1px solid #787878;
    padding: 2px;
    display: inline-block;
    margin-right: 3px;
}

.genre-outer .radio-outer .radio-inner span::after {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
}

.genre-outer .radio-outer .radio-inner input[type="radio"]:checked+span::after {
    background-color: #c1cc00;
}

.add-article-section .weight-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    margin-bottom: 15px;
}

.add-article-section .weight-outer>.control {
    position: relative;
    max-width: 50% !important;
}

@media screen and (min-width: 370px) {
    .add-article-section .weight-outer>.control {
        max-width: 50% !important;
    }
}

@media screen and (min-width: 576px) {
    .add-article-section .weight-outer>.control {
        max-width: 33.3333% !important;
    }
}

@media screen and (min-width: 768px) {
    .add-article-section .weight-outer>.control {
        max-width: 25% !important;
    }
}

.add-article-section .weight-outer>.control input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.add-article-section .weight-outer>.control span.radio-imagin {
    width: 12px;
    height: 12px;
    border: 1px solid #787878;
    padding: 2px;
    display: inline-block;
    margin-right: 3px;
}

.add-article-section .weight-outer>.control span.radio-imagin::after {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
}

.add-article-section .weight-outer>.control input[type="radio"]:checked+span.radio-imagin::after {
    background-color: #c1cc00;
}

.add-article-section .field select {
    border-radius: 0;
    box-shadow: none;
    padding-right: 20px;
    background: url("../images/angle-arrow-down.png");
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 11px;
}

.add-article-section .field select option:hover,
.add-article-section .field select option:focus,
.add-article-section .field select option:active {
    background: linear-gradient(#000000, #000000);
    background-color: #000000 !important;
    /* for IE */
    color: #ffed00 !important;
}

.add-article-section .field select option:checked {
    background: linear-gradient(#d6d6d6, #d6d6d6);
    background-color: #d6d6d6 !important;
    /* for IE */
    color: #000000 !important;
}

.discount-sub-title h2 {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    padding-bottom: 15px;
}

.discount-sub-title h2::after {
    content: "";
    height: 3px;
    width: 46px;
    display: block;
    margin-top: 6px;
    background-color: #c1cc00;
}

.white-bg.discount {
    padding: 20px 5px;
    margin: 0;
    font-size: 14px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.white-bg.discount p {
    padding-left: 15px;
    width: 100%;
    padding-right: 15px;
}

.white-bg.discount .form-group {
    padding-left: 15px;
    width: 100%;
    padding-right: 15px;
}

@media screen and (min-width: 576px) {
    .white-bg.discount .form-group {
        width: 33.33333%;
    }
}

#discount .form-action {
    text-align: right;
    margin-top: 15px;
}

#discount .form-action .btn.btn-primary {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 35px;
    text-align: center;
    border-radius: 20px;
    color: #555555 !important;
    border: 1px solid #c1cc00;
    outline: none;
    font-weight: normal;
    box-shadow: none;
    float: none;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    line-height: 1.5;
    text-transform: unset;
    width: auto;
}

#discount .form-action .btn.btn-primary:hover,
#discount .form-action .btn.btn-primary:focus {
    color: #ffffff !important;
    background: #c1cc00 !important;
}

.profile-info {
    text-align: center;
}

.profile-info .profile-img img {
    width: 100px;
    height: 100px;
    float: none;
}

@media screen and (min-width: 992px) {
    .profile-info .profile-img img {
        width: 130px;
        height: 130px;
        border-radius: 50%;
        -webkit-object-fit: cover;
        object-fit: cover;
    }
}

.profile-info button {
    border-radius: 20px !important;
    background-color: transparent;
    border: 1px solid #c1cc00;
    color: #c1cc00;
    margin-right: 10px;
    box-shadow: none;
    outline: none !important;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    outline: none;
    font-weight: 400;
}

.profile-info button:hover,
.profile-info button:focus,
.profile-info button.active {
    background-color: #c1cc00 !important;
    color: #ffffff !important;
}

.profile-info .profile-content h5 {
    font-size: 18px;
    color: #555555;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}

.profile-info .profile-content h5 a {
    color: #555555;
    text-decoration: none;
}

.profile-info .profile-content h5 a:hover,
.profile-info .profile-content h5 a:focus {
    color: #c1cc00;
}

.message.success,
.message.error {
    margin: 30px auto auto !important;
}

.message.success {
    max-width: 325px;
    background-color: #c1cc00;
    color: #555555;
}

.message.success> :first-child::before {
    color: #555555;
}

.message.error {
    max-width: 390px;
}

#layer-product-list .message.notice {
    margin-top: 50px;
    background-color: #c1cc00;
    color: #555555;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

#layer-product-list .message.info.empty {
    background-color: #c1cc00;
    color: #555555;
    text-align: center;
    padding: 10px;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

#layer-product-list .message.info.empty>*:first-child:before {
    position: relative;
    top: 4px;
}

#layer-product-list .message.notice>*:first-child:before {
    color: #555555;
}

@media screen and (min-width: 768px) {
    .account .sidebar {
        min-width: 210px;
    }
}

.account .sidebar .white-bg {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.account .sidebar .white-bg .profile-info {
    text-align: center;
}

.account .sidebar .white-bg .profile-info .profile-content {
    padding-top: 10px;
}

.account .sidebar .white-bg .profile-info .profile-content h5 {
    font-size: 20px;
    margin-bottom: 0;
}

.account .sidebar .white-bg .profile-info .profile-content h5 a {
    color: #787878;
    text-decoration: none;
}

.account .sidebar .white-bg .profile-info .profile-content h5 a:hover,
.account .sidebar .white-bg .profile-info .profile-content h5 a:focus {
    color: #c1cc00;
}

.account .sidebar .block.block-collapsible-nav {
    background: #ffffff;
    margin-bottom: 0;
    font-size: 14px;
}

.account .sidebar .block.block-collapsible-nav .content {
    background-color: #ffffff;
    padding: 20px 20px 10px;
}

.account .sidebar .block.block-collapsible-nav .content li {
    width: 100%;
    display: block;
}

.account .sidebar .block.block-collapsible-nav .content li a:hover {
    background-color: transparent;
    color: #c1cc00;
}

.account .sidebar .block.block-collapsible-nav .content li a,
.account .sidebar .block.block-collapsible-nav .content li strong {
    padding-left: 0;
    padding-right: 0;
    border: none;
    color: #787878;
}

.account .sidebar .block.block-collapsible-nav .content li.item.current a,
.account .sidebar .block.block-collapsible-nav .content li.item.current strong {
    color: #555555;
    font-weight: 700;
}

.account .column.main {
    padding-top: 30px;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .account .column.main {
        max-width: calc(100% - 210px);
        padding-left: 15px;
    }
}

.account .column.main .wk-mp-design {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.account .column.main .wk-mp-design .mp-widgets {
    width: 100%;
}

.account .column.main .wk-mp-design .wk-mp-dashboard-graph {
    background-color: #ffffff;
    padding: 25px 15px;
}

.account .column.main .wk-mp-design .wk-mp-dashboard-graph .wk-mp-buttons-top {
    padding-bottom: 15px;
}

.account .column.main .wk-mp-design .wk-mp-dashboard-graph .wk-mp-buttons-top button.button {
    border-radius: 20px !important;
    background-color: transparent;
    border: 1px solid #999999;
    color: #767676;
    margin-right: 10px;
    box-shadow: none;
    outline: none !important;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: 400;
}

.account .column.main .wk-mp-design .wk-mp-dashboard-graph .wk-mp-buttons-top button.button:hover,
.account .column.main .wk-mp-design .wk-mp-dashboard-graph .wk-mp-buttons-top button.button:focus,
.account .column.main .wk-mp-design .wk-mp-dashboard-graph .wk-mp-buttons-top button.button.active {
    background-color: #999999 !important;
    color: #ffffff !important;
}

.account .column.main h3.section-title,
.account .column.main .block-title {
    position: relative;
    color: #57576a;
    font-weight: normal !important;
    margin-bottom: 5px;
    padding-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    border-bottom: none !important;
    font-size: 24px;
}

.account .column.main h3.section-title strong,
.account .column.main .block-title strong {
    font-size: 22px;
    font-weight: normal !important;
}

.account .column.main h3.section-title a.edit,
.account .column.main .block-title a.edit {
    color: #c1cc00;
}

.account .column.main h3.section-title a.edit span,
.account .column.main .block-title a.edit span {
    font-size: 17px;
}

.account .column.main h3.section-title::after,
.account .column.main .block-title::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    display: block;
    left: 0;
}

.account .column.main .wk-mp-design .fieldset.info legend.legend {
    border: none;
    margin-bottom: 0;
}

.account .column.main .wk-mp-design .fieldset.info legend.legend span {
    display: block;
}

.account .column.main .wk-mp-design .fieldset.info .grid.white-bg {
    padding: 15px;
    background-color: #ffffff;
    margin: 0;
}

.account .column.main .wk-mp-design .fieldset.info .grid table td a {
    border-radius: 20px;
    border: 1px solid #c1cc00;
    color: #c1cc00;
    padding: 6px 10px;
    display: inline-block;
    text-decoration: none;
    line-height: 1;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.account .column.main .wk-mp-design .fieldset.info .grid table td a:hover {
    background-color: #c1cc00;
    color: #ffffff;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox {
    border-radius: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 15px;
    background: #ffffff;
    border: none;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox.radius-0 {
    border-radius: 0;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox .wk-orderbox-content1 {
    border: none;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    color: #787878;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox .wk-orderbox-content1 .wk-feedback-details {
    width: auto;
    padding-right: 30px;
    padding-bottom: 0;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox .wk-orderbox-content1 .wk-feedback-details .mpfeedback {
    border: none;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox .wk-orderbox-content1 .wk-label {
    font-family: "Ubuntu", sans-serif;
    font-weight: 600;
    padding-right: 6px;
    border: none;
}

.account .column.main .wk-mp-design .fieldset.info .grid .wk-orderbox .wk-orderbox-content1 .wk-feedback-desc {
    padding-left: 0;
}

.account .column.main .wk-mp-design .fieldset.info .sell-link,
.account .column.main .wk-mp-design .fieldset.info .review-link {
    padding-top: 15px;
    text-align: right;
}

.account .column.main .wk-mp-design .fieldset.info .sell-link a,
.account .column.main .wk-mp-design .fieldset.info .review-link a {
    display: inline-block;
    background-color: #c1cc00;
    border: 2px solid #c1cc00;
    color: #787878;
    padding: 10px 25px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-family: "Ubuntu", sans-serif;
    min-width: 200px;
    text-align: center;
}

.account .column.main .wk-mp-design .fieldset.info .sell-link a:hover,
.account .column.main .wk-mp-design .fieldset.info .sell-link a:focus,
.account .column.main .wk-mp-design .fieldset.info .review-link a:hover,
.account .column.main .wk-mp-design .fieldset.info .review-link a:focus {
    color: #ffffff !important;
    border: 2px solid #c1cc00;
    background-color: #c1cc00 !important;
}

@media screen and (min-width: 768px) {
    .account .column.main .block.block-dashboard-info>.block-content,
    .account .column.main .block.block-dashboard-addresses>.block-content {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address {
    padding: 20px;
    background: #ffffff;
    border-radius: 15px;
}

@media screen and (min-width: 768px) {
    .account .column.main .block.block-dashboard-info>.block-content .box.box-information,
    .account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter,
    .account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address,
    .account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-information,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address {
        width: calc(50% - 10px);
    }
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information address strong,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter address strong,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address address strong,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address address strong,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information address strong,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter address strong,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address address strong,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address address strong {
    color: #555555;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information .box-actions,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter .box-actions,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address .box-actions,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address .box-actions,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information .box-actions,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter .box-actions,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address .box-actions,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address .box-actions {
    padding-top: 5px;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information .box-actions a,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter .box-actions a,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address .box-actions a,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address .box-actions a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information .box-actions a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter .box-actions a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address .box-actions a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address .box-actions a {
    padding: 6px 15px;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    background-color: #c1cc00;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
    display: inline-block;
    margin-right: 4px;
    margin-top: 10px;
    min-width: 100px;
    text-align: center;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information .box-actions a::after,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter .box-actions a::after,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address .box-actions a::after,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address .box-actions a::after,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information .box-actions a::after,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter .box-actions a::after,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address .box-actions a::after,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address .box-actions a::after {
    display: none;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information .box-actions a:hover,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter .box-actions a:hover,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address .box-actions a:hover,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address .box-actions a:hover,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information .box-actions a:hover,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter .box-actions a:hover,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address .box-actions a:hover,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address .box-actions a:hover {
    color: #ffffff;
    background-color: #555555;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information strong.box-title,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter strong.box-title,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address strong.box-title,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address strong.box-title,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information strong.box-title,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter strong.box-title,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address strong.box-title,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address strong.box-title {
    font-weight: normal;
    font-weight: 500;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information strong.box-title span,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter strong.box-title span,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address strong.box-title span,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address strong.box-title span,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information strong.box-title span,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter strong.box-title span,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address strong.box-title span,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address strong.box-title span {
    font-size: 18px;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information .box-content,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter .box-content,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address .box-content,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address .box-content,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information .box-content,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter .box-content,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address .box-content,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address .box-content {
    font-size: 14px;
}

.account .column.main .block.block-dashboard-info>.block-content .box.box-information .box-content a,
.account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter .box-content a,
.account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address .box-content a,
.account .column.main .block.block-dashboard-info>.block-content .box.box-shipping-address .box-content a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-information .box-content a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter .box-content a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address .box-content a,
.account .column.main .block.block-dashboard-addresses>.block-content .box.box-shipping-address .box-content a {
    color: #000000;
}

@media screen and (min-width: 768px) {
    .account .column.main .block.block-dashboard-info>.block-content .box.box-information,
    .account .column.main .block.block-dashboard-info>.block-content .box.box-billing-address,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-information,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-billing-address {
        margin-right: 10px;
    }
}

@media screen and (min-width: 768px) {
    .account .column.main .block.block-dashboard-info>.block-content .box.box-newsletter,
    .account .column.main .block.block-dashboard-info>.block-content .box-shipping-address,
    .account .column.main .block.block-dashboard-addresses>.block-content .box.box-newsletter,
    .account .column.main .block.block-dashboard-addresses>.block-content .box-shipping-address {
        margin-left: 10px;
    }
}

.order-history-items .wk-orderbox-content1 {
    width: 100%;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    color: #787878;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-details {
    padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .order-history-items .wk-orderbox-content1 .wk-orderbox-details {
        max-width: calc(100% - 140px);
        margin-right: auto;
    }
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-details .color {
    padding-bottom: 10px;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-details .name {
    color: #444444;
    font-weight: 600;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-details .name a {
    color: #444444;
}

.order-history-items .wk-orderbox-content1 .wk-dash-orderstatus {
    margin-bottom: auto;
    margin-top: 0;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .order-history-items .wk-orderbox-content1 .wk-dash-orderstatus {
        width: auto;
        max-width: 140px;
    }
}

.order-history-items .wk-orderbox-content1 .wk-dash-orderstatus .wk-dash-label .status {
    background-color: transparent;
    border: 1px solid #787878;
    border-radius: 25px;
    color: #787878;
    font-size: 14px;
    padding: 6px 20px;
    font-weight: 400;
    min-width: 115px;
    text-align: center;
}

.order-history-items .wk-orderbox-content1 .wk-dash-orderstatus .wk-dash-label .status.new {
    background-color: #999999;
    color: #ffffff;
}

.order-history-items .wk-orderbox-content1 .wk-dash-orderstatus .wk-dash-label .status.complete {
    background-color: #333333;
    color: #ffffff;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-total {
    width: 100%;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-total button.button {
    padding: 6px 15px;
    border-radius: 20px !important;
    color: #c1cc00;
    border: 1px solid #c1cc00;
    background-color: transparent;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    box-shadow: none;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-total button.button:hover {
    color: #ffffff !important;
    background-color: #c1cc00 !important;
}

.order-history-items .wk-orderbox-content1 .wk-orderbox-total .wk-price {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #c1cc00;
}

.marketplace-account-dashboard .wk-mp-design .wk-emptymsg {
    margin-top: 6px;
}

.wk-mp-design .wk-emptymsg {
    text-align: center;
    text-transform: unset;
    font-weight: 400;
    font-size: 14px;
    padding: 0 15px;
    margin-top: 50px;
    margin-bottom: 10px;
    color: #787878;
}

.wk-mp-design #form-productlist-filter {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .wk-mp-design #form-productlist-filter {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.wk-mp-design #form-productlist-filter .form-item {
    width: 100%;
    margin-bottom: 10px;
}

@media screen and (min-width: 600px) {
    .wk-mp-design #form-productlist-filter .form-item {
        padding-right: 10px;
        width: calc(50% - 55px);
        margin-bottom: 0;
    }
}

.wk-mp-design #form-productlist-filter .form-item.select {
    padding-left: 10px;
    margin-bottom: 0;
    padding-right: 0;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    margin-right: auto;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    margin-right: 6px;
}

@media screen and (max-width: 599px) {
    .wk-mp-design #form-productlist-filter .form-item.select {
        width: calc(100% - 110px);
    }
}

.wk-mp-design #form-productlist-filter .form-item.select span {
    padding-right: 10px;
    white-space: nowrap;
}

.wk-mp-design #form-productlist-filter input,
.wk-mp-design #form-productlist-filter select {
    border-radius: 25px;
    border: 1px solid #999999;
    box-shadow: none;
    padding-left: 20px;
    background-color: transparent;
}

.wk-mp-design #form-productlist-filter select {
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 14px 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23999999' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E");
}

.wk-mp-design #form-productlist-filter input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999999' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 16px 16px;
}

.wk-mp-design #form-productlist-filter button {
    border-radius: 30px !important;
    padding: 4px 15px;
    background-color: #c1cc00;
    border-color: #c1cc00;
    color: #787878;
    margin: 0;
    font-weight: normal;
    width: auto !important;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.wk-mp-design #form-productlist-filter button:hover {
    background-color: #c1cc00 !important;
    color: #ffffff !important;
}

.myproductlist-outer {
    padding-top: 30px;
}

@media screen and (min-width: 768px) {
    .myproductlist-outer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.myproductlist-outer .item {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding-bottom: 20px;
}

.myproductlist-outer .item-inner {
    background: #ffffff;
    width: 100%;
}

.myproductlist-outer .item-inner .image-wrapper {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
}

.myproductlist-outer .item-inner .image-wrapper img {
    width: auto;
    max-width: unset;
    position: absolute;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.myproductlist-outer .item-inner .image-wrapper .stauts {
    top: 0;
    left: 0;
    position: absolute;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    height: 100%;
    width: 100%;
    background-color: rgba(153, 153, 153, 0.6);
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.myproductlist-outer .item-inner .image-wrapper .stauts .label.pro-status {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}

.myproductlist-outer .item-inner .image-wrapper .stauts.disable,
.myproductlist-outer .item-inner .image-wrapper .stauts.sold {
    opacity: 1;
    visibility: visible;
}

.myproductlist-outer .item-inner .image-wrapper .stauts.sold {
    background-color: rgba(193, 204, 0, 0.5);
}

.myproductlist-outer .item-inner .image-wrapper .stauts.active {
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M256,96C144.341,96,47.559,161.021,0,256c47.559,94.979,144.341,160,256,160c111.656,0,208.439-65.021,256-160 C464.441,161.021,367.656,96,256,96z M382.225,180.852c30.082,19.187,55.572,44.887,74.719,75.148 c-19.146,30.261-44.639,55.961-74.719,75.148C344.428,355.257,300.779,368,256,368c-44.78,0-88.428-12.743-126.225-36.852 c-30.08-19.188-55.57-44.888-74.717-75.148c19.146-30.262,44.637-55.962,74.717-75.148c1.959-1.25,3.938-2.461,5.929-3.65 C130.725,190.866,128,205.613,128,221c0,70.691,57.308,128,128,128c70.691,0,128-57.309,128-128 c0-15.387-2.725-30.134-7.703-43.799C378.285,178.39,380.266,179.602,382.225,180.852z M256,205c0,26.51-21.49,48-48,48 s-48-21.49-48-48s21.49-48,48-48S256,178.49,256,205z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
}

.myproductlist-outer .item-inner .image-wrapper .stauts.active .label.pro-status {
    color: transparent;
}

.myproductlist-outer .item-inner .image-wrapper:hover .stauts {
    opacity: 1;
    visibility: visible;
}

.myproductlist-outer .item-inner .text-wrapper {
    background: #ffffff;
    padding: 10px;
    text-align: center;
}

.myproductlist-outer .item-inner .text-wrapper .title {
    padding-bottom: 5px;
    font-size: 15px;
}

.myproductlist-outer .item-inner .text-wrapper .title a {
    color: #787878;
    text-decoration: none;
}

.myproductlist-outer .item-inner .text-wrapper .title a:hover {
    color: #c1cc00;
}

.myproductlist-outer .item-inner .text-wrapper .price {
    color: #c1cc00;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px;
    white-space: nowrap;
}

.myproductlist-outer .item-inner .text-wrapper .modify-link a {
    color: #999999;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.myproductlist-outer .item-inner .text-wrapper .modify-link a .fas {
    padding-right: 6px;
}

.myproductlist-outer .item-inner .text-wrapper .modify-link a:hover,
.myproductlist-outer .item-inner .text-wrapper .modify-link a:focus {
    color: #c1cc00;
}

.avourite-sellerseller-outer {
    padding-left: 15px;
    padding-right: 15px;
}

.avourite-sellerseller-outer .item {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding-bottom: 20px;
}

.avourite-sellerseller-outer .item-inner {
    background: #ffffff;
    width: 100%;
}

.avourite-sellerseller-outer .item-inner .image-wrapper img {
    max-width: 100%;
    height: auto;
}

.avourite-sellerseller-outer .item-inner .text-wrapper {
    background: #ffffff;
    padding: 10px;
    text-align: center;
}

.avourite-sellerseller-outer .item-inner .text-wrapper .title {
    padding-bottom: 5px;
    font-size: 15px;
    color: #787878;
    text-decoration: none;
}

.avourite-sellerseller-outer .item-inner .text-wrapper .modify-link a,
.avourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a {
    color: #999999;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.avourite-sellerseller-outer .item-inner .text-wrapper .modify-link a .fas,
.avourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a .fas {
    padding-right: 6px;
}

.avourite-sellerseller-outer .item-inner .text-wrapper .modify-link a:hover,
.avourite-sellerseller-outer .item-inner .text-wrapper .modify-link a:focus,
.avourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a:hover,
.avourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a:focus {
    color: #c1cc00;
}

@media screen and (min-width: 768px) {
    .account .column.main .wk-mp-design.order-detail-outer {
        padding-left: 60px;
    }
}

.wk-mp-design.order-detail-outer .order-details-items.ordered {
    border: none;
    padding: 20px;
}

.wk-mp-design.order-detail-outer .order-details-items.ordered .table-wrapper.order-items {
    border-bottom: none;
}

.wk-mp-design.order-detail-outer .order-details-items.ordered .order-items .table-order-items thead th {
    padding: 0;
    border: none !important;
    font-weight: normal;
    color: #787878;
}

.wk-mp-design.order-detail-outer .order-details-items.ordered .order-items .table-order-items tbody .border {
    border: none !important;
}

.wk-mp-design.order-detail-outer .order-details-items.ordered .order-items .table-order-items tfoot {
    background-color: #ffffff;
    border: none;
}

.wk-mp-design.order-detail-outer .order-details-items.ordered .order-items .table-order-items tfoot th,
.wk-mp-design.order-detail-outer .order-details-items.ordered .order-items .table-order-items tfoot td {
    background-color: #ffffff;
    border: none;
}

.wk-mp-design.order-detail-outer .order-detail-text {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 15px;
}

.wk-mp-design.order-detail-outer .order-detail-text .order-date {
    margin-right: auto;
}

.wk-mp-design.order-detail-outer .order-detail-text .order-status {
    display: inline-block;
    background: #c1cc00;
    padding: 5px 20px;
    border-radius: 28px;
    cursor: pointer;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #5a7423;
    border: 1px solid #c1cc00;
    text-transform: initial;
}

.wk-mp-design.order-detail-outer .order-detail-text .order-status:hover {
    background-color: #787878;
    border: 1px solid #787878;
    color: #ffffff;
}

.order-prodduct-detail {
    padding-bottom: 15px;
    border-bottom: 1px solid #999999;
}

.order-prodduct-detail .order-product-labels,
.order-prodduct-detail .order-product-products {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

.order-prodduct-detail .order-product-labels .product-price,
.order-prodduct-detail .order-product-products .product-price {
    min-width: 80px;
}

.order-prodduct-detail .order-product-labels {
    padding-bottom: 10px;
    color: #666666;
}

.product-total-outer {
    padding-top: 15px;
    max-width: 310px;
    margin-left: auto;
}

.product-total-outer .product-price-row,
.product-total-outer .product-pay {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

.product-total-outer .product-price-row p,
.product-total-outer .product-pay p {
    margin-bottom: 0;
}

.product-total-outer .product-price-row .product-price,
.product-total-outer .product-price-row .product-pay-price,
.product-total-outer .product-pay .product-price,
.product-total-outer .product-pay .product-pay-price {
    min-width: 80px;
}

.product-total-outer .product-price-row {
    padding-bottom: 5px;
}

.product-total-outer .product-pay {
    font-size: 18px;
}

.white-bg-box {
    background-color: #ffffff;
}

.wk-mp-design .block-order-details-view {
    padding-bottom: 15px;
}

.wk-mp-design .block-order-details-view .block-content.white-bg-box {
    padding: 20px;
}

.wk-mp-design .block-order-details-view .block-content.white-bg-box .box {
    margin-bottom: 0;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    min-width: 100%;
}

.wk-mp-design .block-order-details-view .block-content.white-bg-box .box .border-link.chat-link {
    border-color: #c1cc00;
    color: #c1cc00;
}

.wk-mp-design .block-order-details-view .block-content.white-bg-box .box .border-link.chat-link:hover,
.wk-mp-design .block-order-details-view .block-content.white-bg-box .box .border-link.chat-link:focus {
    color: #ffffff;
}

.feature-inner.white-bg-box {
    padding: 20px;
}

.feature-inner.white-bg-box .feature-item {
    padding-bottom: 10px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

.feature-inner.white-bg-box .feature-item a button.button {
    padding: 6px 15px;
    border-radius: 20px !important;
    color: #c1cc00;
    border: 1px solid #c1cc00;
    background-color: transparent;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.feature-inner.white-bg-box .feature-item a button.button:hover {
    color: #ffffff !important;
    background-color: #c1cc00 !important;
}

@media screen and (min-width: 768px) {
    .account.newsletter-manage-index .form.form-newsletter-manage {
        padding-left: 60px;
    }
}

.account.newsletter-manage-index .form.form-newsletter-manage .fieldset {
    margin-bottom: 15px;
}

.account.newsletter-manage-index .form.form-newsletter-manage .legend {
    border: none;
    margin-bottom: 0;
}

.account.newsletter-manage-index .form.form-newsletter-manage .legend span {
    position: relative;
    color: #57576a;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    font-size: 22px;
    display: block;
    line-height: 1.4;
    margin-right: 0;
}

.account.newsletter-manage-index .form.form-newsletter-manage .legend span::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    display: block;
    left: 0;
}

.account.newsletter-manage-index .form.form-newsletter-manage .field.choice {
    padding: 20px;
    background-color: #ffffff;
}

.account.newsletter-manage-index .form.form-newsletter-manage .actions-toolbar {
    text-align: right;
}

.account.newsletter-manage-index .form.form-newsletter-manage .actions-toolbar .primary {
    float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.account.newsletter-manage-index .form.form-newsletter-manage .actions-toolbar .primary button.action {
    padding: 6px 35px;
    border-radius: 20px !important;
    color: #555555;
    border: 1px solid #c1cc00;
    background-color: #c1cc00;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.account.newsletter-manage-index .form.form-newsletter-manage .actions-toolbar .primary button.action:hover {
    color: #ffffff !important;
    background-color: #c1cc00 !important;
}

@media screen and (min-width: 768px) {
    .account .form.form-edit-account {
        padding-left: 40px;
    }
}

.account .form.form-edit-account .legend {
    border: none;
    margin-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    font-size: 24px;
    color: #555555;
}

.account .form.form-edit-account .legend span {
    display: block;
    font-weight: normal;
}

.account .form.form-edit-account .legend span::after {
    content: "";
    width: 40px;
    height: 2px;
    background: #c1cc00;
    display: block;
    margin-top: 6px;
}

.account .form.form-edit-account>.fieldset {
    width: 100%;
    padding: 30px;
    border-radius: 15px;
    background-color: #ffffff;
}

.account .form.form-edit-account>.fieldset .white-bg-box {
    padding: 20px;
    margin-bottom: 15px;
}

.account .form.form-edit-account>.fieldset .field {
    margin-bottom: 30px;
}

.account .form.form-edit-account>.fieldset .field label {
    color: #111111;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

.account .form.form-edit-account>.fieldset .field .control p {
    font-size: 11px;
    color: #787878;
    font-weight: 300;
    margin-top: 8px;
    margin-bottom: 30px;
}

.account .form.form-edit-account .actions-toolbar {
    text-align: right;
    clear: both;
    width: 100%;
}

.account .form.form-edit-account .primary {
    float: none;
    display: block;
    text-align: right;
    margin: 0;
    padding: 0;
}

.account .form.form-edit-account .primary button.action {
    padding: 6px 35px;
    border-radius: 20px !important;
    color: #555555;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 2px solid #c1cc00;
    background-color: #c1cc00;
    display: inline-block;
    margin-bottom: 15px;
    width: 210px;
    text-align: center;
}

.account .form.form-edit-account .primary button.action:hover {
    color: #ffffff !important;
    border: 2px solid #c1cc00;
    background-color: #c1cc00 !important;
}

.account .form.form-edit-account .primary button.action.delete {
    background-color: transparent;
    border: 2px solid #999999;
}

.account .form.form-edit-account .primary button.action.delete:hover {
    color: #ffffff !important;
    border: 2px solid #999999;
    background-color: #999999 !important;
}

.account .form.form-edit-account #delete_seller_btn {
    padding: 6px 15px;
    border-radius: 20px !important;
    color: #555555;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    border: 1px solid #555555;
    background-color: transparent;
    display: inline-block;
    width: 210px;
    text-align: center;
}

.account .form.form-edit-account #delete_seller_btn:hover {
    color: #111111 !important;
    border: 1px solid #c1cc00;
    background-color: #c1cc00 !important;
}

@media screen and (min-width: 768px) {
    .mpsellervacation-form {
        padding-left: 60px;
    }
}

.mpsellervacation-form .white-bg-box {
    padding: 20px;
    margin-bottom: 15px;
}

.mpsellervacation-form .custom-text {
    padding-bottom: 15px;
}

.mpsellervacation-form .fieldset.wk_mp_fieldset {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.mpsellervacation-form .fieldset.wk_mp_fieldset input,
.mpsellervacation-form .fieldset.wk_mp_fieldset select,
.mpsellervacation-form .fieldset.wk_mp_fieldset textarea {
    color: #787878;
    font-size: 15px;
}

.mpsellervacation-form .fieldset.wk_mp_fieldset input,
.mpsellervacation-form .fieldset.wk_mp_fieldset select {
    background-image: url("../images/down-arrow.png");
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: initial;
}

.mpsellervacation-form .fieldset.wk_mp_fieldset .form-item {
    margin-bottom: 15px;
}

.mpsellervacation-form .fieldset.wk_mp_fieldset label {
    color: #555555;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.mpsellervacation-form .fieldset.wk_mp_fieldset .mpsellervacation-form-left {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .mpsellervacation-form .fieldset.wk_mp_fieldset .mpsellervacation-form-left {
        width: 50%;
        padding-right: 30px;
    }
}

.mpsellervacation-form .fieldset.wk_mp_fieldset .mpsellervacation-form-right {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .mpsellervacation-form .fieldset.wk_mp_fieldset .mpsellervacation-form-right {
        width: 50%;
        padding-left: 30px;
    }
}

.mpsellervacation-form .button.wk-mp-btn {
    padding: 6px 35px;
    border-radius: 20px !important;
    color: #555555;
    border: 1px solid #c1cc00;
    background-color: #c1cc00;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    box-shadow: none;
    outline: none;
}

.mpsellervacation-form .button.wk-mp-btn:hover {
    color: #ffffff !important;
    background-color: #c1cc00 !important;
}

.mypreferences-container.white-bg-box {
    border-radius: 15px;
    padding: 30px;
}

/* model popup */

.modals-wrapper .modal-inner-wrap {
    min-height: unset !important;
    max-height: 98%;
}

.modals-wrapper .modal-popup.modal-slide {
    left: 0;
    right: 0;
}

.modals-wrapper .modal-slide,
.modals-wrapper .modal-popup {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    font-size: 14px;
}

.modals-wrapper .modal-slide input[type="submit"],
.modals-wrapper .modal-popup input[type="submit"] {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px !important;
    color: #555555;
    border: 1px solid #c1cc00;
    outline: none;
    font-weight: normal;
    float: none;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    line-height: 1.5;
}

.modals-wrapper .modal-slide input[type="submit"]:hover,
.modals-wrapper .modal-popup input[type="submit"]:hover {
    background-color: #999999;
    color: #ffffff;
}

.modals-wrapper .modal-slide .action-close,
.modals-wrapper .modal-popup .action-close {
    padding: 2px 0;
    line-height: 1;
    font-size: 40px;
    outline: none;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .modals-wrapper .modal-slide .action-close,
    .modals-wrapper .modal-popup .action-close {
        top: 0px;
        right: 15px;
    }
}

.modals-wrapper .modal-slide .action-close::before,
.modals-wrapper .modal-popup .action-close::before {
    font-size: 40px;
    outline: none;
    line-height: 1;
    color: #656565;
}

@media screen and (min-width: 768px) {
    .modals-wrapper .modal-slide .action-close::before,
    .modals-wrapper .modal-popup .action-close::before {
        color: #ffffff;
    }
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap {
    max-width: 640px;
    background: transparent;
    box-shadow: none;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-height: 96%;
}

@media screen and (min-width: 768px) {
    .modals-wrapper .modal-popup.medium .modal-inner-wrap {
        padding-right: 40px;
        max-width: 800px;
        padding-left: 40px;
    }
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-header {
    background-color: transparent;
    padding: 0;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content {
    background-color: #ffffff;
    padding-top: 20px;
    border-radius: 15px;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    border: none !important;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel::after,
.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel::before {
    content: " ";
    display: table;
    width: 0;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel::after {
    clear: both;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel>h2 {
    text-align: center;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #c1cc00;
    font-weight: 400;
    max-width: 250px;
    width: 100%;
    font-size: 22px;
    font-family: "Ubuntu", sans-serif;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel .form-group {
    margin-bottom: 20px;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel .form-group input[type="file"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 3px 0;
    cursor: pointer;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-content #profileEditModel input[type="submit"] {
    float: right;
}

.modals-wrapper .modal-popup.medium .modal-inner-wrap .modal-footer {
    padding: 0;
    border: none;
    background: #ffffff;
}

.modals-wrapper .modal-popup.large.image-type .modal-inner-wrap {
    width: 85%;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap {
    background: transparent;
    box-shadow: none;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-height: 96%;
    max-width: 1024px;
}

@media screen and (min-width: 768px) {
    .modals-wrapper .modal-popup.large .modal-inner-wrap {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-header {
    background-color: transparent;
    padding: 0;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content {
    background-color: #ffffff;
    padding-top: 20px;
    border-radius: 15px;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    border: none !important;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel::after,
.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel::before {
    content: " ";
    display: table;
    width: 0;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel::after {
    clear: both;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel>h2 {
    text-align: center;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #c1cc00;
    font-weight: 600;
    max-width: 250px;
    width: 100%;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel .form-group {
    margin-bottom: 20px;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel .form-group input[type="file"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 3px 0;
    cursor: pointer;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-content #profileEditModel input[type="submit"] {
    float: right;
}

.modals-wrapper .modal-popup.large .modal-inner-wrap .modal-footer {
    padding: 0;
    border: none;
    background: #ffffff;
}

.modals-wrapper .modal-popup.small .modal-inner-wrap {
    max-width: 360px;
}

.modals-wrapper #offer-popup,
.modals-wrapper #deleteConfirmProd {
    text-align: center;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.modals-wrapper #offer-popup h2,
.modals-wrapper #deleteConfirmProd h2 {
    margin-bottom: 30px;
}

.modals-wrapper #offer-popup input[type="checkbox"],
.modals-wrapper #deleteConfirmProd input[type="checkbox"] {
    margin-bottom: 30px;
}

.modals-wrapper #offer-popup #offerForm input,
.modals-wrapper #offer-popup #delete_conversation input,
.modals-wrapper #deleteConfirmProd #offerForm input,
.modals-wrapper #deleteConfirmProd #delete_conversation input {
    margin-bottom: 15px;
    width: 100%;
}

.modals-wrapper #offer-popup #offerForm input[type="submit"],
.modals-wrapper #offer-popup #delete_conversation input[type="submit"],
.modals-wrapper #deleteConfirmProd #offerForm input[type="submit"],
.modals-wrapper #deleteConfirmProd #delete_conversation input[type="submit"] {
    min-width: 200px;
    width: auto;
}

.modals-wrapper #offer-popup #offerForm input[type="submit"]:hover,
.modals-wrapper #offer-popup #delete_conversation input[type="submit"]:hover,
.modals-wrapper #deleteConfirmProd #offerForm input[type="submit"]:hover,
.modals-wrapper #deleteConfirmProd #delete_conversation input[type="submit"]:hover {
    background-color: #787878;
    color: #ffffff;
}

.modals-wrapper #offer-popup #offerForm.disable input[type="submit"],
.modals-wrapper #offer-popup #delete_conversation.disable input[type="submit"],
.modals-wrapper #deleteConfirmProd #offerForm.disable input[type="submit"],
.modals-wrapper #deleteConfirmProd #delete_conversation.disable input[type="submit"] {
    pointer-events: none;
    opacity: .7;
}

.modals-wrapper #offer-popup #offerForm.disable input[type="submit"]:hover,
.modals-wrapper #offer-popup #delete_conversation.disable input[type="submit"]:hover,
.modals-wrapper #deleteConfirmProd #offerForm.disable input[type="submit"]:hover,
.modals-wrapper #deleteConfirmProd #delete_conversation.disable input[type="submit"]:hover {
    background-color: #c1cc00;
    color: #555555;
}

.modals-wrapper #offer-popup .cancel-btnpp,
.modals-wrapper #deleteConfirmProd .cancel-btnpp {
    cursor: pointer;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.modals-wrapper #offer-popup .cancel-btnpp:hover,
.modals-wrapper #deleteConfirmProd .cancel-btnpp:hover {
    color: #c1cc00;
}

.modals-wrapper #deleteConfirmProd {
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.modals-wrapper #deleteConfirmProd h3 {
    font-size: 32px;
    color: #c1cc00;
    line-height: 1.2;
    font-weight: 500;
    max-width: 460px;
    padding-bottom: 35px;
}

.modals-wrapper #deleteConfirmProd .cancel-btnpp {
    margin-top: 10px;
}

.modals-wrapper #deleteConfirmSeller {
    max-width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.modals-wrapper #deleteConfirmSeller h2 {
    font-size: 32px;
    color: #c1cc00;
    line-height: 1.2;
    font-weight: 500;
    max-width: 460px;
    padding-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

.modals-wrapper #deleteConfirmSeller #delete_selller {
    margin-top: 20px;
}

.modals-wrapper #deleteConfirmSeller .cancel-btnpp {
    margin-top: 10px;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer {
    background: transparent;
    box-shadow: none;
    margin: auto;
    width: 96%;
    max-width: 960px;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-header {
    background-color: transparent;
    padding: 0;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-header .action-close {
    z-index: 99;
    top: 18px;
    right: 10px;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-header .action-close::before {
    color: #999999;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-header .action-close:hover::before {
    color: #000000;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content {
    background-color: #ffffff;
    padding: 0;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    border: none !important;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content .custom-header {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding: 25px 10px;
}

@media screen and (min-width: 768px) {
    .modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content .custom-header {
        padding: 25px 30px;
    }
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content .custom-header p.back-link {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
    color: #cccccc;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content .custom-header .query-heading-comm {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2rem;
    color: #787878;
    font-weight: 700;
    text-align: center;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content .custom-content {
    padding: 50px 20px;
    background-color: #f7f7f7;
    text-align: center;
    font-size: 16px;
    color: #787878;
}

@media screen and (min-width: 768px) {
    .modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content .custom-content {
        padding: 80px 30px;
    }
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form {
    position: relative;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .empty-msg {
    top: 0;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    padding: 10px 0px;
}

@media screen and (min-width: 768px) {
    .modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field {
        padding: 10px 30px;
    }
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field textarea {
    border: none;
    box-shadow: none;
    outline: none;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box .new_attachment {
    display: none;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box.image-upload-field {
    overflow: unset;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box input {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box .fas,
.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box .fa {
    color: #bbbbbb;
    font-size: 18px;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box .fas:hover,
.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .input-box .fa:hover {
    color: #c1cc00;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder #otherimages {
    display: none;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-content #ask-form .form-list.field .button-holder .button {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #c1cc00;
    overflow: hidden;
}

.modals-wrapper .modal-popup .modal-inner-wrap.new-message-outer .modal-footer {
    display: none;
}

.account.marketplace-product-add .modal-slide,
.account.marketplace-product-edit .modal-slide {
    left: 0;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap {
    max-width: 640px;
    background: transparent;
    box-shadow: none;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: auto;
    max-height: 96%;
}

@media screen and (min-width: 768px) {
    .account.marketplace-product-add .modal-slide .modal-inner-wrap,
    .account.marketplace-product-edit .modal-slide .modal-inner-wrap {
        padding-right: 40px;
        max-width: 850px;
        padding-left: 40px;
    }
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .image-panel-preview,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .image-panel-preview {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .account.marketplace-product-add .modal-slide .modal-inner-wrap .image-panel-preview,
    .account.marketplace-product-edit .modal-slide .modal-inner-wrap .image-panel-preview {
        width: 60%;
    }
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .image-panel-controls,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .image-panel-controls {
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .account.marketplace-product-add .modal-slide .modal-inner-wrap .image-panel-controls,
    .account.marketplace-product-edit .modal-slide .modal-inner-wrap .image-panel-controls {
        margin: 0;
        width: 40%;
        padding: 15px 0 15px 20px;
    }
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .image-panel-controls .fieldset-image-panel,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .image-panel-controls .fieldset-image-panel {
    padding: 0;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .image-panel-controls .fieldset-image-panel ul,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .image-panel-controls .fieldset-image-panel ul {
    list-style: none;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-header,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-header {
    background-color: transparent;
    padding: 0;
    border: none;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-header .modal-title,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-header .modal-title {
    display: none;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content {
    background-color: #ffffff;
    padding-top: 20px;
    border-radius: 15px;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    border: none !important;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content .image-panel,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content .image-panel {
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel::after,
.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel::before,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel::after,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel::before {
    content: " ";
    display: table;
    width: 0;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel::after,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel::after {
    clear: both;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel>h2,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel>h2 {
    text-align: center;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #c1cc00;
    font-weight: 400;
    max-width: 250px;
    width: 100%;
    font-size: 22px;
    font-family: "Ubuntu", sans-serif;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel .form-group,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel .form-group {
    margin-bottom: 20px;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel .form-group input[type="file"],
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel .form-group input[type="file"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 3px 0;
    cursor: pointer;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-content #profileEditModel input[type="submit"],
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-content #profileEditModel input[type="submit"] {
    float: right;
}

.account.marketplace-product-add .modal-slide .modal-inner-wrap .modal-footer,
.account.marketplace-product-edit .modal-slide .modal-inner-wrap .modal-footer {
    padding: 0;
    border: none;
    background: #ffffff;
}

.checkout-index-index .modal-slide {
    left: 0;
}

.checkout-index-index .modal-slide .modal-inner-wrap {
    max-width: 640px;
    background: transparent;
    box-shadow: none;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    height: auto;
    max-height: 96%;
    background: #ffffff;
    padding-top: 20px;
    border-radius: 15px;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .checkout-index-index .modal-slide .modal-inner-wrap {
        padding-right: 40px;
        max-width: 850px;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 40px;
    }
}

.checkout-index-index .modal-slide .modal-inner-wrap .form-shipping-address {
    max-width: 100%;
    padding-right: 5px;
}

.checkout-index-index .modal-slide .modal-inner-wrap .image-panel-preview {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .checkout-index-index .modal-slide .modal-inner-wrap .image-panel-preview {
        width: 60%;
    }
}

.checkout-index-index .modal-slide .modal-inner-wrap .image-panel-controls {
    width: 100%;
    padding: 20px 0 0;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .checkout-index-index .modal-slide .modal-inner-wrap .image-panel-controls {
        margin: 0;
        width: 40%;
        padding: 15px 0 15px 20px;
    }
}

.checkout-index-index .modal-slide .modal-inner-wrap .image-panel-controls .fieldset-image-panel {
    padding: 0;
}

.checkout-index-index .modal-slide .modal-inner-wrap .image-panel-controls .fieldset-image-panel ul {
    list-style: none;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-header {
    background-color: transparent;
    border: none;
    padding: 0;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-header .modal-title {
    border-bottom: none;
    font-weight: 600;
    padding-bottom: 15px;
    font-size: 30px;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content {
    border: none !important;
    padding: 0;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content .image-panel {
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel::after,
.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel::before {
    content: " ";
    display: table;
    width: 0;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel::after {
    clear: both;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel>h2 {
    text-align: center;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #c1cc00;
    font-weight: 400;
    max-width: 250px;
    width: 100%;
    font-size: 22px;
    font-family: "Ubuntu", sans-serif;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel .form-group {
    margin-bottom: 20px;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel .form-group input[type="file"] {
    width: 100%;
    border: 1px solid #ccc;
    padding: 3px 0;
    cursor: pointer;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-content #profileEditModel input[type="submit"] {
    float: right;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer {
    border: none;
    background: #ffffff;
    text-align: center;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer .action-save-address,
.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer .action-hide-popup {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 140px;
    text-align: center;
    border-radius: 20px !important;
    color: #555555;
    border: 1px solid #c1cc00;
    outline: none;
    font-weight: normal;
    float: none;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    line-height: 1.5;
    margin-top: 5px;
    margin-left: 3px;
    text-decoration: none;
    margin-right: 3px;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer .action-save-address:hover,
.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer .action-hide-popup:hover {
    background-color: #999999;
    border: 1px solid #999999;
    color: #ffffff;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer .action-hide-popup {
    background-color: #999999;
    border: 1px solid #999999;
    color: #ffffff;
}

.checkout-index-index .modal-slide .modal-inner-wrap .modal-footer .action-hide-popup:hover {
    background-color: #555555;
    border: 1px solid #555555;
    color: #ffffff;
}

.upload-image {
    position: absolute;
    bottom: 100%;
    left: 50%;
    min-width: 50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.offer-links a#askque {
    display: block;
}

#review-form h3 {
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    color: #c1cc00;
    padding-bottom: 15px;
    font-size: 30px;
}

#review-form #product-review-table {
    padding: 15px 0;
}

#review-form #product-review-table>div {
    text-align: center;
}

#review-form #product-review-table>div span.value {
    position: relative;
    margin: 0 4px;
    font-size: 20px;
}

#review-form #product-review-table>div span.value input.radio {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

#review-form #product-review-table>div span.value i.fas {
    color: #c1cc00;
    opacity: .35;
    -ms-transition: all 0.32s ease-in-out;
    -o-transition: all 0.32s ease-in-out;
    -moz-transition: all 0.32s ease-in-out;
    -webkit-transition: all 0.32s ease-in-out;
    transition: all 0.32s ease-in-out;
}

#review-form #product-review-table>div span.value.star-active i.fas,
#review-form #product-review-table>div span.value:hover i.fas {
    opacity: 1;
}

#review-form #input-message-box {
    text-align: center;
    color: #777777;
}

#review-form .field {
    margin-bottom: 10px;
}

#review-form .field label.label {
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}

#review-form .buttons-set {
    text-align: center;
}

#review-form .buttons-set button.button {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    box-shadow: none;
    outline: none;
}

#review-form .buttons-set button.button:focus,
#review-form .buttons-set button.button:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

/* box box-address-billing */

.box.box-address-billing .box-content.white-bg-box,
.box.box-address-shipping .box-content.white-bg-box {
    padding: 20px;
    border-radius: 15px;
    color: #787878;
}

.box.box-address-billing .box-content.white-bg-box a,
.box.box-address-shipping .box-content.white-bg-box a {
    color: #787878;
}

.box.box-address-billing .box-content.white-bg-box a:hover,
.box.box-address-shipping .box-content.white-bg-box a:hover {
    color: #c1cc00;
}

.box.box-address-billing .box-content.white-bg-box .box-actions,
.box.box-address-shipping .box-content.white-bg-box .box-actions {
    padding-top: 15px;
}

.box.box-address-billing .box-content.white-bg-box .box-actions button.link-edit,
.box.box-address-shipping .box-content.white-bg-box .box-actions button.link-edit {
    display: inline-block;
    border: 1px solid #c1cc00;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    background-color: transparent;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    font-weight: normal;
    box-shadow: none;
}

.box.box-address-billing .box-content.white-bg-box .box-actions button.link-edit a,
.box.box-address-shipping .box-content.white-bg-box .box-actions button.link-edit a {
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #c1cc00;
    line-height: 1;
    display: block;
    text-decoration: none;
}

.box.box-address-billing .box-content.white-bg-box .box-actions button.link-edit:hover,
.box.box-address-shipping .box-content.white-bg-box .box-actions button.link-edit:hover {
    background-color: #c1cc00 !important;
}

.box.box-address-billing .box-content.white-bg-box .box-actions button.link-edit:hover a,
.box.box-address-shipping .box-content.white-bg-box .box-actions button.link-edit:hover a {
    color: #ffffff !important;
}

.form-address-edit .edit-address.white-bg-box,
.form-address-edit .edit-address.white-bg-box {
    padding: 20px;
    border-radius: 15px;
}

.form-address-edit .edit-address.white-bg-box>.field,
.form-address-edit .edit-address.white-bg-box>.field {
    padding-bottom: 20px;
}

.form-address-edit .edit-address.white-bg-box>.field .nested .field.additional,
.form-address-edit .edit-address.white-bg-box>.field .nested .field.additional {
    padding-top: 10px;
}

.form-address-edit .actions-toolbar {
    text-align: right;
}

.form-address-edit .actions-toolbar .primary {
    float: none;
}

.form-address-edit .actions-toolbar .primary button.action {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
}

.form-address-edit .actions-toolbar .primary button.action:focus,
.form-address-edit .actions-toolbar .primary button.action:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.mypreferences-container p {
    color: #787878;
}

.mypreferences-container form .white-bg-box.preference-form {
    border-radius: 15px;
    padding: 30px 20px;
}

.mypreferences-container form .white-bg-box.preference-form .field-wrapper {
    padding-top: 15px;
}

@media screen and (min-width: 768px) {
    .mypreferences-container form .white-bg-box.preference-form .field-wrapper {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
}

@media screen and (min-width: 768px) {
    .mypreferences-container form .white-bg-box.preference-form .form-left,
    .mypreferences-container form .white-bg-box.preference-form .form-right {
        width: 50%;
    }
}

.mypreferences-container form .white-bg-box.preference-form .form-left .form-group.form-item,
.mypreferences-container form .white-bg-box.preference-form .form-right .form-group.form-item {
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .mypreferences-container form .white-bg-box.preference-form .form-left {
        padding-right: 30px;
    }
}

@media screen and (min-width: 768px) {
    .mypreferences-container form .white-bg-box.preference-form .form-right {
        padding-left: 30px;
    }
}

.mypreferences-container form .white-bg-box.preference-form>.field {
    padding-bottom: 20px;
}

.mypreferences-container form .white-bg-box.preference-form>.field .nested .field.additional {
    padding-top: 10px;
}

.mypreferences-container form .form-group.form-action {
    text-align: right;
    float: none;
    padding-top: 20px;
}

.mypreferences-container form .form-group.form-action button.btn {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555 !important;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    box-shadow: none;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    width: auto;
    text-transform: initial;
}

.mypreferences-container form .form-group.form-action button.btn:focus,
.mypreferences-container form .form-group.form-action button.btn:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.form-wishlist-items .message.info.empty {
    max-width: 452px;
    margin: auto;
    font-size: 14px;
}

.message.info {
    background: #c1cc00;
    color: #555555;
}

.message.info>*:first-child:before {
    color: #555555;
}

body.wishlist-index-index .page-main div.column.main {
    width: 100%;
    padding-left: 0;
    max-width: 100%;
    float: none;
}

body.wishlist-index-index .page-main .products-grid .product-items {
    margin-left: -15px;
    margin-right: -15px;
}

.products-grid.wishlist .product-items {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    margin-left: -15px;
    margin-right: -15px;
}

.products-grid.wishlist .product-items .product-item {
    margin: 0;
    padding: 0 15px 30px;
    width: 100%;
}

@media screen and (min-width: 480px) {
    .products-grid.wishlist .product-items .product-item {
        width: 50%;
    }
}

@media screen and (min-width: 640px) {
    .products-grid.wishlist .product-items .product-item {
        width: 33.3333%;
    }
}

@media screen and (min-width: 992px) {
    .products-grid.wishlist .product-items .product-item {
        width: 25%;
    }
}

.products-grid.wishlist .product-items .product-item .product-item-info {
    border: none;
    text-align: center;
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.products-grid.wishlist .product-items .product-item .product-item-info a.product-item-photo {
    margin-left: -15px;
    margin-right: -15px;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-image-container {
    width: 100% !important;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-image-wrapper {
    padding: 0 0 75% !important;
    position: relative;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-image-wrapper::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M256,96C144.341,96,47.559,161.021,0,256c47.559,94.979,144.341,160,256,160c111.656,0,208.439-65.021,256-160 C464.441,161.021,367.656,96,256,96z M382.225,180.852c30.082,19.187,55.572,44.887,74.719,75.148 c-19.146,30.261-44.639,55.961-74.719,75.148C344.428,355.257,300.779,368,256,368c-44.78,0-88.428-12.743-126.225-36.852 c-30.08-19.188-55.57-44.888-74.717-75.148c19.146-30.262,44.637-55.962,74.717-75.148c1.959-1.25,3.938-2.461,5.929-3.65 C130.725,190.866,128,205.613,128,221c0,70.691,57.308,128,128,128c70.691,0,128-57.309,128-128 c0-15.387-2.725-30.134-7.703-43.799C378.285,178.39,380.266,179.602,382.225,180.852z M256,205c0,26.51-21.49,48-48,48 s-48-21.49-48-48s21.49-48,48-48S256,178.49,256,205z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-image-wrapper img {
    width: 100%;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-name a {
    text-decoration: none;
    font-size: 15px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #555555;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-name a:hover {
    color: #c1cc00;
}

.products-grid.wishlist .product-items .product-item .product-item-info .price-box .price {
    color: #c1cc00;
    font-size: 18px;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
    width: 36px;
    height: 36px;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .field.comment-box,
.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .box-tocart {
    display: none;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions {
    width: 36px;
    height: 36px;
    margin: 0;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions a.action.edit {
    display: none;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .btn-remove.delete {
    font-size: 0;
    color: transparent;
    height: 36px;
    width: 36px;
    display: block;
    margin: 0 0 0 auto;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .btn-remove.delete::after,
.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .btn-remove.delete:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    height: 2px;
    background: #ffffff;
    width: 26px;
    display: block;
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .btn-remove.delete::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.products-grid.wishlist .product-items .product-item .product-item-info .product-item-inner .product-item-actions .btn-remove.delete:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.products-grid.wishlist .product-items .product-item .product-item-info:hover,
.products-grid.wishlist .product-items .product-item .product-item-info:focus {
    box-shadow: none;
}

.products-grid.wishlist .product-items .product-item .product-item-info:hover .product-image-wrapper::after,
.products-grid.wishlist .product-items .product-item .product-item-info:focus .product-image-wrapper::after {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.35);
}

body .wk-mp-fieldset.info {
    overflow: unset;
}

@media screen and (min-width: 992px) {
    .favourite-sellerseller-outer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.favourite-sellerseller-outer .item {
    margin-bottom: 20px;
}

.favourite-sellerseller-outer .item-inner {
    padding: 15px;
    border-radius: 15px;
    overflow: hidden;
}
.favourite-sellerseller-outer .item-inner a.remove-seller {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.favourite-sellerseller-outer .item-inner a.remove-seller i {
    font-size: 24px;
    color: #212529;
    font-weight: 500;
}

.favourite-sellerseller-outer .item-inner .image-wrapper {
    width: 100%;
    max-width: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
    position: relative;
}

.favourite-sellerseller-outer .item-inner .image-wrapper::after {
    content: "";
    display: block;
    padding: 0 0 100%;
    width: 100%;
}

.favourite-sellerseller-outer .item-inner .image-wrapper img {
    max-width: 100px;
    height: auto;
    position: absolute;
    min-height: 100px;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.favourite-sellerseller-outer .item-inner .text-wrapper {
    padding-top: 10px;
}

.favourite-sellerseller-outer .item-inner .text-wrapper .title {
    padding-bottom: 15px;
}

.favourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a {
    display: inline-block;
    color: #555555;
    padding: 7px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
}

.favourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a:focus,
.favourite-sellerseller-outer .item-inner .text-wrapper .favourite-seller-link a:hover {
    background-color: #999999;
    color: #ffffff;
}

.favourite-sellerseller-outer .item-inner .text-wrapper .modify-link {
    padding-top: 10px;
}

.favourite-sellerseller-outer .item-inner .text-wrapper .modify-link a {
    color: #999999;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.favourite-sellerseller-outer .item-inner .text-wrapper .modify-link a:hover,
.favourite-sellerseller-outer .item-inner .text-wrapper .modify-link a:focus {
    color: #c1cc00;
}

h2.wk-mp-error-msg {
    text-align: center;
    font-size: 16px;
    color: #555555;
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 768px) {
    .request-outer {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        margin-left: -15px;
        margin-right: -15px;
    }
    .request-outer>.fieldset {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.request-outer .fieldset>form {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 15px;
}

.request-outer .fieldset>form .actions-toolbar {
    text-align: right;
}

.request-outer .fieldset>form .actions-toolbar .primary {
    width: 100%;
}

.request-outer .fieldset>form .actions-toolbar .primary button.button {
    display: inline-block;
    border: 1px solid #999999;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    margin-right: 0;
    background-color: transparent;
    width: auto;
    outline: none;
}

.request-outer .fieldset>form .actions-toolbar .primary button.button:focus,
.request-outer .fieldset>form .actions-toolbar .primary button.button:hover {
    background-color: #c1cc00;
    color: #ffffff;
    border: 1px solid #c1cc00;
}

body .wk-orderbox {
    border-radius: 0;
    border: none;
    width: 100%;
    margin: 0;
}

.col-2-fields-wrapper {
    padding: 10px 0;
    border-radius: 15px;
}

@media screen and (min-width: 768px) {
    .col-2-fields-wrapper {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
}

.col-2-fields-wrapper .form-right,
.col-2-fields-wrapper .form-left {
    padding: 10px 20px;
}

@media screen and (min-width: 768px) {
    .col-2-fields-wrapper .form-right,
    .col-2-fields-wrapper .form-left {
        width: 50%;
    }
}

.outer-button-outer {
    text-align: right;
    padding-top: 20px;
}

.outer-button-outer button.button {
    display: inline-block;
    border: 1px solid #999999;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    margin-right: 0;
    background-color: transparent;
    width: auto;
    outline: none;
}

.outer-button-outer button.button:focus,
.outer-button-outer button.button:hover {
    background-color: #c1cc00;
    color: #ffffff;
    border: 1px solid #c1cc00;
}

.sidebar {
    margin-bottom: 30px;
}

.sidebar #block-collapsible-nav {
    display: none;
}

.sidebar>.nav.item {
    padding-top: 10px;
}

.sidebar>.nav.item a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    cursor: pointer;
    color: #555555;
    line-height: 1;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.sidebar>.nav.item a::before {
    content: "\f191";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-right: 10px;
}

.sidebar>.nav.item a:hover,
.sidebar>.nav.item a:focus {
    color: #c1cc00;
}

.sidebar .sidebar-title h2 {
    position: relative;
    color: #555555;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 10px;
    border-bottom: none;
    font-size: 16px;
}

.sidebar .sidebar-title h2 a.edit {
    color: #c1cc00;
}

.sidebar .sidebar-title h2::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    display: block;
    left: 0;
    margin-top: 4px;
}

.sidebar .module-filter-lists {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px;
}

.sidebar .module-filter-lists h3 {
    font-size: 14px;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    text-transform: none;
    font-family: "Ubuntu", sans-serif;
    cursor: pointer;
    font-weight: normal;
    margin: 0 0 10px;
}

.sidebar .module-filter-lists h3::after {
    content: "";
    display: block;
    position: static;
    border-bottom: 2px solid #c1cc00;
    width: 30px;
    margin-top: 3px;
}

.sidebar .module-filter-lists>.o-list {
    display: block;
    font-size: 13px;
}

.sidebar .module-filter-lists>.o-list li {
    border: none;
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    line-height: 1.1;
    padding-left: 12px;
}

.sidebar .module-filter-lists>.o-list li.active>a {
    font-weight: 600;
}

.sidebar .module-filter-lists>.o-list li .expand {
    width: 12px;
    margin-left: -12px;
    margin-bottom: auto;
    color: #767676;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 1px;
}

.sidebar .module-filter-lists>.o-list li .expand:hover {
    color: #c1cc00;
}

.sidebar .module-filter-lists>.o-list li.level0>.expand {
    font-size: 15px;
    line-height: 13px;
}

.sidebar .module-filter-lists>.o-list li a {
    color: #494949;
    text-decoration: none;
    max-width: calc(100% - 20px);
    margin-right: auto;
    padding-left: 0;
    display: block !important;
}

.sidebar .module-filter-lists>.o-list li a:hover,
.sidebar .module-filter-lists>.o-list li a:focus {
    color: #c1cc00;
}

.sidebar .module-filter-lists>.o-list li>ul {
    width: 100%;
}

.marketplace-product-create.account .page-wrapper .column.main,
.mpsellerbuyercommunication-customer-history.account .page-wrapper .column.main,
.mpsellerbuyercommunication-seller-history.account .page-wrapper .column.main {
    max-width: 100%;
    width: 100%;
}

button.border-link {
    font-weight: normal;
    background: transparent;
    margin-top: 20px;
    outline: none;
    box-shadow: none;
}

button.border-link:hover {
    background-color: #c1cc00;
    box-shadow: none;
}

.sidebar .walletsystemnav ul.nav {
    position: relative;
    width: 100%;
    padding-left: 10px;
    background-color: transparent;
    border: none;
    font-size: .9em;
    margin-left: 0;
}

.sidebar .walletsystemnav ul.nav li {
    margin-top: 0;
}

.sidebar .walletsystemnav ul.nav a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.emojionearea.queryquestion.wk-contact_input_fields.required-entry {
    box-shadow: none;
    border: none;
}

.emojionearea.queryquestion.wk-contact_input_fields.required-entry .emojionearea-button {
    top: 50%;
    margin-top: -13px;
}

#ask-form {
    padding: 30px 10px;
    width: 100%;
    background-color: #ffffff;
}

@media screen and (min-width: 768px) {
    #ask-form {
        padding: 30px 60px;
    }
}

.emojionearea .emojionearea-editor {
    min-height: auto !important;
    max-height: auto !important;
}

.customer-account-logoutsuccess p,
.cart-empty {
    padding-top: 30px;
}

.customer-account-logoutsuccess p,
.cart-empty p {
    text-align: center;
    font-size: 14px;
    color: #787878;
}

.cart-empty p a {
    font-size: 14px;
    color: #787878;
    text-decoration: none;
}

.cart-empty p a:hover,
.cart-empty p a:focus {
    color: #c1cc00;
}

button.action-select-shipping-item {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    box-shadow: none;
    outline: none;
}

button.action-select-shipping-item:hover,
button.action-select-shipping-item:focus {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.checkout-success {
    text-align: center;
    padding-top: 30px;
}

.checkout-success p {
    text-align: center;
    font-size: 14px;
    color: #787878;
}

.checkout-success p a {
    font-size: 14px;
    color: #787878;
    text-decoration: none;
}

.checkout-success p a:hover,
.checkout-success p a:focus {
    color: #c1cc00;
}

.checkout-success .actions-toolbar {
    text-align: center;
    display: inline-block;
    padding-top: 15px;
}

.checkout-success a.continue {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    box-shadow: none;
    outline: none;
}

.checkout-success a.continue:hover,
.checkout-success a.continue:focus {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.checkout-onepage-success .page-title-wrapper a {
    display: none;
}

.order-details-items #my-orders-table tbody {
    border-bottom: 1px solid #787878;
}

.opc-wrapper .form-login {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0px;
    margin-top: 0px;
}

.opc-wrapper .form-shipping-address {
    margin-top: 0px;
}

.opc-block-summary .items-in-cart>.title::after {
    font-size: 34px;
}

@media screen and (max-width: 767px) {
    .transfer-amount {
        left: 0px !important;
    }
}

.transfer-amount .modal-header {
    max-width: 100%;
    margin: 0px;
}

.transfer-amount .modal-header h1 {
    position: relative;
    display: block;
    color: #57576a !important;
    font-weight: normal !important;
    font-size: 2rem !important;
    margin-bottom: 5px !important;
    padding-bottom: 10px !important;
    font-family: "Ubuntu", sans-serif !important;
    border-bottom: none;
}

.transfer-amount .modal-header h1:after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    display: block;
    left: 0;
}

@media screen and (max-width: 767px) {
    .transfer-amount .modal-header button.action-close:before {
        color: #000000;
    }
}

@media screen and (min-width: 768px) {
    .transfer-amount .modal-header button.action-close {
        right: -40px;
    }
}

.transfer-amount .modal-inner-wrap {
    background-color: #f4f4f4;
    -ms-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 767px) {
    .transfer-amount .modal-inner-wrap {
        margin: auto !important;
    }
}

.transfer-amount .modal-content {
    padding: 2rem 5rem !important;
}

.transfer-amount .modal-content .fieldset div {
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .transfer-amount .modal-footer {
        padding: 0px;
        margin: auto;
    }
}

.transfer-amount .modal-footer .button {
    min-width: 160px;
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    float: none;
}

.transfer-amount .modal-footer .button:hover,
.transfer-amount .modal-footer .button:focus {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.transfer-amount .modal-footer .reset {
    min-width: 160px;
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    float: none;
}

.transfer-amount .modal-footer .reset:hover,
.transfer-amount .modal-footer .reset:focus {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

#profileEditForm label {
    font-family: "Ubuntu", sans-serif;
}

#profileEditForm input,
#profileEditForm textarea {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
}

#profileEditForm textarea {
    color: #787878;
    font-style: italic;
}

#profileEditForm textarea::-moz-placeholder {
    color: #787878;
    opacity: 1;
}

#profileEditForm textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #787878;
}

#profileEditForm textarea:-ms-input-placeholder {
    opacity: 1;
    color: #787878;
}

#profileEditForm textarea::-ms-input-placeholder {
    opacity: 1;
    color: #787878;
}

#profileEditForm textarea:focus::-moz-placeholder {
    opacity: 1;
}

#profileEditForm textarea:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1;
}

#profileEditForm textarea:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1;
}

#profileEditForm textarea:focus::-ms-input-placeholder {
    opacity: 1;
}

.df-classic#dfclassic {
    width: 90% !important;
    max-width: 940px;
    margin-left: auto !important;
    margin-right: auto !important;
    left: 218px !important;
    top: 60px;
    right: 0;
}

.df-card__main .df-card__image {
    position: relative;
    padding: 0 0 100%;
}

.df-card__main .df-card__image img {
    display: block;
    height: 100%;
    left: 50%;
    top: 50%;
    margin: 0;
    max-width: none !important;
    position: absolute;
    width: auto !important;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    -webkit-object-fit: cover;
}

/*-----------------13-08-2019-------------------*/

@media screen and (max-width: 767px) {
    .toolbar-products .toolbar-sorter.sorter {
        clear: both;
        float: none;
        margin-left: auto;
        position: static;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        max-width: 230px;
        padding-top: 0;
        align-items: center;
        -webkit-align-items: center;
        -ms-align-items: center;
    }
}

@media screen and (max-width: 767px) and (max-width: 349px) {
    .toolbar-products .toolbar-sorter.sorter {
        max-width: 200px;
    }
}

.toolbar-products .toolbar-sorter.sorter label {
    font-size: 13px;
    font-weight: 400;
    color: #555555;
    min-width: 56px;
    margin-top: .5rem;
}

@media screen and (max-width: 767px) {
    .toolbar-products .toolbar-sorter.sorter .sorter-options {
        width: 100%;
        max-width: 130px;
        font-size: 13px;
        padding: 5px 6px 4px;
    }
}

@media screen and (max-width: 349px) {
    .toolbar-products .toolbar-sorter.sorter .sorter-options {
        width: 100%;
        max-width: 130px;
        font-size: 13px;
        padding: 5px 6px 4px;
    }
}

@media screen and (max-width: 767px) {
    .df-mobile .df-mobile__wrapper .df-mobile__header {
        padding: 10px 20px;
        background-color: #ffffff;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__button {
        display: none;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox {
        -ms-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid #555555;
        color: #555555;
        height: 35px !important;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox input {
        height: 32px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 14px !important;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox input:hover,
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox input:focus {
        box-shadow: none;
        outline: none;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox button {
        -ms-border-radius: 20px !important;
        -webkit-border-radius: 20px !important;
        border-radius: 20px !important;
        color: #555555 !important;
        height: 32px !important;
        text-transform: lowercase;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox button[data-role="close"] {
        color: #000;
        width: 40px;
        font-size: 0;
        color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 12px;
        opacity: .6;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 212.982 212.982' style='enable-background:new 0 0 212.982 212.982;' xml:space='preserve'%3E%3Cg id='Close'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;' d='M131.804,106.491l75.936-75.936c6.99-6.99,6.99-18.323,0-25.312 c-6.99-6.99-18.322-6.99-25.312,0l-75.937,75.937L30.554,5.242c-6.99-6.99-18.322-6.99-25.312,0c-6.989,6.99-6.989,18.323,0,25.312 l75.937,75.936L5.242,182.427c-6.989,6.99-6.989,18.323,0,25.312c6.99,6.99,18.322,6.99,25.312,0l75.937-75.937l75.937,75.937 c6.989,6.99,18.322,6.99,25.312,0c6.99-6.99,6.99-18.322,0-25.312L131.804,106.491z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-mobile__searchbox button[data-role="clear"] {
        font-weight: normal;
    }
    .df-mobile .df-mobile__wrapper .df-mobile__header .df-header-title span {
        font-weight: normal;
        font-size: 16px;
        text-transform: unset;
    }
}

body .df-mobile[data-layout="grid"][data-browser-support~="cssgrid"] .df-mobile__content {
    padding: 15px 10px 0;
}

@media screen and (min-width: 480px) {
    body .df-mobile[data-layout="grid"][data-browser-support~="cssgrid"] .df-mobile__content {
        -ms-grid-columns: 33.3333% [3];
        grid-template-columns: repeat(3, 33.3333%);
    }
}

body .df-mobile[data-layout="grid"][data-browser-support~="cssgrid"] .df-mobile__content .df-card {
    background-color: transparent;
    padding: 5px;
}

body .df-mobile[data-layout="grid"][data-browser-support~="cssgrid"] .df-mobile__content .df-card a.df-card__main {
    padding: 0 0 10px;
    background-color: #ffffff;
}

body .df-mobile .df-mobile__wrapper {
    padding-bottom: 50px;
}

body .df-mobile .df-mobile__wrapper .df-mobile__action-button[data-role="close"] {
    width: 40px;
    height: 40px;
    bottom: 6px;
    left: 15px;
    background-color: #c1cc00;
    border-color: #c1cc00;
}

body .df-mobile .df-mobile__wrapper .df-mobile__action-button[data-role="close"] svg {
    height: 30px;
    width: 30px;
}

body .df-mobile .df-mobile__wrapper .df-mobile__action-button[data-role="scrolltop"] {
    width: 40px;
    height: 40px;
    bottom: 6px;
    right: 15px;
    background-color: #c1cc00;
    border-color: #c1cc00;
}

body .df-mobile .df-mobile__wrapper .df-mobile__action-button[data-role="scrolltop"] svg {
    height: 30px;
    width: 30px;
}

input.disable {
    background-color: #787878 !important;
    border-color: #787878 !important;
    color: #ffffff !important;
    cursor: not-allowed;
}

@media screen and (max-width: 767px) {
    .block-collapsible-nav {
        position: relative !important;
        top: 0 !important;
    }
}

.password-strength-meter {
    background-color: transparent;
    height: 32px;
    line-height: 32px;
    padding: 0 9px;
    position: relative;
    z-index: 1;
    font-size: 13px;
    color: #555555;
}

.form.password.forget .fieldset:after {
    display: none !important;
}

.cms-no-route.cms-noroute-index .maincontent .column.main {
    padding: 60px 20px;
    text-align: center;
}

.marketplace-product-add .add-article-section select,
.marketplace-product-edit .add-article-section select {
    background-image: url("../images/down-arrow.png") !important;
    background-size: 22px !important;
    background-position: center right 8px !important;
    background-repeat: no-repeat !important;
}

div#social-login-authentication .message-success.success.message {
    margin-bottom: 10px !important;
}

div#social-login-authentication .message-error.error.message {
    margin-bottom: 10px !important;
}

.block.social-login-authentication-channel.account-social-login .message-success.success.message {
    display: none;
}

.block.social-login-authentication-channel.account-social-login .message-error.error.message {
    display: none;
}

.page-products .breadcrumbs {
    padding-top: 50px;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 768px) {
    .page-products .breadcrumbs {
        margin-left: 0;
        max-width: calc(100% - 260px);
    }
    .page-products .breadcrumbs .item {
        position: relative;
        z-index: 2;
    }
}

.page-products .sorter {
    position: relative;
}

@media screen and (max-width: 767px) {
    .page-products .sorter {
        padding-top: 15px;
        right: 0;
    }
}

.page-products .products-grid .product-items {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .page-products .products-grid .product-items {
        margin-top: 0;
    }
}

@media screen and (min-width: 854px) and (max-width: 991px) {
    .cms-home .products-grid.grid .product-items .product-item {
        width: 33.3333% !important;
    }
}

.product-item .product-empty-info {
    color: #b91212;
    font-size: 18px;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .product-item .product-empty-info {
        width: 200%;
    }
}

@media screen and (min-width: 992px) {
    .product-item .product-empty-info {
        padding-left: 20px;
        margin-bottom: 10px;
        padding-bottom: 50%;
        padding-top: 50%;
        margin-top: 20px;
    }
}

.content-empty-msg {
    color: #b91212;
    font-size: 18px;
}

body .page-wrapper .page-main .products-grid.grid .product-items {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item {
    width: 100%;
    margin: 0 0 20px 0 !important;
    text-align: center;
    padding: 0 15px;
}

@media screen and (min-width: 768px) {
    body .page-wrapper .page-main .products-grid.grid .product-items .product-item {
        width: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    body .page-wrapper .page-main .products-grid.grid .product-items .product-item {
        width: 25% !important;
    }
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info {
    background-color: #ffffff;
    height: 100%;
    width: auto;
    display: block;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info a.product-item-photo {
    display: block;
    position: relative;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info a.product-item-photo .product-image-container {
    display: block;
    max-width: 100%;
    width: 100% !important;
    padding: 0px;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info a.product-item-photo .product-image-container .product-image-wrapper {
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-bottom: 100% !important;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info a.product-item-photo .product-image-container .product-image-wrapper .product-image-photo {
    display: block;
    height: 100%;
    left: 50%;
    top: 50%;
    margin: 0;
    max-width: none !important;
    position: absolute;
    width: auto !important;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    -webkit-object-fit: cover;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info:hover,
body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info:focus {
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details {
    text-align: center;
    position: relative;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details a.product-item-link {
    color: #555555 !important;
    text-decoration: none;
    font-size: 15px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details a.product-item-link:hover,
body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details a.product-item-link:focus {
    color: #c1cc00 !important;
    text-decoration: none;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details .price {
    color: #c1cc00;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details .product-item-inner {
    bottom: 108% !important;
    clip: none !important;
    margin: auto !important;
    margin: 0px !important;
    right: 0px !important;
    left: 0px !important;
    height: auto !important;
    background-color: rgba(193, 204, 0, 0.75);
    box-shadow: none;
    border: none;
    padding: 0px;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details .product-item-inner:before {
    display: none;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions {
    margin: 0px;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .action.primary {
    background: #ffffff !important;
    color: #c1cc00;
}

body .page-wrapper .page-main .products-grid.grid .product-items .product-item .product-item-info .product-item-details .product-item-actions {
    display: none;
}

.product-item-info {
    position: relative;
}

.product-item-info .price-circle {
    z-index: 2;
}

.price-circle {
    z-index: 2;
}

.product-item .product-item-details {
    padding-bottom: 15px;
    padding-top: 5px;
}

.product-item .product-item-details .price-box {
    margin-bottom: 5px;
    margin-top: 5px;
}

.product-item .product-item-details .seller-name {
    font-size: 13px;
    color: #787878;
    line-height: 1;
}

.product-item .product-item-details .seller-name p {
    display: inline-block;
}

/* home-page-product */

body.page-layout-1column .page-wrapper .page-main .product-col-4 .products-grid.grid .product-items .product-item {
    width: 100%;
}

@media screen and (min-width: 768px) {
    body.page-layout-1column .page-wrapper .page-main .product-col-4 .products-grid.grid .product-items .product-item {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .product-col-4 .products-grid.grid .product-items .product-item {
        width: 25%;
    }
}

body.page-layout-1column .page-wrapper .page-main .add-product-left>.add-product-inner {
    margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .add-product-left>.add-product-inner {
        margin-right: auto;
        margin-bottom: 0;
        position: relative;
        height: 0;
    }
    body.page-layout-1column .page-wrapper .page-main .add-product-left>.add-product-inner .home-product-add {
        margin-top: 1px;
    }
}

body.page-layout-1column .page-wrapper .page-main .add-product-left>.add-product-inner .home-product-add .row {
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .add-product-left .block.widget .products-grid.grid .product-items .product-item:first-child {
        margin-left: 50% !important;
    }
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .add-product-left .block.widget .products-grid.grid .product-items.first-rm .product-item:first-child {
        margin-left: 0 !important;
    }
}

body.page-layout-1column .page-wrapper .page-main .add-product-right {
    width: 100%;
}

body.page-layout-1column .page-wrapper .page-main .add-product-right>.add-product-inner {
    margin-bottom: 30px;
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .add-product-right>.add-product-inner {
        margin-left: auto;
        margin-bottom: 0;
        position: relative;
        height: 0;
    }
    body.page-layout-1column .page-wrapper .page-main .add-product-right>.add-product-inner .home-product-add {
        margin-top: 1px;
    }
}

body.page-layout-1column .page-wrapper .page-main .add-product-right>.add-product-inner .home-product-add .row {
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

@media screen and (min-width: 992px) {
    body.page-layout-1column .page-wrapper .page-main .add-product-right .block.widget .products-grid.grid .product-items .product-item:nth-child(2) {
        margin-right: 50% !important;
    }
}

.product-outer-bigger {
    margin-left: auto;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .product-outer-bigger {
        max-width: 100%;
    }
}

.product-outer-bigger .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8% 0px;
    text-align: center;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    align-items: end;
    -webkit-align-items: end;
    -ms-align-items: end;
}

@media screen and (min-width: 992px) {
    .product-outer-bigger .image {
        min-height: 256px;
    }
}

@media screen and (min-width: 1200px) {
    .product-outer-bigger .image {
        min-height: 280px;
    }
}

.product-outer-bigger .image .product-info {
    width: 100%;
    margin-top: auto;
}

.product-outer-bigger .image h3 {
    max-width: 150px;
    margin: auto;
}

.product-outer-bigger .image h3 a {
    color: #ffffff;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 20px;
    text-decoration: none;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.product-outer-bigger .image h3 a:hover,
.product-outer-bigger .image h3 a:focus {
    color: #c1cc00;
}

.product-outer-bigger .image span {
    display: block;
    width: 100%;
}

.product-outer-bigger .image .new-price {
    color: #c1cc00;
    font-size: 27px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.product-outer-bigger .image .old-price {
    color: #ffffff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: line-through;
    padding-bottom: 5px;
}

.product-outer-bigger .image .link {
    margin-top: 12px;
}

.product-outer-bigger .image .link a {
    padding: 12px 29px;
    background-color: #c1cc00;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #000000;
    border: 1px solid #c1cc00;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-family: "Ubuntu", sans-serif;
}

.product-outer-bigger .image .link a:hover,
.product-outer-bigger .image .link a:focus {
    background-color: #c1cc00;
    border-color: #c1cc00;
    color: #ffffff;
}

@media screen and (min-width: 992px) {
    body .page-wrapper .page-main .products-grid.grid .product-outer-bigger {
        margin-top: 1px;
        margin-bottom: 20px;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
    body .page-wrapper .page-main .products-grid.grid .product-outer-bigger>.image {
        width: 100%;
        min-height: unset;
    }
}

@media screen and (min-width: 992px) {
    body .page-wrapper .page-main .products-grid.grid .product-outer-bigger+.product-items .product-item:nth-child(2) {
        margin-right: 50% !important;
    }
}

.product-outer-bigger-left {
    margin-left: 0px;
}

@media screen and (min-width: 768px) {
    .page-layout-2columns-left .page-main .column.main {
        width: calc(100% - 240px);
    }
    .page-layout-2columns-left .page-main .column.main .toolbar.toolbar-products {
        padding-left: 15px;
    }
}

.page-layout-2columns-left .page-main .column.main .products.products-grid {
    margin-right: -15px;
}

@media screen and (max-width: 767px) {
    .page-layout-2columns-left .page-main .column.main .products.products-grid {
        margin-left: -15px;
    }
}

.toolbar.toolbar-products .modes,
.toolbar.toolbar-products .toolbar-amount,
.toolbar.toolbar-products .limiter,
.pager .modes,
.pager .toolbar-amount,
.pager .limiter {
    display: none;
}

.toolbar.toolbar-products .toolbar-sorter.sorter .action.sorter-action,
.pager .toolbar-sorter.sorter .action.sorter-action {
    padding: 0 8px;
}

.toolbar.toolbar-products .sorter,
.pager .sorter {
    font-size: 14px;
}

.toolbar.toolbar-products .sorter select.sorter-options,
.pager .sorter select.sorter-options {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center right 6px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129' fill='%23333333'%3E%3Cg%3E%3Cpath d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.toolbar.toolbar-products .limiter,
.pager .limiter {
    font-size: 14px;
    color: #999999;
}

.toolbar.toolbar-products .limiter .label,
.pager .limiter .label {
    color: #999999;
}

.toolbar.toolbar-products .limiter select.limiter-options,
.pager .limiter select.limiter-options {
    border-radius: 0;
    box-shadow: none;
    padding-right: 20px;
    background: url("../images/angle-arrow-down.png");
    background-repeat: no-repeat;
    background-position: right 6px center;
    background-size: 11px;
}

.toolbar.toolbar-products .limiter .limiter-text,
.pager .limiter .limiter-text {
    margin-bottom: .5rem;
}

.toolbar.toolbar-products .pages,
.pager .pages {
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .toolbar.toolbar-products .pages,
    .pager .pages {
        width: 100%;
        margin-bottom: 15px;
    }
    .toolbar.toolbar-products .pages .pages-items,
    .pager .pages .pages-items {
        padding-left: 0;
        padding-right: 0;
    }
}

.toolbar.toolbar-products .pages .items .item,
.pager .pages .items .item {
    vertical-align: middle;
    margin-right: 6px;
    opacity: .5;
    position: unset !important;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.toolbar.toolbar-products .pages .items .item.current,
.toolbar.toolbar-products .pages .items .item:hover,
.pager .pages .items .item.current,
.pager .pages .items .item:hover {
    opacity: 1;
}

.toolbar.toolbar-products .pages .items .item .page,
.pager .pages .items .item .page {
    border: 1px solid #555555;
    color: #555555;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 16px;
    font-weight: normal;
}

.toolbar.toolbar-products .pages .items .item .link.next,
.pager .pages .items .item .link.next {
    border: 1px solid #555555;
    color: #555555;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 36px;
}

.toolbar.toolbar-products .pages .items .item .link.next::before,
.pager .pages .items .item .link.next::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 36px;
    line-height: inherit;
    color: #555555;
    content: '\e608';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}

.toolbar.toolbar-products .pages .items .item .link.next span,
.pager .pages .items .item .link.next span {
    display: none;
}

.toolbar.toolbar-products .pages .items .item .action.previous,
.pager .pages .items .item .action.previous {
    border: 1px solid #555555;
    color: #555555;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 36px;
    padding: 0;
    margin-right: 0;
    border-radius: 0;
}

.toolbar.toolbar-products .pages .items .item .action.previous::before,
.pager .pages .items .item .action.previous::before {
    font-size: 36px;
    color: #555555;
    width: 100%;
    margin: 0;
}

.toolbar.toolbar-products .pages .items .item .action.previous span,
.pager .pages .items .item .action.previous span {
    display: none;
}

@media screen and (min-width: 768px) {
    .toolbar.toolbar-products {
        margin-bottom: 15px;
    }
}

.bottom-products-toolbar .modes,
.bottom-toolbar .modes {
    display: none;
}

.bottom-products-toolbar .toolbar.toolbar-products,
.bottom-products-toolbar .pager,
.bottom-toolbar .toolbar.toolbar-products,
.bottom-toolbar .pager {
    margin-bottom: 30px;
}

.bottom-products-toolbar .toolbar.toolbar-products .pages,
.bottom-products-toolbar .pager .pages,
.bottom-toolbar .toolbar.toolbar-products .pages,
.bottom-toolbar .pager .pages {
    display: inline-block;
}

.bottom-products-toolbar .toolbar.toolbar-products .limiter,
.bottom-products-toolbar .pager .limiter,
.bottom-toolbar .toolbar.toolbar-products .limiter,
.bottom-toolbar .pager .limiter {
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .bottom-products-toolbar .toolbar.toolbar-products .limiter,
    .bottom-products-toolbar .pager .limiter,
    .bottom-toolbar .toolbar.toolbar-products .limiter,
    .bottom-toolbar .pager .limiter {
        margin-left: auto;
        margin-right: auto;
    }
}

.bottom-products-toolbar .toolbar.toolbar-products .toolbar-sorter.sorter,
.bottom-products-toolbar .pager .toolbar-sorter.sorter,
.bottom-toolbar .toolbar.toolbar-products .toolbar-sorter.sorter,
.bottom-toolbar .pager .toolbar-sorter.sorter {
    display: none;
}

.bottom-products-toolbar .toolbar.toolbar-products .toolbar-amount,
.bottom-products-toolbar .pager .toolbar-amount,
.bottom-toolbar .toolbar.toolbar-products .toolbar-amount,
.bottom-toolbar .pager .toolbar-amount {
    display: none;
}

.bottom-products-toolbar .toolbar.toolbar-products,
.bottom-products-toolbar .pager,
.bottom-toolbar .toolbar.toolbar-products,
.bottom-toolbar .pager {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .bottom-products-toolbar .toolbar.toolbar-products,
    .bottom-products-toolbar .pager,
    .bottom-toolbar .toolbar.toolbar-products,
    .bottom-toolbar .pager {
        padding-left: 15px;
        padding-left: 166px;
    }
}

@media screen and (min-width: 992px) {
    .bottom-products-toolbar .toolbar.toolbar-products::before,
    .bottom-products-toolbar .pager::before,
    .bottom-toolbar .toolbar.toolbar-products::before,
    .bottom-toolbar .pager::before {
        height: 30px;
        width: 160px;
    }
}

.page-layout-2columns-left .page-main .sidebar-main {
    padding-left: 0;
    max-width: 100%;
    padding-right: 0;
}

@media screen and (min-width: 768px) {
    .page-layout-2columns-left .page-main .sidebar-main {
        width: 240px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .page-with-filter.page-products .sidebar-main {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) {
    .page-layout-2columns-left .page-main .sidebar-additional {
        width: 240px;
        padding-left: 0;
        padding-right: 15px;
    }
}

.page-main .sidebar .filter-content .block-subtitle.filter-subtitle {
    padding: 0;
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    display: none;
}

.page-main .sidebar .filter-content .filter-options-title {
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    text-transform: none;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
}

.page-main .sidebar .filter-content .filter-options-title::after {
    content: "";
    display: block;
    position: static;
    border-bottom: 2px solid #c1cc00;
    width: 30px;
    margin-top: 3px;
}

.page-main .sidebar .filter-content .filter-options-item {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 0px;
    border: none;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content {
    padding: 0;
    font-size: 13px;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content a:hover {
    color: #c1cc00;
    background-color: transparent;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content .couleurs .swatch-attribute-options {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    max-width: 160px;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content .couleurs .swatch-attribute-options::after {
    display: none;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content .couleurs .swatch-attribute-options a.swatch-option-link-layered {
    width: calc(20% - 6px);
    margin-right: 5px !important;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content .couleurs .swatch-attribute-options a.swatch-option-link-layered .swatch-option {
    border: none;
    width: 100%;
    height: auto;
    padding-bottom: 56%;
    min-width: 0;
    margin: 0;
    outline: none;
    border: 1px solid #cccccc;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content .couleurs .swatch-attribute-options a.swatch-option-link-layered .swatch-option:hover,
.page-main .sidebar .filter-content .filter-options-item .filter-options-content .couleurs .swatch-attribute-options a.swatch-option-link-layered .swatch-option:focus {
    border-color: red;
}

.page-main .sidebar .filter-content .filter-options-item .filter-options-content .boots_size .swatch-option.text {
    line-height: 18px;
    padding: 0 8px;
}

.page-main .sidebar.sidebar-additional {
    margin-bottom: 30px;
}

.page-main .sidebar.sidebar-additional>div.block {
    background-color: #ffffff;
    margin-bottom: 0;
    padding: 5px 15px 12px;
    font-size: 13px;
}

.page-main .sidebar.sidebar-additional>div.block .block-title {
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    text-transform: none;
    font-weight: 400;
    font-family: "Ubuntu", sans-serif;
    margin-bottom: 10px;
}

.page-main .sidebar.sidebar-additional>div.block .block-title strong {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size: 1em;
}

.page-main .sidebar.sidebar-additional>div.block .block-title::after {
    content: "";
    display: block;
    position: static;
    border-bottom: 2px solid #c1cc00;
    width: 30px;
    margin-top: 3px;
}

.page-main .sidebar .swatch-attribute.genree .swatch-attribute-options>a {
    display: inline-block;
    float: none;
    width: 100%;
}

.page-main .sidebar .swatch-attribute.genree .swatch-attribute-options>a .swatch-option.text {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding-left: 0;
    background-color: transparent;
    border: none !important;
    min-width: auto;
    font-weight: 300;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.page-main .sidebar .swatch-attribute.genree .swatch-attribute-options>a .swatch-option.text:hover {
    outline: none;
    border: none;
}

.page-main .sidebar .swatch-attribute.genree .swatch-attribute-options>a .swatch-option.text::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    margin-right: 10px;
    border: 1px solid #999999;
}

.sidebar .filter .filter-current-subtitle::before {
    right: 0;
    top: 3px;
}

.sidebar .filter-current {
    background-color: #ffffff;
    padding: 15px 15px 1px;
}

@media screen and (max-width: 767px) {
    .sidebar .filter-current {
        border-top: 0;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 4px;
    }
    .sidebar .filter-current.active {
        padding-bottom: 15px;
    }
}

.sidebar .filter-current .block-subtitle.filter-current-subtitle {
    font-size: 14px;
    font-weight: normal;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    text-transform: none;
    font-weight: 400;
    font-family: Ubuntu;
}

.sidebar .filter-current .block-subtitle.filter-current-subtitle::after {
    content: "";
    display: block;
    position: static;
    border-bottom: 2px solid #c1cc00;
    width: 30px;
    margin-top: 3px;
}

.sidebar .filter-current .items {
    padding: 0;
}

.sidebar .filter-current .items .item .filter-label {
    font-size: 13px;
    font-weight: normal;
}

.sidebar .filter-current .items .item .filter-value {
    font-size: 13px;
}

.sidebar .block-actions.filter-actions {
    background-color: #ffffff;
    padding: 1px 15px 15px;
}

@media screen and (max-width: 767px) {
    .sidebar .block-actions.filter-actions {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        text-align: right;
        padding: 10px 15px 10px;
    }
}

.sidebar .block-actions.filter-actions a.action {
    display: inline-block;
    background: #c1cc00;
    padding: 5px 20px;
    border-radius: 28px;
    color: #5a7423;
    border: 1px solid #c1cc00;
    font-size: 14px;
    text-decoration: none;
}

.sidebar .block-actions.filter-actions a.action:hover {
    color: #ffffff;
}

.sidebar input[type="checkbox"] {
    margin-top: 3px;
}

.sidebar .filter-options-content a {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.sidebar .block.account-nav {
    margin-bottom: 0;
}

.sidebar .block.account-nav .title.account-nav-title {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .page-with-filter .page-main>.container {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: no-wrap;
        -webkit-flex-wrap: no-wrap;
        flex-direction: column;
        -webkit-flex-direction: column;
        position: relative;
        max-width: 100%;
    }
    .page-with-filter .page-main>.container>.column.main {
        width: 100%;
    }
    .page-with-filter .page-main>.container>.column.main #layer-product-list {
        position: static;
    }
    .page-with-filter .page-main>.container>.column.main .toolbar-sorter.sorter {
        position: absolute;
        top: 0;
        right: 10px;
    }
    .page-with-filter .page-main>.container .sidebar-main {
        order: -1;
        width: 100%;
    }
    .page-with-filter .page-main>.container .filter-no-options .filter-title::before {
        height: 0;
        padding: 0;
        margin: 0;
        content: none;
    }
    .page-with-filter .page-main>.container .filter-title strong {
        display: inline-block;
        background: #c1cc00;
        padding: 8px 15px;
        border-radius: 28px;
        font-size: 14px;
        color: #555555;
        border: 1px solid #c1cc00;
        font-weight: normal;
        outline: none;
        box-shadow: none;
        font-family: "Ubuntu", sans-serif;
        cursor: pointer;
        position: relative;
        left: auto;
    }
    .page-with-filter .page-main>.container .filter-title strong:hover,
    .page-with-filter .page-main>.container .filter-title strong:focus {
        background-color: #555555;
        color: #ffffff;
        border-color: #555555;
        text-decoration: none;
    }
}

@media screen and (max-width: 767px) {
    .page-with-filter.page-products .page-main>.container .toolbar-products {
        margin-bottom: 0;
    }
    .page-with-filter.page-products .page-main>.container>.column.main .toolbar-sorter.sorter {
        top: 15px;
    }
}

.nav-open .nav-toggle::before {
    content: "";
}

.sorter .sorter-action.sort-desc::before {
    content: "";
    font-family: none;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #555555;
    padding: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -8px;
}

.sorter .sorter-action.sort-asc::before {
    content: "";
    font-family: none;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #555555;
    padding: 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 0px;
}

.sorter .sorter-action:hover.sort-asc::before,
.sorter .sorter-action:hover.sort-desc::before {
    border-color: #000000;
}

#layer-product-list {
    position: relative;
}

@media screen and (min-width: 768px) {
    #layer-product-list {
        margin-top: -42px;
    }
}

#layer-product-list .products.wrapper.products-grid {
    margin-top: 0;
}

#layer-product-list .message.info.empty {
    margin-top: 42px;
    font-size: 15px;
    font-weight: 600;
}

/* product-detail*/

.product-reviews-summary {
    width: 100%;
    clear: both;
}

.retour a {
    color: #787878;
    text-decoration: none;
}

.retour a:hover {
    color: #c1cc00;
}

.paragraph-content .blockquote {
    padding: 10px 0;
}

@media screen and (min-width: 992px) {
    .paragraph-content .blockquote {
        padding: 20px 0;
    }
}

.paragraph-content .blockquote blockquote {
    font-style: normal;
    margin-bottom: 0;
    color: #787878;
    max-width: 445px;
    font-size: 16px;
}

@media screen and (min-width: 992px) {
    .paragraph-content .blockquote blockquote {
        font-size: 18px;
    }
}

.paragraph-content p {
    font-size: 16px;
}

@media screen and (min-width: 481px) and (max-width: 991px) {
    .paragraph-content p {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 481px) and (max-width: 991px) {
    .paragraph-content h3 {
        font-size: 24px !important;
    }
}

.paragraph-content .bottom-pro .social-links {
    padding-top: 15px;
}

.paragraph-content .bottom-pro .social-links a {
    color: #555555;
    font-size: 30px;
    margin: 0 7px;
}

.paragraph-content .bottom-pro .social-links a:hover,
.paragraph-content .bottom-pro .social-links a:focus {
    color: #c1cc00;
}

.paragraph-content .bottom-pro .social-links a .fab {
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 992px) {
    .blog-post-view .details-paragraph .container {
        max-width: 720px;
    }
}

@media screen and (min-width: 1200px) {
    .blog-post-view .details-paragraph .container {
        max-width: 960px;
    }
}

.blog-post-view .details-paragraph .coach-toptext .top-title {
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .blog-post-view .details-paragraph .mt-2,
    .blog-post-view .details-paragraph .my-2 {
        margin-top: 15px !important;
    }
}

/* products-bottom */

.products-bottom,
.products-bottom-more-li {
    clear: both;
}

.products-bottom .top-title,
.products-bottom-more-li .top-title {
    margin-bottom: 35px;
}

.products-bottom .costum-field .card-title,
.products-bottom-more-li .costum-field .card-title {
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
}

.products-bottom .costum-field .cord-body,
.products-bottom-more-li .costum-field .cord-body {
    padding: 15px;
}

.products-bottom .costum-field .cord-body a,
.products-bottom-more-li .costum-field .cord-body a {
    text-decoration: none;
}

.products-bottom .costum-field .cord-body a:hover,
.products-bottom-more-li .costum-field .cord-body a:hover {
    text-decoration: none;
}

.products-bottom .costum-field .cord-body a:hover h4,
.products-bottom-more-li .costum-field .cord-body a:hover h4 {
    color: #c1cc00;
}

.products-bottom .costum-field .sml-htxt,
.products-bottom-more-li .costum-field .sml-htxt {
    font-size: 14px;
}

.products-bottom .costum-field .sprt-no,
.products-bottom-more-li .costum-field .sprt-no {
    font-size: 19px;
}

.products-bottom .costum-field .seller-name,
.products-bottom-more-li .costum-field .seller-name {
    font-size: 13px;
    color: #787878;
    line-height: 1;
}

.products-bottom .costum-field .seller-name p,
.products-bottom-more-li .costum-field .seller-name p {
    display: inline-block;
    padding-right: 5px;
}

.products-bottom .costum-field .custom-col-1-5 .field-box,
.products-bottom-more-li .costum-field .custom-col-1-5 .field-box {
    height: 100%;
}

.products-bottom .costum-field .custom-col-1-5 .field-box .card,
.products-bottom-more-li .costum-field .custom-col-1-5 .field-box .card {
    height: 100%;
}

.products-bottom .costum-field .custom-col-1-5 .field-box .card a,
.products-bottom-more-li .costum-field .custom-col-1-5 .field-box .card a {
    position: relative;
    padding: 0 0 100%;
    overflow: hidden;
}

.products-bottom .costum-field .custom-col-1-5 .field-box .card a img,
.products-bottom-more-li .costum-field .custom-col-1-5 .field-box .card a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto;
    max-width: unset;
    object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
}

.products-bottom .plus-icon::after,
.products-bottom-more-li .plus-icon::after {
    height: 45px;
    width: 45px;
    border: 2px solid #c1cc00;
}

.products-bottom .plus-icon img,
.products-bottom-more-li .plus-icon img {
    width: 16px;
}

.products-bottom .plus-link,
.products-bottom-more-li .plus-link {
    font-size: 16px;
    max-width: 115px;
    margin: auto;
}

.gooddeals-index-index .toolbar.toolbar-products,
.sports-index-index .toolbar.toolbar-products {
    position: relative;
}

@media screen and (max-width: 767px) {
    .gooddeals-index-index .toolbar.toolbar-products,
    .sports-index-index .toolbar.toolbar-products {
        margin-bottom: 20px;
    }
}

.gooddeals-index-index .breadcrumbs,
.sports-index-index .breadcrumbs {
    padding-top: 40px;
}

.good-deals {
    font-size: 14px;
    width: 100%;
    height: auto;
    background-image: url("../images/Title-banner-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center, center;
    text-align: center;
    color: #ffffff;
}

.good-deals h3,
.good-deals .coach-htitle {
    font-family: 'Amatic SC';
    font-size: 40px;
    margin: 0px;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.good-deals h3:before,
.good-deals .coach-htitle:before {
    content: "";
    display: block;
    background: url("../images/graphic-element1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-right: 15px;
}

.good-deals h3:after,
.good-deals .coach-htitle:after {
    content: "";
    display: block;
    background: url("../images/graphic-element2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-left: 15px;
    margin-top: auto;
}

@media screen and (min-width: 768px) {
    .good-deals h3,
    .good-deals .coach-htitle {
        font-size: 60px;
    }
}

body .offer-links a {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    margin-top: 15px;
    color: #555555;
    text-decoration: none;
}

body .offer-links a span .fas {
    margin-right: 4px;
}

body .offer-links a.added {
    background-color: #c1cc00;
    color: #333333 !important;
    border-color: #c1cc00;
}

body .offer-links #status button,
body .offer-links #sta button,
body .offer-links #statuschange button {
    width: 100%;
}

body .offer-links .deactive {
    background-color: #aaaaaa;
    color: #ffffff;
    border-color: #aaaaaa;
}

body .offer-links .deactive:hover,
body .offer-links .deactive:focus {
    border-color: #c1cc00;
    background: #c1cc00;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .gooddeals-index-index .left-sidebar {
        width: 255px;
        -webkit-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }
}

.gooddeals-index-index .left-sidebar .sport-item.fileter {
    padding: 20px;
    padding-right: 15px;
    font-size: 14px;
}

.gooddeals-index-index .left-sidebar .sport-item.fileter ul li.active a {
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .gooddeals-index-index .good-deals-procuct-outer {
        -webkit-flex: unset;
        -ms-flex: unset;
        flex: unset;
        width: calc(100% - 255px);
    }
}

@media screen and (min-width: 768px) {
    .good-deals-procuct-outer {
        margin-top: -47px;
    }
}

.good-deals-procuct-outer .box-item {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding-bottom: 15px;
}

@media screen and (min-width: 992px) {
    .good-deals-procuct-outer .box-item {
        padding-bottom: 20px;
    }
}

.good-deals-procuct-outer .box-item .sp-item-img {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    width: 100%;
}

.good-deals-procuct-outer .box-item .sp-item-img .card {
    width: 100%;
}

.good-deals-procuct-outer .box-item .sp-item-img .card a.img-wrapper {
    position: relative;
    display: block;
    padding: 0 0 100%;
    overflow: hidden;
}

.good-deals-procuct-outer .box-item .sp-item-img .card a.img-wrapper img {
    display: block;
    height: 100%;
    left: 50%;
    top: 50%;
    margin: 0;
    max-width: none !important;
    position: absolute;
    width: auto !important;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    -webkit-object-fit: cover;
}

.good-deals-procuct-outer .box-item .sp-item-img .card a.img-wrapper::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background-color: rgba(85, 85, 85, 0.55);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M256,96C144.341,96,47.559,161.021,0,256c47.559,94.979,144.341,160,256,160c111.656,0,208.439-65.021,256-160 C464.441,161.021,367.656,96,256,96z M382.225,180.852c30.082,19.187,55.572,44.887,74.719,75.148 c-19.146,30.261-44.639,55.961-74.719,75.148C344.428,355.257,300.779,368,256,368c-44.78,0-88.428-12.743-126.225-36.852 c-30.08-19.188-55.57-44.888-74.717-75.148c19.146-30.262,44.637-55.962,74.717-75.148c1.959-1.25,3.938-2.461,5.929-3.65 C130.725,190.866,128,205.613,128,221c0,70.691,57.308,128,128,128c70.691,0,128-57.309,128-128 c0-15.387-2.725-30.134-7.703-43.799C378.285,178.39,380.266,179.602,382.225,180.852z M256,205c0,26.51-21.49,48-48,48 s-48-21.49-48-48s21.49-48,48-48S256,178.49,256,205z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    background-position: center;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.good-deals-procuct-outer .box-item .sp-item-img .card a.img-wrapper:hover::after {
    opacity: 1;
    visibility: visible;
}

.good-deals-procuct-outer .box-item.product-outer-bigger {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    margin-bottom: 0;
}

.good-deals-procuct-outer .box-item.product-outer-bigger .image {
    width: 100%;
    min-height: 0;
}

.good-deals-procuct-outer .box-item .card .card-title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

@media screen and (min-width: 1200px) {
    .good-deals-procuct-outer .box-item .card .card-title {
        font-size: 15px;
    }
}

.good-deals-procuct-outer .box-item .card .card-title a {
    display: block;
    color: #555555;
    text-decoration: none;
}

.good-deals-procuct-outer .box-item .card .card-title a:hover,
.good-deals-procuct-outer .box-item .card .card-title a:focus {
    color: #c1cc00;
}

body.sports-index-index .page-wrapper .page-main .products-grid.grid .product-outer-bigger {
    height: auto;
    margin-bottom: 20px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

body.sports-index-index .page-wrapper .page-main .products-grid.grid .product-outer-bigger .image {
    width: 100%;
    min-height: 0;
}

/* coach-tips-content */

.about-us .coach-details {
    padding: 90px 0 60px 0;
}

.coach-details {
    padding: 165px 0 0 0;
}

.over-lay {
    background-color: rgba(0, 30, 49, 0.5);
}

.coach-tips-content .details-profile .coach-profile-outer .coach-profile {
    max-width: 65px;
    height: 65px;
}

.coach-tips-content .details-profile .pro-name {
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 3px 0;
}

.coach-tips-content .details-profile .pro-dates {
    font-size: 18px;
    font-weight: 400;
}

.coach-tips-content .pro-social-links {
    margin-bottom: 40px;
}

.coach-tips-content .pro-social-links .at-share-btn-elements {
    margin-top: 7px;
}

.coach-tips-content .pro-social-links a.at-icon-wrapper.at-share-btn.at-svc-print {
    display: none;
}

.coach-tips-content .pro-social-links .at-icon-wrapper.at-share-btn {
    background-color: transparent !important;
    padding: 0;
    margin: 0;
}

.coach-tips-content .pro-social-links .at-icon-wrapper.at-share-btn .at4-visually-hidden {
    display: none;
}

.coach-tips-content .pro-social-links .at-icon-wrapper.at-share-btn span.at-icon-wrapper {
    padding: 0;
}

.coach-tips-content .pro-social-links .at-icon-wrapper.at-share-btn svg {
    width: 32px !important;
    height: 32px !important;
}

.coach-tips-content .pro-social-links .at-icon-wrapper.at-share-btn svg.at-icon:hover {
    fill: #c1cc00;
}

.bottom-name {
    font-weight: 600;
    margin-bottom: 10px;
}

.sport-item-title h5 {
    position: relative;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-stretch: 15px;
}

.blog-item-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.blog-item-outer .card {
    width: 100%;
    position: relative;
    border: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.blog-item-outer .card:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
}

.blog-item-outer .card>a {
    height: 252px;
    overflow: hidden;
    background-color: transparent;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.blog-item-outer .card:hover>a {
    background-color: #000;
}

.blog-item-outer .card:hover>a img {
    opacity: .8;
}

.blog-item-outer .card a.btn.btn-primary::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-item-outer .card>a img {
    height: 100%;
    width: 100%;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    object-fit: cover;
}

.blog-item-outer .card-body small {
    color: #aaaaaa;
}

.blog-item-outer .card-body small p {
    display: inline-block;
    padding-right: 5px;
}

.blog-item-outer .card-body .card-title {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
}

.paragraph-content h3 {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
}

body .old-price {
    display: block;
    text-align: center;
    margin: 0;
    text-decoration: line-through;
}

body .old-price .price-container .price-label {
    display: none;
}

body .old-price .price-container .price-wrapper .price {
    font-weight: normal !important;
    color: #555555 !important;
    text-decoration: line-through;
}

.cord-info .icon-text {
    text-align: center;
}

.cord-info .icon-text a {
    display: block;
    height: 45px;
    width: 45px;
    margin-left: auto;
    margin-right: auto;
    color: #c1cc00;
    text-decoration: none;
}

.cord-info .icon-text a i.fas {
    display: block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 18px;
}

.blog-item-outer .card a.btn.btn-primary:hover,
.blog-item-outer .card a.btn.btn-primary:focus,
.blog-item-outer .card a.btn.btn-primary:active {
    border: 1px solid #c1cc00 !important;
    color: #5a7423 !important;
    background-color: #c1cc00;
    outline: none !important;
}

/*-----------------------26-06-2019-------------------------*/

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content {
    background-color: #ffffff;
    padding-top: 20px;
    border-radius: 15px;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    border: none !important;
}

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content .discountSuccess {
    padding: 20px 10px;
}
.discountSuccess {
    display: none !important;
}

.medium.enquiry-form .discountSuccess {
    display: block !important;
}

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content .discountSuccess h2 {
    font-size: 26px;
    color: #c1cc00;
    line-height: 1.2;
    font-weight: 500;
    padding-bottom: 15px;
    text-align: center;
}

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content .discountSuccess p {
    color: #787878;
    font-size: 14px;
    text-align: center;
}

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content .discountSuccess button {
    display: inline-block;
    margin-top: 20px;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 180px;
    text-align: center;
    border-radius: 20px !important;
    color: #555555 !important;
    border: 1px solid #c1cc00;
    outline: none;
    font-weight: normal;
    float: none;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    line-height: 1.5;
}

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content .discountSuccess button:hover,
.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-content .discountSuccess button:focus {
    color: #ffffff !important;
}

.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-footer button:hover,
.modals-wrapper .modal-popup.small.enquiry-form .modal-inner-wrap .modal-footer button:focus {
    background: none;
    border: none;
}

.browse-button {
    padding-right: 15px;
    margin-top: 0px;
    background: #ffffff;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857143;
    padding: 0 9px;
    vertical-align: baseline;
    width: 100%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0;
    margin-top: 10px;
}

.browse-button input#logo_pic {
    display: none;
}

.browse-button .addfiles {
    background-color: #c1cc00;
    border: 1px solid #ccc;
    color: #555555;
    padding: 5px 27px;
    text-align: center;
    cursor: pointer;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-weight: 400;
    font-size: 14px;
    float: right;
    transition: all 0.75s ease-in-out;
    -ms-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    font-family: "Ubuntu", sans-serif;
}

.browse-button #title-span {
    background-color: transparent;
    border: none;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 2;
    max-width: calc(100% - 167px);
    overflow: hidden;
    height: 30px;
}

.filter-options .filter-options-content .cat input {
    display: none;
}

.filter-options .filter-options-content .cat a {
    position: relative;
    margin-left: 10px;
}

.filter-options .filter-options-content .cat a:before {
    content: "\f054";
    font-family: FontAwesome;
    left: -10px;
    position: absolute;
    top: 0;
    color: #787878;
    font-size: 14px;
}

.sport-item {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 992px) {
    .sport-item {
        padding: 20px 20px 3px 30px;
    }
}

@media screen and (max-width: 767px) {
    .sport-item {
        margin-top: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .col-md-9.sports-outer {
        padding-left: 0;
        padding-right: 0;
    }
}

.sport-item.fileter {
    position: relative;
    padding-bottom: 50px !important;
}

.add-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-top: 2px solid #ccc;
    background-color: #c1cc00;
    color: #333333;
    cursor: pointer;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.add-more i {
    color: #333333;
    margin-left: 10px;
}

.add-more:hover {
    background-color: #555555;
    color: #ffffff;
}

.add-more:hover i {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .abs-toggling-title-mobile,
    .block-wishlist-management .wishlist-select .wishlist-name,
    .block-collapsible-nav .title {
        border: none;
        border-radius: 6px;
    }
}

.abs-toggling-title-mobile::after,
.block-wishlist-management .wishlist-select .wishlist-name::after,
.block-collapsible-nav .title::after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 1.4rem;
    margin-top: 0;
}

.abs-toggling-title-mobile.active::after,
.block-wishlist-management .wishlist-select .wishlist-name.active::after,
.block-collapsible-nav .title.active::after {
    content: "\f106";
}

.grid.white-bg .hor-scroll {
    overflow: auto;
}

.wk-feedback-details {
    border-bottom: none !important;
}

/*---------------Common CSS-----------------------*/

.cms-comment-ca-marche .user-reviews-section {
    width: 100%;
    text-align: center;
}

.banner-page-title,
.cms-comment-ca-marche .user-reviews-section .user-review-slide {
    display: inline-block;
}

.banner-page-title h1,
.banner-page-title .user-review-txt,
.cms-comment-ca-marche .user-reviews-section .user-review-slide h1,
.cms-comment-ca-marche .user-reviews-section .user-review-slide .user-review-txt {
    font-family: 'Amatic SC';
    font-size: 40px;
    margin: 0px;
    position: relative;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.banner-page-title h1:before,
.banner-page-title .user-review-txt:before,
.cms-comment-ca-marche .user-reviews-section .user-review-slide h1:before,
.cms-comment-ca-marche .user-reviews-section .user-review-slide .user-review-txt:before {
    content: "";
    display: block;
    background: url("../images/graphic-element1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-right: 15px;
}

.banner-page-title h1:after,
.banner-page-title .user-review-txt:after,
.cms-comment-ca-marche .user-reviews-section .user-review-slide h1:after,
.cms-comment-ca-marche .user-reviews-section .user-review-slide .user-review-txt:after {
    content: "";
    display: block;
    background: url("../images/graphic-element2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-left: 15px;
    margin-top: auto;
}

@media screen and (min-width: 768px) {
    .banner-page-title h1,
    .banner-page-title .user-review-txt,
    .cms-comment-ca-marche .user-reviews-section .user-review-slide h1,
    .cms-comment-ca-marche .user-reviews-section .user-review-slide .user-review-txt {
        font-size: 60px;
    }
}

.page-with-filter .page-wrapper .page-main div.page-title-wrapper .page-title span {
    max-width: 436px;
}

.page-wrapper .page-main div.page-title-wrapper {
    background-image: url("../images/banner-bg.jpg");
    background-size: cover;
    background-position: center, center;
    text-align: center;
    padding: 70px 0 60px 0;
    width: 100%;
}

.page-wrapper .page-main div.page-title-wrapper .page-title {
    font-family: 'Amatic SC';
    font-size: 40px;
    color: #ffffff;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-right: 0px;
}

@media screen and (min-width: 768px) {
    .page-wrapper .page-main div.page-title-wrapper .page-title {
        font-size: 60px;
    }
}

.page-wrapper .page-main div.page-title-wrapper .page-title:before {
    content: "";
    display: block;
    background: url("../images/graphic-element1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-right: 15px;
}

.page-wrapper .page-main div.page-title-wrapper .page-title:after {
    content: "";
    display: block;
    background: url("../images/graphic-element2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-left: 15px;
    margin-top: auto;
}

.page-wrapper .page-main div.page-title-wrapper .category-description {
    font-size: 16px;
    color: #ffffff;
}

.page-wrapper .page-main div.page-title-wrapper .category-description p {
    font-style: 1em;
}

.coach-tips-content h3,
.coach-tips-content .coach-htitle,
.coach-tips-content h1,
.cms-home-banner .home-banner-txt h3,
.cms-home-banner .home-banner-txt .coach-htitle,
.cms-home-banner .home-banner-txt h1 {
    font-family: 'Amatic SC';
    font-size: 40px;
    color: #ffffff;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .coach-tips-content h3,
    .coach-tips-content .coach-htitle,
    .coach-tips-content h1,
    .cms-home-banner .home-banner-txt h3,
    .cms-home-banner .home-banner-txt .coach-htitle,
    .cms-home-banner .home-banner-txt h1 {
        font-size: 60px;
    }
}

.coach-tips-content h3:before,
.coach-tips-content .coach-htitle:before,
.coach-tips-content h1:before,
.cms-home-banner .home-banner-txt h3:before,
.cms-home-banner .home-banner-txt .coach-htitle:before,
.cms-home-banner .home-banner-txt h1:before {
    content: "";
    display: block;
    background: url("../images/graphic-element1.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-right: 15px;
}

.coach-tips-content h3:after,
.coach-tips-content .coach-htitle:after,
.coach-tips-content h1:after,
.cms-home-banner .home-banner-txt h3:after,
.cms-home-banner .home-banner-txt .coach-htitle:after,
.cms-home-banner .home-banner-txt h1:after {
    content: "";
    display: block;
    background: url("../images/graphic-element2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 25px;
    margin-left: 15px;
    margin-top: auto;
}

/*---------------Common CSS-----------------------*/

@media screen and (max-width: 767px) {
    .how-work-1 .col-md-4 {
        margin-bottom: 30px;
    }
}

.how-work-1 .how-work-1-single .detail-tag p {
    color: #787878 !important;
}

@media screen and (max-width: 991px) {
    .how-work-3 .row .col-md-3 {
        width: 50%;
        width: 50%;
        max-width: none;
        flex: unset;
    }
}

@media screen and (max-width: 767px) {
    .how-work-3 .row .col-md-3 {
        width: 100%;
    }
}

.how-work-3 .row .how-work-3-single {
    width: auto !important;
}

@media screen and (max-width: 767px) {
    .how-work-3 .row .how-work-3-single {
        padding: 20px 0px !important;
    }
}

.how-work-3 .row .how-work-3-single .detail-tag p {
    color: #787878 !important;
}

@media screen and (max-width: 767px) {
    .how-work-4 .row .col-md-6 .how-work-4-single .detail-tag h3 {
        text-align: center;
    }
}

.how-work-4 .row .col-md-6 .how-work-4-single .detail-tag ul {
    padding-left: 30px;
}

.how-work-4 .row .col-md-6 .how-work-4-single .detail-tag ul li strong {
    font-weight: 600 !important;
}

@media screen and (max-width: 767px) {
    .how-work-2 .col-md-6 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    .how-work-2 .how-work-2-single {
        padding: 40px 20px !important;
    }
}

.how-work-2 .how-work-2-single .detail-tag p {
    color: #787878 !important;
}

/* home  */

.app-avail-section {
    margin-top: 40px;
}

.user-reviews-section .user-review-slide .user-review-txt {
    line-height: 1.2;
}

.user-reviews-section .user-review-client-name {
    padding-top: 10px;
    font-size: 18px;
}

/*----------------14.1 Product Detail 4 Images----------------*/

.bg-color {
    background-color: #F4F4F4;
}

.pop-up-image-frame-outer .flex-box.image-frame {
    flex: 1;
}

.modal-footer .btn.custom-btn {
    display: inline-block;
    background: #c1cc00;
    padding: 5px 20px;
    border-radius: 28px;
    color: #5a7423;
    border: 1px solid #c1cc00;
    font-size: 16px;
    color: #555555;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    margin-left: 0;
}

.modal-footer .btn.custom-btn:hover,
.modal-footer .btn.custom-btn:focus {
    color: #ffffff;
    background: #c1cc00;
    text-decoration: none;
}

.snowboard .top-links,
.pop-up-image-frame-outer .top-links {
    padding-top: 20px;
}

.snowboard .top-links a,
.pop-up-image-frame-outer .top-links a {
    color: #aaaaaa;
    text-decoration: none;
    font-size: 14px !important;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.snowboard .top-links a:hover,
.snowboard .top-links a:focus,
.pop-up-image-frame-outer .top-links a:hover,
.pop-up-image-frame-outer .top-links a:focus {
    color: #c1cc00;
}

.snowboard .flex-box.image-frame,
.pop-up-image-frame-outer .flex-box.image-frame {
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame,
    .pop-up-image-frame-outer .flex-box.image-frame {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
}

.snowboard .flex-box.image-frame .col,
.pop-up-image-frame-outer .flex-box.image-frame .col {
    padding: 0;
}

.snowboard .flex-box.image-frame.image-count-1 .single-image,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-1 .single-image {
    width: 100%;
    padding: 10px;
}

.snowboard .flex-box.image-frame.image-count-1 .single-image .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-1 .single-image .image-box {
    position: relative;
    padding: 0 0 43%;
    display: block;
    overflow: hidden;
}

.snowboard .flex-box.image-frame.image-count-1 .single-image .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-1 .single-image .image-box img {
    width: 100%;
    position: absolute;
    top: 50%;
    min-height: 100%;
    object-fit: cover;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.snowboard .flex-box.image-frame.image-count-1 .col.image-right,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-1 .col.image-right {
    display: none;
}

.snowboard .flex-box.image-frame.image-count-2 .col,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-2 .col {
    padding: 10px;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-2 .col,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-2 .col {
        width: 50%;
    }
}

.snowboard .flex-box.image-frame.image-count-2 .col .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-2 .col .image-box {
    position: relative;
    padding: 0 0 56%;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-2 .col .image-box,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-2 .col .image-box {
        padding: 0 0 100%;
    }
}

.snowboard .flex-box.image-frame.image-count-2 .col .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-2 .col .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.snowboard .flex-box.image-frame.image-count-3 .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-box {
    position: relative;
}

.snowboard .flex-box.image-frame.image-count-3 .image-left,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-left {
    padding: 10px;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-3 .image-left,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-left {
        width: 50%;
    }
}

.snowboard .flex-box.image-frame.image-count-3 .image-left .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-left .image-box {
    position: relative;
    padding: 0 0 56%;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-3 .image-left .image-box,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-left .image-box {
        padding: 0 0 100%;
    }
}

.snowboard .flex-box.image-frame.image-count-3 .image-left .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-left .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-3 .image-right,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right {
        width: 50%;
    }
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .image-right-top,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .image-right-top {
    padding: 10px;
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .image-right-top .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .image-right-top .image-box {
    position: relative;
    padding: 0 0 50%;
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .image-right-top .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .image-right-top .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .flex-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .flex-box {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .flex-box .flex-image,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .flex-box .flex-image {
    padding: 10px;
    width: 100%;
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .flex-box .flex-image .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .flex-box .flex-image .image-box {
    position: relative;
    padding: 0 0 50%;
}

.snowboard .flex-box.image-frame.image-count-3 .image-right .flex-box .flex-image .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-3 .image-right .flex-box .flex-image .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.snowboard .flex-box.image-frame.image-count-4 .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-box {
    position: relative;
}

.snowboard .flex-box.image-frame.image-count-4 .image-left,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-left {
    padding: 10px;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-4 .image-left,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-left {
        width: 50%;
    }
}

.snowboard .flex-box.image-frame.image-count-4 .image-left .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-left .image-box {
    position: relative;
    padding: 0 0 56%;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-4 .image-left .image-box,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-left .image-box {
        padding: 0 0 100%;
    }
}

.snowboard .flex-box.image-frame.image-count-4 .image-left .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-left .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

@media screen and (min-width: 640px) {
    .snowboard .flex-box.image-frame.image-count-4 .image-right,
    .pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right {
        width: 50%;
    }
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .image-right-top,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .image-right-top {
    padding: 10px;
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .image-right-top .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .image-right-top .image-box {
    position: relative;
    padding: 10px 0 50%;
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .image-right-top .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .image-right-top .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .flex-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .flex-box {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .flex-box .flex-image,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .flex-box .flex-image {
    padding: 10px;
    width: 50%;
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .flex-box .flex-image .image-box,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .flex-box .flex-image .image-box {
    position: relative;
    padding: 0 0 100%;
}

.snowboard .flex-box.image-frame.image-count-4 .image-right .flex-box .flex-image .image-box img,
.pop-up-image-frame-outer .flex-box.image-frame.image-count-4 .image-right .flex-box .flex-image .image-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.pop-up-image-frame-outer .flex-box.image-frame.image-count-1 .single-image .image-box {
    padding: 0 0 60%;
}

.lg-outer {
    max-width: 1024px;
    margin: auto;
    right: 0;
}

.lg-outer .lg {
    width: 100% !important;
}

.lg-outer .lg-toolbar {
    background-color: transparent;
    margin-top: 13px;
}

.lg-outer .lg-img-wrap {
    padding: 30px 100px !important;
}

.lg-outer .lg-img-wrap img {
    max-width: 100%;
    max-height: 100%;
}

.lg-outer .lg-toolbar .lg-icon {
    color: #ffffff;
}

.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.lg-actions .lg-icon {
    font-family: 'lg';
}

.Manteau-content {
    padding: 0 0px 60px;
}

.Manteau-content .margin-leftright {
    margin-top: 20px;
}

.Manteau-content .white-bg {
    background-color: #ffffff;
    padding: 40px;
}

.Manteau-content .white-bg .manteau-title h4 {
    color: #555555;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.Manteau-content .white-bg .manteau-title h4:after {
    content: "";
    display: block;
    width: 50px;
    background-color: #c1cc00;
    height: 2px;
    margin-top: 3px;
}

.Manteau-content .white-bg .manteau-title h4 span {
    color: #c1cc00;
}

.Manteau-content .white-bg .dates-value {
    padding-top: 5px;
}

.Manteau-content .white-bg .dates-value ul {
    margin: 0px;
    padding: 0px;
}

.Manteau-content .white-bg .dates-value ul li {
    display: inline-block;
    list-style: none;
    padding-right: 20px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.Manteau-content .white-bg .dates-value ul li i {
    color: #aaaaaa;
    font-size: 18px;
}

.Manteau-content .white-bg .dates-value ul li span {
    color: #aaaaaa;
    font-size: 18px;
    padding-left: 8px;
}

.Manteau-content .white-bg .manteau-para {
    padding-top: 10px;
    font-size: 16px;
    color: #aaaaaa;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.Manteau-content .white-bg .table-description {
    padding-top: 15px;
}

.Manteau-content .white-bg .table-description table tr td {
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #787878;
}

.Manteau-content .white-bg .table-description table tr td:first-child {
    font-weight: 600;
}

.Manteau-content .white-bg .table-description table tr:first-child td {
    border-top: none;
}

.Manteau-content .white-bg .table-description .table-secand tr {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.Manteau-content .white-bg .table-description .table-secand tr td {
    font-size: 15px;
    width: 100%;
    color: #787878;
}

.Manteau-content .white-bg .table-description .table-secand tr td:first-child {
    font-weight: 600;
}

.Manteau-content .white-bg .table-description .table-secand tr td span img {
    max-width: 25px;
}

.Manteau-content .white-bg .table-description .table-secand tr td strong {
    padding-left: 25px;
}

.Manteau-content .delivery-services {
    margin-top: 40px;
}

.Manteau-content .delivery-services .services-items .item-box {
    padding: 0px;
}

.Manteau-content .delivery-services .services-items .item-box .box-detail h3 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.Manteau-content .delivery-services .services-items .item-box .box-detail p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.Manteau-content .border-radius {
    -ms-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    padding: 30px;
}

.Manteau-content .border-radius ul {
    margin: 0px;
    padding: 0px;
}

.Manteau-content .border-radius ul li {
    list-style: none;
    text-align: center;
    margin-bottom: 15px;
}

.Manteau-content .border-radius ul li a {
    padding: 12px 9px;
    background-color: transparent;
    border: 2px solid #787878;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #787878;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    line-height: 1;
    text-decoration: none;
    display: block;
}

.Manteau-content .border-radius ul li a:hover,
.Manteau-content .border-radius ul li a:focus {
    border: 2px solid #787878;
    background-color: #787878;
    color: #ffffff;
}

.Manteau-content .border-radius ul li a.green-bg:hover,
.Manteau-content .border-radius ul li a.green-bg:focus {
    border: 2px solid #c1cc00;
    background-color: #c1cc00;
}

.Manteau-content .border-radius ul li a i {
    padding-right: 5px;
}

.Manteau-content .margin-dtop {
    margin-top: 30px;
}

.Manteau-content .profile-info .profile-img img {
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 105px;
    margin: auto;
    display: block;
    height: 105px;
    float: none;
    margin: auto;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.Manteau-content .profile-info .profile-content h5 {
    font-size: 18px;
    color: #555555;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-align: center;
    margin-top: 15px;
}

.Manteau-content .profile-info .profile-content h5 a {
    color: #555555;
    text-decoration: none;
}

.Manteau-content .profile-info .profile-content h5 a:hover,
.Manteau-content .profile-info .profile-content h5 a:focus {
    color: #c1cc00;
}

.Manteau-content .profile-info .profile-content span {
    font-size: 14px;
    color: #787878;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    display: block;
    text-align: center;
}

.Manteau-content .profile-info .profile-content .star {
    text-align: center;
    padding-top: 5px;
}

.Manteau-content .profile-info .profile-content .star ul {
    padding: 0px;
    margin: 0px;
}

.Manteau-content .profile-info .profile-content .star ul li {
    display: inline-block;
}

.Manteau-content .profile-info .profile-content .star ul li a {
    font-size: 20px;
    color: #cccccc;
}

.Manteau-content .profile-info .profile-content .star ul li.non-active {
    color: #f4f4f4;
}

.Manteau-content .profile-info .profile-content .star ul span {
    display: inline-block;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.Manteau-content .profile-info .profile-content p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #787878;
    text-align: center;
}

.Manteau-content .profile-info .profile-content .profile-links a {
    cursor: pointer;
}

.Manteau-content .profile-info .profile-content .profile-links ul {
    margin: 0px;
    padding: 0px;
}

.Manteau-content .profile-info .profile-content .profile-links ul li {
    list-style: none;
    text-align: center;
    margin-bottom: 15px;
}

.Manteau-content .profile-info .profile-content .profile-links ul li a {
    padding: 12px 29px;
    background-color: transparent;
    border: 2px solid #787878;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #787878;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    line-height: 1;
    text-decoration: none;
    display: block;
}

.Manteau-content .profile-info .profile-content .profile-links ul li a:hover,
.Manteau-content .profile-info .profile-content .profile-links ul li a:focus {
    border: 2px solid #c1cc00;
    background-color: #c1cc00;
    color: #ffffff;
}

.Manteau-content .profile-info .profile-content .profile-links ul li a i {
    padding-right: 5px;
}

.Manteau-content .signaler {
    text-align: right;
    width: 100%;
    padding-right: 15px;
    padding-top: 25px;
}

.Manteau-content .signaler a {
    font-size: 12px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #787878;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.Manteau-content .signaler a:hover,
.Manteau-content .signaler a:focus {
    color: #c1cc00;
}

.back-to-link {
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #787878;
    display: inline-block;
    padding: 4px 0;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    cursor: pointer;
}

.back-to-link:hover,
.back-to-link:focus {
    color: #c1cc00;
}

.profile-links a {
    cursor: pointer;
    font-size: 14px;
    color: #555555;
    text-decoration: none;
}

.profile-links a:hover,
.profile-links a:focus {
    text-decoration: none;
}

.chat-link a {
    display: block;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

/* star custom styling */

.sellerpreview-index-index .margin-dtop {
    margin-top: 0;
}

.sellerpreview-index-index .retour-content {
    margin-top: 40px;
    margin-bottom: -14px;
}

.sellerpreview-index-index .retour-content a {
    margin-bottom: 0;
}

.review-outer {
    margin-bottom: 20px;
    border-radius: 22px;
}

.review-outer .review-inner {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.review-outer .review-inner .review-value {
    width: 145px;
}

.review-outer .review-inner .review-text {
    width: calc(100% - 145px);
}

.review-outer .review-inner .review-text .review-name {
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #555555;
    display: inline-block;
    padding-right: 18px;
    margin-right: 5px;
    position: relative;
}

.review-outer .review-inner .review-text .review-name::after {
    content: "";
    display: block;
    height: 1px;
    width: 5px;
    background-color: #787878;
    position: absolute;
    top: 14px;
    right: 0;
}

.review-outer .review-inner .review-text .review-date {
    font-size: 14px;
    color: #787878;
}

.review-outer .review-inner .review-text .review-summary {
    font-size: 18px;
    color: #787878;
    font-weight: 400;
}

.review-outer .flex-box.stars-outer .star-manager .flex-box .star-img i.fas {
    color: #e8edb5;
}

.review-outer .flex-box.stars-outer .active-star .star-img i.fas {
    color: #c1cc00 !important;
}

.flex-box.stars-outer .star-manager {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    margin-right: 6px;
}

.flex-box.stars-outer .star-manager .flex-box {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.flex-box.stars-outer .star-manager .flex-box .star-img {
    font-size: 13px;
}

.flex-box.stars-outer .star-manager .flex-box .star-img i.fas {
    color: #e2e2e2;
}

.flex-box.stars-outer .star-manager .flex-box .star-img:last-child {
    margin-right: 0;
}

.flex-box.stars-outer .active-star {
    margin-left: -89.13px;
    overflow: hidden;
}

.flex-box.stars-outer .active-star .star-img i.fas {
    color: #c2c2c2 !important;
}

.latest-articles-outer .latest-articles {
    width: 100%;
    padding-bottom: 50px;
}

.latest-articles-outer .latest-articles h4 {
    color: #555555;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 30px;
}

.latest-articles-outer .latest-articles h4:after {
    content: "";
    display: block;
    width: 50px;
    background-color: #c1cc00;
    height: 2px;
    margin-top: 3px;
}

.latest-articles-outer .latest-articles ol.product-items .product-item {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .latest-articles-outer .latest-articles ol.product-items .product-item {
        width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .latest-articles-outer .latest-articles ol.product-items .product-item {
        width: 20%;
    }
}

.latest-articles-outer .latest-articles ol.product-items .par-florie {
    color: #aaaaaa;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.latest-articles-outer .lot-detail {
    background-color: #ffffff;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .latest-articles-outer .lot-detail {
        height: 455px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .latest-articles-outer .lot-detail {
        height: 417px;
    }
}

.latest-articles-outer .lot-detail .lot-detail-inner {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.latest-articles-outer .lot-detail .lot-detail-inner .plus-icon {
    line-height: 0;
    width: 100%;
}

.latest-articles-outer .lot-detail .lot-detail-inner .plus-icon i {
    color: #c1cc00;
    font-size: 36px;
    text-align: center;
}

.latest-articles-outer .lot-detail .lot-detail-inner p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    width: 100%;
}

.latest-articles-outer .load-more {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.latest-articles-outer .load-more a {
    padding: 12px 29px;
    background-color: transparent;
    border: 2px solid #787878;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #787878;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
}

.latest-articles-outer .load-more a:hover,
.latest-articles-outer .load-more a:focus {
    border: 2px solid #c1cc00;
    background-color: #c1cc00;
    color: #FFFFFF;
}

.costum-position {
    margin-left: auto;
    margin-top: 0;
}

.costum-position a {
    display: block;
    position: relative;
    width: 100%;
}

.costum-position a img {
    position: absolute;
    bottom: 0;
}

.red-jacket img {
    width: 100%;
}

.costum-width {
    max-width: 670px;
}

.costum-width .costum-modify {
    padding: 30px 90px;
    border-radius: 35px;
}

.costum-width .costum-modify .modal-header {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    border: none;
}

.costum-width .costum-modify .modal-header .modal-title {
    color: #c1cc00;
    font-size: 30px;
}

.costum-width .costum-modify .modal-header .close {
    position: absolute;
    right: -25px;
    top: 0;
    color: #fff;
    opacity: 1 !important;
    z-index: 1;
}

.costum-width .costum-modify .modal-header .close:hover,
.costum-width .costum-modify .modal-header .close:focus {
    color: #ffffff;
}

.costum-width .costum-modify .modal-header .close-costum {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.costum-width .costum-modify .modal-header .close-costum:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    background: #fff;
    transform: rotate(45deg);
    left: 2px;
    top: 50%;
    margin-top: 1.5px;
}

.costum-width .costum-modify .modal-header .close-costum:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    background: #fff;
    transform: rotate(-45deg);
    left: 2px;
    top: 50%;
    margin-top: 1.5px;
}

.costum-width .costum-modify .modal-body .comment-para {
    text-align: center;
}

.costum-width .costum-modify .modal-body .comment-para p {
    font-size: 17px;
    color: #aaaaaa;
}

.costum-width .costum-modify .modal-body .rating {
    text-align: center;
}

.costum-width .costum-modify .modal-body .rating ul {
    padding: 0;
    margin: 25px 0;
}

.costum-width .costum-modify .modal-body .rating ul li {
    list-style: none;
    display: inline-block;
    font-size: 25px;
    color: #c1cc00;
    margin: 0 3px;
}

.costum-width .costum-modify .modal-body .rating ul li:last-child {
    opacity: 0.5;
}

.costum-width .costum-modify .modal-footer {
    text-align: center;
    border: none;
}

.costum-width .costum-modify .modal-footer .custom-btn {
    margin: 0 auto;
    background: #c1cc00;
    padding: 6px 40px;
    border-radius: 20px;
}

.costum-width textarea {
    resize: none !important;
}

.modal-buttons {
    text-align: center;
}

.modal-buttons ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.modal-buttons ul li {
    list-style: none;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 10px;
}

.modal-buttons ul li a {
    padding: 12px 29px;
    background-color: transparent;
    border: 2px solid #787878;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #787878;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    line-height: 1;
    text-decoration: none;
    display: block;
}

.modal-buttons ul li a:hover,
.modal-buttons ul li a:focus {
    border: 2px solid #c1cc00;
    background-color: #c1cc00;
    color: #ffffff;
}

.modal-buttons ul li a i {
    padding-right: 5px;
}

/*--------Common Modal Close Button Css--------*/

.modal-dialog {
    max-width: 500px;
    margin: auto;
}

.modal-dialog .modal-content {
    padding: 30px 90px;
    border-radius: 50px;
}

.modal-dialog .modal-content h5 {
    color: #c1cc00;
    font-size: 30px;
    text-align: center;
}

.modal-dialog .modal-content .modal-header {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    border: none;
}

.modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -25px;
    top: 0;
    color: #fff;
    opacity: 1 !important;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .modal-header .close {
        right: 8px;
        color: #c1cc00;
        top: 4px;
    }
}

.modal-dialog .modal-content .modal-header .close:hover,
.modal-dialog .modal-content .modal-header .close:focus {
    color: #ffffff;
}

.modal-dialog .modal-content .modal-header .close-costum {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.modal-dialog .modal-content .modal-header .close-costum:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    background: #fff;
    transform: rotate(45deg);
    left: 2px;
    top: 50%;
    margin-top: 1.5px;
}

@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .modal-header .close-costum:after {
        background: #c1cc00;
    }
}

.modal-dialog .modal-content .modal-header .close-costum:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 30px;
    background: #fff;
    transform: rotate(-45deg);
    left: 2px;
    top: 50%;
    margin-top: 1.5px;
}

@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .modal-header .close-costum:before {
        background: #c1cc00;
    }
}

/*--------First Modal Button Css--------*/

.modal-dialog .modal-content {
    padding: 0px;
}

@media screen and (min-width: 768px) {
    .modal-dialog .modal-content {
        padding: 30px 30px;
    }
}

@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .modal-body {
        padding: 0px;
    }
}

@media screen and (min-width: 768px) {
    .modal-dialog .modal-content .modal-body .form-section {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

.modal-dialog .modal-content .modal-body .form-section .form-item {
    width: 100%;
    padding: 0 10px;
}

@media screen and (min-width: 768px) {
    .modal-dialog .modal-content .modal-body .form-section .form-item {
        width: 50%;
    }
}

.modal-dialog .modal-content .modal-body .form-section .form-item input {
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    border-radius: 0px;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
    font-style: italic;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input::-webkit-input-placeholder {
    opacity: 1;
    color: #cccccc;
    font-style: italic;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input:-ms-input-placeholder {
    opacity: 1;
    color: #cccccc;
    font-style: italic;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input::-ms-input-placeholder {
    opacity: 1;
    color: #cccccc;
    font-style: italic;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input:focus::-moz-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input:focus::-ms-input-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .modal-body .form-section .form-item input:hover,
.modal-dialog .modal-content .modal-body .form-section .form-item input:focus {
    box-shadow: none;
    outline: none;
}

.modal-dialog .modal-content .modal-body .shipping-method {
    padding-top: 20px;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding: 15px;
    border: 1px solid #aaaaaa;
    margin-bottom: 20px;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-image img {
    max-width: 120px;
    display: block;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 15px;
    width: 100%;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-radio {
    display: inline-block;
    vertical-align: middle;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-radio input {
    position: absolute;
    height: 25px;
    width: 25px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-radio input:checked+span {
    background-image: url("../images/radio-button.png");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-radio span {
    border: 1px solid #aaaaaa;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-radio label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-para {
    max-width: 400px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #787878;
    padding-top: 5px;
}

.modal-dialog .modal-content .modal-body .shipping-method .shipping-outer .shipping-para-outer .shipping-price {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #c1cc00;
}

.modal-dialog .modal-content .modal-footer {
    border: none;
    display: block;
    margin: auto;
    padding: 0px;
}

@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .modal-footer {
        padding-bottom: 15px;
    }
}

.modal-dialog .modal-content .modal-footer button {
    padding: 12px 25px;
    background-color: #c1cc00;
    border: 2px solid #c1cc00;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #555555;
    line-height: 1;
    text-decoration: none;
    display: block;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width: 200px;
}

.modal-dialog .modal-content .modal-footer button:hover,
.modal-dialog .modal-content .modal-footer button:focus {
    background-color: transparent;
    color: #c1cc00;
    box-shadow: none;
}

/*--------Secand Modal Button Css--------*/

@media screen and (max-width: 767px) {
    .modal-dialog .modal-content .back-button {
        padding: 20px;
        padding-bottom: 0;
    }
}

.modal-dialog .modal-content .back-button a {
    color: #aaaaaa;
    text-decoration: none;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.modal-dialog .modal-content .back-button a span {
    font-weight: 600;
}

.modal-dialog .modal-content .back-button a:hover,
.modal-dialog .modal-content .back-button a:focus {
    color: #c1cc00;
}

.modal-dialog .modal-content .modal-body .table-responsive table tr td {
    border-top: none;
}

.modal-dialog .modal-content .modal-body .up-table table tr td,
.modal-dialog .modal-content .modal-body .down-table table tr td {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.modal-dialog .modal-content .modal-body .up-table table tr td strong,
.modal-dialog .modal-content .modal-body .down-table table tr td strong {
    font-weight: 600;
    max-width: 250px;
}

.modal-dialog .modal-content .modal-body .down-table table tr td {
    color: #787878;
}

.modal-dialog .modal-content .modal-body .down-table table tr td:last-child {
    text-align: right;
}

.modal-dialog .modal-content .modal-body .down-table .green {
    color: #c1cc00;
}

.modal-dialog .modal-content .modal-body .down-table .bolder td {
    font-weight: 700;
    color: #555555;
}

/*--------Third Modal Button Css--------*/

.modal-dialog .modal-content .payment-mode-options {
    vertical-align: middle;
    max-width: 200px;
    margin: auto;
    display: block;
}

.modal-dialog .modal-content .payment-mode-options .form-item {
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.modal-dialog .modal-content .payment-mode-options input {
    position: absolute;
    height: 25px;
    width: 25px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.modal-dialog .modal-content .payment-mode-options input:checked+span {
    background-image: url("../images/radio-button.png");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-dialog .modal-content .payment-mode-options span {
    border: 1px solid #aaaaaa;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
}

.modal-dialog .modal-content .payment-mode-options label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    margin-left: 15px;
}

/*--------Four Modal Button Css--------*/

.modal-dialog .modal-content .form-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.modal-dialog .modal-content .form-item input {
    margin: 0px;
    border: 1px solid #cccccc;
    border-radius: 0px;
}

.modal-dialog .modal-content .form-item input::-moz-placeholder {
    color: #cccccc;
    opacity: 1;
    font-style: italic;
}

.modal-dialog .modal-content .form-item input::-webkit-input-placeholder {
    opacity: 1;
    color: #cccccc;
    font-style: italic;
}

.modal-dialog .modal-content .form-item input:-ms-input-placeholder {
    opacity: 1;
    color: #cccccc;
    font-style: italic;
}

.modal-dialog .modal-content .form-item input::-ms-input-placeholder {
    opacity: 1;
    color: #cccccc;
    font-style: italic;
}

.modal-dialog .modal-content .form-item input:focus::-moz-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .form-item input:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .form-item input:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .form-item input:focus::-ms-input-placeholder {
    opacity: 1;
}

.modal-dialog .modal-content .form-item input:hover,
.modal-dialog .modal-content .form-item input:focus {
    box-shadow: none;
    outline: none;
}

.modal-dialog .modal-content .expiry {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.modal-dialog .modal-content .expiry .form-item {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .modal-dialog .modal-content .expiry .form-item {
        width: 50%;
    }
}

/*--------Five Modal Button Css--------*/

.modal-dialog .modal-content .payment-confirmation {
    text-align: center;
}

.modal-dialog .modal-content .payment-confirmation p {
    font-size: 16px;
    color: #787878;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

@media screen and (min-width: 1800px) {
    .modal-dialog .modal-content .payment-confirmation p {
        font-size: 18px;
    }
}

/*-----------------------03.1 - Good deals-----------------------*/

/*-------------------Banner-------------------*/

.small-banner .banner-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 70px 15px 50px;
}

.small-banner .banner-image .banner-text {
    text-align: center;
    max-width: 550px;
    margin: auto;
    color: #ffffff;
}

.small-banner .banner-image .banner-text p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    max-width: 500px;
    margin: auto;
}

.small-banner .opacity {
    position: relative;
    z-index: 1;
}

.small-banner .opacity:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 30, 49, 0.5);
    content: "";
    display: block;
    z-index: -1;
}

/*-------------------Filter-Page-------------------*/

.breadcumb a {
    color: #aaaaaa;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.product-display-page {
    padding: 60px 0px;
}

.product-display-page .product-upper {
    padding-bottom: 15px;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.product-display-page .product-upper .sort-by-magento a {
    color: #aaaaaa;
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .product-display-page .filter {
        padding: 0px;
    }
}

.product-display-page .filter .filter-outer {
    background-color: #ffffff;
    padding: 25px;
}

.product-display-page .filter .filter-outer h4 {
    color: #555555;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
}

.product-display-page .filter .filter-outer h4:after {
    content: "";
    display: block;
    width: 50px;
    background-color: #c1cc00;
    height: 2px;
    margin-top: 3px;
}

.product-display-page .filter .filter-outer ul {
    margin: 0px;
    padding: 0px;
}

.product-display-page .filter .filter-outer ul li {
    list-style: none;
}

.product-display-page .filter .filter-outer ul li a {
    color: #aaaaaa;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.product-display-page .filter .filter-outer ul li a:before {
    content: "";
    display: block;
    background: url("../images/filter-arrow.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.product-display-page .filter .filter-outer ul li a.active {
    font-weight: 600;
}

.product-display-page .filter .filter-outer ul li ul {
    margin: 0px;
    padding-left: 15px;
}

.product-display-page .filter .filter-outer ul li ul li a {
    font-size: 13px;
}

.product-display-page .filter .sizes-outer {
    background-color: #ffffff;
    padding: 25px;
    margin-top: 40px;
}

.product-display-page .filter .sizes-outer h4 {
    color: #555555;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    margin-bottom: 20px;
}

.product-display-page .filter .sizes-outer h4:after {
    content: "";
    display: block;
    width: 50px;
    background-color: #c1cc00;
    height: 2px;
    margin-top: 3px;
}

.product-display-page .filter .sizes-outer .sizes,
.product-display-page .filter .sizes-outer .genre,
.product-display-page .filter .sizes-outer .etat,
.product-display-page .filter .sizes-outer .dimension,
.product-display-page .filter .sizes-outer .attribute,
.product-display-page .filter .sizes-outer .special-attribute {
    margin-bottom: 22px;
}

.product-display-page .filter .sizes-outer .sizes ul,
.product-display-page .filter .sizes-outer .genre ul,
.product-display-page .filter .sizes-outer .etat ul,
.product-display-page .filter .sizes-outer .dimension ul,
.product-display-page .filter .sizes-outer .attribute ul,
.product-display-page .filter .sizes-outer .special-attribute ul {
    margin: 0px;
    padding: 0px;
}

.product-display-page .filter .sizes-outer .sizes ul li,
.product-display-page .filter .sizes-outer .genre ul li,
.product-display-page .filter .sizes-outer .etat ul li,
.product-display-page .filter .sizes-outer .dimension ul li,
.product-display-page .filter .sizes-outer .attribute ul li,
.product-display-page .filter .sizes-outer .special-attribute ul li {
    list-style: none;
    color: #aaaaaa;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 7px;
}

.product-display-page .filter .sizes-outer .sizes ul li input,
.product-display-page .filter .sizes-outer .genre ul li input,
.product-display-page .filter .sizes-outer .etat ul li input,
.product-display-page .filter .sizes-outer .dimension ul li input,
.product-display-page .filter .sizes-outer .attribute ul li input,
.product-display-page .filter .sizes-outer .special-attribute ul li input {
    position: absolute;
    height: 25px;
    width: 25px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.product-display-page .filter .sizes-outer .sizes ul li input:checked+span,
.product-display-page .filter .sizes-outer .genre ul li input:checked+span,
.product-display-page .filter .sizes-outer .etat ul li input:checked+span,
.product-display-page .filter .sizes-outer .dimension ul li input:checked+span,
.product-display-page .filter .sizes-outer .attribute ul li input:checked+span,
.product-display-page .filter .sizes-outer .special-attribute ul li input:checked+span {
    background-image: url("../images/tick-button.png");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}

.product-display-page .filter .sizes-outer .sizes ul li span,
.product-display-page .filter .sizes-outer .genre ul li span,
.product-display-page .filter .sizes-outer .etat ul li span,
.product-display-page .filter .sizes-outer .dimension ul li span,
.product-display-page .filter .sizes-outer .attribute ul li span,
.product-display-page .filter .sizes-outer .special-attribute ul li span {
    border: 1px solid #aaaaaa;
    width: 25px;
    height: 25px;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 10px;
}

.product-display-page .filter .sizes-outer .numbers {
    margin-bottom: 20px;
}

.product-display-page .filter .sizes-outer .numbers ul {
    margin: 0px;
    padding: 0px;
}

.product-display-page .filter .sizes-outer .numbers ul li {
    list-style: none;
    display: inline-block;
}

.product-display-page .filter .sizes-outer .numbers ul li a {
    color: #aaaaaa;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    padding: 0 9px;
}

.product-display-page .filter .sizes-outer .numbers ul li a.active {
    font-weight: 600;
}

.product-display-page .filter .sizes-outer .colors {
    margin-bottom: 20px;
}

.product-display-page .filter .sizes-outer .colors ul {
    margin: 0px;
    padding: 0px;
}

.product-display-page .filter .sizes-outer .colors ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 4px;
}

.product-display-page .filter .sizes-outer .colors ul li a {
    width: 25px;
    height: 20px;
    background-color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    padding: 0 9px;
}

.product-display-page .product-display .product-display-inner .product-outer {
    margin-bottom: 20px;
}

.product-display-page .product-display .product-display-inner .product-outer .product {
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    position: relative;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-image {
    position: relative;
    cursor: pointer;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-image img {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-image .off {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #c1cc00;
    color: #555555;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    margin: auto;
    text-align: center;
    line-height: 2.7;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-image .off span {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 1;
    font-size: 12px;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-image:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    z-index: 2;
    cursor: pointer;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-image:hover:before,
.product-display-page .product-display .product-display-inner .product-outer .product .product-image:focus:before {
    opacity: 1;
    visibility: visible;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-info {
    background-color: #ffffff;
    text-align: center;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-info h3 a {
    color: #555555;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-info h3 a:hover,
.product-display-page .product-display .product-display-inner .product-outer .product .product-info h3 a:focus {
    color: #c1cc00;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-info span {
    display: block;
    width: 100%;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-info .new-price {
    color: #c1cc00;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.product-display-page .product-display .product-display-inner .product-outer .product .product-info .old-price {
    color: #aaaaaa;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: line-through;
    text-decoration-color: #787878;
    padding-bottom: 5px;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger {
    margin-bottom: 20px;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 8% 0px;
    text-align: center;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image h3 {
    max-width: 150px;
    margin: auto;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image h3 a {
    color: #ffffff;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image h3 a:hover,
.product-display-page .product-display .product-display-inner .product-outer-bigger .image h3 a:focus {
    color: #c1cc00;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image span {
    display: block;
    width: 100%;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image .new-price {
    color: #c1cc00;
    font-size: 27px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image .old-price {
    color: #ffffff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: line-through;
    padding-bottom: 5px;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image .link {
    margin-top: 40px;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image .link a {
    padding: 12px 29px;
    background-color: #c1cc00;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #000000;
    border: 1px solid #c1cc00;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.product-display-page .product-display .product-display-inner .product-outer-bigger .image .link a:hover,
.product-display-page .product-display .product-display-inner .product-outer-bigger .image .link a:focus {
    background-color: #c1cc00;
    border-color: #c1cc00;
    color: #ffffff;
}

.product-pagination {
    text-align: center;
    margin-top: 20px;
}

.product-pagination ul {
    margin: 0px;
    padding: 0px;
}

.product-pagination ul li {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid #cccccc;
    color: #cccccc;
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.product-pagination ul li a {
    text-decoration: none;
    color: #cccccc;
    line-height: 1;
}

.product-pagination ul li:hover,
.product-pagination ul li:focus,
.product-pagination ul li.active {
    border: 1px solid #555555;
}

.product-pagination ul li:hover a,
.product-pagination ul li:focus a,
.product-pagination ul li.active a {
    color: #787878;
}

/*-----------------------04.1 - Coach Tips-----------------------*/

.coach-tips {
    padding-bottom: 60px;
}

.coach-tips .coach-title {
    padding-top: 50px;
}

.coach-tips .coach-title h4 {
    color: #555555;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.coach-tips .coach-title h4 span {
    color: #787878;
}

.coach-tips .coach-title h4:after {
    content: "";
    display: block;
    width: 50px;
    background-color: #c1cc00;
    height: 2px;
    margin-top: 3px;
}

.coach-images {
    padding-top: 30px;
}

.coach-images .coach-outer {
    margin-bottom: 30px;
}

.coach-images .coach-outer .coach-image img {
    width: 100%;
}

.coach-images .coach-outer .coach-info {
    background-color: #ffffff;
    padding: 10px 25px 20px 25px;
    text-align: center;
}

.coach-images .coach-outer .coach-info .date {
    color: #aaaaaa;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 8px;
}

.coach-images .coach-outer .coach-info .title {
    color: #555555;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 8px;
}

.coach-images .coach-outer .coach-info .para {
    color: #787878;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 8px;
}

.coach-images .coach-outer .coach-info .author-name {
    color: #aaaaaa;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    padding-bottom: 8px;
}

.coach-images .coach-outer .coach-info .coach-link {
    margin-top: 12px;
}

.coach-images .coach-outer .coach-info .coach-link a {
    padding: 12px 29px;
    background-color: #c1cc00;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #FFFFFF;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.coach-images .coach-outer .coach-info .coach-link a:hover,
.coach-images .coach-outer .coach-info .coach-link a:focus {
    color: #787878;
}

/*-----------------------04.1 - Coach Tips- Detail -----------------------*/

.small-banner .banner-image {
    padding: 100px 15px 50px;
}

.small-banner .banner-image .banner-text {
    text-align: center;
}

.small-banner .banner-image .banner-text .author-image {
    padding-top: 20px;
}

.small-banner .banner-image .banner-text .author-image img {
    max-width: 120px;
}

.small-banner .banner-image .banner-text .author-name {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-top: 20px;
}

.small-banner .banner-image .banner-text .author-date {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-bottom: 40px;
}

.small-banner .banner-image .banner-text .online-links p {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-bottom: 8px;
}

.small-banner .banner-image .banner-text .online-links ul {
    margin: 0px;
    padding: 0px;
}

.small-banner .banner-image .banner-text .online-links ul li {
    display: inline-block;
    list-style: none;
}

.small-banner .banner-image .banner-text .online-links ul li a {
    color: #ffffff;
    font-size: 30px;
    margin-right: 10px;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.small-banner .banner-image .banner-text .online-links ul li a:hover,
.small-banner .banner-image .banner-text .online-links ul li a:focus {
    color: #c1cc00;
}

.coach-tips-detail {
    padding-bottom: 50px;
}

.coach-tips-detail .back-to-page {
    padding-top: 50px;
}

.coach-tips-detail .back-to-page a {
    color: #aaaaaa;
    text-decoration: none;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.coach-tips-detail .back-to-page a span {
    font-weight: 600;
}

.coach-tips-detail .back-to-page a:hover,
.coach-tips-detail .back-to-page a:focus {
    color: #c1cc00;
}

.coach-tips-detail .coach-detail {
    background-color: #ffffff;
    padding: 60px;
    margin-top: 15px;
    margin-bottom: 40px;
}

.coach-tips-detail .coach-detail h3 {
    color: #c1cc00;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Ubuntu', sans-serif;
    margin: 0px;
    padding-bottom: 25px;
}

.coach-tips-detail .coach-detail p {
    color: #787878;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 15px;
}

.coach-tips-detail .coach-detail .border-bg {
    border-left: 7px solid #c1cc00;
    padding: 15px;
    color: #787878;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    max-width: 470px;
}

.coach-tips-detail .coach-detail .author-description {
    max-width: 700px;
    margin: auto;
    text-align: center;
    border-top: 1px solid #cccccc;
    margin-top: 35px;
    padding-top: 42px;
}

.coach-tips-detail .coach-detail .author-description .author-image img {
    max-width: 130px;
}

.coach-tips-detail .coach-detail .author-description .author-name {
    color: #555555;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 0px;
}

.coach-tips-detail .coach-detail .author-description .author-desc {
    color: #787878;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 15px;
}

.coach-tips-detail .coach-detail .author-description .online-links ul {
    margin: 0px;
    padding: 0px;
}

.coach-tips-detail .coach-detail .author-description .online-links ul li {
    display: inline-block;
    list-style: none;
}

.coach-tips-detail .coach-detail .author-description .online-links ul li a {
    color: #555555;
    font-size: 30px;
    margin-right: 10px;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.coach-tips-detail .coach-detail .author-description .online-links ul li a:hover,
.coach-tips-detail .coach-detail .author-description .online-links ul li a:focus {
    color: #c1cc00;
}

.coach-tips-detail .coach-images {
    margin: 0 -15px;
}

.coach-tips-detail .coach-images h4 {
    color: #555555;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}

.coach-tips-detail .coach-images h4:after {
    content: "";
    display: block;
    width: 50px;
    background-color: #c1cc00;
    height: 2px;
    margin-top: 3px;
}

/*-----------------------13.1 - Listing product-----------------------*/

/*-----------------------15.1 - Product Page of The Seller-----------------------*/

.delete-popup .modal-dialog .modal-content .modal-footer button {
    background-color: transparent;
    border: none;
    margin-bottom: 10px;
}

.delete-popup .modal-dialog .modal-content .modal-footer button:hover,
.delete-popup .modal-dialog .modal-content .modal-footer button:focus {
    border: none;
    background-color: #c1cc00;
    color: #555555;
}

/*-----------------------16.1 - Lot detail-----------------------*/

.lot-detail {
    padding-top: 50px;
}

.lot-detail .product-display {
    padding-top: 25px;
}

.lot-detail .product-display .product-outer .product-image {
    position: relative;
}

.lot-detail .product-display .product-outer .product-image img {
    width: 100%;
}

.lot-detail .product-display .product-outer .product-description {
    background-color: #ffffff;
    padding: 15px 20px;
    text-align: center;
}

.lot-detail .product-display .product-outer .product-description .product-name {
    color: #555555;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 10px;
}

.lot-detail .product-display .product-outer .product-description .product-price {
    color: #c1cc00;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.lot-detail .product-display .product-outer .product-description .product-button a {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    color: #aaaaaa;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 30px;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-decoration: none;
}

.lot-detail .product-display .product-outer .product-description .product-button a:hover,
.lot-detail .product-display .product-outer .product-description .product-button a:focus {
    background-color: #c1cc00;
    border: 1px solid #c1cc00;
    color: #ffffff;
}

.pagination-outer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-left: 212px;
    align-items: center;
    margin-top: 15px;
}

.product-pagination {
    margin-left: auto;
    margin-right: auto;
}

.pagination-outer .per-page p {
    margin: 6px 8px;
}

.pagination-outer .per-page {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.pagination-outer .per-page .form-control {
    width: auto;
}

.field .label,
.label {
    color: #000;
}

/* wk-mp-design page */

.wk-mp-design {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .wk-mp-design {
        padding-top: 90px;
        padding-bottom: 90px;
        max-width: 840px;
        margin-left: auto;
        margin-right: auto;
    }
}

.products-bottom-more-li {
    clear: both;
}

/* seller page */

.box-item.seller-lot {
    position: relative;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding-bottom: 30px;
}

.box-item.seller-lot .field-box {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    width: 100%;
}

.box-item.seller-lot .field-box .card {
    width: 100%;
}

.box-item.seller-lot .field-box .card a.img-wrapper {
    position: relative;
    display: block;
    padding: 0 0 100%;
    overflow: hidden;
}

.box-item.seller-lot .field-box .card a.img-wrapper img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.box-item.seller-lot .field-box .card a.img-wrapper::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background-color: rgba(85, 85, 85, 0.55);
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath d='M256,96C144.341,96,47.559,161.021,0,256c47.559,94.979,144.341,160,256,160c111.656,0,208.439-65.021,256-160 C464.441,161.021,367.656,96,256,96z M382.225,180.852c30.082,19.187,55.572,44.887,74.719,75.148 c-19.146,30.261-44.639,55.961-74.719,75.148C344.428,355.257,300.779,368,256,368c-44.78,0-88.428-12.743-126.225-36.852 c-30.08-19.188-55.57-44.888-74.717-75.148c19.146-30.262,44.637-55.962,74.717-75.148c1.959-1.25,3.938-2.461,5.929-3.65 C130.725,190.866,128,205.613,128,221c0,70.691,57.308,128,128,128c70.691,0,128-57.309,128-128 c0-15.387-2.725-30.134-7.703-43.799C378.285,178.39,380.266,179.602,382.225,180.852z M256,205c0,26.51-21.49,48-48,48 s-48-21.49-48-48s21.49-48,48-48S256,178.49,256,205z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    visibility: hidden;
    background-position: center;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.box-item.seller-lot .field-box .card a.img-wrapper:hover::after {
    opacity: 1;
    visibility: visible;
}

.box-item.seller-lot .field-box .card .card-body .sprt-no {
    font-size: 22px;
}

.box-item.seller-lot .inpu-img input.check-on-img {
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
    z-index: 2;
}

.box-item.seller-lot .card-image-outer {
    position: relative;
    padding: 0 0 100%;
}

.box-item.seller-lot .card-image-outer img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.box-item.seller-lot .card-image-outer input.check-on-img:checked+.check-img {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.box-item.seller-lot .card-body h4 {
    font-weight: 600;
    font-size: 15px;
    margin-top: 0;
}

@media screen and (min-width: 1200px) {
    .box-item.seller-lot .card-body h4 {
        font-size: 16px;
    }
}

.box-item.seller-lot .card-body h4 a {
    color: #444444;
    text-decoration: none;
    display: block;
}

.box-item.seller-lot .card-body h4 a:hover,
.box-item.seller-lot .card-body h4 a:focus {
    color: #c1cc00 !important;
    text-decoration: none;
}

.box-item.seller-lot .lt-dtls-link a {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 6px 12px;
    line-height: 1;
    display: inline-block;
    font-size: 13px;
    color: #aaa;
    margin-top: 5px;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    text-decoration: none;
}

.box-item.seller-lot .lt-dtls-link a:hover,
.box-item.seller-lot .lt-dtls-link a:focus {
    color: #555555;
    border-color: #c1cc00;
    background-color: #c1cc00;
}

.box-item.seller-lot .lt-dtls-sold span {
    border-radius: 10px;
    border: 1px solid #aaa;
    padding: 6px 12px;
    line-height: 1;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background-color: #aaaaaa;
    margin-top: 5px;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    cursor: not-allowed;
    min-width: 100px;
}

.side-bar-2 {
    text-align: center;
    font-size: 14px;
}

.side-bar-2 .white-bg {
    margin-left: 0;
    margin-right: 0;
    padding: 30px 20px;
}

.side-bar-2 .payment-delivery-link {
    color: #787878;
    font-size: 15px;
}

.side-bar-2 .payment-delivery-link strong {
    font-weight: 700;
    color: #555555;
}

.side-bar-2 .link a {
    font-size: 14px;
}

.side-bar-2 .link .bordered-link {
    background-color: transparent;
    color: #787878;
    border: 1px solid #787878;
    font-size: 14px;
}

.side-bar-2 .link .bordered-link:hover,
.side-bar-2 .link .bordered-link:focus {
    color: #ffffff;
    background-color: #787878;
}

.mid-link-btn .mid-link {
    background-color: transparent;
    color: #555555;
    border: 1px solid #555555;
    box-shadow: none;
    outline: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
}

.mid-link-btn .mid-link:hover,
.mid-link-btn .mid-link:focus {
    color: #ffffff !important;
    background-color: #c1cc00;
    border-color: #c1cc00;
}

/* basic page-css */

.scroll-banner,
.scroll-review {
    font-size: 30px;
    color: #fff;
    width: 40px;
    line-height: 40px;
    margin: 30px auto 0;
    cursor: pointer;
}

@media screen and (min-width: 992px) {
    .scroll-banner,
    .scroll-review {
        margin: 70px auto 0;
    }
}

.scroll-banner .fas,
.scroll-review .fas {
    font-size: 0;
}

.scroll-banner .fas::before,
.scroll-review .fas::before {
    font-size: 30px;
}

.scroll-banner:hover,
.scroll-review:hover {
    color: #c1cc00;
}

/*  Messaging - List */

.mpsellerbuyercommunication-seller-history.account .column.main {
    max-width: 100%;
    padding-left: 0;
}

.message-history-outer {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}

.message-history-outer .item {
    margin-bottom: 2px;
}

.message-block {
    position: relative;
}

.message-block a {
    background-color: #ffffff;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    color: #555555;
    text-decoration: none;
    padding: 15px 30px 15px 15px;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 768px) {
    .message-block a {
        padding: 15px 50px 15px 30px;
    }
}

.message-block .seller_img {
    height: 80px;
    width: 80px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.message-block .seller_img img {
    max-width: 100%;
    min-height: 80px;
    -webkit-object-fit: cover;
    object-fit: cover;
}

.message-block .seller_info {
    width: calc(100% - 80px);
    padding-left: 15px;
}

@media screen and (min-width: 600px) {
    .message-block .seller_info {
        padding-left: 30px;
    }
}

.message-block .seller_info p {
    margin-bottom: 0;
}

.message-block .seller_info .prod_info {
    font-weight: 600;
    font-size: 18px;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #787878;
}

.message-block .seller_info .prod_info .prod_price {
    font-size: 1.2em;
    color: #c1cc00;
}

.message-block .seller_info .seller_name {
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    color: #787878;
}

.message-block .seller_info .msg_date {
    opacity: .7;
}

.message-block .msg_remove {
    position: absolute;
    height: 32px;
    width: 32px;
    padding: 6px;
    right: 10px;
    top: 50%;
    margin-top: -16px;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .message-block .msg_remove {
        right: 20px;
    }
}

.message-block .msg_remove span {
    position: relative;
    height: 20px;
    width: 20px;
    font-size: 0;
    color: transparent;
    display: block;
}

.message-block .msg_remove span::after,
.message-block .msg_remove span::before {
    content: "";
    width: 20px;
    height: 3px;
    background-color: #999999;
    display: block;
    position: absolute;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    top: 50%;
    left: 0;
    margin-top: -1px;
}

.message-block .msg_remove span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.message-block .msg_remove span::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.message-block:hover a {
    text-decoration: none;
    color: #ffffff;
    background-color: #787878;
}

.message-block:hover a .seller_info .prod_info {
    color: #ffffff;
}

.message-block:hover a .seller_info .prod_info .prod_price {
    font-size: 1.2em;
    color: #c1cc00;
}

.message-block:hover a .seller_name {
    color: #ffffff;
}

.message-block:hover .msg_remove {
    cursor: pointer;
}

.message-block:hover .msg_remove span::after,
.message-block:hover .msg_remove span::before {
    background-color: #999999;
}

.message-block:hover .msg_remove:hover span::after,
.message-block:hover .msg_remove:hover span::before {
    background-color: #ffffff;
}

/* seller-first-login-content */

.seller-first-login-content {
    margin-top: 0;
    margin-bottom: auto;
    font-size: 16px;
    text-align: center;
}

.seller-first-login-content .seller-first-inner p {
    margin-bottom: 20px;
    width: 100%;
}

.seller-first-login-content .seller-first-inner .add-article-outer {
    width: 100%;
}

.seller-first-login-content .bottom-toolbar {
    width: 100%;
}

body.account.mpsellerbuyercommunication-seller-view .column.main,
body.account.mpsellerbuyercommunication-customer-view .column.main {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.message-box {
    max-width: 1000px;
    margin: auto;
    border-color: #fff;
    border-width: 0 4px;
    border-style: solid;
    background-color: #f4f4f4;
    margin-top: 60px;
}

.message-box .message-header {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    background-color: #ffffff;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 10px;
}

@media screen and (min-width: 480px) {
    .message-box .message-header {
        padding: 20px 15px 20px 15px;
    }
}

@media screen and (min-width: 768px) {
    .message-box .message-header {
        padding: 30px 100px 30px 70px;
    }
}

.message-box .message-header .back-link {
    margin: 0;
}

.message-box .message-header .back-link a {
    color: #999999;
    text-decoration: none;
    padding: 0 10px;
    display: block;
}

.message-box .message-header .back-link a i.fa,
.message-box .message-header .back-link a i.fas {
    font-size: 28px;
    line-height: 30px;
    display: block;
}

.message-box .message-header .query-heading-comm {
    font-size: 17px;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 480px) {
    .message-box .message-header .query-heading-comm {
        font-size: 24px;
    }
}

.message-box .message-header .query-heading-comm a {
    color: #555555;
    text-decoration: none;
}

.message-box .message-header .query-heading-comm a:hover,
.message-box .message-header .query-heading-comm a:focus {
    color: #c1cc00;
}

.message-box .message-item-outer {
    padding: 30px 10px 0;
}

@media screen and (min-width: 480px) {
    .message-box .message-item-outer {
        padding: 30px 30px 0;
    }
}

@media screen and (min-width: 768px) {
    .message-box .message-item-outer {
        padding: 30px 70px 0;
    }
}

.message-box .message-item-outer .wk-sbcom-onereply {
    box-shadow: none;
    margin-bottom: 15px;
}

.message-box .message-item-outer .user-reply,
.message-box .message-item-outer .own-reply {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.message-box .message-item-outer .user-reply .user-profile a,
.message-box .message-item-outer .own-reply .user-profile a {
    height: 90px;
    width: 90px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
}

.message-box .message-item-outer .user-reply .user-profile img,
.message-box .message-item-outer .own-reply .user-profile img {
    border-radius: 50%;
    height: auto;
    max-width: 75px;
    -ms-object-fit: cover;
    -webkit-object-fit: cover;
    object-fit: cover;
    min-height: 75px;
}

@media screen and (min-width: 768px) {
    .message-box .message-item-outer .user-reply .user-profile img,
    .message-box .message-item-outer .own-reply .user-profile img {
        max-width: 90px;
        min-height: 90px;
    }
}

.message-box .message-item-outer .user-reply .message-outer,
.message-box .message-item-outer .own-reply .message-outer {
    max-width: calc(100% - 90px);
    border-radius: 20px;
    background-color: #ffffff;
    color: #787878;
    padding: 15px 10px;
    width: 100%;
}

@media screen and (min-width: 480px) {
    .message-box .message-item-outer .user-reply .message-outer,
    .message-box .message-item-outer .own-reply .message-outer {
        min-width: 240px;
    }
}

@media screen and (min-width: 768px) {
    .message-box .message-item-outer .user-reply .message-outer,
    .message-box .message-item-outer .own-reply .message-outer {
        max-width: calc(100% - 130px);
    }
}

@media screen and (min-width: 600px) {
    .message-box .message-item-outer .user-reply .message-outer,
    .message-box .message-item-outer .own-reply .message-outer {
        padding: 30px;
    }
}

.message-box .message-item-outer .user-reply .message-outer .user-name,
.message-box .message-item-outer .own-reply .message-outer .user-name {
    font-size: 18px;
    font-weight: 600;
    color: #555555;
}

.message-box .message-item-outer .user-reply .offer-msg,
.message-box .message-item-outer .own-reply .offer-msg {
    border-radius: 20px;
    padding: 30px;
    background-color: #c1cc00;
    color: #ffffff;
    text-align: center;
}

.message-box .message-item-outer .user-reply .offer-msg p,
.message-box .message-item-outer .own-reply .offer-msg p {
    margin-bottom: 0;
}

.message-box .message-item-outer .user-reply .offer-msg .offer-rate,
.message-box .message-item-outer .own-reply .offer-msg .offer-rate {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
}

.message-box .message-item-outer .user-reply .offer-msg input#accept,
.message-box .message-item-outer .user-reply .offer-msg input#decline,
.message-box .message-item-outer .own-reply .offer-msg input#accept,
.message-box .message-item-outer .own-reply .offer-msg input#decline {
    display: block;
    background: transparent;
    padding: 5px 15px;
    text-align: center;
    border-radius: 20px;
    min-width: 170px;
    color: #555555;
    border: 1px solid #ffffff;
    margin: 15px auto 0 auto;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    box-shadow: none;
    color: #ffffff;
}

.message-box .message-item-outer .user-reply .offer-msg input#accept:hover,
.message-box .message-item-outer .user-reply .offer-msg input#decline:hover,
.message-box .message-item-outer .own-reply .offer-msg input#accept:hover,
.message-box .message-item-outer .own-reply .offer-msg input#decline:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    box-shadow: none;
    color: #787878;
}

.message-box .message-item-outer .user-reply .offer-msg input#accept,
.message-box .message-item-outer .own-reply .offer-msg input#accept {
    border: 2px solid #ffffff;
    padding: 7px 15px;
}

.message-box .message-item-outer .user-reply .offer-msg input#accept:hover,
.message-box .message-item-outer .own-reply .offer-msg input#accept:hover {
    border: 2px solid #ffffff;
}

.message-box .message-item-outer .user-reply .offer-accepted,
.message-box .message-item-outer .own-reply .offer-accepted {
    background-color: #c1cc00;
}

.message-box .message-item-outer .user-reply .offer-declined,
.message-box .message-item-outer .own-reply .offer-declined {
    background-color: #555555;
}

.message-box .message-item-outer .user-reply .offer-declined .offer-rate,
.message-box .message-item-outer .own-reply .offer-declined .offer-rate {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.message-box .message-item-outer .user-reply .offer-declined .offer-rate::after,
.message-box .message-item-outer .own-reply .offer-declined .offer-rate::after {
    content: "";
    height: 2px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 100%;
}

.message-box .message-item-outer .user-reply .offer-accepted,
.message-box .message-item-outer .user-reply .offer-declined,
.message-box .message-item-outer .own-reply .offer-accepted,
.message-box .message-item-outer .own-reply .offer-declined {
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    text-align: center;
    text-align: center;
}

.message-box .message-item-outer .user-reply .offer-accepted p,
.message-box .message-item-outer .user-reply .offer-declined p,
.message-box .message-item-outer .own-reply .offer-accepted p,
.message-box .message-item-outer .own-reply .offer-declined p {
    margin: 0;
}

.message-box .message-item-outer .user-reply .offer-accepted .offer-rate,
.message-box .message-item-outer .user-reply .offer-declined .offer-rate,
.message-box .message-item-outer .own-reply .offer-accepted .offer-rate,
.message-box .message-item-outer .own-reply .offer-declined .offer-rate {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
}

.message-box .message-item-outer .user-reply .offer-accepted .purchase-link,
.message-box .message-item-outer .user-reply .offer-declined .purchase-link,
.message-box .message-item-outer .own-reply .offer-accepted .purchase-link,
.message-box .message-item-outer .own-reply .offer-declined .purchase-link {
    padding-top: 10px;
}

.message-box .message-item-outer .user-reply .offer-accepted .purchase-link a,
.message-box .message-item-outer .user-reply .offer-declined .purchase-link a,
.message-box .message-item-outer .own-reply .offer-accepted .purchase-link a,
.message-box .message-item-outer .own-reply .offer-declined .purchase-link a {
    border-radius: 20px;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-right: 10px;
    box-shadow: none;
    outline: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    outline: none;
    text-decoration: none;
    padding: 7px 15px;
    display: inline-block;
    line-height: 1;
}

.message-box .message-item-outer .user-reply .offer-accepted .purchase-link a:hover,
.message-box .message-item-outer .user-reply .offer-accepted .purchase-link a:focus,
.message-box .message-item-outer .user-reply .offer-accepted .purchase-link a.active,
.message-box .message-item-outer .user-reply .offer-declined .purchase-link a:hover,
.message-box .message-item-outer .user-reply .offer-declined .purchase-link a:focus,
.message-box .message-item-outer .user-reply .offer-declined .purchase-link a.active,
.message-box .message-item-outer .own-reply .offer-accepted .purchase-link a:hover,
.message-box .message-item-outer .own-reply .offer-accepted .purchase-link a:focus,
.message-box .message-item-outer .own-reply .offer-accepted .purchase-link a.active,
.message-box .message-item-outer .own-reply .offer-declined .purchase-link a:hover,
.message-box .message-item-outer .own-reply .offer-declined .purchase-link a:focus,
.message-box .message-item-outer .own-reply .offer-declined .purchase-link a.active {
    background-color: #787878;
    color: #ffffff;
    border: 2px solid #787878;
    text-decoration: none;
}

.message-box .message-item-outer .user-reply .offer-accepted .offer-head-msg,
.message-box .message-item-outer .user-reply .offer-declined .offer-head-msg,
.message-box .message-item-outer .own-reply .offer-accepted .offer-head-msg,
.message-box .message-item-outer .own-reply .offer-declined .offer-head-msg {
    font-weight: 500;
}

.message-box .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"],
.message-box .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"],
.message-box .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"],
.message-box .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"] {
    border-radius: 20px;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-right: 10px;
    box-shadow: none;
    outline: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    outline: none;
    text-decoration: none;
    padding: 7px 15px;
    display: inline-block;
    line-height: 1;
}

.message-box .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"]:hover,
.message-box .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"]:focus,
.message-box .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"].active,
.message-box .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"]:hover,
.message-box .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"]:focus,
.message-box .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"].active,
.message-box .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"]:hover,
.message-box .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"]:focus,
.message-box .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"].active,
.message-box .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"]:hover,
.message-box .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"]:focus,
.message-box .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"].active {
    background-color: #787878;
    color: #ffffff;
    border: 2px solid #787878;
    text-decoration: none;
}

.message-box .message-item-outer .user-reply .user-profile {
    margin-right: 15px;
}

@media screen and (min-width: 768px) {
    .message-box .message-item-outer .user-reply .user-profile {
        margin-right: 40px;
    }
}

.message-box .message-item-outer .user-reply+.date {
    width: 100%;
    padding-left: 130px;
    display: block;
    padding-top: 10px;
}

.message-box .message-item-outer .own-reply {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.message-box .message-item-outer .own-reply .user-profile {
    margin-left: 15px;
}

@media screen and (min-width: 768px) {
    .message-box .message-item-outer .own-reply .user-profile {
        margin-left: 40px;
    }
}

.message-box .message-item-outer .own-reply+.date {
    width: 100%;
    text-align: right;
    display: block;
    padding-right: 130px;
    padding-top: 10px;
}

.message-box .offer-section {
    padding: 25px 60px;
    text-align: right;
}

.message-box .offer-section span.offer-text {
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-right: 10px;
}

.message-box .offer-section span.offer-icon {
    background: #c1cc00;
    border-radius: 50%;
    padding: 10px;
    font-size: 35px;
    line-height: 1;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    color: #787878;
    cursor: pointer;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.message-box .offer-section span.offer-icon:hover {
    color: #ffffff;
}

.message-box .message-form-outer {
    background-color: #ffffff;
    padding: 30px 10px;
}

@media screen and (min-width: 600px) {
    .message-box .message-form-outer {
        padding: 30px 60px;
    }
}

.message-box .message-form-outer form .fieldset.info {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    overflow: unset;
}

.message-box .message-form-outer form .fieldset.info .field {
    margin-bottom: 0;
    flex: 1 1 0;
}

.message-box .message-form-outer form .fieldset.info .field textarea {
    border: none;
    box-shadow: none;
    outline: none;
}

.message-box .message-form-outer form .fieldset.info .field .emojionearea {
    border: none;
    box-shadow: none;
}

.message-box .message-form-outer form .fieldset.info .field .emojionearea .emojionearea-editor {
    min-height: 34px;
}

.message-box .message-form-outer form .fieldset.info .field .emojionearea .emojionearea-button {
    position: absolute;
    top: 50%;
    margin-top: -13px;
}

.message-box .message-form-outer form .fieldset.info .button-holder {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.message-box .message-form-outer .input-box {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}

.message-box .message-form-outer .input-box .new_attachment {
    display: none;
}

.message-box .message-form-outer .input-box.image-upload-field {
    overflow: unset;
}

.message-box .message-form-outer .input-box input {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.message-box .message-form-outer .input-box .fas,
.message-box .message-form-outer .input-box .fa {
    color: #bbbbbb;
    font-size: 18px;
}

.message-box .message-form-outer .input-box .fas:hover,
.message-box .message-form-outer .input-box .fa:hover {
    color: #c1cc00;
}

.message-box .message-form-outer #otherimages {
    display: none;
}

.message-box .message-form-outer .button-holder .button {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #c1cc00;
    overflow: hidden;
}

.message-box .toolbar {
    text-align: right;
    padding: 0 15px;
    margin-bottom: 10px;
}

.modal-content .message-header {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    background-color: #ffffff;
    padding: 30px 100px 30px 70px;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.modal-content .message-header .back-link {
    margin: 0;
}

.modal-content .message-header .back-link a {
    color: #999999;
    text-decoration: none;
    padding: 0 10px;
    display: block;
}

.modal-content .message-header .back-link a i.fa,
.modal-content .message-header .back-link a i.fas {
    font-size: 28px;
    line-height: 30px;
    display: block;
}

.modal-content .message-header .query-heading-comm {
    font-size: 17px;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 480px) {
    .modal-content .message-header .query-heading-comm {
        font-size: 24px;
    }
}

.modal-content .message-header .query-heading-comm a {
    color: #555555;
    text-decoration: none;
}

.modal-content .message-header .query-heading-comm a:hover,
.modal-content .message-header .query-heading-comm a:focus {
    color: #c1cc00;
}

.modal-content .message-item-outer {
    padding: 30px 10px 0;
}

@media screen and (min-width: 480px) {
    .modal-content .message-item-outer {
        padding: 30px 30px 0;
    }
}

@media screen and (min-width: 768px) {
    .modal-content .message-item-outer {
        padding: 30px 70px 0;
    }
}

.modal-content .message-item-outer .wk-sbcom-onereply {
    box-shadow: none;
    margin-bottom: 15px;
}

.modal-content .message-item-outer .user-reply,
.modal-content .message-item-outer .own-reply {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.modal-content .message-item-outer .user-reply .user-profile a,
.modal-content .message-item-outer .own-reply .user-profile a {
    display: block;
    height: 75px;
    width: 75px;
    overflow: hidden;
    border-radius: 50%;
}

@media screen and (min-width: 768px) {
    .modal-content .message-item-outer .user-reply .user-profile a,
    .modal-content .message-item-outer .own-reply .user-profile a {
        height: 90px;
        width: 90px;
    }
}

.modal-content .message-item-outer .user-reply .user-profile img,
.modal-content .message-item-outer .own-reply .user-profile img {
    border-radius: 50%;
    height: auto;
    max-width: 75px;
}

@media screen and (min-width: 768px) {
    .modal-content .message-item-outer .user-reply .user-profile img,
    .modal-content .message-item-outer .own-reply .user-profile img {
        max-width: 90px;
    }
}

.modal-content .message-item-outer .user-reply .message-outer,
.modal-content .message-item-outer .own-reply .message-outer {
    border-radius: 20px;
    background-color: #ffffff;
    color: #787878;
    padding: 15px 10px;
    max-width: calc(100% - 90px);
    width: 100%;
}

@media screen and (min-width: 480px) {
    .modal-content .message-item-outer .user-reply .message-outer,
    .modal-content .message-item-outer .own-reply .message-outer {
        min-width: 240px;
    }
}

@media screen and (min-width: 600px) {
    .modal-content .message-item-outer .user-reply .message-outer,
    .modal-content .message-item-outer .own-reply .message-outer {
        padding: 30px;
    }
}

@media screen and (min-width: 768) {
    .modal-content .message-item-outer .user-reply .message-outer,
    .modal-content .message-item-outer .own-reply .message-outer {
        max-width: calc(100% - 130px);
    }
}

.modal-content .message-item-outer .user-reply .message-outer .user-name,
.modal-content .message-item-outer .own-reply .message-outer .user-name {
    font-size: 18px;
    font-weight: 600;
    color: #555555;
}

.modal-content .message-item-outer .user-reply .offer-msg,
.modal-content .message-item-outer .own-reply .offer-msg {
    border-radius: 20px;
    padding: 30px;
    background-color: #c1cc00;
    color: #ffffff;
    text-align: center;
}

.modal-content .message-item-outer .user-reply .offer-msg p,
.modal-content .message-item-outer .own-reply .offer-msg p {
    margin-bottom: 0;
}

.modal-content .message-item-outer .user-reply .offer-msg .offer-rate,
.modal-content .message-item-outer .own-reply .offer-msg .offer-rate {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
}

.modal-content .message-item-outer .user-reply .offer-msg input#accept,
.modal-content .message-item-outer .user-reply .offer-msg input#decline,
.modal-content .message-item-outer .own-reply .offer-msg input#accept,
.modal-content .message-item-outer .own-reply .offer-msg input#decline {
    display: block;
    background: transparent;
    padding: 5px 15px;
    text-align: center;
    border-radius: 20px;
    min-width: 170px;
    color: #555555;
    border: 1px solid #ffffff;
    margin: 15px auto 0 auto;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    box-shadow: none;
    color: #ffffff;
}

.modal-content .message-item-outer .user-reply .offer-msg input#accept:hover,
.modal-content .message-item-outer .user-reply .offer-msg input#decline:hover,
.modal-content .message-item-outer .own-reply .offer-msg input#accept:hover,
.modal-content .message-item-outer .own-reply .offer-msg input#decline:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    outline: none;
    box-shadow: none;
    color: #787878;
}

.modal-content .message-item-outer .user-reply .offer-msg input#accept,
.modal-content .message-item-outer .own-reply .offer-msg input#accept {
    border: 2px solid #ffffff;
    padding: 7px 15px;
}

.modal-content .message-item-outer .user-reply .offer-msg input#accept:hover,
.modal-content .message-item-outer .own-reply .offer-msg input#accept:hover {
    border: 2px solid #ffffff;
}

.modal-content .message-item-outer .user-reply .offer-accepted,
.modal-content .message-item-outer .own-reply .offer-accepted {
    background-color: #c1cc00;
}

.modal-content .message-item-outer .user-reply .offer-declined,
.modal-content .message-item-outer .own-reply .offer-declined {
    background-color: #555555;
}

.modal-content .message-item-outer .user-reply .offer-declined .offer-rate,
.modal-content .message-item-outer .own-reply .offer-declined .offer-rate {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.modal-content .message-item-outer .user-reply .offer-declined .offer-rate::after,
.modal-content .message-item-outer .own-reply .offer-declined .offer-rate::after {
    content: "";
    height: 2px;
    background-color: rgba(255, 255, 255, 0.75);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 100%;
}

.modal-content .message-item-outer .user-reply .offer-accepted,
.modal-content .message-item-outer .user-reply .offer-declined,
.modal-content .message-item-outer .own-reply .offer-accepted,
.modal-content .message-item-outer .own-reply .offer-declined {
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    text-align: center;
    text-align: center;
}

.modal-content .message-item-outer .user-reply .offer-accepted p,
.modal-content .message-item-outer .user-reply .offer-declined p,
.modal-content .message-item-outer .own-reply .offer-accepted p,
.modal-content .message-item-outer .own-reply .offer-declined p {
    margin: 0;
}

.modal-content .message-item-outer .user-reply .offer-accepted .offer-rate,
.modal-content .message-item-outer .user-reply .offer-declined .offer-rate,
.modal-content .message-item-outer .own-reply .offer-accepted .offer-rate,
.modal-content .message-item-outer .own-reply .offer-declined .offer-rate {
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
}

.modal-content .message-item-outer .user-reply .offer-accepted .purchase-link,
.modal-content .message-item-outer .user-reply .offer-declined .purchase-link,
.modal-content .message-item-outer .own-reply .offer-accepted .purchase-link,
.modal-content .message-item-outer .own-reply .offer-declined .purchase-link {
    padding-top: 10px;
}

.modal-content .message-item-outer .user-reply .offer-accepted .purchase-link a,
.modal-content .message-item-outer .user-reply .offer-declined .purchase-link a,
.modal-content .message-item-outer .own-reply .offer-accepted .purchase-link a,
.modal-content .message-item-outer .own-reply .offer-declined .purchase-link a {
    border-radius: 20px;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-right: 10px;
    box-shadow: none;
    outline: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    outline: none;
    text-decoration: none;
    padding: 7px 15px;
    display: inline-block;
    line-height: 1;
}

.modal-content .message-item-outer .user-reply .offer-accepted .purchase-link a:hover,
.modal-content .message-item-outer .user-reply .offer-accepted .purchase-link a:focus,
.modal-content .message-item-outer .user-reply .offer-accepted .purchase-link a.active,
.modal-content .message-item-outer .user-reply .offer-declined .purchase-link a:hover,
.modal-content .message-item-outer .user-reply .offer-declined .purchase-link a:focus,
.modal-content .message-item-outer .user-reply .offer-declined .purchase-link a.active,
.modal-content .message-item-outer .own-reply .offer-accepted .purchase-link a:hover,
.modal-content .message-item-outer .own-reply .offer-accepted .purchase-link a:focus,
.modal-content .message-item-outer .own-reply .offer-accepted .purchase-link a.active,
.modal-content .message-item-outer .own-reply .offer-declined .purchase-link a:hover,
.modal-content .message-item-outer .own-reply .offer-declined .purchase-link a:focus,
.modal-content .message-item-outer .own-reply .offer-declined .purchase-link a.active {
    background-color: #787878;
    color: #ffffff;
    border: 2px solid #787878;
    text-decoration: none;
}

.modal-content .message-item-outer .user-reply .offer-accepted .offer-head-msg,
.modal-content .message-item-outer .user-reply .offer-declined .offer-head-msg,
.modal-content .message-item-outer .own-reply .offer-accepted .offer-head-msg,
.modal-content .message-item-outer .own-reply .offer-declined .offer-head-msg {
    font-weight: 500;
}

.modal-content .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"],
.modal-content .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"],
.modal-content .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"],
.modal-content .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"] {
    border-radius: 20px;
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-right: 10px;
    box-shadow: none;
    outline: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    outline: none;
    text-decoration: none;
    padding: 7px 15px;
    display: inline-block;
    line-height: 1;
}

.modal-content .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"]:hover,
.modal-content .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"]:focus,
.modal-content .message-item-outer .user-reply .offer-accepted .checkoutLink input[type="submit"].active,
.modal-content .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"]:hover,
.modal-content .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"]:focus,
.modal-content .message-item-outer .user-reply .offer-declined .checkoutLink input[type="submit"].active,
.modal-content .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"]:hover,
.modal-content .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"]:focus,
.modal-content .message-item-outer .own-reply .offer-accepted .checkoutLink input[type="submit"].active,
.modal-content .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"]:hover,
.modal-content .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"]:focus,
.modal-content .message-item-outer .own-reply .offer-declined .checkoutLink input[type="submit"].active {
    background-color: #787878;
    color: #ffffff;
    border: 2px solid #787878;
    text-decoration: none;
}

.modal-content .message-item-outer .user-reply .user-profile {
    margin-right: 15px;
}

@media screen and (min-width: 768px) {
    .modal-content .message-item-outer .user-reply .user-profile {
        margin-right: 40px;
    }
}

.modal-content .message-item-outer .own-reply {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.modal-content .message-item-outer .own-reply .user-profile {
    margin-left: 15px;
}

@media screen and (min-width: 768px) {
    .modal-content .message-item-outer .own-reply .user-profile {
        margin-left: 40px;
    }
}

.modal-content .offer-section {
    padding: 25px 60px;
    text-align: right;
}

.modal-content .offer-section span.offer-text {
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-right: 10px;
}

.modal-content .offer-section span.offer-icon {
    background: #c1cc00;
    border-radius: 50%;
    padding: 10px;
    font-size: 35px;
    line-height: 1;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    color: #787878;
    cursor: pointer;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.modal-content .offer-section span.offer-icon:hover {
    color: #ffffff;
}

.modal-content .message-form-outer {
    background-color: #ffffff;
    padding: 30px 10px;
}

@media screen and (min-width: 600px) {
    .modal-content .message-form-outer {
        padding: 30px 60px;
    }
}

.modal-content .message-form-outer form .fieldset.info {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    overflow: unset;
}

.modal-content .message-form-outer form .fieldset.info .field {
    margin-bottom: 0;
    flex: 1 1 0;
}

.modal-content .message-form-outer form .fieldset.info .field textarea {
    border: none;
    box-shadow: none;
    outline: none;
}

.modal-content .message-form-outer form .fieldset.info .button-holder {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
}

.modal-content .message-form-outer .input-box {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}

.modal-content .message-form-outer .input-box input {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    overflow: hidden;
}

.modal-content .message-form-outer .input-box .fas,
.modal-content .message-form-outer .input-box .fa {
    color: #bbbbbb;
    font-size: 18px;
}

.modal-content .message-form-outer .input-box .fas:hover,
.modal-content .message-form-outer .input-box .fa:hover {
    color: #c1cc00;
}

.modal-content .message-form-outer #otherimages {
    display: none;
}

.modal-content .message-form-outer .button-holder .button {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: #c1cc00;
    overflow: hidden;
}

.modal-content .toolbar {
    text-align: right;
    padding: 0 60px;
    margin-bottom: 10px;
}

/* enquire-popup */

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content {
    border-radius: 0;
    background-color: #f4f4f4;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    position: relative;
    padding: 20px 30px;
    margin-top: 40px;
    background-color: #ffffff;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div>.field {
    margin-bottom: 15px;
    width: 100%;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div>.field.first_name {
    width: 50%;
    padding-right: 10px;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div>.field.last_name {
    width: 50%;
    padding-left: 10px;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div legend.legend {
    position: absolute;
    border: none;
    bottom: 100%;
    left: 0;
    margin-bottom: 0px;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div legend.legend span {
    position: relative;
    display: block;
    color: #57576a;
    font-weight: normal;
    font-size: 2rem;
    margin-bottom: 5px;
    padding-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    border-bottom: none;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .fieldset-div legend.legend span::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    display: block;
    left: 0;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .actions-toolbar {
    text-align: right;
    padding-top: 20px;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .actions-toolbar .primary {
    float: none;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .actions-toolbar .primary button.action {
    min-width: 160px;
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
}

.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .actions-toolbar .primary button.action:focus,
.modals-wrapper .modal-popup.large.enquiry-form .modal-inner-wrap .modal-content form.enquiry .actions-toolbar .primary button.action:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

/* cart-page */

.cart-container {
    background-color: #ffffff;
    border-radius: 24px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 0 0 0 20px;
}

@media screen and (max-width: 767px) {
    .cart-container {
        padding: 0;
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 992px) {
    .cart-container {
        padding-left: 30px;
    }
}

.cart-container .wk-seller-block.wk-block {
    display: none;
}

@media screen and (max-width: 767px) {
    .cart-container .cart-summary {
        order: 2;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .cart-container .cart-summary {
        width: 33.3333%;
    }
}

.cart-container .form.form-cart {
    font-size: 14px;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-right: 20px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .cart-container .form.form-cart {
        width: 66.6667%;
    }
}

@media screen and (max-width: 991px) {
    .cart-container .form.form-cart {
        order: 1;
        padding: 15px;
        border-radius: 24px 24px 0 0;
        margin: 0;
    }
    .cart-container .form.form-cart .product-image-container {
        max-width: 110px;
    }
}

@media screen and (min-width: 992px) {
    .cart-container .form.form-cart {
        padding-right: 30px;
    }
}

.cart-container .form.form-cart .cart.items thead th {
    font-size: 18px;
    font-weight: 600;
    width: auto;
    border-top: none;
}

@media screen and (max-width: 767px) {
    .cart-container .form.form-cart .cart.items thead th {
        border-bottom: none;
    }
}

.cart-container .form.form-cart .cart.items tbody td {
    width: auto;
}

@media screen and (max-width: 767px) {
    .cart-container .form.form-cart .cart.items tbody td {
        width: 100%;
        text-align: center;
        display: block;
        padding: 0;
    }
    .cart-container .form.form-cart .cart.items tbody td.col.qty .input-text {
        margin-top: 0;
    }
    .cart-container .form.form-cart .cart.items tbody td.price,
    .cart-container .form.form-cart .cart.items tbody td.qty,
    .cart-container .form.form-cart .cart.items tbody td.subtotal {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        -ms-align-items: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-bottom: 5px;
    }
    .cart-container .form.form-cart .cart.items tbody td.price:before,
    .cart-container .form.form-cart .cart.items tbody td.qty:before,
    .cart-container .form.form-cart .cart.items tbody td.subtotal:before {
        margin-right: 10px;
        padding-bottom: 0;
    }
    .cart-container .form.form-cart .cart.items tbody td .product-item-details {
        margin-top: 10px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .cart-container .form.form-cart .cart.table-wrapper {
        border: none;
    }
    .cart-container .form.form-cart .cart.table-wrapper .item .col.item {
        padding: 0;
    }
    .cart-container .form.form-cart .product-item-photo {
        position: relative;
        padding: 0;
        top: 0;
        max-width: 100%;
        width: 100%;
        left: 0;
        text-align: center;
    }
    .cart-container .form.form-cart .product-item-photo .product-image-container {
        max-width: 140px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.cart-container .form.form-cart .cart.table-wrapper .actions-toolbar>.action-edit:before,
.cart-container .form.form-cart .cart.table-wrapper .actions-toolbar>.action-delete:before {
    font-size: 30px;
    line-height: 30px;
}

.cart-container .form.form-cart .cart.table-wrapper .actions-toolbar>.action-edit:before:hover,
.cart-container .form.form-cart .cart.table-wrapper .actions-toolbar>.action-delete:before:hover {
    color: #c1cc00;
}

.cart-container .form.form-cart .action.towishlist.action-towishlist {
    line-height: 30px;
    color: #787878;
    text-decoration: none;
}

.cart-container .form.form-cart .action.towishlist.action-towishlist:hover {
    color: #c1cc00;
}

.cart-container .form.form-cart .action.update {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    box-shadow: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cart-container .form.form-cart .action.update span {
    font-size: 1em;
}

.cart-container .form.form-cart .action.update:hover {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}

.cart-container .form.form-cart .actions-toolbar {
    min-height: 45px;
}

.cart-container .cart-discount {
    padding-left: 30px;
    border-bottom: none;
}

@media screen and (min-width: 768px) {
    .cart-container .cart-discount {
        padding-bottom: 30px;
    }
}

.cart-container .cart-discount #block-discount {
    display: none;
}

.cart-container .cart-discount .title strong {
    font-weight: 500;
    color: #c1cc00;
    font-style: 12px;
}

.cart-container .cart-discount .fieldset .field .control input {
    min-height: 35px;
}

.cart-container .cart-discount .fieldset .actions-toolbar button.action.apply {
    background-color: #c1cc00;
    border: none;
    box-shadow: none;
    outline: none;
    color: #323232;
    font-weight: 500;
}

.cart-container .cart-summary {
    padding: 30px;
    background-color: #c1cc00;
    border-radius: 0 0 24px 24px;
    -webkit-border-radius: 0 0 24px 24px;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .cart-container .cart-summary {
        border-radius: 0 24px 24px 0;
        -webkit-border-radius: 0 24px 24px 0;
    }
}

.cart-container .cart-summary .summary.title {
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
}

.cart-container .cart-summary .mark,
.cart-container .cart-summary mark {
    background-color: transparent;
}

.cart-container .cart-summary .data.totals .totals.sub td,
.cart-container .cart-summary .data.totals .totals.sub th,
.cart-container .cart-summary .data.totals .totals.shipping td,
.cart-container .cart-summary .data.totals .totals.shipping th {
    font-size: 14px;
}

.cart-container .cart-summary .checkout-methods-items .action.primary.checkout {
    width: auto;
    display: inline-block;
    background: #ffffff;
    padding: 7px 15px;
    min-width: 160px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #ffffff;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    box-shadow: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.cart-container .cart-summary .checkout-methods-items .action.primary.checkout span {
    font-size: 1em;
}

.cart-container .cart-summary .checkout-methods-items .action.primary.checkout:hover {
    color: #ffffff;
    border: 1px solid #555555;
    background: #555555;
    outline: none;
    box-shadow: none;
}

.cart-container .cart-summary .checkout-methods-items .action.multicheckout {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    color: #555555;
    display: none;
}

.form.payments .form.form-discount {
    display: table;
}

.form.payments .form.form-discount>div {
    display: table-cell;
    vertical-align: top;
}

.form.payments .form.form-discount>div .field .control input {
    min-height: 35px;
}

.form.payments .form.form-discount>div.actions-toolbar button.action-apply {
    background-color: #c1cc00;
    border: none;
    box-shadow: none;
    outline: none;
    color: #323232;
    font-weight: 500;
}

.form.payments .payment-option.discount-code .payment-option-title {
    padding-left: 0;
    color: #c1cc00;
}

.form.payments .payment-option.discount-code .payment-option-title .action-toggle {
    color: #c1cc00;
}

.form.payments .payment-option.discount-code .payment-option-content {
    padding-left: 0;
}

.checkout-container {
    background-color: #ffffff;
    margin-top: 60px;
    margin-bottom: 60px;
    border-radius: 20px;
    padding: 50px 30px 30px;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1200px) {
    .checkout-container {
        max-width: 1160px;
    }
}

@media screen and (max-width: 991px) {
    .checkout-container {
        max-width: 730px;
    }
}

.checkout-container .opc-progress-bar {
    text-align: center;
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    padding-bottom: 20px;
}

.checkout-container .opc-progress-bar li {
    width: 50%;
}

.checkout-container .opc-progress-bar .opc-progress-bar-item._active:before {
    background: #c1cc00;
    border-color: #c1cc00;
}

.checkout-container .opc-progress-bar .opc-progress-bar-item._active>span:before {
    background: #c1cc00;
    border-color: #c1cc00;
}

.checkout-container .opc-progress-bar .opc-progress-bar-item._active>span:after {
    border-color: #c1cc00;
}

.checkout-container .opc-progress-bar .opc-progress-bar-item._complete>span {
    color: #c1cc00;
    font-weight: 500;
}

.checkout-container .opc-wrapper {
    max-width: 100%;
    padding: 0;
}

.checkout-container .opc-wrapper .opc {
    margin-left: -15px;
    margin-right: -15px;
}

@media screen and (min-width: 768px) {
    .checkout-container .opc-wrapper .opc {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
}

.checkout-container .opc-wrapper .opc>li {
    padding: 0 15px;
}

.checkout-container .opc-wrapper .opc>li .step-content {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .checkout-container .opc-wrapper .opc>li {
        width: 50%;
    }
    .checkout-container .opc-wrapper .opc>li#payment {
        width: 100%;
    }
}

.checkout-container .opc-wrapper .opc>li .step-title {
    font-weight: 500;
    color: #555555;
    font-size: 22px;
    border-bottom: none;
    margin-bottom: 15px;
}

.checkout-container .opc-wrapper .opc>li .step-title::after {
    display: block;
    width: 35px;
    height: 2px;
    border-bottom: 2px solid #c1cc00;
    padding-bottom: 4px;
    content: "";
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.not-selected-item {
    width: 100%;
    border-color: #656565;
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.not-selected-item:after {
    background-color: #656565;
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.not-selected-item a {
    font-weight: 500;
    color: #000000;
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.selected-item {
    width: 100%;
    border-color: #c1cc00;
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.selected-item:after {
    background-color: #c1cc00;
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.selected-item a {
    font-weight: 500;
    color: #000000;
}

.checkout-container .opc-wrapper .opc>li .shipping-address-item.selected-item .action-select-shipping-item {
    display: none;
}

.checkout-container .opc-wrapper .opc>li .form.methods-shipping button.button,
.checkout-container .opc-wrapper .opc>li .form.methods-shipping .action.action-show-popup,
.checkout-container .opc-wrapper .opc>li .step-content button.button,
.checkout-container .opc-wrapper .opc>li .step-content .action.action-show-popup {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    box-shadow: none;
    outline: none;
}

.checkout-container .opc-wrapper .opc>li .form.methods-shipping button.button:focus,
.checkout-container .opc-wrapper .opc>li .form.methods-shipping button.button:hover,
.checkout-container .opc-wrapper .opc>li .form.methods-shipping .action.action-show-popup:focus,
.checkout-container .opc-wrapper .opc>li .form.methods-shipping .action.action-show-popup:hover,
.checkout-container .opc-wrapper .opc>li .step-content button.button:focus,
.checkout-container .opc-wrapper .opc>li .step-content button.button:hover,
.checkout-container .opc-wrapper .opc>li .step-content .action.action-show-popup:focus,
.checkout-container .opc-wrapper .opc>li .step-content .action.action-show-popup:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.checkout-container .opc-wrapper .checkout-shipping-method .step-content {
    margin-bottom: 0;
}

.checkout-container .opc-wrapper .checkout-shipping-method .step-content #checkout-shipping-method-load {
    border: 2px solid #c1cc00;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-container .opc-wrapper .checkout-shipping-method .step-content table.table-checkout-shipping-method {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.checkout-container .opc-wrapper .checkout-shipping-method .step-content table.table-checkout-shipping-method tr {
    display: table-row;
}

.checkout-container .opc-wrapper .checkout-shipping-method .step-content table.table-checkout-shipping-method tr td {
    width: auto;
    display: table-cell;
}

.checkout-container .opc-wrapper .checkout-shipping-method .step-content table.table-checkout-shipping-method tr td:last-child {
    text-align: right;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper {
    width: 100%;
    margin-top: 0;
    background-color: #f7f7f7;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .modal-content {
    border: none;
    box-shadow: none;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary {
    background-color: #f7f7f7;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary .title {
    font-weight: 500;
    color: #000000;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary .items-in-cart>.title strong {
    font-size: 17px;
    font-weight: 600;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary .minicart-items-wrapper {
    padding-top: 0;
    margin-top: 0;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary .minicart-items .product-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary .minicart-items .product-item .product-item-details {
    padding-top: 0;
    padding-bottom: 0;
}

.checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper .opc-block-summary .minicart-items .product-item .product-item-details .product-item-inner {
    padding-bottom: 0;
    margin-bottom: 0;
}

.checkout-container .opc-payment .items.payment-methods .actions-toolbar .primary button {
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
    box-shadow: none;
    outline: none;
    margin-top: 0;
    margin-left: 10px;
}

.checkout-container .opc-payment .items.payment-methods .actions-toolbar .primary button:focus,
.checkout-container .opc-payment .items.payment-methods .actions-toolbar .primary button:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.checkout-container .opc-payment .items.payment-methods .wk_ws_payment_form_outer {
    background-color: #c1cc00;
}

.checkout-container .opc-payment .items.payment-methods .wk_ws_payment_form_outer .wk_ws_payment_table tr:nth-child(2n) td:nth-child(2n+1) {
    background-color: #c1cc00;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    line-height: 38px;
}

.checkout-container .modal-header {
    padding: 0;
}

.checkout-container .modal-content #opc-sidebar {
    border: 1px solid #c1cc00;
}

@media screen and (min-width: 768px) {
    .checkout-container .modal-content #opc-sidebar {
        display: flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }
}

.checkout-container .modal-content #opc-sidebar .opc-block-summary {
    margin-bottom: 0;
    padding: 30px 20px;
    background-color: #eff2c6;
}

@media screen and (min-width: 768px) {
    .checkout-container .modal-content #opc-sidebar .opc-block-summary {
        width: 50%;
        padding: 30px;
    }
}

.checkout-container .modal-content #opc-sidebar .opc-block-summary .mark,
.checkout-container .modal-content #opc-sidebar .opc-block-summary mark {
    background-color: transparent;
}

.checkout-container .modal-content #opc-sidebar .opc-block-shipping-information {
    margin-bottom: 0;
    padding: 30px 20px;
}

.checkout-container .modal-content #opc-sidebar .opc-block-shipping-information .shipping-information-title {
    font-weight: 500;
    font-size: 22px;
}

.checkout-container .modal-content #opc-sidebar .opc-block-shipping-information a {
    color: #c1cc00;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.checkout-container .modal-content #opc-sidebar .opc-block-shipping-information a:hover {
    color: #333333;
}

@media screen and (min-width: 768px) {
    .checkout-container .modal-content #opc-sidebar .opc-block-shipping-information {
        padding: 30px;
        width: 50%;
    }
}

/*  */

.common-form .fieldset.white-bg {
    padding: 20px 30px;
}

.common-form .continue-button {
    text-align: right;
    padding-top: 20px;
}

.common-form .continue-button .button.gn-btn {
    min-width: 160px;
    display: inline-block;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 10px 30px;
    border-radius: 20px !important;
    line-height: 1;
    text-decoration: none;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: .04em;
    background-color: #c1cc00;
    margin-right: 0;
}

.common-form .continue-button .button.gn-btn:focus,
.common-form .continue-button .button.gn-btn:hover {
    background-color: #999999 !important;
    color: #ffffff !important;
    border: 1px solid #999999 !important;
}

.common-form .continue-button .button.gn-btn span {
    text-transform: capitalize;
}

/* wallet */

.wallet-detail-box {
    border-radius: 20px;
    background-color: #ffffff;
    padding: 30px;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
    .wallet-detail-box {
        margin-bottom: 50px;
    }
}

@media screen and (min-width: 1200px) {
    .wallet-detail-box {
        margin-bottom: 60px;
    }
}

.wallet-detail-box .wk_ws_sub_head_details {
    width: 100% !important;
}

.wallet-detail-box .wk_ws_sub_head_details h2 {
    font-weight: 500;
    color: #555555;
    margin-bottom: 5px;
}

.wallet-detail-box .wk_ws_sub_head_details h3 {
    margin-bottom: 5px;
    line-height: 1;
}

.wallet-detail-box .wk_ws_sub_head_details .wk_ws_price {
    font-size: 40px;
    font-weight: 600;
    color: #c1cc00;
    line-height: 1;
}

.wallet-detail-box .button.action.primary {
    float: none;
    margin-top: 20px;
    background-color: transparent;
    padding: 6px 30px;
    border-radius: 40px;
    border: 1px solid #787878;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #787878;
    text-decoration: none;
    display: inline-block;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.wallet-detail-box .button.action.primary:hover,
.wallet-detail-box .button.action.primary:focus {
    background-color: #c1cc00;
    color: #555555;
    border: 1px solid #c1cc00;
}

@media screen and (min-width: 768px) {
    .wallet-outer {
        padding-left: 7%;
    }
}

.wallet-outer .ui-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wallet-outer .ui-tabs ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}

.wallet-outer .ui-tabs ul li a {
    padding: 10px 30px;
    line-height: 1.1;
    background-color: #cccccc;
    display: block;
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    min-width: 100px;
}

.wallet-outer .ui-tabs ul li a:hover {
    color: #333333;
    background-color: #ffffff;
}

.wallet-outer .ui-tabs ul li.ui-tabs-active a,
.wallet-outer .ui-tabs ul li .ui-state-active a {
    color: #333333;
    background-color: #ffffff;
}

.wallet-outer .wallet-item {
    background-color: #ffffff;
    margin-bottom: 15px;
    padding: 25px 30px;
}

.wallet-outer .wallet-item .order-id-outer {
    font-size: 16px;
    margin-bottom: 15px;
    color: #787878;
}

.wallet-outer .wallet-item .order-detail {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
    display: block;
}

.wallet-outer .wallet-item .wallet-item-footer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.wallet-outer .wallet-item .wallet-item-footer .link {
    margin-top: 10px;
}

.wallet-outer .wallet-item .wallet-item-footer .price {
    font-size: 16px;
    color: #787878;
    margin-top: 10px;
}

.wallet-outer .wallet-item .wallet-item-footer .price p {
    margin-bottom: 0;
    line-height: 30px;
}

.wallet-outer .wallet-item .wallet-item-footer .price span {
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    color: #c1cc00;
    font-weight: 600;
}

.wallet-outer .wk_ws_body {
    border: none;
    -ms-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    max-width: 650px;
    margin: auto;
    margin-bottom: 30px;
}

.wallet-outer .wk_ws_body .wallet-transaction-view tr th {
    color: #787878;
    font-weight: 600;
}

.wallet-outer .wk_ws_body .wallet-transaction-view tr td {
    color: #787878;
    text-align: right;
}

.wallet-outer #transfer-form-data .field label {
    font-weight: 500;
    color: #787878;
}

.wallet-outer #transfer-form-data .button.action.primary {
    float: right;
    margin-top: 10px;
    background-color: transparent;
    padding: 6px 30px;
    border-radius: 40px;
    border: 1px solid #787878;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    color: #787878;
    text-decoration: none;
    display: inline-block;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.wallet-outer #transfer-form-data .button.action.primary:hover,
.wallet-outer #transfer-form-data .button.action.primary:focus {
    background-color: #c1cc00;
    color: #555555;
    border: 1px solid #c1cc00;
}

.wallet-outer .wk_ws_table {
    margin-top: 40px;
    background-color: #ffffff;
    -ms-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 25px;
}

.wallet-outer .wk_ws_table h3 {
    position: relative;
    color: #555555;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 10px;
    border-bottom: none;
    font-size: 20px;
    letter-spacing: 0px;
}

.wallet-outer .wk_ws_table h3::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #c1cc00;
    display: block;
    left: 0;
    margin-top: 4px;
}

.wallet-outer .wk_ws_table .table-wrapper thead tr th {
    white-space: nowrap;
    border-top: none;
    border-bottom: 1px solid #d1d1d1;
    font-weight: 500;
    color: #787878;
}

.sales-order-view .page-title-wrapper .order-status,
.sales-order-view .page-title-wrapper .order-date,
.sales-order-view .page-title-wrapper .actions-toolbar.order-actions-toolbar {
    display: none !important;
    font-size: 0 !important;
}

.sales-order-view .column.main>.items.order-links {
    display: none;
}

.sales-order-view .column.main>.order-details-items {
    padding: 0;
    border: none;
    margin-top: 0;
}

.sales-order-view .column.main>.order-details-items .order-detail-outer {
    padding-left: 0;
}

.sales-order-view .order-details-items .box-content a {
    color: inherit;
    text-decoration: none;
}

dl.payment-method {
    margin-bottom: 0;
}

dl.payment-method dt.title {
    margin-bottom: 0;
}

#mpmangopay-seller-bank-form .fieldset.white-bg-box {
    padding: 15px 15px;
}

@media screen and (min-width: 992px) {
    #mpmangopay-seller-bank-form .fieldset.white-bg-box #mpmangopay_bank_fields .col-md-6:nth-child(2n+1) {
        padding-right: 40px;
    }
}

@media screen and (min-width: 992px) {
    #mpmangopay-seller-bank-form .fieldset.white-bg-box #mpmangopay_bank_fields .col-md-6:nth-child(2n) {
        padding-left: 40px;
    }
}

#mpmangopay-seller-bank-form .fieldset.white-bg-box .profile.field label {
    font-weight: 600;
    color: #57576a;
}

#mpmangopay-seller-bank-form .input-box {
    width: 100%;
}

#mpmangopay-seller-bank-form .input-box input,
#mpmangopay-seller-bank-form .input-box select,
#mpmangopay-seller-bank-form .input-box textarea {
    width: 100%;
}

#mpmangopay-seller-bank-form .input-box select#countrypic {
    width: 100% !important;
}

#mpmangopay-seller-bank-form .buttons-outer #addCardButton {
    color: #5a7423 !important;
    background-color: #c1cc00;
    width: auto;
    padding: 5px 20px;
    border-radius: 28px;
    border: 1px solid #c1cc00;
    text-shadow: none;
    text-transform: lowercase;
    margin-top: 10px;
}

#mpmangopay-seller-bank-form .buttons-outer #addCardButton:hover,
#mpmangopay-seller-bank-form .buttons-outer #addCardButton:focus {
    background-color: #555555;
    color: #ffffff !important;
    border-color: #555555;
}

#mpmangopay-seller-bank-form .buttons-outer .green-btn,
#mpmangopay-seller-bank-form .buttons-outer #addCardButton {
    outline: none;
    box-shadow: none;
    font-weight: normal;
    float: none;
    display: block;
    margin-left: auto !important;
}

#mpmangopay-seller-bank-form .buttons-outer .green-btn:hover,
#mpmangopay-seller-bank-form .buttons-outer .green-btn:focus,
#mpmangopay-seller-bank-form .buttons-outer #addCardButton:hover,
#mpmangopay-seller-bank-form .buttons-outer #addCardButton:focus {
    background-color: #555555;
    color: #ffffff;
    border-color: #555555;
}

body .green-btn {
    font-weight: normal;
    outline: none;
    box-shadow: none;
    font-family: "Ubuntu", sans-serif;
    color: #555555;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

body .green-btn:hover,
body .green-btn:focus {
    background-color: #555555;
    color: #ffffff;
    border-color: #555555;
    text-decoration: none;
}

.action.primary,
.action.green-bg,
.btn {
    font-family: "Ubuntu", sans-serif;
}

button:not(.primary) {
    font-family: "Ubuntu", sans-serif;
    box-shadow: none;
}

.action.tocart.green-bg {
    font-weight: 400 !important;
    font-size: 20px !important;
}

.block.block-dashboard-orders .block-title.order {
    border-bottom: none !important;
}

.block.block-dashboard-orders .block-title.order .action.view {
    display: none;
}

.table-wrapper.orders-recent {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 16px;
}

.table-wrapper.orders-recent tr th {
    vertical-align: middle;
    line-height: 1;
}

.table-wrapper.orders-recent tr th:first-child {
    white-space: nowrap;
}

.table-wrapper.orders-recent tr th:last-child {
    text-align: center;
}

.table-wrapper.orders-recent tr td:last-child {
    text-align: center;
}

.table-wrapper.orders-recent tr .col.actions .action span {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid #c1cc00;
    color: #555555;
    padding: 4px 12px;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 15px;
}

.table-wrapper.orders-recent tr .col.actions .action span:hover {
    color: #555555;
    background-color: #c1cc00;
}

.table-wrapper.orders-recent .col {
    width: auto;
}

.authentication-wrapper button,
.shipping-policy-block span,
.account .data.table .col.actions .action::after {
    display: none;
}

.empty-msg {
    color: #d92332;
    margin-top: 8px;
    position: absolute;
    max-width: 100%;
}

.checkout-payment-method .checkout-billing-address .billing-address-details {
    color: #000000;
}

.checkout-payment-method .checkout-billing-address .billing-address-details a {
    color: #c1cc00;
}

.empty-payment {
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.empty-payment .empty-text {
    font-size: 15px;
    margin-right: 4px;
}

.empty-payment .empty-text.red {
    color: #ce0b0d;
}

.customer-account-index a.action.order {
    display: none;
}

.category-select-outer {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.category-select-outer>span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.child-category {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    width: 100%;
}

@media screen and (min-width: 620px) {
    .child-category {
        width: 50%;
    }
}

.child-category.level-1 {
    width: 100%;
}

.child-category select {
    background-image: url("../images/chevron-arrow-down.svg");
    background-size: 12px;
    background-position: center right 10px;
    background-repeat: no-repeat;
    padding-right: 24px;
    border: 1px solid #cccccc;
}

.marketplace-product-add .required label::after {
    content: '*';
    color: #e02b27;
    font-size: 1.2rem;
    margin: 0 0 0 3px;
}

/*------------------30-07-2020--------------------*/

body .image.base-image .image-label {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .Manteau-content .border-radius {
        padding: 30px 15px;
    }
}

.marketplace-product-add .note {
    text-align: right;
}

.marketplace-product-add .add-article-widget-title {
  position: relative;
}
.marketplace-product-add .add-article-widget-title::after {
  content: '*';
  color: #e02b27;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
  position: absolute;
  right: -10px;
  top: 0px;
}

.marketplace-product-add .image .draggable-handle {
}

.checkout-cart-index #block-shipping {
    display: none;
}
.back-button {
    cursor: pointer;
    display: inline-block;  
    padding-top: 25px;
}

.back-button i {
    color: #aaaaaa;
    text-decoration: none;
    font-size: 14px !important;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.back-button i:hover,
.back-button i:focus {
    color: #c1cc00;
}
.customer-logged-out.cms-home .page-header .header.content .navigation > ul > li > a {
    text-shadow: 1px 1px 1px #000000;
}

.customer-account-login .message-error div,
.customer-account-login .message-success div {
    display: none;
}
.customer-account-login .message-error div:first-child,
.customer-account-login .message-success div:first-child {
    display: block !important;
}

/*29-08-2020*/

.marketplace-product-add .checklistContainer .actionButtons {
  display: none;
}

.marketplace-product-edit .checklistContainer .actionButtons {
  display: none;
}

.checklist ul.checklist label.leaveRoomForCheckbox {
  color: #323232;
  font-weight: normal;
  font-size: 14px;
}

.checklist ul.checklist li:hover label.leaveRoomForCheckbox {
  background-color: #c1cc00 !important;
  color: #fff;
}

.checklist ul.checklist li:hover,
.checklist ul.checklist li.focused,
.checklist ul.checklist li.focused label.leaveRoomForCheckbox,
.checklist ul.checklist li:hover label.leaveRoomForCheckbox {
  background-color: #c1cc00 !important;
  color: #FFFFFF;
}

.checklist ul.checklist li.checked {
  background: #c1cc00 !important;
  color: #FFFFFF;
}

.checklist ul.checklist li.checked label.leaveRoomForCheckbox {
  background: #c1cc00 !important;
  color: #FFFFFF;
}

.checklist.checklistHighlighted {
  max-width: 100%;
}

#edit-product .checklistContainer {
  max-width: 100%;
}

#edit-product .checklistContainer div.findInList input.blurred {
  max-width: 100%;
}

#edit-product .ms-options-wrap.ms-has-selections {
  position: relative;
}

#edit-product .ms-options-wrap {
  position: relative;
}

/*08-09-2020*/

.cart-container .paypal-express-in-context-mini-cart-container {
    display: none;
}

.cart-container .col.qty {
    display: none;
}


/*13-10-2020*/

.checkout-index-index .product-item-name-block .details-qty {
    display: none;
}

/*15-10-2020*/

.press-contact-block h2 {
    color: #c1cc00;
    font-size: 2.5rem;
    padding-right: 20px;
}

.press-contact-block h3 {
    font-weight: 500;
    font-size: 16px;
    position: relative;
    display: block;
    color: #555555;
    margin: 0;
    font-family: "Ubuntu", sans-serif;
}

.press-contact-block p {
    font-size: 15px;
    padding-bottom: 10px;
    max-width: 450px;
    color: #787878;
}

.account .sidebar .block.block-collapsible-nav .content ul.nav li.item a {
    font-weight: 400 !important;
}

/*FAQ*/

.cms-faq .page-main .container {
    padding-top: 60px;
}
.cms-faq .page-main .container h3 {
    margin-top: 20px;
    text-decoration: underline;
    font-weight: normal;
}
.cms-faq .page-main .container ul {
    padding-left: 25px;
}

.marketplace-product-edit .wk-mp-fixed {
    position: relative;
}

.customer-account-login .fieldset.edit.account{
    margin: 0 0 20px !important;
}

.marketplace-product-edit .modal-slide._show{
    display: none;
}

.marketplace-product-edit .modals-overlay {
    display: none;
}

.marketplace-product-add .modal-slide._show{
    display: none;
}

.marketplace-product-add .modals-overlay {
    display: none;
}

.marketplace-product-edit._has-modal {
    overflow: inherit !important;
}

.marketplace-product-add._has-modal {
    overflow: inherit !important;
}

.marketplace-product-create .sidebar.sidebar-main {
    display: none;
}

.popup-authentication .block-new-customer a.action-register {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    box-shadow: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.popup-authentication .block-new-customer a.action-register:hover,
.popup-authentication .block-new-customer a.action-register:focus {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}

.popup-authentication .block-customer-login .action-login {
    display: inline-block;
    background: #c1cc00;
    padding-bottom: 1px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    height: 40px;
    line-height: 2;
    box-shadow: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.popup-authentication .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child {
    margin-bottom: 5px;
}

.popup-authentication .block-customer-login .action-login:hover,
.popup-authentication .block-customer-login .action-login:focus {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}

.popup-authentication .block-customer-login .secondary {
    padding-top: 0px !important;
}
.popup-authentication .block-customer-login .secondary a.action {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    box-shadow: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
}

.popup-authentication .block-customer-login .secondary a.action:hover,
.popup-authentication .block-customer-login .secondary a.action:focus {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}

.popup-authentication .block-title {
    position: relative;
    color: #57576a;
    font-weight: 600 !important;
    margin-bottom: 0px;
    padding-bottom: 10px;
    font-family: "Ubuntu", sans-serif;
    border-bottom: none !important;
    font-size: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .popup-authentication .block-customer-login .secondary a.action {
        font-size: 14px !important;
    }
}

.popup-authentication .modal-header .action-close:before {
    color: #555555 !important;
}

.checkout-cart-index .page.messages .message-error.error.message {
    display: none !important;
}


/*.tp-bgimg.defaultimg {
    display: block !important;
    opacity: 1 !important;
}*/

@media screen and (max-width: 767px) {
    .video-wrapper {
        display: none;
    }
    .home-page-product-section {
        padding-top: 0px;
    }
    .cms-home .page-wrapper:nth-child(4) .widget.block.block-static-block {
        padding: 0px !important;
    }
}

@media screen and (min-width: 768px) {
    .video-wrapper {
        position: relative;
    }
    .widget.block.block-static-block .video-wrapper .banner-caption-outer {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .video-wrapper::before {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000000;
        top: 0px;
        left: 0px;
        display: block;
        content: "";
        opacity: 0.5;
    }
    .video-wrapper video {
        width: 100%;
        display: block;
    }
    .cms-home .widget.block.block-static-block {
        margin: 0px !important;
    }
}

@media screen and (min-width: 1200px) {
    .video-wrapper {
        height: 100vh;
        overflow: hidden;
        z-index: 1;
    }
}

/*.cms-home .page-wrapper > .widget.block.block-static-block {*/


/*---------11-02-02021-------------------*/
body .block-customer-login {
    padding: 40px 15px 0px;
    max-width: 380px;
    width: 100%;
    margin-left: auto;
    background-color: transparent;
    margin-right: auto;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

@media screen and (min-width: 992px) {
    body .block-customer-login {
        max-width: 430px;
        padding: 100px 15px 80px;
    }
}

.block-customer-login-inner {
    background-color: #ffffff;
    padding: 30px 15px;
    border-radius: 23px;
}

@media screen and (min-width: 360px) {
    .block-customer-login-inner {
        padding: 30px;
    }
}

.block-customer-login-inner .social-login-title {
    text-align: center;
    margin-bottom: 15px;
}

.block-customer-login-inner .social-login-title h2 {
    color: #c1cc00;
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    line-height: 1;
}

@media screen and (min-width: 992px) {
    .block-customer-login-inner .social-login-title h2 {
        font-size: 33px;
    }
}

#social-login-authentication,
#social-form-create,
#form-validate.password.reset,
#social-form-password-forget,
#form-validate.password.forget {
    font-size: 14px;
}

#social-login-authentication .fieldset .field.note,
#social-form-create .fieldset .field.note,
#form-validate.password.reset .fieldset .field.note,
#social-form-password-forget .fieldset .field.note,
#form-validate.password.forget .fieldset .field.note {
    text-align: center;
}

.block-customer-login-inner .field .control {
    width: 100% !important;
}
.block-customer-login-inner .field input {
    border-radius: 20px;
    padding: 6px 20px;
    font-weight: 300;
    color: #787878;
    background: #ffffff;
    height: 40px;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}
.block-customer-login-inner .actions-toolbar {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.block-customer-login-inner .primary {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    float: none; 
}

.block-customer-login-inner .primary button {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.block-customer-login-inner .primary button:hover,
.block-customer-login-inner .primary button:focus {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}
.block-customer-login-inner .forgot-password a,
.block-customer-login-inner .create-account a {
    margin: 0;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
    color: #787878;
}
.block-customer-login-inner .forgot-password a:hover,
.block-customer-login-inner .forgot-password a:focus,
.block-customer-login-inner .create-account a:hover,
.block-customer-login-inner .create-account a:focus {
    color: #c1cc00;
}

.block-customer-login-inner .create-account {
    padding-right: 10px;
    border-right: 1px solid #909090;
}
.block-customer-login-inner .forgot-password {
    padding-left: 10px;
}
.block-customer-login-inner .field input::-moz-placeholder {
    color: #787878;
    opacity: 1; 
}
.block-customer-login-inner .field input::-webkit-input-placeholder {
    opacity: 1;
    color: #787878; 
}
.block-customer-login-inner .field input:-ms-input-placeholder {
    opacity: 1;
    color: #787878; 
}
.block-customer-login-inner .field input::-ms-input-placeholder {
    opacity: 1;
    color: #787878; 
}
.block-customer-login-inner .field input:focus::-moz-placeholder {
    opacity: 1; 
}
.block-customer-login-inner .field input:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1; 
}
.block-customer-login-inner .field input:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1; 
}
.block-customer-login-inner .field input:focus::-ms-input-placeholder {
    opacity: 1; 
}
.block-customer-login-inner .login:after {
    display: none;
}

.register-form-wrappper {
    padding: 40px 15px 0px;
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    background-color: transparent;
    margin-right: auto;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

@media screen and (min-width: 992px) {
    .register-form-wrappper {
        max-width: 430px;
        padding: 100px 15px 80px;
    }
}

.register-inner {
    background-color: #ffffff;
    padding: 30px 15px;
    border-radius: 23px;
}

@media screen and (min-width: 360px) {
    .register-inner {
        padding: 30px;
    }
}

.register-inner .social-login-title {
    text-align: center;
    margin-bottom: 15px;
}

.register-inner .social-login-title h2 {
    color: #c1cc00;
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    line-height: 1;
}

@media screen and (min-width: 992px) {
    .register-inner .social-login-title h2 {
        font-size: 33px;
    }
}
.register-inner .form-create-account .legend {
    color: #c1cc00;
    border-bottom: 1px solid #c1cc00;
    padding-bottom: 5px;
}
.register-inner .form-create-account {
    min-width: 100% !important;
    width: 100% !important;
}
.register-inner .form-create-account .create.account:after {
    display: none;
}

.register-inner .form-create-account .field .control {
    width: 100% !important;
}
.register-inner .form-create-account .field input.input-text,
.register-inner .form-create-account .field select {
    border-radius: 20px;
    padding: 6px 20px;
    font-weight: 300;
    color: #787878;
    background: #ffffff;
    height: 40px;
    background-clip: padding-box;
    border: 1px solid #c2c2c2;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}
.register-inner .form-create-account .actions-toolbar {
    display: flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.register-inner .form-create-account .primary {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    float: none; 
}

.register-inner .form-create-account .primary button {
    display: inline-block;
    background: #c1cc00;
    padding: 7px 15px;
    min-width: 230px;
    text-align: center;
    border-radius: 20px;
    color: #555555;
    border: 1px solid #c1cc00;
    margin: 0px 0 5px 0;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
    float: none;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.register-inner .form-create-account .primary button:hover,
.register-inner .form-create-account .primary button:focus {
    color: #ffffff;
    border: 1px solid #c1cc00;
    background: #c1cc00;
    outline: none;
    box-shadow: none;
}
.register-inner .form-create-account .secondary-link {
    text-align: center;
}
.register-inner .form-create-account .secondary-link a {
    margin: 0;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
    vertical-align: top;
    color: #787878;
}
.register-inner .form-create-account .secondary-link a:hover,
.register-inner .form-create-account .secondary-link a:focus {
    color: #c1cc00;
}

.register-inner .form-create-account .secondary-link:first-child a {
    padding-right: 10px;
    border-right: 1px solid #909090;
}
.register-inner .form-create-account .secondary-link:last-child a {
    padding-left: 10px;
}
.register-inner .form-create-account .field input::-moz-placeholder {
    color: #787878;
    opacity: 1; 
}
.register-inner .form-create-account .field input::-webkit-input-placeholder {
    opacity: 1;
    color: #787878; 
}
.register-inner .form-create-account .field input:-ms-input-placeholder {
    opacity: 1;
    color: #787878; 
}
.register-inner .form-create-account .field input::-ms-input-placeholder {
    opacity: 1;
    color: #787878; 
}
.register-inner .form-create-account .field input:focus::-moz-placeholder {
    opacity: 1; 
}
.register-inner .form-create-account .field input:focus::-moz-placeholder::-webkit-input-placeholder {
    opacity: 1; 
}
.register-inner .form-create-account .field input:focus::-moz-placeholder:-ms-input-placeholder {
    opacity: 1; 
}
.register-inner .form-create-account .field input:focus::-ms-input-placeholder {
    opacity: 1; 
}

.register-inner .form-create-account #password-strength-meter-container,
.register-inner .form-create-account .country,
.register-inner .form-create-account .profileurl,
.register-inner .form-create-account #wantptr {
    display: none !important;
}
.register-inner .form-create-account .newsletter label {
    color: #c1cc00;
    font-size: 13px;
    margin-left: 35px !important;
}

.register-inner .form-create-account .newsletter {
    position: relative;
}
.register-inner .form-create-account .newsletter input {
    position: absolute;
    width: 22px;
    height: 22px;
    opacity: 0;
    top: 0px;
    left: 0px;
    z-index: 1;
    margin: 0;
    cursor: pointer;
    display: block;
}
.register-inner .form-create-account .newsletter label::before {
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
    top: 5px;
    display: inline-block;
    margin-top: 0px;
}
.register-inner .form-create-account .newsletter label::after {
    content: "" !important;
    display: block;
    width: 22px;
    height: 22px;
    background: transparent;
    margin-top: -22px !important;
    margin-left: 0px !important;
    border: 1px solid #c1cc00;
}
.register-inner .form-create-account .newsletter input:checked + label::after {
    background-image: url("../images/tick.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
}

.wallet-outer .wk_ws_body label.error {
    display: none;
}
.wallet-outer .wk_ws_body h4 {
    margin-bottom: 20px;
}
.wk_ws_body .wk_ws_price_outer {
    width: 45% !important;
}
.wallet-outer .wk_ws_body #add-btn {
    border-radius: 20px !important;
    background-color: transparent;
    border: 1px solid #c1cc00;
    color: #c1cc00;
    margin: 10px;
    box-shadow: none;
    outline: none !important;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    outline: none;
    font-family: "Ubuntu", sans-serif;
    box-shadow: none;
    font-weight: 400;
}
.wallet-outer .wk_ws_body #add-btn:hover,
.wallet-outer .wk_ws_body #add-btn:focus {
    background-color: #c1cc00 !important;
    color: #ffffff !important;
}
.wk_ws_payment_table h4 span {
    text-transform: none;
}
.grand.totals.excl {
    display: none;
}