﻿/*******************************************************************/
/********************   THEME GENERAL STYLES (KW)   ****************/
/********************   GLOBAL STYLE FOR CABIN FAMILY  *************/
/********************   IN ANY VIEW                   **************/
/*******************************************************************/
@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: local('Cabin Regular'),local('Cabin-Regular'),url(fonts/Cabin.woff) format('woff');
}

body {
    font-family: 'Cabin', Arial,Verdana, Helvetica, sans-serif !important;
    color: #1E1E1E !important;
}

/*******************************************************************/
/********************   THEME GENERAL STYLES (KW)   ****************/
/********************   ELEMENTS THAT CAN BE REUTILIZED*************/
/********************   IN ANY VIEW                   **************/
/*******************************************************************/

/********************   BUTTONS                       **************/

.kw-button {
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none;
    padding: 14px 10px 13px;
    border-radius: 5px;
    font: 14px/18px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
}

input.kw-button--sm, button.kw-button--sm {
    min-width: 112px;
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none;
    padding: 9px 10px 8px;
    border-radius: 5px;
    font: 11px/14px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
}

button.kw-button--xsm {
    min-width: 50px !important;
    margin-bottom: 20px;
}

.kw-button:hover, .kw-button:focus {
    color: white;
    text-decoration: none;
}

.kw-button-red--primary {
    border: 2px solid #a23138;
    border-radius: 5px;
    background: RGB(179, 32, 35);
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .kw-button-red--primary:hover, .kw-button-red--primary:focus, .kw-button-red--primary:target {
        border: 2px solid #a23138;
        border-radius: 5px;
        background: RGB(179, 32, 35);
        color: #fff;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.kw-button-gray--primary {
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    background: #999;
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .kw-button-gray--primary:hover, .kw-button-gray--primary:focus, .kw-button-gray--primary:target {
        border: 2px solid #a8a8a8;
        border-radius: 5px;
        background: #bbbaba;
        color: #fff;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.kw-button-red--primary-rounded {
    border: 2px solid #a23138;
    border-radius: 25px;
    background: RGB(179, 32, 35);
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}


.btn.kw-button.kw-button-gray--primary {
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    background: #999;
    color: white;
    line-height: 20px;
    padding: 15px;
    margin: 2px;
    box-shadow: none;
    color: black;
}

button.kw-link,
a.kw-link {
    text-decoration: underline;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: black;
    margin: auto;
    font-family: 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    color: #444 !important;
    font-size: 14px !important;
}

    button.kw-link:hover,
    a.kw-link:hover {
        text-decoration: none;
        color: black;
    }

a.kw-link-gray,
a.kw-link-gray:hover {
    color: #444;
}


.btn.kw-button.kw-button-gray--primary:hover,
.btn.kw-button.kw-button-gray--primary:focus {
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    background: #bbbaba;
    color: white;
    line-height: 20px;
    padding: 15px;
    margin: 2px;
    box-shadow: none;
    -webkit-box-shadow: none;
}


.info-text {
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.full-width {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}



/*************************     KW NEW CHECKBOXES EASY TO USE********/

.kw-checkbox-area > input[type="checkbox"] {
    display: none;
}

.kw-checkbox-area > label {
    cursor: pointer;
    font-weight: 100;
}

.kw-checkbox-area > input[type="checkbox"] + label:before {
    border: 1px solid white;
    background-color: white;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
    border-radius: 4px;
}

.kw-checkbox-area > input[type="checkbox"]:checked + label:before {
    background: #700d0d;
    color: white;
    font-family: 'FontAwesome';
    content: "\2714";
    /*content: "\2713";*/
    text-align: center;
}

.kw-checkbox-area > input[type="checkbox"]:checked + label:after {
    font-weight: bold;
}

.kw-checkbox-area-red > input[type="checkbox"] {
    display: none;
}

.kw-checkbox-area-red > label {
    cursor: pointer;
    font-weight: 100;
}

.kw-checkbox-area-red > input[type="checkbox"] + label:before {
    border: 1px solid #700d0d;
    background-color: white;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 16px;
    margin: 0 .25em 0 0;
    padding: 0;
    vertical-align: top;
    width: 16px;
    border-radius: 4px;
}

.kw-checkbox-area-red > input[type="checkbox"]:checked + label:before {
    background: #700d0d;
    color: white;
    font-family: 'FontAwesome';
    content: "\2714";
    /*content: "\2713";*/
    text-align: center;
}

.kw-checkbox-area-red > input[type="checkbox"]:checked + label:after {
    font-weight: bold;
}


/*****************  END OF KW NEW CHECKBOXES EASY TO USE  ********/
.kw-cb-row .kw-cb-wrapper .kw-checkbox {
    padding-left: 20px;
}

    /*************************     KW CHECKBOXES     *******************/
    /********************    CHECKBOXES STYLED   ***********************/

    .kw-cb-row .kw-cb-wrapper .kw-checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        z-index: -1;
    }

        .kw-cb-row .kw-cb-wrapper .kw-checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #f0efef;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .kw-cb-row .kw-cb-wrapper .kw-checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: white;
        }

    .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="checkbox"],
    .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="radio"] {
        opacity: 0;
        z-index: 1;
        height: 18px;
        width: 18px;
        margin: 0px 0px;
    }

        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="checkbox"]:focus + label::before,
        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="radio"]:focus + label::before {
        }

        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="checkbox"]:checked + label::after,
        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="radio"]:checked + label::after {
            font-family: "FontAwesome";
            content: "\2714";
        }

        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="checkbox"]:indeterminate + label::after,
        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="radio"]:indeterminate + label::after {
            display: block;
            content: "";
            width: 10px;
            height: 3px;
            background-color: #700d0d;
            border-radius: 2px;
            margin-left: -16.5px;
            margin-top: 7px;
        }

        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="checkbox"]:disabled + label,
        .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="checkbox"]:disabled + label::before,
            .kw-cb-row .kw-cb-wrapper .kw-checkbox input[type="radio"]:disabled + label::before {
                background-color: #555555;
                cursor: not-allowed;
            }

    .kw-cb-row .kw-cb-wrapper .kw-checkbox.kw-cb-row .kw-cb-wrapper .kw-checkbox-circle label::before {
        border-radius: 50%;
    }

    .kw-cb-row .kw-cb-wrapper .kw-checkbox.kw-cb-row .kw-cb-wrapper .kw-checkbox-inline {
        margin-top: 0;
    }

.kw-cb-row .kw-cb-wrapper .kw-checkbox-primary input[type="checkbox"]:checked + label::before,
.kw-cb-row .kw-cb-wrapper .kw-checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #700d0d;
    border-color: #700d0d;
}


input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\2714";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}


/*#BOOTSTRAP TOOLTIP COLORS*/

body > .tooltip,
.yellow-tooltip + .tooltip {
    border-width: 1px;
    /*border-style: solid;*/
    border-color: #F1D031;
    /*background-color: #FFFFA3;*/
    color: #555;
}

    body > .tooltip > .tooltip-inner,
    body > .tooltip > .tooltip-inner:hover,
    .yellow-tooltip + .tooltip > .tooltip-inner,
    .yellow-tooltip + .tooltip > .tooltip-inner:hover {
        /*color: black;
    color: #555;
    border-color: black;*/
        max-width: 450px;
        min-width: 250px;
        text-align: left;
        border-width: 1px;
        border-style: solid !important;
        font-size: 10.5px;
        line-height: 12px;
        border-color: #F1D031;
        background-color: #FFFFA3;
        color: #555;
    }

.template-editor-page .navbar-default {
    background-color: white;
    border-color: white;
}


.template-editor-page {
    padding-top: 4%;
}

.mlms-text {
    color: #B32023;
}

.product-preview-picture {
    max-height: 280px !important;
    max-width: 280px !important;
}

.product-preview-picture-little {
    max-height: 52px !important;
    max-width: 52px !important;
}

.icon-tooltip-container-back {
    cursor: pointer;
}

/*************  DIV PROPERTIES   & GENERAL PROPERTIES  *************/

.kw-container-width--100per {
    width: 100%;
}



.kw-container-display--inline {
    display: inline-flex;
}

.kw-container-background--black {
    background-color: black;
}

.kw-container-margin-top--zero {
    margin-top: 0px !important;
}

.kw-container_no-margin-sons div /*, div input*/ {
    margin: 0px 0px !important;
}

.kw-font-size--14 {
    font-size: 14px;
}

.kw-font-size--20 {
    font-size: 20px;
}


/**** HELPER ****/
.top-margin-0 {
    margin-top: 0px !important;
}

.top-margin-20 {
    margin-top: 20px;
}

.top-margin-10 {
    margin-top: 10px;
}

.top-margin-50 {
    margin-top: 50px;
}

.bottom-margin-20 {
    margin-bottom: 20px;
}

.bottom-margin-0 {
    margin-bottom: 0px;
}

.right-margin-20 {
    margin-right: 20px;
}

.top-padding-20 {
    margin-top: 20px;
}

.top-padding-0 {
    padding-top: 0px !important;
}

.left-right-padding-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}


.left-padding-50 {
    padding-left: 50px;
}

.left-padding-30 {
    padding-left: 30px;
}

.right-padding-0 {
    padding-right: 0px !important;
}

.bottom-padding-20 {
    margin-bottom: 20px;
}

hr.separator-gray {
    border: 1px solid #ddd;
    margin-bottom: 40px;
}

.text-bolder {
    font-weight: bold;
}

.bottom-margin-5 {
    margin-bottom: 5px !important;
}

.height-60 {
    height: 60px;
}

.margin-left-minus-82 {
    margin-left: -82px;
}

.gray-text {
    color: #9b9b9b !important;
}
/*****BLACK LAYOUT*****/
.black-background {
    background-color: black;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 6px solid #666;
}

.col-center {
    text-align: center;
    margin: 0 auto;
}

.width-60perc {
    width: 60% !important;
}

.width-80perc {
    width: 80% !important;
}
/*******************************************************************/
/********************   END OF THEME GENERAL STYLES (KW)************/
/********************   ELEMENTS THAT CAN BE REUTILIZED*************/
/********************   IN ANY VIEW                   **************/
/*******************************************************************/
/**** USER AREA ****/
body, html {
    height: 100%;
}

    body > .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
        min-height: 92%;
        height: auto;
        margin-bottom: -80px;
    }
/*HEADER*/
.html-category-page {
    height: 100%;
}



.master-wrapper-content-home {
    margin-top: 52px;
}

.header-links_paragraph {
    border-right: 1px solid black !important;
    min-height: 25px !important;
    margin-bottom: 0px !important;
    vertical-align: middle !important;
    padding: 0 10px 0 10px !important;
    display: table-cell !important;
    vertical-align: middle !important;
}

.header-links_item {
    padding: 0px !important;
}

.header-links li {
    margin: 0px;
    padding: 0px;
    margin-top: 1px;
    margin-bottom: 0px;
}

.header-links .li-spaced {
    margin-top: 0;
    margin-bottom: 0;
}

/*.header-links li:before {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 1px;
        height: 20px;
        background: #aaa;
        margin: 6px 1px 0 0;
    }*/

.header-links_navbar-ul {
    padding: 15px 5px;
}

.header-links .navbar-nav > .category-menu-item > a {
    /*padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;*/
    /*padding: 15px 5px; Alek ol values*/
    padding: 7px 7px;
    color: black;
    /*display: inline-block;
			vertical-align: top;
			text-decoration: none;
			font: 12px/16px 'Cabin',Arial,Verdana,Helvetica,sans-serif;*/
    border: 1px solid #F2F2F2;
}

.header-links .long-menu-part {
    display: none;
}

.header-links a, .header-links span {
    line-height: normal;
}

.navbar {
    margin-bottom: 0px;
}

.header-links .badge {
    line-height: 1;
    background: white;
    color: black;
}

.header-links .badge-up {
    margin: -35px 0 0 -15px;
    border: 1px solid #999;
    color: #723838;
}

.header-menu {
    border-bottom: none;
    margin: 0;
}

.header-links .navbar .dropdown-menu > li {
    color: #ffffff;
    background: #ffffff;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    /* height: 40px; */
    line-height: 16px;
}

    .header-links .navbar .dropdown-menu > li a:hover {
        background-color: #B32023;
        /*padding-top: 5px;
        padding-bottom: 5px; */
        width: 100%;
        color: white;
    }

.main-menu_second-line-hidden-scroll {
    background-color: white;
    display: block;
    margin-left: -50%;
    margin-right: -40%;
    border-bottom: #aaa thin solid;
    /*height: 60px;*/
    height: 90px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.main-menu-navbar-red .navbar-nav .red-menu-button {
    line-height: 20px;
    margin: 0px;
    background: #B32023;
}

.main-menu-navbar-red .navbar-nav > .red-menu-button > a, .main-menu-navbar-red .navbar-nav > .red-menu-button.open > a {
    background: #B32023;
    color: white;
}

    .main-menu-navbar-red .navbar-nav > .red-menu-button.open > a:hover, .header-links .navbar-nav > .red-menu-button > a:hover {
        background-color: #363636;
        ;
        color: white;
    }

    .main-menu-navbar-red .navbar-nav > .red-menu-button.open > a:hover, .header-links .navbar-nav > .cart-count-menu-item > a:hover {
        background: #B32023;
        color: white;
    }

.red-menu-button > a > .glyphicon-shopping-cart {
    opacity: 0.35;
}

.header-links .dropdown-menu > li > .btn-mlms {
    background-color: #B32023 !important;
    color: white !important;
    padding-top: 16px !important;
    padding-bottom: 10px !important;
    height: 60px !important;
    border-radius: 0;
}

.header-links .dropdown-menu > li > .dropdown-menu_logout-button {
    border-radius: 5px;
    margin-bottom: 0px;
    max-height: 49px;
    padding-top: 13px !important;
    padding-bottom: 0px !important;
}

.header-links .dropdown-menu > li > .text-uppercase {
    text-transform: uppercase;
    font-size: 16px;
}

.header-links .navbar-nav > li > .hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .header-links .navbar-nav > li > .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
        background-color: white;
        /*color: #B32023;*/
        color: #830f00;
    }

