/** Main Partial import **/
/********************************************************
index of all partials within the utilities directory
*********************************************************/
.accordion-2 .accordion-panel::after, .card--side-border::after, .table-container::after {
    content: '';
    display: table;
    clear: both; }

/********************************************************
index of all partials within the components directory
*********************************************************/
/********************************************************
index of all partials within the layout directory
*********************************************************/
/**********************************************************
/*LAYOUT/_HEADER.SCSS
/***********************************************************/
/* MAX HEADER
*******************************/
#max_header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    /* z-index: 9999; */
    z-index: 1000;
 }
#max_header .header--top {
    height: 30px;
    background-color: #262626;
    margin: 0;
    line-height: 1.5;
    font-size: 14px; }
#max_header .header--top .selectpicker {
    background: #262626;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 0;
    padding-left: 7px;
    background: url(../images/caret-down.svg) no-repeat right center #262626;
    padding-right: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
#max_header .header--top .search {
    margin-right: 10px;
    margin-left: 20px; }
#max_header .header--top .search input {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    height: auto;
    padding: 0;
    line-height: 1;
    color: #fff; }
#max_header .header--top .search button {
    background: no-repeat;
    border: none;
    color: #fff; }
#max_header .header--top .search button i {
    font-size: 15px; }
#max_header .header--top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
#max_header .header--top-inner .col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.25rem; }
#max_header .header--top-inner .col-right {
    margin-top: 0.25rem; }
#max_header .header--bottom {
    display: flex;
    position: relative;
    font-size: 14px;
    height: 65px;
    padding: 0 1em;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: solid 1px #ddd; }
#max_header .header--bottom .trangle {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3f3f3;
    margin: 0 auto;
    display: inline-block;
    margin-top: -8px;
    z-index: 1;
    box-shadow: 10px 10px #fff;
    left: calc(50% - 50px); }
#max_header .header--bottom .dropdown-event .trangle {
    margin-left: calc(50% - 198.5px); }
#max_header .header--bottom .dropdown-toggle::after {
    display: none; }
#max_header .header--bottom .dropdown-megamenu {
    position: relative; }
#max_header .header--bottom .dropdown-megamenu:hover > .dropdown-container {
    display: block; }
#max_header .header--bottom .dropdown-megamenu > .dropdown-container {
    position: absolute;
    top: 60px;
    left: calc(50% + 50px);
    right: 0;
    padding: 15px;
    z-index: 111;
    width: 800px;
    max-width: 800px;
    display: none;
    transform: translate(-50%, 0); }
#max_header .header--bottom .dropdown-megamenu .dropdown-wrapper {
    background: #fff;
    padding: 45px 50px;
    border: 1px solid #ddd; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container {
    border: none;
    box-sizing: unset;
    box-shadow: none;
    background: transparent;
    align-items: center;
    color: #fff;
    margin-right: 10px;
    padding-top: 15px; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container:hover {
    display: block; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container.show {
    display: block !important; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container ul {
    margin-left: 0;
    padding-left: 20px; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container h3 {
    text-transform: uppercase;
    color: #008da8;
    font-weight: bold;
    font-size: 17px;
    font-family: "Raleway", Helvetica, Arial, sans-serif; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container h3 a:hover {
    color: #808080;
    border-bottom: 3px solid #008da8; }
#max_header .header--bottom .dropdown-megamenu .dropdown-container .inner-drop li {
    padding: 5px 0 !important; }
#max_header .header--bottom .navbar {
    order: 1; }
@media screen and (min-width: 992px) {
    #max_header .header--bottom .navbar {
        order: 2; } }
#max_header .header--bottom .navbar-nav li {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 0;
    padding-left: 10px;
    margin-right: 2px;
    margin-left: 5px; }
#max_header .header--bottom .navbar-nav li:before {
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s; }
#max_header .header--bottom .navbar-nav li a {
    position: relative;
    background: none !important;
    font-size: 13px;
    border-bottom: 3px solid transparent; }
#max_header .header--bottom .navbar-nav li a:hover {
    transition: all .5s;
    border-bottom: 3px solid #008DA8; }
#max_header .header--bottom .navbar-nav .nav-link {
    text-transform: uppercase;
    color: #262626;
    padding-top: 10px;
    padding-bottom: 5px; }
#max_header .header--bottom .navbar-nav .nav-item > .nav-link {
    position: relative;
    border-bottom-color: transparent !important; }
#max_header .header--bottom .navbar-nav .nav-item > .nav-link:before {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    margin: auto;
    width: calc(100% - 16px);
    content: '';
    color: transparent;
    background: #008DA8;
    height: 4px;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0); }
#max_header .header--bottom .navbar-nav .nav-item > .nav-link:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }
#max_header .header--bottom .navbar-toggler {
    background: none;
    border: none;
    border-right: 1px solid #e6e7e8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px;
    margin: 5px 5px 5px auto;
    padding: 2px 3px 5px 10px;
    width: 50px; }
#max_header .header--logo-container {
    order: 2;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 175px;
    height: 65px;
    max-width: 25%; }
@media screen and (min-width: 992px) {
    #max_header .header--logo-container {
        margin-left: 0;
        margin-right: 150px;
        order: 1; } }
#max_header .header--logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-bottom: 25%;
    background-position: center;
    background-image: url("https://s3-us-west-2.amazonaws.com/maxintlmarketing/images/logos/max-logo-waves.svg");
    background-size: contain;
    overflow: hidden;
    vertical-align: middle;
    max-height: 65px;
    background-repeat: no-repeat; }
@media screen and (min-width: 992px) {
    #max_header .header--logo {
        padding-bottom: 35%;
        /* background-image: url("https://maxintlmarketing.s3-us-west-2.amazonaws.com/images/logos/Max-Logo-EN.svg"); */ } }
#max_header .header--cart-toggle {
    display: flex;
    order: 3;
    border: none;
    /* Clearing default btn borders */
    background: none;
    /* Clearing default btn background */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 60px;
    border-left: 1px solid #e6e7e8;
    margin: 5px;
    padding: 2px 3px 5px 10px; }
@media screen and (min-width: 992px) {
    #max_header .header--cart-toggle {
        margin-left: auto; } }
#max_header .header--cart-toggle .cart-icon {
    position: relative;
    width: 56px;
    margin-top: 8px; }
#max_header .header--cart-toggle .cart-icon .cart-item-count {
    position: absolute;
    top: 2px;
    /* left: 0px; */
    width: 100%;
    text-align: center;
    font-weight: bold; }
#maxCart-subtotal-autoship .fa-calendar {
        position: absolute;
        top: 6px;
        left: 12px;
        width: 192%;
        text-align: center;
        font-weight: bold;
    }
#max_header .header--cart-toggle .user-token {
    height: 0;
    width: 50px;
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    border: 5px solid #f6f6f6;
    background-image: url(//s3-us-west-2.amazonaws.com/maxintlmarketing/commonGraphics/AssociateAvatar.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6);
    margin-bottom: -25px; }

.page-pusher {
    height: 95px; }

/* MAX CART
*******************************/
/* Bug reslove by  applozix team  https://max-intl.atlassian.net/browse/MAXVO-182
slider arrow appear on the above the cart pannels
*/

/* #max_cart {
    top: 95px;
    max-width: 100%; } */
#max_cart {
    top: 95px;
    max-width: 100%;
    z-index: 999;/* added by appz team for sloving the bug  number https://max-intl.atlassian.net/browse/MAXVO-288 */
}

/* Bug reslove by  applozix team  https://max-intl.atlassian.net/browse/MAXVO-182
slider arrow appear on the above the cart pannels
*/

#max_cart .cart-inner-content {
    padding: 15px;
    border-radius: 10px;
    overflow: auto; }
#max_cart .cell-dis button {
    background: none;
    border: none; }
#max_cart .max_associate-token,
#max_cart .user-toggle {
    z-index: 1; }
#max_cart .tab-content {
    box-shadow: -3px 0px 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
    height: calc(100vh - (95px));
    overflow-y: scroll; }

#max_cart .white-bx {
    border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    background: #fff;
    padding: 10px;
    margin-top: 10px; }

#max_cart .normal-btns {
    width: 100%;
    font-size: 12px;
    border: solid 2px #008DA8;
    border-radius: 15px;
    padding: 5px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600; }

#max_cart .ac-bk .normal-btns {
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 1px; }

#max_cart .bank-title-top .dropdown-item {
    text-align: left;
    font-size: 14px; }

#max_cart .my-cart-content {
    margin-top: 40px; }

.my-cart-content p {
    margin-bottom: 24px;
    font-size: 17px; }

#max_cart .normal-checkbox-font {
    font-size: 14px;
    font-weight: normal;
    background: #f6f6f6;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 20px;
    padding: 20px 15px; }

#max_cart .normal-checkbox-font label {
    font-weight: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

#max_cart .normal-checkbox-font input {
    margin-right: 10px; }

#max_cart .autoship-order .cart-top-header {
    background: #4D9C2D;
    background: -webkit-linear-gradient(left top, #4D9C2D, #94D500);
    background: -o-linear-gradient(bottom right, #4D9C2D, #94D500);
    background: -moz-linear-gradient(bottom right, #4D9C2D, #94D500);
    background: linear-gradient(to bottom right, #4D9C2D, #94D500); }

#max_cart .admin-controls .cart-top-header {
    background: #AB0032;
    background: -webkit-linear-gradient(left top, #AB0032, #EB0028);
    background: -o-linear-gradient(bottom right, #AB0032, #EB0028);
    background: -moz-linear-gradient(bottom right, #AB0032, #EB0028);
    background: linear-gradient(to bottom right, #AB0032, #EB0028); }

#max_cart .helpbx {
    margin-top: 30px;
    padding: 20px 10px; }

#max_cart .helpbx ul {
    margin-left: 0;
    padding-left: 0;
    margin-top: 20px;
    font-weight: 500; }

#max_cart .bank-blk {
    background: #fff;
    padding: 20px;
    margin-top: 10px;
    border-left: #94D500 10px solid; }

#max_cart .purple-blk {
    border-left-color: #5A2B81; }

#max_cart .light-blue-blk {
    border-left-color: #00BFD5; }

#max_cart .dark-blue-blk {
    border-left-color: #008DA8; }

#max_cart .ac-bk .my-cart-content {
    margin: 15px; }

#max_cart .ac-bk .my-cart-content p {
    margin-bottom: 10px; }

#max_cart .dark-green-blk {
    border-left-color: #4D9C2D; }

#max_cart .bank-account-section {
    margin-top: 20px;
    font-size: 18px; }

#max_cart .btn-subtle {
    text-transform: uppercase;
    background-color: transparent;
    color: #00BFD5;
    border: solid 2px transparent;
    border-radius: 0;
    font-size: 15px; }

#max_cart .divider {
    width: 40px;
    height: 5px;
    background-color: #e6e6e6;
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both; }

#max_cart .btn-subtle:after {
    display: none; }

#max_cart .btn-subtle:hover {
    color: #008DA8;
    border: solid 2px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1); }

#max_cart .bank-blk .font-size-xs {
    font-size: 11px;
    font-weight: normal; }

#max_cart .cart-inner-content.box-content {
    background: #fff;
    margin: 5px;
    border-radius: 0; }

#max_cart .rwd-table .product-img img {
    height: 40px !important;
    /* position: absolute; */
    margin-top: -10px; }

#max_cart .cart-inner-content.box-content .rwd-table td {
    padding: 10px 10px !important;
    font-size: 12px;
    margin: 0 !important;
    line-height: 1;
    display: table-cell; }

#max_cart .cart-inner-content.box-content .rwd-table td.period {
    font-size: 15px !important; }

#max_cart .right-table .subtotal {
    padding-right: 0;
    margin-right: 0; }

.rwd-table tr {
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 10px; }

#max_cart .text-right {
    font-size: 13px;
    margin-bottom: 20px; }

#max_cart .close-cart {
    position: absolute;
    top: 5px;
    right: -5px;
    width: 20px;
    cursor: pointer;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    z-index: 1; }

#max_cart .close-cart:hover {
    transform: scale(1.1);
    opacity: 0.5; }

#max_cart .max_associate-token.max-icon-right {
    background: #fff;
    position: relative; }

#max_cart .max_associate-token.max-icon-right .span,
#max_cart .max_associate-token.max-icon-right strong {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

#max_cart .max_associate-token.max-icon-right strong {
    margin-top: -13px;
    color: #008DA8;
    margin-left: 3px; }

#max_cart .normal-btns {
    border-radius: 0 !important; }

#max_cart .cart-inner-content.box-content .rwd-table td:before {
    display: none; }

#max_cart div.max_associate-token.user-name {
    width: 65px;/* width: 71px; commented by appz team amit for num 301 */
    height: 65px;/* height: 71px; commented by appz team amit for num 301*/
    padding-bottom: 0;
    /* TODO: Host images on Amazon S3 */
    box-shadow: none;
    top: 12px;/* top: -3px; commented by appz team amit for num 301*/
    margin-bottom: 0; }

    .header--cart-toggle .user-name{
        display: flex;
        align-items: center;
        height: 100%;
    }

#max_cart .sub-des a {
    font-size: 16px; }

/* Mobile Nav
*****************************/
#mobile_nav_side {
    position: fixed;
    top: 95px;
    text-transform: uppercase;
    font-size: 14px;
    z-index: 1001;
    float: right;
    width: 100%;
    max-width: 350px;
    padding: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s; }
#mobile_nav_side .list-group-item {
    background-color: white;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    border-top: 0;
    border-left: 0;
    border-right: 0; }