.top-menu_subcategory-item {
    background-color: #f2f2f2;
    height: 28px !important;
    width: 185px !important;
}

.first-level-width {
    /*width: 178px!important;*/
    min-width: 158px !important;
    background-color: #f2f2f2;
}

.no-first-level-width {
    min-width: 158px;
}

/********************          FOOTER          *********************/

.footer {
    clear: both;
    background-color: black;
    font-size: .8em;
    /*height: 60px;*/
    /*height: 8%;*/
    height: auto;
    /*position: absolute;*/
    /*position: relative;*/
    /*bottom: 0 !important;*/
    width: 100%;
    /*padding-bottom: 4%;*/
    padding-bottom: 25px;
}

.footer_container-inner {
    /*padding-top: 2.3%;*/
    background-color: black;
    margin-top: 14px;
    font-family: Helvetica;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
}

.footer-standard {
    /* float: left; */
    padding-top: 1%;
    /*margin-left: 50px;*/
    /*display: inline-flex;*/
    align-items: center;
    margin-top: 4px;
    font-weight: normal;
    text-align: right;
}

    .footer-standard a {
        font-weight: normal;
        text-decoration: none;
        color: #FFFFFF;
    }

.footer-logo {
    float: left;
    margin-right: 50px;
    margin-top: 16px;
    max-width: 125px;
    max-height: 25px;
}

.footer-logo-mlms {
    float: left;
    /*width: 200px;*/
    margin-right: 50px;
}

.info-customer {
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
}

.footer-links-stacked {
    display: initial;
}

.top-menu-margin_left {
    margin: 0 auto;
}
/********************  RESPONSIVENESS CONFIG  **********************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .footer-links-stacked {
        display: inherit;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .footer-links-stacked {
        display: inherit;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .footer-links-stacked {
        display: inherit;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) and (max-width: 1500px) {
    .footer-links-stacked {
        display: initial;
    }
}
/********************   VERY VERY LARGE SCREENS     *********************/
@media (min-width: 1500px ) {
    .footer-links-stacked {
        display: initial;
    }
}
/*HELPER CLASSES*/

/*TURN OFF NOPCOMMERCE LOGIC*/
.product-selectors {
    display: none;
}


.item-box .product-title a {
    text-decoration: underline;
    font-weight: bold;
    color: #444;
}

/*HOME PAGE IMAGE*/

.bg-image {
    height: 675px;
    width: 100%;
}

.bg-image-house {
    background-image: url("/Themes/MLMS/Content/Images/home-page-new.jpg");
    /* lt ie8 */
    /*-ms-background-position-x: center;
	-ms-background-position-y: -300px;
	background-position: center -300px;*/
    /* scale bg image proportionately */
    background-size: cover;
    /* ie8 workaround - http://louisremi.github.io/background-size-polyfill/ */
    /*-ms-behavior: url(https://cdn.css-tricks.com/backgroundsize.min.htc);*/
    /* prevent scaling past src width (or not) */
    /* max-width: 1200px; */
}

@media only screen and (min-width: 1200px) {
    .bg-image {
        height: 675px;
    }
}


/*HOME SPLASH TOP */
.home-splash-top-area {
    position: relative;
    width: 100%;
    height: auto;
}

    .home-splash-top-area hr {
        height: 30px;
        width: 100%;
        color: #50B9C9; /*IE*/
        background-color: #50B9C9;
        margin: 0px;
        padding: 0px;
    }

/* HOME SPLASH MIDDLE AREA*/
.home-splash-middle-area {
    height: 60%;
    padding: 0 2px;
}


/* HOME SPLASH BLOG POSTS */
.blog-posts-area {
    position: relative;
    top: 0px;
    height: 120%;
    padding-left: 0px;
    text-align: left;
}
/* BLOG RSS FEED */
.blog-rss-container {
    padding: 0px;
}

.blog-rss-posts {
    font-size: 13px;
    color: #000;
}

    .blog-rss-posts .post-item {
        line-break: normal;
        word-wrap: break-word;
        padding-bottom: 10px;
    }

    .blog-rss-posts .post-item-head {
        width: 100%;
        font-size: 15px;
        font-weight: 800;
    }

    .blog-rss-posts .post-item-body {
        width: 100%;
        float: left;
        font-size: 12px;
        font-weight: 400;
        text-align: justify;
    }

/* HOME SPLASH BLOG VIDEO */
.blog-video-area {
    position: relative;
    top: 0px;
    height: 120%;
}

.blog-bg-image {
    background-image: url("/Themes/MLMS/Content/Images/blog-home-page.png");
    /* scale bg image proportionately */
    background-size: contain;
    background-repeat: no-repeat;
    /*width: 100%;*/
    width: 160%;
    height: 100%;
}

.blog-video-container {
    position: relative;
    width: 100%;
    height: auto;
    /*padding-bottom: 30.25%;*/
    padding-bottom: 50%;
}

    .blog-video-container iframe {
        position: absolute;
        /*top: 0px;*/
        top: 50px;
        left: -15px;
        width: 106.4%;
        /*height: 100%;*/
        height: 65%;
    }

/*HOME SPLASH BOTTOM*/

.home-splash-bottom-area {
    top: -4%;
    position: relative;
}

.home-splash-register-button {
    background-image: url("/Themes/MLMS/Content/images/blog-home-page-register-button.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 49px;
    width: 162px;
    top: -72px;
    left: -20px;
    position: relative;
}

/* HOME SPLASH TEXT*/
.home-splash-text {
    /*font-family: 'Futura Heavy', 'Futura';*/
    font-weight: 900;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
    font-kerning: normal;
    word-wrap: break-word;
    padding-top: 10px;
}

.home-splash-title {
    font-size: 28px;
    color: #50B9C9;
    line-height: 1.5;
}

.home-splash-verbiage {
    font-size: 20px;
    color: #FFF;
    display: flex;
    align-items: center;
    min-height: 92px;
}

    .home-splash-verbiage > p {
        text-transform: uppercase;
    }

.home-splah-main-text {
    letter-spacing: 2px;
}

/********************  RESPONSIVENESS CONFIG  **********************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .blog-video-container {
        width: 47.25%;
        top: 13.75%;
        left: 12.75%;
    }

    .blog-video-area {
        max-width: 521px;
        max-height: 261px;
        min-width: 386px;
        min-height: 196px;
        float: right;
        width: 100%;
    }

    .home-splash-middle-area {
        padding-top: 99px;
        height: 58%;
    }

    .home-splash-register-button {
        height: 49px;
        width: 162px;
        float: none !important;
        margin: auto;
        top: 0;
    }

    .home-splash-verbiage p {
        margin: auto;
    }

    .home-splash-top-area hr {
        height: 15px;
    }

    .home-splash-title {
        font-size: 22px;
    }

    .home-splash-verbiage {
        font-size: 16px;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .blog-video-container {
        width: 47.25%;
        top: 13.75%;
        left: 12.75%;
    }

    .blog-video-area {
        max-width: 550px;
        max-height: 264px;
        float: right;
    }

    .home-splash-middle-area {
        padding-top: 91px;
        height: 54%;
    }

    .home-splash-register-button {
        height: 39px;
        width: 132px;
    }

    .home-splash-top-area hr {
        height: 20px;
    }

    .home-splash-title {
        font-size: 24px;
    }

    .home-splash-verbiage {
        font-size: 18px;
        max-width: 550px;
        float: right;
    }

    .home-splash-bottom-area {
        top: -25px;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .blog-video-container {
        width: 47.25%;
        top: 15.0%;
        left: 12.75%;
    }

    .blog-video-area {
        max-width: 630px;
        max-height: 320px;
    }

    .home-splash-middle-area {
        padding-top: 32px;
        height: 53%;
    }

    .home-splash-verbiage {
        left: -15px;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .blog-video-container {
        width: 47.25%;
        top: 14.75%;
        left: 12.75%;
    }

    .blog-video-area {
        max-width: 960px;
        max-height: 460px;
        left: 1%;
        padding: 0 1.5%;
        /* top: 10px; */
    }

    .home-splash-verbiage {
        left: 4%;
    }
}