#mobile_nav_side .list-group-item:after {
    content: "";
    display: table;
    clear: both; }
#mobile_nav_side .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
#mobile_nav_side .list-group-item :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
#mobile_nav_side .list-group-item a {
    text-decoration: none; }
#mobile_nav_side .list-group-submenu-1 {
    padding: 0;
    background-color: white;
    border-top: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 5px #008da8; }
#mobile_nav_side .list-group-submenu-1 .list-group-item {
    background-color: #f6f6f6; }
#mobile_nav_side .list-group-submenu-1 .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
/* Bug resolve by Applozix team https://max-intl.atlassian.net/browse/MAXVO-173
   sub-dropdown click problem
*/

/* #mobile_nav_side .list-group-submenu-2 {
    border-top: solid 1px #262626;
    padding: 0;
    border-left: solid 5px #008da8;
 } */
 #mobile_nav_side .list-group-submenu-2 {
    border-top: solid 1px #262626;
    padding: 0;
    border-left: solid 5px #008da8;
    max-height: 200px;
    overflow-y: scroll;
}
/* End Bug resolve by Applozix team https://max-intl.atlassian.net/browse/MAXVO-173
   sub-dropdown click problem
*/

#mobile_nav_side .list-group-submenu-2 .list-group-item {
    background-color: #262626;
    color: white; }
#mobile_nav_side .list-group-submenu-2 .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
#mobile_nav_side .list-group-submenu-2 .mobile-nav-link {
    color: white; }
#mobile_nav_side .list-group-submenu-3 {
    background-color: black;
    padding: 0; }
#mobile_nav_side .list-group-submenu-3 .list-group-item {
    background-color: black;
    color: white; }
#mobile_nav_side .list-group-submenu-3 .mobile-nav-link {
    color: white; }
#mobile_nav_side .mobile-nav-link {
    overflow: hidden;
    width: 100%;
    padding: 10px;
    color: #262626; }
#mobile_nav_side .mobile-nav-submenu-toggle {
    height: 100%;
    width: 15%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 1em 1.5em; }

/********************************************************
index of all partials within the components directory
*********************************************************/
/********************************************************
/* COMPONENTS/_ACCORDIONS.SCSS
/*******************************************************/
/* INSTRUCTIONS FOR TRIGGERING ACCORDION
2. Structure html similar to this:
  <div class="accordion-1"> // parent div class determines many styles for the accordion-trigger and accordion-panel
    <button class="accordion-trigger"><span class="accordion-title">Accordion Trigger Text</span> <span class="accordion-icon "></button>
    <div class="accordion-panel">
        ## ACCORDION CONTENT ##
    </div>
  </div>

Do not apply styles directly to the class '.accordion-trigger'
to expand an accordion, the '.active' class should be applied to the ".accordion-panel"
 */
.accordion-trigger {
    cursor: pointer; }

/*Only applied to make the cursor change to a pointer and indicate a clickable link*/
div.accordion-panel {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
div.accordion-panel--active, div.accordion-panel.active {
    max-height: 10000px;
    overflow: hidden; }

/* Accordion-1
******************************/
.accordion-1 :focus {
    outline: none; }

.accordion-1 .accordion-trigger {
    width: 100%;
    background: none;
    border: none;
    margin: 0;
    padding: 5px 0; }
.accordion-1 .accordion-trigger .accordion-title {
    float: left;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 1.15em;
    font-weight: bolder;
    color: #262626; }
.accordion-1 .accordion-trigger .accordion-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    content: '.';
    color: transparent;
    background: #008da8;
    height: 5px;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    transition: 0.5s ease-out; }
.accordion-1 .accordion-trigger .accordion-icon {
    float: right;
    font-size: 2em;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
.accordion-1 .accordion-trigger:hover .accordion-title:after {
    width: 100%; }
.accordion-1 .accordion-trigger:hover .accordion-icon {
    color: #008da8; }
.accordion-1 .accordion-trigger.active .accordion-title:after {
    width: 100%; }
.accordion-1 .accordion-trigger.active .accordion-icon {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    color: #008da8; }

.accordion-1 .accordion-panel {
    border-bottom: solid 2px #ddd; }
.accordion-1 .accordion-panel.active {
    padding-bottom: 30px;
    padding-top: 13px; }

.accordion-2 :focus {
    outline: none; }

.accordion-2 .accordion-trigger {
    width: 100%;
    background: #f6f6f6;
    border: solid 1px #ddd;
    margin: 0;
    padding: 0 10px; }
.accordion-2 .accordion-trigger .accordion-title {
    float: left;
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 1.15em;
    font-weight: bolder;
    color: #262626; }
.accordion-2 .accordion-trigger .accordion-icon {
    float: right;
    font-size: 2em;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
.accordion-2 .accordion-trigger:hover .accordion-icon {
    color: #008da8; }
.accordion-2 .accordion-trigger.active {
    border-bottom: 0; }
.accordion-2 .accordion-trigger.active .accordion-icon {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    color: #008da8; }

.accordion-2 .accordion-panel {
    border: solid 1px transparent;
    border-top: 0; }
.accordion-2 .accordion-panel.active {
    padding-bottom: 13px;
    padding-top: 13px;
    border: solid 1px #ddd; }

/********************************************************
/* COMPONENTS/_ALIGNMENT.SCSS
/*******************************************************/
/* Position controls
**********************/
.center-it {
    /* centers vertically and horizontally */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.center-it-y {
    /* centers vertically */
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

.max-sticky-top {
    position: sticky;
    position: -webkit-sticky; /* Adedd by Appz team for solving the Bugs Number: https://max-intl.atlassian.net/browse/MAXVO-187 , https://max-intl.atlassian.net/browse/MAXVO-188 and https://max-intl.atlassian.net/browse/MAXVO-192*/
    top: 95px; }

/* Button Modifiers
***************************/
.btn-corner-square {
    border-radius: 0px; }

.btn-corner-round {
    border-radius: 25px; }

/* Additional Buttons
****************************/
.btn-outline--white {
    color: white;
    background-color: transparent;
    background-image: none;
    border-color: white; }
.btn-outline--white:hover {
    background-color: white;
    color: #707070; }

/* Toggle Switch
***************************/
/* Example Use
<label class="btn-switch">
  <input type="checkbox">
  <span class="slider round"></span>
</label>
*/
/* The switch - the box around the slider */
.btn-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }

/* Hide default HTML checkbox */
.btn-switch input {
    display: none; }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ddd;
    -webkit-transition: .4s;
    transition: .4s; }

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }

input:checked + .slider {
    background-color: #008da8; }

input:focus + .slider {
    box-shadow: 0 0 1px #008da8; }

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
    border-radius: 34px; }

.slider.round:before {
    border-radius: 50%; }

/********************************************************
/* COMPONENTS/_BANNERS.SCSS
/*******************************************************/
.landingBanner {
    width: 100%;
    background-position: top left;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 22%; }
@media all and (orientation: portrait) {
    .landingBanner {
        width: 100%;
        background-size: 125% auto;
        background-repeat: no-repeat;
        padding-bottom: 27.5%; } }

/* Page Banners
***********************/
.banner-title {
    font-size: 4vw;
    margin: 0; }
.banner-title--sm {
    font-size: 3vw; }
.banner-title--md {
    font-size: 4vw; }
.banner-title--lg {
    font-size: 6vw; }

.banner-subtitle {
    font-size: 1.5vw;
    font-style: italic; }
.banner-subtitle--sm {
    font-size: 1vw;
    font-style: italic; }
.banner-subtitle--lg {
    font-size: 4vw;
    font-style: italic; }

.page-banner, .page-banner--xl, .page-banner--lg, .page-banner--md, .page-banner--sm, .page-banner--xs, .page-banner--full, .home-banner {
    overflow: hidden;
    width: 100%;
    background-size: cover;
    position: relative; }
.page-banner.skewed, .skewed.page-banner--xl, .skewed.page-banner--lg, .skewed.page-banner--md, .skewed.page-banner--sm, .skewed.page-banner--xs, .skewed.page-banner--full, .skewed.home-banner {
    position: relative; }
.page-banner.skewed::after, .skewed.page-banner--xl::after, .skewed.page-banner--lg::after, .skewed.page-banner--md::after, .skewed.page-banner--sm::after, .skewed.page-banner--xs::after, .skewed.page-banner--full::after, .skewed.home-banner::after {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    transform: skewY(-2deg);
    background-color: #fff;
    bottom: -35px; }
.page-banner--xl {
    height: 0;
    padding-bottom: 56.25%; }
.page-banner--lg {
    height: 0;
    padding-bottom: 36%; }
.page-banner--lg .banner-title {
    font-size: 4vw;
    margin: 0; }
.page-banner--md {
    height: 0;
    padding-bottom: 20%; }
@media screen and (orientation: portrait) {
    .page-banner--md-responsive {
        padding-bottom: 25%; } }
.page-banner--sm {
    height: 0;
    padding-bottom: 15%; }
.page-banner--xs {
    height: 0;
    padding-bottom: 10%; }
.page-banner--full {
    height: calc(100vh - 95px); }

.home-banner {
    height: 0;
    padding-bottom: 56.25%; }
@media screen and (min-width: 576px) {
    .home-banner {
        height: calc(100vh - 95px);
        padding-bottom: 0; } }

/* Page specific banners
***********************/
#products_page__banner {
    position: static;
    height: 0;
    padding-bottom: 33.33333%;
    background-size: cover; }
@media (min-width: 576px) {
    #products_page__banner {
        position: absolute;
        width: 100%;
        height: 100%;
        padding-bottom: 0; } }

#products_page__banner_text_holder {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 33.33333%;
    background-size: cover; }
@media (min-width: 576px) {
    #products_page__banner_text_holder {
        height: 100%;
        padding-bottom: 0; } }

/********************************************************
/* COMPONENTS/_BLOCKQUOTES.SCSS
/*******************************************************/
/*
Example Blockquote structure

<div class="b-quote-wrap style-1"> // style-1 sets the formatting for child elements
  <div class="b-quote-thumb"></div>
  <blockquote class="b-quote primary">
    <p class="body-1">I find Cellgevity to be incredibly useful in my day to day life. Not only do I have more energy to do my work, it plays a very supportive role in helping my body remove toxins.</p>
  </blockquote>
  <div class="b-quote-attribution">
    <p class="b-quote-author">Dr. Gordon Crozier</p>
    <cite>Integrative Medicine</cite>
  </div>
</div>

 */
.style-1 .b-quote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 13px 0;
    position: relative;
    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 2px 2px 15px #ccc;
    /*Borders - (Optional)*/
    border-left-style: solid;
    border-left-width: 15px;
    border-right-style: solid;
    border-right-width: 2px; }
.style-1 .b-quote::before {
    content: "\201C";
    /*Unicode for Left Double Quote*/
    /*Font*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #999;
    /*Positioning*/
    position: absolute;
    left: 10px;
    top: 5px; }
.style-1 .b-quote::after {
    /*Reset to make sure*/
    content: "\201D";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #008da8;
    /*Positioning*/
    position: absolute;
    right: 10px;
    bottom: -24px;
}
.style-1 .b-quote a {
    text-decoration: none;
    background: #eee;
    cursor: pointer;
    padding: 0 3px;
    color: #c76c0c; }
.style-1 .b-quote.primary {
    border-left-color: #00bfd5;
    border-right-color: #008da8; }
.style-1 .b-quote.primary::before {
    color: #008da8; }

.style-1 .b-quote-thumb {
    display: block;
    width: 70px;
    height: 70px;
    border: 5px solid #fff;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("//s3-us-west-2.amazonaws.com/maxintlmarketing/commonGraphics/AssociateAvatar.jpg");
    position: absolute;
    right: 10px;
    bottom: 15px;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6); }

.style-1 .b-quote-attribution {
    text-align: right;
    padding: 10px 100px 30px 5px;
    position: relative; }

.style-1 .b-quote-author {
    font-weight: 700;
    font-size: 18px;
    color: #008da8;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    margin: 0; }

/*Default Color Palette*/
blockquote.default {
    border-left-color: #656d77;
    border-right-color: #434a53; }

/*Grapefruit Color Palette*/
blockquote.grapefruit {
    border-left-color: #ed5565;
    border-right-color: #da4453; }

/********************************************************
/* COMPONENTS/_BORDERS.SCSS
/*******************************************************/
.border--2px {
    border: solid 2px; }

.border-top--2px {
    border-top: solid 2px; }

.border-bottom--2px {
    border-bottom: solid 2px; }

.border-bottom--heavy-blue {
    border-bottom: solid 2px #008da8; }

.card--side-border {
    border-left: solid 15px #008da8;
    outline: 1px solid #ddd;
    background-color: white;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
.card--side-border.link:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 141, 168, 0.19);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 141, 168, 0.19);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 141, 168, 0.19); }

/* Simple Card
***********************/
.simple-card {
    background-color: white;
    box-shadow: 1px 1px 3px 0px #aaa;
    padding: 13px; }

/* Products Page Cards
***********************/
.product-cards--container {
    float: right;
    min-height: 400px; }

.product-cards--list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0; }
.product-cards--list .product-card {
    width: 33.33%;
    text-align: center;
    display: block;
    cursor: pointer;
    position: relative; }
@media (min-width: 768px) {
    .product-cards--list .product-card {
        max-width: 150px; } }

.product-card--inner {
    background: #fff;
    height: 0;
    width: 100%;
    padding-bottom: 100%; }

.product-card--overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 141, 168, 0.6);
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }

.product-card:hover .product-card--overlay {
    opacity: 1; }

.svg-icon, .svg-icon--link {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    background-size: cover; }
.svg-icon.icon-size--lg, .icon-size--lg.svg-icon--link {
    width: 30px; }
.svg-icon.icon-size--xl, .icon-size--xl.svg-icon--link {
    width: 50px; }
.svg-icon.icon--white, .icon--white.svg-icon--link {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(270deg) brightness(104%) contrast(102%); }

i.icon-size--lg {
    font-size: 30px; }

i.icon-size--xl {
    font-size: 50px; }

img.icon-size--lg {
    width: 30px;
    max-width: 100%; }

img.icon-size--xl {
    width: 50px;
    max-width: 100%; }

a.svg-link {
    position: relative;
    z-index: 1;

}
.banner--play-icon.center-it a.svg-link {
    display: inline-block; /* bug fixed MAXVO-86 */
}
a.svg-link object {
    position: relative;
    z-index: -1; }

a:hover .svg-icon--link,
a:focus .svg-icon--link,
.nav-link.active .svg-icon--link,
.svg-icon--link:hover,
.svg-icon--link:focus {
    filter: brightness(0) saturate(100%) invert(31%) sepia(40%) saturate(3391%) hue-rotate(165deg) brightness(100%) contrast(103%);
    /*changes color to max-blue-1*/ }

.icon--hover1 {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(270deg) brightness(104%) contrast(102%) drop-shadow(4px 6px 5px rgba(0, 0, 0, 0.6)); }
.icon--hover1:hover, .icon--hover1:focus,
a:hover .icon--hover1,
a:focus .icon--hover1 {
    filter: brightness(0) saturate(100%) invert(31%) sepia(40%) saturate(3391%) hue-rotate(165deg) brightness(100%) contrast(103%) drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.6)); }

.banner--play-icon {
    width: 150px;
    max-width: 15%; }

/* Box Arrows
***********************/
/* Adds arrows to the sides of boxes
***********************/
.arrow--before:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 24px 12px 0;
    border-color: transparent #ddd transparent transparent;
    margin-right: -2px; }

.arrow--after:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 24px;
    border-color: transparent transparent transparent #ddd;
    margin-right: -2px;
    z-index: 1; }

/********************************************************
// COMPONENTS/_LIGHTBOXES.SCSS
********************************************************/
.lightbox {
    background-color: rgba(0, 0, 0, 0.8);
    /* overflow: scroll; */ /* Bug resolved by Applogics Team MAXVO 242*/
    position: fixed;
    display: none;
    /* z-index: 1; */ /* Bug resolved by Applogics Team MAXVO 242*/
    /* z-index: 999; */
    z-index: 1000;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0; }
.lightbox--container {
    position: relative;
    max-width: 960px;
    margin:auto;
    display: block;
    /* padding: 0 3%; */ /* Bug resolved by Applogics Team MAXVO 242*/
    /* height: auto; */ /* Bug resolved by Applogics Team MAXVO 242*/
    height: 100vh;
    z-index: 10; }

@media screen and (max-width: 768px) {
    .lightbox--container {
        margin-top: 10%; } }
@media screen and (max-width: 414px) {
    .lightbox--container {
        margin-top: 13%; } }
        /* bug resolved by Applozix team https://max-intl.atlassian.net/browse/MAXVO-179
         vedio align issue
        and hover on close
        */
/* .lightbox--content {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.8); } */

    .lightbox--content {
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
        /* margin-top:20%; */ /* Bug resolved by Applogics Team MAXVO 242*/
        /* add Bug resolved by Applogics Team MAXVO 242*/
        position: absolute;
        left: 50%;
        top:50%;
        width: 100%;
        transform: translate(-50%,-50%);
        height: initial;
        /* add end Bug resolved by Applogics Team MAXVO 242*/
    }
    /* /* Bug resolved by Applogics Team MAXVO 242* removing media query /
    /* @media(max-width:767px){
        .lightbox--container {
            margin-top: 20%;
        }
        }
        @media(max-width:480px){
        .lightbox--container {
            margin-top: 45%;
        }
        } */

    /* End bug resolved by Applozix team https://max-intl.atlassian.net/browse/MAXVO-179
         vedio align issue
        and hover on close
        */


.lightbox--close {
    text-transform: uppercase;
    background: transparent;
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    display: block;
    border: none;
    color: white;
    top: -22px;
    right: 3%;
    cursor: pointer;
}

/********************************************************
/* COMPONENTS/_LISTS.SCSS
/*******************************************************/
.bullet-color--white {
    list-style: none; }
.bullet-color--white li {
    position: relative; }
.bullet-color--white li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: white; }

.bullet-color--black {
    list-style: none; }
.bullet-color--black li {
    position: relative; }
.bullet-color--black li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: black; }