/********************** EMBEDDED FONTS *********************/
@font-face {
    font-family: 'futura_bookbold';
    src: url('fonts/futura_book_bold-webfont.woff2') format('woff2'), url('fonts/futura_book_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_bookregular';
    src: url('fonts/futura_book_regular-webfont.woff2') format('woff2'), url('fonts/futura_book_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura_heavyregular';
    src: url('fonts/futura_heavy_regular-webfont.woff2') format('woff2'), url('fonts/futura_heavy_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*CATEGORY*/

.category-header-red {
    width: auto;
    padding: 5px;
    font-family: Cabin;
    font-size: 30px;
    color: RGB(179, 32, 35);
    font-weight: lighter;
    /*margin-bottom: 30px;*/
}

.category {
    /*padding-left: 50px;*/
}

.category-thumbnail {
    width: 500px;
    height: 494px;
    /*margin-top: 70px;
	margin-bottom: 70px;*/
    padding-top: 60px;
}

.category-details {
    margin-top: 150px;
    padding-left: 50px;
}

.category-info {
    margin-bottom: 30px;
}

.category-thumbnail-img {
    float: left;
    /*width: 500px;*/
    text-align: center;
    /*height: 494px;*/
    line-height: 494px;
    margin-right: 50px;
}



/*CAROUSEL*/

/* Carousel base class */

.carousel {
    margin-bottom: 0px;
}

    .carousel .container {
        position: relative;
    }

.carousel-control {
    height: 80px;
    margin-top: 0;
    font-size: 50px;
    border: 0;
    z-index: 10;
    text-decoration: none;
}


.carousel .item {
    height: 511px;
}

.carousel img {
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
}

.carousel-caption {
    /*background-color: transparent;*/
    position: static;
    max-width: 300px;
    text-align: center;
    background-color: black;
    opacity: 0.9;
    padding-top: 10px;
    right: 15%;
    left: 15%;
    padding-bottom: 30px;
}

    .carousel-caption h1,
    .carousel-caption .lead {
        margin: 0;
        line-height: 1.25;
    }

    .carousel-caption .btn {
        margin-top: 10px;
    }

.carousel-area {
    width: 310px;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: auto;
    top: 55px;
    left: 300px;
}


.carousel-control.right {
    top: 290px !important;
    right: 20px;
    opacity: 1;
}

.carousel-control.left {
    top: 290px !important;
    left: 10px;
    opacity: 1;
}

.carousel-caption h4 {
    margin: 10px;
}

.background-transparent-panel {
    background-color: rgba(242, 242, 242, 0.7);
    margin-top: 155px;
}

.topic-msg {
    color: RGB(179, 32, 35);
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.short-info {
    font-size: 17px;
    line-height: 20px;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
    color: #444444;
}

/*CATEGORY PAGE*/

.sub-category-grid .item-grid .title a {
    text-decoration: none;
    /*background: #858585;*/
    /*background: rgb(68, 68, 68);*/
    background: #5E5E5E; /*new color*/
    /*background: #AAA9A9;*/
    padding: 8px 0px 5px 0;
    color: white;
    margin-bottom: 1.4px;
}

    .sub-category-grid .item-grid .title a:hover {
        text-decoration: none;
        background: #858585;
        padding: 8px 0px 5px 0;
        color: white;
    }

.sub-category-grid .item-grid .title > li.active {
    text-decoration: none;
    background: #B32023;
    padding: 8px 0px 5px 0;
    color: white;
}

.sub-category-grid .item-grid .title {
    margin: 0px;
}

.sub-category-grid .item-box {
    margin-bottom: 3px;
    margin-left: 1px;
    margin-right: 1px;
}

.sub-category-grid .item-grid .sub-category-item .title a {
    font-size: 12px;
}

.sub-category-grid .item-grid .sub-category-item {
    padding: 15px 1px 1px 0px;
}

.sub-category-grid .item-grid .row .sub-category-item .title a {
    height: 30px;
    line-height: 14px;
    font-size: 13px;
    text-align: center;
    font-weight: lighter;
}

.sub-category-grid .item-grid .row .sub-category-item.open .title a {
    background: #B32023;
}

.sub-category-item-link {
    /* border-radius: 7px;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal !important;
}

.sub-category-item-link_row-start {
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}

.sub-category-item-link_row-end {
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}
/*.sub-category-item-no-padding {
    padding: 0.5px 0.3px 0.3px 0.3px !important;
}*/
/*PRODUCT GRID*/
.product-grid .item-grid .item-box {
    margin-bottom: 0px;
    /*height: 350px;*/
}

    .product-grid .item-grid .item-box .product-item .picture {
        margin-bottom: 0px;
    }

.image-description {
    visibility: hidden;
    position: relative;
    cursor: pointer;
    bottom: 200px;
    left: 80px;
    font-size: 15px;
    color: rgb(79,79, 81);
    font-weight: bold;
    text-decoration: none;
    opacity: 1;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.product-thumbmnail-link:focus .image-description, .product-thumbmnail-link:hover .image-description {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
}

.product-thumbmnail-link:focus, .product-thumbmnail-link:hover {
    opacity: 0.5;
}

.product-big-image {
    display: none;
    height: 600px;
    width: 600px;
}

/*POPUP IMAGES*/
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close,
img.mfp-img {
    cursor: pointer;
    padding: 0;
    right: 0px;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: black;
}

.mfp-close {
    position: absolute;
    top: -5px;
    right: 15px;
    font: 14px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
    outline-offset: 0px;
}

.item-box .product-title a:hover {
    color: rgb(79,79, 81);
}


/**** BOOTSTRAP 5 COLUMNS ****/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}






/*******************************************************************/
/********************    THEME MLMS CSS        *********************/
/********************    FOLDER:HOME           *********************/
/*******************************************************************/

/********************    VIEW:_HomeView        *********************/

.bg-image-home {
    background: url('/Themes/MLMS/Content/Images/store/mlmsbackground_3571x1664.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    height: 750px;
    margin-top: -145px;
    background-color: black;
}


.bg-image-home-no-top {
    margin-top: -130px;
}
/*.center-1 {
	margin: auto !important;
}*/

.container-news {
    display: block;
    color: #444;
    background-color: white;
    border-top: 6px solid #838687;
    height: 280px;
    margin-top: -110px;
    position: relative;
    top: -70px;
}

.container-news_message-title {
    font: 30px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    color: #6fbecf;
    padding: 15px;
    text-transform: uppercase;
}

.container-news_message-body {
    font: 14px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    padding: 5px 0px;
}

.container-news_message-picture {
    border-left: 1px solid #6fbecf;
    margin-left: 70px;
    padding-left: 70px;
    margin-top: -10px;
}

.container-news_message-picture_resp-image {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}

.logo-kw {
    position: absolute;
    top: 100px;
    margin-left: 62%;
}


.logo-kw-home {
    position: absolute;
    top: -48px;
    margin-left: 66%;
}

.home-login-button {
    margin-left: -150px;
    border-radius: 0px !important;
    min-height: 49px !important;
    padding: 15px 15px 15px 19px !important;
}

.logo-kw-no-top {
    position: absolute;
    top: -30px;
    left: 62%;
}

.container-clear {
    height: 0px;
}

.carousel-custom-position {
    top: 220px !important;
    left: 400px !important;
}

.carousel-custom-position-home {
    top: 160px !important;
    left: 400px !important;
}
/********************    VIEW:_NewHomeView        *********************/

body > div.container-fluid-new-login {
    margin-bottom: 0 !important;
}

.container-fluid-new-login .center-1 {
    margin: 0
}

#mlmshero {
    background: url('/Themes/MLMS/Content/Images/store/mlmsbackgroundnew_3571x1664.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 700px;
    margin-top: -130px;
    padding-top: 230px;
    background-color: black;
    position: relative;
}

#login {
    width: 380px;
    padding: 35px 40px 5px 40px;
    margin: 0 auto;
    background-color: #1d1e1f;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 140px;
    margin-left: -190px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75);
}

    #login label {
        display: none;
    }

    #login img {
        display: block;
        max-width: 266px;
        margin: 0 auto 24px auto;
    }

.forgotpassword {
    text-align: center;
    display: block;
    padding: 40px 0 20px 0;
}

    .forgotpassword a {
        color: #71b4bd;
    }

.loginbutton {
    display: block;
    text-align: center;
}

.loginhead {
    color: #84c4c5;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    font-size: 16px;
    letter-spacing: 3px;
}

.loginsub {
    text-align: center;
    color: #ffffff;
    opacity: 0.6;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 4px 0 5px 0;
}

.coloroverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    opacity: 0.6;
    z-index: 5;
    margin-top: -130px;
    padding-top: 230px;
}

.new-login-form-control {
    display: block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: 20px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: #50b9c9 !important;
    background-color: #3d4047 !important;
    background-clip: padding-box !important;
    border: 0px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

    .new-login-form-control:focus {
        color: #ffffff !important;
        background-color: #3c4047 !important;
        border-color: #80bdff !important;
        outline: 0 !important;
        box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;
    }

.btn-new {
    display: inline-block;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 30px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0.25rem !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 2px !important;
}

.btn-primary-new-login {
    color: #fff;
    background-color: #50b9c9;
    border-color: #50b9c9;
}

.btn-outline-primary-new-login {
    color: #a91a1a;
    background-color: transparent;
    background-image: none;
    border-color: #a91a1a;
}

.btn-primary-new-login:hover {
    color: #fff;
    background-color: #2a94a5;
    border-color: #2a94a5;
}


.new-login-container {
    background-color: #000;
    padding-top: 30px;
}

    .new-login-container .new-login-body form {
        margin-top: 0px;
    }

div.new-login-container.center-block {
    text-align: center;
    float: none
}

.new-login-container div.form-fields {
    background-color: transparent
}

.new-login-container .new-login-body .title {
    margin: 20px 0 0 0;
}

.new-login-container .new-login-body .title {
    margin: 20px 0 0 0;
}

    .new-login-container .new-login-body .title strong {
        color: #85EEF7;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
        display: block
    }

    .new-login-container .new-login-body .title span {
        color: #fff;
        font-size: 14px;
    }

.new-login-container .new-login-body .form-fields {
    border-top: none;
    padding-bottom: 0;
}

    .new-login-container .new-login-body .form-fields input[type="text"],
    .new-login-container .new-login-body .form-fields input[type="password"],
    .new-login-container .new-login-body .form-fields input[type="email"] {
        color: #fff;
        background-color: #434854;
        margin-bottom: 0;
    }

        .new-login-container .new-login-body .form-fields input[type="text"]:focus,
        .new-login-container .new-login-body .form-fields input[type="password"]:focus,
        .new-login-container .new-login-body .form-fields input[type="email"]:focus {
            border: none
        }

        .new-login-container .new-login-body .form-fields input[type="text"].input-validation-error,
        .new-login-container .new-login-body .form-fields input[type="password"].input-validation-error,
        .new-login-container .new-login-body .form-fields input[type="email"].input-validation-error {
            border: 2px solid #a23138;
        }

.new-login-container .new-login-body .inputs.reversed label[for="RememberMe"] {
    text-align: left;
    margin-left: 5px;
    color: #fff;
}

.new-login-container .new-login-body .btn-default[type="submit"] {
    background-color: #85EEF7;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: bold;
}

.new-login-container .new-login-body .buttons {
    margin-bottom: 15px
}

.new-login-container .new-login-body .fieldset {
    margin-bottom: 20px
}

.new-login-container .new-login-body .buttons > .forgot-password {
    display: block;
}

    .new-login-container .new-login-body .buttons > .forgot-password > a,
    .new-login-container .new-login-body .buttons > .forgot-password > a:hover,
    .new-login-container .new-login-body .buttons > .forgot-password > a:visited {
        color: #85EEF7;
        font-weight: bold;
        font-size: 11px;
    }

.light-footer {
    background: #1d1e20;
    color: #afafaf;
    text-align: center;
    padding: 50px 0;
}

    .light-footer ul {
        margin: 0 auto 50px auto;
        padding: 0;
        list-style-type: none;
    }

        .light-footer ul li {
            display: inline-block;
            padding: 0 20px;
        }

            .light-footer ul li a {
                text-transform: uppercase;
                font-size: 14px;
                color: #acadad;
            }

    .light-footer p {
        text-align: center;
        color: #ffffff;
        opacity: .5;
        font-size: 14px;
    }
/*.center-1 {
	margin: auto !important;
}*/
/********************  RESPONSIVENESS CONFIG  **********************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .container-news_message-title {
        font-size: 25px;
    }

    .container-news_message-body {
        font-size: 12px;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .container-news_message-titlee {
        font-size: 25px;
    }

    .container-news_message-bodyy {
        font-size: 12px;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .container-news_message-title {
        font-size: 30px;
    }

    .container-news_message-body {
        font-size: 14px;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .container-news_message-title {
        font-size: 30px;
    }

    .container-news_message-body {
        font-size: 14px;
    }
}

/*******************************************************************/
/********************    THEME MLMS CSS        *********************/
/********************    FOLDER:SHARED         *********************/
/*******************************************************************/

/********************    VIEW:_HeaderLogin     *********************/

.nav_trigger-button-dropdown {
    background-color: #a91a1a !important;
    color: #f2f2f2;
    width: 80px !important;
    height: 40px !important;
    text-align: center;
    border-style: none !important;
}

    .nav_trigger-button-dropdown:hover {
        background-color: #444 !important;
        color: #f2f2f2;
        width: 5%;
        height: 2%;
    }

.nav-hidden {
    min-height: 0px;
    height: 0px;
}

.nav-collapsed {
    display: inherit;
}

.nav_dropdown_form-login {
    padding: 10px 20px 20px 20px !important;
    left: -929%;
    /*height: 850%;*/
    width: 300px !important;
}

    .nav_dropdown_form-login > form {
        margin-right: 30px;
    }

    .nav_dropdown_form-login > label {
        margin-top: 10%;
        display: block;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }

    .nav_dropdown_form-login > textarea {
        margin-top: 10%;
        display: block;
    }


.nav_dropdown_form-login_submit-button {
    background-color: #a91a1a;
    color: #f2f2f2;
    width: 220px;
    height: 49px;
    margin-top: 18%;
    margin-bottom: 5px !important;
    border-radius: 8px !important;
}

.nav_dropdown-trigger-bg {
    background: none;
    width: 40px;
    height: 40px;
}

.nav_dropdown_form-login_fields > label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #B32023;
    /*font: 12px/16px 'Cabin', Arial, Verdana, Helvetica, sans-serif;*/
}

.nav_dropdown_form-login_fields > input {
    width: 100%;
}

.nav_dropdown_form-login_initial-msg {
    font: 14px/16px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    color: #1E1E1E;
}

.nav_dropdown_form-login_fields-inline > label {
    display: inline;
}

.nav_dropdown_form-login_fields-inline > input {
    display: inline;
}

.nav_dropdown_form-login_fields-fgt-pass > a {
    font-size: 12px;
    font-weight: normal;
    color: #1E1E1E;
    text-decoration: none;
    line-height: 4;
}

/********************    VIEW:_RecoverPasswordModal*****************/

.background-black {
    z-index: 0;
}

.modal-form-password_container_button--red {
    background-color: #a91a1a;
    color: #f2f2f2 !important;
    width: 220px;
    height: 45px;
    margin-top: 1%;
    margin-bottom: 10%;
    border-radius: 5px !important;
}

.modal-form-password {
    margin-top: 20%;
    width: 40%;
    min-height: 10%;
}

.modal-form-password_container {
    margin-left: 6%;
    top: -120px;
}

.modal-form-password_container_header {
    background-color: #cccccc;
    min-height: 45px;
}

.modal-form-password_container_input--border-red {
    border-top-width: 2px !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-color: #a91a1a !important;
    width: 220px;
}



/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:FooterPage     *********************/
/*******************************************************************/

/********************    VIEW:AboutMLMS        *********************/

.main-row-container {
    /*position: absolute;
    width: 105%;
    border-bottom: 6px solid #838687;
    padding-bottom: -100px;
    height: 101px;*/
    /* position: absolute; */
    width: 105%;
    border-bottom: 6px solid #838687;
    margin-bottom: -100px;
    height: 140px;
}

.main-info-row_container {
    margin-top: -576px;
}

.separator-footer {
    display: block;
    color: #444;
    background-color: white;
    border-top: 6px solid #838687;
}

.blacklayout-content {
    width: 80%;
    color: white;
    background-color: rgba(0,0,0,0.6);
    padding: 10px;
    margin-left: 10%;
    max-height: 670px;
    overflow: auto;
    /*top: -150px;*/
    height: 670px;
    padding-bottom: 0px;
    position: relative;
    display: block;
    /*margin-top: -400px;*/
}

    .blacklayout-content > p {
        display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin: 0 0 20px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 20px;
        color: white;
    }

    .blacklayout-content > h2 {
        margin: 0 0 29px;
        font: 29px/32px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
        text-transform: uppercase;
        color: white;
    }

/********************    VIEW:WebsiteHelp       ********************/


/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:MyAccountMenu  *********************/
/*******************************************************************/

/********************    VIEW:FreeStuff        *********************/

.container-main_panel {
}

    .container-main_panel > a {
        text-decoration: none;
    }

    .container-main_panel > div > div {
        border: 0px !important;
        background-color: white !important;
    }

.container-main_panel_header {
    border: 0px !important;
    background-color: white !important;
}

.container-main_panel_body-links > a {
    text-decoration: none;
    color: #1155cc;
    line-height: 2.5;
}

.container-main_panel_body-links--noundline {
    text-decoration: none !important;
}

.container-main {
    height: 749px !important;
}

/*****************    VIEW:MyAccountInformation ********************/

.row-base_square {
    margin-bottom: 0px;
    margin-top: 0px;
    height: 300px;
    border-style: groove;
    border-width: 1px;
    padding-top: 10px;
    /*overflow-x: auto;*/
    /*overflow-y: no-display;*/
}

.row-base {
    min-width: 500px;
    height: 50%;
    /*border-style: solid;*/
    padding-right: 0px;
    padding-left: 0px;
}

.row-base_square--no-border-left {
    border-left-style: none;
}



/*****************    VIEW:_GeneralCustomerInfo ********************/
.modal_modal-content {
    width: 105%;
}

.container-customer-info {
    margin-bottom: 4%;
    margin-top: 4%;
    font-family: 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #1E1E1E;
}


.loader-gif {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/Themes/MLMS/Content/Images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.modal-backdrop--white {
    background-color: white;
}

.modal-info_form {
    width: 60%;
}

.modal-info_body_header-container {
    min-height: auto;
}

.modal-info_body_header {
    color: RGB(179, 32, 35);
    text-align: center;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    line-height: 20px;
}


.modal-info_form_fields label {
    color: #1E1E1E;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    /*text-align: right;*/
    font-weight: 400;
    margin-top: 10%;
}

.modal-info_form_fields input, select {
    margin-top: 2%;
    background: #f0efef;
    border-color: #ddd;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 18px;
    height: 34px;
    width: 100%;
    padding: 7px;
    color: RGB(179, 32, 35);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 0px !important;
    transition: none;
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1em;
    border-radius: 5px;
}

    .modal-info_form_fields input:focus {
        background: white;
        border-color: RGB(179, 32, 35);
    }

.modal-info_button-trigger {
    min-width: 10px;
    font-size: 14px;
    line-height: 12px;
    padding: 9px 10px 8px;
    margin-top: 2%;
}

.modal-info_form_button-save-all {
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    padding: 2%;
    margin-top: 2%;
    text-align: center;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    line-height: 20px;
    font-weight: normal;
}

.modal-info_form_button-remove-img, .modal-info_button-remove-img {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    margin-top: 5%;
    display: block;
    text-align: center;
}

.modal-info_form_button-launch-img-edito-modal {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    margin-top: 5%;
    display: block;
    text-align: center;
}

.modal-info_form_div-thumbnail-img {
    width: 200px;
    height: 100px;
    padding: 0px;
    text-align: center;
}

.modal-info_form_container--border-bottom {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: groove;
    padding-bottom: 2%;
    padding-top: 2%;
}

.modal-info_header {
    background-color: white;
    min-height: 40px;
}

.modal-info_form_output-img {
    max-height: 100px;
    max-width: 260px;
    border: 1px solid #000;
    margin: 0px;
}

#QrCodeImageOutPutSpan > img {
    max-width: 70px;
    max-height: 70px;
}

#AgentLogoOutPutSpan > img {
    max-width: 172px;
    max-height: 74px;
}

.kw-modal-info-text-xs {
    font-size: 10px;
    line-height: 11px;
}
/********************  RESPONSIVENESS CONFIG  **********************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .modal-info_form {
        width: 90%;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .modal-info_form {
        width: 80%;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .modal-info_form {
        width: 80%;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .modal-info_form {
        width: 60%;
    }

    .kw-container-width--100per .required {
        margin: 0 -0px 0 -23px;
    }
}


/*****************    VIEW:_ChangePassword ********************/

.cp-container_form_fields label {
    text-align: left;
    color: #1E1E1E;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    font-weight: 400;
    margin-top: 0%;
}

.cp-container_form_fields input {
    margin-top: 0%;
    background: #f0efef;
    border-color: #ddd;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 18px;
    height: 34px;
    width: 100%;
    padding: 7px;
    color: RGB(179, 32, 35);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 21px;
    transition: none;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    border-radius: 5px;
}

    .cp-container_form_fields input:focus {
        background: white;
        border-color: RGB(179, 32, 35);
    }

/*****************    VIEW:_CreateShippingAddress  *****************/

.modal-create-shipping-addr_form {
    width: 50%;
}

.container-content-vertical-middle {
    min-height: 50%; /* Fallback for browsers do NOT support vh unit */
    min-height: 35vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.container-content-vertical-middle {
    min-height: 50%; /* Fallback for browsers do NOT support vh unit */
    min-height: 35vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
}

.trigger-icon-plus {
    font-size: 30px;
    font-weight: bold;
    color: black;
}

.label-add-new {
    font-size: 12px;
    width: 100px;
    /*margin-left: -10px;*/
    font-family: 'Cabin', Arial,Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #444444;
}

/********************  RESPONSIVENESS CONFIG  **********************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .modal-create-shipping-addr_form {
        width: 90%;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .modal-create-shipping-addr_form {
        width: 80%;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .modal-create-shipping-addr_form {
        width: 60%;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .modal-create-shipping-addr_form {
        width: 40%;
    }
}

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:ShoppingCart ***********************/
/*******************************************************************/

/********************    VIEW:OrderSummary  ********************/


table.kw-cart > tbody > tr {
    border-top: 1px solid #ddd;
}

    table.kw-cart > tbody > tr > td {
        border: none;
    }

div.kw-cart-options {
}

div.kw-cart-collaterals {
    margin-top: 20px;
    color: #1E1E1E;
    font-family: 'Cabin', Arial, Verdana, Helvetica, sans-serif;
}

    div.kw-cart-collaterals .coupon-box,
    div.kw-cart-collaterals .giftcard-box {
        margin-bottom: 20px;
    }

    div.kw-cart-collaterals .form-control-static {
        width: 150px;
        padding-top: 0px;
    }

div.order-summary-content form {
    margin-top: 0;
}

table.kw-cart .pdf-quantity {
    color: #444;
    font-size: 14px;
    display: block;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 13px;
}

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:Checkout  **************************/
/*******************************************************************/

/********************    VIEW:CheckoutProgress  ********************/
div.kw-order-progress {
    margin: 15px 0 0px;
    padding: 15px 0;
    text-align: right;
    background-color: transparent;
    width: 100%;
}

    div.kw-order-progress .slider {
        background: #c5c5c5;
        height: 4px;
    }

    div.kw-order-progress ul {
        font-size: 0;
        overflow: hidden;
        list-style: none;
        text-align: justify;
        margin: -10px -10px 0;
        letter-spacing: -4px;
    }

    div.kw-order-progress li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        text-align: center;
        width: 25%;
        letter-spacing: 0;
        font-size: 14px;
    }

        div.kw-order-progress li:first-child:before, div.kw-order-progress li.last:before {
            content: '';
            position: absolute;
            top: 5px;
            left: 50%;
            width: 1px;
            height: 6px;
            padding: 0 0 0 300px;
            margin: 0 0 0 -300px;
            background: #fff;
        }

        div.kw-order-progress li.last:before {
            padding: 0 300px 0 0;
            margin: 0 -300px 0 0;
        }

    div.kw-order-progress a {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 17px;
        color: #a4a3a3;
        text-decoration: none;
        font-weight: normal;
    }

        div.kw-order-progress a:before {
            content: '';
            display: block;
            margin: 0 auto 7px;
            background: #a8a8a8;
            width: 16px;
            height: 16px;
            border-radius: 8px;
            border: 3px solid #fff;
        }

    div.kw-order-progress li.active-step a {
        cursor: pointer;
        color: RGB(179, 32, 35);
    }

        div.kw-order-progress li.active-step a:before {
            background: RGB(179, 32, 35);
        }

    div.kw-order-progress li.inactive-step a {
        opacity: 1;
        cursor: default;
    }


/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:Checkout  **************************/
/*******************************************************************/

/********************    VIEW:Shipping  ********************/
div.kw-checkout-address-panel {
    text-align: left;
    margin-right: 5px;
    margin-left: 15px;
    font-size: 10px;
    line-height: 15px;
    padding: 10px 15px 14px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 2px solid #e4e4e4;
    height: 330px;
    padding-left: 30px;
    min-width: 185px;
    color: #1E1E1E;
    overflow: auto;
}

    div.kw-checkout-address-panel:first-child {
        margin-left: 15px;
    }

div.kw-checkout-address-panel--new {
    text-align: center;
    padding-top: 107px;
}

div.kw-modal-remove-address {
}

    div.kw-modal-remove-address .modal-content {
        margin-top: 20px;
        padding: 2.5em 1.5em 1em;
    }

    div.kw-modal-remove-address button {
        margin-right: 30px;
        margin-bottom: 20px;
    }

div.kw-modal-shipping-options .modal-content {
    padding: 0px 0 1em 1.5em;
}

div.kw-modal-shipping-options #loadshippingoptions-container > h3 {
    margin-top: 0px;
    line-height: 20px;
    margin-bottom: 20px;
}


/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:Order     **************************/
/*******************************************************************/

/********************    VIEW:CustomerOrders  ********************/
div.kw-order-history--item {
    border: 2px solid #e4e4e4;
    background-color: #fff;
    padding: 22px 35px 28px 23px;
}

    div.kw-order-history--item > .kw-item-title {
        text-align: left;
        font-size: 14px;
        color: #1E1E1E;
    }

    div.kw-order-history--item > .kw-order-items {
        font-size: 12px;
        color: #3f3f3f;
        line-height: 24px;
        padding-top: 16px;
        padding-bottom: 15px;
    }

        div.kw-order-history--item > .kw-order-items .item {
            padding: 16px 1px 15px;
            border-top: 1px solid #e4e4e4;
        }

            div.kw-order-history--item > .kw-order-items .item:first-child {
                border-top: none;
            }

    div.kw-order-history--item > .kw-order-total {
        border-top: 1px solid #7a2427;
        padding: 25px 0 24px;
        color: RGB(179, 32, 35);
        font: 18px/22px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    }

        div.kw-order-history--item > .kw-order-total .order-total {
            font-size: 24px;
            line-height: 28px;
        }

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:Order     **************************/
/*******************************************************************/

/********************    VIEW:Details  ********************/

.kw-ovrd-order-overview {
    text-align: left !important;
}

.dtls-button-red--primary, .dtls-button-red--primary:hover, .dtls-button-red--primary:focus, .dtls-button-red--primary:target {
    border: 2px solid #a23138 !important;
    border-radius: 5px !important;
    background: RGB(179, 32, 35) !important;
    text-transform: uppercase;
}

.dtls-button-gray--primary, .dtls-button-gray--primary:hover, .dtls-button-gray--primary:focus, .dtls-button-gray--primary:target {
    border: 2px solid #999 !important;
    border-radius: 5px !important;
    background: #999 !important;
    text-transform: uppercase;
    text-decoration: none;
}

.dtls-div-no-bg, .dtls-div-no-bg > div, .dtls-div-no-bg > th {
    background-color: white !important;
}
/**** ADMIN AREA ****/


/*BOOTSTRAP MODAL*/
.vertical-alignment-helper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.vertical-align-center {
    margin: 0 auto;
}

.disclaimer-proof {
    font-family: Cabin;
    font-size: 16px;
    font-style: normal;
    font-variant: small-caps;
    color: black;
}

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    SelectFrontTemplate.cshtml  ***************/
/*******************************************************************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .back-template-modal,
    .front-template-modal {
        width: 90%;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .back-template-modal,
    .front-template-modal {
        width: 80%;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .back-template-modal,
    .front-template-modal {
        width: 60%;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .back-template-modal,
    .front-template-modal {
        width: 40%;
        min-width: 800px;
    }
}



.product-preview-thumbnail {
    /*display: inline-block;
    margin: 15px 15px;*/
}

.product-thumbnail-button {
    width: 100%;
    border: none;
}

.product-thumbnail-button-image {
    width: 100%;
}

.product-thumbnail-image-large {
}

.ui-slider-handle {
    display: none;
}

.slider-tick-label2 {
}

.subcategory-back.products-container .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    width: 52.5px;
}

.subcategories-menu .sub-category-item {
    padding: 1px;
}

.products-container {
    min-height: 621px;
}


.subcategories-menu sub-category-grid .item-grid .sub-category-item {
}
/*******************************************************************/
/********************         THEME MLMS           *****************/
/********************    FOLDER:ShoppingCart ***********************/
/*******************************************************************/

/************  VIEW:_KwCheckoutOrderReviewData  ********************/

.order-review-data .info-container-wrapper {
    display: inline-table;
    width: 100%;
    background-color: white;
}

.co-cart-footer .co-totals-info-wrapper {
    width: 100%;
    background-color: white;
}

.co-totals-area_buttons-container {
    border-top-style: groove;
    padding-top: 30px;
}

.co-totals-area_order-total {
    color: black;
}

.co-addresses-area_edit-button {
    display: table;
}

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/

/********************    VIEW:TemplateEditor   *********************/
div.kw-modal-save-work {
}

    div.kw-modal-save-work .modal-content {
        margin-top: 20px;
        padding: 2.5em 1.5em 1em;
    }

    div.kw-modal-save-work button {
        margin-right: 30px;
        margin-bottom: 20px;
    }

.kw-loader-spiffy {
    display: inline-block;
    border: 1px solid transparent;
    height: 64px;
    width: 64px;
    background: url(/Themes/MLMS/Content/Images/nop/loading.gif) left top no-repeat;
}

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/
/********************    VIEW:_ProductFarmCreateNew   *********************/
div.kw-product-farm-create,
div.kw-product-farm-upload,
div.kw-product-farm-container {
    font-family: Verdana, Arial, sans-serif;
}

    div.kw-product-farm-create button,
    div.kw-product-farm-upload button,
    div.kw-product-farm-container button {
        margin-bottom: 10px;
    }

div.kw-product-farm-create {
    color: #222;
    padding: 15px;
}

    div.kw-product-farm-create span.text-danger {
        color: red;
        position: absolute;
        left: 0;
    }

    div.kw-product-farm-create .step-text {
        float: left;
        margin-left: 90px;
    }

    div.kw-product-farm-create .step-title {
        position: relative;
        font-size: 21.56px;
    }

    div.kw-product-farm-create .icon-tooltip-container > span {
        font-size: 18.48px;
        color: #222;
    }

    div.kw-product-farm-create .kw-download-sample {
        color: #62b2e0;
        text-decoration: none;
        text-align: center;
        width: 250px;
        float: right;
        margin-top: -10px;
        font-weight: bolder;
        font-size: 15.4px;
    }

    button.kw-button-savefarm-request + span,
    div.kw-product-farm-create .free-text,
    div.kw-product-farm-upload .free-text {
        font-size: 15.4px;
    }

        button.kw-button-savefarm-request + span ~ span {
            font-size: 12px;
            font-family: 'Arial Regular', 'Arial';
        }

    div.kw-product-farm-create .icon-tooltip-container + div span {
        font-size: 15.4px;
    }

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/
/********************    VIEW:_ProductFarmUpload   *********************/
div.kw-product-farm-upload {
    color: #222;
    padding: 15px;
}

    div.kw-product-farm-upload .kw-farm-text-title {
        color: #686868;
        font-size: 21.56px;
    }

    div.kw-product-farm-upload .kw-farm-upload-info {
        font-size: 15.4px;
    }

    div.kw-product-farm-upload input[name='FarmRequest.Quantity'] {
        height: 34px;
    }

    div.kw-product-farm-upload input[type=text] {
        margin-bottom: 0;
    }

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/
/********************    VIEW:Preview   *********************/
/* sprite spinner code snippet */
.sprite-spinner {
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: left;
    top: 5px;
}

.spinner-wrap {
    text-align: center;
}

.btn.kw-button.kw-button-gray--primary2 {
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    background: #999;
    color: white;
    line-height: 20px;
    padding: 15px;
    margin: 2px;
    box-shadow: none;
    margin-right: 10px;
}

    .btn.kw-button.kw-button-gray--primary2:hover, .btn.kw-button.kw-button-gray--primary2:focus, .btn.kw-button.kw-button-gray--primary2:target {
        margin-right: 10px;
    }