.bullet-color--grey {
    list-style: none; }
.bullet-color--grey li {
    position: relative; }
.bullet-color--grey li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #707070; }

.bullet-color--grey-1 {
    list-style: none; }
.bullet-color--grey-1 li {
    position: relative; }
.bullet-color--grey-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #f6f6f6; }

.bullet-color--grey-2 {
    list-style: none; }
.bullet-color--grey-2 li {
    position: relative; }
.bullet-color--grey-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #ddd; }

.bullet-color--grey-3 {
    list-style: none; }
.bullet-color--grey-3 li {
    position: relative; }
.bullet-color--grey-3 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #aaa; }

.bullet-color--grey-4 {
    list-style: none; }
.bullet-color--grey-4 li {
    position: relative; }
.bullet-color--grey-4 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #888; }

.bullet-color--grey-5 {
    list-style: none; }
.bullet-color--grey-5 li {
    position: relative; }
.bullet-color--grey-5 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #262626; }

.bullet-color--blue-1 {
    list-style: none; }
.bullet-color--blue-1 li {
    position: relative; }
.bullet-color--blue-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #008da8; }

.bullet-color--blue-2 {
    list-style: none; }
.bullet-color--blue-2 li {
    position: relative; }
.bullet-color--blue-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #00bfd5; }

.bullet-color--green-1 {
    list-style: none; }
.bullet-color--green-1 li {
    position: relative; }
.bullet-color--green-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #4d9c2d; }

.bullet-color--green-2 {
    list-style: none; }
.bullet-color--green-2 li {
    position: relative; }
.bullet-color--green-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #94d500; }

.bullet-color--orange-1 {
    list-style: none; }
.bullet-color--orange-1 li {
    position: relative; }
.bullet-color--orange-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #e15829; }

.bullet-color--orange-2 {
    list-style: none; }
.bullet-color--orange-2 li {
    position: relative; }
.bullet-color--orange-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #ff8f12; }

.bullet-color--purple-1 {
    list-style: none; }
.bullet-color--purple-1 li {
    position: relative; }
.bullet-color--purple-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #5a2b81; }

.bullet-color--purple-2 {
    list-style: none; }
.bullet-color--purple-2 li {
    position: relative; }
.bullet-color--purple-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #a35db4; }

.bullet-color--red-1 {
    list-style: none; }
.bullet-color--red-1 li {
    position: relative; }
.bullet-color--red-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #ab0032; }

.bullet-color--red-2 {
    list-style: none; }
.bullet-color--red-2 li {
    position: relative; }
.bullet-color--red-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #eb0028; }

.bullet-color--cellgevity-1 {
    list-style: none; }
.bullet-color--cellgevity-1 li {
    position: relative; }
.bullet-color--cellgevity-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #008da8; }

.bullet-color--cellgevity-2 {
    list-style: none; }
.bullet-color--cellgevity-2 li {
    position: relative; }
.bullet-color--cellgevity-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #94d500; }

.bullet-color--maxnfuze-1 {
    list-style: none; }
.bullet-color--maxnfuze-1 li {
    position: relative; }
.bullet-color--maxnfuze-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #ff8f12; }

.bullet-color--maxnfuze-2 {
    list-style: none; }
.bullet-color--maxnfuze-2 li {
    position: relative; }
.bullet-color--maxnfuze-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #eb6825; }

.bullet-color--max357-1 {
    list-style: none; }
.bullet-color--max357-1 li {
    position: relative; }
.bullet-color--max357-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #09b9ab; }

.bullet-color--max357-2 {
    list-style: none; }
.bullet-color--max357-2 li {
    position: relative; }
.bullet-color--max357-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #4cb74d; }

.bullet-color--max357-3 {
    list-style: none; }
.bullet-color--max357-3 li {
    position: relative; }
.bullet-color--max357-3 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #b8d433; }

.bullet-color--maxatp-1 {
    list-style: none; }
.bullet-color--maxatp-1 li {
    position: relative; }
.bullet-color--maxatp-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #94d500; }

.bullet-color--maxatp-2 {
    list-style: none; }
.bullet-color--maxatp-2 li {
    position: relative; }
.bullet-color--maxatp-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #479c49; }

.bullet-color--maxgxl-1 {
    list-style: none; }
.bullet-color--maxgxl-1 li {
    position: relative; }
.bullet-color--maxgxl-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #ac0033; }

.bullet-color--maxgxl-2 {
    list-style: none; }
.bullet-color--maxgxl-2 li {
    position: relative; }
.bullet-color--maxgxl-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #8e2d39; }

.bullet-color--maxone-1 {
    list-style: none; }
.bullet-color--maxone-1 li {
    position: relative; }
.bullet-color--maxone-1 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #00bfd5; }

.bullet-color--maxone-2 {
    list-style: none; }
.bullet-color--maxone-2 li {
    position: relative; }
.bullet-color--maxone-2 li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #8e9090; }

.bullet-color--primary {
    list-style: none; }
.bullet-color--primary li {
    position: relative; }
.bullet-color--primary li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #008da8; }

.bullet-color--secondary {
    list-style: none; }
.bullet-color--secondary li {
    position: relative; }
.bullet-color--secondary li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #00bfd5; }

.bullet-color--success {
    list-style: none; }
.bullet-color--success li {
    position: relative; }
.bullet-color--success li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #4d9c2d; }

.bullet-color--info {
    list-style: none; }
.bullet-color--info li {
    position: relative; }
.bullet-color--info li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #eb0028; }

.bullet-color--warning {
    list-style: none; }
.bullet-color--warning li {
    position: relative; }
.bullet-color--warning li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #ff8f12; }

.bullet-color--danger {
    list-style: none; }
.bullet-color--danger li {
    position: relative; }
.bullet-color--danger li::before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0;
    width: 0.4em;
    height: 0.4em;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #eb0028; }

/********************************************************
/* COMPONENTS/_NAV-ELEMENTS.SCSS
/*******************************************************/
.scrollable-side-nav {
    text-align: right; }
.scrollable-side-nav .nav-link:after {
    content: '';
    position: absolute;
    left: 100%;
    width: 10px;
    height: 8px;
    margin: 14px 0 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 16px;
    border-color: transparent transparent transparent #008da8;
    opacity: 0;
    transition: all 0.3s ease; }
.scrollable-side-nav .nav-link.active {
    font-size: 24px; }
.scrollable-side-nav .nav-link.active:after {
    opacity: 1;
    margin-left: 8px; }

/********************************************************
/* COMPONENTS/_SIZING.SCSS
/*******************************************************/
/* these options are available for components that should be a fixed size ratio. to work correctly, the components these are applied to should not adjust size to support child elements */
.size--1x1 {
    height: 0;
    width: 100%;
    padding-bottom: 100%; }

.size--1x2 {
    height: 0;
    width: 100%;
    padding-bottom: 200%; }

.size--1x3 {
    height: 0;
    width: 100%;
    padding-bottom: 300%; }

.size--1x4 {
    height: 0;
    width: 100%;
    padding-bottom: 400%; }

.size--1x5 {
    height: 0;
    width: 100%;
    padding-bottom: 500%; }

.size--2x1 {
    height: 0;
    width: 100%;
    padding-bottom: 50%; }

.size--3x1 {
    height: 0;
    width: 100%;
    padding-bottom: 33.33333%; }

.size--4x1 {
    height: 0;
    width: 100%;
    padding-bottom: 25%; }

.size--5x1 {
    height: 0;
    width: 100%;
    padding-bottom: 20%; }

.size--3x2 {
    height: 0;
    width: 100%;
    padding-bottom: 66.66667%; }

.size--2x3 {
    height: 0;
    width: 100%;
    padding-bottom: 66.66667%; }

.size--4x3 {
    height: 0;
    width: 100%;
    padding-bottom: 75%; }

.size--3x4 {
    height: 0;
    width: 100%;
    padding-bottom: 133.33333%; }

.size--16x9 {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%; }

/********************************************************
/* COMPONENTS/_SECTIONS.SCSS
/*******************************************************/
.parallax, .parallax-sm {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed; }

.parallax-sm {
    height: 0;
    overflow: hidden;
    padding-bottom: 20%; }

.skewed {
    position: relative;
    overflow: hidden; }
.skewed::after {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    transform: skewY(-2deg); }
.skewed-bottom {
    position: relative; }
.skewed-bottom::after {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    transform: skewY(-2deg); }
.skewed-bottom::after {
    bottom: -20%;
    background-color: white; }
.skewed-top {
    position: relative; }
.skewed-top::after {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    transform: skewY(-2deg); }
.skewed-top::after {
    top: -20%;
    background-color: white; }
.skewed-top-and-bottom {
    position: relative; }
.skewed-top-and-bottom::after {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    transform: skewY(-2deg);
    bottom: -20%;
    background-color: white; }
.skewed-top-and-bottom::before {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    position: absolute;
    transform: skewY(-2deg);
    top: -20%;
    background-color: white; }