/*:EAK:*/

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/
/********************    VIEW:_ProductFarmRequest   *********************/
div.kw-farm-request-sub {
    color: RGB(179, 32, 35);
    font-size: 17px;
}

div.kw-farm-search-buttons {
    display: block;
    text-decoration: none;
    color: #5e5e5e;
    text-transform: uppercase;
    border: 1px solid #e4e4e4;
    background: #f4f2f2;
    padding: 14px 5px;
    font: 12px/16px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
}

.kw-button-savefarm-request-street_add {
}

div.kw-product-farm-request .kw-farm-request-sub {
    color: RGB(179, 32, 35);
    margin: 0 0 27px;
    text-transform: uppercase;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    display: block;
}

div.kw-product-farm-request .kw-farm-request-text {
    font-family: Verdana, Arial, sans-serif;
    font-size: 15.4px;
    display: block;
}

div.kw-product-farm-request .kw-farm-request-tract_street {
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    display: inline-block;
    height: 22px;
    border: 2px outset buttonface;
    margin-right: 5px;
}

    div.kw-product-farm-request .kw-farm-request-tract_street > span {
        color: red;
        margin: 0 3px;
    }

div.kw-product-farm-container .slider-row {
    position: relative;
    width: 400px;
    float: right;
}

div.kw-product-farm-container .slider {
    background: #c5c5c5;
    height: 4px;
    margin-top: 4px;
}

div.kw-product-farm-container .ui-slider-range {
    position: absolute;
    left: 0;
    top: 0;
    background: #7b7b7b;
}

div.kw-product-farm-container .points {
    list-style: none;
    text-align: justify;
    margin: -10px -10px 0;
    overflow: hidden;
    letter-spacing: -4px;
    font-size: 0;
}

    div.kw-product-farm-container .points:after {
        width: 100%;
        height: 0;
        font-size: 0;
        line-height: 0;
        content: '';
        display: inline-block;
        vertical-align: top;
    }

    div.kw-product-farm-container .points li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        text-align: center;
        width: 20%;
        letter-spacing: 0;
        font-size: 14px;
    }

        div.kw-product-farm-container .points li:first-child:before,
        div.kw-product-farm-container .points li.last:before {
            content: '';
            position: absolute;
            top: 5px;
            left: 50%;
            width: 1px;
            height: 6px;
            padding: 0 0 0 300px;
            margin: 0 0 0 -300px;
            background: #fff;
        }

        div.kw-product-farm-container .points li.last:before {
            padding: 0 300px 0 0;
            margin: 0 -300px 0 0;
        }

    div.kw-product-farm-container .points a {
        position: relative;
        display: block;
        font-size: 14px;
        line-height: 17px;
        color: #a4a3a3;
        text-decoration: none;
        font-weight: normal;
    }

        div.kw-product-farm-container .points a:before {
            content: '';
            display: block;
            margin: -1px auto 7px;
            background: #a8a8a8;
            width: 19px;
            height: 19px;
            border-radius: 10px;
            border: 3px solid #fff;
        }

        div.kw-product-farm-container .points a:hover {
            color: #575757;
        }

    div.kw-product-farm-container .points .current a {
        color: #b32023;
    }

        div.kw-product-farm-container .points .current a:before {
            background: #b32023;
        }

    div.kw-product-farm-container .points .complete a {
        color: #7a7979;
    }

        div.kw-product-farm-container .points .complete a:before {
            background: #575757;
        }

/**/

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/
/********************    VIEW:_ProductAttributes   *********************/

.dot-product-options-attributes .hidden-attribute {
    display: none;
}

.dot-product-options input[type='text'] {
    margin-bottom: 0;
}


/**/

.ui-widget-overlay {
    height: 1500px;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 61px;
    height: 16px;
    background: url('/Themes/MLMS/Content/Images/nop/lightbox-btn-close.png') no-repeat;
    border: 0px;
    background-size: 57px;
    background-position-x: 3px;
}

.ui-dialog-loading-container {
    width: 145px;
    margin-right: auto;
    margin-left: auto;
}

.ui-dialog-image-container {
    margin-left: 30px;
}

.kw-button-tooltip {
    /*position: absolute;*/
    margin-bottom: 0px;
    margin-top: 22px;
    /*right: 5px;*/
}

.div-container-iframe {
    padding-right: 140px;
    padding-left: 140px;
    margin-right: auto;
    margin-left: auto;
    width: 1190px;
}

.span4 {
    width: 300px;
}

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

.btn {
    text-transform: uppercase;
    text-shadow: none;
    text-decoration: none;
    padding: 14px 10px 13px;
    min-width: 198px;
    border-radius: 5px;
    margin-bottom: 21px;
    font: 14px/18px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
}

/* btn-primary */
.btn-primary {
    border: 2px solid #a23138;
    border-radius: 5px;
    background: RGB(179, 32, 35);
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .btn-primary:hover {
        background: RGB(179, 32, 35);
    }

    .btn-primary.pressed,
    .btn-primary:focus,
    .btn-primary:active {
        background: #5f0b0b;
        color: #d6aaaa;
    }

/* btn-secondary */
.btn-secondary {
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    background: #999;
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .btn-secondary:hover {
        background: #bbbaba;
        color: #fff;
    }

    .btn-secondary.pressed,
    .btn-secondary:focus,
    .btn-secondary:active {
        background: #828282;
        border-color: #737373;
        color: #d7d6d6;
    }

/*#dialogProduct-form {
    padding: .5em 5px .5em 15px;
}*/

.loading-image-container {
    margin: auto;
    text-align: center;
    /*margin-top: 25%;*/
    z-index: 1;
    width: 100%;
}

.btn.btn-block {
    padding: 14px 10px 13px;
    margin: 0;
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url] {
    background: #f0efef;
    border-color: #ddd;
    box-shadow: none;
    -webkit-box-shadow: none;
    line-height: 18px;
    height: 34px;
    width: 100%;
    padding: 7px;
    color: RGB(179, 32, 35);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 21px;
    transition: none;
    border: 2px solid transparent;
}

    input[type=text]:focus,
    input[type=password]:focus,
    input[type=email]:focus,
    input[type=tel]:focus,
    input[type=url]:focus {
        background: #fff;
        border: 2px solid #a23138;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

.ui-widget-overlay {
    background: #000 url(images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=30);
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn-block + .btn-block {
        margin-top: 17px;
    }

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 30px 15px;
    border-bottom: none;
}

.btn.kw-button.kw-button-gray--primary {
    border: 2px solid #a8a8a8;
    border-radius: 5px;
    background: #999;
    color: white;
    line-height: 20px;
    padding: 15px;
    margin: 2px;
    box-shadow: none;
    float: left;
    margin-right: 10px;
}

    .btn.kw-button.kw-button-gray--primary:hover, .btn.kw-button.kw-button-gray--primary:focus, .btn.kw-button.kw-button-gray--primary:target {
        margin-right: 10px;
    }

.navbar-collapse {
    width: 1190px;
    padding-left: 0px;
}

.master-wrapper-content-home form {
    margin-top: 115px;
}

.container > .navbar-header {
    /*margin-left: 65px; old value before sponsorship*/
    margin-left: 0px;
}

.kw-sponsor-image-header {
    max-height: 50px;
    max-width: 468px;
}


.glyphicon {
    /*font-family: none;*/
}

.hasTooltip {
    width: 16px;
    height: 32px;
    background: url('/Themes/MLMS/Content/Images/info_icon.jpg') no-repeat;
    float: right;
    margin-left: 5px;
}

span.popup-tooltip {
    height: 16px;
    float: none;
}

.glyphicon-question-sign:before {
    content: none;
}

/*********************************/
.savework-preview-photo, .savework-preview-thumbnail {
    max-width: 250px;
    max-height: 250px;
    text-align: center;
}

.savework-grid {
    border: none;
}

.details {
    /*width: 350px;*/
    font-family: "Cabin", Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    /*position: absolute;*/
    z-index: 10;
    /*top: 350px;*/
}

.name {
    display: block;
    font-size: 14px;
}

.SaveWorkGuid {
    display: block;
    padding-top: 1.6em;
}

.edit, delete {
    text-align: center;
}

.UpdatedOn,
.CreatedOn {
    font-family: "Cabin", Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    width: 150px;
    /*font-weight: bold;*/
    /*color: #898989;*/
}

#savedWorksListView {
    margin-top: 30px;
    margin-left: 65px;
}

.photo .photo_image {
    width: 120px;
}

.k-grid-header .k-header {
    padding: 10px 20px;
}

.kw-small-button {
    margin-bottom: 0px;
    min-width: 85px;
}

.k-grid td {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0.15)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.15) 100%);
    padding: 10px;
}

.k-grid .k-alt td {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.1) 100%);
    padding: 10px;
}

.saveworkDelete {
    font-size: 15px;
    color: red;
    font-weight: bold;
    border: 0;
    background-color: white;
    margin-top: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .saveworkDelete:hover {
        text-decoration: none;
        color: red;
    }

.productpreviewthumbnail {
    position: relative;
    background-color: transparent;
    width: 250px;
    vertical-align: top;
    margin: 10px;
    border: 0px;
    display: inline-block;
    text-align: center;
    /*float: left;*/
}

.productThumbnailImage {
    background-color: transparent;
    vertical-align: bottom;
    border: 0px;
    text-align: center;
}

.saveworknametext {
    width: 250px;
    text-align: center;
}

.productThumbnailImage:hover {
    color: black;
    text-decoration: none;
}


/***********************
    Product details page

***********************/
.missing-template-warning {
    color: red;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/****************************
MySavedWorks categories
****************************/
#categoryMenubar {
    margin: 25px;
}

.nav-tabs {
    background: #5e5e5e;
    overflow: hidden;
    border-radius: 5px;
    border: none;
    display: block;
    margin-bottom: 3px !important;
    width: 900px;
}

    .nav-tabs > li.active {
        background: RGB(179,32,35);
        color: #fff;
        border: none;
        cursor: pointer;
    }

    .nav-tabs li:first-child {
        border: none;
        width: 180px;
        height: 30px;
    }

    .nav-tabs > li:hover {
        background: #aaa9a9;
        cursor: pointer;
    }

    .nav-tabs li {
        margin: 0;
        float: none;
        display: table-cell;
        vertical-align: middle;
        border-left: 2px solid #858585;
        text-align: center;
        width: 179px;
        height: 30px;
        margin-bottom: 0px !important;
        margin-top: 3px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background: RGB(179,32,35);
        color: #fff;
        border: none;
    }

    .nav-tabs > .active > a, .nav-tabs > .active > a:focus, .nav-tabs > .active > a:hover {
        cursor: default;
        background-color: none;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

    .nav-tabs > li > a {
        color: #fff;
        text-decoration: none;
        font-weight: normal;
        font-size: 11px;
        line-height: 14px;
        border-radius: 0;
        border: none;
        margin: 0;
    }

    .nav-tabs > li > a {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 20px;
        /*border: 1px solid transparent;*/
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .nav-pills > li > a, .nav-tabs > li > a {
        padding-right: 12px;
        padding-left: 12px;
        margin-right: 2px;
        line-height: 14px;
    }

.nav > li > a {
    display: block;
}

.nav-tabs > li:hover {
    background: #aaa9a9;
    cursor: pointer;
}

.nav-tabs > li > a:hover {
    background: none;
    border: none;
}

.nav-tabs > li:hover {
    background: RGB(179,32,35);
}

.SavedWorkContainer {
    width: 950px;
    margin-left: 80px;
    min-height: 450px;
}

#SaveWorkDetails {
    width: 300px;
    float: left;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    color: #222222;
}

#PODImage {
    width: 400px;
    float: left;
    margin-left: 20px;
}

.btnaccount-mini {
    min-width: 10px;
    font-size: 11px;
    line-height: 12px;
    padding: 9px 10px 8px;
    margin-bottom: 20px;
}

#saveworkcreateddetail {
    margin-top: 30px;
    margin-bottom: 30px;
}

#actionbutton .btn {
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    font: 14px/18px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
}

.actionbutton {
    width: 100%;
}

div input {
    margin-bottom: 20px;
}

#SaveWorkReviewTitle {
    text-align: center;
    text-transform: uppercase;
}

#saveworkname .btn {
    padding: 12px;
    border-radius: 5px;
    font: 14px/18px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
}

#savedWorksListView {
    border: none;
}

.productImage-review, .productImage-review-back {
    max-width: 430px;
    max-height: 430px;
}

.saveworkpagetitle {
    font-weight: bold;
    width: 900px;
    color: #444;
    margin: 30px 0px 50px 105px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
}
/**/

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:Checkout  ***********************/
/*******************************************************************/
/********************    VIEW:PaymentInfo   *********************/

.payment-info-page form {
    margin-top: 0;
}

.payment-info-page hr {
    margin: 20px 0;
}

.kw-message-error {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #e4434b;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checkout-page div.total-info {
    padding: 0px 10px 10px 0px;
}

    .checkout-page div.total-info tr.order-total h4 {
        color: #686868;
    }

.coupon-box input[type="submit"], .giftcard-box input[type="submit"] {
    margin-left: 5px;
    float: right;
}

.coupon-box .form-group, .giftcard-box .form-group {
    margin-left: 15px;
    float: left;
}

.shoppingCartItemImage, .shoppingCartItemBackImage {
    max-height: 80px;
    max-width: 80px;
}

.shoppingCartItemImage {
    margin-bottom: 20px;
}

.shipping-method > span.label, .shipping-status > span.label, .custom-value > span.label, .payment-method > span.label, .payment-method-status > span.label {
    color: #000;
}

.order-details-title > strong {
    font-size: 20px;
    color: #444;
    font-weight: normal;
}

.order-details-title {
    text-align: center;
}