/********************************************************
/* COMPONENTS/_SCROLLBARS.SCSS
/*******************************************************/
/* width */
.scrollbar-narrow::-webkit-scrollbar {
    width: 5px; }

/* Track */
.scrollbar-narrow::-webkit-scrollbar-track {
    border-radius: 5px; }

/* Handle */
.scrollbar-narrow::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 5px; }

/* Handle on hover */
.scrollbar-narrow::-webkit-scrollbar-thumb:hover {
    background: #008da8; }

.table-container {
    max-width: 100%;
    overflow-x: auto; }

table.table-primary {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(112, 112, 112, 0.19);
    -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(112, 112, 112, 0.19);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(112, 112, 112, 0.19);
    width: 100%;
    text-align: left;
    border-collapse: collapse; }
table.table-primary tr:nth-child(even) {
    background: #F5F5F5; }
table.table-primary th {
    background: #008da8;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 10px; }
table.table-primary td {
    padding: 10px;
    font-size: 13px;
    color: #333333; }
table.table-primary tfoot {
    font-size: 14px;
    font-weight: bold;
    color: white;
    background: #ddd;
    border-top: 2px solid #888; }

.video-container,
.video--container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed,
.video-container .video,
.video--container iframe,
.video--container object,
.video--container embed,
.video--container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/********************************************************
/* COMPONENTS/_IMAGES.SCSS
/*******************************************************/
/* Image Effects
***********************/
.img-round-border {
    border-radius: 50%;
    border: solid 5px #636363;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }

.img-holder--circle {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden; }

a:hover .img-round-border {
    border-color: #00bfd5; }

.link-img-holder:hover .link-img {
    opacity: 0.6;
    cursor: pointer; }

/* Associate Token
***********************/
/* Associate image used for BG */
.associate-token {
    height: 0;
    width: 100%;
    padding-bottom: calc(100% - 10px);
    /*-10px is to account for the 5px border and prevent distortion*/
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 50%;
    border: 5px solid #f6f6f6;
    background-image: url("http://s3-us-west-2.amazonaws.com/maxintlmarketing/commonGraphics/AssociateAvatar.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(0, 0, 0, 0.6); }
.associate-token.gen-1 {
    background: linear-gradient(0deg, rgba(148, 213, 0, 0.5), rgba(148, 213, 0, 0.5)), url("//s3-us-west-2.amazonaws.com/maxintlmarketing/commonGraphics/AssociateAvatar.jpg"); }

.associate-token:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 5px solid #fff;
    border-radius: 50%; }

/* Background Image Positioning
***********************/
.bg-pull--left,
.bg-pull--ml {
    background-position: left; }

.bg-pull--right,
.bg-pull--mr {
    background-position: right; }

.bg-pull--center,
.bg-pull--mm {
    background-position: center; }

.bg-pull--bl {
    background-position: bottom left; }

.pg-pull--bm,
.bg-pull--bottom {
    background-position: bottom center; }

.bg-pull--br {
    background-position: bottom right; }

.bg-pull--tl {
    background-position: top left; }

.bg-pull--tm,
.bg-pull--top {
    background-position: top center; }

.bg-pull--tr {
    background-position: top right; }

/* Background Image Sizing
***********************/
.bg-size--cover {
    background-size: cover;
    background-position: center; }

/********************************************************
/* COMPONENTS/_COLORS.SCSS
/*******************************************************
access color variables in the utilities/_variables.scss file
*********************************************************/
/* Change Color Attribute
***********************/
.color--white {
    color: white; }

.color--black {
    color: black; }

.color--grey {
    color: #707070; }

.color--grey-1 {
    color: #f6f6f6; }

.color--grey-2 {
    color: #ddd; }

.color--grey-3 {
    color: #aaa; }

.color--grey-4 {
    color: #888; }

.color--grey-5 {
    color: #262626; }

.color--blue-1 {
    color: #008da8; }

.color--blue-2 {
    color: #00bfd5; }

.color--green-1 {
    color: #4d9c2d; }

.color--green-2 {
    color: #94d500; }

.color--orange-1 {
    color: #e15829; }

.color--orange-2 {
    color: #ff8f12; }

.color--purple-1 {
    color: #5a2b81; }

.color--purple-2 {
    color: #a35db4; }

.color--red-1 {
    color: #ab0032; }

.color--red-2 {
    color: #eb0028; }

.color--cellgevity-1 {
    color: #008da8; }

.color--cellgevity-2 {
    color: #94d500; }

.color--maxnfuze-1 {
    color: #ff8f12; }

.color--maxnfuze-2 {
    color: #eb6825; }

.color--max357-1 {
    color: #09b9ab; }

.color--max357-2 {
    color: #4cb74d; }

.color--max357-3 {
    color: #b8d433; }

.color--maxatp-1 {
    color: #94d500; }

.color--maxatp-2 {
    color: #479c49; }

.color--maxgxl-1 {
    color: #ac0033; }

.color--maxgxl-2 {
    color: #8e2d39; }

.color--maxone-1 {
    color: #00bfd5; }

.color--maxone-2 {
    color: #8e9090; }

.color--primary {
    color: #008da8; }

.color--secondary {
    color: #00bfd5; }

.color--success {
    color: #4d9c2d; }

.color--info {
    color: #eb0028; }

.color--warning {
    color: #ff8f12; }

.color--danger {
    color: #eb0028; }

.bg-color--white {
    background-color: white; }

.bg-color--black {
    background-color: black; }

.bg-color--grey {
    background-color: #707070; }

.bg-color--grey-1 {
    background-color: #f6f6f6; }

.bg-color--grey-2 {
    background-color: #ddd; }

.bg-color--grey-3 {
    background-color: #aaa; }

.bg-color--grey-4 {
    background-color: #888; }

.bg-color--grey-5 {
    background-color: #262626; }

.bg-color--blue-1 {
    background-color: #008da8; }

.bg-color--blue-2 {
    background-color: #00bfd5; }

.bg-color--green-1 {
    background-color: #4d9c2d; }

.bg-color--green-2 {
    background-color: #94d500; }

.bg-color--orange-1 {
    background-color: #e15829; }

.bg-color--orange-2 {
    background-color: #ff8f12; }

.bg-color--purple-1 {
    background-color: #5a2b81; }

.bg-color--purple-2 {
    background-color: #a35db4; }

.bg-color--red-1 {
    background-color: #ab0032; }

.bg-color--red-2 {
    background-color: #eb0028; }

.bg-color--cellgevity-1 {
    background-color: #008da8; }

.bg-color--cellgevity-2 {
    background-color: #94d500; }

.bg-color--maxnfuze-1 {
    background-color: #ff8f12; }

.bg-color--maxnfuze-2 {
    background-color: #eb6825; }

.bg-color--max357-1 {
    background-color: #09b9ab; }

.bg-color--max357-2 {
    background-color: #4cb74d; }

.bg-color--max357-3 {
    background-color: #b8d433; }

.bg-color--maxatp-1 {
    background-color: #94d500; }

.bg-color--maxatp-2 {
    background-color: #479c49; }

.bg-color--maxgxl-1 {
    background-color: #ac0033; }

.bg-color--maxgxl-2 {
    background-color: #8e2d39; }

.bg-color--maxone-1 {
    background-color: #00bfd5; }

.bg-color--maxone-2 {
    background-color: #8e9090; }

.bg-color--primary {
    background-color: #008da8; }

.bg-color--secondary {
    background-color: #00bfd5; }

.bg-color--success {
    background-color: #4d9c2d; }

.bg-color--info {
    background-color: #eb0028; }

.bg-color--warning {
    background-color: #ff8f12; }

.bg-color--danger {
    background-color: #eb0028; }

.border-color--white {
    border-color: white; }

.border-color--black {
    border-color: black; }

.border-color--grey {
    border-color: #707070; }

.border-color--grey-1 {
    border-color: #f6f6f6; }

.border-color--grey-2 {
    border-color: #ddd; }

.border-color--grey-3 {
    border-color: #aaa; }

.border-color--grey-4 {
    border-color: #888; }

.border-color--grey-5 {
    border-color: #262626; }

.border-color--blue-1 {
    border-color: #008da8; }

.border-color--blue-2 {
    border-color: #00bfd5; }

.border-color--green-1 {
    border-color: #4d9c2d; }

.border-color--green-2 {
    border-color: #94d500; }

.border-color--orange-1 {
    border-color: #e15829; }

.border-color--orange-2 {
    border-color: #ff8f12; }

.border-color--purple-1 {
    border-color: #5a2b81; }

.border-color--purple-2 {
    border-color: #a35db4; }

.border-color--red-1 {
    border-color: #ab0032; }

.border-color--red-2 {
    border-color: #eb0028; }

.border-color--cellgevity-1 {
    border-color: #008da8; }

.border-color--cellgevity-2 {
    border-color: #94d500; }

.border-color--maxnfuze-1 {
    border-color: #ff8f12; }

.border-color--maxnfuze-2 {
    border-color: #eb6825; }

.border-color--max357-1 {
    border-color: #09b9ab; }

.border-color--max357-2 {
    border-color: #4cb74d; }

.border-color--max357-3 {
    border-color: #b8d433; }

.border-color--maxatp-1 {
    border-color: #94d500; }

.border-color--maxatp-2 {
    border-color: #479c49; }

.border-color--maxgxl-1 {
    border-color: #ac0033; }

.border-color--maxgxl-2 {
    border-color: #8e2d39; }

.border-color--maxone-1 {
    border-color: #00bfd5; }

.border-color--maxone-2 {
    border-color: #8e9090; }

.border-color--primary {
    border-color: #008da8; }

.border-color--secondary {
    border-color: #00bfd5; }

.border-color--success {
    border-color: #4d9c2d; }

.border-color--info {
    border-color: #eb0028; }

.border-color--warning {
    border-color: #ff8f12; }

.border-color--danger {
    border-color: #eb0028; }

/********************************************************
/* COMPONENTS/_TYPOGRAPHY.SCSS
/*******************************************************/
.font-size--xs,
.font-xs {
    font-size: 0.8em; }

.font-size--sm,
.font-sm {
    font-size: 1em; }

.font-size--md,
.font-md {
    font-size: 1.15em; }

.font-size--lg,
.font-lg {
    font-size: 1.5em; }

.font-size--xl,
.font-xl {
    font-size: 2em; }

.font-size--xxl,
.font-xxl {
    font-size: 4em; }

.font-1 {
    font-family: "Raleway", Helvetica, Arial, sans-serif; }

.font-2 {
    font-family: "Sifonn", sans-serif; }

.font-3 {
    font-family: "Merriweather", serif; }

.text--elegant-shadow {
    text-shadow: 1px -1px 0 rgba(221, 221, 221, 0.4), -1px 2px 1px rgba(0, 0, 0, 0.4), -2px 4px 1px rgba(0, 0, 0, 0.35), -3px 6px 1px rgba(0, 0, 0, 0.3), -4px 8px 1px rgba(0, 0, 0, 0.29), -5px 10px 1px rgba(0, 0, 0, 0.28), -6px 12px 1px rgba(0, 0, 0, 0.27), -7px 14px 1px rgba(0, 0, 0, 0.26), -8px 16px 1px rgba(0, 0, 0, 0.25), -9px 18px 1px rgba(0, 0, 0, 0.24), -10px 20px 1px rgba(0, 0, 0, 0.23), -11px 22px 1px rgba(0, 0, 0, 0.22), -12px 24px 1px rgba(0, 0, 0, 0.21), -13px 26px 1px rgba(0, 0, 0, 0.2), -14px 28px 1px rgba(0, 0, 0, 0.15), -15px 30px 1px rgba(0, 0, 0, 0.1), -16px 32px 1px rgba(136, 136, 136, 0.05), -17px 34px 1px rgba(136, 136, 136, 0.01); }

.text--outer-glow {
    text-shadow: 1px 1px 30px rgba(0, 0, 0, 0.9), 1px 1px 10px rgba(0, 0, 0, 0.9); }

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 460px; }

.dd-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 222px; }

.dd-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 38px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    cursor: default;
    position: relative;
    background-color: white; }

.dd-header span {
    margin-right: 20px; }

.dd-header-title {
    font-weight: 300;
    margin: 2px 20px;
    margin-right: 30px; }

.fa-angle-down {
    color: black;
    margin-right: 20px; }

.dd-list {
    z-index: 10;
    position: absolute;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: white;
    -webkit-box-shadow: 0 2px 5px -1px #e8e8e8;
    box-shadow: 0 2px 5px -1px #e8e8e8;
    font-weight: 700;
    padding: 15px 0;
    max-height: 215px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }

.dd-list-item {
    width: 100%;
    font-size: 1rem;
    padding: 4px 5px;
    line-height: 1.6rem;
    cursor: default;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis; }

.dd-list-item:hover {
    color: white;
    background-color: #00bfd5; }

.dd-wrapper-single {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 265px; }

.dd-wrapper-single .dd-header {
    border: 1px solid #ccc; }

.dd-wrapper-single .dd-header .dd-header-name {
    font-weight: 400; }

.dd-wrapper-single .dd-list {
    border: 1px solid #ccc;
    border-top: none; }

/* start resolving the bug No MAXVO 201 */
    /* language btn centering */
    .language-btn-centering {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: center; */
    }
    .language-btn-centering button {
        margin: 5px;
    }
    @media(max-width:360px){
        .language-btn-centering button {
         width: 100%;
        }
    }
/* End resolving the bug No MAXVO 201 */