#order-details-grid {
    border: none;
}

    #order-details-grid thead.k-grid-header {
        border-top: solid #dddddd 1px;
        border-bottom: solid #dddddd 1px;
    }

    #order-details-grid th.k-header {
        border: none;
        background-color: #ffffff;
        background-image: none;
        background-position: 0;
    }

    #order-details-grid td {
        border-color: #ffffff;
        background-color: #ffffff;
        background-image: none;
        background-position: 0;
    }

.text-with-tooltip {
    float: left;
}

.on-left {
    float: left;
}

.order-details-buttons-section {
    margin-top: 150px;
}

.order-details-grid td {
    vertical-align: top;
}

.data-table td {
    padding: 10px;
    vertical-align: top;
    border: none;
}

.data-table th {
    border: none;
}

.data-table thead tr {
    border-bottom: solid 1px #ddd;
}

.icon-tooltip-container {
    width: auto;
    display: inline-block;
}

.k-grid-header,
.k-grid-header .k-header,
.k-alt,
.k-pager-wrap,
.k-grid,
.k-pager-wrap .k-link,
.k-grid-header th.k-header,
.k-state-selected,
.k-pager-numbers .k-state-selected,
.k-grid td,
.k-grid .k-alt td {
    background: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background-image: none;
    border-style: none;
    border-width: 0;
}

.k-state-selected {
    color: #313131;
}

.k-grid tr:hover {
    background-color: #f5f5f5;
}

.k-grid tbody tr {
    border: solid 1px #000;
}

.k-grid td,
.k-grid .k-alt td {
    background-image: none;
    background-color: #f9fafb;
    border-top: 2px solid #ecf0f1;
}

.order-history-grid-icon-complete {
    background: url(/Themes/MLMS/Content/Images/sprite.png) no-repeat 0px -17.5px;
}

.order-history-grid-icon-not-complete {
    background: url(/Themes/MLMS/Content/Images/sprite.png) no-repeat -24px -17px;
}

/*#BuildYourOwnDesingModal {
    display:block;
}*/

.product-preview-picture-big {
    border: solid 1px #ddd;
    background: white;
}

.verbiage {
    display: table;
    margin: 50px auto 0 auto;
}

.link-btn {
    /*text-transform: uppercase;*/
    text-shadow: none;
    text-decoration: none;
    padding: 0px;
    min-width: 198px;
    border-radius: 5px;
    margin-bottom: 21px;
    /*font: 14px/18px 'Cabin', Arial, Verdana, Helvetica, sans-serif;*/
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    /*font-size: 1.1em !important;*/
    color: #444444 !important;
    font-weight: bold !important;
}

div.col-xs-12 button.link-btn {
    min-width: 720px;
}

div.col-xs-6 button.link-btn {
    min-width: 345px;
}

div.col-xs-4 button.link-btn {
    min-width: 220px;
}

div.col-xs-3 button.link-btn {
    min-width: 157px;
}

div.col-xs-2 button.link-btn {
    min-width: 95px;
}

/**/

/*******************************************************************/
/********************    PLUGIN ORDERINGSTORE CSS  *****************/
/********************    FOLDER:DotProducts  ***********************/
/*******************************************************************/
/********************    VIEW:ProductManualUpload   *********************/
/*.manual-upload-container{}*/
.manual-upload-container img {
    max-width: 100%;
    height: auto;
}

.master-column-wrapper {
    /*margin-top: 140px !important;*/
    margin-top: 124px !important;
}

.dropdown-menu {
    padding: 10px;
    /*width: 220px;*/
    width: 240px;
}

.dropdown-menu-details {
    margin-right: 0px;
    margin-left: -123px;
    background-color: #f2f2f2;
    padding-bottom: 25px;
    padding-right: 0px;
}

    .dropdown-menu-details > li > a > span {
        color: #333333;
        opacity: 0.35;
    }

    .dropdown-menu-details > li > a {
        color: #4c4c4c;
    }

        .dropdown-menu-details > li > a > sup > .badge {
            border: 1px solid #999;
            /* background: #f8eaea !important; */
            /* border-color: #f8eaea; */
            color: #723838 !important;
            margin-left: 13px;
        }

    .dropdown-menu-details > li:hover > a > sup > .badge {
        background: #f8eaea;
        border-color: #f8eaea;
    }

    .dropdown-menu-details > .top-margin-20 {
        width: 95% !important;
    }



.header-links .navbar .dropdown-menu > li a {
    background-color: #f2f2f2;
}

.header-links .navbar .dropdown-menu > .top-margin-20 {
    margin-top: 20px;
}

.dropdown-menu > li > a {
    padding: 3px 0px;
}

.navbar-nav > li > a {
    padding-top: 15px;
}

.subcategories-menu {
    padding-top: 10px;
}

.page.home-page {
    padding-top: 5px;
}

.modal-body {
    overflow: hidden;
}

.sublist {
    padding: 0 !important;
    max-width: 160px;
}

.category-menu-item-scroll {
    margin-top: 18px !important;
}

.header-links-wrapper {
    padding: 0;
}

.add-info {
    display: none;
}

.glyphicon {
    padding: 5px;
}

.sup {
    top: 0.5em !important;
}

#myAccountMenuBase {
    height: 56px;
}

.hvr-fade {
    /*padding: 8px !important;*/
    padding: 2px 7px 2px 8px !important;
}

.sublist .dropdown.category-menu-item.li-spaced.category-menu-item-scroll {
    margin-top: 0 !important;
}

#HL_LoginButtom {
    /*width: 160px;
    margin-left: 12px;*/
}

.nav_dropdown_form-login_fields-fgt-pass > a {
    /*font-size: 14px !important;*/
    font-size: 12px;
    font-weight: normal;
    color: #1E1E1E;
    text-decoration: none;
}

.categories-home_dropdown-toggle {
    width: 10px;
    height: 38px;
    background-color: #e6e6e6;
    padding-top: 10px;
}

    .categories-home_dropdown-toggle:hover {
        background-color: white;
    }

.open > categories-home_dropdown-toggle {
    background-color: white !important;
}

.open > .dropdown-toggle.btn-default {
    background-color: white !important;
}

.categories-home_dropdown-menu {
    background-color: #e6e6e6;
    margin-left: 50px;
    width: 200px;
    max-width: 200px;
}



.categories-home_toggle-right-button {
    background-color: #e6e6e6;
    height: 36.9px;
    width: 20px;
    margin-top: -28.5px;
    margin-right: -10px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid transparent;
    padding-top: 12px;
    margin-left: 95%;
}

.categories-divider {
    margin-left: 20%;
    margin-right: 13%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
    color: #b8b7b7;
    background: #b8b7b7;
    height: 1px;
}

sup {
    top: 0;
    padding-left: 5px;
}

#HL_LoginButtomMenu {
    float: right !important;
}

#shoppingCartBase {
    height: 56px;
}

.order-history-menu-item sup {
    padding-left: 75px;
}

.saved-work-menu-item sup {
    padding-left: 65px;
}

.nav_dropdown_form-login_fields-inline label {
    font-weight: normal;
}

#UploadFrontFile input[type=file], UploadBackFile input[type=file] {
    margin-bottom: 5px;
}

#UploadFrontAndBackFrontImage input[type=file] {
    margin-bottom: 5px;
    margin-top: 5px;
}

.modal-close-button {
    background-color: transparent;
    /*background-image: url(/Themes/MLMS/Content/Images/modal-close-button-2.png);*/
    background-image: url(/Themes/MLMS/Content/Images/lightbox-btn-close.png);
    background-repeat: no-repeat;
    background-size: 58px 18px;
    width: 58px;
    height: 18px;
    float: left;
}

.close {
    opacity: .8;
    filter: alpha(opacity=80);
}

    .close:hover {
        opacity: .5;
        filter: alpha(opacity=50);
    }

div.product-title button.link-btn {
    text-transform: none;
    color: #444 !important;
    font-size: 14px !important;
    line-height: 20px;
}

.shopping-cart-page td, .shopping-cart-page form span, .shopping-cart-page a, .shopping-cart-page p {
    color: #1E1E1E;
}

.shipping-method-page td, .shipping-method-page form span, .shipping-method-page a, .shipping-method-page p {
    color: #1E1E1E;
}

.shipping-method-page h4 span {
    color: #686868;
}

.shopping-cart-page h4 span {
    color: #686868;
}

.order-summary_inputs {
    width: 80px !important;
    /*margin-left: 55px;*/
}

.order-summary_button {
    max-width: 110px !important;
    min-width: 110px !important;
    margin-left: 40px !important;
}

.kw-cart_bottom-buttons {
    margin-top: 0px;
    margin-bottom: -50px;
}

.dot-product-options .mlms-text {
    font-weight: normal;
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

.dot-product-options h4, .dot-product-options h4 > span {
    color: RGB(179, 32, 35);
}

#optionsModal .modal-header {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 3px;
}


#optionsModal select, .modal-body {
    margin-top: 0px;
    padding-top: 0px;
    max-height: 720px;
}


#optionsModal h4 {
    height: 30px;
    margin-bottom: 0px;
}

#frontTemplateModal .top-margin-20 h4 span {
    color: #626262;
    font-family: Verdana,Arial,sans-serif !important;
    font-weight: normal;
}

#frontTemplateModal .top-margin-20 h4 .mlms-text {
    color: #B32023;
}

.row-base_square .label-add-new {
    margin-left: -10px;
}

.categories-home_dropdown-menu > li > a:hover {
    background-color: #B32023 !important;
    color: white !important;
}

.categories-home_dropdown-menu li > a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
}

.modal-close-button {
    font-family: Verdana,Arial,sans-serif !important;
}

.short-info > p {
    color: #444444;
}
/********************    FOLDER:MyAccountMenu  ***********************/
/*******************************************************************/
/********************    VIEW:FreeStuff   *********************/
.free-stuff-page #FS_mainContainer h2 {
    color: #686868;
    margin: 0 0 29px;
    font: 29px/32px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    text-transform: uppercase;
}

.free-stuff-page .container-main_panel_header .panel-title a {
    border-style: none;
    background: none;
    color: black;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 13px;
}

.free-stuff-page .container-main_panel_body-links a {
    color: #1155cc;
    opacity: 1;
    text-decoration: none;
    font-weight: bold;
    font-family: arial,sans-serif;
    font-size: 13px;
    line-height: 1.5;
}
/********************    END VIEW:FreeStuff   *********************/

/********************    FOLDER:MyAccountMenu  ***********************/
/*******************************************************************/
/********************    VIEW:_WelcomeBetaLaunchPopUp  *********************/
#WelcomeBetaLaunchModal .modal_modal-content {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.welcome-beta-launch {
    text-align: center;
    min-height: 200px;
    max-width: 650px;
}

    .welcome-beta-launch .title {
        margin-bottom: 7px;
        line-height: normal;
        mso-layout-grid-align: none;
        text-autospace: none;
        font-size: 12.5pt;
        font-weight: normal;
        color: #b32023;
    }

    .welcome-beta-launch .sub-title {
        margin-bottom: .0001pt;
        line-height: normal;
        mso-layout-grid-align: none;
        text-autospace: none;
        font-size: 9pt;
        font-weight: bold;
        margin-bottom: 22px;
        height: 25px;
    }

    .welcome-beta-launch .welcome-header {
        margin-bottom: .0001pt;
        line-height: normal;
        mso-layout-grid-align: none;
        text-autospace: none;
        font-size: 9.5pt;
        font-weight: normal;
        text-align: left;
    }

    .welcome-beta-launch .welcome-body {
        margin-left: 190px;
        min-height: 200px;
    }

    .welcome-beta-launch .welcome-content {
        line-height: normal;
        mso-layout-grid-align: none;
        text-autospace: none;
        font-size: 9.5pt;
        font-weight: normal;
        width: auto;
        /*display: inline;*/
        text-align: left;
        margin-bottom: 28px;
    }

    .welcome-beta-launch .whitelayout-content {
        top: 2px;
        color: #1e1e1e;
        background-color: white;
        padding: 0;
        opacity: .8;
        margin-left: 0px;
        max-height: 650px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

        .welcome-beta-launch .whitelayout-content p {
            margin: 0;
            padding: 0;
        }

        .welcome-beta-launch .whitelayout-content a.btn {
            display: block;
            color: white;
            padding: 8px 5px;
            width: 369px;
            margin: 5px;
        }

        .welcome-beta-launch .whitelayout-content label {
            color: #1e1e1e;
        }

        .welcome-beta-launch .whitelayout-content .buttons {
            margin: 0;
            position: relative;
            vertical-align: middle;
            white-space: nowrap;
            display: inline-block;
            font-size: 9.5pt;
        }

            .welcome-beta-launch .whitelayout-content .buttons input {
                margin-top: 0;
            }
/********************    END VIEW:_WelcomeBetaLaunchPopUp  *********************/

/********************    VIEW:_NoticeRedirectionModal  *********************/
#NoticeRedirectionModal .modal_modal-content {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
}

.notice-redirection .notice-header {
    margin-bottom: .0001pt;
    line-height: normal;
    mso-layout-grid-align: none;
    text-autospace: none;
    font-size: 18px;
    color: #000000;
    font-style: italic;
}

.notice-redirection .notice-body {
    min-height: 120px;
}

.notice-redirection .notice-content {
    line-height: normal;
    mso-layout-grid-align: none;
    text-autospace: none;
    font-size: 9.5pt;
    font-weight: normal;
    width: auto;
    /*display: inline;*/
    text-align: left;
    margin-bottom: 28px;
}

.notice-redirection .whitelayout-content {
    top: 2px;
    color: #1e1e1e;
    background-color: white;
    padding: 0;
    opacity: .8;
    margin-left: 0px;
    max-height: 650px;
    /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
}

    .notice-redirection .whitelayout-content p {
        margin: 0;
        padding: 0;
    }

    .notice-redirection .whitelayout-content a.btn {
        display: block;
        color: white;
        padding: 8px 5px;
        width: 369px;
        margin: 5px;
    }

    .notice-redirection .whitelayout-content a {
        color: #20B2BB;
        font-size: 16px;
    }

    .notice-redirection .whitelayout-content label {
        color: #1e1e1e;
    }

/********************    VIEW:_PhotoDisclaimerModal  *********************/
#PhotoDisclaimerModal .modal_modal-content {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.photo-disclaimer h4 {
    margin-bottom: .0001pt;
    line-height: normal;
    mso-layout-grid-align: none;
    text-autospace: none;
    font-size: 18px;
    color: #000000;
    font-style: italic;
}

.photo-disclaimer input[type=checkbox], input[type=radio] {
    margin: 0 4px 0; /* override to avoid check box not line up with its label */
}
/********************    VIEW:_NoticesPopup  *********************/
#NoticesModal .modal_modal-content {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.notice-redirection .notice-header {
    margin-bottom: .0001pt;
    line-height: normal;
    mso-layout-grid-align: none;
    text-autospace: none;
    font-size: 18px;
    color: #000000;
    font-style: italic;
}

.notice-popup .notice-body {
    min-height: 120px;
}

.notice-popup .notice-content {
    line-height: normal;
    mso-layout-grid-align: none;
    text-autospace: none;
    font-size: 9.5pt;
    font-weight: normal;
    width: auto;
    /*display: inline;*/
    text-align: left;
    margin-bottom: 28px;
}

.notice-popup .whitelayout-content {
    top: 2px;
    color: #1e1e1e;
    background-color: white;
    padding: 0;
    opacity: .8;
    margin-left: 0px;
    max-height: 650px;
    /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
}

    .notice-popup .whitelayout-content p {
        margin: 0;
        padding: 0;
    }

    .notice-popup .whitelayout-content a.btn {
        display: block;
        color: white;
        padding: 8px 5px;
        width: 369px;
        margin: 5px;
    }

    .notice-popup .whitelayout-content a {
        color: #20B2BB;
        font-size: 16px;
    }

    .notice-popup .whitelayout-content label {
        color: #1e1e1e;
    }

.notice-popup input[type=checkbox], input[type=radio] {
    margin: 0 4px 0; /* override to avoid check box not line up with its label */
}


/********************    FOLDER:Shared  ***********************/
/*******************************************************************/
/********************    VIEW:_SocialShareOptions  *********************/
#social-share-media-options {
    background-color: transparent;
}

    #social-share-media-options .social-media-btn {
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: 50px 50px;
        width: 50px;
        height: 50px;
        border-radius: 5px;
        box-shadow: none;
        border: none;
    }

.social-media-btn.fb-btn {
    background-image: url(/Themes/MLMS/Content/Images/social/SocialMedia_Icons_square_FB_transparent.png);
}

.social-media-btn.twitter-btn {
    background-image: url(/Themes/MLMS/Content/Images/social/SocialMedia_Icons_square_twitter_transparent.png);
}

.social-media-btn.gmail-btn {
    background-image: url(/Themes/MLMS/Content/Images/social/SocialMedia_Icons_square_gmail_transparent.png);
}

.social-media-btn.outlook-btn {
    background-image: url(/Themes/MLMS/Content/Images/social/SocialMedia_Icons_square_outlook_transparent.png);
}

.social-media-btn.mailchimp-btn {
    background-image: url(/Themes/MLMS/Content/Images/social/SocialMedia_Icons_square_mailchimp_transparent.png);
}

.social-media-btn.export-template-email {
    background-image: url(/Themes/MLMS/Content/Images/social/ConstantContact.png);
}

#social-share-media-options .divider-btn {
    background-color: transparent;
    display: inline-block;
    width: 50px;
}

/********************    END VIEW:_SocialShareOptions  *********************/

/********************    VIEW:_SocialPostPopup  *********************/

#SocialPostModal {
}

    #SocialPostModal textarea {
        min-height: 80px !important;
        background: #f0efef;
        box-shadow: none;
        -webkit-box-shadow: none;
        line-height: 18px;
        height: 34px;
        width: 100%;
        padding: 7px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 21px;
        transition: none;
        resize: none;
    }

        #SocialPostModal textarea:focus {
            background: #fff;
        }

    #SocialPostModal img.social-post-image-ready {
        width: 50%;
    }

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .modal_social-post {
        width: 80%;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .modal_social-post {
        width: 60%;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .modal_social-post {
        width: 40%;
        min-width: 800px;
    }
}

/********************    END VIEW:_SocialPostPopup  *********************/

/********************    VIEW:_CreateEmailCampaingPopup  *********************/

#EmailCampaignModal {
}

    #EmailCampaignModal .modal-header-title {
        color: black;
        font-size: 22px;
        width: 97%;
        text-align: center;
        float: left;
    }

    #EmailCampaignModal .breadcrumb-wizard {
        display: table;
        width: 100%;
        position: relative;
    }

    #EmailCampaignModal .breadcrumb-wizard-row {
        display: table-row;
    }

        #EmailCampaignModal .breadcrumb-wizard-row:before {
            top: 14px;
            bottom: 0;
            position: absolute;
            content: " ";
            width: 100%;
            height: 1px;
            background-color: #ccc;
            z-index: 0;
        }

    #EmailCampaignModal .breadcrumb-wizard-step {
        display: table-cell;
        text-align: center;
        position: relative;
    }

        #EmailCampaignModal .breadcrumb-wizard-step p {
            margin-top: 10px;
        }

        #EmailCampaignModal .breadcrumb-wizard-step button[disabled] {
            opacity: 1 !important;
            filter: alpha(opacity=100) !important;
        }

    #EmailCampaignModal .btn-circle {
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 6px 0 6px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 15px;
    }

    #EmailCampaignModal .setup-content {
        padding: 15px;
    }

    #EmailCampaignModal .panel-btns {
        margin-top: 15px;
    }

    #EmailCampaignModal select {
        margin-top: 0;
    }

    #EmailCampaignModal textarea {
        min-height: 80px !important;
        background: #f0efef;
        box-shadow: none;
        -webkit-box-shadow: none;
        line-height: 18px;
        height: 34px;
        width: 100%;
        padding: 7px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        transition: none;
        resize: none;
    }

        #EmailCampaignModal textarea:focus {
            background: #fff;
        }

    /* KENDO OVERRIDES */
    #EmailCampaignModal .k-datetimepicker {
        width: 250px;
        max-width: 100%;
        border-radius: 0;
        border-color: #d2d6de;
        height: 34px;
        padding: 0;
    }

    #EmailCampaignModal .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
        height: 34px;
        text-indent: 0.7em;
        color: rgb(179, 32, 35);
        border: 2px solid transparent;
    }

    #EmailCampaignModal .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused {
        border-color: rgb(179, 32, 35);
        color: #555;
        box-shadow: none;
    }

    #EmailCampaignModal .k-picker-wrap.k-state-default > .k-select, .k-numeric-wrap.k-state-default > .k-select {
        background-color: rgb(179, 32, 35);
        border: none;
        height: 34px;
    }

    #EmailCampaignModal .k-picker-wrap .k-i-calendar, .k-picker-wrap .k-i-clock {
        background: none;
    }

    #EmailCampaignModal .k-picker-wrap .k-select .k-i-calendar:before, .k-picker-wrap .k-select .k-i-clock:before {
        color: #fff;
        font: normal normal normal 14px/1 FontAwesome;
        height: 17px;
        line-height: 17px;
    }

    #EmailCampaignModal .k-picker-wrap .k-i-calendar:before {
        content: "\f073";
    }

    #EmailCampaignModal .k-picker-wrap .k-i-clock:before {
        content: "\f017";
    }

    #EmailCampaignModal .k-selected-color {
        height: 34px;
        width: 3em;
    }

    #EmailCampaignModal .k-datetimepicker .k-picker-wrap .k-icon {
        margin: 0 3px;
    }

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .modal_email-campaign {
        width: 65%;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .modal_email-campaign {
        width: 55%;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) {
    .modal_email-campaign {
        width: 35%;
        min-width: 700px;
    }
}

/********************    END VIEW:_CreateEmailCampaingPopup  *********************/


/********************    FOLDER:ExternalAuthentication ***********************/
/*******************************************************************/
/********************    VIEW:ExternalMethods  *********************/

#external-auth-methods {
    margin-top: -50px;
}

.connect-btn, .connected-btn, .disconnect-btn {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 75px 25px;
    width: 75px;
    height: 25px;
    border-radius: 4px;
    box-shadow: none;
    border: none;
}

    .connect-btn.fb-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/fb-connect-button.png);
    }

    .connect-btn.tw-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/twitter-connect-button.png);
    }

    .connect-btn.mc-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/mailchimp-connect-button.png);
    }

    .disconnect-btn.fb-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/fb-disconnect-button2.png);
    }

    .disconnect-btn.tw-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/twitter-disconnect-button2.png);
    }

    .disconnect-btn.mc-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/mailchimp-disconnect-button.png);
    }

    .connected-btn.fb-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/fb-connected-button.png);
    }

    .connected-btn.tw-btn {
        background-image: url(/Themes/MLMS/Content/Images/social/twitter-connected-button.png);
    }

/********************    END VIEW:ExternalMethods  *********************/


/********************    FOLDER:MyAccountMenu  ***********************/
/*******************************************************************/
/********************    VIEW:MySaveWorks  *********************/
.SavedWorkContainer #categoryMenubar .verbiage-msg {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    font-size: 17px;
    margin-bottom: 5px;
}


.horizontal_line.top {
    border-top: 1px solid #999999;
    margin-bottom: 22px;
    margin-left: auto;
    margin-right: auto;
    width: 783px;
}

.horizontal_line.bottom {
    border-bottom: 1px solid #999999;
    margin-top: 0;
    margin-bottom: 9px;
    margin-left: auto;
    margin-right: auto;
    width: 783px;
}


#manualuploadMain h4 {
    font-family: Verdana,Arial,sans-serif;
}

#UploadFrontFile div,
#UploadFrontFile p,
#UploadBackFile div,
#UploadBackFile p,
#UploadFrontAndBackFrontImage div,
#UploadFrontAndBackFrontImage p,
#UploadFrontAndBackBackImage div,
#UploadFrontAndBackBackImage p,
#UploadFrontAndBackFrontImage,
.ManualUploadInstruction p,
.ManualUploadInstruction div,
.ManualUploadInstruction strong,
.manualupload-frame span {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.payment-info h4 > span, .payment-info h4 {
    color: #1e1e1e;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
}

.payment-info form a {
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
}

.payment-info .co-totals-area_order-total .cart-total-left > h4 {
    font-size: 20px;
    line-height: 40px;
}

#loadshippingoptions-container h3, #loadshippingoptions-container .shippingoptions > label {
    font-family: Verdana,Arial,sans-serif;
}

#loadshippingoptions-container h3 {
    text-transform: uppercase;
    color: #686868;
    font-size: 22px;
    line-height: 40px;
    font-weight: normal;
}

#loadshippingoptions-container .text-danger {
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px !important;
    line-height: 20px !important;
}

#loadshippingoptions-container .shippingoptions > label {
    color: #222222;
    font-size: 15px;
    line-height: 20px;
}

.main-menu-navbar-red .navbar-nav .cart-count-menu-item > a {
    background-color: #a60508 !important;
}

.main-menu-navbar-red .navbar-nav .red-menu-button {
    background-color: rgb(179, 32, 35);
}

#frontTemplateModal h5 > span {
    font: 15px/20px Verdana,Arial,sans-serif;
    color: #626262;
}

#frontTemplateModal h6 > a > strong {
    font: 12px/13px Verdana,Arial,sans-serif;
    color: #222222;
    font-weight: bold;
}

#backTemplateModal div > h3 {
    font: 22px/40px Verdana,Arial,sans-serif;
    color: #686868;
}

#backTemplateModal div > h4 {
    color: RGB(179, 32, 35);
    font-family: Verdana,Arial,sans-serif;
}

/*#backTemplateModal .modal-content{
    margin-top:56%;
    overflow: auto !important;
}*/
#ProductPODSaveSaveWorkFrm .edit-field {
    font: 15px/20px Verdana,Arial,sans-serif;
    color: #222222;
    width: 135% !important;
}

.carousel-control.right, .carousel-control.left {
    background: none;
}

#EditAddressModal .modal-body, #CreateBillingAddressModal .modal-body {
    overflow-x: hidden;
    overflow-y: hidden !important;
}

#EditAddressModal .modal-body, #CreateBillingAddressModal .modal-body, #CustomerInfoModal .modal-body {
    max-height: 2000px !important;
}


/********************  RESPONSIVENESS CONFIG  **********************/

/********************   VERY SMALL SCREENS     *********************/
@media (max-width: 768px) {
    .modal-body .col-md-offset-1 input[type=submit] {
        margin-left: 20%;
    }
}

/********************   SMALL      SCREENS     *********************/
@media (min-width: 768px) and (max-width: 992px) {
    .modal-body .col-md-offset-1 input[type=submit] {
        margin-left: 21% !important;
    }
}

/********************      MEDIUM  SCREENS     *********************/
@media (min-width: 992px) and (max-width: 1200px) {
    .modal-body .col-md-offset-1 input[type=submit] {
        margin-left: 21% !important;
    }
}

/********************   VERY LARGE SCREENS     *********************/
@media (min-width: 1200px ) and (max-width: 1500px) {
    .modal-body .col-md-offset-1 input[type=submit] {
        margin-left: 21% !important;
    }
}
/********************   VERY VERY LARGE SCREENS     *********************/
@media (min-width: 1500px ) {
    .modal-body .col-md-offset-1 input[type=submit] {
        margin-left: 21% !important;
    }
}

#form-payment a:hover {
    color: #444444;
}

.termTitle {
    font-family: "Times New Roman";
    font-size: 15.5pt;
    font-weight: bold;
}

.termHeader {
    line-height: normal;
    font-family: "Times New Roman";
    font-size: 11pt;
    font-weight: bold;
}

.blacklayout-content a {
    color: rgb(58,144,156);
    text-decoration: underline;
    font-weight: bold;
}

.termCondition {
    margin-bottom: .0001pt;
    line-height: normal;
    font-family: "Times New Roman";
    font-size: 11pt;
    font-weight: normal;
    width: auto;
    display: inline;
}

#newsShortInfo {
    font: 14px 'Cabin', Arial, Verdana, Helvetica, sans-serif;
    padding: 5px 0px;
}

#logOutModalButton {
    font-size: 16px;
    color: grey;
    font-family: verdana;
}

.payment-info-summary {
    padding-left: 90px;
}

    .payment-info-summary h4 {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .payment-info-summary .buttons {
        margin-bottom: 0px;
    }

    .payment-info-summary .summary-text {
        margin-left: 26px;
    }

.credit-card-info-area {
    width: 334px;
}

    .credit-card-info-area .panel-body, .credit-card-info-area h4 {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .credit-card-info-area .separator-gray {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .credit-card-info-area input {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .credit-card-info-area label {
        font-weight: normal;
    }

    .credit-card-info-area .panel-default > .panel-body > .row > .col-md-12 > h4 {
        text-transform: uppercase;
    }
/*.payment-addresses-area {
     padding-left: 60px;
}*/
.payment-info_main-container {
    margin-left: 21% !important;
}

div.order-details-area > div.order-details {
    width: 31%;
}

    div.order-details-area > div.order-details span,
    div.order-details-area > div.order-details div.title,
    div.order-details-area > div.order-details ul.shipping-info,
    div.order-details-area > div.order-details ul.billing-info {
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
        ;
        font-weight: normal;
        font-size: 14px;
        padding: 0;
    }

div.order-details-area > div.order-details {
    margin: 0px
}

    div.order-details-area > div.order-details div.title {
        text-transform: uppercase;
    }

div.order-overview > ul.order-overview-content > li {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    ;
    font-weight: normal;
    font-size: 14px;
    margin-left: 4px;
}

div.col-md-4 > div.kw-ovrd-order-overview {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    ;
    margin: 0px;
}

div.section > div.title > span {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    ;
    font-weight: normal;
}

td.product {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    ;
    font-weight: normal;
}

    td.product > span.product-name-link a {
        font-weight: normal;
        font-style: italic;
        font-size: 12px;
    }

    td.product > div.attributes {
        font-weight: normal;
        font-size: 12px;
        line-height: 1.6;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }

tr.dtls-div-no-bg th {
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px;
}

table.data-table > tbody span {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 12px;
}

table.cart-total span,
table.cart-total label {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: bold;
}

tr.dtls-div-no-bg {
    border-top: solid 1px #ddd;
}

#contentDivImgStep3 a {
    font-weight: bold;
    text-decoration: underline;
    color: #444;
    line-height: 1.4em;
}

.validation-summary-valid, .validation-summary-valid > span {
    text-align: justify;
    text-justify: inter-word;
    color: RGB(179, 32, 35);
    font-weight: bold;
}

#savedWorksListView_pager {
    margin: 10px 60px 0px 60px;
}

#listViewContainer .k-dropdown {
    margin-left: 75px;
    width: 75px;
    bottom: 35px;
}

.product-name {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    /*position: absolute;
    bottom: 100px;*/
}

.faq-container {
    width: 900px;
    margin-left: 120px;
}

    .faq-container .k-panelbar {
        border: none;
    }

        .faq-container .k-panelbar > li.k-state-default > .k-link.k-state-selected,
        .faq-container .k-panelbar > li > .k-state-selected,
        .faq-container .k-state-selected > .k-link {
            color: #000;
        }

        .faq-container .k-content,
        .faq-container .k-editable-area,
        .faq-container .k-panel > li.k-item,
        .faq-container .k-panelbar > li.k-item,
        .faq-container .k-tiles {
            background-color: #fff;
        }

        .faq-container .k-panel > .k-item > .k-link,
        .faq-container .k-panelbar > .k-item > .k-link,
        .faq-container .k-panelbar,
        .faq-container .k-panel {
            border: none;
        }

    .faq-container .k-icon,
    .faq-container .k-i-arrow-s,
    .faq-container .k-panelbar-expand {
        visibility: hidden;
    }

    .faq-container .k-state-hover,
    .faq-container .k-state-hover:hover,
    .faq-container .k-panelbar > .k-item > .k-link:hover,
    .faq-container .k-panelbar > li.k-state-default > .k-link:hover {
        background: none;
        color: crimson;
    }

    .faq-container .k-panelbar > .k-item > .k-link {
        background: none;
    }

.panelbar-item {
    background-color: whitesmoke;
}

.faq-container label {
    margin-top: 20px;
    font-style: italic;
}

.faqpagetitle {
    width: 900px;
    margin: 30px 0px 100px 100px;
}

    .faqpagetitle > label {
        color: #444;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        float: left;
    }

.proof-text {
    width: 510px;
    text-align: justify;
}

.faq-container .k-item > .k-panel {
    margin-left: 10px;
}

.faq-container .k-panel .k-panel > .k-item > .k-link {
    padding-left: 10px;
}

.search-container {
    width: 900px;
    margin-left: 120px;
}

.searchbox {
    width: 300px;
    float: right;
}

div.password-recovery-page div.result {
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font-size: 15px;
    line-height: 2;
}

/*social's modal*/
.modal-facebook .modal-info_header {
    background-color: #4267b2;
    min-height: 12px;
    height: 12px;
    padding: 6px 15px 30px 7px;
}

#SocialPostModal textarea {
    background: #fff;
    color: gray;
    margin-top: 17px;
}

    #SocialPostModal textarea:focus {
        background: #fff;
    }

.modal-twitter .post-text {
    border-color: #A4D9F9;
    border-width: 1px;
}

.modal-twitter .post-image {
    border-color: #A4D9F9;
    border-width: 1px;
}

.modal-twitter .post-submit {
    border-color: #A4D9F9;
    border-width: 1px;
}

.modal-facebook textarea {
    border-color: #fff;
}

    .modal-facebook textarea:focus {
        border-color: #fff;
    }

.modal-twitter textarea {
    border-color: #A4D9F9;
    border-width: 1px;
}

    .modal-twitter textarea:focus {
        border-color: #A4D9F9;
        border-width: 2px;
    }

.modal-facebook .kw-button {
    background-color: #4267b2;
    border: none;
    border-radius: 0px;
    text-transform: none;
    width: auto;
    padding: 6px 10px 6px 10px;
    margin-bottom: 15px;
}

.modal-facebook .modal-header-title {
    background-image: url(/Themes/MLMS/Content/Images/facebook_logo.png);
    width: 165px;
    height: 24px;
    float: left;
    background-repeat: no-repeat;
    text-align: right;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    font-family: sans-serif;
}

.modal-twitter .modal-header-title {
    color: black;
    font-size: 22px;
    width: 97%;
    text-align: center;
    float: left;
}

.modal-twitter .row {
    background-color: #E8F5FD;
}

.modal-twitter .modal-header {
    padding: 15px 15px 15px 15px;
}

.modal-facebook .modal-close-button {
    margin-top: 5px;
}

.modal-facebook > .modal_modal-content {
    border-radius: 0px;
}

.modal-facebook .modal-close {
    float: right;
    font-size: 14px;
    font-weight: bold;
    font-family: cursive;
    text-shadow: none;
    color: #fff;
    margin-top: 6px;
}

.modal-twitter .modal-close {
    float: right;
    font-size: 18px;
    font-weight: bold;
    font-family: cursive;
    text-shadow: none;
    color: #000;
    margin-top: 6px;
}

.modal-twitter .kw-button {
    border-radius: 100px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: auto;
    text-transform: none;
    background-color: #4AB3F4;
    border-color: transparent;
    margin-bottom: 15px;
}

    .modal-twitter .kw-button:hover, .modal-twitter .kw-button:active {
        background-color: #1DA1F2;
        border-color: #1DA1F2;
    }


/********************    FOLDER:Subscription  ***********************/
/*******************************************************************/
/********************        VIEW:Infos       *********************/

div.page-body.subscription-page-body > div.bg-image-home {
    height: 360px;
    margin-top: -146px;
    background-size: cover;
}

div.page-body.subscription-page-body div.container-news {
    min-height: 300px;
}

div.page-body.subscription-page-body select,
div.page-body.subscription-page-body input[type="text"] {
    margin-top: 0;
    margin-bottom: 0;
}

div.page-body.subscription-page-body div.container-news .topic-block .topic-block-title {
    border-bottom: none;
    font-size: 24px;
    text-align: left;
    margin-bottom: 8px;
    min-height: 0;
}

    div.page-body.subscription-page-body div.container-news .topic-block .topic-block-title h2,
    div.page-body.subscription-page-body div.container-news .subscription-info-title {
        color: #6fbecf;
        margin: 0;
        font-size: 25px;
    }

div.page-body.subscription-page-body div.container-news .subscription-info-title {
    margin-bottom: 8px;
}

div.subscription-info-block {
    border-left: 6px solid #6fbecf;
    padding: 0 0 0 20px;
    margin-left: -20px;
    width: 100%;
    margin-bottom: 3rem !important;
    margin-top: 48px;
}

div.subscription-form-block {
    padding: 0 0 0 26px;
    margin-left: -20px;
}

.alerticon-large {
    text-align: center;
}

    .alerticon-large span {
        height: 200px;
        width: 200px;
        display: block;
        border-radius: 50%;
        background: #ebf7fa;
        border: 12px solid #6ebfd0;
        margin: 0 auto;
    }

        .alerticon-large span i {
            color: #6ebfd0;
            font-size: 14rem;
            padding: 21px 0 0 0;
        }
/********************    FOLDER:Subscription  ***********************/
/*******************************************************************/
/****************        VIEW:_CustomerPlans       *****************/
.customer-plans-container .plan-action-button .panel-default {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,243,245,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f3f5',GradientType=0 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
    text-align: center;
    color: rgb(33, 37, 41);
}

.customer-plans-container a.plan-action-button,
.customer-plans-container a.plan-action-button:hover,
.customer-plans-container a.plan-action-button:visited {
    text-decoration: none
}

.customer-plans-container .plan-action-button .panel-default span {
    display: block
}

.customer-plans-container .plan-action-button .panel-default:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    background: rgba(255,255,255,0.3);
    opacity: 0.7;
}

.customer-plans-container .plan-action-button .panel-default.selected,
.customer-plans-container .plan-action-button .panel-default.selected:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    background: rgba(3, 220, 255, 0.11) !important;
    opacity: 1;
}

.customer-plans-container .plan-action-button .panel-default h4 {
    text-transform: uppercase;
    color: #6fbecf;
    border-bottom: 2px solid #e2e2e2;
    padding: 0 0 10px 0;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.customer-plans-container .plan-action-button .panel-default .unit-price {
    font-size: 40px;
    margin: 0;
    padding: 0;
}

.customer-plans-container .plan-action-button .panel-default .description {
    font-size: 12.8px;
    padding: 0;
    margin: -8px 0 20px 0;
    line-height: 1.5;
}

.customer-plans-container .plan-action-button .panel-default .btn-black {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.subscription-logout-button {
    position: absolute;
    margin-top: 20px;
    right: 80px;
}

/********************    FOLDER:Subscription  ***********************/
/*******************************************************************/
/****************        VIEW:Register Views       *****************/
.customer-offices-container .office-action-button .panel-default {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,243,245,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,243,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f3f5',GradientType=0 );
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.17);
    text-align: center;
    color: rgb(33, 37, 41);
    margin-bottom: 0px;
    height: 100%
}

.customer-offices-container a.office-action-button,
.customer-offices-container a.office-action-button:hover,
.customer-offices-container a.office-action-button:visited {
    text-decoration: none;
    height: 150px;
    display: block;
    margin-bottom: 20px;
}

.customer-offices-container .office-action-button .panel-default span {
    display: block
}

.customer-offices-container .office-action-button .panel-default:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    background: rgba(255,255,255,0.3);
    opacity: 0.7;
}

.customer-offices-container .office-action-button .panel-default.selected,
.customer-offices-container .office-action-button .panel-default.selected:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    box-shadow: 0px 0px 10px 0px rgba(3,196,255,1);
    background: rgba(3, 220, 255, 0.11) !important;
    opacity: 1;
}

.customer-offices-container .office-action-button .panel-default .radio-coordinator {
    position: relative;
    display: block;
    padding-left: 20px;
    text-align: left;
}

.customer-offices-container .office-action-button .panel-default input[name='CoordinatorSelected'] {
    position: absolute;
    left: 0
}

    .customer-offices-container .office-action-button .panel-default input[name='CoordinatorSelected'] + label {
        text-align: left;
        cursor: pointer;
        color: #949da5;
    }

.customer-offices-container .office-action-button .panel-default .office-name {
    padding: 0 4px 0 0;
    display: block;
    font-weight: bold;
    color: #495057;
    font-size: 16px;
    line-height: 1.5;
}

.customer-offices-container .office-action-button .panel-default .office-address {
    font-size: 14.4px;
}

.customer-offices-container .office-action-button .panel-default .office-zip {
    font-size: 14.4px;
    display: block
}

.customer-offices-container .office-action-button .panel-default .office-active {
    font-size: 15px;
    display: block
}

.register-old-login-link,
.register-new-login-link {
    font-size: 16px;
    color: red;
    display: block;
}
/*
 * breadcrumb registration
 * --------------------------------------------------
 */
.register-breadcrumb {
    background-color: #e8e8e9;
    color: #b1afb3;
}

    .register-breadcrumb ul {
        padding: 8px 15px;
        margin-bottom: 0px;
        list-style: none;
    }

    .register-breadcrumb li {
        display: inline-block;
    }

    .register-breadcrumb ul > li + li::before {
        padding: 0 8px;
        content: ">";
        font-size: 18px;
    }

.input-validation-payment-error {
    border: 1px solid red !important;
}
